y-design-ssr 0.2.2 → 0.2.4
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/libs/button/index.css +1 -579
- package/libs/button/index.mjs +66 -111
- package/libs/button/index.umd.js +2 -203
- package/libs/button/package.json +5 -0
- package/libs/cell/index.css +1 -1077
- package/libs/cell/index.mjs +104 -167
- package/libs/cell/index.umd.js +2 -300
- package/libs/cell/package.json +5 -0
- package/libs/checkbox/index.css +1 -1053
- package/libs/checkbox/index.mjs +127 -242
- package/libs/checkbox/index.umd.js +2 -369
- package/libs/checkbox/package.json +5 -0
- package/libs/checkboxGroup/index.css +1 -422
- package/libs/checkboxGroup/index.mjs +87 -173
- package/libs/checkboxGroup/index.umd.js +2 -265
- package/libs/checkboxGroup/package.json +5 -0
- package/libs/col/index.css +1 -615
- package/libs/col/index.mjs +81 -246
- package/libs/col/index.umd.js +2 -305
- package/libs/col/package.json +5 -0
- package/libs/countdown/index.css +1 -417
- package/libs/countdown/index.mjs +71 -179
- package/libs/countdown/index.umd.js +2 -231
- package/libs/countdown/package.json +5 -0
- package/libs/dialog/index.css +1 -1405
- package/libs/dialog/index.mjs +476 -646
- package/libs/dialog/index.umd.js +2 -1128
- package/libs/dialog/package.json +5 -0
- package/libs/empty/index.css +1 -457
- package/libs/empty/index.mjs +44 -91
- package/libs/empty/index.umd.js +2 -139
- package/libs/empty/package.json +5 -0
- package/libs/form/index.css +1 -477
- package/libs/form/index.mjs +126 -226
- package/libs/form/index.umd.js +2 -319
- package/libs/form/package.json +5 -0
- package/libs/formItem/index.css +1 -477
- package/libs/formItem/index.mjs +126 -276
- package/libs/formItem/index.umd.js +2 -372
- package/libs/formItem/package.json +5 -0
- package/libs/icon/index.css +1 -982
- package/libs/icon/index.mjs +58 -107
- package/libs/icon/index.umd.js +2 -186
- package/libs/icon/package.json +5 -0
- 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 +92 -183
- package/libs/input/index.umd.js +2 -274
- package/libs/input/package.json +5 -0
- package/libs/layout/index.css +1 -684
- package/libs/layout/index.mjs +130 -230
- package/libs/layout/index.umd.js +2 -318
- package/libs/layout/package.json +5 -0
- package/libs/list/index.css +1 -440
- package/libs/list/index.mjs +207 -388
- package/libs/list/index.umd.js +2 -571
- package/libs/list/package.json +5 -0
- package/libs/loading/index.css +1 -548
- package/libs/loading/index.mjs +118 -196
- package/libs/loading/index.umd.js +2 -321
- package/libs/loading/package.json +5 -0
- package/libs/mask/index.css +1 -426
- package/libs/mask/index.mjs +70 -131
- package/libs/mask/index.umd.js +2 -201
- package/libs/mask/package.json +5 -0
- package/libs/popup/index.css +1 -465
- package/libs/popup/index.mjs +134 -210
- package/libs/popup/index.umd.js +2 -358
- package/libs/popup/package.json +5 -0
- package/libs/progress/index.css +1 -488
- package/libs/progress/index.mjs +128 -200
- package/libs/progress/index.umd.js +2 -322
- package/libs/progress/package.json +5 -0
- package/libs/pullrefresh/index.css +1 -441
- package/libs/pullrefresh/index.mjs +111 -241
- package/libs/pullrefresh/index.umd.js +2 -302
- package/libs/pullrefresh/package.json +5 -0
- package/libs/row/index.css +1 -485
- package/libs/row/index.mjs +89 -181
- package/libs/row/index.umd.js +2 -237
- package/libs/row/package.json +5 -0
- package/libs/slider/index.css +1 -558
- package/libs/slider/index.mjs +160 -356
- package/libs/slider/index.umd.js +2 -453
- package/libs/slider/package.json +5 -0
- package/libs/stepper/index.css +1 -489
- package/libs/stepper/index.mjs +101 -181
- package/libs/stepper/index.umd.js +2 -269
- package/libs/stepper/package.json +5 -0
- package/libs/swipe/index.css +1 -506
- package/libs/swipe/index.mjs +259 -542
- package/libs/swipe/index.umd.js +2 -703
- package/libs/swipe/package.json +5 -0
- package/libs/swipeItem/index.css +1 -424
- package/libs/swipeItem/index.mjs +52 -111
- package/libs/swipeItem/index.umd.js +2 -154
- package/libs/swipeItem/package.json +5 -0
- package/libs/switch/index.css +1 -472
- package/libs/switch/index.mjs +62 -121
- package/libs/switch/index.umd.js +2 -200
- package/libs/switch/package.json +5 -0
- package/libs/tab/index.mjs +68 -131
- package/libs/tab/index.umd.js +1 -190
- package/libs/tab/package.json +5 -0
- package/libs/tabs/index.css +1 -514
- package/libs/tabs/index.mjs +410 -751
- package/libs/tabs/index.umd.js +2 -1020
- package/libs/tabs/package.json +5 -0
- package/libs/toast/index.css +1 -1050
- package/libs/toast/index.mjs +114 -183
- package/libs/toast/index.umd.js +2 -306
- package/libs/toast/package.json +5 -0
- package/libs/tooltip/index.css +1 -514
- package/libs/tooltip/index.mjs +155 -293
- package/libs/tooltip/index.umd.js +2 -416
- package/libs/tooltip/package.json +5 -0
- package/package.json +5 -12
|
@@ -1,322 +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-progress {\n position: relative;\n height: 4px;\n background: #f5f5f5;\n border-radius: 4px;\n}\n.y-progress__portion {\n position: absolute;\n left: 0;\n height: 100%;\n max-width: 100%;\n border-radius: inherit;\n background: #68e38b;\n -webkit-transition-duration: 1.5s;\n transition-duration: 1.5s;\n -webkit-transition-timing-function: linear;\n transition-timing-function: linear;\n -webkit-transition-property: none;\n transition-property: none;\n}\n.y-progress__portion--animation {\n -webkit-transition-property: width;\n transition-property: width;\n}\n.y-progress__pivot-content {\n position: absolute;\n top: 50%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n min-width: 29px;\n height: 16px;\n font-size: 12px;\n padding: 1px 4px;\n line-height: 1;\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 text-align: center;\n word-break: keep-all;\n border-radius: 35px;\n background: #68e38b;\n -webkit-transform: translate(0, -50%);\n transform: translate(0, -50%);\n -webkit-transition-duration: 1.5s;\n transition-duration: 1.5s;\n -webkit-transition-timing-function: linear;\n transition-timing-function: linear;\n -webkit-transition-property: none;\n transition-property: none;\n}\n.y-progress__pivot-content--animation {\n -webkit-transition-property: left;\n transition-property: left;\n}\n.y-progress__pivot-content--arrive {\n background-color: #68e38b;\n}\n.y-progress__pivot-content--no-arrive {\n background-color: #f5f5f5;\n}\n.y-progress__pivot {\n color: #fff;\n width: 100%;\n}\n.y-progress__number {\n -webkit-transform: translateZ(0);\n transform: translateZ(0);\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 = (name2) => {
|
|
60
|
-
const prefixedName = `y-${name2}`;
|
|
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 [name, bem] = createNamespace("progress");
|
|
70
|
-
const Progress = /* @__PURE__ */ vue.defineComponent({
|
|
71
|
-
name,
|
|
72
|
-
props: {
|
|
73
|
-
// 进度
|
|
74
|
-
percent: {
|
|
75
|
-
type: Number,
|
|
76
|
-
default: 0
|
|
77
|
-
},
|
|
78
|
-
// 轨道粗细
|
|
79
|
-
strokeWidth: {
|
|
80
|
-
type: [Number, String],
|
|
81
|
-
default: ""
|
|
82
|
-
},
|
|
83
|
-
// 圆角
|
|
84
|
-
radius: {
|
|
85
|
-
type: [Number, String],
|
|
86
|
-
default: ""
|
|
87
|
-
},
|
|
88
|
-
// 文案颜色
|
|
89
|
-
textColor: {
|
|
90
|
-
type: String,
|
|
91
|
-
default: ""
|
|
92
|
-
},
|
|
93
|
-
// 进度条颜色
|
|
94
|
-
color: {
|
|
95
|
-
type: String,
|
|
96
|
-
default: ""
|
|
97
|
-
},
|
|
98
|
-
// 轨道颜色
|
|
99
|
-
trackColor: {
|
|
100
|
-
type: String,
|
|
101
|
-
default: ""
|
|
102
|
-
},
|
|
103
|
-
// pivot颜色
|
|
104
|
-
pivotColor: {
|
|
105
|
-
type: String,
|
|
106
|
-
default: ""
|
|
107
|
-
},
|
|
108
|
-
// 展示默认pivot
|
|
109
|
-
defaultPivot: {
|
|
110
|
-
type: Boolean,
|
|
111
|
-
default: false
|
|
112
|
-
},
|
|
113
|
-
// 里程碑模式
|
|
114
|
-
modeMilestone: {
|
|
115
|
-
type: Boolean,
|
|
116
|
-
default: false
|
|
117
|
-
},
|
|
118
|
-
// 里程碑节点
|
|
119
|
-
mileages: {
|
|
120
|
-
type: Array,
|
|
121
|
-
default: () => [50, 100]
|
|
122
|
-
},
|
|
123
|
-
// 动画
|
|
124
|
-
animation: {
|
|
125
|
-
type: Boolean,
|
|
126
|
-
default: false
|
|
127
|
-
},
|
|
128
|
-
// 动画时长
|
|
129
|
-
duration: {
|
|
130
|
-
type: Number,
|
|
131
|
-
default: 1500
|
|
132
|
-
},
|
|
133
|
-
// 动画调速
|
|
134
|
-
timing: {
|
|
135
|
-
type: String,
|
|
136
|
-
default: ""
|
|
137
|
-
},
|
|
138
|
-
// 单位
|
|
139
|
-
unit: {
|
|
140
|
-
type: String,
|
|
141
|
-
default: "%"
|
|
142
|
-
}
|
|
143
|
-
},
|
|
144
|
-
setup(props, {
|
|
145
|
-
slots
|
|
146
|
-
}) {
|
|
147
|
-
const progressRef = vue.ref(null);
|
|
148
|
-
const pivotContentRef = vue.ref(null);
|
|
149
|
-
const mileageRef = vue.ref([]);
|
|
150
|
-
const widthData = vue.reactive({
|
|
151
|
-
progressWidth: 0,
|
|
152
|
-
pivotContentWidth: 0,
|
|
153
|
-
mileageWidth: []
|
|
154
|
-
});
|
|
155
|
-
const growData = vue.reactive({
|
|
156
|
-
number: 0,
|
|
157
|
-
oldPercent: 0,
|
|
158
|
-
timer: 0
|
|
159
|
-
});
|
|
160
|
-
vue.onMounted(() => {
|
|
161
|
-
resize();
|
|
162
|
-
props.animation && grow();
|
|
163
|
-
window.addEventListener("resize", resize);
|
|
164
|
-
});
|
|
165
|
-
vue.onBeforeUpdate(() => {
|
|
166
|
-
mileageRef.value = [];
|
|
167
|
-
});
|
|
168
|
-
vue.onUnmounted(() => {
|
|
169
|
-
growData.timer && cancelAnimationFrame(growData.timer);
|
|
170
|
-
window.removeEventListener("resize", resize);
|
|
171
|
-
});
|
|
172
|
-
vue.watch(() => props.percent, () => {
|
|
173
|
-
grow();
|
|
174
|
-
resizeWidth();
|
|
175
|
-
});
|
|
176
|
-
const grow = () => {
|
|
177
|
-
const {
|
|
178
|
-
duration,
|
|
179
|
-
percent
|
|
180
|
-
} = props;
|
|
181
|
-
const step = Math.abs(percent - growData.oldPercent) / (duration / 16);
|
|
182
|
-
if (step === 0)
|
|
183
|
-
return;
|
|
184
|
-
let current = Number(growData.oldPercent);
|
|
185
|
-
const update = () => {
|
|
186
|
-
percent > growData.oldPercent ? current += step : current -= step;
|
|
187
|
-
if (percent > growData.oldPercent && current > percent || percent < growData.oldPercent && current < percent) {
|
|
188
|
-
current = percent;
|
|
189
|
-
} else {
|
|
190
|
-
growData.timer = requestAnimationFrame(update);
|
|
191
|
-
}
|
|
192
|
-
growData.oldPercent = current;
|
|
193
|
-
growData.number = parseInt(current.toString());
|
|
194
|
-
};
|
|
195
|
-
growData.timer && cancelAnimationFrame(growData.timer);
|
|
196
|
-
growData.timer = requestAnimationFrame(update);
|
|
197
|
-
};
|
|
198
|
-
vue.watch(() => props.mileages, () => resizeMileage);
|
|
199
|
-
const resize = () => {
|
|
200
|
-
resizeWidth();
|
|
201
|
-
resizeMileage();
|
|
202
|
-
};
|
|
203
|
-
const resizeWidth = () => {
|
|
204
|
-
vue.nextTick(() => {
|
|
205
|
-
widthData.progressWidth = progressRef.value && progressRef.value.offsetWidth || 0;
|
|
206
|
-
widthData.pivotContentWidth = pivotContentRef.value && pivotContentRef.value.offsetWidth || 0;
|
|
207
|
-
}).catch((e) => {
|
|
208
|
-
throw new Error(e);
|
|
209
|
-
});
|
|
210
|
-
};
|
|
211
|
-
const resizeMileage = () => {
|
|
212
|
-
vue.nextTick(() => {
|
|
213
|
-
props.mileages.forEach((_, i) => {
|
|
214
|
-
widthData.mileageWidth[i] = mileageRef.value[i] && mileageRef.value[i].offsetWidth || 0;
|
|
215
|
-
});
|
|
216
|
-
}).catch((e) => {
|
|
217
|
-
throw new Error(e);
|
|
218
|
-
});
|
|
219
|
-
};
|
|
220
|
-
const renderMileage = () => {
|
|
221
|
-
var _a;
|
|
222
|
-
const {
|
|
223
|
-
mileages,
|
|
224
|
-
percent,
|
|
225
|
-
animation: animation2
|
|
226
|
-
} = props;
|
|
227
|
-
const doms = [];
|
|
228
|
-
for (let i = 0; i < mileages.length; i++) {
|
|
229
|
-
doms[i] = vue.createVNode("div", {
|
|
230
|
-
"ref": (el) => {
|
|
231
|
-
if (el)
|
|
232
|
-
mileageRef.value[i] = el;
|
|
233
|
-
},
|
|
234
|
-
"class": [bem("pivot-content", (animation2 ? growData.number : percent) >= mileages[i] ? "arrive" : "no-arrive")],
|
|
235
|
-
"key": `mileage${i}`,
|
|
236
|
-
"style": {
|
|
237
|
-
left: `${(widthData.progressWidth - widthData.mileageWidth[i]) * mileages[i] / 100}px`
|
|
238
|
-
}
|
|
239
|
-
}, [((_a = slots.mileage) == null ? void 0 : _a.call(slots)) || vue.createVNode("div", {
|
|
240
|
-
"class": bem("pivot")
|
|
241
|
-
}, [`${mileages[i]}%`])]);
|
|
242
|
-
}
|
|
243
|
-
return doms;
|
|
244
|
-
};
|
|
245
|
-
const renderPivot = () => {
|
|
246
|
-
var _a;
|
|
247
|
-
const {
|
|
248
|
-
defaultPivot,
|
|
249
|
-
textColor,
|
|
250
|
-
percent,
|
|
251
|
-
animation: animation2,
|
|
252
|
-
unit
|
|
253
|
-
} = props;
|
|
254
|
-
return vue.createVNode(vue.Fragment, null, [((_a = slots.pivot) == null ? void 0 : _a.call(slots)) || defaultPivot && vue.createVNode("div", {
|
|
255
|
-
"class": bem("pivot"),
|
|
256
|
-
"style": {
|
|
257
|
-
color: textColor
|
|
258
|
-
}
|
|
259
|
-
}, [animation2 ? vue.createVNode("div", {
|
|
260
|
-
"class": bem("number")
|
|
261
|
-
}, [vue.createVNode("span", null, [growData.number, unit])]) : `${percent}${unit}`])]);
|
|
262
|
-
};
|
|
263
|
-
return () => {
|
|
264
|
-
const {
|
|
265
|
-
strokeWidth,
|
|
266
|
-
trackColor,
|
|
267
|
-
radius,
|
|
268
|
-
percent,
|
|
269
|
-
color,
|
|
270
|
-
animation: animation2,
|
|
271
|
-
duration,
|
|
272
|
-
timing,
|
|
273
|
-
defaultPivot,
|
|
274
|
-
pivotColor,
|
|
275
|
-
modeMilestone
|
|
276
|
-
} = props;
|
|
277
|
-
return vue.createVNode("div", {
|
|
278
|
-
"class": bem(),
|
|
279
|
-
"ref": progressRef,
|
|
280
|
-
"style": {
|
|
281
|
-
height: parseUnit(strokeWidth),
|
|
282
|
-
background: trackColor,
|
|
283
|
-
borderRadius: parseUnit(radius)
|
|
284
|
-
}
|
|
285
|
-
}, [vue.createVNode("span", {
|
|
286
|
-
"class": bem("portion", {
|
|
287
|
-
animation: animation2
|
|
288
|
-
}),
|
|
289
|
-
"style": {
|
|
290
|
-
width: `${widthData.progressWidth * percent / 100}px`,
|
|
291
|
-
background: color,
|
|
292
|
-
transitionDuration: `${duration}ms`,
|
|
293
|
-
transitionTimingFunction: timing
|
|
294
|
-
}
|
|
295
|
-
}, [vue.createVNode("div", {
|
|
296
|
-
"ref": pivotContentRef,
|
|
297
|
-
"class": bem("pivot-content", {
|
|
298
|
-
animation: animation2
|
|
299
|
-
}),
|
|
300
|
-
"style": {
|
|
301
|
-
left: `${(widthData.progressWidth - widthData.pivotContentWidth) * percent / 100}px`,
|
|
302
|
-
background: defaultPivot ? pivotColor || color : "none",
|
|
303
|
-
transitionDuration: `${duration}ms`,
|
|
304
|
-
transitionTimingFunction: timing
|
|
305
|
-
}
|
|
306
|
-
}, [renderPivot()])]), modeMilestone && renderMileage()]);
|
|
307
|
-
};
|
|
308
|
-
}
|
|
309
|
-
});
|
|
310
|
-
const reset = "";
|
|
311
|
-
const libs = "";
|
|
312
|
-
const font = "";
|
|
313
|
-
const animation = "";
|
|
314
|
-
const theme = "";
|
|
315
|
-
const style = "";
|
|
316
|
-
Progress.install = (Vue) => {
|
|
317
|
-
const { name: name2 } = Progress;
|
|
318
|
-
Vue.component(name2, Progress);
|
|
319
|
-
};
|
|
320
|
-
exports2.default = Progress;
|
|
321
|
-
Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
322
|
-
});
|
|
1
|
+
(function(y,A){typeof exports=="object"&&typeof module<"u"?A(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],A):(y=typeof globalThis<"u"?globalThis:y||self,A(y.progress={},y.Vue))})(this,function(y,A){"use strict";var I=document.createElement("style");I.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,AAEAAAAOAIAAAwBgT1MvMnvzdUwAAAFoAAAAYGNtYXAAcgDHAAAB7AAAAEhjdnQgAgMCAgAAEDwAAAAuZnBnbTkajnwAAAI0AAANbWdhc3AAAAAQAAAbJAAAAAhnbHlmglhSggAAEIgAAAfQaGVhZBLfe2YAAADsAAAANmhoZWEM1QNQAAABJAAAACRobXR4FRsDewAAAcgAAAAibG9jYQ6SDNIAABBsAAAAGm1heHACAw5FAAABSAAAACBuYW1lIdSxzwAAGFgAAAKNcG9zdP/IANgAABroAAAAOnByZXAWsXzsAAAPpAAAAJgAAQAAAAIAAPoiibxfDzz1AAcIAAAAAADXIFDsAAAAANdP4OEAKv5bBSgGQgABAAcAAgAAAAAAAAABAAAHgf4xAAAE0AAqAEkFKAABAAAAAAAAAAAAAAAAAAAABQABAAAADABuAAoAAAAAAAIAVgBoAIsAAAELDW0AAAAAAAMEkQGQAAUACAUzBMwAAACZBTMEzAAAAswAZgNyAAACCwUAAAAAAAAAAAAALwAAAAAAAAAAAAAAAFVLV04AIAAg/+UGMf5bAVAHgQHPAAABEQAAAAAFvgW+AAAAIAAAA+sAuwTQALAEIABYAsAAWAQgAFgAWABYAFgAWABYAFgAWAAAAAAAAQADAAEAAAAMAAQAPAAAAAYABAABAAIAKwA5//8AAAArADD////WAAAAAQAAAAQAAAACAAMABAAFAAYABwAKAAgACQALsAAsILAAVVhFWSAgS7gADlFLsAZTWliwNBuwKFlgZiCKVViwAiVhuQgACABjYyNiGyEhsABZsABDI0SyAAEAQ2BCLbABLLAgYGYtsAIsIGQgsMBQsAQmWrIoAQtDRWNFsAZFWCGwAyVZUltYISMhG4pYILBQUFghsEBZGyCwOFBYIbA4WVkgsQELQ0VjRWFksChQWCGxAQtDRWNFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwAiWwCkNjsABSWLAAS7AKUFghsApDG0uwHlBYIbAeS2G4EABjsApDY7gFAGJZWWRhWbABK1lZI7AAUFhlWVktsAMsIEUgsAQlYWQgsAVDUFiwBSNCsAYjQhshIVmwAWAtsAQsIyEjISBksQViQiCwBiNCsAZFWBuxAQtDRWOxAQtDsAJgRWOwAyohILAGQyCKIIqwASuxMAUlsAQmUVhgUBthUllYI1khWSCwQFNYsAErGyGwQFkjsABQWGVZLbAFLLAHQyuyAAIAQ2BCLbAGLLAHI0IjILAAI0JhsAJiZrABY7ABYLAFKi2wBywgIEUgsAxDY7gEAGIgsABQWLBAYFlmsAFjYESwAWAtsAgssgcMAENFQiohsgABAENgQi2wCSywAEMjRLIAAQBDYEItsAosICBFILABKyOwAEOwBCVgIEWKI2EgZCCwIFBYIbAAG7AwUFiwIBuwQFlZI7AAUFhlWbADJSNhRESwAWAtsAssICBFILABKyOwAEOwBCVgIEWKI2EgZLAkUFiwABuwQFkjsABQWGVZsAMlI2FERLABYC2wDCwgsAAjQrILCgNFWCEbIyFZKiEtsA0ssQICRbBkYUQtsA4ssAFgICCwDUNKsABQWCCwDSNCWbAOQ0qwAFJYILAOI0JZLbAPLCCwEGJmsAFjILgEAGOKI2GwD0NgIIpgILAPI0IjLbAQLEtUWLEEZERZJLANZSN4LbARLEtRWEtTWLEEZERZGyFZJLATZSN4LbASLLEAEENVWLEQEEOwAWFCsA8rWbAAQ7ACJUKxDQIlQrEOAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAOKiEjsAFhIIojYbAOKiEbsQEAQ2CwAiVCsAIlYbAOKiFZsA1DR7AOQ0dgsAJiILAAUFiwQGBZZrABYyCwDENjuAQAYiCwAFBYsEBgWWawAWNgsQAAEyNEsAFDsAA+sgEBAUNgQi2wEywAsQACRVRYsBAjQiBFsAwjQrALI7ACYEIgYLABYbUSEgEADwBCQopgsRIGK7CJKxsiWS2wFCyxABMrLbAVLLEBEystsBYssQITKy2wFyyxAxMrLbAYLLEEEystsBkssQUTKy2wGiyxBhMrLbAbLLEHEystsBwssQgTKy2wHSyxCRMrLbApLCMgsBBiZrABY7AGYEtUWCMgLrABXRshIVktsCosIyCwEGJmsAFjsBZgS1RYIyAusAFxGyEhWS2wKywjILAQYmawAWOwJmBLVFgjIC6wAXIbISFZLbAeLACwDSuxAAJFVFiwECNCIEWwDCNCsAsjsAJgQiBgsAFhtRISAQAPAEJCimCxEgYrsIkrGyJZLbAfLLEAHistsCAssQEeKy2wISyxAh4rLbAiLLEDHistsCMssQQeKy2wJCyxBR4rLbAlLLEGHistsCYssQceKy2wJyyxCB4rLbAoLLEJHistsCwsIDywAWAtsC0sIGCwEmAgQyOwAWBDsAIlYbABYLAsKiEtsC4ssC0rsC0qLbAvLCAgRyAgsAxDY7gEAGIgsABQWLBAYFlmsAFjYCNhOCMgilVYIEcgILAMQ2O4BABiILAAUFiwQGBZZrABY2AjYTgbIVktsDAsALEAAkVUWLEMCEVCsAEWsC8qsQUBFUVYMFkbIlktsDEsALANK7EAAkVUWLEMCEVCsAEWsC8qsQUBFUVYMFkbIlktsDIsIDWwAWAtsDMsALEMCEVCsAFFY7gEAGIgsABQWLBAYFlmsAFjsAErsAxDY7gEAGIgsABQWLBAYFlmsAFjsAErsAAWtAAAAAAARD4jOLEyARUqIS2wNCwgPCBHILAMQ2O4BABiILAAUFiwQGBZZrABY2CwAENhOC2wNSwuFzwtsDYsIDwgRyCwDENjuAQAYiCwAFBYsEBgWWawAWNgsABDYbABQ2M4LbA3LLECABYlIC4gR7AAI0KwAiVJiopHI0cjYSBYYhshWbABI0KyNgEBFRQqLbA4LLAAFrARI0KwBCWwBCVHI0cjYbEKAEKwCUMrZYouIyAgPIo4LbA5LLAAFrARI0KwBCWwBCUgLkcjRyNhILAEI0KxCgBCsAlDKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgsAhDIIojRyNHI2EjRmCwBEOwAmIgsABQWLBAYFlmsAFjYCCwASsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsAJiILAAUFiwQGBZZrABY2EjICCwBCYjRmE4GyOwCENGsAIlsAhDRyNHI2FgILAEQ7ACYiCwAFBYsEBgWWawAWNgIyCwASsjsARDYLABK7AFJWGwBSWwAmIgsABQWLBAYFlmsAFjsAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wOiywABawESNCICAgsAUmIC5HI0cjYSM8OC2wOyywABawESNCILAII0IgICBGI0ewASsjYTgtsDwssAAWsBEjQrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWG5CAAIAGNjIyBYYhshWWO4BABiILAAUFiwQGBZZrABY2AjLiMgIDyKOCMhWS2wPSywABawESNCILAIQyAuRyNHI2EgYLAgYGawAmIgsABQWLBAYFlmsAFjIyAgPIo4LbA+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-progress{position:relative;height:4px;background:#f5f5f5;border-radius:4px}.y-progress__portion{position:absolute;left:0;height:100%;max-width:100%;border-radius:inherit;background:#68e38b;-webkit-transition-duration:1.5s;transition-duration:1.5s;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-property:none;transition-property:none}.y-progress__portion--animation{-webkit-transition-property:width;transition-property:width}.y-progress__pivot-content{position:absolute;top:50%;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:29px;height:16px;font-size:12px;padding:1px 4px;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;word-break:keep-all;border-radius:35px;background:#68e38b;-webkit-transform:translate(0,-50%);transform:translateY(-50%);-webkit-transition-duration:1.5s;transition-duration:1.5s;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-property:none;transition-property:none}.y-progress__pivot-content--animation{-webkit-transition-property:left;transition-property:left}.y-progress__pivot-content--arrive{background-color:#68e38b}.y-progress__pivot-content--no-arrive{background-color:#f5f5f5}.y-progress__pivot{color:#fff;width:100%}.y-progress__number{-webkit-transform:translateZ(0);transform:translateZ(0)}
|
|
2
|
+
`,document.head.appendChild(I);const m=(e,t)=>t?typeof t=="string"?` ${e}--${t}`:Array.isArray(t)?t.reduce((l,s)=>l+m(e,s),""):Object.keys(t).reduce((l,s)=>l+(t[s]?m(e,s):""),""):"",k=e=>(t,l)=>{let s=t,f=l;return s&&typeof s!="string"&&(f=s,s=""),s=s?`${e}__${s}`:e,`${s}${m(s,f)}`},Y=()=>(e,t)=>t?`${m(`y-${e}`,t)}`:`y-${e}`,u={"pull-refresh":{pulling:"下拉刷新...",loosing:"释放刷新...",loading:"数据加载中...",success:"数据已更新",failed:"数据跟新失败,请稍后再试"},"form-item":{validateMessage:"请输入正确内容"}};A.ref("zh-CN"),A.reactive({"zh-CN":u});const p=e=>{const t=`y-${e}`;return[t,k(t),Y()]},C=e=>isNaN(Number(e))&&typeof e=="string"?e:`${e}px`,[D,E]=p("progress"),Q=A.defineComponent({name:D,props:{percent:{type:Number,default:0},strokeWidth:{type:[Number,String],default:""},radius:{type:[Number,String],default:""},textColor:{type:String,default:""},color:{type:String,default:""},trackColor:{type:String,default:""},pivotColor:{type:String,default:""},defaultPivot:{type:Boolean,default:!1},modeMilestone:{type:Boolean,default:!1},mileages:{type:Array,default:()=>[50,100]},animation:{type:Boolean,default:!1},duration:{type:Number,default:1500},timing:{type:String,default:""},unit:{type:String,default:"%"}},setup(e,{slots:t}){const l=A.ref(null),s=A.ref(null),f=A.ref([]),w=A.reactive({progressWidth:0,pivotContentWidth:0,mileageWidth:[]}),i=A.reactive({number:0,oldPercent:0,timer:0});A.onMounted(()=>{d(),e.animation&&c(),window.addEventListener("resize",d)}),A.onBeforeUpdate(()=>{f.value=[]}),A.onUnmounted(()=>{i.timer&&cancelAnimationFrame(i.timer),window.removeEventListener("resize",d)}),A.watch(()=>e.percent,()=>{c(),L()});const c=()=>{const{duration:a,percent:r}=e,g=Math.abs(r-i.oldPercent)/(a/16);if(g===0)return;let n=Number(i.oldPercent);const B=()=>{r>i.oldPercent?n+=g:n-=g,r>i.oldPercent&&n>r||r<i.oldPercent&&n<r?n=r:i.timer=requestAnimationFrame(B),i.oldPercent=n,i.number=parseInt(n.toString())};i.timer&&cancelAnimationFrame(i.timer),i.timer=requestAnimationFrame(B)};A.watch(()=>e.mileages,()=>h);const d=()=>{L(),h()},L=()=>{A.nextTick(()=>{w.progressWidth=l.value&&l.value.offsetWidth||0,w.pivotContentWidth=s.value&&s.value.offsetWidth||0}).catch(a=>{throw new Error(a)})},h=()=>{A.nextTick(()=>{e.mileages.forEach((a,r)=>{w.mileageWidth[r]=f.value[r]&&f.value[r].offsetWidth||0})}).catch(a=>{throw new Error(a)})},W=()=>{var B;const{mileages:a,percent:r,animation:g}=e,n=[];for(let o=0;o<a.length;o++)n[o]=A.createVNode("div",{ref:b=>{b&&(f.value[o]=b)},class:[E("pivot-content",(g?i.number:r)>=a[o]?"arrive":"no-arrive")],key:`mileage${o}`,style:{left:`${(w.progressWidth-w.mileageWidth[o])*a[o]/100}px`}},[((B=t.mileage)==null?void 0:B.call(t))||A.createVNode("div",{class:E("pivot")},[`${a[o]}%`])]);return n},U=()=>{var o;const{defaultPivot:a,textColor:r,percent:g,animation:n,unit:B}=e;return A.createVNode(A.Fragment,null,[((o=t.pivot)==null?void 0:o.call(t))||a&&A.createVNode("div",{class:E("pivot"),style:{color:r}},[n?A.createVNode("div",{class:E("number")},[A.createVNode("span",null,[i.number,B])]):`${g}${B}`])])};return()=>{const{strokeWidth:a,trackColor:r,radius:g,percent:n,color:B,animation:o,duration:b,timing:F,defaultPivot:M,pivotColor:G,modeMilestone:N}=e;return A.createVNode("div",{class:E(),ref:l,style:{height:C(a),background:r,borderRadius:C(g)}},[A.createVNode("span",{class:E("portion",{animation:o}),style:{width:`${w.progressWidth*n/100}px`,background:B,transitionDuration:`${b}ms`,transitionTimingFunction:F}},[A.createVNode("div",{ref:s,class:E("pivot-content",{animation:o}),style:{left:`${(w.progressWidth-w.pivotContentWidth)*n/100}px`,background:M?G||B:"none",transitionDuration:`${b}ms`,transitionTimingFunction:F}},[U()])]),N&&W()])}}}),x="",S="",R="",j="",V="",Z="";Q.install=e=>{const{name:t}=Q;e.component(t,Q)},y.default=Q,Object.defineProperties(y,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|