y-design-ssr 0.2.6 → 0.2.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/libs/button/index.css +1 -579
- package/libs/button/index.mjs +66 -111
- package/libs/button/index.umd.js +2 -203
- package/libs/cell/index.css +1 -1077
- package/libs/cell/index.mjs +105 -168
- package/libs/cell/index.umd.js +2 -301
- package/libs/checkbox/index.css +1 -1053
- package/libs/checkbox/index.mjs +128 -243
- package/libs/checkbox/index.umd.js +2 -370
- package/libs/checkboxGroup/index.css +1 -422
- package/libs/checkboxGroup/index.mjs +88 -174
- package/libs/checkboxGroup/index.umd.js +2 -266
- package/libs/col/index.css +1 -615
- package/libs/col/index.mjs +82 -247
- package/libs/col/index.umd.js +2 -306
- package/libs/countdown/index.css +1 -417
- package/libs/countdown/index.mjs +72 -180
- package/libs/countdown/index.umd.js +2 -232
- package/libs/dialog/index.css +1 -1405
- package/libs/dialog/index.mjs +477 -647
- package/libs/dialog/index.umd.js +2 -1129
- package/libs/empty/index.css +1 -457
- package/libs/empty/index.mjs +45 -92
- package/libs/empty/index.umd.js +2 -140
- package/libs/form/index.css +1 -477
- package/libs/form/index.mjs +127 -227
- package/libs/form/index.umd.js +2 -320
- package/libs/formItem/index.css +1 -477
- package/libs/formItem/index.mjs +127 -277
- package/libs/formItem/index.umd.js +2 -373
- package/libs/icon/index.css +1 -982
- package/libs/icon/index.mjs +59 -108
- package/libs/icon/index.umd.js +2 -187
- package/libs/index.css +1 -2902
- package/libs/index.mjs +2348 -3789
- package/libs/index.umd.js +2 -5509
- package/libs/input/index.css +1 -483
- package/libs/input/index.mjs +93 -184
- package/libs/input/index.umd.js +2 -275
- package/libs/layout/index.css +1 -684
- package/libs/layout/index.mjs +130 -230
- package/libs/layout/index.umd.js +2 -318
- package/libs/list/index.css +1 -440
- package/libs/list/index.mjs +208 -389
- package/libs/list/index.umd.js +2 -572
- package/libs/loading/index.css +1 -548
- package/libs/loading/index.mjs +119 -197
- package/libs/loading/index.umd.js +2 -322
- package/libs/locale/index.mjs +28 -0
- package/libs/locale/index.umd.js +1 -0
- package/libs/locale/package.json +6 -0
- package/libs/mask/index.css +1 -426
- package/libs/mask/index.mjs +71 -132
- package/libs/mask/index.umd.js +2 -202
- package/libs/popup/index.css +1 -465
- package/libs/popup/index.mjs +135 -211
- package/libs/popup/index.umd.js +2 -359
- package/libs/progress/index.css +1 -488
- package/libs/progress/index.mjs +129 -201
- package/libs/progress/index.umd.js +2 -323
- package/libs/pullrefresh/index.css +1 -441
- package/libs/pullrefresh/index.mjs +112 -242
- package/libs/pullrefresh/index.umd.js +2 -303
- package/libs/row/index.css +1 -485
- package/libs/row/index.mjs +90 -182
- package/libs/row/index.umd.js +2 -238
- package/libs/slider/index.css +1 -558
- package/libs/slider/index.mjs +161 -357
- package/libs/slider/index.umd.js +2 -454
- package/libs/stepper/index.css +1 -489
- package/libs/stepper/index.mjs +102 -182
- package/libs/stepper/index.umd.js +2 -270
- package/libs/style/index.css +1 -0
- package/libs/style/index.mjs +1 -0
- package/libs/style/index.umd.js +2 -0
- package/libs/style/package.json +6 -0
- package/libs/swipe/index.css +1 -506
- package/libs/swipe/index.mjs +260 -543
- package/libs/swipe/index.umd.js +2 -704
- package/libs/swipeItem/index.css +1 -424
- package/libs/swipeItem/index.mjs +53 -112
- package/libs/swipeItem/index.umd.js +2 -155
- package/libs/switch/index.css +1 -472
- package/libs/switch/index.mjs +63 -122
- package/libs/switch/index.umd.js +2 -201
- package/libs/tab/index.mjs +69 -132
- package/libs/tab/index.umd.js +1 -191
- package/libs/tabs/index.css +1 -514
- package/libs/tabs/index.mjs +411 -752
- package/libs/tabs/index.umd.js +2 -1021
- package/libs/toast/index.css +1 -1050
- package/libs/toast/index.mjs +115 -184
- package/libs/toast/index.umd.js +2 -307
- package/libs/tooltip/index.css +1 -514
- package/libs/tooltip/index.mjs +156 -294
- package/libs/tooltip/index.umd.js +2 -417
- package/libs/utils/index.mjs +76 -0
- package/libs/utils/index.umd.js +1 -0
- package/libs/utils/package.json +6 -0
- package/package.json +1 -4
package/libs/slider/index.umd.js
CHANGED
|
@@ -1,454 +1,2 @@
|
|
|
1
|
-
(function(global, factory) {
|
|
2
|
-
|
|
3
|
-
})(this, function(exports2, vue) {
|
|
4
|
-
"use strict";
|
|
5
|
-
var __vite_style__ = document.createElement("style");
|
|
6
|
-
__vite_style__.textContent = '@charset "UTF-8";\n/**\n* sass 基础颜色变量\n*/ /* 原始颜色 sass 变量 */\n/* 不折行截字 */\n/* 折行截字 @param 传入想要截到第几行 */\nbody,\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nul,\ndl,\nol,\ndd,\nform,\nfigure,\nblockquote {\n margin: 0;\n}\n\nul,\nol {\n list-style: none;\n padding: 0;\n}\n\na {\n color: inherit;\n text-decoration: none;\n outline: none;\n}\n\nem,\ncite,\ni {\n font-style: normal;\n}\n\ninput,\ntextarea,\nselect {\n font-family: inherit;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n outline: none;\n}\n\nimg {\n display: inline-block;\n}\n\np {\n word-break: break-all;\n}\n\nmain {\n display: block;\n}\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\nbody {\n color: #191919;\n fill: currentColor;\n font-size: 14px;\n line-height: 1.5715;\n line-height: calc(1em + 8px);\n font-family: "PingFang SC", sans-serif;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);\n -webkit-font-smoothing: antialiased;\n}\n\nbutton {\n line-height: inherit;\n}\nbutton:focus {\n outline: none;\n}\n/**\n* sass 基础颜色变量\n*/\n/* 原始颜色 sass 变量 */\n/* 不折行截字 */\n/* 折行截字 @param 传入想要截到第几行 */\n/* 不折行截字 */\n/* 折行截字 @param 传入想要截到第几行 */\n.y-el--clickable {\n cursor: pointer;\n}\n.y-el--clickable:active {\n opacity: 0.85;\n}\n.y-el--hairline, .y-el--hairline-top, .y-el--hairline-right, .y-el--hairline-bottom, .y-el--hairline-left {\n position: relative;\n}\n.y-el--hairline::after, .y-el--hairline-top::after, .y-el--hairline-right::after, .y-el--hairline-bottom::after, .y-el--hairline-left::after {\n position: absolute;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n content: " ";\n pointer-events: none;\n top: -50%;\n right: -50%;\n bottom: -50%;\n left: -50%;\n border: 0 solid rgba(0, 0, 0, 0.08);\n -webkit-transform: scale(0.5);\n transform: scale(0.5);\n}\n.y-el--hairline-top::after {\n border-top-width: 1px;\n}\n.y-el--hairline-right::after {\n border-right-width: 1px;\n}\n.y-el--hairline-bottom::after {\n border-bottom-width: 1px;\n}\n.y-el--hairline-left::after {\n border-left-width: 1px;\n}\n.y-el--hairline::after {\n border-width: 1px;\n}\n.y-el--ellipsis {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.y-el--ellipsis-l2 {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n.y-el--ellipsis-l3 {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n}\n.y-el--unclickable {\n overflow: hidden;\n}\n.y-el--unclickable * {\n pointer-events: none;\n}\n/**\n* sass 基础颜色变量\n*/ /* 原始颜色 sass 变量 */\n/* 不折行截字 */\n/* 折行截字 @param 传入想要截到第几行 */\n@font-face {\n font-family: "Yuewen Font";\n font-style: normal;\n font-weight: normal;\n src: url("data:application/octet-stream;base64,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YhshWWO4BABiILAAUFiwQGBZZrABY2AjLiMgIDyKOCMhWS2wPSywABawESNCILAIQyAuRyNHI2EgYLAgYGawAmIgsABQWLBAYFlmsAFjIyAgPIo4LbA+LCMgLkawAiVGsBFDWFAbUllYIDxZLrEuARQrLbA/LCMgLkawAiVGsBFDWFIbUFlYIDxZLrEuARQrLbBALCMgLkawAiVGsBFDWFAbUllYIDxZIyAuRrACJUawEUNYUhtQWVggPFkusS4BFCstsEEssDgrIyAuRrACJUawEUNYUBtSWVggPFkusS4BFCstsEIssDkriiAgPLAEI0KKOCMgLkawAiVGsBFDWFAbUllYIDxZLrEuARQrsARDLrAuKy2wQyywABawBCWwBCYgICBGI0dhsAojQi5HI0cjYbAJQysjIDwgLiM4sS4BFCstsEQssQgEJUKwABawBCWwBCUgLkcjRyNhILAEI0KxCgBCsAlDKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgR7AEQ7ACYiCwAFBYsEBgWWawAWNgILABKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwAmIgsABQWLBAYFlmsAFjYbACJUZhOCMgPCM4GyEgIEYjR7ABKyNhOCFZsS4BFCstsEUssQA4Ky6xLgEUKy2wRiyxADkrISMgIDywBCNCIzixLgEUK7AEQy6wListsEcssAAVIEewACNCsgABARUUEy6wNCotsEgssAAVIEewACNCsgABARUUEy6wNCotsEkssQABFBOwNSotsEossDcqLbBLLLAAFkUjIC4gRoojYTixLgEUKy2wTCywCCNCsEsrLbBNLLIAAEQrLbBOLLIAAUQrLbBPLLIBAEQrLbBQLLIBAUQrLbBRLLIAAEUrLbBSLLIAAUUrLbBTLLIBAEUrLbBULLIBAUUrLbBVLLMAAABBKy2wViyzAAEAQSstsFcsswEAAEErLbBYLLMBAQBBKy2wWSyzAAABQSstsFosswABAUErLbBbLLMBAAFBKy2wXCyzAQEBQSstsF0ssgAAQystsF4ssgABQystsF8ssgEAQystsGAssgEBQystsGEssgAARistsGIssgABRistsGMssgEARistsGQssgEBRistsGUsswAAAEIrLbBmLLMAAQBCKy2wZyyzAQAAQistsGgsswEBAEIr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") format("truetype");\n}\n.y-font--number {\n font-family: "Yuewen Font";\n speak: none;\n font-style: normal;\n font-variant: normal;\n text-transform: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n/**\n* sass 基础颜色变量\n*/ /* 原始颜色 sass 变量 */\n/* 不折行截字 */\n/* 折行截字 @param 传入想要截到第几行 */\n/* CSS3 Animation */\n@-webkit-keyframes y-keyframes--slide-bottom-enter {\n from {\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n }\n}\n@keyframes y-keyframes--slide-bottom-enter {\n from {\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n }\n}\n@-webkit-keyframes y-keyframes--slide-bottom-leave {\n to {\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n }\n}\n@keyframes y-keyframes--slide-bottom-leave {\n to {\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n }\n}\n@-webkit-keyframes y-keyframes--slide-top-enter {\n from {\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n}\n@keyframes y-keyframes--slide-top-enter {\n from {\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n}\n@-webkit-keyframes y-keyframes--slide-top-leave {\n to {\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n}\n@keyframes y-keyframes--slide-top-leave {\n to {\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n}\n@-webkit-keyframes y-keyframes--slide-left-enter {\n from {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n }\n}\n@keyframes y-keyframes--slide-left-enter {\n from {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n }\n}\n@-webkit-keyframes y-keyframes--slide-left-leave {\n to {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n }\n}\n@keyframes y-keyframes--slide-left-leave {\n to {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n }\n}\n@-webkit-keyframes y-keyframes--slide-right-enter {\n from {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n }\n}\n@keyframes y-keyframes--slide-right-enter {\n from {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n }\n}\n@-webkit-keyframes y-keyframes--slide-right-leave {\n to {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n }\n}\n@keyframes y-keyframes--slide-right-leave {\n to {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n }\n}\n@-webkit-keyframes y-keyframes--fade-enter {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes y-keyframes--fade-enter {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@-webkit-keyframes y-keyframes--fade-leave {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n@keyframes y-keyframes--fade-leave {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n@-webkit-keyframes y-keyframes--rotate {\n from {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes y-keyframes--rotate {\n from {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n.y-animation--fade-enter-active {\n -webkit-animation: 0.3s y-keyframes--fade-enter both ease-out;\n animation: 0.3s y-keyframes--fade-enter both ease-out;\n}\n.y-animation--fade-leave-active {\n -webkit-animation: 0.3s y-keyframes--fade-leave both ease-in;\n animation: 0.3s y-keyframes--fade-leave both ease-in;\n}\n\n.y-animation--slide-bottom-enter-active {\n -webkit-animation: 0.3s y-keyframes--slide-bottom-enter both ease-out;\n animation: 0.3s y-keyframes--slide-bottom-enter both ease-out;\n}\n.y-animation--slide-bottom-leave-active {\n -webkit-animation: 0.3s y-keyframes--slide-bottom-leave both ease-in;\n animation: 0.3s y-keyframes--slide-bottom-leave both ease-in;\n}\n\n.y-animation--slide-top-enter-active {\n -webkit-animation: 0.3s y-keyframes--slide-top-enter both ease-out;\n animation: 0.3s y-keyframes--slide-top-enter both ease-out;\n}\n.y-animation--slide-top-leave-active {\n -webkit-animation: 0.3s y-keyframes--slide-top-leave both ease-in;\n animation: 0.3s y-keyframes--slide-top-leave both ease-in;\n}\n\n.y-animation--slide-left-enter-active {\n -webkit-animation: 0.3s y-keyframes--slide-left-enter both ease-out;\n animation: 0.3s y-keyframes--slide-left-enter both ease-out;\n}\n.y-animation--slide-left-leave-active {\n -webkit-animation: 0.3s y-keyframes--slide-left-leave both ease-in;\n animation: 0.3s y-keyframes--slide-left-leave both ease-in;\n}\n\n.y-animation--slide-right-enter-active {\n -webkit-animation: 0.3s y-keyframes--slide-right-enter both ease-out;\n animation: 0.3s y-keyframes--slide-right-enter both ease-out;\n}\n.y-animation--slide-right-leave-active {\n -webkit-animation: 0.3s y-keyframes--slide-right-leave both ease-in;\n animation: 0.3s y-keyframes--slide-right-leave both ease-in;\n}\n/**\n* sass 基础颜色变量\n*/ /* 原始颜色 sass 变量 */\n/* 不折行截字 */\n/* 折行截字 @param 传入想要截到第几行 */\n:root {\n --Primary: #68e38b;\n --Primary_1: #95f0ab;\n --Primary_2: #f0fff2;\n --Secondary: #5790df;\n --Secondary_1: #84b4f5;\n --Secondary_2: #edf1fc;\n --Surface: #191919;\n --Surface_1: #4c4c4c;\n --Surface_2: #808080;\n --Surface_3: #adadad;\n --Surface_4: #ccc;\n --Surface_5: #e0e0e0;\n --Surface_6: #ebebeb;\n --Surface_7: #f5f5f5;\n --Surface_8: #fff;\n --Background: #f5f5f5;\n --Background_1: #fff;\n --SheetBackground: #f5f5f5;\n --SheetBackground_1: #fff;\n --Outline: rgba(0, 0, 0, 0.08);\n --Segmentation: rgba(0, 0, 0, 0.04);\n --Overlay: rgba(0, 0, 0, 0.9);\n --Overlay_1: rgba(0, 0, 0, 0.6);\n --Overlay_2: rgba(0, 0, 0, 0.36);\n --Success: #40d76f;\n --Error: #e5353e;\n --Warn: #ff5e1a;\n --Warn_1: #ffe1d5;\n --Click_Active: rgba(0, 0, 0, 0.05);\n --Font_Family: PingFang SC, sans-serif;\n --Font_Family_Number: Yuewen Font;\n}\n/**\n* sass 基础颜色变量\n*/ /* 原始颜色 sass 变量 */\n/* 不折行截字 */\n/* 折行截字 @param 传入想要截到第几行 */\n.y-slider {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.y-slider__wrapper-main {\n position: relative;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n cursor: pointer;\n background: #ebebeb;\n}\n.y-slider__wrapper-main--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n\n.y-slider__tooltip,\n.y-slider__tooltip-wrapper {\n position: absolute;\n margin-top: -60px;\n -webkit-transform: translate(-50%);\n transform: translate(-50%);\n}\n\n.y-slider__tooltip {\n position: absolute;\n margin-top: -60px;\n -webkit-transform: translate(-50%);\n transform: translate(-50%);\n width: 40px;\n height: 36px;\n line-height: 36px;\n border-radius: 8px;\n background: #333;\n color: #fff;\n text-align: center;\n}\n.y-slider__tooltip::after {\n top: 100%;\n left: 50%;\n content: "";\n width: 0;\n height: 0;\n border: 9px solid transparent;\n border-top: 8px solid transparent;\n border-bottom: 4px solid transparent;\n border-top-color: #333;\n position: absolute;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n}\n\n.y-slider__inner {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n z-index: 1;\n background: #40d76f;\n}\n.y-slider__inner-custom-button {\n position: absolute;\n border-radius: 50%;\n cursor: -webkit-grab;\n cursor: grab;\n right: 0;\n -webkit-transform: translate3d(50%, -50%, 0);\n transform: translate3d(50%, -50%, 0);\n}\n.y-slider__inner-button {\n width: 16px;\n height: 16px;\n border: 1px solid #e0e0e0;\n border-radius: 50%;\n}\n\n.y-slider__button-wrapper {\n position: absolute;\n top: 50%;\n z-index: 8;\n cursor: -webkit-grab;\n cursor: grab;\n border-radius: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n background: #fff;\n}\n\n.y-slider__button-wrapper--left,\n.y-slider__button-wrapper--right {\n z-index: 8;\n position: absolute;\n border-radius: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n}\n\n.y-slider__dots {\n position: relative;\n height: 100%;\n width: 100%;\n}\n\n.y-slider__dot {\n position: absolute;\n width: 2px;\n height: 100%;\n z-index: 4;\n -webkit-transform: translate(-50%);\n transform: translate(-50%);\n background: #fff;\n}\n.y-slider__dot:first-child {\n display: none;\n}\n\n.y-slider__icon {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.y-slider__icon--left {\n margin-right: 8px;\n}\n.y-slider__icon--right {\n margin-left: 8px;\n}';
|
|
7
|
-
document.head.appendChild(__vite_style__);
|
|
8
|
-
const getMods = (el, mods) => {
|
|
9
|
-
if (!mods) {
|
|
10
|
-
return "";
|
|
11
|
-
}
|
|
12
|
-
if (typeof mods === "string") {
|
|
13
|
-
return ` ${el}--${mods}`;
|
|
14
|
-
}
|
|
15
|
-
if (Array.isArray(mods)) {
|
|
16
|
-
return mods.reduce((acc, cur) => acc + getMods(el, cur), "");
|
|
17
|
-
}
|
|
18
|
-
return Object.keys(mods).reduce(
|
|
19
|
-
(acc, cur) => acc + (mods[cur] ? getMods(el, cur) : ""),
|
|
20
|
-
""
|
|
21
|
-
);
|
|
22
|
-
};
|
|
23
|
-
const createBEM = (block) => {
|
|
24
|
-
return (el, mods) => {
|
|
25
|
-
let _el = el;
|
|
26
|
-
let _mods = mods;
|
|
27
|
-
if (_el && typeof _el !== "string") {
|
|
28
|
-
_mods = _el;
|
|
29
|
-
_el = "";
|
|
30
|
-
}
|
|
31
|
-
_el = _el ? `${block}__${_el}` : block;
|
|
32
|
-
return `${_el}${getMods(_el, _mods)}`;
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
const createGlobalBem = () => {
|
|
36
|
-
return (el, mods) => {
|
|
37
|
-
if (!mods) {
|
|
38
|
-
return `y-${el}`;
|
|
39
|
-
}
|
|
40
|
-
return `${getMods(`y-${el}`, mods)}`;
|
|
41
|
-
};
|
|
42
|
-
};
|
|
43
|
-
const defaultLang = {
|
|
44
|
-
"pull-refresh": {
|
|
45
|
-
pulling: "下拉刷新...",
|
|
46
|
-
loosing: "释放刷新...",
|
|
47
|
-
loading: "数据加载中...",
|
|
48
|
-
success: "数据已更新",
|
|
49
|
-
failed: "数据跟新失败,请稍后再试"
|
|
50
|
-
},
|
|
51
|
-
"form-item": {
|
|
52
|
-
validateMessage: "请输入正确内容"
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
vue.ref("zh-CN");
|
|
56
|
-
vue.reactive({
|
|
57
|
-
"zh-CN": defaultLang
|
|
58
|
-
});
|
|
59
|
-
const createNamespace = (name) => {
|
|
60
|
-
const prefixedName = `y-${name}`;
|
|
61
|
-
return [prefixedName, createBEM(prefixedName), createGlobalBem()];
|
|
62
|
-
};
|
|
63
|
-
const parseUnit = (val) => {
|
|
64
|
-
if (isNaN(Number(val)) && typeof val === "string") {
|
|
65
|
-
return val;
|
|
66
|
-
}
|
|
67
|
-
return `${val}px`;
|
|
68
|
-
};
|
|
69
|
-
const MIN_DISTANCE = 10;
|
|
70
|
-
const getDirection = (x, y) => {
|
|
71
|
-
if (x > y && x > MIN_DISTANCE) {
|
|
72
|
-
return "horizontal";
|
|
73
|
-
}
|
|
74
|
-
if (y > x && y > MIN_DISTANCE) {
|
|
75
|
-
return "vertical";
|
|
76
|
-
}
|
|
77
|
-
return "";
|
|
78
|
-
};
|
|
79
|
-
const getTouchDirection = (x, y) => {
|
|
80
|
-
if (Math.abs(x) > Math.abs(y)) {
|
|
81
|
-
if (x > 0)
|
|
82
|
-
return "right";
|
|
83
|
-
return "left";
|
|
84
|
-
}
|
|
85
|
-
if (y > 0)
|
|
86
|
-
return "bottom";
|
|
87
|
-
return "top";
|
|
88
|
-
};
|
|
89
|
-
const useTouch = () => {
|
|
90
|
-
const startX = vue.ref(0);
|
|
91
|
-
const startY = vue.ref(0);
|
|
92
|
-
const deltaX = vue.ref(0);
|
|
93
|
-
const deltaY = vue.ref(0);
|
|
94
|
-
const offsetX = vue.ref(0);
|
|
95
|
-
const offsetY = vue.ref(0);
|
|
96
|
-
const direction = vue.ref("");
|
|
97
|
-
const touchDirection = vue.ref("");
|
|
98
|
-
const isVertical = () => direction.value === "vertical";
|
|
99
|
-
const isHorizontal = () => direction.value === "horizontal";
|
|
100
|
-
const reset2 = () => {
|
|
101
|
-
deltaX.value = 0;
|
|
102
|
-
deltaY.value = 0;
|
|
103
|
-
offsetX.value = 0;
|
|
104
|
-
offsetY.value = 0;
|
|
105
|
-
direction.value = "";
|
|
106
|
-
touchDirection.value = "";
|
|
107
|
-
};
|
|
108
|
-
const start = (event) => {
|
|
109
|
-
reset2();
|
|
110
|
-
startX.value = event.touches[0].clientX;
|
|
111
|
-
startY.value = event.touches[0].clientY;
|
|
112
|
-
};
|
|
113
|
-
const move = (event) => {
|
|
114
|
-
const touch = event.touches[0];
|
|
115
|
-
deltaX.value = touch.clientX < 0 ? 0 : touch.clientX - startX.value;
|
|
116
|
-
deltaY.value = touch.clientY - startY.value;
|
|
117
|
-
offsetX.value = Math.abs(deltaX.value);
|
|
118
|
-
offsetY.value = Math.abs(deltaY.value);
|
|
119
|
-
if (!direction.value) {
|
|
120
|
-
direction.value = getDirection(offsetX.value, offsetY.value);
|
|
121
|
-
}
|
|
122
|
-
touchDirection.value = getTouchDirection(deltaX.value, deltaY.value);
|
|
123
|
-
};
|
|
124
|
-
return {
|
|
125
|
-
move,
|
|
126
|
-
start,
|
|
127
|
-
reset: reset2,
|
|
128
|
-
startX,
|
|
129
|
-
startY,
|
|
130
|
-
deltaX,
|
|
131
|
-
deltaY,
|
|
132
|
-
offsetX,
|
|
133
|
-
offsetY,
|
|
134
|
-
direction,
|
|
135
|
-
touchDirection,
|
|
136
|
-
isVertical,
|
|
137
|
-
isHorizontal
|
|
138
|
-
};
|
|
139
|
-
};
|
|
140
|
-
const [cname, bem] = createNamespace("slider");
|
|
141
|
-
const Slider = /* @__PURE__ */ vue.defineComponent({
|
|
142
|
-
name: cname,
|
|
143
|
-
props: {
|
|
144
|
-
modelValue: {
|
|
145
|
-
type: [Number, Array],
|
|
146
|
-
default: 0
|
|
147
|
-
},
|
|
148
|
-
activeColor: {
|
|
149
|
-
type: String,
|
|
150
|
-
default: ""
|
|
151
|
-
},
|
|
152
|
-
inactiveColor: {
|
|
153
|
-
type: String,
|
|
154
|
-
default: ""
|
|
155
|
-
},
|
|
156
|
-
max: {
|
|
157
|
-
type: Number,
|
|
158
|
-
default: 100
|
|
159
|
-
},
|
|
160
|
-
min: {
|
|
161
|
-
type: Number,
|
|
162
|
-
default: 0
|
|
163
|
-
},
|
|
164
|
-
buttonBgColor: {
|
|
165
|
-
type: [String, Array],
|
|
166
|
-
default: ""
|
|
167
|
-
},
|
|
168
|
-
barHeight: {
|
|
169
|
-
type: [String, Number],
|
|
170
|
-
default: "2px"
|
|
171
|
-
},
|
|
172
|
-
disabled: {
|
|
173
|
-
type: Boolean,
|
|
174
|
-
default: false
|
|
175
|
-
},
|
|
176
|
-
showTooltip: {
|
|
177
|
-
type: Boolean,
|
|
178
|
-
default: false
|
|
179
|
-
},
|
|
180
|
-
step: {
|
|
181
|
-
type: Number,
|
|
182
|
-
default: 1
|
|
183
|
-
},
|
|
184
|
-
gapColor: {
|
|
185
|
-
type: String,
|
|
186
|
-
default: ""
|
|
187
|
-
},
|
|
188
|
-
gapWidth: {
|
|
189
|
-
type: [String, Number],
|
|
190
|
-
default: "2px"
|
|
191
|
-
},
|
|
192
|
-
transitionTime: {
|
|
193
|
-
type: Number,
|
|
194
|
-
default: 200
|
|
195
|
-
}
|
|
196
|
-
},
|
|
197
|
-
emits: ["change", "drag-start", "drag-end", "update:modelValue"],
|
|
198
|
-
setup(props, {
|
|
199
|
-
emit,
|
|
200
|
-
slots
|
|
201
|
-
}) {
|
|
202
|
-
const rootRef = vue.ref();
|
|
203
|
-
const startRef = vue.ref(0);
|
|
204
|
-
const curRef = vue.ref(0);
|
|
205
|
-
const moveStatusRef = vue.ref("");
|
|
206
|
-
const touch = useTouch();
|
|
207
|
-
const isRangeRef = vue.computed(() => Array.isArray(props.modelValue));
|
|
208
|
-
const formatValue = (value) => {
|
|
209
|
-
const {
|
|
210
|
-
min,
|
|
211
|
-
max,
|
|
212
|
-
step
|
|
213
|
-
} = props;
|
|
214
|
-
const val = Math.max(min, Math.min(value, max));
|
|
215
|
-
return Math.round(val / step) * step;
|
|
216
|
-
};
|
|
217
|
-
const handleClick = (event) => {
|
|
218
|
-
event.stopPropagation();
|
|
219
|
-
if (props.disabled)
|
|
220
|
-
return;
|
|
221
|
-
const {
|
|
222
|
-
min,
|
|
223
|
-
modelValue
|
|
224
|
-
} = props;
|
|
225
|
-
const {
|
|
226
|
-
left: rootLeft,
|
|
227
|
-
width: rootWidth
|
|
228
|
-
} = rootRef.value.getBoundingClientRect();
|
|
229
|
-
const delta = event.clientX - rootLeft;
|
|
230
|
-
const curValue = Math.floor(min + delta / rootWidth * numberGapRef.value);
|
|
231
|
-
if (isRangeRef.value) {
|
|
232
|
-
const left = modelValue[0];
|
|
233
|
-
const right = modelValue[1];
|
|
234
|
-
const middle = (left + right) / 2;
|
|
235
|
-
if (curValue <= middle) {
|
|
236
|
-
updateValue([curValue, right]);
|
|
237
|
-
} else {
|
|
238
|
-
updateValue([left, curValue]);
|
|
239
|
-
}
|
|
240
|
-
} else {
|
|
241
|
-
updateValue(curValue);
|
|
242
|
-
}
|
|
243
|
-
};
|
|
244
|
-
const handlePositionOrder = (value) => {
|
|
245
|
-
if (value[0] > value[1]) {
|
|
246
|
-
return [value[1], value[0]];
|
|
247
|
-
}
|
|
248
|
-
return value;
|
|
249
|
-
};
|
|
250
|
-
const isSameValue = (beforeValue, curValue) => JSON.stringify(beforeValue) === JSON.stringify(curValue);
|
|
251
|
-
const updateValue = (value, unfinished) => {
|
|
252
|
-
let newValue = 0;
|
|
253
|
-
if (isRangeRef.value) {
|
|
254
|
-
newValue = handlePositionOrder(value).map(formatValue);
|
|
255
|
-
} else {
|
|
256
|
-
newValue = formatValue(value);
|
|
257
|
-
}
|
|
258
|
-
emit("update:modelValue", newValue);
|
|
259
|
-
if (typeof unfinished === "undefined" && !isSameValue(startRef.value, curRef.value)) {
|
|
260
|
-
emit("change", newValue);
|
|
261
|
-
}
|
|
262
|
-
};
|
|
263
|
-
const getInnerLengthPercentRef = vue.computed(() => {
|
|
264
|
-
const {
|
|
265
|
-
modelValue,
|
|
266
|
-
min
|
|
267
|
-
} = props;
|
|
268
|
-
let tmpVal = null;
|
|
269
|
-
if (isRangeRef.value) {
|
|
270
|
-
tmpVal = Math.floor((formatValue(modelValue[1]) - formatValue(modelValue[0])) * 100 / numberGapRef.value);
|
|
271
|
-
} else {
|
|
272
|
-
tmpVal = Math.floor((formatValue(modelValue) - min) * 100 / numberGapRef.value);
|
|
273
|
-
}
|
|
274
|
-
return `${tmpVal}%`;
|
|
275
|
-
});
|
|
276
|
-
const getOffsetRef = vue.computed(() => {
|
|
277
|
-
const {
|
|
278
|
-
modelValue,
|
|
279
|
-
min
|
|
280
|
-
} = props;
|
|
281
|
-
if (isRangeRef.value) {
|
|
282
|
-
return `${Math.floor((formatValue(modelValue[0]) - min) * 100 / numberGapRef.value)}%`;
|
|
283
|
-
}
|
|
284
|
-
return "0%";
|
|
285
|
-
});
|
|
286
|
-
const toolTipStyle = vue.computed(() => {
|
|
287
|
-
return {
|
|
288
|
-
left: getInnerLengthPercentRef.value,
|
|
289
|
-
transition: moveStatusRef.value === "moving" ? "none" : `${props.transitionTime}ms ease-in-out`
|
|
290
|
-
};
|
|
291
|
-
});
|
|
292
|
-
const numberGapRef = vue.computed(() => props.max - props.min);
|
|
293
|
-
const handleTouchStart = (event) => {
|
|
294
|
-
if (props.disabled)
|
|
295
|
-
return;
|
|
296
|
-
touch.start(event);
|
|
297
|
-
moveStatusRef.value = "startMove";
|
|
298
|
-
curRef.value = props.modelValue;
|
|
299
|
-
if (isRangeRef.value) {
|
|
300
|
-
startRef.value = [...curRef.value];
|
|
301
|
-
} else {
|
|
302
|
-
startRef.value = curRef.value;
|
|
303
|
-
}
|
|
304
|
-
};
|
|
305
|
-
const handleTouchMove = (event, pos) => {
|
|
306
|
-
if (props.disabled)
|
|
307
|
-
return;
|
|
308
|
-
touch.move(event);
|
|
309
|
-
if (moveStatusRef.value === "startMove") {
|
|
310
|
-
emit("drag-start");
|
|
311
|
-
}
|
|
312
|
-
moveStatusRef.value = "moving";
|
|
313
|
-
const {
|
|
314
|
-
width
|
|
315
|
-
} = rootRef.value.getBoundingClientRect();
|
|
316
|
-
const delta = touch.deltaX.value;
|
|
317
|
-
const diff = Math.floor(delta / width * numberGapRef.value);
|
|
318
|
-
if (Array.isArray(startRef.value) && Array.isArray(curRef.value)) {
|
|
319
|
-
if (pos === "left") {
|
|
320
|
-
curRef.value[0] = startRef.value[0] + diff;
|
|
321
|
-
} else {
|
|
322
|
-
curRef.value[1] = startRef.value[1] + diff;
|
|
323
|
-
}
|
|
324
|
-
} else {
|
|
325
|
-
curRef.value = startRef.value + diff;
|
|
326
|
-
}
|
|
327
|
-
updateValue(curRef.value, true);
|
|
328
|
-
};
|
|
329
|
-
const handleTouchEnd = () => {
|
|
330
|
-
if (props.disabled)
|
|
331
|
-
return;
|
|
332
|
-
if (moveStatusRef.value === "moving") {
|
|
333
|
-
updateValue(curRef.value);
|
|
334
|
-
emit("drag-end");
|
|
335
|
-
}
|
|
336
|
-
moveStatusRef.value = "endMove";
|
|
337
|
-
};
|
|
338
|
-
const renderButton = (index) => {
|
|
339
|
-
let pos = "";
|
|
340
|
-
let posStyle = {};
|
|
341
|
-
let curValue = 0;
|
|
342
|
-
let buttonWrapperClass = bem("button-wrapper");
|
|
343
|
-
if (index === 0) {
|
|
344
|
-
pos = "left";
|
|
345
|
-
posStyle = {
|
|
346
|
-
left: getOffsetRef.value,
|
|
347
|
-
backgroundColor: Array.isArray(props.buttonBgColor) ? props.buttonBgColor[0] : props.buttonBgColor
|
|
348
|
-
};
|
|
349
|
-
curValue = props.modelValue[index];
|
|
350
|
-
buttonWrapperClass = bem("button-wrapper", "left");
|
|
351
|
-
} else if (index === 1) {
|
|
352
|
-
pos = "right";
|
|
353
|
-
curValue = props.modelValue[index];
|
|
354
|
-
posStyle = {
|
|
355
|
-
left: `${parseInt(getInnerLengthPercentRef.value) + parseInt(getOffsetRef.value)}%`,
|
|
356
|
-
backgroundColor: Array.isArray(props.buttonBgColor) ? props.buttonBgColor[1] : props.buttonBgColor
|
|
357
|
-
};
|
|
358
|
-
buttonWrapperClass = bem("button-wrapper", "right");
|
|
359
|
-
} else {
|
|
360
|
-
curValue = props.modelValue;
|
|
361
|
-
posStyle = {
|
|
362
|
-
left: getInnerLengthPercentRef.value,
|
|
363
|
-
backgroundColor: props.buttonBgColor
|
|
364
|
-
};
|
|
365
|
-
}
|
|
366
|
-
return vue.createVNode("div", {
|
|
367
|
-
"role": "slider",
|
|
368
|
-
"aria-valuemin": props.min,
|
|
369
|
-
"aria-valuemax": props.max,
|
|
370
|
-
"aria-valuenow": curValue,
|
|
371
|
-
"class": buttonWrapperClass,
|
|
372
|
-
"onTouchstart": handleTouchStart,
|
|
373
|
-
"onTouchmove": (e) => handleTouchMove(e, pos),
|
|
374
|
-
"onTouchend": handleTouchEnd,
|
|
375
|
-
"style": {
|
|
376
|
-
...posStyle,
|
|
377
|
-
transition: moveStatusRef.value === "moving" ? "none" : `${props.transitionTime}ms ease-in-out`
|
|
378
|
-
}
|
|
379
|
-
}, [slots.button ? slots.button() : vue.createVNode("div", {
|
|
380
|
-
"class": bem("inner-button"),
|
|
381
|
-
"style": posStyle
|
|
382
|
-
}, null)]);
|
|
383
|
-
};
|
|
384
|
-
const getDotListRef = vue.computed(() => {
|
|
385
|
-
const arr = Array((props.max - props.min) / props.step).fill({});
|
|
386
|
-
return arr.map((_, index) => ({
|
|
387
|
-
position: `${index * props.step}%`
|
|
388
|
-
}));
|
|
389
|
-
});
|
|
390
|
-
return () => {
|
|
391
|
-
var _a;
|
|
392
|
-
return vue.createVNode("div", {
|
|
393
|
-
"class": bem()
|
|
394
|
-
}, [slots.iconLeft && vue.createVNode("div", {
|
|
395
|
-
"class": bem("icon", {
|
|
396
|
-
left: true
|
|
397
|
-
})
|
|
398
|
-
}, [slots.iconLeft()]), vue.createVNode("div", {
|
|
399
|
-
"role": "presentation",
|
|
400
|
-
"ref": rootRef,
|
|
401
|
-
"class": bem("wrapper-main", {
|
|
402
|
-
disabled: props.disabled
|
|
403
|
-
}),
|
|
404
|
-
"style": {
|
|
405
|
-
background: props.inactiveColor,
|
|
406
|
-
height: parseUnit(props.barHeight)
|
|
407
|
-
},
|
|
408
|
-
"onClick": handleClick
|
|
409
|
-
}, [props.step !== 1 && vue.createVNode("div", {
|
|
410
|
-
"class": bem("dots")
|
|
411
|
-
}, [getDotListRef.value.map((item) => {
|
|
412
|
-
return vue.createVNode("div", {
|
|
413
|
-
"class": bem("dot"),
|
|
414
|
-
"style": {
|
|
415
|
-
left: item.position,
|
|
416
|
-
background: props.gapColor,
|
|
417
|
-
width: parseUnit(props.gapWidth)
|
|
418
|
-
}
|
|
419
|
-
}, null);
|
|
420
|
-
})]), props.showTooltip && vue.createVNode("div", {
|
|
421
|
-
"class": bem("tooltip", {
|
|
422
|
-
wrapper: slots.toolTip
|
|
423
|
-
}),
|
|
424
|
-
"style": toolTipStyle.value
|
|
425
|
-
}, [((_a = slots.toolTip) == null ? void 0 : _a.call(slots)) || props.modelValue]), vue.createVNode("div", {
|
|
426
|
-
"style": {
|
|
427
|
-
left: getOffsetRef.value,
|
|
428
|
-
width: getInnerLengthPercentRef.value,
|
|
429
|
-
background: props.activeColor,
|
|
430
|
-
transition: moveStatusRef.value === "moving" ? "none" : `${props.transitionTime}ms ease-in-out`
|
|
431
|
-
},
|
|
432
|
-
"class": bem("inner")
|
|
433
|
-
}, null), isRangeRef.value ? [renderButton(0), renderButton(1)] : renderButton()]), slots.iconRight && vue.createVNode("div", {
|
|
434
|
-
"class": bem("icon", {
|
|
435
|
-
right: true
|
|
436
|
-
})
|
|
437
|
-
}, [slots.iconRight()])]);
|
|
438
|
-
};
|
|
439
|
-
}
|
|
440
|
-
});
|
|
441
|
-
const reset = "";
|
|
442
|
-
const libs = "";
|
|
443
|
-
const font = "";
|
|
444
|
-
const animation = "";
|
|
445
|
-
const theme = "";
|
|
446
|
-
const style = "";
|
|
447
|
-
Slider.install = (Vue) => {
|
|
448
|
-
const { name } = Slider;
|
|
449
|
-
Vue.component(name, Slider);
|
|
450
|
-
};
|
|
451
|
-
exports2.Slider = Slider;
|
|
452
|
-
exports2.default = Slider;
|
|
453
|
-
Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
454
|
-
});
|
|
1
|
+
(function(b,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(b=typeof globalThis<"u"?globalThis:b||self,e(b.slider={},b.Vue))})(this,function(b,e){"use strict";var Y=document.createElement("style");Y.textContent=`@charset "UTF-8";body,p,h1,h2,h3,h4,h5,h6,ul,dl,ol,dd,form,figure,blockquote{margin:0}ul,ol{list-style:none;padding:0}a{color:inherit;text-decoration:none;outline:none}em,cite,i{font-style:normal}input,textarea,select{font-family:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}img{display:inline-block}p{word-break:break-all}main{display:block}table{border-spacing:0;border-collapse:collapse}body{color:#191919;fill:currentColor;font-size:14px;line-height:1.5715;line-height:calc(1em + 8px);font-family:PingFang SC,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,.05);-webkit-font-smoothing:antialiased}button{line-height:inherit}button:focus{outline:none}.y-el--clickable{cursor:pointer}.y-el--clickable:active{opacity:.85}.y-el--hairline,.y-el--hairline-top,.y-el--hairline-right,.y-el--hairline-bottom,.y-el--hairline-left{position:relative}.y-el--hairline:after,.y-el--hairline-top:after,.y-el--hairline-right:after,.y-el--hairline-bottom:after,.y-el--hairline-left:after{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(0,0,0,.08);-webkit-transform:scale(.5);transform:scale(.5)}.y-el--hairline-top:after{border-top-width:1px}.y-el--hairline-right:after{border-right-width:1px}.y-el--hairline-bottom:after{border-bottom-width:1px}.y-el--hairline-left:after{border-left-width:1px}.y-el--hairline:after{border-width:1px}.y-el--ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.y-el--ellipsis-l2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.y-el--ellipsis-l3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.y-el--unclickable{overflow:hidden}.y-el--unclickable *{pointer-events:none}@font-face{font-family:Yuewen Font;font-style:normal;font-weight:400;src:url(data:application/octet-stream;base64,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YhshWWO4BABiILAAUFiwQGBZZrABY2AjLiMgIDyKOCMhWS2wPSywABawESNCILAIQyAuRyNHI2EgYLAgYGawAmIgsABQWLBAYFlmsAFjIyAgPIo4LbA+LCMgLkawAiVGsBFDWFAbUllYIDxZLrEuARQrLbA/LCMgLkawAiVGsBFDWFIbUFlYIDxZLrEuARQrLbBALCMgLkawAiVGsBFDWFAbUllYIDxZIyAuRrACJUawEUNYUhtQWVggPFkusS4BFCstsEEssDgrIyAuRrACJUawEUNYUBtSWVggPFkusS4BFCstsEIssDkriiAgPLAEI0KKOCMgLkawAiVGsBFDWFAbUllYIDxZLrEuARQrsARDLrAuKy2wQyywABawBCWwBCYgICBGI0dhsAojQi5HI0cjYbAJQysjIDwgLiM4sS4BFCstsEQssQgEJUKwABawBCWwBCUgLkcjRyNhILAEI0KxCgBCsAlDKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgR7AEQ7ACYiCwAFBYsEBgWWawAWNgILABKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwAmIgsABQWLBAYFlmsAFjYbACJUZhOCMgPCM4GyEgIEYjR7ABKyNhOCFZsS4BFCstsEUssQA4Ky6xLgEUKy2wRiyxADkrISMgIDywBCNCIzixLgEUK7AEQy6wListsEcssAAVIEewACNCsgABARUUEy6wNCotsEgssAAVIEewACNCsgABARUUEy6wNCotsEkssQABFBOwNSotsEossDcqLbBLLLAAFkUjIC4gRoojYTixLgEUKy2wTCywCCNCsEsrLbBNLLIAAEQrLbBOLLIAAUQrLbBPLLIBAEQrLbBQLLIBAUQrLbBRLLIAAEUrLbBSLLIAAUUrLbBTLLIBAEUrLbBULLIBAUUrLbBVLLMAAABBKy2wViyzAAEAQSstsFcsswEAAEErLbBYLLMBAQBBKy2wWSyzAAABQSstsFosswABAUErLbBbLLMBAAFBKy2wXCyzAQEBQSstsF0ssgAAQystsF4ssgABQystsF8ssgEAQystsGAssgEBQystsGEssgAARistsGIssgABRistsGMssgEARistsGQssgEBRistsGUsswAAAEIrLbBmLLMAAQBCKy2wZyyzAQAAQistsGgsswEBAEIr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) format("truetype")}.y-font--number{font-family:Yuewen Font;speak:none;font-style:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@-webkit-keyframes y-keyframes--slide-bottom-enter{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes y-keyframes--slide-bottom-enter{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes y-keyframes--slide-bottom-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes y-keyframes--slide-bottom-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes y-keyframes--slide-top-enter{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes y-keyframes--slide-top-enter{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes y-keyframes--slide-top-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes y-keyframes--slide-top-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes y-keyframes--slide-left-enter{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes y-keyframes--slide-left-enter{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes y-keyframes--slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes y-keyframes--slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes y-keyframes--slide-right-enter{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes y-keyframes--slide-right-enter{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes y-keyframes--slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes y-keyframes--slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes y-keyframes--fade-enter{0%{opacity:0}to{opacity:1}}@keyframes y-keyframes--fade-enter{0%{opacity:0}to{opacity:1}}@-webkit-keyframes y-keyframes--fade-leave{0%{opacity:1}to{opacity:0}}@keyframes y-keyframes--fade-leave{0%{opacity:1}to{opacity:0}}@-webkit-keyframes y-keyframes--rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes y-keyframes--rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.y-animation--fade-enter-active{-webkit-animation:.3s y-keyframes--fade-enter both ease-out;animation:.3s y-keyframes--fade-enter both ease-out}.y-animation--fade-leave-active{-webkit-animation:.3s y-keyframes--fade-leave both ease-in;animation:.3s y-keyframes--fade-leave both ease-in}.y-animation--slide-bottom-enter-active{-webkit-animation:.3s y-keyframes--slide-bottom-enter both ease-out;animation:.3s y-keyframes--slide-bottom-enter both ease-out}.y-animation--slide-bottom-leave-active{-webkit-animation:.3s y-keyframes--slide-bottom-leave both ease-in;animation:.3s y-keyframes--slide-bottom-leave both ease-in}.y-animation--slide-top-enter-active{-webkit-animation:.3s y-keyframes--slide-top-enter both ease-out;animation:.3s y-keyframes--slide-top-enter both ease-out}.y-animation--slide-top-leave-active{-webkit-animation:.3s y-keyframes--slide-top-leave both ease-in;animation:.3s y-keyframes--slide-top-leave both ease-in}.y-animation--slide-left-enter-active{-webkit-animation:.3s y-keyframes--slide-left-enter both ease-out;animation:.3s y-keyframes--slide-left-enter both ease-out}.y-animation--slide-left-leave-active{-webkit-animation:.3s y-keyframes--slide-left-leave both ease-in;animation:.3s y-keyframes--slide-left-leave both ease-in}.y-animation--slide-right-enter-active{-webkit-animation:.3s y-keyframes--slide-right-enter both ease-out;animation:.3s y-keyframes--slide-right-enter both ease-out}.y-animation--slide-right-leave-active{-webkit-animation:.3s y-keyframes--slide-right-leave both ease-in;animation:.3s y-keyframes--slide-right-leave both ease-in}:root{--Primary: #68e38b;--Primary_1: #95f0ab;--Primary_2: #f0fff2;--Secondary: #5790df;--Secondary_1: #84b4f5;--Secondary_2: #edf1fc;--Surface: #191919;--Surface_1: #4c4c4c;--Surface_2: #808080;--Surface_3: #adadad;--Surface_4: #ccc;--Surface_5: #e0e0e0;--Surface_6: #ebebeb;--Surface_7: #f5f5f5;--Surface_8: #fff;--Background: #f5f5f5;--Background_1: #fff;--SheetBackground: #f5f5f5;--SheetBackground_1: #fff;--Outline: rgba(0, 0, 0, .08);--Segmentation: rgba(0, 0, 0, .04);--Overlay: rgba(0, 0, 0, .9);--Overlay_1: rgba(0, 0, 0, .6);--Overlay_2: rgba(0, 0, 0, .36);--Success: #40d76f;--Error: #e5353e;--Warn: #ff5e1a;--Warn_1: #ffe1d5;--Click_Active: rgba(0, 0, 0, .05);--Font_Family: PingFang SC, sans-serif;--Font_Family_Number: Yuewen Font}.y-slider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.y-slider__wrapper-main{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer;background:#ebebeb}.y-slider__wrapper-main--disabled{cursor:not-allowed;opacity:.5}.y-slider__tooltip,.y-slider__tooltip-wrapper{position:absolute;margin-top:-60px;-webkit-transform:translate(-50%);transform:translate(-50%)}.y-slider__tooltip{position:absolute;margin-top:-60px;-webkit-transform:translate(-50%);transform:translate(-50%);width:40px;height:36px;line-height:36px;border-radius:8px;background:#333;color:#fff;text-align:center}.y-slider__tooltip:after{top:100%;left:50%;content:"";width:0;height:0;border:9px solid transparent;border-top:8px solid transparent;border-bottom:4px solid transparent;border-top-color:#333;position:absolute;-webkit-transform:translateX(-50%);transform:translate(-50%)}.y-slider__inner{width:100%;height:100%;position:absolute;top:0;z-index:1;background:#40d76f}.y-slider__inner-custom-button{position:absolute;border-radius:50%;cursor:-webkit-grab;cursor:grab;right:0;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0)}.y-slider__inner-button{width:16px;height:16px;border:1px solid #e0e0e0;border-radius:50%}.y-slider__button-wrapper{position:absolute;top:50%;z-index:8;cursor:-webkit-grab;cursor:grab;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff}.y-slider__button-wrapper--left,.y-slider__button-wrapper--right{z-index:8;position:absolute;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.y-slider__dots{position:relative;height:100%;width:100%}.y-slider__dot{position:absolute;width:2px;height:100%;z-index:4;-webkit-transform:translate(-50%);transform:translate(-50%);background:#fff}.y-slider__dot:first-child{display:none}.y-slider__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.y-slider__icon--left{margin-right:8px}.y-slider__icon--right{margin-left:8px}
|
|
2
|
+
`,document.head.appendChild(Y);const C=(A,s)=>s?typeof s=="string"?` ${A}--${s}`:Array.isArray(s)?s.reduce((i,a)=>i+C(A,a),""):Object.keys(s).reduce((i,a)=>i+(s[a]?C(A,a):""),""):"",x=A=>(s,i)=>{let a=s,n=i;return a&&typeof a!="string"&&(n=a,a=""),a=a?`${A}__${a}`:A,`${a}${C(a,n)}`},G=()=>(A,s)=>s?`${C(`y-${A}`,s)}`:`y-${A}`,v={"pull-refresh":{pulling:"下拉刷新...",loosing:"释放刷新...",loading:"数据加载中...",success:"数据已更新",failed:"数据跟新失败,请稍后再试"},"form-item":{validateMessage:"请输入正确内容"}};e.ref("zh-CN"),e.reactive({"zh-CN":v});const R=A=>{const s=`y-${A}`;return[s,x(s),G()]},D=A=>isNaN(Number(A))&&typeof A=="string"?A:`${A}px`,M=10,S=(A,s)=>A>s&&A>M?"horizontal":s>A&&s>M?"vertical":"",V=(A,s)=>Math.abs(A)>Math.abs(s)?A>0?"right":"left":s>0?"bottom":"top",j=()=>{const A=e.ref(0),s=e.ref(0),i=e.ref(0),a=e.ref(0),n=e.ref(0),l=e.ref(0),B=e.ref(""),E=e.ref(""),d=()=>B.value==="vertical",c=()=>B.value==="horizontal",I=()=>{i.value=0,a.value=0,n.value=0,l.value=0,B.value="",E.value=""};return{move:w=>{const m=w.touches[0];i.value=m.clientX<0?0:m.clientX-A.value,a.value=m.clientY-s.value,n.value=Math.abs(i.value),l.value=Math.abs(a.value),B.value||(B.value=S(n.value,l.value)),E.value=V(i.value,a.value)},start:w=>{I(),A.value=w.touches[0].clientX,s.value=w.touches[0].clientY},reset:I,startX:A,startY:s,deltaX:i,deltaY:a,offsetX:n,offsetY:l,direction:B,touchDirection:E,isVertical:d,isHorizontal:c}},[K,g]=R("slider"),u=e.defineComponent({name:K,props:{modelValue:{type:[Number,Array],default:0},activeColor:{type:String,default:""},inactiveColor:{type:String,default:""},max:{type:Number,default:100},min:{type:Number,default:0},buttonBgColor:{type:[String,Array],default:""},barHeight:{type:[String,Number],default:"2px"},disabled:{type:Boolean,default:!1},showTooltip:{type:Boolean,default:!1},step:{type:Number,default:1},gapColor:{type:String,default:""},gapWidth:{type:[String,Number],default:"2px"},transitionTime:{type:Number,default:200}},emits:["change","drag-start","drag-end","update:modelValue"],setup(A,{emit:s,slots:i}){const a=e.ref(),n=e.ref(0),l=e.ref(0),B=e.ref(""),E=j(),d=e.computed(()=>Array.isArray(A.modelValue)),c=t=>{const{min:o,max:r,step:y}=A,f=Math.max(o,Math.min(t,r));return Math.round(f/y)*y},I=t=>{if(t.stopPropagation(),A.disabled)return;const{min:o,modelValue:r}=A,{left:y,width:f}=a.value.getBoundingClientRect(),F=t.clientX-y,h=Math.floor(o+F/f*Q.value);if(d.value){const W=r[0],N=r[1],O=(W+N)/2;h<=O?w([h,N]):w([W,h])}else w(h)},U=t=>t[0]>t[1]?[t[1],t[0]]:t,p=(t,o)=>JSON.stringify(t)===JSON.stringify(o),w=(t,o)=>{let r=0;d.value?r=U(t).map(c):r=c(t),s("update:modelValue",r),typeof o>"u"&&!p(n.value,l.value)&&s("change",r)},m=e.computed(()=>{const{modelValue:t,min:o}=A;let r=null;return d.value?r=Math.floor((c(t[1])-c(t[0]))*100/Q.value):r=Math.floor((c(t)-o)*100/Q.value),`${r}%`}),L=e.computed(()=>{const{modelValue:t,min:o}=A;return d.value?`${Math.floor((c(t[0])-o)*100/Q.value)}%`:"0%"}),Z=e.computed(()=>({left:m.value,transition:B.value==="moving"?"none":`${A.transitionTime}ms ease-in-out`})),Q=e.computed(()=>A.max-A.min),J=t=>{A.disabled||(E.start(t),B.value="startMove",l.value=A.modelValue,d.value?n.value=[...l.value]:n.value=l.value)},T=(t,o)=>{if(A.disabled)return;E.move(t),B.value==="startMove"&&s("drag-start"),B.value="moving";const{width:r}=a.value.getBoundingClientRect(),y=E.deltaX.value,f=Math.floor(y/r*Q.value);Array.isArray(n.value)&&Array.isArray(l.value)?o==="left"?l.value[0]=n.value[0]+f:l.value[1]=n.value[1]+f:l.value=n.value+f,w(l.value,!0)},H=()=>{A.disabled||(B.value==="moving"&&(w(l.value),s("drag-end")),B.value="endMove")},k=t=>{let o="",r={},y=0,f=g("button-wrapper");return t===0?(o="left",r={left:L.value,backgroundColor:Array.isArray(A.buttonBgColor)?A.buttonBgColor[0]:A.buttonBgColor},y=A.modelValue[t],f=g("button-wrapper","left")):t===1?(o="right",y=A.modelValue[t],r={left:`${parseInt(m.value)+parseInt(L.value)}%`,backgroundColor:Array.isArray(A.buttonBgColor)?A.buttonBgColor[1]:A.buttonBgColor},f=g("button-wrapper","right")):(y=A.modelValue,r={left:m.value,backgroundColor:A.buttonBgColor}),e.createVNode("div",{role:"slider","aria-valuemin":A.min,"aria-valuemax":A.max,"aria-valuenow":y,class:f,onTouchstart:J,onTouchmove:F=>T(F,o),onTouchend:H,style:{...r,transition:B.value==="moving"?"none":`${A.transitionTime}ms ease-in-out`}},[i.button?i.button():e.createVNode("div",{class:g("inner-button"),style:r},null)])},z=e.computed(()=>Array((A.max-A.min)/A.step).fill({}).map((o,r)=>({position:`${r*A.step}%`})));return()=>{var t;return e.createVNode("div",{class:g()},[i.iconLeft&&e.createVNode("div",{class:g("icon",{left:!0})},[i.iconLeft()]),e.createVNode("div",{role:"presentation",ref:a,class:g("wrapper-main",{disabled:A.disabled}),style:{background:A.inactiveColor,height:D(A.barHeight)},onClick:I},[A.step!==1&&e.createVNode("div",{class:g("dots")},[z.value.map(o=>e.createVNode("div",{class:g("dot"),style:{left:o.position,background:A.gapColor,width:D(A.gapWidth)}},null))]),A.showTooltip&&e.createVNode("div",{class:g("tooltip",{wrapper:i.toolTip}),style:Z.value},[((t=i.toolTip)==null?void 0:t.call(i))||A.modelValue]),e.createVNode("div",{style:{left:L.value,width:m.value,background:A.activeColor,transition:B.value==="moving"?"none":`${A.transitionTime}ms ease-in-out`},class:g("inner")},null),d.value?[k(0),k(1)]:k()]),i.iconRight&&e.createVNode("div",{class:g("icon",{right:!0})},[i.iconRight()])])}}}),_="",P="",X="",q="",$="",AA="";u.install=A=>{const{name:s}=u;A.component(s,u)},b.Slider=u,b.default=u,Object.defineProperties(b,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|