From dc7a50de6f7fac2cc3e4e150abfeb68f6f206682 Mon Sep 17 00:00:00 2001 From: xiaoxian521 <1923740402@qq.com> Date: Tue, 20 Apr 2021 19:06:27 +0800 Subject: [PATCH] chore: update @logicflow --- package-lock.json | 28 +- package.json | 4 +- public/html/button.html | 1526 +++++++++++----------- src/components/FlowChart/src/Control.vue | 6 +- src/layout/index.vue | 2 +- src/views/components/count-to/index.vue | 4 +- 6 files changed, 822 insertions(+), 748 deletions(-) diff --git a/package-lock.json b/package-lock.json index c889d1a34..23bd33fce 100644 --- a/package-lock.json +++ b/package-lock.json @@ -390,16 +390,20 @@ } }, "@logicflow/core": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/@logicflow/core/-/core-0.3.1.tgz", - "integrity": "sha512-PZwwaRGURwOWFf4JVDc6GGfDRZtawvVGY6/3Z4cjulNiEFzxtQnz4RH0Zqzd6qFRxpEctqKnZ+eckLPWX4YFug==" + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/@logicflow/core/-/core-0.3.2.tgz", + "integrity": "sha512-lKe/N+w1u32wUnTdT1gzW+skPSOo6UDrXsT7Ar3d0iN6XK5i5KVAkEjGUGhvTtd7GgdAvTXpNVLQFSX/9B3EtQ==", + "requires": { + "mousetrap": "^1.6.5", + "preact": "^10.4.8" + } }, "@logicflow/extension": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/@logicflow/extension/-/extension-0.3.1.tgz", - "integrity": "sha512-WSPVqwmTvI52e2Go6EQeUEoHs+l6o2h4u47iVuwC39A/cIFcc2skefQ9fTzGJHeWIXjPf7Nl/W5ylrmeVsIJ4Q==", + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/@logicflow/extension/-/extension-0.3.2.tgz", + "integrity": "sha512-4CPIzSy7LN4rD+hgdc/6nn6ZcrERIrgH8+LWWKPE3MF+xd2LedsZAMeLPYkJ7x+wie7fOKyKDfW/XL50imMzaQ==", "requires": { - "@logicflow/core": "^0.3.1", + "@logicflow/core": "^0.3.2", "ids": "^1.0.0" } }, @@ -1432,6 +1436,11 @@ "commander": "*" } }, + "mousetrap": { + "version": "1.6.5", + "resolved": "https://registry.npmjs.org/mousetrap/-/mousetrap-1.6.5.tgz", + "integrity": "sha512-QNo4kEepaIBwiT8CDhP98umTetp+JNfQYBWvC1pc6/OAibuXtRcxZ58Qz8skvEHYvURne/7R8T5VoOI7rDsEUA==" + }, "ms": { "version": "2.1.2", "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&sync_timestamp=1607433912031&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz", @@ -1621,6 +1630,11 @@ "integrity": "sha1-RD9qIM7WSBor2k+oUypuVdeJoss=", "dev": true }, + "preact": { + "version": "10.5.13", + "resolved": "https://registry.npmjs.org/preact/-/preact-10.5.13.tgz", + "integrity": "sha512-q/vlKIGNwzTLu+jCcvywgGrt+H/1P/oIRSD6mV4ln3hmlC+Aa34C7yfPI4+5bzW8pONyVXYS7SvXosy2dKKtWQ==" + }, "process": { "version": "0.11.10", "resolved": "https://registry.npm.taobao.org/process/download/process-0.11.10.tgz", diff --git a/package.json b/package.json index dc56b36ae..ce1844055 100644 --- a/package.json +++ b/package.json @@ -8,8 +8,8 @@ }, "dependencies": { "@amap/amap-jsapi-loader": "^1.0.1", - "@logicflow/core": "^0.3.1", - "@logicflow/extension": "^0.3.1", + "@logicflow/core": "^0.3.2", + "@logicflow/extension": "^0.3.2", "@vueuse/core": "^4.8.2", "await-to-js": "^2.1.1", "axios": "^0.21.1", diff --git a/public/html/button.html b/public/html/button.html index f3a97abe6..9bf89b488 100644 --- a/public/html/button.html +++ b/public/html/button.html @@ -1,791 +1,847 @@ + + + - - - + +
+
JAVA攻城狮
+
Golang工程师!
+
js攻城狮
+
+
+ Ruby攻城狮 +
- -
-
JAVA攻城狮
-
Golang工程师!
-
js攻城狮
-
-
- Ruby攻城狮 +
+ VB攻城狮 +
+
+
python攻城狮
+
python攻城狮
+
python攻城狮
+
python攻城狮
+
python攻城狮
+ +
php攻城狮
+
php攻城狮
+
php攻城狮
+
php攻城狮
+
php攻城狮
+ +
kotlin攻城狮
+
kotlin攻城狮
+
kotlin攻城狮
+
kotlin攻城狮
+
kotlin攻城狮
+
C语言攻城狮
- -
- VB攻城狮 -
-
-
python攻城狮
-
python攻城狮
-
python攻城狮
-
python攻城狮
-
python攻城狮
- -
php攻城狮
-
php攻城狮
-
php攻城狮
-
php攻城狮
-
php攻城狮
- - -
kotlin攻城狮
-
kotlin攻城狮
-
kotlin攻城狮
-
kotlin攻城狮
-
kotlin攻城狮
-
C语言攻城狮
- -
- - + .kotlin-4 { + color: #eea163; + } - \ No newline at end of file + .kotlin-4:hover { + animation: zigzag 1s linear infinite; + background: linear-gradient( + 135deg, + rgba(238, 161, 99, 0.25) 0.25em, + transparent 0.25em + ) -0.5em 0, + linear-gradient( + 225deg, + rgba(238, 161, 99, 0.25) 0.25em, + transparent 0.25em + ) -0.5em 0, + linear-gradient( + 315deg, + rgba(238, 161, 99, 0.25) 0.25em, + transparent 0.25em + ) + 0 0, + linear-gradient( + 45deg, + rgba(238, 161, 99, 0.25) 0.25em, + transparent 0.25em + ) + 0 0; + background-size: 0.75em 0.75em; + color: #63b0ee; + } + + @keyframes zigzag { + 100% { + background-position: 1em 0, 1em 0, -0.75em 0, -0.75em 0; + } + } + + .kotlin-5 { + color: #f9879b; + } + + .kotlin-5:hover { + animation: pulse 1s ease-in infinite; + background: radial-gradient( + circle, + rgba(249, 135, 155, 0.25) 43%, + transparent 50% + ) + 0 0/1em 1em, + radial-gradient(circle, rgba(249, 135, 155, 0.25) 43%, transparent 50%) + 0.5em 0.5em/2em 2em; + color: #0bdcb7; + } + + @keyframes pulse { + 50% { + background-position: 0.66em 0.66em, -0.33em -0.33em; + } + + 100% { + background-size: 2em 2em, 1em 1em; + background-position: -1.5em -1.5em, -1em -1em; + } + } + + .vb:before, + .vb:after { + box-sizing: border-box; + } + + .vb { + position: relative; + width: 120px; + color: #fa5555; + height: 40px; + line-height: 42px; + border: 2px solid #fa5555; + border-radius: 14px; + text-transform: uppercase; + } + + .dot { + content: ""; + position: absolute; + top: 0; + width: 32px; + height: 100%; + border-radius: 50%; + transition: all 300ms ease; + display: none; + } + + .dot:after { + content: ""; + position: absolute; + top: -6px; + height: 5px; + width: 5px; + background: #fa5555; + border-radius: 50%; + border: 4px solid #fa5555; + box-shadow: 0 0 0.7em #fff, 0 0 2em #fa5555; + } + + .vb:hover .dot, + .vb:focus .dot { + animation: atom 2s infinite linear; + display: block; + } + + /*calc(122px - 36px) 按钮宽度 - dot宽度 - 边框宽度*/ + @keyframes atom { + 0% { + transform: translateX(0) rotate(0); + } + + 30% { + transform: translateX(calc(122px - 36px)) rotate(0); + } + + 50% { + transform: translateX(calc(122px - 36px)) rotate(180deg); + } + + 80% { + transform: translateX(0) rotate(180deg); + } + + 100% { + transform: translateX(0) rotate(360deg); + } + } + + .btn-down { + position: absolute; + top: calc(50vh - 280px); + text-align: center; + border-radius: 4px; + cursor: pointer; + left: calc(50vw - 87px); + width: 122px; + line-height: 44px; + color: #fff; + background: #2194e0; + opacity: 1; + } + + .btn-down:active { + opacity: 0.8; + } + + diff --git a/src/components/FlowChart/src/Control.vue b/src/components/FlowChart/src/Control.vue index 6c231cc72..749b08951 100644 --- a/src/components/FlowChart/src/Control.vue +++ b/src/components/FlowChart/src/Control.vue @@ -25,7 +25,7 @@