@tan-bin/ui 1.0.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 TB
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,38 @@
+# tb-ui
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Recommended Browser Setup
+
+- Chromium-based browsers (Chrome, Edge, Brave, etc.):
+  - [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd) 
+  - [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters)
+- Firefox:
+  - [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
+  - [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/)
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vite.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Compile and Minify for Production
+
+```sh
+npm run build
+```

package/dist/es/tb-ui.css

@@ -0,0 +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}