fix: 修复无缝滚动组件问题

This commit is contained in:
xiaoxian521 2021-06-15 14:48:05 +08:00
parent 515be309b8
commit 808240f91b
3 changed files with 149 additions and 133 deletions

215
package-lock.json generated
View File

@ -17,7 +17,7 @@
"dayjs": "^1.10.5",
"dotenv": "^8.2.0",
"echarts": "^5.1.1",
"element-plus": "^1.0.2-beta.46",
"element-plus": "^1.0.2-beta.48",
"font-awesome": "^4.7.0",
"lodash-es": "^4.17.21",
"mitt": "^2.1.0",
@ -28,7 +28,7 @@
"pinia": "^2.0.0-alpha.19",
"resize-observer-polyfill": "^1.5.1",
"v-contextmenu": "^3.0.0",
"vue": "^3.0.11",
"vue": "^3.1.1",
"vue-i18n": "^9.1.6",
"vue-json-pretty": "^2.0.2",
"vue-router": "^4.0.8",
@ -44,9 +44,9 @@
"@types/mockjs": "^1.0.3",
"@types/node": "^14.14.14",
"@types/nprogress": "^0.2.0",
"@vitejs/plugin-vue": "^1.2.2",
"@vitejs/plugin-vue": "^1.2.3",
"@vitejs/plugin-vue-jsx": "^1.1.3",
"@vue/compiler-sfc": "^3.0.11",
"@vue/compiler-sfc": "^3.1.1",
"autoprefixer": "^10.2.4",
"babel-plugin-transform-remove-console": "^6.9.4",
"chalk": "^2.4.2",
@ -630,15 +630,15 @@
}
},
"node_modules/@vitejs/plugin-vue": {
"version": "1.2.2",
"resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-1.2.2.tgz",
"integrity": "sha512-5BI2WFfs/Z0pAV4S/IQf1oH3bmFYlL5ATMBHgTt1Lf7hAnfpNd5oUAAs6hZPfk3QhvyUQgtk0rJBlabwNFcBJQ==",
"version": "1.2.3",
"resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-1.2.3.tgz",
"integrity": "sha512-LlnLpObkGKZ+b7dcpL4T24l13nPSHLjo+6Oc7MbZiKz5PMAUzADfNJ3EKfYIQ0l0969nxf2jp/9vsfnuJ7h6fw==",
"dev": true,
"engines": {
"node": ">=12.0.0"
},
"peerDependencies": {
"@vue/compiler-sfc": "^3.0.6"
"@vue/compiler-sfc": "^3.0.8"
}
},
"node_modules/@vitejs/plugin-vue-jsx": {
@ -681,38 +681,38 @@
}
},
"node_modules/@vue/compiler-core": {
"version": "3.0.11",
"resolved": "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.11.tgz?cache=0&sync_timestamp=1617321362210&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-core%2Fdownload%2F%40vue%2Fcompiler-core-3.0.11.tgz",
"integrity": "sha1-XvV55G17M2uHNSKHWNHCxQWq5po=",
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.1.1.tgz",
"integrity": "sha512-Z1RO3T6AEtAUFf2EqqovFm3ohAeTvFzRtB0qUENW2nEerJfdlk13/LS1a0EgsqlzxmYfR/S/S/gW9PLbFZZxkA==",
"dependencies": {
"@babel/parser": "^7.12.0",
"@babel/types": "^7.12.0",
"@vue/shared": "3.0.11",
"@vue/shared": "3.1.1",
"estree-walker": "^2.0.1",
"source-map": "^0.6.1"
}
},
"node_modules/@vue/compiler-dom": {
"version": "3.0.11",
"resolved": "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.11.tgz",
"integrity": "sha1-sV/ByQk3H9ZxdGAgulW12rSnMO4=",
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.1.1.tgz",
"integrity": "sha512-nobRIo0t5ibzg+q8nC31m+aJhbq8FbWUoKvk6h3Vs1EqTDJaj6lBTcVTq5or8AYht7FbSpdAJ81isbJ1rWNX7A==",
"dependencies": {
"@vue/compiler-core": "3.0.11",
"@vue/shared": "3.0.11"
"@vue/compiler-core": "3.1.1",
"@vue/shared": "3.1.1"
}
},
"node_modules/@vue/compiler-sfc": {
"version": "3.0.11",
"resolved": "https://registry.npm.taobao.org/@vue/compiler-sfc/download/@vue/compiler-sfc-3.0.11.tgz",
"integrity": "sha1-zYyiFUuIlntSH1rTsQ9fi2tmVnk=",
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.1.1.tgz",
"integrity": "sha512-lSgMsZaYHF+bAgryq5aUqpvyfhu52GJI2/4LoiJCE5uaxc6FCZfxfgqgw/d9ltiZghv+HiISFtmQVAVvlsk+/w==",
"dev": true,
"dependencies": {
"@babel/parser": "^7.13.9",
"@babel/types": "^7.13.0",
"@vue/compiler-core": "3.0.11",
"@vue/compiler-dom": "3.0.11",
"@vue/compiler-ssr": "3.0.11",
"@vue/shared": "3.0.11",
"@vue/compiler-core": "3.1.1",
"@vue/compiler-dom": "3.1.1",
"@vue/compiler-ssr": "3.1.1",
"@vue/shared": "3.1.1",
"consolidate": "^0.16.0",
"estree-walker": "^2.0.1",
"hash-sum": "^2.0.0",
@ -723,16 +723,19 @@
"postcss-modules": "^4.0.0",
"postcss-selector-parser": "^6.0.4",
"source-map": "^0.6.1"
},
"peerDependencies": {
"vue": "3.1.1"
}
},
"node_modules/@vue/compiler-ssr": {
"version": "3.0.11",
"resolved": "https://registry.npm.taobao.org/@vue/compiler-ssr/download/@vue/compiler-ssr-3.0.11.tgz",
"integrity": "sha1-rFoF/RJXQS+mYHnII9ggO2qImhM=",
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.1.1.tgz",
"integrity": "sha512-7H6krZtVt3h/YzfNp7eYK41hMDz8ZskiBy+Wby+EDRINX6BD9JQ5C8zyy2xAa7T6Iz2VrQzsaJ/Bb52lTPSS5A==",
"dev": true,
"dependencies": {
"@vue/compiler-dom": "3.0.11",
"@vue/shared": "3.0.11"
"@vue/compiler-dom": "3.1.1",
"@vue/shared": "3.1.1"
}
},
"node_modules/@vue/devtools-api": {
@ -741,36 +744,36 @@
"integrity": "sha512-vpw61AkW9U8c2upjJCljHq9eh1KkD4FJ7DYbRzIETpj9WAw2VESudJZosAk4M+7npBo1Zu1jNQY03HUMVO/czQ=="
},
"node_modules/@vue/reactivity": {
"version": "3.0.11",
"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.11.tgz",
"integrity": "sha512-SKM3YKxtXHBPMf7yufXeBhCZ4XZDKP9/iXeQSC8bBO3ivBuzAi4aZi0bNoeE2IF2iGfP/AHEt1OU4ARj4ao/Xw==",
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.1.1.tgz",
"integrity": "sha512-DsH5woNVCcPK1M0RRYVgJEU1GJDU2ASOKpAqW3ppHk+XjoFLCbqc/26RTCgTpJYd9z8VN+79Q1u7/QqgQPbuLQ==",
"dependencies": {
"@vue/shared": "3.0.11"
"@vue/shared": "3.1.1"
}
},
"node_modules/@vue/runtime-core": {
"version": "3.0.11",
"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.11.tgz",
"integrity": "sha512-87XPNwHfz9JkmOlayBeCCfMh9PT2NBnv795DSbi//C/RaAnc/bGZgECjmkD7oXJ526BZbgk9QZBPdFT8KMxkAg==",
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.1.1.tgz",
"integrity": "sha512-GboqR02txOtkd9F3Ysd8ltPL68vTCqIx2p/J52/gFtpgb5FG9hvOAPEwFUqxeEJRu7ResvQnmdOHiEycGPCLhQ==",
"dependencies": {
"@vue/reactivity": "3.0.11",
"@vue/shared": "3.0.11"
"@vue/reactivity": "3.1.1",
"@vue/shared": "3.1.1"
}
},
"node_modules/@vue/runtime-dom": {
"version": "3.0.11",
"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.11.tgz",
"integrity": "sha512-jm3FVQESY3y2hKZ2wlkcmFDDyqaPyU3p1IdAX92zTNeCH7I8zZ37PtlE1b9NlCtzV53WjB4TZAYh9yDCMIEumA==",
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.1.1.tgz",
"integrity": "sha512-o57n/199e/BBAmLRMSXmD2r12Old/h/gf6BgL0RON1NT2pwm6MWaMY4Ul55eyq+FsDILz4jR/UgoPQ9vYB8xcw==",
"dependencies": {
"@vue/runtime-core": "3.0.11",
"@vue/shared": "3.0.11",
"@vue/runtime-core": "3.1.1",
"@vue/shared": "3.1.1",
"csstype": "^2.6.8"
}
},
"node_modules/@vue/shared": {
"version": "3.0.11",
"resolved": "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.11.tgz?cache=0&sync_timestamp=1617321364318&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fshared%2Fdownload%2F%40vue%2Fshared-3.0.11.tgz",
"integrity": "sha1-INIt0Np9NYuyHBf5vehigVJkLHc="
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.1.1.tgz",
"integrity": "sha512-g+4pzAw7PYSjARtLBoDq6DmcblX8i9KJHSCnyM5VDDFFifUaUT9iHbFpOF/KOizQ9f7QAqU2JH3Y6aXjzUMhVA=="
},
"node_modules/@vueuse/core": {
"version": "4.9.1",
@ -1318,9 +1321,9 @@
"dev": true
},
"node_modules/element-plus": {
"version": "1.0.2-beta.46",
"resolved": "https://registry.npmjs.org/element-plus/-/element-plus-1.0.2-beta.46.tgz",
"integrity": "sha512-GevU3xNiIp+p9ZGnGRtFaJPnofsMXKwqV+cTXC266vUWw08Hbt1ronTsss/eJJ1OIHLoaFq4febv1MMTBSSjlQ==",
"version": "1.0.2-beta.48",
"resolved": "https://registry.npmjs.org/element-plus/-/element-plus-1.0.2-beta.48.tgz",
"integrity": "sha512-BKLjkZqZCJIYxUgwEj4ojaU0iEXHf6LPma100rMQPXZ/AUEVx3yjuo3fmTV54CTsIG+V2W1VCEnD7jF2iw+qrQ==",
"dependencies": {
"@popperjs/core": "^2.4.4",
"@types/lodash": "^4.14.161",
@ -1332,7 +1335,7 @@
"resize-observer-polyfill": "^1.5.1"
},
"peerDependencies": {
"vue": "^3.0.9"
"vue": "3.1.1"
}
},
"node_modules/emojis-list": {
@ -2787,13 +2790,13 @@
}
},
"node_modules/vue": {
"version": "3.0.11",
"resolved": "https://registry.npmjs.org/vue/-/vue-3.0.11.tgz",
"integrity": "sha512-3/eUi4InQz8MPzruHYSTQPxtM3LdZ1/S/BvaU021zBnZi0laRUyH6pfuE4wtUeLvI8wmUNwj5wrZFvbHUXL9dw==",
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/vue/-/vue-3.1.1.tgz",
"integrity": "sha512-j9fj3PNPMxo2eqOKYjMuss9XBS8ZtmczLY3kPvjcp9d3DbhyNqLYbaMQH18+1pDIzzVvQCQBvIf774LsjjqSKA==",
"dependencies": {
"@vue/compiler-dom": "3.0.11",
"@vue/runtime-dom": "3.0.11",
"@vue/shared": "3.0.11"
"@vue/compiler-dom": "3.1.1",
"@vue/runtime-dom": "3.1.1",
"@vue/shared": "3.1.1"
}
},
"node_modules/vue-i18n": {
@ -3461,9 +3464,9 @@
}
},
"@vitejs/plugin-vue": {
"version": "1.2.2",
"resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-1.2.2.tgz",
"integrity": "sha512-5BI2WFfs/Z0pAV4S/IQf1oH3bmFYlL5ATMBHgTt1Lf7hAnfpNd5oUAAs6hZPfk3QhvyUQgtk0rJBlabwNFcBJQ==",
"version": "1.2.3",
"resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-1.2.3.tgz",
"integrity": "sha512-LlnLpObkGKZ+b7dcpL4T24l13nPSHLjo+6Oc7MbZiKz5PMAUzADfNJ3EKfYIQ0l0969nxf2jp/9vsfnuJ7h6fw==",
"dev": true,
"requires": {}
},
@ -3504,38 +3507,38 @@
}
},
"@vue/compiler-core": {
"version": "3.0.11",
"resolved": "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.11.tgz?cache=0&sync_timestamp=1617321362210&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-core%2Fdownload%2F%40vue%2Fcompiler-core-3.0.11.tgz",
"integrity": "sha1-XvV55G17M2uHNSKHWNHCxQWq5po=",
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.1.1.tgz",
"integrity": "sha512-Z1RO3T6AEtAUFf2EqqovFm3ohAeTvFzRtB0qUENW2nEerJfdlk13/LS1a0EgsqlzxmYfR/S/S/gW9PLbFZZxkA==",
"requires": {
"@babel/parser": "^7.12.0",
"@babel/types": "^7.12.0",
"@vue/shared": "3.0.11",
"@vue/shared": "3.1.1",
"estree-walker": "^2.0.1",
"source-map": "^0.6.1"
}
},
"@vue/compiler-dom": {
"version": "3.0.11",
"resolved": "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.11.tgz",
"integrity": "sha1-sV/ByQk3H9ZxdGAgulW12rSnMO4=",
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.1.1.tgz",
"integrity": "sha512-nobRIo0t5ibzg+q8nC31m+aJhbq8FbWUoKvk6h3Vs1EqTDJaj6lBTcVTq5or8AYht7FbSpdAJ81isbJ1rWNX7A==",
"requires": {
"@vue/compiler-core": "3.0.11",
"@vue/shared": "3.0.11"
"@vue/compiler-core": "3.1.1",
"@vue/shared": "3.1.1"
}
},
"@vue/compiler-sfc": {
"version": "3.0.11",
"resolved": "https://registry.npm.taobao.org/@vue/compiler-sfc/download/@vue/compiler-sfc-3.0.11.tgz",
"integrity": "sha1-zYyiFUuIlntSH1rTsQ9fi2tmVnk=",
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.1.1.tgz",
"integrity": "sha512-lSgMsZaYHF+bAgryq5aUqpvyfhu52GJI2/4LoiJCE5uaxc6FCZfxfgqgw/d9ltiZghv+HiISFtmQVAVvlsk+/w==",
"dev": true,
"requires": {
"@babel/parser": "^7.13.9",
"@babel/types": "^7.13.0",
"@vue/compiler-core": "3.0.11",
"@vue/compiler-dom": "3.0.11",
"@vue/compiler-ssr": "3.0.11",
"@vue/shared": "3.0.11",
"@vue/compiler-core": "3.1.1",
"@vue/compiler-dom": "3.1.1",
"@vue/compiler-ssr": "3.1.1",
"@vue/shared": "3.1.1",
"consolidate": "^0.16.0",
"estree-walker": "^2.0.1",
"hash-sum": "^2.0.0",
@ -3549,13 +3552,13 @@
}
},
"@vue/compiler-ssr": {
"version": "3.0.11",
"resolved": "https://registry.npm.taobao.org/@vue/compiler-ssr/download/@vue/compiler-ssr-3.0.11.tgz",
"integrity": "sha1-rFoF/RJXQS+mYHnII9ggO2qImhM=",
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.1.1.tgz",
"integrity": "sha512-7H6krZtVt3h/YzfNp7eYK41hMDz8ZskiBy+Wby+EDRINX6BD9JQ5C8zyy2xAa7T6Iz2VrQzsaJ/Bb52lTPSS5A==",
"dev": true,
"requires": {
"@vue/compiler-dom": "3.0.11",
"@vue/shared": "3.0.11"
"@vue/compiler-dom": "3.1.1",
"@vue/shared": "3.1.1"
}
},
"@vue/devtools-api": {
@ -3564,36 +3567,36 @@
"integrity": "sha512-vpw61AkW9U8c2upjJCljHq9eh1KkD4FJ7DYbRzIETpj9WAw2VESudJZosAk4M+7npBo1Zu1jNQY03HUMVO/czQ=="
},
"@vue/reactivity": {
"version": "3.0.11",
"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.11.tgz",
"integrity": "sha512-SKM3YKxtXHBPMf7yufXeBhCZ4XZDKP9/iXeQSC8bBO3ivBuzAi4aZi0bNoeE2IF2iGfP/AHEt1OU4ARj4ao/Xw==",
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.1.1.tgz",
"integrity": "sha512-DsH5woNVCcPK1M0RRYVgJEU1GJDU2ASOKpAqW3ppHk+XjoFLCbqc/26RTCgTpJYd9z8VN+79Q1u7/QqgQPbuLQ==",
"requires": {
"@vue/shared": "3.0.11"
"@vue/shared": "3.1.1"
}
},
"@vue/runtime-core": {
"version": "3.0.11",
"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.11.tgz",
"integrity": "sha512-87XPNwHfz9JkmOlayBeCCfMh9PT2NBnv795DSbi//C/RaAnc/bGZgECjmkD7oXJ526BZbgk9QZBPdFT8KMxkAg==",
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.1.1.tgz",
"integrity": "sha512-GboqR02txOtkd9F3Ysd8ltPL68vTCqIx2p/J52/gFtpgb5FG9hvOAPEwFUqxeEJRu7ResvQnmdOHiEycGPCLhQ==",
"requires": {
"@vue/reactivity": "3.0.11",
"@vue/shared": "3.0.11"
"@vue/reactivity": "3.1.1",
"@vue/shared": "3.1.1"
}
},
"@vue/runtime-dom": {
"version": "3.0.11",
"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.11.tgz",
"integrity": "sha512-jm3FVQESY3y2hKZ2wlkcmFDDyqaPyU3p1IdAX92zTNeCH7I8zZ37PtlE1b9NlCtzV53WjB4TZAYh9yDCMIEumA==",
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.1.1.tgz",
"integrity": "sha512-o57n/199e/BBAmLRMSXmD2r12Old/h/gf6BgL0RON1NT2pwm6MWaMY4Ul55eyq+FsDILz4jR/UgoPQ9vYB8xcw==",
"requires": {
"@vue/runtime-core": "3.0.11",
"@vue/shared": "3.0.11",
"@vue/runtime-core": "3.1.1",
"@vue/shared": "3.1.1",
"csstype": "^2.6.8"
}
},
"@vue/shared": {
"version": "3.0.11",
"resolved": "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.11.tgz?cache=0&sync_timestamp=1617321364318&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fshared%2Fdownload%2F%40vue%2Fshared-3.0.11.tgz",
"integrity": "sha1-INIt0Np9NYuyHBf5vehigVJkLHc="
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.1.1.tgz",
"integrity": "sha512-g+4pzAw7PYSjARtLBoDq6DmcblX8i9KJHSCnyM5VDDFFifUaUT9iHbFpOF/KOizQ9f7QAqU2JH3Y6aXjzUMhVA=="
},
"@vueuse/core": {
"version": "4.9.1",
@ -4020,9 +4023,9 @@
"dev": true
},
"element-plus": {
"version": "1.0.2-beta.46",
"resolved": "https://registry.npmjs.org/element-plus/-/element-plus-1.0.2-beta.46.tgz",
"integrity": "sha512-GevU3xNiIp+p9ZGnGRtFaJPnofsMXKwqV+cTXC266vUWw08Hbt1ronTsss/eJJ1OIHLoaFq4febv1MMTBSSjlQ==",
"version": "1.0.2-beta.48",
"resolved": "https://registry.npmjs.org/element-plus/-/element-plus-1.0.2-beta.48.tgz",
"integrity": "sha512-BKLjkZqZCJIYxUgwEj4ojaU0iEXHf6LPma100rMQPXZ/AUEVx3yjuo3fmTV54CTsIG+V2W1VCEnD7jF2iw+qrQ==",
"requires": {
"@popperjs/core": "^2.4.4",
"@types/lodash": "^4.14.161",
@ -5186,13 +5189,13 @@
}
},
"vue": {
"version": "3.0.11",
"resolved": "https://registry.npmjs.org/vue/-/vue-3.0.11.tgz",
"integrity": "sha512-3/eUi4InQz8MPzruHYSTQPxtM3LdZ1/S/BvaU021zBnZi0laRUyH6pfuE4wtUeLvI8wmUNwj5wrZFvbHUXL9dw==",
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/vue/-/vue-3.1.1.tgz",
"integrity": "sha512-j9fj3PNPMxo2eqOKYjMuss9XBS8ZtmczLY3kPvjcp9d3DbhyNqLYbaMQH18+1pDIzzVvQCQBvIf774LsjjqSKA==",
"requires": {
"@vue/compiler-dom": "3.0.11",
"@vue/runtime-dom": "3.0.11",
"@vue/shared": "3.0.11"
"@vue/compiler-dom": "3.1.1",
"@vue/runtime-dom": "3.1.1",
"@vue/shared": "3.1.1"
}
},
"vue-i18n": {

View File

@ -25,7 +25,7 @@
"dayjs": "^1.10.5",
"dotenv": "^8.2.0",
"echarts": "^5.1.1",
"element-plus": "^1.0.2-beta.46",
"element-plus": "^1.0.2-beta.48",
"font-awesome": "^4.7.0",
"lodash-es": "^4.17.21",
"mitt": "^2.1.0",
@ -36,7 +36,7 @@
"pinia": "^2.0.0-alpha.19",
"resize-observer-polyfill": "^1.5.1",
"v-contextmenu": "^3.0.0",
"vue": "^3.0.11",
"vue": "^3.1.1",
"vue-i18n": "^9.1.6",
"vue-json-pretty": "^2.0.2",
"vue-router": "^4.0.8",
@ -52,9 +52,9 @@
"@types/mockjs": "^1.0.3",
"@types/node": "^14.14.14",
"@types/nprogress": "^0.2.0",
"@vitejs/plugin-vue": "^1.2.2",
"@vitejs/plugin-vue": "^1.2.3",
"@vitejs/plugin-vue-jsx": "^1.1.3",
"@vue/compiler-sfc": "^3.0.11",
"@vue/compiler-sfc": "^3.1.1",
"autoprefixer": "^10.2.4",
"babel-plugin-transform-remove-console": "^6.9.4",
"chalk": "^2.4.2",

View File

@ -1,5 +1,5 @@
<template>
<div ref="wrap">
<div :ref="'wrap' + classOption['key']">
<div :style="leftSwitch" v-if="navigation" :class="leftSwitchClass" @click="leftSwitchClick">
<slot name="left-switch"></slot>
</div>
@ -7,7 +7,7 @@
<slot name="right-switch"></slot>
</div>
<div
ref="realBox"
:ref="'realBox'+ classOption['key']"
:style="pos"
@mouseenter="enter"
@mouseleave="leave"
@ -16,7 +16,7 @@
@touchend="touchEnd"
@mousewheel="wheel"
>
<div ref="slotList" :style="float">
<div :ref="'slotList'+ classOption['key']" :style="float">
<slot></slot>
</div>
<div v-html="copyHtml" :style="float"></div>
@ -84,12 +84,25 @@ export default defineComponent({
let realBoxWidth = ref(0);
let realBoxHeight = ref(0);
const wrap = templateRef<HTMLElement | null>("wrap", null);
const slotList = templateRef<HTMLElement | null>("slotList", null);
const realBox = templateRef<HTMLElement | null>("realBox", null);
let { data, classOption } = props;
if (classOption["key"] === undefined) {
classOption["key"] = 0;
}
const wrap = templateRef<HTMLElement | null>(
`wrap${classOption["key"]}`,
null
);
const slotList = templateRef<HTMLElement | null>(
`slotList${classOption["key"]}`,
null
);
const realBox = templateRef<HTMLElement | null>(
`realBox${classOption["key"]}`,
null
);
let leftSwitchState = computed(() => {
return unref(xPos) < 0;
});
@ -188,7 +201,7 @@ export default defineComponent({
});
let scrollSwitch = computed(() => {
// props .
// props .
return props.data.length >= unref(options).limitMoveNum;
});
@ -357,7 +370,7 @@ export default defineComponent({
// scrollMove()
if (isHover) return;
//move touchMove
scrollCancle();
// scrollCancle();
reqFrame = requestAnimationFrame(function() {
//
const h = unref(realBoxHeight) / 2;
@ -482,20 +495,20 @@ export default defineComponent({
scrollCancle();
}
watchEffect(() => {
const watchData = data;
if (!watchData) return;
nextTick(() => {
reset();
});
// watchEffect(() => {
// const watchData = data;
// if (!watchData) return;
// nextTick(() => {
// reset();
// });
const watchAutoPlay = unref(autoPlay);
if (watchAutoPlay) {
reset();
} else {
scrollStopMove();
}
});
// const watchAutoPlay = unref(autoPlay);
// if (watchAutoPlay) {
// reset();
// } else {
// scrollStopMove();
// }
// });
//
function wheel(e) {
@ -564,4 +577,4 @@ export default defineComponent({
};
}
});
</script>
</script>