@tan-bin/ui 1.0.3 → 1.0.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/dist/es/tb-ui.css +1 -1
- package/dist/es/tb-ui.js +89 -88
- package/dist/umd/tb-ui.css +1 -1
- package/dist/umd/tb-ui.umd.cjs +2 -2
- package/package.json +1 -1
package/dist/es/tb-ui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit}input,textarea,button,select{border:none;margin:0;-webkit-appearance:none;appearance:none;border-radius:0;background:transparent}input:focus,textarea:focus,button:focus,select:focus{outline:none;outline-offset:0}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}.modal-container[data-v-eff05c57]{position:fixed;inset:0;background:var(--bg, rgba(0, 0, 0, .5));-webkit-backdrop-filter:blur(var(--blur, 0px));backdrop-filter:blur(var(--blur, 0px));z-index:var(--z-index, 1000);display:flex;align-items:center;justify-content:center}.modal-enter-active[data-v-eff05c57],.modal-leave-active[data-v-eff05c57]{transition:var(--duration)}.modal-enter-from[data-v-eff05c57],.modal-leave-to[data-v-eff05c57]{background:transparent}@font-face{font-family:_icon;src:url(//at.alicdn.com/t/c/font_4937687_e276hihhdas.woff2?t=1756650184085) format("woff2"),url(//at.alicdn.com/t/c/font_4937687_e276hihhdas.woff?t=1756650184085) format("woff"),url(//at.alicdn.com/t/c/font_4937687_e276hihhdas.ttf?t=1756650184085) format("truetype");font-display:block}._icon[data-v-288c6a41]{font-family:_icon!important;font-style:normal;font-size:inherit;display:inline-block}._icon._icon-tool[data-v-288c6a41]:before{content:""}._icon._icon-game[data-v-288c6a41]:before{content:""}._icon._icon-info[data-v-288c6a41]:before{content:""}._icon._icon-avatar[data-v-288c6a41]:before{content:""}._icon._icon-2048[data-v-288c6a41]:before{content:""}._icon._icon-box[data-v-288c6a41]:before{content:""}._icon._icon-klotski[data-v-288c6a41]:before{content:""}._icon._icon-home[data-v-288c6a41]:before{content:""}._icon._icon-snake[data-v-288c6a41]:before{content:""}._icon._icon-mine[data-v-288c6a41]:before{content:""}._icon._icon-nav[data-v-288c6a41]:before{content:""}._icon._icon-search[data-v-288c6a41]:before{content:""}._icon._icon-delete[data-v-288c6a41]:before{content:""}._icon._icon-up[data-v-288c6a41],._icon._icon-down[data-v-288c6a41],._icon._icon-left[data-v-288c6a41],._icon._icon-right[data-v-288c6a41]{transition:.3s}._icon._icon-up[data-v-288c6a41]:before,._icon._icon-down[data-v-288c6a41]:before,._icon._icon-left[data-v-288c6a41]:before,._icon._icon-right[data-v-288c6a41]:before{content:""}._icon._icon-down[data-v-288c6a41]{transform:rotate(180deg)}._icon._icon-left[data-v-288c6a41]{transform:rotate(270deg)}._icon._icon-right[data-v-288c6a41]{transform:rotate(90deg)}._icon._icon-music[data-v-288c6a41]:before{content:""}._icon._icon-more[data-v-288c6a41]:before{content:""}._icon._icon-close[data-v-288c6a41]:before{content:""}._icon._icon-yes[data-v-288c6a41]:before{content:""}._icon._icon-no[data-v-288c6a41]:before{content:""}._icon._icon-ask[data-v-288c6a41]:before{content:""}._icon._icon-tip[data-v-288c6a41]:before{content:""}.dialog-container[data-v-876a5595]{position:fixed;inset:0;-webkit-user-select:none;user-select:none;z-index:999}.dialog-container .area[data-v-876a5595]{position:absolute;width:80%;max-width:380px;min-width:200px;background:#eee;border-radius:10px;box-sizing:border-box;padding-top:22px;box-shadow:0 0 5px #0000001a;text-align:center;word-break:break-word;overflow:hidden;color:#444}.dialog-container .area .title[data-v-876a5595]{font-size:18px;font-weight:600;margin-bottom:10px;padding:0 20px}.dialog-container .area .content[data-v-876a5595]{line-height:1.5;padding:0 20px;max-height:50vh;overflow:auto}.dialog-container .area .content .input-item[data-v-876a5595]{display:block;width:95%;margin:10px auto;position:relative}.dialog-container .area .content .input-item input[data-v-876a5595]{display:block;width:100%;height:40px;line-height:40px;padding:0 25px 0 10px;background:transparent;border:1px solid #aaa;border-radius:10px;box-sizing:border-box;transition:.3s ease-in-out}.dialog-container .area .content .input-item input[data-v-876a5595]::placeholder{color:#aaa}.dialog-container .area .content .input-item input[data-v-876a5595]:focus{border-color:#08f}.dialog-container .area .content .input-item input:focus~.label[data-v-876a5595]{color:#08f}.dialog-container .area .content .input-item .label[data-v-876a5595]{position:absolute;left:5px;top:-8px;color:#aaa;transition:.3s ease-in-out;pointer-events:none;padding:0 5px;box-sizing:border-box;font-size:12px;line-height:16px;background:#eee;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialog-container .area .content .input-item .msg[data-v-876a5595]{display:none;font-size:12px;padding:0 5px;color:#ff4d4f;text-align:left}.dialog-container .area .content .input-item .icon-container[data-v-876a5595]{position:absolute;right:5px;top:5px;cursor:pointer;width:20px;height:20px;font-size:20px;color:#aaa}.dialog-container .area .content .input-item .icon-container[data-v-876a5595]:hover{color:#ff4d4f}.dialog-container .area .content .input-item.error input[data-v-876a5595]{border-color:#ff4d4f}.dialog-container .area .content .input-item.error input~.label[data-v-876a5595]{color:#ff4d4f}.dialog-container .area .content .input-item.error .msg[data-v-876a5595]{display:block}.dialog-container .area .content .total-err[data-v-876a5595]{color:#ff4d4f;font-size:14px}.dialog-container .area .tip[data-v-876a5595]{font-size:12px;color:#888;line-height:1.4;margin-top:5px;max-height:30vh;overflow:auto}.dialog-container .area .btns[data-v-876a5595]{border-top:1px solid #ccc;margin-top:15px;display:flex}.dialog-container .area .btns .btn[data-v-876a5595]{flex:1;padding:16px 10px;cursor:pointer;font-size:14px;border-radius:0;transition:.1s ease-in-out;box-shadow:unset;background:#eee}.dialog-container .area .btns .btn[data-v-876a5595]:hover:not(:disabled){background:#ddd}.dialog-container .area .btns .btn.confirm[data-v-876a5595]{font-weight:700;color:#2691ff}.dialog-container .area .btns .btn.confirm.danger[data-v-876a5595]{color:#ff4d4f}.dialog-container .area .btns .btn.confirm[data-v-876a5595]:disabled{cursor:not-allowed;color:#aaa}.dialog-container .area .btns .btn.cancel[data-v-876a5595]{color:#444;border-right:1px solid #ccc}.modal-enter-active[data-v-876a5595],.modal-leave-active[data-v-876a5595]{transition:var(--duration)}.modal-enter-from[data-v-876a5595],.modal-leave-to[data-v-876a5595]{background:transparent}.area-enter-active[data-v-876a5595],.area-leave-active[data-v-876a5595]{transition:var(--duration) cubic-bezier(.5,1.75,.5,1)}.area-enter-from[data-v-876a5595],.area-leave-to[data-v-876a5595]{opacity:0;transform:scale(.8)}.loading-container[data-v-b253c0cf]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color);gap:10px;white-space:nowrap;text-align:center;pointer-events:none}.loading-svg[data-v-b253c0cf]{display:inline;height:var(--size);width:var(--size);animation:loading-rotate-b253c0cf 2s linear infinite}.path[data-v-b253c0cf]{animation:loading-dash-b253c0cf 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--color);stroke-linecap:round}@keyframes loading-rotate-b253c0cf{to{transform:rotate(360deg)}}@keyframes loading-dash-b253c0cf{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.message-container[data-v-31eeb9bf]{position:fixed;width:85%;max-width:800px;left:50%;bottom:80%;transform:translate(-50%);z-index:1000;line-height:1.2;font-size:15px;display:flex;flex-direction:column;gap:4px;pointer-events:none;color:#fff;text-align:center}.message-container .item[data-v-31eeb9bf]{padding:5px 34px}.message-container .item.info[data-v-31eeb9bf]{background:linear-gradient(90deg,transparent,rgba(64,158,255,.5),rgba(64,158,255,.7),rgba(64,158,255,.9),rgba(64,158,255,.9),rgba(64,158,255,.9),rgba(64,158,255,.7),rgba(64,158,255,.5),transparent)}.message-container .item.success[data-v-31eeb9bf]{background:linear-gradient(90deg,transparent,rgba(57,179,98,.5),rgba(57,179,98,.7),rgba(57,179,98,.9),rgba(57,179,98,.9),rgba(57,179,98,.9),rgba(57,179,98,.7),rgba(57,179,98,.5),transparent)}.message-container .item.warn[data-v-31eeb9bf]{background:linear-gradient(90deg,transparent,rgba(255,130,0,.5),rgba(255,130,0,.7),rgba(255,130,0,.9),rgba(255,130,0,.9),rgba(255,130,0,.9),rgba(255,130,0,.7),rgba(255,130,0,.5),transparent)}.message-container .item.error[data-v-31eeb9bf]{background:linear-gradient(90deg,transparent,rgba(255,51,51,.5),rgba(255,51,51,.7),rgba(255,51,51,.9),rgba(255,51,51,.9),rgba(255,51,51,.9),rgba(255,51,51,.7),rgba(255,51,51,.5),transparent)}.v-enter-active[data-v-31eeb9bf],.v-leave-active[data-v-31eeb9bf]{transition:.5s}.v-move[data-v-31eeb9bf]{transition:.2s}.v-enter-from[data-v-31eeb9bf],.v-leave-to[data-v-31eeb9bf]{opacity:0;transform:scaleY(.5)}.nav-container .nav-container[data-v-69d79c4b]{font-size:14px;transition:.4s ease}.nav-container .nav-container .link[data-v-69d79c4b]{padding:15px;padding-left:calc(20px + var(--layer) * 15px)}.link[data-v-69d79c4b]{padding:20px;display:flex;gap:10px;align-items:center;color:#333;transition:.3s;position:relative}.link[data-v-69d79c4b]:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;transform:scaleY(0);background:#409eff;transition:.3s}.link[data-v-69d79c4b]:hover{background:#e3f1ff}.link.active[data-v-69d79c4b]{color:#409eff;background:#d9ecff}.link.active[data-v-69d79c4b]:after{transform:scaleY(1)}.arrow-icon[data-v-69d79c4b]{margin-left:auto}.arrow-icon[data-v-69d79c4b]:hover{color:#409eff}.pagination-container[data-v-e175d2aa]{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;color:#333}.controls[data-v-e175d2aa]{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}button[data-v-e175d2aa]{padding:6px 10px;cursor:pointer;border-radius:4px;min-width:36px;text-align:center;background:#e6e6e6;color:#333;box-shadow:none;border:1px solid #b3b3b3;transition:.3s}button[data-v-e175d2aa]:hover:not(:disabled){background:#bbb}button[data-v-e175d2aa]:disabled{cursor:not-allowed;opacity:.6}button.active[data-v-e175d2aa]:not(:disabled){background:#2d8cf0;color:#fff}.meta[data-v-e175d2aa]{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.meta select[data-v-e175d2aa]{padding:4px 6px;border:1px solid #dcdcdc;border-radius:4px}input[data-v-e175d2aa]{width:72px;padding:4px 6px;border:1px solid #dcdcdc;border-radius:4px}.warn-container[data-v-0e46cecf]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;height:100%;color:#aaa}.warn-container .icon-container[data-v-0e46cecf]{font-size:3em}.table-container[data-v-f0bc9df0]{width:100%;max-height:100%;overflow:auto;border-radius:4px}.table-inner[data-v-f0bc9df0]{display:table;width:100%}header.row[data-v-f0bc9df0]{display:table-row;background:#dfdfdf;font-weight:700;position:sticky;top:0}header.row .cell[data-v-f0bc9df0]{padding:8px 10px}.row[data-v-f0bc9df0]{display:table-row;transition:.3s}.row[data-v-f0bc9df0]:nth-child(2n){background:#f9f9f9}div.row[data-v-f0bc9df0]:hover{background:#eaeaea}.cell[data-v-f0bc9df0]{display:table-cell;border:1px solid #ddd}.content[data-v-f0bc9df0]{padding:10px;word-break:keep-all;max-height:150px;overflow:hidden auto}.watermark-container[data-v-b86ee0ab]{position:relative;height:100%;overflow:hidden}.switch-container[data-v-f75b2497]{width:46px;height:24px;background:#c4c4c4;border-radius:999px;display:inline-block;align-items:center;position:relative;transition:all .2s cubic-bezier(.27,.2,.25,1.51);cursor:pointer}.switch-container input[data-v-f75b2497]{display:none}.switch-container svg[data-v-f75b2497]{transition:all .2s cubic-bezier(.27,.2,.25,1.51);position:absolute;height:auto}.switch-container .checkmark[data-v-f75b2497]{width:10px;color:#00da50;transform:scale(0)}.switch-container .cross[data-v-f75b2497]{width:6px;color:#c4c4c4}.slider[data-v-f75b2497]{box-sizing:border-box;width:46px;height:24px;background:#c4c4c4;border-radius:999px;display:flex;align-items:center;position:relative;transition:all .2s cubic-bezier(.27,.2,.25,1.51);cursor:pointer}.circle[data-v-f75b2497]{width:18px;height:18px;background:#fff;border-radius:inherit;box-shadow:1px 1px 2px #92929273;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.27,.2,.25,1.51);z-index:1;position:absolute;left:3px}.slider[data-v-f75b2497]:before{content:"";position:absolute;width:9px;height:3.5px;left:7.5px;background:#fff;border-radius:1px;transition:all .2s ease-in-out}.switch-container input:checked+.slider[data-v-f75b2497]{background:#00da50}.switch-container input:checked+.slider .checkmark[data-v-f75b2497]{transform:scale(1)}.switch-container input:checked+.slider .cross[data-v-f75b2497]{transform:scale(0)}.switch-container input:checked+.slider[data-v-f75b2497]:before{left:calc(100% - 16.5px)}.switch-container input:checked+.slider .circle[data-v-f75b2497]{left:calc(100% - 21px);box-shadow:-1px 1px 2px #a3a3a373}.checkbox-container[data-v-d71f306b]{height:100%}.checkbox-container .label[data-v-d71f306b]{display:flex;align-items:center;height:100%;cursor:inherit}.checkbox-container .label input[data-v-d71f306b]{display:none}.checkbox-container .label input:checked+.svg .box[data-v-d71f306b],.checkbox-container .label input:checked+.svg .tick[data-v-d71f306b]{stroke-dashoffset:0}.checkbox-container .label .desc[data-v-d71f306b]{margin-left:5px;padding-right:2px;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkbox-container .label .svg[data-v-d71f306b]{height:70%;margin-left:5px;border-radius:3px}.checkbox-container .label .svg .box[data-v-d71f306b]{stroke:#409eff;stroke-dasharray:800;stroke-dashoffset:800;transition:stroke-dashoffset .6s ease-in}.checkbox-container .label .svg .tick[data-v-d71f306b]{stroke:#409eff;stroke-dasharray:172;stroke-dashoffset:172;transition:stroke-dashoffset .6s ease-in}
|
|
1
|
+
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit}input,textarea,button,select{border:none;margin:0;-webkit-appearance:none;appearance:none;border-radius:0;background:transparent}input:focus,textarea:focus,button:focus,select:focus{outline:none;outline-offset:0}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}.modal-container[data-v-eff05c57]{position:fixed;inset:0;background:var(--bg, rgba(0, 0, 0, .5));-webkit-backdrop-filter:blur(var(--blur, 0px));backdrop-filter:blur(var(--blur, 0px));z-index:var(--z-index, 1000);display:flex;align-items:center;justify-content:center}.modal-enter-active[data-v-eff05c57],.modal-leave-active[data-v-eff05c57]{transition:var(--duration)}.modal-enter-from[data-v-eff05c57],.modal-leave-to[data-v-eff05c57]{background:transparent}@font-face{font-family:_icon;src:url(//at.alicdn.com/t/c/font_4937687_e276hihhdas.woff2?t=1756650184085) format("woff2"),url(//at.alicdn.com/t/c/font_4937687_e276hihhdas.woff?t=1756650184085) format("woff"),url(//at.alicdn.com/t/c/font_4937687_e276hihhdas.ttf?t=1756650184085) format("truetype");font-display:block}._icon[data-v-288c6a41]{font-family:_icon!important;font-style:normal;font-size:inherit;display:inline-block}._icon._icon-tool[data-v-288c6a41]:before{content:""}._icon._icon-game[data-v-288c6a41]:before{content:""}._icon._icon-info[data-v-288c6a41]:before{content:""}._icon._icon-avatar[data-v-288c6a41]:before{content:""}._icon._icon-2048[data-v-288c6a41]:before{content:""}._icon._icon-box[data-v-288c6a41]:before{content:""}._icon._icon-klotski[data-v-288c6a41]:before{content:""}._icon._icon-home[data-v-288c6a41]:before{content:""}._icon._icon-snake[data-v-288c6a41]:before{content:""}._icon._icon-mine[data-v-288c6a41]:before{content:""}._icon._icon-nav[data-v-288c6a41]:before{content:""}._icon._icon-search[data-v-288c6a41]:before{content:""}._icon._icon-delete[data-v-288c6a41]:before{content:""}._icon._icon-up[data-v-288c6a41],._icon._icon-down[data-v-288c6a41],._icon._icon-left[data-v-288c6a41],._icon._icon-right[data-v-288c6a41]{transition:.3s}._icon._icon-up[data-v-288c6a41]:before,._icon._icon-down[data-v-288c6a41]:before,._icon._icon-left[data-v-288c6a41]:before,._icon._icon-right[data-v-288c6a41]:before{content:""}._icon._icon-down[data-v-288c6a41]{transform:rotate(180deg)}._icon._icon-left[data-v-288c6a41]{transform:rotate(270deg)}._icon._icon-right[data-v-288c6a41]{transform:rotate(90deg)}._icon._icon-music[data-v-288c6a41]:before{content:""}._icon._icon-more[data-v-288c6a41]:before{content:""}._icon._icon-close[data-v-288c6a41]:before{content:""}._icon._icon-yes[data-v-288c6a41]:before{content:""}._icon._icon-no[data-v-288c6a41]:before{content:""}._icon._icon-ask[data-v-288c6a41]:before{content:""}._icon._icon-tip[data-v-288c6a41]:before{content:""}.dialog-container[data-v-876a5595]{position:fixed;inset:0;-webkit-user-select:none;user-select:none;z-index:999}.dialog-container .area[data-v-876a5595]{position:absolute;width:80%;max-width:380px;min-width:200px;background:#eee;border-radius:10px;box-sizing:border-box;padding-top:22px;box-shadow:0 0 5px #0000001a;text-align:center;word-break:break-word;overflow:hidden;color:#444}.dialog-container .area .title[data-v-876a5595]{font-size:18px;font-weight:600;margin-bottom:10px;padding:0 20px}.dialog-container .area .content[data-v-876a5595]{line-height:1.5;padding:0 20px;max-height:50vh;overflow:auto}.dialog-container .area .content .input-item[data-v-876a5595]{display:block;width:95%;margin:10px auto;position:relative}.dialog-container .area .content .input-item input[data-v-876a5595]{display:block;width:100%;height:40px;line-height:40px;padding:0 25px 0 10px;background:transparent;border:1px solid #aaa;border-radius:10px;box-sizing:border-box;transition:.3s ease-in-out}.dialog-container .area .content .input-item input[data-v-876a5595]::placeholder{color:#aaa}.dialog-container .area .content .input-item input[data-v-876a5595]:focus{border-color:#08f}.dialog-container .area .content .input-item input:focus~.label[data-v-876a5595]{color:#08f}.dialog-container .area .content .input-item .label[data-v-876a5595]{position:absolute;left:5px;top:-8px;color:#aaa;transition:.3s ease-in-out;pointer-events:none;padding:0 5px;box-sizing:border-box;font-size:12px;line-height:16px;background:#eee;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialog-container .area .content .input-item .msg[data-v-876a5595]{display:none;font-size:12px;padding:0 5px;color:#ff4d4f;text-align:left}.dialog-container .area .content .input-item .icon-container[data-v-876a5595]{position:absolute;right:5px;top:5px;cursor:pointer;width:20px;height:20px;font-size:20px;color:#aaa}.dialog-container .area .content .input-item .icon-container[data-v-876a5595]:hover{color:#ff4d4f}.dialog-container .area .content .input-item.error input[data-v-876a5595]{border-color:#ff4d4f}.dialog-container .area .content .input-item.error input~.label[data-v-876a5595]{color:#ff4d4f}.dialog-container .area .content .input-item.error .msg[data-v-876a5595]{display:block}.dialog-container .area .content .total-err[data-v-876a5595]{color:#ff4d4f;font-size:14px}.dialog-container .area .tip[data-v-876a5595]{font-size:12px;color:#888;line-height:1.4;margin-top:5px;max-height:30vh;overflow:auto}.dialog-container .area .btns[data-v-876a5595]{border-top:1px solid #ccc;margin-top:15px;display:flex}.dialog-container .area .btns .btn[data-v-876a5595]{flex:1;padding:16px 10px;cursor:pointer;font-size:14px;border-radius:0;transition:.1s ease-in-out;box-shadow:unset;background:#eee}.dialog-container .area .btns .btn[data-v-876a5595]:hover:not(:disabled){background:#ddd}.dialog-container .area .btns .btn.confirm[data-v-876a5595]{font-weight:700;color:#2691ff}.dialog-container .area .btns .btn.confirm.danger[data-v-876a5595]{color:#ff4d4f}.dialog-container .area .btns .btn.confirm[data-v-876a5595]:disabled{cursor:not-allowed;color:#aaa}.dialog-container .area .btns .btn.cancel[data-v-876a5595]{color:#444;border-right:1px solid #ccc}.modal-enter-active[data-v-876a5595],.modal-leave-active[data-v-876a5595]{transition:var(--duration)}.modal-enter-from[data-v-876a5595],.modal-leave-to[data-v-876a5595]{background:transparent}.area-enter-active[data-v-876a5595],.area-leave-active[data-v-876a5595]{transition:var(--duration) cubic-bezier(.5,1.75,.5,1)}.area-enter-from[data-v-876a5595],.area-leave-to[data-v-876a5595]{opacity:0;transform:scale(.8)}.loading-container[data-v-b253c0cf]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color);gap:10px;white-space:nowrap;text-align:center;pointer-events:none}.loading-svg[data-v-b253c0cf]{display:inline;height:var(--size);width:var(--size);animation:loading-rotate-b253c0cf 2s linear infinite}.path[data-v-b253c0cf]{animation:loading-dash-b253c0cf 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--color);stroke-linecap:round}@keyframes loading-rotate-b253c0cf{to{transform:rotate(360deg)}}@keyframes loading-dash-b253c0cf{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.message-container[data-v-31eeb9bf]{position:fixed;width:85%;max-width:800px;left:50%;bottom:80%;transform:translate(-50%);z-index:1000;line-height:1.2;font-size:15px;display:flex;flex-direction:column;gap:4px;pointer-events:none;color:#fff;text-align:center}.message-container .item[data-v-31eeb9bf]{padding:5px 34px}.message-container .item.info[data-v-31eeb9bf]{background:linear-gradient(90deg,transparent,rgba(64,158,255,.5),rgba(64,158,255,.7),rgba(64,158,255,.9),rgba(64,158,255,.9),rgba(64,158,255,.9),rgba(64,158,255,.7),rgba(64,158,255,.5),transparent)}.message-container .item.success[data-v-31eeb9bf]{background:linear-gradient(90deg,transparent,rgba(57,179,98,.5),rgba(57,179,98,.7),rgba(57,179,98,.9),rgba(57,179,98,.9),rgba(57,179,98,.9),rgba(57,179,98,.7),rgba(57,179,98,.5),transparent)}.message-container .item.warn[data-v-31eeb9bf]{background:linear-gradient(90deg,transparent,rgba(255,130,0,.5),rgba(255,130,0,.7),rgba(255,130,0,.9),rgba(255,130,0,.9),rgba(255,130,0,.9),rgba(255,130,0,.7),rgba(255,130,0,.5),transparent)}.message-container .item.error[data-v-31eeb9bf]{background:linear-gradient(90deg,transparent,rgba(255,51,51,.5),rgba(255,51,51,.7),rgba(255,51,51,.9),rgba(255,51,51,.9),rgba(255,51,51,.9),rgba(255,51,51,.7),rgba(255,51,51,.5),transparent)}.v-enter-active[data-v-31eeb9bf],.v-leave-active[data-v-31eeb9bf]{transition:.5s}.v-move[data-v-31eeb9bf]{transition:.2s}.v-enter-from[data-v-31eeb9bf],.v-leave-to[data-v-31eeb9bf]{opacity:0;transform:scaleY(.5)}.nav-container .nav-container[data-v-bac9170a]{font-size:14px;transition:.4s ease}.nav-container .nav-container .link[data-v-bac9170a]{padding:15px;padding-left:calc(20px + var(--layer) * 15px)}.link[data-v-bac9170a]{padding:20px;display:flex;gap:10px;align-items:center;color:#333;transition:.3s;position:relative}.link[data-v-bac9170a]:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;transform:scaleY(0);background:#409eff;transition:.3s}.link[data-v-bac9170a]:hover{background:#e3f1ff}.link.active[data-v-bac9170a]{color:#409eff;background:#d9ecff}.link.active[data-v-bac9170a]:after{transform:scaleY(1)}.arrow-icon[data-v-bac9170a]{margin-left:auto}.arrow-icon[data-v-bac9170a]:hover{color:#409eff}.pagination-container[data-v-e175d2aa]{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;color:#333}.controls[data-v-e175d2aa]{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}button[data-v-e175d2aa]{padding:6px 10px;cursor:pointer;border-radius:4px;min-width:36px;text-align:center;background:#e6e6e6;color:#333;box-shadow:none;border:1px solid #b3b3b3;transition:.3s}button[data-v-e175d2aa]:hover:not(:disabled){background:#bbb}button[data-v-e175d2aa]:disabled{cursor:not-allowed;opacity:.6}button.active[data-v-e175d2aa]:not(:disabled){background:#2d8cf0;color:#fff}.meta[data-v-e175d2aa]{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.meta select[data-v-e175d2aa]{padding:4px 6px;border:1px solid #dcdcdc;border-radius:4px}input[data-v-e175d2aa]{width:72px;padding:4px 6px;border:1px solid #dcdcdc;border-radius:4px}.warn-container[data-v-0e46cecf]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;height:100%;color:#aaa}.warn-container .icon-container[data-v-0e46cecf]{font-size:3em}.table-container[data-v-f0bc9df0]{width:100%;max-height:100%;overflow:auto;border-radius:4px}.table-inner[data-v-f0bc9df0]{display:table;width:100%}header.row[data-v-f0bc9df0]{display:table-row;background:#dfdfdf;font-weight:700;position:sticky;top:0}header.row .cell[data-v-f0bc9df0]{padding:8px 10px}.row[data-v-f0bc9df0]{display:table-row;transition:.3s}.row[data-v-f0bc9df0]:nth-child(2n){background:#f9f9f9}div.row[data-v-f0bc9df0]:hover{background:#eaeaea}.cell[data-v-f0bc9df0]{display:table-cell;border:1px solid #ddd}.content[data-v-f0bc9df0]{padding:10px;word-break:keep-all;max-height:150px;overflow:hidden auto}.watermark-container[data-v-b86ee0ab]{position:relative;height:100%;overflow:hidden}.switch-container[data-v-f75b2497]{width:46px;height:24px;background:#c4c4c4;border-radius:999px;display:inline-block;align-items:center;position:relative;transition:all .2s cubic-bezier(.27,.2,.25,1.51);cursor:pointer}.switch-container input[data-v-f75b2497]{display:none}.switch-container svg[data-v-f75b2497]{transition:all .2s cubic-bezier(.27,.2,.25,1.51);position:absolute;height:auto}.switch-container .checkmark[data-v-f75b2497]{width:10px;color:#00da50;transform:scale(0)}.switch-container .cross[data-v-f75b2497]{width:6px;color:#c4c4c4}.slider[data-v-f75b2497]{box-sizing:border-box;width:46px;height:24px;background:#c4c4c4;border-radius:999px;display:flex;align-items:center;position:relative;transition:all .2s cubic-bezier(.27,.2,.25,1.51);cursor:pointer}.circle[data-v-f75b2497]{width:18px;height:18px;background:#fff;border-radius:inherit;box-shadow:1px 1px 2px #92929273;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.27,.2,.25,1.51);z-index:1;position:absolute;left:3px}.slider[data-v-f75b2497]:before{content:"";position:absolute;width:9px;height:3.5px;left:7.5px;background:#fff;border-radius:1px;transition:all .2s ease-in-out}.switch-container input:checked+.slider[data-v-f75b2497]{background:#00da50}.switch-container input:checked+.slider .checkmark[data-v-f75b2497]{transform:scale(1)}.switch-container input:checked+.slider .cross[data-v-f75b2497]{transform:scale(0)}.switch-container input:checked+.slider[data-v-f75b2497]:before{left:calc(100% - 16.5px)}.switch-container input:checked+.slider .circle[data-v-f75b2497]{left:calc(100% - 21px);box-shadow:-1px 1px 2px #a3a3a373}.checkbox-container[data-v-d71f306b]{height:100%}.checkbox-container .label[data-v-d71f306b]{display:flex;align-items:center;height:100%;cursor:inherit}.checkbox-container .label input[data-v-d71f306b]{display:none}.checkbox-container .label input:checked+.svg .box[data-v-d71f306b],.checkbox-container .label input:checked+.svg .tick[data-v-d71f306b]{stroke-dashoffset:0}.checkbox-container .label .desc[data-v-d71f306b]{margin-left:5px;padding-right:2px;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkbox-container .label .svg[data-v-d71f306b]{height:70%;margin-left:5px;border-radius:3px}.checkbox-container .label .svg .box[data-v-d71f306b]{stroke:#409eff;stroke-dasharray:800;stroke-dashoffset:800;transition:stroke-dashoffset .6s ease-in}.checkbox-container .label .svg .tick[data-v-d71f306b]{stroke:#409eff;stroke-dasharray:172;stroke-dashoffset:172;transition:stroke-dashoffset .6s ease-in}
|
package/dist/es/tb-ui.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ref as
|
|
1
|
+
import { ref as V, onMounted as Ae, onUnmounted as xe, watchEffect as Fe, createBlock as D, openBlock as c, Transition as Ee, withCtx as B, withDirectives as $, createElementVNode as p, normalizeStyle as pe, renderSlot as ve, vShow as R, createElementBlock as u, normalizeClass as J, useTemplateRef as ze, computed as G, watch as te, createVNode as P, unref as O, mergeProps as Ke, withModifiers as Se, TransitionGroup as He, Fragment as T, renderList as A, createCommentVNode as C, vModelDynamic as Je, toDisplayString as x, createTextVNode as Ge, resolveDynamicComponent as Qe, inject as Ze, provide as et, reactive as tt, resolveComponent as $e, toHandlers as nt, createApp as ke, mergeModels as Ne, useModel as ue, vModelSelect as ot, withKeys as at, vModelText as lt, vModelCheckbox as De, defineComponent as st, h as rt } from "vue";
|
|
2
2
|
import { useRouter as ct, useRoute as it } from "vue-router";
|
|
3
3
|
const _ = {
|
|
4
4
|
disabledCount: 0,
|
|
@@ -11,7 +11,7 @@ const _ = {
|
|
|
11
11
|
// 当前触摸是否在允许元素内
|
|
12
12
|
};
|
|
13
13
|
function Oe(e = {}) {
|
|
14
|
-
const { allowedElements: t, immediate: a = !1 } = e, n = /* @__PURE__ */ new Set(), l =
|
|
14
|
+
const { allowedElements: t, immediate: a = !1 } = e, n = /* @__PURE__ */ new Set(), l = V(!1), s = (o) => {
|
|
15
15
|
if (!o) return null;
|
|
16
16
|
let i = o;
|
|
17
17
|
for (; i; ) {
|
|
@@ -44,7 +44,7 @@ function Oe(e = {}) {
|
|
|
44
44
|
}
|
|
45
45
|
const E = o.touches[0].clientY - _.touchStartY;
|
|
46
46
|
if (Math.abs(E) < 1) return;
|
|
47
|
-
const
|
|
47
|
+
const I = _.touchStartElement, Q = I.scrollTop, fe = I.scrollHeight, he = I.clientHeight, Ue = Q === 0, qe = Math.ceil(Q + he) >= fe, We = E > 0, Xe = E < 0;
|
|
48
48
|
if (Ue && We || qe && Xe)
|
|
49
49
|
o.cancelable && o.preventDefault();
|
|
50
50
|
else
|
|
@@ -55,8 +55,8 @@ function Oe(e = {}) {
|
|
|
55
55
|
if (!["Space", "ArrowUp", "ArrowDown", "PageUp", "PageDown"].includes(o.code)) return;
|
|
56
56
|
const d = s(document.activeElement);
|
|
57
57
|
if (d && f(d)) {
|
|
58
|
-
const E = d.scrollTop,
|
|
59
|
-
(
|
|
58
|
+
const E = d.scrollTop, I = d.scrollHeight, Q = d.clientHeight, fe = E === 0 && (o.code === "ArrowUp" || o.code === "PageUp"), he = Math.ceil(E + Q) >= I && (o.code === "ArrowDown" || o.code === "PageDown" || o.code === "Space");
|
|
59
|
+
(fe || he) && o.cancelable && o.preventDefault();
|
|
60
60
|
return;
|
|
61
61
|
}
|
|
62
62
|
o.cancelable && o.preventDefault();
|
|
@@ -91,7 +91,7 @@ function Oe(e = {}) {
|
|
|
91
91
|
};
|
|
92
92
|
return Ae(() => {
|
|
93
93
|
t && S(t), a && v();
|
|
94
|
-
}),
|
|
94
|
+
}), xe(() => {
|
|
95
95
|
g(), l.value && h();
|
|
96
96
|
}), {
|
|
97
97
|
isDisabled: l,
|
|
@@ -147,21 +147,21 @@ const k = (e, t) => {
|
|
|
147
147
|
const { disableScroll: t, enableScroll: a, updateAllowedElements: n } = Oe(), l = e;
|
|
148
148
|
return Fe(() => {
|
|
149
149
|
l.disableScroll && l.visible ? (t(), n(l.allowScrollEl ? l.allowScrollEl : null)) : a();
|
|
150
|
-
}), (s, f) => (c(),
|
|
150
|
+
}), (s, f) => (c(), D(Ee, {
|
|
151
151
|
name: "modal",
|
|
152
152
|
appear: ""
|
|
153
153
|
}, {
|
|
154
|
-
default:
|
|
154
|
+
default: B(() => [
|
|
155
155
|
$(p("div", {
|
|
156
156
|
class: "modal-container",
|
|
157
|
-
style:
|
|
157
|
+
style: pe({
|
|
158
158
|
"--bg": e.bg,
|
|
159
159
|
"--blur": e.blur ? `${e.blur}px` : "",
|
|
160
160
|
"--z-index": e.zIndex,
|
|
161
161
|
"--duration": `${e.duration}ms`
|
|
162
162
|
})
|
|
163
163
|
}, [
|
|
164
|
-
|
|
164
|
+
ve(s.$slots, "default", {}, void 0, !0)
|
|
165
165
|
], 4), [
|
|
166
166
|
[R, e.visible]
|
|
167
167
|
])
|
|
@@ -193,20 +193,20 @@ const je = (e = 16) => {
|
|
|
193
193
|
return (t, a) => (c(), u("i", {
|
|
194
194
|
class: J(["_icon icon-container", `_icon-${e.type}`])
|
|
195
195
|
}, [
|
|
196
|
-
|
|
196
|
+
ve(t.$slots, "default", {}, void 0, !0)
|
|
197
197
|
], 2));
|
|
198
198
|
}
|
|
199
199
|
}), z = /* @__PURE__ */ k(mt, [["__scopeId", "data-v-288c6a41"]]);
|
|
200
200
|
z.install = function(e) {
|
|
201
201
|
e.component(z.name, z);
|
|
202
202
|
};
|
|
203
|
-
const pt = ["innerHTML"], vt = ["type", "onUpdate:modelValue", "name", "placeholder", "onInput"], ft = { class: "label" }, ht = { class: "msg" }, yt = { class: "total-err" }, gt = ["innerHTML"], bt = ["innerHTML"], wt = { class: "btns" }, _t = ["onClick", "disabled"],
|
|
203
|
+
const pt = ["innerHTML"], vt = ["type", "onUpdate:modelValue", "name", "placeholder", "onInput"], ft = { class: "label" }, ht = { class: "msg" }, yt = { class: "total-err" }, gt = ["innerHTML"], bt = ["innerHTML"], wt = { class: "btns" }, _t = ["onClick", "disabled"], ye = 300, xt = /* @__PURE__ */ Object.assign({
|
|
204
204
|
name: "Dialog"
|
|
205
205
|
}, {
|
|
206
206
|
__name: "index",
|
|
207
207
|
emits: ["destroy"],
|
|
208
208
|
setup(e, { expose: t, emit: a }) {
|
|
209
|
-
const n = ze("content"), l =
|
|
209
|
+
const n = ze("content"), l = V(null), s = a, f = V([]), r = G(() => f.value.at(-1));
|
|
210
210
|
let m;
|
|
211
211
|
const b = (g, o) => ({
|
|
212
212
|
title: "",
|
|
@@ -229,7 +229,7 @@ const pt = ["innerHTML"], vt = ["type", "onUpdate:modelValue", "name", "placehol
|
|
|
229
229
|
o.value = o.value ?? "", o.validate = o.validate ?? ((i) => i === "" ? `请输入${o.label}` : ""), o.placeholder = o.placeholder ?? "请输入";
|
|
230
230
|
}), g.totalErr = "";
|
|
231
231
|
}, M = () => {
|
|
232
|
-
f.value.pop(), r.value || (m = setTimeout(() => s("destroy"),
|
|
232
|
+
f.value.pop(), r.value || (m = setTimeout(() => s("destroy"), ye));
|
|
233
233
|
}, y = (g) => (clearTimeout(m), new Promise((o) => {
|
|
234
234
|
const i = b(g, o);
|
|
235
235
|
g.type === "prompt" && L(i), f.value.push(i);
|
|
@@ -247,7 +247,7 @@ const pt = ["innerHTML"], vt = ["type", "onUpdate:modelValue", "name", "placehol
|
|
|
247
247
|
}, N = () => {
|
|
248
248
|
r.value && (f.value.forEach((g) => {
|
|
249
249
|
g.resolve(!1);
|
|
250
|
-
}), f.value.length = 0, m = setTimeout(() => s("destroy"),
|
|
250
|
+
}), f.value.length = 0, m = setTimeout(() => s("destroy"), ye));
|
|
251
251
|
};
|
|
252
252
|
return te(
|
|
253
253
|
r,
|
|
@@ -260,28 +260,28 @@ const pt = ["innerHTML"], vt = ["type", "onUpdate:modelValue", "name", "placehol
|
|
|
260
260
|
), t({
|
|
261
261
|
open: y,
|
|
262
262
|
destroyAll: N
|
|
263
|
-
}), (g, o) => (c(),
|
|
264
|
-
default:
|
|
265
|
-
$(
|
|
263
|
+
}), (g, o) => (c(), D(Ee, { name: "modal" }, {
|
|
264
|
+
default: B(() => [
|
|
265
|
+
$(P(O(q), Ke({
|
|
266
266
|
class: "dialog-container",
|
|
267
267
|
onClick: Se(H, ["self"]),
|
|
268
|
-
duration:
|
|
268
|
+
duration: ye,
|
|
269
269
|
disableScroll: !0,
|
|
270
270
|
allowScrollEl: l.value
|
|
271
271
|
}, r.value?.modal ? { blur: 2 } : { bg: "rgba(0, 0, 0, 0.3)" }), {
|
|
272
|
-
default:
|
|
273
|
-
|
|
274
|
-
default:
|
|
272
|
+
default: B(() => [
|
|
273
|
+
P(He, { name: "area" }, {
|
|
274
|
+
default: B(() => [
|
|
275
275
|
(c(!0), u(T, null, A(f.value, (i) => (c(), u("div", {
|
|
276
276
|
class: "area",
|
|
277
|
-
style:
|
|
277
|
+
style: pe({ color: i.textColor }),
|
|
278
278
|
key: i.id
|
|
279
279
|
}, [
|
|
280
280
|
i.title ? (c(), u("p", {
|
|
281
281
|
key: 0,
|
|
282
282
|
class: "title",
|
|
283
283
|
innerHTML: i.title
|
|
284
|
-
}, null, 8, pt)) :
|
|
284
|
+
}, null, 8, pt)) : C("", !0),
|
|
285
285
|
i.type === "prompt" ? (c(), u("form", {
|
|
286
286
|
key: 1,
|
|
287
287
|
class: "content",
|
|
@@ -295,24 +295,24 @@ const pt = ["innerHTML"], vt = ["type", "onUpdate:modelValue", "name", "placehol
|
|
|
295
295
|
}, [
|
|
296
296
|
$(p("input", {
|
|
297
297
|
type: d.type,
|
|
298
|
-
"onUpdate:modelValue": (
|
|
298
|
+
"onUpdate:modelValue": (I) => d.value = I,
|
|
299
299
|
name: d.label,
|
|
300
300
|
placeholder: d.placeholder,
|
|
301
|
-
onInput: (
|
|
301
|
+
onInput: (I) => w(d)
|
|
302
302
|
}, null, 40, vt), [
|
|
303
303
|
[Je, d.value]
|
|
304
304
|
]),
|
|
305
305
|
p("span", ft, x(d.label), 1),
|
|
306
306
|
p("span", ht, x(d.msg), 1),
|
|
307
|
-
$(
|
|
307
|
+
$(P(O(z), {
|
|
308
308
|
type: "close",
|
|
309
|
-
onClick: (
|
|
309
|
+
onClick: (I) => d.value = ""
|
|
310
310
|
}, null, 8, ["onClick"]), [
|
|
311
311
|
[R, d.value !== ""]
|
|
312
312
|
])
|
|
313
313
|
], 2))), 128)),
|
|
314
314
|
$(p("p", yt, [
|
|
315
|
-
|
|
315
|
+
P(O(z), { type: "tip" }),
|
|
316
316
|
Ge(" " + x(i.totalErr), 1)
|
|
317
317
|
], 512), [
|
|
318
318
|
[R, i.totalErr]
|
|
@@ -324,19 +324,19 @@ const pt = ["innerHTML"], vt = ["type", "onUpdate:modelValue", "name", "placehol
|
|
|
324
324
|
ref_for: !0,
|
|
325
325
|
ref: "content",
|
|
326
326
|
innerHTML: i.content
|
|
327
|
-
}, null, 8, gt)) :
|
|
327
|
+
}, null, 8, gt)) : C("", !0)
|
|
328
328
|
], 64)),
|
|
329
329
|
i.tip ? (c(), u("p", {
|
|
330
330
|
key: 3,
|
|
331
331
|
class: "tip",
|
|
332
332
|
innerHTML: i.tip
|
|
333
|
-
}, null, 8, bt)) :
|
|
333
|
+
}, null, 8, bt)) : C("", !0),
|
|
334
334
|
p("div", wt, [
|
|
335
335
|
i.type !== "alert" ? (c(), u("button", {
|
|
336
336
|
key: 0,
|
|
337
337
|
class: "btn cancel",
|
|
338
338
|
onClick: S
|
|
339
|
-
}, x(i.cancelText), 1)) :
|
|
339
|
+
}, x(i.cancelText), 1)) : C("", !0),
|
|
340
340
|
p("button", {
|
|
341
341
|
class: J(["btn confirm", { danger: i.danger }]),
|
|
342
342
|
onClick: (d) => i.type === "prompt" ? h() : v(),
|
|
@@ -381,7 +381,7 @@ const Et = ["innerHTML"], kt = /* @__PURE__ */ Object.assign({
|
|
|
381
381
|
setup(e) {
|
|
382
382
|
return (t, a) => (c(), u("div", {
|
|
383
383
|
class: "loading-container",
|
|
384
|
-
style:
|
|
384
|
+
style: pe({ "--size": e.size + "px", "--color": e.color })
|
|
385
385
|
}, [
|
|
386
386
|
a[0] || (a[0] = p("svg", {
|
|
387
387
|
viewBox: "0 0 50 50",
|
|
@@ -410,7 +410,7 @@ const St = ["innerHTML"], $t = 3e3, Tt = 3, Lt = /* @__PURE__ */ Object.assign({
|
|
|
410
410
|
__name: "index",
|
|
411
411
|
emits: ["destroy"],
|
|
412
412
|
setup(e, { expose: t, emit: a }) {
|
|
413
|
-
const n = a, l =
|
|
413
|
+
const n = a, l = V([]);
|
|
414
414
|
let s;
|
|
415
415
|
const f = () => {
|
|
416
416
|
clearTimeout(l.value[0]?.timer), l.value.shift(), !l.value.length && (s = setTimeout(() => n("destroy"), 500));
|
|
@@ -419,11 +419,11 @@ const St = ["innerHTML"], $t = 3e3, Tt = 3, Lt = /* @__PURE__ */ Object.assign({
|
|
|
419
419
|
clearTimeout(s), l.value.length >= Tt && f();
|
|
420
420
|
const w = je(), L = setTimeout(() => f(), $t);
|
|
421
421
|
l.value.push({ id: w, content: m, type: b, timer: L });
|
|
422
|
-
} }), (m, b) => (c(),
|
|
422
|
+
} }), (m, b) => (c(), D(He, {
|
|
423
423
|
tag: "div",
|
|
424
424
|
class: "message-container"
|
|
425
425
|
}, {
|
|
426
|
-
default:
|
|
426
|
+
default: B(() => [
|
|
427
427
|
(c(!0), u(T, null, A(l.value, (w) => (c(), u("div", {
|
|
428
428
|
key: w.id,
|
|
429
429
|
class: J(["item", [w.type]])
|
|
@@ -431,7 +431,7 @@ const St = ["innerHTML"], $t = 3e3, Tt = 3, Lt = /* @__PURE__ */ Object.assign({
|
|
|
431
431
|
typeof w.content == "string" ? (c(), u("span", {
|
|
432
432
|
key: 0,
|
|
433
433
|
innerHTML: w.content
|
|
434
|
-
}, null, 8, St)) : (c(),
|
|
434
|
+
}, null, 8, St)) : (c(), D(Qe(w.content), { key: 1 }))
|
|
435
435
|
], 2))), 128))
|
|
436
436
|
]),
|
|
437
437
|
_: 1
|
|
@@ -476,39 +476,40 @@ const Mt = { class: "text" }, Ct = /* @__PURE__ */ Object.assign({ name: "Nav" }
|
|
|
476
476
|
const r = $e("RouterLink"), m = $e("Nav");
|
|
477
477
|
return c(), u("div", {
|
|
478
478
|
class: "nav-container",
|
|
479
|
-
style:
|
|
479
|
+
style: pe({ "--layer": O(a) })
|
|
480
480
|
}, [
|
|
481
481
|
(c(!0), u(T, null, A(e.list, (b, w) => (c(), u("div", {
|
|
482
482
|
class: "nav-item",
|
|
483
483
|
key: b.path
|
|
484
484
|
}, [
|
|
485
|
-
|
|
485
|
+
P(r, {
|
|
486
486
|
class: "link",
|
|
487
487
|
to: { name: b.name },
|
|
488
488
|
"exact-active-class": "active"
|
|
489
489
|
}, {
|
|
490
|
-
default:
|
|
491
|
-
D(O(z), {
|
|
492
|
-
type: b.meta?.icon
|
|
493
|
-
}, null, 8, ["type"]),
|
|
494
|
-
p("span", Mt, x(b.meta?.title), 1),
|
|
495
|
-
b.children?.length ? (c(), V(O(z), {
|
|
490
|
+
default: B(() => [
|
|
491
|
+
b.meta?.icon ? (c(), D(O(z), {
|
|
496
492
|
key: 0,
|
|
493
|
+
type: b.meta.icon
|
|
494
|
+
}, null, 8, ["type"])) : C("", !0),
|
|
495
|
+
p("span", Mt, x(b.meta?.title), 1),
|
|
496
|
+
b.children?.length ? (c(), D(O(z), {
|
|
497
|
+
key: 1,
|
|
497
498
|
type: n[w] ? "down" : "right",
|
|
498
499
|
class: "arrow-icon",
|
|
499
500
|
onClick: (L) => n[w] = !n[w]
|
|
500
|
-
}, null, 8, ["type", "onClick"])) :
|
|
501
|
+
}, null, 8, ["type", "onClick"])) : C("", !0)
|
|
501
502
|
]),
|
|
502
503
|
_: 2
|
|
503
504
|
}, 1032, ["to"]),
|
|
504
|
-
|
|
505
|
-
default:
|
|
506
|
-
b.children?.length ? $((c(),
|
|
505
|
+
P(Ee, nt(l), {
|
|
506
|
+
default: B(() => [
|
|
507
|
+
b.children?.length ? $((c(), D(m, {
|
|
507
508
|
key: 0,
|
|
508
509
|
list: b.children
|
|
509
510
|
}, null, 8, ["list"])), [
|
|
510
511
|
[R, n[w]]
|
|
511
|
-
]) :
|
|
512
|
+
]) : C("", !0)
|
|
512
513
|
]),
|
|
513
514
|
_: 2
|
|
514
515
|
}, 1040)
|
|
@@ -516,18 +517,18 @@ const Mt = { class: "text" }, Ct = /* @__PURE__ */ Object.assign({ name: "Nav" }
|
|
|
516
517
|
], 4);
|
|
517
518
|
};
|
|
518
519
|
}
|
|
519
|
-
}), ne = /* @__PURE__ */ k(Ct, [["__scopeId", "data-v-
|
|
520
|
+
}), ne = /* @__PURE__ */ k(Ct, [["__scopeId", "data-v-bac9170a"]]);
|
|
520
521
|
ne.install = function(e) {
|
|
521
522
|
e.component(ne.name, ne);
|
|
522
523
|
};
|
|
523
|
-
const
|
|
524
|
+
const ge = document.createElement("div");
|
|
524
525
|
let Y = null, Te = null;
|
|
525
526
|
const Z = (e, t) => {
|
|
526
|
-
Y || (document.body.appendChild(
|
|
527
|
+
Y || (document.body.appendChild(ge), Y = ke(F, {
|
|
527
528
|
onDestroy: () => {
|
|
528
|
-
Y.unmount(), Y = null, document.body.removeChild(
|
|
529
|
+
Y.unmount(), Y = null, document.body.removeChild(ge);
|
|
529
530
|
}
|
|
530
|
-
}), Te = Y.mount(
|
|
531
|
+
}), Te = Y.mount(ge)), Te.add(e, t);
|
|
531
532
|
}, It = {
|
|
532
533
|
success: (e) => {
|
|
533
534
|
Z(e, "success");
|
|
@@ -564,7 +565,7 @@ const Z = (e, t) => {
|
|
|
564
565
|
}),
|
|
565
566
|
emits: ["update:modelValue", "update:pageSize"],
|
|
566
567
|
setup(e) {
|
|
567
|
-
const t = ct(), a = it(), n = ue(e, "modelValue"), l = ue(e, "pageSize"), s = e, f =
|
|
568
|
+
const t = ct(), a = it(), n = ue(e, "modelValue"), l = ue(e, "pageSize"), s = e, f = V("");
|
|
568
569
|
te(l, () => {
|
|
569
570
|
n.value > r.value && m(r.value);
|
|
570
571
|
});
|
|
@@ -632,7 +633,7 @@ const Z = (e, t) => {
|
|
|
632
633
|
disabled: n.value === r.value || !r.value,
|
|
633
634
|
onClick: v[1] || (v[1] = (h) => m(n.value + 1))
|
|
634
635
|
}, " 下一页 ", 8, Dt)
|
|
635
|
-
])) :
|
|
636
|
+
])) : C("", !0),
|
|
636
637
|
p("div", Ot, [
|
|
637
638
|
p("p", null, "共" + x(e.total) + "条,第" + x(n.value) + " / " + x(r.value || 1) + "页", 1),
|
|
638
639
|
$(p("select", {
|
|
@@ -667,9 +668,9 @@ const Z = (e, t) => {
|
|
|
667
668
|
]
|
|
668
669
|
]),
|
|
669
670
|
p("button", { onClick: b }, "跳转")
|
|
670
|
-
], 64)) :
|
|
671
|
+
], 64)) : C("", !0)
|
|
671
672
|
])
|
|
672
|
-
])) :
|
|
673
|
+
])) : C("", !0);
|
|
673
674
|
}
|
|
674
675
|
}), oe = /* @__PURE__ */ k(Bt, [["__scopeId", "data-v-e175d2aa"]]);
|
|
675
676
|
oe.install = function(e) {
|
|
@@ -685,9 +686,9 @@ const Vt = { class: "warn-container" }, Rt = /* @__PURE__ */ Object.assign({ nam
|
|
|
685
686
|
},
|
|
686
687
|
setup(e) {
|
|
687
688
|
return (t, a) => (c(), u("div", Vt, [
|
|
688
|
-
|
|
689
|
+
P(O(z), { type: "tip" }),
|
|
689
690
|
p("p", null, x(e.msg), 1),
|
|
690
|
-
|
|
691
|
+
ve(t.$slots, "default", {}, void 0, !0)
|
|
691
692
|
]));
|
|
692
693
|
}
|
|
693
694
|
}), K = /* @__PURE__ */ k(Rt, [["__scopeId", "data-v-0e46cecf"]]);
|
|
@@ -725,7 +726,7 @@ const Yt = { class: "table-container" }, Ut = {
|
|
|
725
726
|
p("p", Wt, x(s), 1)
|
|
726
727
|
]))), 128))
|
|
727
728
|
]))), 128))
|
|
728
|
-
])) : (c(),
|
|
729
|
+
])) : (c(), D(O(K), { key: 1 }))
|
|
729
730
|
]));
|
|
730
731
|
}
|
|
731
732
|
}), ae = /* @__PURE__ */ k(Xt, [["__scopeId", "data-v-f0bc9df0"]]);
|
|
@@ -735,10 +736,10 @@ ae.install = function(e) {
|
|
|
735
736
|
const Ft = { class: "timer-container" }, le = /* @__PURE__ */ Object.assign({ name: "Timer" }, {
|
|
736
737
|
__name: "index",
|
|
737
738
|
setup(e, { expose: t }) {
|
|
738
|
-
const a =
|
|
739
|
+
const a = V(0);
|
|
739
740
|
let n;
|
|
740
741
|
const l = G(() => s(a.value));
|
|
741
|
-
|
|
742
|
+
xe(() => {
|
|
742
743
|
clearInterval(n);
|
|
743
744
|
});
|
|
744
745
|
const s = () => {
|
|
@@ -818,14 +819,14 @@ const Kt = (e) => G(() => {
|
|
|
818
819
|
childList: !0,
|
|
819
820
|
subtree: !0
|
|
820
821
|
});
|
|
821
|
-
}),
|
|
822
|
+
}), xe(() => {
|
|
822
823
|
f.disconnect();
|
|
823
824
|
}), (r, m) => (c(), u("div", {
|
|
824
825
|
class: "watermark-container",
|
|
825
826
|
ref_key: "parentRef",
|
|
826
827
|
ref: t
|
|
827
828
|
}, [
|
|
828
|
-
|
|
829
|
+
ve(r.$slots, "default", {}, void 0, !0)
|
|
829
830
|
], 512));
|
|
830
831
|
}
|
|
831
832
|
}), se = /* @__PURE__ */ k(Jt, [["__scopeId", "data-v-b86ee0ab"]]);
|
|
@@ -1040,21 +1041,21 @@ const cn = 500, ee = 100, Le = {
|
|
|
1040
1041
|
n.cancel();
|
|
1041
1042
|
}, n.play();
|
|
1042
1043
|
}
|
|
1043
|
-
}, dn = "正在加载...",
|
|
1044
|
+
}, dn = "正在加载...", de = /* @__PURE__ */ new WeakMap(), mn = () => {
|
|
1044
1045
|
const e = document.createElement("div");
|
|
1045
1046
|
return e.style.position = "absolute", e.style.top = "50%", e.style.left = "50%", e.style.transform = "translate(-50%, -50%)", e.style.zIndex = "100", e;
|
|
1046
1047
|
}, Me = (e) => {
|
|
1047
|
-
const t =
|
|
1048
|
-
t && (t.app.unmount(), t.container.remove(), t.changePosition && (e.style.position = ""));
|
|
1048
|
+
const t = de.get(e);
|
|
1049
|
+
t && (t.app.unmount(), t.container.remove(), t.changePosition && (e.style.position = ""), de.delete(e));
|
|
1049
1050
|
}, Ce = (e, t) => {
|
|
1050
1051
|
const a = {};
|
|
1051
1052
|
getComputedStyle(e).position === "static" && (e.style.position = "relative", a.changePosition = !0);
|
|
1052
|
-
const n =
|
|
1053
|
+
const n = V("");
|
|
1053
1054
|
Be(n, t.value);
|
|
1054
1055
|
const l = mn(), s = st({
|
|
1055
1056
|
render: () => rt(X, { text: n.value })
|
|
1056
|
-
}), f =
|
|
1057
|
-
f.mount(l), e.appendChild(l), a.container = l, a.app = f, a.textRef = n,
|
|
1057
|
+
}), f = ke(s);
|
|
1058
|
+
f.mount(l), e.appendChild(l), a.container = l, a.app = f, a.textRef = n, de.set(e, a);
|
|
1058
1059
|
}, Be = (e, t) => {
|
|
1059
1060
|
t === !0 ? e.value = dn : e.value = t;
|
|
1060
1061
|
}, pn = {
|
|
@@ -1067,16 +1068,16 @@ const cn = 500, ee = 100, Le = {
|
|
|
1067
1068
|
Me(e);
|
|
1068
1069
|
return;
|
|
1069
1070
|
}
|
|
1070
|
-
const a =
|
|
1071
|
+
const a = de.get(e);
|
|
1071
1072
|
a ? Be(a.textRef, t.value) : Ce(e, t);
|
|
1072
1073
|
},
|
|
1073
1074
|
unmounted(e) {
|
|
1074
1075
|
Me(e);
|
|
1075
1076
|
}
|
|
1076
|
-
}, vn = 600, Ve = 100, Re = /* @__PURE__ */ new WeakMap(),
|
|
1077
|
+
}, vn = 600, Ve = 100, Re = /* @__PURE__ */ new WeakMap(), _e = new IntersectionObserver((e) => {
|
|
1077
1078
|
for (const t of e) {
|
|
1078
1079
|
const a = Re.get(t.target);
|
|
1079
|
-
a && t.isIntersecting && (a.play(),
|
|
1080
|
+
a && t.isIntersecting && (a.play(), _e.unobserve(t.target));
|
|
1080
1081
|
}
|
|
1081
1082
|
}), fn = (e) => e.getBoundingClientRect().top - Ve > window.innerHeight, hn = {
|
|
1082
1083
|
name: "slide-in",
|
|
@@ -1103,10 +1104,10 @@ const cn = 500, ee = 100, Le = {
|
|
|
1103
1104
|
);
|
|
1104
1105
|
a.pause(), a.onfinish = () => {
|
|
1105
1106
|
a.cancel();
|
|
1106
|
-
}, Re.set(e, a),
|
|
1107
|
+
}, Re.set(e, a), _e.observe(e);
|
|
1107
1108
|
},
|
|
1108
1109
|
unmounted(e) {
|
|
1109
|
-
|
|
1110
|
+
_e.unobserve(e);
|
|
1110
1111
|
}
|
|
1111
1112
|
}, yn = {
|
|
1112
1113
|
name: "text-jump",
|
|
@@ -1197,8 +1198,8 @@ const ie = /* @__PURE__ */ new WeakMap(), Ie = () => j || (j = new IntersectionO
|
|
|
1197
1198
|
j && e instanceof HTMLImageElement && (j.unobserve(e), ie.delete(e));
|
|
1198
1199
|
}
|
|
1199
1200
|
};
|
|
1200
|
-
let U = null,
|
|
1201
|
-
const
|
|
1201
|
+
let U = null, me = null;
|
|
1202
|
+
const be = document.createElement("div"), Ye = (e) => typeof e == "object" && e !== null, wn = (e, t) => (!Ye(e) && (e = { content: e }), t === "prompt" && _n(e), e.type = t, e), _n = (e) => {
|
|
1202
1203
|
if (!Array.isArray(e.content))
|
|
1203
1204
|
throw new Error("Prompt content must be an array");
|
|
1204
1205
|
e.content = e.content.map((t) => {
|
|
@@ -1209,22 +1210,22 @@ const ge = document.createElement("div"), Ye = (e) => typeof e == "object" && e
|
|
|
1209
1210
|
throw new Error("Prompt content must be an array of strings or objects");
|
|
1210
1211
|
});
|
|
1211
1212
|
}, xn = () => {
|
|
1212
|
-
U || (document.body.appendChild(
|
|
1213
|
+
U || (document.body.appendChild(be), U = ke(W, {
|
|
1213
1214
|
onDestroy: () => {
|
|
1214
|
-
U.unmount(), U = null, document.body.removeChild(
|
|
1215
|
+
U.unmount(), U = null, document.body.removeChild(be);
|
|
1215
1216
|
}
|
|
1216
|
-
}),
|
|
1217
|
-
},
|
|
1217
|
+
}), me = U.mount(be));
|
|
1218
|
+
}, we = (e, t) => {
|
|
1218
1219
|
xn();
|
|
1219
1220
|
const a = wn(e, t);
|
|
1220
|
-
return
|
|
1221
|
+
return me.open(a);
|
|
1221
1222
|
}, Mn = {
|
|
1222
1223
|
destroy: () => {
|
|
1223
|
-
|
|
1224
|
+
me && me.destroyAll();
|
|
1224
1225
|
},
|
|
1225
|
-
confirm: (e) =>
|
|
1226
|
-
alert: (e) =>
|
|
1227
|
-
prompt: (e) =>
|
|
1226
|
+
confirm: (e) => we(e, "confirm"),
|
|
1227
|
+
alert: (e) => we(e, "alert"),
|
|
1228
|
+
prompt: (e) => we(e, "prompt")
|
|
1228
1229
|
}, En = [
|
|
1229
1230
|
W,
|
|
1230
1231
|
z,
|
package/dist/umd/tb-ui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit}input,textarea,button,select{border:none;margin:0;-webkit-appearance:none;appearance:none;border-radius:0;background:transparent}input:focus,textarea:focus,button:focus,select:focus{outline:none;outline-offset:0}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}.modal-container[data-v-eff05c57]{position:fixed;inset:0;background:var(--bg, rgba(0, 0, 0, .5));-webkit-backdrop-filter:blur(var(--blur, 0px));backdrop-filter:blur(var(--blur, 0px));z-index:var(--z-index, 1000);display:flex;align-items:center;justify-content:center}.modal-enter-active[data-v-eff05c57],.modal-leave-active[data-v-eff05c57]{transition:var(--duration)}.modal-enter-from[data-v-eff05c57],.modal-leave-to[data-v-eff05c57]{background:transparent}@font-face{font-family:_icon;src:url(//at.alicdn.com/t/c/font_4937687_e276hihhdas.woff2?t=1756650184085) format("woff2"),url(//at.alicdn.com/t/c/font_4937687_e276hihhdas.woff?t=1756650184085) format("woff"),url(//at.alicdn.com/t/c/font_4937687_e276hihhdas.ttf?t=1756650184085) format("truetype");font-display:block}._icon[data-v-288c6a41]{font-family:_icon!important;font-style:normal;font-size:inherit;display:inline-block}._icon._icon-tool[data-v-288c6a41]:before{content:""}._icon._icon-game[data-v-288c6a41]:before{content:""}._icon._icon-info[data-v-288c6a41]:before{content:""}._icon._icon-avatar[data-v-288c6a41]:before{content:""}._icon._icon-2048[data-v-288c6a41]:before{content:""}._icon._icon-box[data-v-288c6a41]:before{content:""}._icon._icon-klotski[data-v-288c6a41]:before{content:""}._icon._icon-home[data-v-288c6a41]:before{content:""}._icon._icon-snake[data-v-288c6a41]:before{content:""}._icon._icon-mine[data-v-288c6a41]:before{content:""}._icon._icon-nav[data-v-288c6a41]:before{content:""}._icon._icon-search[data-v-288c6a41]:before{content:""}._icon._icon-delete[data-v-288c6a41]:before{content:""}._icon._icon-up[data-v-288c6a41],._icon._icon-down[data-v-288c6a41],._icon._icon-left[data-v-288c6a41],._icon._icon-right[data-v-288c6a41]{transition:.3s}._icon._icon-up[data-v-288c6a41]:before,._icon._icon-down[data-v-288c6a41]:before,._icon._icon-left[data-v-288c6a41]:before,._icon._icon-right[data-v-288c6a41]:before{content:""}._icon._icon-down[data-v-288c6a41]{transform:rotate(180deg)}._icon._icon-left[data-v-288c6a41]{transform:rotate(270deg)}._icon._icon-right[data-v-288c6a41]{transform:rotate(90deg)}._icon._icon-music[data-v-288c6a41]:before{content:""}._icon._icon-more[data-v-288c6a41]:before{content:""}._icon._icon-close[data-v-288c6a41]:before{content:""}._icon._icon-yes[data-v-288c6a41]:before{content:""}._icon._icon-no[data-v-288c6a41]:before{content:""}._icon._icon-ask[data-v-288c6a41]:before{content:""}._icon._icon-tip[data-v-288c6a41]:before{content:""}.dialog-container[data-v-876a5595]{position:fixed;inset:0;-webkit-user-select:none;user-select:none;z-index:999}.dialog-container .area[data-v-876a5595]{position:absolute;width:80%;max-width:380px;min-width:200px;background:#eee;border-radius:10px;box-sizing:border-box;padding-top:22px;box-shadow:0 0 5px #0000001a;text-align:center;word-break:break-word;overflow:hidden;color:#444}.dialog-container .area .title[data-v-876a5595]{font-size:18px;font-weight:600;margin-bottom:10px;padding:0 20px}.dialog-container .area .content[data-v-876a5595]{line-height:1.5;padding:0 20px;max-height:50vh;overflow:auto}.dialog-container .area .content .input-item[data-v-876a5595]{display:block;width:95%;margin:10px auto;position:relative}.dialog-container .area .content .input-item input[data-v-876a5595]{display:block;width:100%;height:40px;line-height:40px;padding:0 25px 0 10px;background:transparent;border:1px solid #aaa;border-radius:10px;box-sizing:border-box;transition:.3s ease-in-out}.dialog-container .area .content .input-item input[data-v-876a5595]::placeholder{color:#aaa}.dialog-container .area .content .input-item input[data-v-876a5595]:focus{border-color:#08f}.dialog-container .area .content .input-item input:focus~.label[data-v-876a5595]{color:#08f}.dialog-container .area .content .input-item .label[data-v-876a5595]{position:absolute;left:5px;top:-8px;color:#aaa;transition:.3s ease-in-out;pointer-events:none;padding:0 5px;box-sizing:border-box;font-size:12px;line-height:16px;background:#eee;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialog-container .area .content .input-item .msg[data-v-876a5595]{display:none;font-size:12px;padding:0 5px;color:#ff4d4f;text-align:left}.dialog-container .area .content .input-item .icon-container[data-v-876a5595]{position:absolute;right:5px;top:5px;cursor:pointer;width:20px;height:20px;font-size:20px;color:#aaa}.dialog-container .area .content .input-item .icon-container[data-v-876a5595]:hover{color:#ff4d4f}.dialog-container .area .content .input-item.error input[data-v-876a5595]{border-color:#ff4d4f}.dialog-container .area .content .input-item.error input~.label[data-v-876a5595]{color:#ff4d4f}.dialog-container .area .content .input-item.error .msg[data-v-876a5595]{display:block}.dialog-container .area .content .total-err[data-v-876a5595]{color:#ff4d4f;font-size:14px}.dialog-container .area .tip[data-v-876a5595]{font-size:12px;color:#888;line-height:1.4;margin-top:5px;max-height:30vh;overflow:auto}.dialog-container .area .btns[data-v-876a5595]{border-top:1px solid #ccc;margin-top:15px;display:flex}.dialog-container .area .btns .btn[data-v-876a5595]{flex:1;padding:16px 10px;cursor:pointer;font-size:14px;border-radius:0;transition:.1s ease-in-out;box-shadow:unset;background:#eee}.dialog-container .area .btns .btn[data-v-876a5595]:hover:not(:disabled){background:#ddd}.dialog-container .area .btns .btn.confirm[data-v-876a5595]{font-weight:700;color:#2691ff}.dialog-container .area .btns .btn.confirm.danger[data-v-876a5595]{color:#ff4d4f}.dialog-container .area .btns .btn.confirm[data-v-876a5595]:disabled{cursor:not-allowed;color:#aaa}.dialog-container .area .btns .btn.cancel[data-v-876a5595]{color:#444;border-right:1px solid #ccc}.modal-enter-active[data-v-876a5595],.modal-leave-active[data-v-876a5595]{transition:var(--duration)}.modal-enter-from[data-v-876a5595],.modal-leave-to[data-v-876a5595]{background:transparent}.area-enter-active[data-v-876a5595],.area-leave-active[data-v-876a5595]{transition:var(--duration) cubic-bezier(.5,1.75,.5,1)}.area-enter-from[data-v-876a5595],.area-leave-to[data-v-876a5595]{opacity:0;transform:scale(.8)}.loading-container[data-v-b253c0cf]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color);gap:10px;white-space:nowrap;text-align:center;pointer-events:none}.loading-svg[data-v-b253c0cf]{display:inline;height:var(--size);width:var(--size);animation:loading-rotate-b253c0cf 2s linear infinite}.path[data-v-b253c0cf]{animation:loading-dash-b253c0cf 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--color);stroke-linecap:round}@keyframes loading-rotate-b253c0cf{to{transform:rotate(360deg)}}@keyframes loading-dash-b253c0cf{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.message-container[data-v-31eeb9bf]{position:fixed;width:85%;max-width:800px;left:50%;bottom:80%;transform:translate(-50%);z-index:1000;line-height:1.2;font-size:15px;display:flex;flex-direction:column;gap:4px;pointer-events:none;color:#fff;text-align:center}.message-container .item[data-v-31eeb9bf]{padding:5px 34px}.message-container .item.info[data-v-31eeb9bf]{background:linear-gradient(90deg,transparent,rgba(64,158,255,.5),rgba(64,158,255,.7),rgba(64,158,255,.9),rgba(64,158,255,.9),rgba(64,158,255,.9),rgba(64,158,255,.7),rgba(64,158,255,.5),transparent)}.message-container .item.success[data-v-31eeb9bf]{background:linear-gradient(90deg,transparent,rgba(57,179,98,.5),rgba(57,179,98,.7),rgba(57,179,98,.9),rgba(57,179,98,.9),rgba(57,179,98,.9),rgba(57,179,98,.7),rgba(57,179,98,.5),transparent)}.message-container .item.warn[data-v-31eeb9bf]{background:linear-gradient(90deg,transparent,rgba(255,130,0,.5),rgba(255,130,0,.7),rgba(255,130,0,.9),rgba(255,130,0,.9),rgba(255,130,0,.9),rgba(255,130,0,.7),rgba(255,130,0,.5),transparent)}.message-container .item.error[data-v-31eeb9bf]{background:linear-gradient(90deg,transparent,rgba(255,51,51,.5),rgba(255,51,51,.7),rgba(255,51,51,.9),rgba(255,51,51,.9),rgba(255,51,51,.9),rgba(255,51,51,.7),rgba(255,51,51,.5),transparent)}.v-enter-active[data-v-31eeb9bf],.v-leave-active[data-v-31eeb9bf]{transition:.5s}.v-move[data-v-31eeb9bf]{transition:.2s}.v-enter-from[data-v-31eeb9bf],.v-leave-to[data-v-31eeb9bf]{opacity:0;transform:scaleY(.5)}.nav-container .nav-container[data-v-69d79c4b]{font-size:14px;transition:.4s ease}.nav-container .nav-container .link[data-v-69d79c4b]{padding:15px;padding-left:calc(20px + var(--layer) * 15px)}.link[data-v-69d79c4b]{padding:20px;display:flex;gap:10px;align-items:center;color:#333;transition:.3s;position:relative}.link[data-v-69d79c4b]:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;transform:scaleY(0);background:#409eff;transition:.3s}.link[data-v-69d79c4b]:hover{background:#e3f1ff}.link.active[data-v-69d79c4b]{color:#409eff;background:#d9ecff}.link.active[data-v-69d79c4b]:after{transform:scaleY(1)}.arrow-icon[data-v-69d79c4b]{margin-left:auto}.arrow-icon[data-v-69d79c4b]:hover{color:#409eff}.pagination-container[data-v-e175d2aa]{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;color:#333}.controls[data-v-e175d2aa]{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}button[data-v-e175d2aa]{padding:6px 10px;cursor:pointer;border-radius:4px;min-width:36px;text-align:center;background:#e6e6e6;color:#333;box-shadow:none;border:1px solid #b3b3b3;transition:.3s}button[data-v-e175d2aa]:hover:not(:disabled){background:#bbb}button[data-v-e175d2aa]:disabled{cursor:not-allowed;opacity:.6}button.active[data-v-e175d2aa]:not(:disabled){background:#2d8cf0;color:#fff}.meta[data-v-e175d2aa]{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.meta select[data-v-e175d2aa]{padding:4px 6px;border:1px solid #dcdcdc;border-radius:4px}input[data-v-e175d2aa]{width:72px;padding:4px 6px;border:1px solid #dcdcdc;border-radius:4px}.warn-container[data-v-0e46cecf]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;height:100%;color:#aaa}.warn-container .icon-container[data-v-0e46cecf]{font-size:3em}.table-container[data-v-f0bc9df0]{width:100%;max-height:100%;overflow:auto;border-radius:4px}.table-inner[data-v-f0bc9df0]{display:table;width:100%}header.row[data-v-f0bc9df0]{display:table-row;background:#dfdfdf;font-weight:700;position:sticky;top:0}header.row .cell[data-v-f0bc9df0]{padding:8px 10px}.row[data-v-f0bc9df0]{display:table-row;transition:.3s}.row[data-v-f0bc9df0]:nth-child(2n){background:#f9f9f9}div.row[data-v-f0bc9df0]:hover{background:#eaeaea}.cell[data-v-f0bc9df0]{display:table-cell;border:1px solid #ddd}.content[data-v-f0bc9df0]{padding:10px;word-break:keep-all;max-height:150px;overflow:hidden auto}.watermark-container[data-v-b86ee0ab]{position:relative;height:100%;overflow:hidden}.switch-container[data-v-f75b2497]{width:46px;height:24px;background:#c4c4c4;border-radius:999px;display:inline-block;align-items:center;position:relative;transition:all .2s cubic-bezier(.27,.2,.25,1.51);cursor:pointer}.switch-container input[data-v-f75b2497]{display:none}.switch-container svg[data-v-f75b2497]{transition:all .2s cubic-bezier(.27,.2,.25,1.51);position:absolute;height:auto}.switch-container .checkmark[data-v-f75b2497]{width:10px;color:#00da50;transform:scale(0)}.switch-container .cross[data-v-f75b2497]{width:6px;color:#c4c4c4}.slider[data-v-f75b2497]{box-sizing:border-box;width:46px;height:24px;background:#c4c4c4;border-radius:999px;display:flex;align-items:center;position:relative;transition:all .2s cubic-bezier(.27,.2,.25,1.51);cursor:pointer}.circle[data-v-f75b2497]{width:18px;height:18px;background:#fff;border-radius:inherit;box-shadow:1px 1px 2px #92929273;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.27,.2,.25,1.51);z-index:1;position:absolute;left:3px}.slider[data-v-f75b2497]:before{content:"";position:absolute;width:9px;height:3.5px;left:7.5px;background:#fff;border-radius:1px;transition:all .2s ease-in-out}.switch-container input:checked+.slider[data-v-f75b2497]{background:#00da50}.switch-container input:checked+.slider .checkmark[data-v-f75b2497]{transform:scale(1)}.switch-container input:checked+.slider .cross[data-v-f75b2497]{transform:scale(0)}.switch-container input:checked+.slider[data-v-f75b2497]:before{left:calc(100% - 16.5px)}.switch-container input:checked+.slider .circle[data-v-f75b2497]{left:calc(100% - 21px);box-shadow:-1px 1px 2px #a3a3a373}.checkbox-container[data-v-d71f306b]{height:100%}.checkbox-container .label[data-v-d71f306b]{display:flex;align-items:center;height:100%;cursor:inherit}.checkbox-container .label input[data-v-d71f306b]{display:none}.checkbox-container .label input:checked+.svg .box[data-v-d71f306b],.checkbox-container .label input:checked+.svg .tick[data-v-d71f306b]{stroke-dashoffset:0}.checkbox-container .label .desc[data-v-d71f306b]{margin-left:5px;padding-right:2px;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkbox-container .label .svg[data-v-d71f306b]{height:70%;margin-left:5px;border-radius:3px}.checkbox-container .label .svg .box[data-v-d71f306b]{stroke:#409eff;stroke-dasharray:800;stroke-dashoffset:800;transition:stroke-dashoffset .6s ease-in}.checkbox-container .label .svg .tick[data-v-d71f306b]{stroke:#409eff;stroke-dasharray:172;stroke-dashoffset:172;transition:stroke-dashoffset .6s ease-in}
|
|
1
|
+
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit}input,textarea,button,select{border:none;margin:0;-webkit-appearance:none;appearance:none;border-radius:0;background:transparent}input:focus,textarea:focus,button:focus,select:focus{outline:none;outline-offset:0}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}.modal-container[data-v-eff05c57]{position:fixed;inset:0;background:var(--bg, rgba(0, 0, 0, .5));-webkit-backdrop-filter:blur(var(--blur, 0px));backdrop-filter:blur(var(--blur, 0px));z-index:var(--z-index, 1000);display:flex;align-items:center;justify-content:center}.modal-enter-active[data-v-eff05c57],.modal-leave-active[data-v-eff05c57]{transition:var(--duration)}.modal-enter-from[data-v-eff05c57],.modal-leave-to[data-v-eff05c57]{background:transparent}@font-face{font-family:_icon;src:url(//at.alicdn.com/t/c/font_4937687_e276hihhdas.woff2?t=1756650184085) format("woff2"),url(//at.alicdn.com/t/c/font_4937687_e276hihhdas.woff?t=1756650184085) format("woff"),url(//at.alicdn.com/t/c/font_4937687_e276hihhdas.ttf?t=1756650184085) format("truetype");font-display:block}._icon[data-v-288c6a41]{font-family:_icon!important;font-style:normal;font-size:inherit;display:inline-block}._icon._icon-tool[data-v-288c6a41]:before{content:""}._icon._icon-game[data-v-288c6a41]:before{content:""}._icon._icon-info[data-v-288c6a41]:before{content:""}._icon._icon-avatar[data-v-288c6a41]:before{content:""}._icon._icon-2048[data-v-288c6a41]:before{content:""}._icon._icon-box[data-v-288c6a41]:before{content:""}._icon._icon-klotski[data-v-288c6a41]:before{content:""}._icon._icon-home[data-v-288c6a41]:before{content:""}._icon._icon-snake[data-v-288c6a41]:before{content:""}._icon._icon-mine[data-v-288c6a41]:before{content:""}._icon._icon-nav[data-v-288c6a41]:before{content:""}._icon._icon-search[data-v-288c6a41]:before{content:""}._icon._icon-delete[data-v-288c6a41]:before{content:""}._icon._icon-up[data-v-288c6a41],._icon._icon-down[data-v-288c6a41],._icon._icon-left[data-v-288c6a41],._icon._icon-right[data-v-288c6a41]{transition:.3s}._icon._icon-up[data-v-288c6a41]:before,._icon._icon-down[data-v-288c6a41]:before,._icon._icon-left[data-v-288c6a41]:before,._icon._icon-right[data-v-288c6a41]:before{content:""}._icon._icon-down[data-v-288c6a41]{transform:rotate(180deg)}._icon._icon-left[data-v-288c6a41]{transform:rotate(270deg)}._icon._icon-right[data-v-288c6a41]{transform:rotate(90deg)}._icon._icon-music[data-v-288c6a41]:before{content:""}._icon._icon-more[data-v-288c6a41]:before{content:""}._icon._icon-close[data-v-288c6a41]:before{content:""}._icon._icon-yes[data-v-288c6a41]:before{content:""}._icon._icon-no[data-v-288c6a41]:before{content:""}._icon._icon-ask[data-v-288c6a41]:before{content:""}._icon._icon-tip[data-v-288c6a41]:before{content:""}.dialog-container[data-v-876a5595]{position:fixed;inset:0;-webkit-user-select:none;user-select:none;z-index:999}.dialog-container .area[data-v-876a5595]{position:absolute;width:80%;max-width:380px;min-width:200px;background:#eee;border-radius:10px;box-sizing:border-box;padding-top:22px;box-shadow:0 0 5px #0000001a;text-align:center;word-break:break-word;overflow:hidden;color:#444}.dialog-container .area .title[data-v-876a5595]{font-size:18px;font-weight:600;margin-bottom:10px;padding:0 20px}.dialog-container .area .content[data-v-876a5595]{line-height:1.5;padding:0 20px;max-height:50vh;overflow:auto}.dialog-container .area .content .input-item[data-v-876a5595]{display:block;width:95%;margin:10px auto;position:relative}.dialog-container .area .content .input-item input[data-v-876a5595]{display:block;width:100%;height:40px;line-height:40px;padding:0 25px 0 10px;background:transparent;border:1px solid #aaa;border-radius:10px;box-sizing:border-box;transition:.3s ease-in-out}.dialog-container .area .content .input-item input[data-v-876a5595]::placeholder{color:#aaa}.dialog-container .area .content .input-item input[data-v-876a5595]:focus{border-color:#08f}.dialog-container .area .content .input-item input:focus~.label[data-v-876a5595]{color:#08f}.dialog-container .area .content .input-item .label[data-v-876a5595]{position:absolute;left:5px;top:-8px;color:#aaa;transition:.3s ease-in-out;pointer-events:none;padding:0 5px;box-sizing:border-box;font-size:12px;line-height:16px;background:#eee;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialog-container .area .content .input-item .msg[data-v-876a5595]{display:none;font-size:12px;padding:0 5px;color:#ff4d4f;text-align:left}.dialog-container .area .content .input-item .icon-container[data-v-876a5595]{position:absolute;right:5px;top:5px;cursor:pointer;width:20px;height:20px;font-size:20px;color:#aaa}.dialog-container .area .content .input-item .icon-container[data-v-876a5595]:hover{color:#ff4d4f}.dialog-container .area .content .input-item.error input[data-v-876a5595]{border-color:#ff4d4f}.dialog-container .area .content .input-item.error input~.label[data-v-876a5595]{color:#ff4d4f}.dialog-container .area .content .input-item.error .msg[data-v-876a5595]{display:block}.dialog-container .area .content .total-err[data-v-876a5595]{color:#ff4d4f;font-size:14px}.dialog-container .area .tip[data-v-876a5595]{font-size:12px;color:#888;line-height:1.4;margin-top:5px;max-height:30vh;overflow:auto}.dialog-container .area .btns[data-v-876a5595]{border-top:1px solid #ccc;margin-top:15px;display:flex}.dialog-container .area .btns .btn[data-v-876a5595]{flex:1;padding:16px 10px;cursor:pointer;font-size:14px;border-radius:0;transition:.1s ease-in-out;box-shadow:unset;background:#eee}.dialog-container .area .btns .btn[data-v-876a5595]:hover:not(:disabled){background:#ddd}.dialog-container .area .btns .btn.confirm[data-v-876a5595]{font-weight:700;color:#2691ff}.dialog-container .area .btns .btn.confirm.danger[data-v-876a5595]{color:#ff4d4f}.dialog-container .area .btns .btn.confirm[data-v-876a5595]:disabled{cursor:not-allowed;color:#aaa}.dialog-container .area .btns .btn.cancel[data-v-876a5595]{color:#444;border-right:1px solid #ccc}.modal-enter-active[data-v-876a5595],.modal-leave-active[data-v-876a5595]{transition:var(--duration)}.modal-enter-from[data-v-876a5595],.modal-leave-to[data-v-876a5595]{background:transparent}.area-enter-active[data-v-876a5595],.area-leave-active[data-v-876a5595]{transition:var(--duration) cubic-bezier(.5,1.75,.5,1)}.area-enter-from[data-v-876a5595],.area-leave-to[data-v-876a5595]{opacity:0;transform:scale(.8)}.loading-container[data-v-b253c0cf]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color);gap:10px;white-space:nowrap;text-align:center;pointer-events:none}.loading-svg[data-v-b253c0cf]{display:inline;height:var(--size);width:var(--size);animation:loading-rotate-b253c0cf 2s linear infinite}.path[data-v-b253c0cf]{animation:loading-dash-b253c0cf 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--color);stroke-linecap:round}@keyframes loading-rotate-b253c0cf{to{transform:rotate(360deg)}}@keyframes loading-dash-b253c0cf{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.message-container[data-v-31eeb9bf]{position:fixed;width:85%;max-width:800px;left:50%;bottom:80%;transform:translate(-50%);z-index:1000;line-height:1.2;font-size:15px;display:flex;flex-direction:column;gap:4px;pointer-events:none;color:#fff;text-align:center}.message-container .item[data-v-31eeb9bf]{padding:5px 34px}.message-container .item.info[data-v-31eeb9bf]{background:linear-gradient(90deg,transparent,rgba(64,158,255,.5),rgba(64,158,255,.7),rgba(64,158,255,.9),rgba(64,158,255,.9),rgba(64,158,255,.9),rgba(64,158,255,.7),rgba(64,158,255,.5),transparent)}.message-container .item.success[data-v-31eeb9bf]{background:linear-gradient(90deg,transparent,rgba(57,179,98,.5),rgba(57,179,98,.7),rgba(57,179,98,.9),rgba(57,179,98,.9),rgba(57,179,98,.9),rgba(57,179,98,.7),rgba(57,179,98,.5),transparent)}.message-container .item.warn[data-v-31eeb9bf]{background:linear-gradient(90deg,transparent,rgba(255,130,0,.5),rgba(255,130,0,.7),rgba(255,130,0,.9),rgba(255,130,0,.9),rgba(255,130,0,.9),rgba(255,130,0,.7),rgba(255,130,0,.5),transparent)}.message-container .item.error[data-v-31eeb9bf]{background:linear-gradient(90deg,transparent,rgba(255,51,51,.5),rgba(255,51,51,.7),rgba(255,51,51,.9),rgba(255,51,51,.9),rgba(255,51,51,.9),rgba(255,51,51,.7),rgba(255,51,51,.5),transparent)}.v-enter-active[data-v-31eeb9bf],.v-leave-active[data-v-31eeb9bf]{transition:.5s}.v-move[data-v-31eeb9bf]{transition:.2s}.v-enter-from[data-v-31eeb9bf],.v-leave-to[data-v-31eeb9bf]{opacity:0;transform:scaleY(.5)}.nav-container .nav-container[data-v-bac9170a]{font-size:14px;transition:.4s ease}.nav-container .nav-container .link[data-v-bac9170a]{padding:15px;padding-left:calc(20px + var(--layer) * 15px)}.link[data-v-bac9170a]{padding:20px;display:flex;gap:10px;align-items:center;color:#333;transition:.3s;position:relative}.link[data-v-bac9170a]:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;transform:scaleY(0);background:#409eff;transition:.3s}.link[data-v-bac9170a]:hover{background:#e3f1ff}.link.active[data-v-bac9170a]{color:#409eff;background:#d9ecff}.link.active[data-v-bac9170a]:after{transform:scaleY(1)}.arrow-icon[data-v-bac9170a]{margin-left:auto}.arrow-icon[data-v-bac9170a]:hover{color:#409eff}.pagination-container[data-v-e175d2aa]{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;color:#333}.controls[data-v-e175d2aa]{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}button[data-v-e175d2aa]{padding:6px 10px;cursor:pointer;border-radius:4px;min-width:36px;text-align:center;background:#e6e6e6;color:#333;box-shadow:none;border:1px solid #b3b3b3;transition:.3s}button[data-v-e175d2aa]:hover:not(:disabled){background:#bbb}button[data-v-e175d2aa]:disabled{cursor:not-allowed;opacity:.6}button.active[data-v-e175d2aa]:not(:disabled){background:#2d8cf0;color:#fff}.meta[data-v-e175d2aa]{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.meta select[data-v-e175d2aa]{padding:4px 6px;border:1px solid #dcdcdc;border-radius:4px}input[data-v-e175d2aa]{width:72px;padding:4px 6px;border:1px solid #dcdcdc;border-radius:4px}.warn-container[data-v-0e46cecf]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;height:100%;color:#aaa}.warn-container .icon-container[data-v-0e46cecf]{font-size:3em}.table-container[data-v-f0bc9df0]{width:100%;max-height:100%;overflow:auto;border-radius:4px}.table-inner[data-v-f0bc9df0]{display:table;width:100%}header.row[data-v-f0bc9df0]{display:table-row;background:#dfdfdf;font-weight:700;position:sticky;top:0}header.row .cell[data-v-f0bc9df0]{padding:8px 10px}.row[data-v-f0bc9df0]{display:table-row;transition:.3s}.row[data-v-f0bc9df0]:nth-child(2n){background:#f9f9f9}div.row[data-v-f0bc9df0]:hover{background:#eaeaea}.cell[data-v-f0bc9df0]{display:table-cell;border:1px solid #ddd}.content[data-v-f0bc9df0]{padding:10px;word-break:keep-all;max-height:150px;overflow:hidden auto}.watermark-container[data-v-b86ee0ab]{position:relative;height:100%;overflow:hidden}.switch-container[data-v-f75b2497]{width:46px;height:24px;background:#c4c4c4;border-radius:999px;display:inline-block;align-items:center;position:relative;transition:all .2s cubic-bezier(.27,.2,.25,1.51);cursor:pointer}.switch-container input[data-v-f75b2497]{display:none}.switch-container svg[data-v-f75b2497]{transition:all .2s cubic-bezier(.27,.2,.25,1.51);position:absolute;height:auto}.switch-container .checkmark[data-v-f75b2497]{width:10px;color:#00da50;transform:scale(0)}.switch-container .cross[data-v-f75b2497]{width:6px;color:#c4c4c4}.slider[data-v-f75b2497]{box-sizing:border-box;width:46px;height:24px;background:#c4c4c4;border-radius:999px;display:flex;align-items:center;position:relative;transition:all .2s cubic-bezier(.27,.2,.25,1.51);cursor:pointer}.circle[data-v-f75b2497]{width:18px;height:18px;background:#fff;border-radius:inherit;box-shadow:1px 1px 2px #92929273;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.27,.2,.25,1.51);z-index:1;position:absolute;left:3px}.slider[data-v-f75b2497]:before{content:"";position:absolute;width:9px;height:3.5px;left:7.5px;background:#fff;border-radius:1px;transition:all .2s ease-in-out}.switch-container input:checked+.slider[data-v-f75b2497]{background:#00da50}.switch-container input:checked+.slider .checkmark[data-v-f75b2497]{transform:scale(1)}.switch-container input:checked+.slider .cross[data-v-f75b2497]{transform:scale(0)}.switch-container input:checked+.slider[data-v-f75b2497]:before{left:calc(100% - 16.5px)}.switch-container input:checked+.slider .circle[data-v-f75b2497]{left:calc(100% - 21px);box-shadow:-1px 1px 2px #a3a3a373}.checkbox-container[data-v-d71f306b]{height:100%}.checkbox-container .label[data-v-d71f306b]{display:flex;align-items:center;height:100%;cursor:inherit}.checkbox-container .label input[data-v-d71f306b]{display:none}.checkbox-container .label input:checked+.svg .box[data-v-d71f306b],.checkbox-container .label input:checked+.svg .tick[data-v-d71f306b]{stroke-dashoffset:0}.checkbox-container .label .desc[data-v-d71f306b]{margin-left:5px;padding-right:2px;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkbox-container .label .svg[data-v-d71f306b]{height:70%;margin-left:5px;border-radius:3px}.checkbox-container .label .svg .box[data-v-d71f306b]{stroke:#409eff;stroke-dasharray:800;stroke-dashoffset:800;transition:stroke-dashoffset .6s ease-in}.checkbox-container .label .svg .tick[data-v-d71f306b]{stroke:#409eff;stroke-dasharray:172;stroke-dashoffset:172;transition:stroke-dashoffset .6s ease-in}
|
package/dist/umd/tb-ui.umd.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
(function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f.TBUI={},f.Vue,f.VueRouter))})(this,(function(f,e,ae){"use strict";const E={disabledCount:0,allowedElements:new Set,touchStartY:0,touchStartScrollTop:0,touchStartElement:null,isInAllowedElement:!1};function K(t={}){const{allowedElements:n,immediate:a=!1}=t,o=new Set,r=e.ref(!1),c=l=>{if(!l)return null;let i=l;for(;i;){if(E.allowedElements.has(i))return i;i=i.parentElement}return null},p=l=>l?l.scrollHeight>l.clientHeight+1:!1,s=l=>{const i=c(l.target);if(i&&p(i)){const d=i.scrollTop===0&&l.deltaY<0,w=Math.ceil(i.scrollTop+i.clientHeight)>=i.scrollHeight&&l.deltaY>0;if(!(d||w))return}l.cancelable&&l.preventDefault()},m=l=>{const i=l.touches[0];E.touchStartY=i.clientY;const d=l.target,w=c(d);w&&p(w)?(E.touchStartElement=w,E.touchStartScrollTop=w.scrollTop,E.isInAllowedElement=!0):(E.touchStartElement=null,E.isInAllowedElement=!1)},k=l=>{if(!E.isInAllowedElement){l.cancelable&&l.preventDefault();return}if(!E.touchStartElement){l.cancelable&&l.preventDefault();return}const w=l.touches[0].clientY-E.touchStartY;if(Math.abs(w)<1)return;const N=E.touchStartElement,J=N.scrollTop,oe=N.scrollHeight,le=N.clientHeight,St=J===0,Bt=Math.ceil(J+le)>=oe,xt=w>0,$t=w<0;if(St&&xt||Bt&&$t)l.cancelable&&l.preventDefault();else return},b=()=>{E.touchStartElement=null,E.isInAllowedElement=!1},x=l=>{if(!["Space","ArrowUp","ArrowDown","PageUp","PageDown"].includes(l.code))return;const d=c(document.activeElement);if(d&&p(d)){const w=d.scrollTop,N=d.scrollHeight,J=d.clientHeight,oe=w===0&&(l.code==="ArrowUp"||l.code==="PageUp"),le=Math.ceil(w+J)>=N&&(l.code==="ArrowDown"||l.code==="PageDown"||l.code==="Space");(oe||le)&&l.cancelable&&l.preventDefault();return}l.cancelable&&l.preventDefault()},$=()=>{document.addEventListener("wheel",s,{passive:!1}),document.addEventListener("mousewheel",s,{passive:!1}),document.addEventListener("touchstart",m,{passive:!0}),document.addEventListener("touchmove",k,{passive:!1}),document.addEventListener("touchend",b,{passive:!0}),document.addEventListener("touchcancel",b,{passive:!0}),document.addEventListener("keydown",x,{passive:!1})},y=()=>{document.removeEventListener("wheel",s),document.removeEventListener("mousewheel",s),document.removeEventListener("touchstart",m),document.removeEventListener("touchmove",k),document.removeEventListener("touchend",b),document.removeEventListener("touchcancel",b),document.removeEventListener("keydown",x)},u=()=>{r.value||(r.value=!0,E.disabledCount++,E.disabledCount===1&&$())},h=()=>{r.value&&(r.value=!1,E.disabledCount>0&&(E.disabledCount--,E.disabledCount===0&&y()))},S=l=>{if(!l)return;(Array.isArray(l)?l:[l]).forEach(d=>{if(!(d instanceof HTMLElement)){console.warn("Allowed element must be an HTMLElement",d);return}o.add(d),E.allowedElements.add(d),d.dataset.scrollAllowed="true"})},C=l=>{g(),S(l)},T=l=>{if(!l)return;(Array.isArray(l)?l:[l]).forEach(d=>{o.delete(d),E.allowedElements.delete(d),delete d.dataset.scrollAllowed})},g=()=>{o.forEach(l=>{E.allowedElements.delete(l),delete l.dataset.scrollAllowed}),o.clear()};return e.onMounted(()=>{n&&S(n),a&&u()}),e.onUnmounted(()=>{g(),r.value&&h()}),{isDisabled:r,disableScroll:u,enableScroll:h,addAllowedElement:S,removeAllowedElement:T,updateAllowedElements:C,clearAllowedElements:g}}function Be(t={}){const{allowedElements:n=[]}=t,{enableScroll:a}=K({allowedElements:n,immediate:!0});return a}const _=(t,n)=>{const a=t.__vccOpts||t;for(const[o,r]of n)a[o]=r;return a},M=_(Object.assign({name:"Modal"},{__name:"index",props:{visible:{type:Boolean,default:!0},bg:{type:String},blur:{type:Number},zIndex:{type:Number},duration:{type:Number,default:300},disableScroll:{type:Boolean,default:!1},allowScrollEl:{type:[HTMLElement,Array],default:null}},setup(t){const{disableScroll:n,enableScroll:a,updateAllowedElements:o}=K(),r=t;return e.watchEffect(()=>{r.disableScroll&&r.visible?(n(),o(r.allowScrollEl?r.allowScrollEl:null)):a()}),(c,p)=>(e.openBlock(),e.createBlock(e.Transition,{name:"modal",appear:""},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:"modal-container",style:e.normalizeStyle({"--bg":t.bg,"--blur":t.blur?`${t.blur}px`:"","--z-index":t.zIndex,"--duration":`${t.duration}ms`})},[e.renderSlot(c.$slots,"default",{},void 0,!0)],4),[[e.vShow,t.visible]])]),_:3}))}}),[["__scopeId","data-v-eff05c57"]]);M.install=function(t){t.component(M.name,M)};const re=(t=16)=>{const n=Date.now().toString(36);return n+ce(t-n.length)},ce=t=>{const n=Math.random().toString(36).substring(2,2+t);return n.length===t?n:n+ce(t-n.length)},xe=(t,n)=>Math.floor(Math.random()*(n-t))+t,B=_(Object.assign({name:"Icon"},{__name:"index",props:{type:{type:String,required:!0}},setup(t){return(n,a)=>(e.openBlock(),e.createElementBlock("i",{class:e.normalizeClass(["_icon icon-container",`_icon-${t.type}`])},[e.renderSlot(n.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-288c6a41"]]);B.install=function(t){t.component(B.name,B)};const $e=["innerHTML"],Ne=["type","onUpdate:modelValue","name","placeholder","onInput"],Ce={class:"label"},Te={class:"msg"},Le={class:"total-err"},Me=["innerHTML"],Ve=["innerHTML"],ve={class:"btns"},Ie=["onClick","disabled"],G=300,V=_(Object.assign({name:"Dialog"},{__name:"index",emits:["destroy"],setup(t,{expose:n,emit:a}){const o=e.useTemplateRef("content"),r=e.ref(null),c=a,p=e.ref([]),s=e.computed(()=>p.value.at(-1));let m;const k=(g,l)=>({title:"",content:"",textColor:"",tip:"",type:"",confirmText:g.type==="alert"?"我知道了":"确定",confirmColor:"",cancelText:"取消",modal:!1,id:re(),...g,resolve:l}),b=g=>{g.msg=g.validate?.(g.value),s.value.totalErr=""},x=g=>{g.content.forEach(l=>{l.value=l.value??"",l.validate=l.validate??(i=>i===""?`请输入${l.label}`:""),l.placeholder=l.placeholder??"请输入"}),g.totalErr=""},$=()=>{p.value.pop(),s.value||(m=setTimeout(()=>c("destroy"),G))},y=g=>(clearTimeout(m),new Promise(l=>{const i=k(g,l);g.type==="prompt"&&x(i),p.value.push(i)})),u=()=>{s.value&&(s.value.resolve(!0),$())},h=()=>{if(!s.value||(s.value.content.forEach(l=>l.msg=l.validate(l.value)),s.value.content.some(l=>l.msg)||(s.value.totalErr=s.value.validateAll?.(...s.value.content))||s.value.content.some(l=>l.msg)))return;const g=s.value.content.map(l=>l.value);s.value.resolve(g),$()},S=()=>{s.value&&(s.value.resolve(!1),$())},C=()=>{s.value&&(s.value.modal||(s.value.resolve(!1),$()))},T=()=>{s.value&&(p.value.forEach(g=>{g.resolve(!1)}),p.value.length=0,m=setTimeout(()=>c("destroy"),G))};return e.watch(s,()=>{r.value=o.value.at(-1)},{flush:"post"}),n({open:y,destroyAll:T}),(g,l)=>(e.openBlock(),e.createBlock(e.Transition,{name:"modal"},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(M),e.mergeProps({class:"dialog-container",onClick:e.withModifiers(C,["self"]),duration:G,disableScroll:!0,allowScrollEl:r.value},s.value?.modal?{blur:2}:{bg:"rgba(0, 0, 0, 0.3)"}),{default:e.withCtx(()=>[e.createVNode(e.TransitionGroup,{name:"area"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,i=>(e.openBlock(),e.createElementBlock("div",{class:"area",style:e.normalizeStyle({color:i.textColor}),key:i.id},[i.title?(e.openBlock(),e.createElementBlock("p",{key:0,class:"title",innerHTML:i.title},null,8,$e)):e.createCommentVNode("",!0),i.type==="prompt"?(e.openBlock(),e.createElementBlock("form",{key:1,class:"content",onSubmit:e.withModifiers(h,["prevent"]),ref_for:!0,ref:"content"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.content,(d,w)=>(e.openBlock(),e.createElementBlock("label",{key:w,class:e.normalizeClass(["input-item",{error:d.msg}])},[e.withDirectives(e.createElementVNode("input",{type:d.type,"onUpdate:modelValue":N=>d.value=N,name:d.label,placeholder:d.placeholder,onInput:N=>b(d)},null,40,Ne),[[e.vModelDynamic,d.value]]),e.createElementVNode("span",Ce,e.toDisplayString(d.label),1),e.createElementVNode("span",Te,e.toDisplayString(d.msg),1),e.withDirectives(e.createVNode(e.unref(B),{type:"close",onClick:N=>d.value=""},null,8,["onClick"]),[[e.vShow,d.value!==""]])],2))),128)),e.withDirectives(e.createElementVNode("p",Le,[e.createVNode(e.unref(B),{type:"tip"}),e.createTextVNode(" "+e.toDisplayString(i.totalErr),1)],512),[[e.vShow,i.totalErr]])],544)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[i.content?(e.openBlock(),e.createElementBlock("p",{key:0,class:"content",ref_for:!0,ref:"content",innerHTML:i.content},null,8,Me)):e.createCommentVNode("",!0)],64)),i.tip?(e.openBlock(),e.createElementBlock("p",{key:3,class:"tip",innerHTML:i.tip},null,8,Ve)):e.createCommentVNode("",!0),e.createElementVNode("div",ve,[i.type!=="alert"?(e.openBlock(),e.createElementBlock("button",{key:0,class:"btn cancel",onClick:S},e.toDisplayString(i.cancelText),1)):e.createCommentVNode("",!0),e.createElementVNode("button",{class:e.normalizeClass(["btn confirm",{danger:i.danger}]),onClick:d=>i.type==="prompt"?h():u(),disabled:i.type==="prompt"&&(i.content.some(d=>d.msg)||i.totalErr!=="")},e.toDisplayString(i.confirmText),11,Ie)])],4))),128))]),_:1})]),_:1},16,["allowScrollEl"]),[[e.vShow,s.value]])]),_:1}))}}),[["__scopeId","data-v-876a5595"]]);V.install=function(t){t.component(V.name,V)};const De=["innerHTML"],v=_(Object.assign({name:"Loading"},{__name:"index",props:{size:{type:Number,default:42},color:{type:String,default:"#409eff"},text:{type:String,default:""}},setup(t){return(n,a)=>(e.openBlock(),e.createElementBlock("div",{class:"loading-container",style:e.normalizeStyle({"--size":t.size+"px","--color":t.color})},[a[0]||(a[0]=e.createElementVNode("svg",{viewBox:"0 0 50 50",class:"loading-svg"},[e.createElementVNode("circle",{class:"path",cx:"25",cy:"25",r:"20",fill:"none"})],-1)),e.withDirectives(e.createElementVNode("p",{innerHTML:t.text},null,8,De),[[e.vShow,t.text]])],4))}}),[["__scopeId","data-v-b253c0cf"]]);v.install=function(t){t.component(v.name,v)};const Ae=["innerHTML"],ze=3e3,He=3,I=_(Object.assign({name:"Message"},{__name:"index",emits:["destroy"],setup(t,{expose:n,emit:a}){const o=a,r=e.ref([]);let c;const p=()=>{clearTimeout(r.value[0]?.timer),r.value.shift(),!r.value.length&&(c=setTimeout(()=>o("destroy"),500))};return n({add:(m,k)=>{clearTimeout(c),r.value.length>=He&&p();const b=re(),x=setTimeout(()=>p(),ze);r.value.push({id:b,content:m,type:k,timer:x})}}),(m,k)=>(e.openBlock(),e.createBlock(e.TransitionGroup,{tag:"div",class:"message-container"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,b=>(e.openBlock(),e.createElementBlock("div",{key:b.id,class:e.normalizeClass(["item",[b.type]])},[typeof b.content=="string"?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:b.content},null,8,Ae)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b.content),{key:1}))],2))),128))]),_:1}))}}),[["__scopeId","data-v-31eeb9bf"]]);I.install=function(t){t.component(I.name,I)};const Oe={class:"text"},A=_(Object.assign({name:"Nav"},{__name:"index",props:{list:{type:Array,default:()=>[]}},setup(t){const n=t,a=e.inject("layer",0);e.provide("layer",a+1);const o=e.reactive(n.list.map(()=>!0)),r={beforeEnter(c){c.style.height="0",c.style.opacity="0",c.style.overflow="hidden"},enter(c){c.style.height=c.scrollHeight+"px",c.style.opacity="1"},afterEnter(c){c.style.height="",c.style.overflow="",c.style.opacity=""},beforeLeave(c){c.style.height=c.scrollHeight+"px",c.style.opacity="0",c.style.overflow="hidden"},leave(c){c.style.height="0",c.style.opacity="0"},afterLeave(c){c.style.height="",c.style.overflow="",c.style.opacity=""}};return(c,p)=>{const s=e.resolveComponent("RouterLink"),m=e.resolveComponent("Nav");return e.openBlock(),e.createElementBlock("div",{class:"nav-container",style:e.normalizeStyle({"--layer":e.unref(a)})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.list,(k,b)=>(e.openBlock(),e.createElementBlock("div",{class:"nav-item",key:k.path},[e.createVNode(s,{class:"link",to:{name:k.name},"exact-active-class":"active"},{default:e.withCtx(()=>[e.createVNode(e.unref(B),{type:k.meta?.icon},null,8,["type"]),e.createElementVNode("span",Oe,e.toDisplayString(k.meta?.title),1),k.children?.length?(e.openBlock(),e.createBlock(e.unref(B),{key:0,type:o[b]?"down":"right",class:"arrow-icon",onClick:x=>o[b]=!o[b]},null,8,["type","onClick"])):e.createCommentVNode("",!0)]),_:2},1032,["to"]),e.createVNode(e.Transition,e.toHandlers(r),{default:e.withCtx(()=>[k.children?.length?e.withDirectives((e.openBlock(),e.createBlock(m,{key:0,list:k.children},null,8,["list"])),[[e.vShow,o[b]]]):e.createCommentVNode("",!0)]),_:2},1040)]))),128))],4)}}}),[["__scopeId","data-v-69d79c4b"]]);A.install=function(t){t.component(A.name,A)};const Q=document.createElement("div");let z=null,se=null;const q=(t,n)=>{z||(document.body.appendChild(Q),z=e.createApp(I,{onDestroy:()=>{z.unmount(),z=null,document.body.removeChild(Q)}}),se=z.mount(Q)),se.add(t,n)},ie={success:t=>{q(t,"success")},error:t=>{q(t,"error")},warn:t=>{q(t,"warn")},info:t=>{q(t,"info")}},je={key:0,class:"pagination-container"},Pe={key:0,class:"controls"},Re=["disabled"],Ue=["onClick"],Ye=["disabled"],qe={class:"meta"},Fe=["value"],We=["max"],H=_(Object.assign({name:"Pagination"},{__name:"index",props:e.mergeModels({total:{type:Number,default:0},pageSizes:{type:Array,default:()=>[10,20,50,100]},maxButtonCount:{type:Number,default:7}},{modelValue:{type:Number,default:1},modelModifiers:{},pageSize:{type:Number,default:10},pageSizeModifiers:{}}),emits:["update:modelValue","update:pageSize"],setup(t){const n=ae.useRouter(),a=ae.useRoute(),o=e.useModel(t,"modelValue"),r=e.useModel(t,"pageSize"),c=t,p=e.ref("");e.watch(r,()=>{o.value>s.value&&m(s.value)});const s=e.computed(()=>!c.total||r.value<=0?0:Math.max(0,Math.ceil(c.total/r.value)));function m(y){const u=Math.min(Math.max(1,Math.floor(y||1)),Math.max(1,s.value||1));u!==o.value&&(o.value=u)}function k(){let y=Number(p.value);if(!y||isNaN(y)||y<1||y>s.value){p.value="",ie.warn("请输入有效页码");return}m(y),p.value=""}function b(y){if(y)if(y.ellipsis){const u=Math.max(3,Math.min(s.value,Math.max(5,c.maxButtonCount)-2));y.key==="left"?m(o.value-u):m(o.value+u)}else y.page&&m(y.page)}const x=e.computed(()=>{const y=[],u=s.value,h=Math.max(5,c.maxButtonCount),S=o.value;if(u<=h){for(let l=1;l<=u;l++)y.push({key:`p${l}`,page:l,label:l});return y}const C=Math.floor((h-1)/2);let T=Math.max(2,S-C),g=Math.min(u-1,S+C);S-1<=C&&(T=2,g=h-1),u-S<=C&&(T=u-(h-2),g=u-1),y.push({key:"p1",page:1,label:1}),T>2&&y.push({key:"left",ellipsis:!0,label:"..."});for(let l=T;l<=g;l++)y.push({key:`p${l}`,page:l,label:l});return g<u-1&&y.push({key:"right",ellipsis:!0,label:"..."}),y.push({key:`p${u}`,page:u,label:u}),y}),$=e.watch(()=>c.total,y=>{if(!y)return;const u=+a.query.page,h=+a.query.pageSize;h&&!isNaN(h)&&c.pageSizes.includes(h)&&(r.value=h),u<=s.value&&(m(u),$())},{immediate:!0});return e.watch([o,r],()=>{n.replace({query:{...a.query,page:o.value,pageSize:r.value}})}),(y,u)=>t.total?(e.openBlock(),e.createElementBlock("div",je,[t.total>r.value?(e.openBlock(),e.createElementBlock("div",Pe,[e.createElementVNode("button",{disabled:o.value===1,onClick:u[0]||(u[0]=h=>m(o.value-1))},"上一页",8,Re),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x.value,h=>(e.openBlock(),e.createElementBlock("button",{key:h.key,class:e.normalizeClass({active:h.page===o.value}),onClick:S=>b(h)},e.toDisplayString(h.label),11,Ue))),128)),e.createElementVNode("button",{disabled:o.value===s.value||!s.value,onClick:u[1]||(u[1]=h=>m(o.value+1))}," 下一页 ",8,Ye)])):e.createCommentVNode("",!0),e.createElementVNode("div",qe,[e.createElementVNode("p",null,"共"+e.toDisplayString(t.total)+"条,第"+e.toDisplayString(o.value)+" / "+e.toDisplayString(s.value||1)+"页",1),e.withDirectives(e.createElementVNode("select",{"onUpdate:modelValue":u[2]||(u[2]=h=>r.value=h)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.pageSizes,h=>(e.openBlock(),e.createElementBlock("option",{key:h,value:h},e.toDisplayString(h)+" / 页",9,Fe))),128))],512),[[e.vModelSelect,r.value,void 0,{number:!0}]]),t.total>r.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.withDirectives(e.createElementVNode("input",{type:"number","onUpdate:modelValue":u[3]||(u[3]=h=>p.value=h),min:"1",max:s.value||1,onKeyup:e.withKeys(k,["enter"]),placeholder:"页码"},null,40,We),[[e.vModelText,p.value,void 0,{number:!0}]]),e.createElementVNode("button",{onClick:k},"跳转")],64)):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-e175d2aa"]]);H.install=function(t){t.component(H.name,H)};const Xe={class:"warn-container"},D=_(Object.assign({name:"Warn"},{__name:"index",props:{msg:{type:String,default:"暂无数据"}},setup(t){return(n,a)=>(e.openBlock(),e.createElementBlock("div",Xe,[e.createVNode(e.unref(B),{type:"tip"}),e.createElementVNode("p",null,e.toDisplayString(t.msg),1),e.renderSlot(n.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-0e46cecf"]]);D.install=function(t){t.component(D.name,D)};const Je={class:"table-container"},Ke={key:0,class:"table-inner"},Ge={class:"row"},Qe={class:"content"},O=_(Object.assign({name:"Table"},{__name:"index",props:{data:{type:Array,required:!0}},setup(t){return(n,a)=>(e.openBlock(),e.createElementBlock("div",Je,[t.data.length?(e.openBlock(),e.createElementBlock("div",Ke,[e.createElementVNode("header",Ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data[0],(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:"cell",key:r},e.toDisplayString(r),1))),128))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data,(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:"row",key:r},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o,(c,p)=>(e.openBlock(),e.createElementBlock("div",{class:"cell",key:p},[e.createElementVNode("p",Qe,e.toDisplayString(c),1)]))),128))]))),128))])):(e.openBlock(),e.createBlock(e.unref(D),{key:1}))]))}}),[["__scopeId","data-v-f0bc9df0"]]);O.install=function(t){t.component(O.name,O)};const Ze={class:"timer-container"},j=Object.assign({name:"Timer"},{__name:"index",setup(t,{expose:n}){const a=e.ref(0);let o;const r=e.computed(()=>c(a.value));e.onUnmounted(()=>{clearInterval(o)});const c=()=>{const m=Math.floor(a.value/3600),k=Math.floor(a.value%3600/60),b=a.value%60;return(m?[m,k,b]:[k,b]).map($=>$.toString().padStart(2,"0")).join(":")};return n({start:m=>{m!==void 0&&(a.value=m),!o&&(o=setInterval(()=>{a.value++},1e3))},stop:()=>{clearInterval(o),o=null},getTime:()=>a.value}),(m,k)=>(e.openBlock(),e.createElementBlock("span",Ze,e.toDisplayString(r.value),1))}});j.install=function(t){t.component(j.name,j)};const et=t=>e.computed(()=>{const n=document.createElement("canvas"),a=window.devicePixelRatio||1,r=t.fontSize*a+"px serif",c=n.getContext("2d"),{width:p}=c.measureText(t.text),s=Math.max(100,p)+t.gap*a;return n.width=s,n.height=s,c.translate(n.width/2,n.height/2),c.rotate(Math.PI/180*-t.rotate),c.fillStyle=t.color,c.font=r,c.textAlign="center",c.textBaseline="middle",c.fillText(t.text,0,0),{base64:n.toDataURL(),size:s/a}}),P=_(Object.assign({name:"Watermark"},{__name:"index",props:{text:{type:String,default:"Watermark"},fontSize:{type:Number,default:20},gap:{type:Number,default:100},rotate:{type:Number,default:-45},color:{type:String,default:"rgba(0, 0, 0, .1)"}},setup(t){const n=e.useTemplateRef("parentRef"),a=t;let o;const r=et(a),c=()=>{if(!n.value)return;o&&o.remove();const{base64:s,size:m}=r.value;o=document.createElement("div"),o.style.position="absolute",o.style.backgroundImage=`url(${s})`,o.style.backgroundRepeat="repeat",o.style.backgroundSize=`${m}px ${m}px`,o.style.pointerEvents="none",o.style.zIndex=9999,o.style.inset=0,n.value.appendChild(o)},p=new MutationObserver(s=>{for(const m of s){for(const k of m.removedNodes)if(k===o){c();return}if(m.target===o){c();return}}});return e.onMounted(()=>{c(),p.observe(n.value,{attributes:!0,childList:!0,subtree:!0})}),e.onUnmounted(()=>{p.disconnect()}),(s,m)=>(e.openBlock(),e.createElementBlock("div",{class:"watermark-container",ref_key:"parentRef",ref:n},[e.renderSlot(s.$slots,"default",{},void 0,!0)],512))}}),[["__scopeId","data-v-b86ee0ab"]]);P.install=function(t){t.component(P.name,P)};const tt={class:"switch-container"},nt={class:"slider"},ot={class:"circle"},lt={class:"cross","xml:space":"preserve",style:{"enable-background":"new 0 0 512 512"},viewBox:"0 0 365.696 365.696",y:"0",x:"0",height:"6",width:"6","xmlns:xlink":"http://www.w3.org/1999/xlink",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},at={class:"checkmark","xml:space":"preserve",style:{"enable-background":"new 0 0 512 512"},viewBox:"0 0 24 24",y:"0",x:"0",height:"10",width:"10","xmlns:xlink":"http://www.w3.org/1999/xlink",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},R=_(Object.assign({name:"Switch"},{__name:"index",props:{modelValue:{type:Boolean,required:!0},modelModifiers:{}},emits:["update:modelValue"],setup(t){const n=e.useModel(t,"modelValue");return(a,o)=>(e.openBlock(),e.createElementBlock("label",tt,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":o[0]||(o[0]=r=>n.value=r)},null,512),[[e.vModelCheckbox,n.value]]),e.createElementVNode("div",nt,[e.createElementVNode("div",ot,[(e.openBlock(),e.createElementBlock("svg",lt,o[1]||(o[1]=[e.createElementVNode("g",null,[e.createElementVNode("path",{"data-original":"#000000",fill:"currentColor",d:"M243.188 182.86 356.32 69.726c12.5-12.5 12.5-32.766 0-45.247L341.238 9.398c-12.504-12.503-32.77-12.503-45.25 0L182.86 122.528 69.727 9.374c-12.5-12.5-32.766-12.5-45.247 0L9.375 24.457c-12.5 12.504-12.5 32.77 0 45.25l113.152 113.152L9.398 295.99c-12.503 12.503-12.503 32.769 0 45.25L24.48 356.32c12.5 12.5 32.766 12.5 45.247 0l113.132-113.132L295.99 356.32c12.503 12.5 32.769 12.5 45.25 0l15.081-15.082c12.5-12.504 12.5-32.77 0-45.25zm0 0"})],-1)]))),(e.openBlock(),e.createElementBlock("svg",at,o[2]||(o[2]=[e.createElementVNode("g",null,[e.createElementVNode("path",{class:"","data-original":"#000000",fill:"currentColor",d:"M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0 1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z"})],-1)])))])])]))}}),[["__scopeId","data-v-f75b2497"]]);R.install=function(t){t.component(R.name,R)};const rt={class:"checkbox-container"},ct={class:"label"},st=["value"],it={class:"desc"},U=_(Object.assign({name:"Checkbox"},{__name:"index",props:e.mergeModels({value:{required:!0},title:{type:String,required:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const n=e.useModel(t,"modelValue");return(a,o)=>(e.openBlock(),e.createElementBlock("div",rt,[e.createElementVNode("label",ct,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":o[0]||(o[0]=r=>n.value=r),value:t.value},null,8,st),[[e.vModelCheckbox,n.value]]),o[1]||(o[1]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 200 200",class:"svg"},[e.createElementVNode("rect",{x:"0",y:"0",width:"200",height:"200","stroke-width":"40",class:"box",fill:"rgba(207,205,205,0.425)",rx:"30",ry:"30"}),e.createElementVNode("path",{"stroke-width":"15",d:"M52 111.018L76.9867 136L149 64",class:"tick"})],-1)),e.createElementVNode("span",it,e.toDisplayString(t.title),1)])]))}}),[["__scopeId","data-v-d71f306b"]]);U.install=function(t){t.component(U.name,U)};const dt=500,F=100,de={up:[{transform:`translateY(${F}px)`,opacity:0},{transform:"translateY(0)",opacity:1}],down:[{transform:`translateY(-${F}px)`,opacity:0},{transform:"translateY(0)",opacity:1}],left:[{transform:`translateX(${F}px)`,opacity:0},{transform:"translateX(0)",opacity:1}],right:[{transform:`translateX(-${F}px)`,opacity:0},{transform:"translateX(0)",opacity:1}],scale:[{transform:"scale(0)",opacity:0},{transform:"scale(1)",opacity:1}],opacity:[{opacity:0},{opacity:1}],fade:[{transform:"translateY(-5px) scale(1.2)",opacity:0},{transform:"translateY(0) scale(1)",opacity:1}]},me={name:"delay-in",mounted(t,n){const a=n.arg||"fade",o=t.animate(de[a]||de.fade,{duration:dt,easing:"ease-in-out",delay:n.value||0,fill:"both"});o.onfinish=()=>{o.cancel()},o.play()}},mt="正在加载...",Z=new WeakMap,ut=()=>{const t=document.createElement("div");return t.style.position="absolute",t.style.top="50%",t.style.left="50%",t.style.transform="translate(-50%, -50%)",t.style.zIndex="100",t},ue=t=>{const n=Z.get(t);n&&(n.app.unmount(),n.container.remove(),n.changePosition&&(t.style.position=""))},pe=(t,n)=>{const a={};getComputedStyle(t).position==="static"&&(t.style.position="relative",a.changePosition=!0);const o=e.ref("");fe(o,n.value);const r=ut(),c=e.defineComponent({render:()=>e.h(v,{text:o.value})}),p=e.createApp(c);p.mount(r),t.appendChild(r),a.container=r,a.app=p,a.textRef=o,Z.set(t,a)},fe=(t,n)=>{n===!0?t.value=mt:t.value=n},he={name:"loading",mounted(t,n){n.value!==!1&&pe(t,n)},updated(t,n){if(n.value===!1){ue(t);return}const a=Z.get(t);a?fe(a.textRef,n.value):pe(t,n)},unmounted(t){ue(t)}},pt=600,ye=100,ge=new WeakMap,ee=new IntersectionObserver(t=>{for(const n of t){const a=ge.get(n.target);a&&n.isIntersecting&&(a.play(),ee.unobserve(n.target))}}),ft=t=>t.getBoundingClientRect().top-ye>window.innerHeight,ke={name:"slide-in",mounted(t,n){if(!ft(t))return;const a=t.animate([{transform:`translateY(${ye}px)`,opacity:.5},{transform:"translateY(0px)",opacity:1}],{duration:pt,easing:"ease-out",delay:n.value||0,fill:"both"});a.pause(),a.onfinish=()=>{a.cancel()},ge.set(t,a),ee.observe(t)},unmounted(t){ee.unobserve(t)}},be={name:"text-jump",mounted(t,n){const a=n.value||["#ff1e00","#335bff"];t.style.cssText+=`
|
|
1
|
+
(function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f.TBUI={},f.Vue,f.VueRouter))})(this,(function(f,e,ae){"use strict";const E={disabledCount:0,allowedElements:new Set,touchStartY:0,touchStartScrollTop:0,touchStartElement:null,isInAllowedElement:!1};function G(t={}){const{allowedElements:n,immediate:a=!1}=t,o=new Set,r=e.ref(!1),c=l=>{if(!l)return null;let i=l;for(;i;){if(E.allowedElements.has(i))return i;i=i.parentElement}return null},u=l=>l?l.scrollHeight>l.clientHeight+1:!1,s=l=>{const i=c(l.target);if(i&&u(i)){const d=i.scrollTop===0&&l.deltaY<0,w=Math.ceil(i.scrollTop+i.clientHeight)>=i.scrollHeight&&l.deltaY>0;if(!(d||w))return}l.cancelable&&l.preventDefault()},m=l=>{const i=l.touches[0];E.touchStartY=i.clientY;const d=l.target,w=c(d);w&&u(w)?(E.touchStartElement=w,E.touchStartScrollTop=w.scrollTop,E.isInAllowedElement=!0):(E.touchStartElement=null,E.isInAllowedElement=!1)},k=l=>{if(!E.isInAllowedElement){l.cancelable&&l.preventDefault();return}if(!E.touchStartElement){l.cancelable&&l.preventDefault();return}const w=l.touches[0].clientY-E.touchStartY;if(Math.abs(w)<1)return;const N=E.touchStartElement,K=N.scrollTop,oe=N.scrollHeight,le=N.clientHeight,St=K===0,Bt=Math.ceil(K+le)>=oe,xt=w>0,$t=w<0;if(St&&xt||Bt&&$t)l.cancelable&&l.preventDefault();else return},b=()=>{E.touchStartElement=null,E.isInAllowedElement=!1},x=l=>{if(!["Space","ArrowUp","ArrowDown","PageUp","PageDown"].includes(l.code))return;const d=c(document.activeElement);if(d&&u(d)){const w=d.scrollTop,N=d.scrollHeight,K=d.clientHeight,oe=w===0&&(l.code==="ArrowUp"||l.code==="PageUp"),le=Math.ceil(w+K)>=N&&(l.code==="ArrowDown"||l.code==="PageDown"||l.code==="Space");(oe||le)&&l.cancelable&&l.preventDefault();return}l.cancelable&&l.preventDefault()},$=()=>{document.addEventListener("wheel",s,{passive:!1}),document.addEventListener("mousewheel",s,{passive:!1}),document.addEventListener("touchstart",m,{passive:!0}),document.addEventListener("touchmove",k,{passive:!1}),document.addEventListener("touchend",b,{passive:!0}),document.addEventListener("touchcancel",b,{passive:!0}),document.addEventListener("keydown",x,{passive:!1})},y=()=>{document.removeEventListener("wheel",s),document.removeEventListener("mousewheel",s),document.removeEventListener("touchstart",m),document.removeEventListener("touchmove",k),document.removeEventListener("touchend",b),document.removeEventListener("touchcancel",b),document.removeEventListener("keydown",x)},p=()=>{r.value||(r.value=!0,E.disabledCount++,E.disabledCount===1&&$())},h=()=>{r.value&&(r.value=!1,E.disabledCount>0&&(E.disabledCount--,E.disabledCount===0&&y()))},S=l=>{if(!l)return;(Array.isArray(l)?l:[l]).forEach(d=>{if(!(d instanceof HTMLElement)){console.warn("Allowed element must be an HTMLElement",d);return}o.add(d),E.allowedElements.add(d),d.dataset.scrollAllowed="true"})},C=l=>{g(),S(l)},T=l=>{if(!l)return;(Array.isArray(l)?l:[l]).forEach(d=>{o.delete(d),E.allowedElements.delete(d),delete d.dataset.scrollAllowed})},g=()=>{o.forEach(l=>{E.allowedElements.delete(l),delete l.dataset.scrollAllowed}),o.clear()};return e.onMounted(()=>{n&&S(n),a&&p()}),e.onUnmounted(()=>{g(),r.value&&h()}),{isDisabled:r,disableScroll:p,enableScroll:h,addAllowedElement:S,removeAllowedElement:T,updateAllowedElements:C,clearAllowedElements:g}}function Be(t={}){const{allowedElements:n=[]}=t,{enableScroll:a}=G({allowedElements:n,immediate:!0});return a}const _=(t,n)=>{const a=t.__vccOpts||t;for(const[o,r]of n)a[o]=r;return a},M=_(Object.assign({name:"Modal"},{__name:"index",props:{visible:{type:Boolean,default:!0},bg:{type:String},blur:{type:Number},zIndex:{type:Number},duration:{type:Number,default:300},disableScroll:{type:Boolean,default:!1},allowScrollEl:{type:[HTMLElement,Array],default:null}},setup(t){const{disableScroll:n,enableScroll:a,updateAllowedElements:o}=G(),r=t;return e.watchEffect(()=>{r.disableScroll&&r.visible?(n(),o(r.allowScrollEl?r.allowScrollEl:null)):a()}),(c,u)=>(e.openBlock(),e.createBlock(e.Transition,{name:"modal",appear:""},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:"modal-container",style:e.normalizeStyle({"--bg":t.bg,"--blur":t.blur?`${t.blur}px`:"","--z-index":t.zIndex,"--duration":`${t.duration}ms`})},[e.renderSlot(c.$slots,"default",{},void 0,!0)],4),[[e.vShow,t.visible]])]),_:3}))}}),[["__scopeId","data-v-eff05c57"]]);M.install=function(t){t.component(M.name,M)};const re=(t=16)=>{const n=Date.now().toString(36);return n+ce(t-n.length)},ce=t=>{const n=Math.random().toString(36).substring(2,2+t);return n.length===t?n:n+ce(t-n.length)},xe=(t,n)=>Math.floor(Math.random()*(n-t))+t,B=_(Object.assign({name:"Icon"},{__name:"index",props:{type:{type:String,required:!0}},setup(t){return(n,a)=>(e.openBlock(),e.createElementBlock("i",{class:e.normalizeClass(["_icon icon-container",`_icon-${t.type}`])},[e.renderSlot(n.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-288c6a41"]]);B.install=function(t){t.component(B.name,B)};const $e=["innerHTML"],Ne=["type","onUpdate:modelValue","name","placeholder","onInput"],Ce={class:"label"},Te={class:"msg"},Le={class:"total-err"},Me=["innerHTML"],Ve=["innerHTML"],ve={class:"btns"},Ie=["onClick","disabled"],Q=300,V=_(Object.assign({name:"Dialog"},{__name:"index",emits:["destroy"],setup(t,{expose:n,emit:a}){const o=e.useTemplateRef("content"),r=e.ref(null),c=a,u=e.ref([]),s=e.computed(()=>u.value.at(-1));let m;const k=(g,l)=>({title:"",content:"",textColor:"",tip:"",type:"",confirmText:g.type==="alert"?"我知道了":"确定",confirmColor:"",cancelText:"取消",modal:!1,id:re(),...g,resolve:l}),b=g=>{g.msg=g.validate?.(g.value),s.value.totalErr=""},x=g=>{g.content.forEach(l=>{l.value=l.value??"",l.validate=l.validate??(i=>i===""?`请输入${l.label}`:""),l.placeholder=l.placeholder??"请输入"}),g.totalErr=""},$=()=>{u.value.pop(),s.value||(m=setTimeout(()=>c("destroy"),Q))},y=g=>(clearTimeout(m),new Promise(l=>{const i=k(g,l);g.type==="prompt"&&x(i),u.value.push(i)})),p=()=>{s.value&&(s.value.resolve(!0),$())},h=()=>{if(!s.value||(s.value.content.forEach(l=>l.msg=l.validate(l.value)),s.value.content.some(l=>l.msg)||(s.value.totalErr=s.value.validateAll?.(...s.value.content))||s.value.content.some(l=>l.msg)))return;const g=s.value.content.map(l=>l.value);s.value.resolve(g),$()},S=()=>{s.value&&(s.value.resolve(!1),$())},C=()=>{s.value&&(s.value.modal||(s.value.resolve(!1),$()))},T=()=>{s.value&&(u.value.forEach(g=>{g.resolve(!1)}),u.value.length=0,m=setTimeout(()=>c("destroy"),Q))};return e.watch(s,()=>{r.value=o.value.at(-1)},{flush:"post"}),n({open:y,destroyAll:T}),(g,l)=>(e.openBlock(),e.createBlock(e.Transition,{name:"modal"},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(M),e.mergeProps({class:"dialog-container",onClick:e.withModifiers(C,["self"]),duration:Q,disableScroll:!0,allowScrollEl:r.value},s.value?.modal?{blur:2}:{bg:"rgba(0, 0, 0, 0.3)"}),{default:e.withCtx(()=>[e.createVNode(e.TransitionGroup,{name:"area"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,i=>(e.openBlock(),e.createElementBlock("div",{class:"area",style:e.normalizeStyle({color:i.textColor}),key:i.id},[i.title?(e.openBlock(),e.createElementBlock("p",{key:0,class:"title",innerHTML:i.title},null,8,$e)):e.createCommentVNode("",!0),i.type==="prompt"?(e.openBlock(),e.createElementBlock("form",{key:1,class:"content",onSubmit:e.withModifiers(h,["prevent"]),ref_for:!0,ref:"content"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.content,(d,w)=>(e.openBlock(),e.createElementBlock("label",{key:w,class:e.normalizeClass(["input-item",{error:d.msg}])},[e.withDirectives(e.createElementVNode("input",{type:d.type,"onUpdate:modelValue":N=>d.value=N,name:d.label,placeholder:d.placeholder,onInput:N=>b(d)},null,40,Ne),[[e.vModelDynamic,d.value]]),e.createElementVNode("span",Ce,e.toDisplayString(d.label),1),e.createElementVNode("span",Te,e.toDisplayString(d.msg),1),e.withDirectives(e.createVNode(e.unref(B),{type:"close",onClick:N=>d.value=""},null,8,["onClick"]),[[e.vShow,d.value!==""]])],2))),128)),e.withDirectives(e.createElementVNode("p",Le,[e.createVNode(e.unref(B),{type:"tip"}),e.createTextVNode(" "+e.toDisplayString(i.totalErr),1)],512),[[e.vShow,i.totalErr]])],544)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[i.content?(e.openBlock(),e.createElementBlock("p",{key:0,class:"content",ref_for:!0,ref:"content",innerHTML:i.content},null,8,Me)):e.createCommentVNode("",!0)],64)),i.tip?(e.openBlock(),e.createElementBlock("p",{key:3,class:"tip",innerHTML:i.tip},null,8,Ve)):e.createCommentVNode("",!0),e.createElementVNode("div",ve,[i.type!=="alert"?(e.openBlock(),e.createElementBlock("button",{key:0,class:"btn cancel",onClick:S},e.toDisplayString(i.cancelText),1)):e.createCommentVNode("",!0),e.createElementVNode("button",{class:e.normalizeClass(["btn confirm",{danger:i.danger}]),onClick:d=>i.type==="prompt"?h():p(),disabled:i.type==="prompt"&&(i.content.some(d=>d.msg)||i.totalErr!=="")},e.toDisplayString(i.confirmText),11,Ie)])],4))),128))]),_:1})]),_:1},16,["allowScrollEl"]),[[e.vShow,s.value]])]),_:1}))}}),[["__scopeId","data-v-876a5595"]]);V.install=function(t){t.component(V.name,V)};const De=["innerHTML"],v=_(Object.assign({name:"Loading"},{__name:"index",props:{size:{type:Number,default:42},color:{type:String,default:"#409eff"},text:{type:String,default:""}},setup(t){return(n,a)=>(e.openBlock(),e.createElementBlock("div",{class:"loading-container",style:e.normalizeStyle({"--size":t.size+"px","--color":t.color})},[a[0]||(a[0]=e.createElementVNode("svg",{viewBox:"0 0 50 50",class:"loading-svg"},[e.createElementVNode("circle",{class:"path",cx:"25",cy:"25",r:"20",fill:"none"})],-1)),e.withDirectives(e.createElementVNode("p",{innerHTML:t.text},null,8,De),[[e.vShow,t.text]])],4))}}),[["__scopeId","data-v-b253c0cf"]]);v.install=function(t){t.component(v.name,v)};const Ae=["innerHTML"],ze=3e3,He=3,I=_(Object.assign({name:"Message"},{__name:"index",emits:["destroy"],setup(t,{expose:n,emit:a}){const o=a,r=e.ref([]);let c;const u=()=>{clearTimeout(r.value[0]?.timer),r.value.shift(),!r.value.length&&(c=setTimeout(()=>o("destroy"),500))};return n({add:(m,k)=>{clearTimeout(c),r.value.length>=He&&u();const b=re(),x=setTimeout(()=>u(),ze);r.value.push({id:b,content:m,type:k,timer:x})}}),(m,k)=>(e.openBlock(),e.createBlock(e.TransitionGroup,{tag:"div",class:"message-container"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,b=>(e.openBlock(),e.createElementBlock("div",{key:b.id,class:e.normalizeClass(["item",[b.type]])},[typeof b.content=="string"?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:b.content},null,8,Ae)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b.content),{key:1}))],2))),128))]),_:1}))}}),[["__scopeId","data-v-31eeb9bf"]]);I.install=function(t){t.component(I.name,I)};const Oe={class:"text"},A=_(Object.assign({name:"Nav"},{__name:"index",props:{list:{type:Array,default:()=>[]}},setup(t){const n=t,a=e.inject("layer",0);e.provide("layer",a+1);const o=e.reactive(n.list.map(()=>!0)),r={beforeEnter(c){c.style.height="0",c.style.opacity="0",c.style.overflow="hidden"},enter(c){c.style.height=c.scrollHeight+"px",c.style.opacity="1"},afterEnter(c){c.style.height="",c.style.overflow="",c.style.opacity=""},beforeLeave(c){c.style.height=c.scrollHeight+"px",c.style.opacity="0",c.style.overflow="hidden"},leave(c){c.style.height="0",c.style.opacity="0"},afterLeave(c){c.style.height="",c.style.overflow="",c.style.opacity=""}};return(c,u)=>{const s=e.resolveComponent("RouterLink"),m=e.resolveComponent("Nav");return e.openBlock(),e.createElementBlock("div",{class:"nav-container",style:e.normalizeStyle({"--layer":e.unref(a)})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.list,(k,b)=>(e.openBlock(),e.createElementBlock("div",{class:"nav-item",key:k.path},[e.createVNode(s,{class:"link",to:{name:k.name},"exact-active-class":"active"},{default:e.withCtx(()=>[k.meta?.icon?(e.openBlock(),e.createBlock(e.unref(B),{key:0,type:k.meta.icon},null,8,["type"])):e.createCommentVNode("",!0),e.createElementVNode("span",Oe,e.toDisplayString(k.meta?.title),1),k.children?.length?(e.openBlock(),e.createBlock(e.unref(B),{key:1,type:o[b]?"down":"right",class:"arrow-icon",onClick:x=>o[b]=!o[b]},null,8,["type","onClick"])):e.createCommentVNode("",!0)]),_:2},1032,["to"]),e.createVNode(e.Transition,e.toHandlers(r),{default:e.withCtx(()=>[k.children?.length?e.withDirectives((e.openBlock(),e.createBlock(m,{key:0,list:k.children},null,8,["list"])),[[e.vShow,o[b]]]):e.createCommentVNode("",!0)]),_:2},1040)]))),128))],4)}}}),[["__scopeId","data-v-bac9170a"]]);A.install=function(t){t.component(A.name,A)};const Z=document.createElement("div");let z=null,se=null;const q=(t,n)=>{z||(document.body.appendChild(Z),z=e.createApp(I,{onDestroy:()=>{z.unmount(),z=null,document.body.removeChild(Z)}}),se=z.mount(Z)),se.add(t,n)},ie={success:t=>{q(t,"success")},error:t=>{q(t,"error")},warn:t=>{q(t,"warn")},info:t=>{q(t,"info")}},je={key:0,class:"pagination-container"},Pe={key:0,class:"controls"},Re=["disabled"],Ue=["onClick"],Ye=["disabled"],qe={class:"meta"},Fe=["value"],We=["max"],H=_(Object.assign({name:"Pagination"},{__name:"index",props:e.mergeModels({total:{type:Number,default:0},pageSizes:{type:Array,default:()=>[10,20,50,100]},maxButtonCount:{type:Number,default:7}},{modelValue:{type:Number,default:1},modelModifiers:{},pageSize:{type:Number,default:10},pageSizeModifiers:{}}),emits:["update:modelValue","update:pageSize"],setup(t){const n=ae.useRouter(),a=ae.useRoute(),o=e.useModel(t,"modelValue"),r=e.useModel(t,"pageSize"),c=t,u=e.ref("");e.watch(r,()=>{o.value>s.value&&m(s.value)});const s=e.computed(()=>!c.total||r.value<=0?0:Math.max(0,Math.ceil(c.total/r.value)));function m(y){const p=Math.min(Math.max(1,Math.floor(y||1)),Math.max(1,s.value||1));p!==o.value&&(o.value=p)}function k(){let y=Number(u.value);if(!y||isNaN(y)||y<1||y>s.value){u.value="",ie.warn("请输入有效页码");return}m(y),u.value=""}function b(y){if(y)if(y.ellipsis){const p=Math.max(3,Math.min(s.value,Math.max(5,c.maxButtonCount)-2));y.key==="left"?m(o.value-p):m(o.value+p)}else y.page&&m(y.page)}const x=e.computed(()=>{const y=[],p=s.value,h=Math.max(5,c.maxButtonCount),S=o.value;if(p<=h){for(let l=1;l<=p;l++)y.push({key:`p${l}`,page:l,label:l});return y}const C=Math.floor((h-1)/2);let T=Math.max(2,S-C),g=Math.min(p-1,S+C);S-1<=C&&(T=2,g=h-1),p-S<=C&&(T=p-(h-2),g=p-1),y.push({key:"p1",page:1,label:1}),T>2&&y.push({key:"left",ellipsis:!0,label:"..."});for(let l=T;l<=g;l++)y.push({key:`p${l}`,page:l,label:l});return g<p-1&&y.push({key:"right",ellipsis:!0,label:"..."}),y.push({key:`p${p}`,page:p,label:p}),y}),$=e.watch(()=>c.total,y=>{if(!y)return;const p=+a.query.page,h=+a.query.pageSize;h&&!isNaN(h)&&c.pageSizes.includes(h)&&(r.value=h),p<=s.value&&(m(p),$())},{immediate:!0});return e.watch([o,r],()=>{n.replace({query:{...a.query,page:o.value,pageSize:r.value}})}),(y,p)=>t.total?(e.openBlock(),e.createElementBlock("div",je,[t.total>r.value?(e.openBlock(),e.createElementBlock("div",Pe,[e.createElementVNode("button",{disabled:o.value===1,onClick:p[0]||(p[0]=h=>m(o.value-1))},"上一页",8,Re),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x.value,h=>(e.openBlock(),e.createElementBlock("button",{key:h.key,class:e.normalizeClass({active:h.page===o.value}),onClick:S=>b(h)},e.toDisplayString(h.label),11,Ue))),128)),e.createElementVNode("button",{disabled:o.value===s.value||!s.value,onClick:p[1]||(p[1]=h=>m(o.value+1))}," 下一页 ",8,Ye)])):e.createCommentVNode("",!0),e.createElementVNode("div",qe,[e.createElementVNode("p",null,"共"+e.toDisplayString(t.total)+"条,第"+e.toDisplayString(o.value)+" / "+e.toDisplayString(s.value||1)+"页",1),e.withDirectives(e.createElementVNode("select",{"onUpdate:modelValue":p[2]||(p[2]=h=>r.value=h)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.pageSizes,h=>(e.openBlock(),e.createElementBlock("option",{key:h,value:h},e.toDisplayString(h)+" / 页",9,Fe))),128))],512),[[e.vModelSelect,r.value,void 0,{number:!0}]]),t.total>r.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.withDirectives(e.createElementVNode("input",{type:"number","onUpdate:modelValue":p[3]||(p[3]=h=>u.value=h),min:"1",max:s.value||1,onKeyup:e.withKeys(k,["enter"]),placeholder:"页码"},null,40,We),[[e.vModelText,u.value,void 0,{number:!0}]]),e.createElementVNode("button",{onClick:k},"跳转")],64)):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-e175d2aa"]]);H.install=function(t){t.component(H.name,H)};const Xe={class:"warn-container"},D=_(Object.assign({name:"Warn"},{__name:"index",props:{msg:{type:String,default:"暂无数据"}},setup(t){return(n,a)=>(e.openBlock(),e.createElementBlock("div",Xe,[e.createVNode(e.unref(B),{type:"tip"}),e.createElementVNode("p",null,e.toDisplayString(t.msg),1),e.renderSlot(n.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-0e46cecf"]]);D.install=function(t){t.component(D.name,D)};const Je={class:"table-container"},Ke={key:0,class:"table-inner"},Ge={class:"row"},Qe={class:"content"},O=_(Object.assign({name:"Table"},{__name:"index",props:{data:{type:Array,required:!0}},setup(t){return(n,a)=>(e.openBlock(),e.createElementBlock("div",Je,[t.data.length?(e.openBlock(),e.createElementBlock("div",Ke,[e.createElementVNode("header",Ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data[0],(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:"cell",key:r},e.toDisplayString(r),1))),128))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data,(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:"row",key:r},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o,(c,u)=>(e.openBlock(),e.createElementBlock("div",{class:"cell",key:u},[e.createElementVNode("p",Qe,e.toDisplayString(c),1)]))),128))]))),128))])):(e.openBlock(),e.createBlock(e.unref(D),{key:1}))]))}}),[["__scopeId","data-v-f0bc9df0"]]);O.install=function(t){t.component(O.name,O)};const Ze={class:"timer-container"},j=Object.assign({name:"Timer"},{__name:"index",setup(t,{expose:n}){const a=e.ref(0);let o;const r=e.computed(()=>c(a.value));e.onUnmounted(()=>{clearInterval(o)});const c=()=>{const m=Math.floor(a.value/3600),k=Math.floor(a.value%3600/60),b=a.value%60;return(m?[m,k,b]:[k,b]).map($=>$.toString().padStart(2,"0")).join(":")};return n({start:m=>{m!==void 0&&(a.value=m),!o&&(o=setInterval(()=>{a.value++},1e3))},stop:()=>{clearInterval(o),o=null},getTime:()=>a.value}),(m,k)=>(e.openBlock(),e.createElementBlock("span",Ze,e.toDisplayString(r.value),1))}});j.install=function(t){t.component(j.name,j)};const et=t=>e.computed(()=>{const n=document.createElement("canvas"),a=window.devicePixelRatio||1,r=t.fontSize*a+"px serif",c=n.getContext("2d"),{width:u}=c.measureText(t.text),s=Math.max(100,u)+t.gap*a;return n.width=s,n.height=s,c.translate(n.width/2,n.height/2),c.rotate(Math.PI/180*-t.rotate),c.fillStyle=t.color,c.font=r,c.textAlign="center",c.textBaseline="middle",c.fillText(t.text,0,0),{base64:n.toDataURL(),size:s/a}}),P=_(Object.assign({name:"Watermark"},{__name:"index",props:{text:{type:String,default:"Watermark"},fontSize:{type:Number,default:20},gap:{type:Number,default:100},rotate:{type:Number,default:-45},color:{type:String,default:"rgba(0, 0, 0, .1)"}},setup(t){const n=e.useTemplateRef("parentRef"),a=t;let o;const r=et(a),c=()=>{if(!n.value)return;o&&o.remove();const{base64:s,size:m}=r.value;o=document.createElement("div"),o.style.position="absolute",o.style.backgroundImage=`url(${s})`,o.style.backgroundRepeat="repeat",o.style.backgroundSize=`${m}px ${m}px`,o.style.pointerEvents="none",o.style.zIndex=9999,o.style.inset=0,n.value.appendChild(o)},u=new MutationObserver(s=>{for(const m of s){for(const k of m.removedNodes)if(k===o){c();return}if(m.target===o){c();return}}});return e.onMounted(()=>{c(),u.observe(n.value,{attributes:!0,childList:!0,subtree:!0})}),e.onUnmounted(()=>{u.disconnect()}),(s,m)=>(e.openBlock(),e.createElementBlock("div",{class:"watermark-container",ref_key:"parentRef",ref:n},[e.renderSlot(s.$slots,"default",{},void 0,!0)],512))}}),[["__scopeId","data-v-b86ee0ab"]]);P.install=function(t){t.component(P.name,P)};const tt={class:"switch-container"},nt={class:"slider"},ot={class:"circle"},lt={class:"cross","xml:space":"preserve",style:{"enable-background":"new 0 0 512 512"},viewBox:"0 0 365.696 365.696",y:"0",x:"0",height:"6",width:"6","xmlns:xlink":"http://www.w3.org/1999/xlink",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},at={class:"checkmark","xml:space":"preserve",style:{"enable-background":"new 0 0 512 512"},viewBox:"0 0 24 24",y:"0",x:"0",height:"10",width:"10","xmlns:xlink":"http://www.w3.org/1999/xlink",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},R=_(Object.assign({name:"Switch"},{__name:"index",props:{modelValue:{type:Boolean,required:!0},modelModifiers:{}},emits:["update:modelValue"],setup(t){const n=e.useModel(t,"modelValue");return(a,o)=>(e.openBlock(),e.createElementBlock("label",tt,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":o[0]||(o[0]=r=>n.value=r)},null,512),[[e.vModelCheckbox,n.value]]),e.createElementVNode("div",nt,[e.createElementVNode("div",ot,[(e.openBlock(),e.createElementBlock("svg",lt,o[1]||(o[1]=[e.createElementVNode("g",null,[e.createElementVNode("path",{"data-original":"#000000",fill:"currentColor",d:"M243.188 182.86 356.32 69.726c12.5-12.5 12.5-32.766 0-45.247L341.238 9.398c-12.504-12.503-32.77-12.503-45.25 0L182.86 122.528 69.727 9.374c-12.5-12.5-32.766-12.5-45.247 0L9.375 24.457c-12.5 12.504-12.5 32.77 0 45.25l113.152 113.152L9.398 295.99c-12.503 12.503-12.503 32.769 0 45.25L24.48 356.32c12.5 12.5 32.766 12.5 45.247 0l113.132-113.132L295.99 356.32c12.503 12.5 32.769 12.5 45.25 0l15.081-15.082c12.5-12.504 12.5-32.77 0-45.25zm0 0"})],-1)]))),(e.openBlock(),e.createElementBlock("svg",at,o[2]||(o[2]=[e.createElementVNode("g",null,[e.createElementVNode("path",{class:"","data-original":"#000000",fill:"currentColor",d:"M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0 1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z"})],-1)])))])])]))}}),[["__scopeId","data-v-f75b2497"]]);R.install=function(t){t.component(R.name,R)};const rt={class:"checkbox-container"},ct={class:"label"},st=["value"],it={class:"desc"},U=_(Object.assign({name:"Checkbox"},{__name:"index",props:e.mergeModels({value:{required:!0},title:{type:String,required:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const n=e.useModel(t,"modelValue");return(a,o)=>(e.openBlock(),e.createElementBlock("div",rt,[e.createElementVNode("label",ct,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":o[0]||(o[0]=r=>n.value=r),value:t.value},null,8,st),[[e.vModelCheckbox,n.value]]),o[1]||(o[1]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 200 200",class:"svg"},[e.createElementVNode("rect",{x:"0",y:"0",width:"200",height:"200","stroke-width":"40",class:"box",fill:"rgba(207,205,205,0.425)",rx:"30",ry:"30"}),e.createElementVNode("path",{"stroke-width":"15",d:"M52 111.018L76.9867 136L149 64",class:"tick"})],-1)),e.createElementVNode("span",it,e.toDisplayString(t.title),1)])]))}}),[["__scopeId","data-v-d71f306b"]]);U.install=function(t){t.component(U.name,U)};const dt=500,F=100,de={up:[{transform:`translateY(${F}px)`,opacity:0},{transform:"translateY(0)",opacity:1}],down:[{transform:`translateY(-${F}px)`,opacity:0},{transform:"translateY(0)",opacity:1}],left:[{transform:`translateX(${F}px)`,opacity:0},{transform:"translateX(0)",opacity:1}],right:[{transform:`translateX(-${F}px)`,opacity:0},{transform:"translateX(0)",opacity:1}],scale:[{transform:"scale(0)",opacity:0},{transform:"scale(1)",opacity:1}],opacity:[{opacity:0},{opacity:1}],fade:[{transform:"translateY(-5px) scale(1.2)",opacity:0},{transform:"translateY(0) scale(1)",opacity:1}]},me={name:"delay-in",mounted(t,n){const a=n.arg||"fade",o=t.animate(de[a]||de.fade,{duration:dt,easing:"ease-in-out",delay:n.value||0,fill:"both"});o.onfinish=()=>{o.cancel()},o.play()}},mt="正在加载...",W=new WeakMap,pt=()=>{const t=document.createElement("div");return t.style.position="absolute",t.style.top="50%",t.style.left="50%",t.style.transform="translate(-50%, -50%)",t.style.zIndex="100",t},pe=t=>{const n=W.get(t);n&&(n.app.unmount(),n.container.remove(),n.changePosition&&(t.style.position=""),W.delete(t))},ue=(t,n)=>{const a={};getComputedStyle(t).position==="static"&&(t.style.position="relative",a.changePosition=!0);const o=e.ref("");fe(o,n.value);const r=pt(),c=e.defineComponent({render:()=>e.h(v,{text:o.value})}),u=e.createApp(c);u.mount(r),t.appendChild(r),a.container=r,a.app=u,a.textRef=o,W.set(t,a)},fe=(t,n)=>{n===!0?t.value=mt:t.value=n},he={name:"loading",mounted(t,n){n.value!==!1&&ue(t,n)},updated(t,n){if(n.value===!1){pe(t);return}const a=W.get(t);a?fe(a.textRef,n.value):ue(t,n)},unmounted(t){pe(t)}},ut=600,ye=100,ge=new WeakMap,ee=new IntersectionObserver(t=>{for(const n of t){const a=ge.get(n.target);a&&n.isIntersecting&&(a.play(),ee.unobserve(n.target))}}),ft=t=>t.getBoundingClientRect().top-ye>window.innerHeight,ke={name:"slide-in",mounted(t,n){if(!ft(t))return;const a=t.animate([{transform:`translateY(${ye}px)`,opacity:.5},{transform:"translateY(0px)",opacity:1}],{duration:ut,easing:"ease-out",delay:n.value||0,fill:"both"});a.pause(),a.onfinish=()=>{a.cancel()},ge.set(t,a),ee.observe(t)},unmounted(t){ee.unobserve(t)}},be={name:"text-jump",mounted(t,n){const a=n.value||["#ff1e00","#335bff"];t.style.cssText+=`
|
|
2
2
|
background-image: linear-gradient(90deg, ${a[0]}33 0%, ${a[0]} 20%, ${a[1]} 80%, ${a[1]}33 100%);
|
|
3
3
|
background-size: 200% 100%;
|
|
4
4
|
background-clip: text;
|
|
5
5
|
color: transparent;
|
|
6
|
-
`,t.animate([{backgroundPositionX:"200%"},{backgroundPositionX:"0%"}],{duration:4e3,easing:"linear",iterations:1/0,delay:xe(0,8)*-500}).play()}};let L=null;const
|
|
6
|
+
`,t.animate([{backgroundPositionX:"200%"},{backgroundPositionX:"0%"}],{duration:4e3,easing:"linear",iterations:1/0,delay:xe(0,8)*-500}).play()}};let L=null;const X=new WeakMap,Ee=()=>L||(L=new IntersectionObserver(t=>{t.forEach(n=>{if(n.isIntersecting){const a=n.target,{src:o,callbacks:r}=X.get(a);r.onEnterViewport?.(a),L.unobserve(a),r.onLoadStart?.(a,o),ht(a,o,r.onLoadSuccess,r.onLoadError)}})}),L),ht=(t,n,a,o)=>{const r=new Image;r.src=n,r.onload=()=>{t.src=n,a?.(t,n)},r.onerror=c=>{o?.(t,n,c)}},we={name:"lazy",mounted(t,n){if(!(t instanceof HTMLImageElement)){console.warn("v-lazy 指令仅支持 img 元素");return}let a="",o={onEnterViewport:null,onLoadStart:null,onLoadSuccess:null,onLoadError:null};if(typeof n.value=="string")a=n.value;else if(typeof n.value=="object"&&n.value.src)a=n.value.src,o={...o,...n.value};else{console.error("v-lazy 绑定值格式错误,支持:字符串地址 | { src: 地址, 回调函数 }");return}X.set(t,{src:a,callbacks:o}),Ee().observe(t)},updated(t,n){let a="",o={onEnterViewport:null,onLoadStart:null,onLoadSuccess:null,onLoadError:null};if(typeof n.value=="string")a=n.value;else if(typeof n.value=="object"&&n.value.src)a=n.value.src,o={...o,...n.value};else return;X.set(t,{src:a,callbacks:o}),Ee().observe(t)},unmounted(t){L&&t instanceof HTMLImageElement&&(L.unobserve(t),X.delete(t))}};let Y=null,J=null;const te=document.createElement("div"),_e=t=>typeof t=="object"&&t!==null,yt=(t,n)=>(!_e(t)&&(t={content:t}),n==="prompt"&>(t),t.type=n,t),gt=t=>{if(!Array.isArray(t.content))throw new Error("Prompt content must be an array");t.content=t.content.map(n=>{if(typeof n=="string")return{label:n};if(_e(n))return n;throw new Error("Prompt content must be an array of strings or objects")})},kt=()=>{Y||(document.body.appendChild(te),Y=e.createApp(V,{onDestroy:()=>{Y.unmount(),Y=null,document.body.removeChild(te)}}),J=Y.mount(te))},ne=(t,n)=>{kt();const a=yt(t,n);return J.open(a)},bt={destroy:()=>{J&&J.destroyAll()},confirm:t=>ne(t,"confirm"),alert:t=>ne(t,"alert"),prompt:t=>ne(t,"prompt")},Et=[V,B,v,I,M,A,H,O,j,D,P,R,U],wt=[me,he,ke,be,we],Se=t=>{Et.forEach(n=>{t.component(n.name,n)}),wt.forEach(n=>{t.directive(n.name,n)})},_t={install:Se};f.Checkbox=U,f.Dialog=V,f.Icon=B,f.Loading=v,f.Message=I,f.Modal=M,f.Nav=A,f.Pagination=H,f.Switch=R,f.Table=O,f.Timer=j,f.Warn=D,f.Watermark=P,f.default=_t,f.dialog=bt,f.disableBodyScroll=Be,f.install=Se,f.msg=ie,f.useScrollControl=G,f.vDelayIn=me,f.vLazy=we,f.vLoading=he,f.vSlideIn=ke,f.vTextJump=be,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|