@a-drowned-fish/rox-v 1.0.46 → 1.0.47

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.
Files changed (18) hide show
  1. package/README.md +2 -2
  2. package/dist/es/input/input.js +1 -1
  3. package/dist/es/input/input.vue_vue_type_script_setup_true_lang.js +19 -13
  4. package/dist/es/input/style.css +1 -1
  5. package/dist/es/slider-captcha/slider-captcha.js +1 -1
  6. package/dist/es/slider-captcha/style.css +1 -1
  7. package/dist/es/style.css +1 -1
  8. package/dist/index.js +1 -1
  9. package/dist/lib/input/input.js +1 -1
  10. package/dist/lib/input/input.vue_vue_type_script_setup_true_lang.js +1 -1
  11. package/dist/lib/input/style.css +1 -1
  12. package/dist/lib/slider-captcha/slider-captcha.js +1 -1
  13. package/dist/lib/slider-captcha/style.css +1 -1
  14. package/dist/lib/style.css +1 -1
  15. package/dist/style.css +1 -1
  16. package/dist/types/components/input/input.vue.d.ts +1 -0
  17. package/dist/types/components/input/types.d.ts +1 -0
  18. package/package.json +2 -3
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Rox V
2
2
 
3
- 一个基于 Vue 3 的组件库，支持按需引入和自动导入。
3
+ 一个基于 Vue 3 的组件库，支持按需引入和自动导入。 支持 SSR
4
4
 
5
5
  ## 安装
6
6
 
@@ -19,7 +19,7 @@ pnpm add @a-drowned-fish/rox-v
19
19
  ```ts
20
20
  import { createApp } from "vue";
21
21
  import RoxV from "@a-drowned-fish/rox-v";
22
- import "@a-drowned-fish/rox-v/dist/style.css"; // 如果需要样式
22
+ import "@a-drowned-fish/rox-v/dist/style.css"; // 如果需要样式 (SSR OR SSG 建议引入， 避免页面样式闪烁)
23
23
 
24
24
  const app = createApp(App);
25
25
  app.use(RoxV);
package/dist/es/input/input.js CHANGED
@@ -2,6 +2,6 @@ import e from "../_virtual/_plugin-vue_export-helper.js";
2
2
  import t from "./input.vue_vue_type_script_setup_true_lang.js";
3
3
  /* empty css */
4
4
  //#region components/input/input.vue
5
- var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-238a598a"]]);
5
+ var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-b3e634e2"]]);
6
6
  //#endregion
7
7
  export { n as default };
package/dist/es/input/input.vue_vue_type_script_setup_true_lang.js CHANGED
@@ -1,9 +1,13 @@
1
- import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, mergeModels as i, onMounted as a, openBlock as o, useModel as s, useTemplateRef as c, vModelDynamic as l, vShow as u, watch as d, withDirectives as f, withKeys as p } from "vue";
1
+ import { Fragment as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, mergeModels as a, onMounted as o, openBlock as s, useModel as c, useTemplateRef as l, vModelDynamic as u, watch as d, withDirectives as f, withKeys as p } from "vue";
2
2
  //#region components/input/input.vue?vue&type=script&setup=true&lang.ts
3
- var m = { class: "input-box" }, h = ["type", "placeholder"], g = ["src"], _ = /* @__PURE__ */ r({
3
+ var m = { class: "input-box" }, h = [
4
+ "type",
5
+ "name",
6
+ "placeholder"
7
+ ], g = ["src"], _ = /* @__PURE__ */ i({
4
8
  name: "Input",
5
9
  __name: "input",
6
- props: /* @__PURE__ */ i({
10
+ props: /* @__PURE__ */ a({
7
11
  placeholder: { default: "" },
8
12
  type: { default: "text" },
9
13
  iconVisible: {
@@ -14,7 +18,8 @@ var m = { class: "input-box" }, h = ["type", "placeholder"], g = ["src"], _ = /*
14
18
  autoFocus: {
15
19
  type: Boolean,
16
20
  default: !1
17
- }
21
+ },
22
+ name: { default: "" }
18
23
  }, {
19
24
  modelValue: {
20
25
  type: String,
@@ -22,30 +27,31 @@ var m = { class: "input-box" }, h = ["type", "placeholder"], g = ["src"], _ = /*
22
27
  },
23
28
  modelModifiers: {}
24
29
  }),
25
- emits: /* @__PURE__ */ i(["click", "enter"], ["update:modelValue"]),
26
- setup(r, { emit: i }) {
27
- let _ = i, v = c("input"), y = s(r, "modelValue"), b = r, x = () => {
30
+ emits: /* @__PURE__ */ a(["click", "enter"], ["update:modelValue"]),
31
+ setup(i, { emit: a }) {
32
+ let _ = a, v = l("input"), y = c(i, "modelValue"), b = i, x = () => {
28
33
  _("click"), v.value?.focus?.(), setTimeout(() => {
29
34
  let e = y.value.length;
30
35
  v.value?.setSelectionRange?.(e, e);
31
36
  }, 0);
32
37
  };
33
- return a(() => {
38
+ return o(() => {
34
39
  b.autoFocus && v.value?.focus?.();
35
40
  }), d(() => b.autoFocus, (e) => {
36
41
  e && v.value?.focus?.();
37
- }), (r, i) => (o(), t("div", m, [f(n("input", {
42
+ }), (i, a) => (s(), n("div", m, [f(r("input", {
38
43
  type: b.type,
39
- "onUpdate:modelValue": i[0] ||= (e) => y.value = e,
44
+ "onUpdate:modelValue": a[0] ||= (e) => y.value = e,
40
45
  ref: "input",
46
+ name: b.name,
41
47
  placeholder: b.placeholder,
42
- onKeyup: i[1] ||= p((e) => r.$emit("enter"), ["enter"])
43
- }, null, 40, h), [[l, y.value]]), b.icon ? f((o(), t("img", {
48
+ onKeyup: a[1] ||= p((e) => i.$emit("enter"), ["enter"])
49
+ }, null, 40, h), [[u, y.value]]), b.icon ? (s(), n(e, { key: 0 }, [b.iconVisible ? (s(), n("img", {
44
50
  key: 0,
45
51
  src: b.icon,
46
52
  alt: "icon",
47
53
  onClick: x
48
- }, null, 8, g)), [[u, b.iconVisible]]) : e("", !0)]));
54
+ }, null, 8, g)) : t("", !0)], 64)) : t("", !0)]));
49
55
  }
50
56
  });
51
57
  //#endregion
package/dist/es/input/style.css CHANGED
@@ -1 +1 @@
1
- .input-box[data-v-238a598a]{will-change:border-color;box-sizing:border-box;border-bottom:1px solid #00000029;align-items:center;gap:16px;height:60px;padding:16px 0;transition:border-color .2s ease-in-out;display:flex}.input-box[data-v-238a598a]:focus-within{border-color:#000}.input-box input[data-v-238a598a]{width:100%;height:100%;font-size:inherit;border:none;outline:none}input[data-v-238a598a]::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-238a598a]::-moz-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-238a598a]:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}.input-box img[data-v-238a598a]{-o-object-fit:contain;object-fit:contain;cursor:pointer;width:24px;height:24px}
1
+ .input-box[data-v-b3e634e2]{will-change:border-color;box-sizing:border-box;border-bottom:1px solid #00000029;align-items:center;gap:16px;height:60px;padding:16px 0;transition:border-color .2s ease-in-out;display:flex}.input-box[data-v-b3e634e2]:focus-within{border-color:#000}.input-box input[data-v-b3e634e2]{width:100%;height:100%;font-size:inherit;border:none;outline:none}input[data-v-b3e634e2]::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-b3e634e2]::-moz-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-b3e634e2]:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}.input-box img[data-v-b3e634e2]{-o-object-fit:contain;object-fit:contain;cursor:pointer;width:24px;height:24px}
package/dist/es/slider-captcha/slider-captcha.js CHANGED
@@ -2,6 +2,6 @@ import e from "../_virtual/_plugin-vue_export-helper.js";
2
2
  import t from "./slider-captcha.vue_vue_type_script_setup_true_lang.js";
3
3
  /* empty css */
4
4
  //#region components/slider-captcha/slider-captcha.vue
5
- var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-15b18d6a"]]);
5
+ var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-28c7c0aa"]]);
6
6
  //#endregion
7
7
  export { n as default };
package/dist/es/slider-captcha/style.css CHANGED
@@ -1 +1 @@
1
- .slider-captcha-box[data-v-15b18d6a]{display:inline-block}.slider-captcha-bg-box[data-v-15b18d6a]{width:100%;font-size:0;position:relative;overflow:hidden}.slider-captcha-bg[data-v-15b18d6a]{width:100%}.slider-captcha-block[data-v-15b18d6a]{z-index:10;position:absolute;left:0}.slider-track-box[data-v-15b18d6a]{width:100%;position:relative}.slider-track-bg[data-v-15b18d6a]{height:100%;position:absolute;top:0;left:0}.slider-track-thumb[data-v-15b18d6a]{cursor:pointer;background-color:#1a171b0d;justify-content:center;align-items:center;width:100px;height:50px;margin-top:15px;display:flex}.slide-enter-from[data-v-15b18d6a],.slide-leave-to[data-v-15b18d6a]{transform:translateY(100%)}.slide-enter-active[data-v-15b18d6a],.slide-leave-active[data-v-15b18d6a]{transition:transform .15s ease-in-out}.verify-result-tip[data-v-15b18d6a]{z-index:15;position:absolute;bottom:0;left:0;right:0}
1
+ .slider-captcha-box[data-v-28c7c0aa]{display:inline-block}.slider-captcha-bg-box[data-v-28c7c0aa]{width:100%;font-size:0;position:relative;overflow:hidden}.slider-captcha-bg[data-v-28c7c0aa]{width:100%}.slider-captcha-block[data-v-28c7c0aa]{z-index:10;position:absolute;left:0}.slider-track-box[data-v-28c7c0aa]{width:100%;position:relative}.slider-track-bg[data-v-28c7c0aa]{height:100%;position:absolute;top:0;left:0}.slider-track-thumb[data-v-28c7c0aa]{cursor:pointer;background-color:#1a171b0d;justify-content:center;align-items:center;width:100px;height:40px;margin-top:15px;display:flex}.slide-enter-from[data-v-28c7c0aa],.slide-leave-to[data-v-28c7c0aa]{transform:translateY(100%)}.slide-enter-active[data-v-28c7c0aa],.slide-leave-active[data-v-28c7c0aa]{transition:transform .15s ease-in-out}.verify-result-tip[data-v-28c7c0aa]{z-index:15;position:absolute;bottom:0;left:0;right:0}
package/dist/es/style.css CHANGED
@@ -1 +1 @@
1
- :-webkit-any(input:-webkit-autofill,textarea:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--input-bg,#fff) inset;-webkit-text-fill-color:inherit}:is(input:autofill,textarea:autofill){-webkit-box-shadow:0 0 0 1000px var(--input-bg,#fff) inset;-webkit-text-fill-color:inherit}a:focus,input:focus,textarea:focus,button:focus{outline:none}input::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}textarea::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input::-moz-placeholder{color:var(--input-placeholder-color,#999)}textarea::-moz-placeholder{color:var(--input-placeholder-color,#999)}input:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}
1
+ html,body{overscroll-behavior:none}:-webkit-any(input:-webkit-autofill,textarea:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--input-bg,#fff) inset;-webkit-text-fill-color:inherit}:is(input:autofill,textarea:autofill){-webkit-box-shadow:0 0 0 1000px var(--input-bg,#fff) inset;-webkit-text-fill-color:inherit}a:focus,input:focus,textarea:focus,button:focus{outline:none}input::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}textarea::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input::-moz-placeholder{color:var(--input-placeholder-color,#999)}textarea::-moz-placeholder{color:var(--input-placeholder-color,#999)}input:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- (function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`),require(`fish-helper`)):typeof define==`function`&&define.amd?define([`exports`,`vue`,`fish-helper`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`rox-v`]={},e.Vue,e.helper))})(this,function(e,t,n){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var r=Object.create,i=Object.defineProperty,a=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,s=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty,l=(e,t)=>{let n={};for(var r in e)i(n,r,{get:e[r],enumerable:!0});return t||i(n,Symbol.toStringTag,{value:`Module`}),n},u=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var s=o(t),l=0,u=s.length,d;l<u;l++)d=s[l],!c.call(e,d)&&d!==n&&i(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=a(t,d))||r.enumerable});return e};n=((e,t,n)=>(n=e==null?{}:r(s(e)),u(t||!e||!e.__esModule?i(n,`default`,{value:e,enumerable:!0}):n,e)))(n);var d=[`inputmode`,`maxlength`],f=(0,t.defineComponent)({name:`InputOtp`,__name:`input-otp`,props:{modelValue:{default:``},length:{default:6},itemClass:{default:``},activeItemClass:{default:``},gap:{default:`10px`},hasFilledItemClass:{default:`active`},type:{default:`number`},autoFocus:{type:Boolean,default:!1}},emits:[`update:modelValue`,`complete`,`enter`],setup(e,{emit:n}){let r=[`ArrowLeft`,`ArrowRight`,`Home`,`End`],i=e,a=n,o=(0,t.ref)(null),s=(0,t.ref)(i.modelValue);(0,t.watch)(()=>i.modelValue,e=>{e!==s.value&&(s.value=e)});function c(e){let t=e.target.value;t=i.type===`text`?t.replace(/[^\dA-Za-z]/g,``):t.replace(/\D/g,``),t=t.slice(0,i.length),s.value=t,a(`update:modelValue`,t),t.length===i.length&&a(`complete`,t)}function l(){(0,t.nextTick)(()=>{if(o.value){let e=s.value.length;o.value.setSelectionRange?.(e,e)}})}function u(e){let t=s.value,n=e.key;if(n===`Backspace`||n===`Delete`){if(e.preventDefault(),t.length>0){let e=t.slice(0,-1);s.value=e,a(`update:modelValue`,e),l()}}else r.includes(n)&&e.preventDefault()}function f(){i.modelValue.length>=i.length&&a(`enter`)}function p(){o.value?.focus()}function m(e){return e===s.value.length}function h(e){return e<s.value.length}return(0,t.onMounted)(()=>{i.autoFocus&&p()}),(0,t.watch)(()=>i.autoFocus,e=>{e&&p()}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`otp-wrapper`,onClick:p},[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{inputmode:i.type===`text`?`text`:`numeric`,autocomplete:`one-time-code`,ref_key:`inputRef`,ref:o,"onUpdate:modelValue":r[0]||=e=>s.value=e,maxlength:e.length,onInput:c,onKeydown:u,onKeyup:(0,t.withKeys)(f,[`enter`]),onFocus:l,style:{position:`absolute`,opacity:`0`,"pointer-events":`none`,width:`1px`,height:`1px`}},null,40,d),[[t.vModelText,s.value]]),(0,t.createElementVNode)(`div`,{class:`otp-box`,style:(0,t.normalizeStyle)({gap:i.gap})},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.length,(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:n,class:(0,t.normalizeClass)([`otp-item`,[{[i.activeItemClass]:m(n)},{[i.hasFilledItemClass]:h(n)},i.itemClass]])},(0,t.toDisplayString)(s.value[n]||``),3))),128))],4)]))}}),p=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},m=p(f,[[`__scopeId`,`data-v-fd524a3d`]]);m.install=e=>(m.name&&e.component(m.name,m),e);var h=m,g=p((0,t.defineComponent)({name:`Popup`,__name:`popup`,props:(0,t.mergeModels)({to:{default:`body`},bg:{default:`rgba(0, 0, 0, .5)`},duration:{default:150},position:{default:`bottom`},maskClosable:{type:Boolean,default:!0},top:{default:`0px`},left:{default:`0px`},right:{default:`0px`},bottom:{default:`0px`},zIndex:{default:50}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=[`bottom`,`left`,`right`,`top`,`center`],r=(0,t.useModel)(e,`modelValue`),i=e;function a(){i.maskClosable&&(r.value=!1)}return(e,o)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:i.to},[(0,t.createVNode)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[r.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,style:(0,t.normalizeStyle)({"--duration":`${i.duration}ms`,backgroundColor:i.bg,top:i.top,left:i.left,right:i.right,bottom:i.bottom,zIndex:i.zIndex}),class:(0,t.normalizeClass)([`popup-container`,[`popup-container-${i.position}`,{"popup-container-bottom":!n.includes(i.position)}]]),onClick:a},[(0,t.createElementVNode)(`div`,{class:`popup-content`,onClick:o[0]||=(0,t.withModifiers)(()=>{},[`stop`])},[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)])],6)):(0,t.createCommentVNode)(``,!0)]),_:3})],8,[`to`]))}}),[[`__scopeId`,`data-v-49c688c4`]]);g.install=e=>(g.name&&e.component(g.name,g),e);var _=g,v=[`type`],y=p((0,t.defineComponent)({name:`Button`,__name:`button`,props:{padding:{default:`8px 16px`},block:{type:Boolean,default:!1},bg:{default:`transparent`},border:{default:`1px solid #1A171B`},radius:{default:`0`},disabled:{type:Boolean,default:!1},type:{default:`button`},disabledBg:{default:`rgba(26,23,27,0.16)`},enableDisabledClick:{type:Boolean,default:!1}},emits:[`click`],setup(e,{emit:n}){let r=n,i=e,a=e=>{(!i.disabled||i.enableDisabledClick)&&r(`click`,e)};return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{onClick:a,class:(0,t.normalizeClass)([`button-container`,{block:i.block,disabled:i.disabled}]),type:i.type,style:(0,t.normalizeStyle)({padding:i.padding,border:i.border,borderRadius:i.radius,"--bg":i.bg,"--disabled-bg":i.disabledBg})},[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)],14,v))}}),[[`__scopeId`,`data-v-1d025e54`]]);y.install=e=>(y.name&&e.component(y.name,y),e);var b=y,x=p((0,t.defineComponent)({name:`Collapse`,__name:`collapse`,props:{open:{type:Boolean,default:!1},maxHeight:{default:`100dvh`},duration:{default:200}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`collapse`},{default:(0,t.withCtx)(()=>[n.open?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`collapse-content`,style:(0,t.normalizeStyle)({"--max-height":n.maxHeight,"--duration":n.duration+`ms`})},[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)],4)):(0,t.createCommentVNode)(``,!0)]),_:3}))}}),[[`__scopeId`,`data-v-46a0054a`]]);x.install=e=>(x.name&&e.component(x.name,x),e);var S=x,C={class:`input-box`},w=[`type`,`placeholder`],T=[`src`],E=p((0,t.defineComponent)({name:`Input`,__name:`input`,props:(0,t.mergeModels)({placeholder:{default:``},type:{default:`text`},iconVisible:{type:Boolean,default:!1},icon:{default:``},autoFocus:{type:Boolean,default:!1}},{modelValue:{type:String,default:``},modelModifiers:{}}),emits:(0,t.mergeModels)([`click`,`enter`],[`update:modelValue`]),setup(e,{emit:n}){let r=n,i=(0,t.useTemplateRef)(`input`),a=(0,t.useModel)(e,`modelValue`),o=e,s=()=>{r(`click`),i.value?.focus?.(),setTimeout(()=>{let e=a.value.length;i.value?.setSelectionRange?.(e,e)},0)};return(0,t.onMounted)(()=>{o.autoFocus&&i.value?.focus?.()}),(0,t.watch)(()=>o.autoFocus,e=>{e&&i.value?.focus?.()}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,C,[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{type:o.type,"onUpdate:modelValue":n[0]||=e=>a.value=e,ref:`input`,placeholder:o.placeholder,onKeyup:n[1]||=(0,t.withKeys)(t=>e.$emit(`enter`),[`enter`])},null,40,w),[[t.vModelDynamic,a.value]]),o.icon?(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:0,src:o.icon,alt:`icon`,onClick:s},null,8,T)),[[t.vShow,o.iconVisible]]):(0,t.createCommentVNode)(``,!0)]))}}),[[`__scopeId`,`data-v-238a598a`]]);E.install=e=>(E.name&&e.component(E.name,E),e);var D=E,O={class:`menu-label`},k=[`src`],A=[`src`],j=(0,t.defineComponent)({name:`MenuItem`,__name:`menu-item`,props:(0,t.mergeModels)({checkedIcon:{},checkedIconClass:{},suffixIcon:{},suffixIconClass:{},itemContainerClass:{},itemGap:{},activeItemClass:{},subMenuContainerClass:{},deep:{},item:{},parentValue:{}},{modelValue:{type:Array,default:()=>[]},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=(0,t.useModel)(e,`modelValue`),r=e,i=(0,t.ref)(!1),a=()=>i.value=!0,o=()=>i.value=!1,s=()=>{r.item.children?.length||(n.value=[...r.parentValue,r.item.value])};return(c,l)=>{let u=(0,t.resolveComponent)(`MenuItem`,!0);return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{onMouseenter:a,onMouseleave:o,style:{padding:`0 8px`}},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`menu-item-inner`,[r.itemContainerClass,{active:n.value?.[r.deep]===e.item.value},{[r.activeItemClass]:n.value?.[r.deep]===e.item.value}]]),onClick:s},[(0,t.createElementVNode)(`div`,O,(0,t.toDisplayString)(e.item.label),1),e.suffixIcon&&e.item.children?.length?((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:0,src:r.suffixIcon,class:(0,t.normalizeClass)([`suffix-icon`,r.suffixIconClass]),alt:`suffix-icon`},null,10,k)):(0,t.createCommentVNode)(``,!0),e.checkedIcon&&!e.item.children?.length&&n.value?.[r.deep]===e.item.value?((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:1,src:r.checkedIcon,class:(0,t.normalizeClass)([`checked-icon`,r.checkedIconClass]),alt:`checked-icon`},null,10,A)):(0,t.createCommentVNode)(``,!0)],2),e.item.children?.length?((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{key:0,name:`fade`},{default:(0,t.withCtx)(()=>[i.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`sub-menu-box list-box`,e.subMenuContainerClass])},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.item.children,(i,a)=>((0,t.openBlock)(),(0,t.createBlock)(u,{key:a,modelValue:n.value,"onUpdate:modelValue":l[0]||=e=>n.value=e,item:i,"suffix-icon":e.suffixIcon,"suffix-icon-class":e.suffixIconClass,"checked-icon":e.checkedIcon,"checked-icon-class":e.checkedIconClass,"item-container-class":e.itemContainerClass,"item-gap":e.itemGap,deep:r.deep+1,"active-item-class":r.activeItemClass,"parent-value":r.parentValue.concat(e.item.value)},null,8,[`modelValue`,`item`,`suffix-icon`,`suffix-icon-class`,`checked-icon`,`checked-icon-class`,`item-container-class`,`item-gap`,`deep`,`active-item-class`,`parent-value`]))),128))],2)):(0,t.createCommentVNode)(``,!0)]),_:1})):(0,t.createCommentVNode)(``,!0)],32)}}}),M={key:0,class:`menu-list-box`},N=p((0,t.defineComponent)({name:`Menu`,__name:`menu`,props:(0,t.mergeModels)({duration:{default:100},items:{default:()=>[]},suffixIcon:{},suffixIconClass:{},checkedIcon:{},checkedIconClass:{},listContainerClass:{default:``},subMenuContainerClass:{default:``},defaultContainerClass:{default:``},itemContainerClass:{},itemGap:{default:`4px`},activeItemClass:{default:``}},{modelValue:{type:Array,default:()=>[]},modelModifiers:{}}),emits:(0,t.mergeModels)([`open`,`close`],[`update:modelValue`]),setup(e,{emit:n}){let r=n,i=(0,t.useModel)(e,`modelValue`),a=e,o=(0,t.ref)(!1),s=()=>o.value=!0,c=()=>o.value=!1;return(0,t.watch)(i,()=>{o.value=!1}),(0,t.watch)(o,e=>{r(e?`open`:`close`)}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`menu-box`,style:(0,t.normalizeStyle)({"--duration":a.duration+`ms`})},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`default-box`,a.defaultContainerClass]),onMouseenter:s,onMouseleave:c},[(0,t.renderSlot)(n.$slots,`default`,{},void 0,!0),(0,t.createVNode)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[o.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,M,[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`menu-item-box`,a.listContainerClass]),style:(0,t.normalizeStyle)({"--gap":a.itemGap})},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.items,(n,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:o,class:`menu-item`},[(0,t.createVNode)(j,{modelValue:i.value,"onUpdate:modelValue":r[0]||=e=>i.value=e,item:n,"suffix-icon":e.suffixIcon,"suffix-icon-class":e.suffixIconClass,"checked-icon":e.checkedIcon,"checked-icon-class":e.checkedIconClass,"item-container-class":e.itemContainerClass,"item-gap":a.itemGap,deep:0,"active-item-class":a.activeItemClass,"sub-menu-container-class":a.subMenuContainerClass,"parent-value":[]},null,8,[`modelValue`,`item`,`suffix-icon`,`suffix-icon-class`,`checked-icon`,`checked-icon-class`,`item-container-class`,`item-gap`,`active-item-class`,`sub-menu-container-class`])]))),128))],6)])):(0,t.createCommentVNode)(``,!0)]),_:1})],34)],4))}}),[[`__scopeId`,`data-v-b7084c6e`]]);N.install=e=>(N.name&&e.component(N.name,N),e);var P=N,ee={class:`tab-list-container-inner`},te=[`onClick`],F=p((0,t.defineComponent)({name:`Tab`,__name:`tab`,props:(0,t.mergeModels)({items:{default:()=>[]},gap:{default:`10px`},tabContainerClass:{default:``},tabItemClass:{default:``},panelContainerClass:{default:``},panelItemClass:{default:``},activeLineClass:{default:``}},{modelValue:{type:Number,default:0},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=(0,t.useTemplateRef)(`item`),r=(0,t.ref)(!0),i=(0,t.useModel)(e,`modelValue`),a=e,o=(0,t.reactive)({left:0,width:0}),s=()=>{if(!n.value)return;let e=n.value[i.value];if(!e)return;let{offsetWidth:t,offsetLeft:r}=e;o.left=r||0,o.width=t||0};return(0,t.watch)(i,()=>{r.value&&n.value?.length&&(r.value=!1),s()}),(0,t.watch)(()=>a.items,()=>{s()},{flush:`post`}),(0,t.onMounted)(()=>{s()}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`tab-box-container`,style:(0,t.normalizeStyle)({"--gap":a.gap})},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`tab-list-container`,a.tabContainerClass])},[(0,t.createElementVNode)(`div`,ee,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.items,(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:r,class:(0,t.normalizeClass)([`tab-item-box`,a.tabItemClass]),onClick:e=>i.value=r,ref_for:!0,ref:`item`},[(0,t.renderSlot)(e.$slots,`default`,{item:n,index:r,active:i.value===r},void 0,!0)],10,te))),128)),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`active-tab-item-box`,[{initial:r.value},a.activeLineClass]]),style:(0,t.normalizeStyle)({left:o.left+`px`,width:o.width+`px`})},null,6)])],2),(0,t.renderSlot)(e.$slots,`middle`,{},void 0,!0),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`panel-list-container`,a.panelContainerClass])},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.items,(n,r)=>(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:r,class:(0,t.normalizeClass)([`panel-item-box`,a.panelItemClass])},[(0,t.renderSlot)(e.$slots,`panel`,{item:n,index:r,active:i.value===r},void 0,!0)],2)),[[t.vShow,i.value===r]])),128))],2)],4))}}),[[`__scopeId`,`data-v-8b1a9a29`]]);F.install=e=>(F.name&&e.component(F.name,F),e);var I=(0,t.reactive)({toasts:[]}),L=3e3;function R(){return`xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx`.replace(/[xy]/g,function(e){var t=Math.random()*16|0;return(e==`x`?t:t&3|8).toString(16)})}function z(e){if(e===void 0)I.toasts=[];else{let t=I.toasts.findIndex(t=>t.id===e);t!==-1&&I.toasts.splice(t,1)}}function B(e){let t={id:R(),message:e?.message||``,duration:e?.duration||L,type:e?.type||`info`,iconVisible:e?.iconVisible||!0};return setTimeout(()=>{I.toasts.push(t)},0),setTimeout(()=>{z(t.id)},t.duration),t.id}function V(){return{toast:B,success:(e,t={})=>{let{duration:n=L,iconVisible:r=!0}=t;return B({message:e,duration:n,type:`success`,iconVisible:r})},error:(e,t={})=>{let{duration:n=L,iconVisible:r=!0}=t;return B({message:e,duration:n,type:`error`,iconVisible:r})},info:(e,t={})=>{let{duration:n=L,iconVisible:r=!0}=t;return B({message:e,duration:n,type:`info`,iconVisible:r})},warning:(e,t={})=>{let{duration:n=L,iconVisible:r=!0}=t;return B({message:e,duration:n,type:`warning`,iconVisible:r})},dismiss:z}}var ne=(0,t.readonly)(I),re={class:`toast-item`},ie=(0,t.defineComponent)({name:`ToastItem`,__name:`toast-item`,props:{toast:{},bg:{},top:{},toasterClass:{},titleClass:{},messageClass:{}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,re,[e.toast.message?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`title-box`,e.titleClass])},[e.toast.iconVisible?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[n.$slots[`success-icon`]&&e.toast.type===`success`?(0,t.renderSlot)(n.$slots,`success-icon`,{key:0}):(0,t.createCommentVNode)(``,!0),n.$slots[`error-icon`]&&e.toast.type===`error`?(0,t.renderSlot)(n.$slots,`error-icon`,{key:1}):(0,t.createCommentVNode)(``,!0),n.$slots[`info-icon`]&&e.toast.type===`info`?(0,t.renderSlot)(n.$slots,`info-icon`,{key:2}):(0,t.createCommentVNode)(``,!0),n.$slots[`warning-icon`]&&e.toast.type===`warning`?(0,t.renderSlot)(n.$slots,`warning-icon`,{key:3}):(0,t.createCommentVNode)(``,!0)],64)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)([`message`,e.messageClass])},(0,t.toDisplayString)(e.toast.message),3)],2)):(0,t.createCommentVNode)(``,!0)]))}}),H=p((0,t.defineComponent)({name:`Toaster`,__name:`toaster`,props:{to:{default:`body`},bg:{default:`rgba(0, 0, 0, 0.6)`},top:{default:`20px`},toasterClass:{default:``},titleClass:{default:``},messageClass:{default:``}},setup(e){let n=e;return(r,i)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:e.to},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`toaster-box`,n.toasterClass]),style:(0,t.normalizeStyle)({"--toast-bg":n.bg,top:n.top})},[(0,t.createVNode)(t.TransitionGroup,{name:`toast-fade`},{default:(0,t.withCtx)(()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)((0,t.unref)(ne).toasts,e=>((0,t.openBlock)(),(0,t.createBlock)(ie,{key:e.id,toast:e,"title-class":n.titleClass,"message-class":n.messageClass},{"success-icon":(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`success-icon`,{},void 0,!0)]),"error-icon":(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`error-icon`,{},void 0,!0)]),"info-icon":(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`info-icon`,{},void 0,!0)]),"warning-icon":(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`warning-icon`,{},void 0,!0)]),_:3},8,[`toast`,`title-class`,`message-class`]))),128))]),_:3})],6)],8,[`to`]))}}),[[`__scopeId`,`data-v-7faa65fe`]]);H.install=function(e){return H.name&&e.component(H.name,H),e};var U=H,W=p((0,t.defineComponent)({name:`Loading`,__name:`loading`,props:{bg:{default:`transparent`},dotColor:{default:`#1a171b`},dotSize:{default:`8px`},dotGap:{default:`4px`},visible:{type:Boolean,default:!1},amplitude:{default:`15px`}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[n.visible?((0,t.openBlock)(),(0,t.createElementBlock)(`section`,{key:0,class:`loading-box`,style:(0,t.normalizeStyle)({"--bg":n.bg,"--dot-color":n.dotColor,"--dot-size":n.dotSize,"--dot-gap":n.dotGap,"--amplitude":n.amplitude})},[...r[0]||=[(0,t.createElementVNode)(`div`,{class:`loading-dot`},null,-1),(0,t.createElementVNode)(`div`,{class:`loading-dot`},null,-1),(0,t.createElementVNode)(`div`,{class:`loading-dot`},null,-1)]],4)):(0,t.createCommentVNode)(``,!0)]),_:1}))}}),[[`__scopeId`,`data-v-aafc58b1`]]);W.install=e=>(W.name&&e.component(W.name,W),e);var G=W;function K(){return typeof window<`u`&&typeof document<`u`}function q(e){return new Promise(t=>{if(!K()){t({naturalWidth:0,naturalHeight:0});return}let n=new Image,r=!1,i=e=>{r||(r=!0,n.onload=null,n.onerror=null,e())};n.onload=()=>{i(()=>{t({naturalWidth:n.naturalWidth,naturalHeight:n.naturalHeight})})},n.onerror=()=>{i(()=>{t({naturalWidth:0,naturalHeight:0})})},n.src=e,n.complete&&setTimeout(()=>{i(()=>{t({naturalWidth:n.naturalWidth,naturalHeight:n.naturalHeight})})},0)})}var ae={class:`slider-captcha-bg-box`,ref:`box`},oe=[`src`],se=[`src`],ce={class:`verify-result-tip`},le={class:`verify-result-tip`},ue={key:1,stroke:`currentColor`,fill:`currentColor`,"stroke-width":`0`,viewBox:`0 0 512 512`,height:`1em`,width:`1em`,xmlns:`http://www.w3.org/2000/svg`},J=p((0,t.defineComponent)({__name:`slider-captcha`,props:{background:{},block:{},width:{},blockTop:{default:0},verify:{},trackBlockBg:{default:`#f5f5f5`},trackBg:{default:`rgba(26,23,27,0.1)`},trackThumbClass:{default:``}},emits:[`success`,`fail`,`change`],setup(e,{expose:n,emit:r}){let i=r,a=(0,t.ref)(void 0),o=(0,t.ref)(!1),s=(0,t.useTemplateRef)(`box`),c=(0,t.useTemplateRef)(`thumb`),l=e,u=(0,t.reactive)({natureWidth:0,natureHeight:0,boxWidth:0,boxHeight:0}),d=(0,t.reactive)({natureWidth:0,natureHeight:0}),f=(0,t.reactive)({width:0,height:0}),p=(0,t.ref)(0),m=(0,t.ref)(0),h=(0,t.ref)(!1),g=(0,t.ref)([]),_=(0,t.computed)(()=>u.boxWidth?u.natureWidth/u.boxWidth:1),v=(0,t.computed)(()=>u.boxHeight?u.natureHeight/u.boxHeight:1),y=(0,t.computed)(()=>d.natureWidth/_.value),b=(0,t.computed)(()=>l.blockTop/v.value),x=(0,t.computed)(()=>u.boxWidth?u.boxWidth-y.value:0),S=(0,t.computed)(()=>u.boxWidth?u.boxWidth-f.width:0),C=(0,t.computed)(()=>x.value?S.value/x.value:1);function w(e){!K()||o.value||(m.value=e.clientX,h.value=!0,g.value=[],window.addEventListener(`pointermove`,T),window.addEventListener(`pointerup`,E))}function T(e){if(!h.value||o.value)return;let t=e.clientX-m.value;t=Math.min(Math.max(0,t),S.value),p.value=t;let n=t/(S.value||1)*(u.natureWidth-d.natureWidth),r=Date.now(),a=n/(u.natureWidth||1)*100;g.value.push({x:n,t:r,xPercent:a}),i(`change`,g.value)}async function E(){if(!o.value&&(h.value=!1,window.removeEventListener(`pointermove`,T),window.removeEventListener(`pointerup`,E),l.verify)){let e=g.value[g.value.length-1];e||={x:0,xPercent:0,t:Date.now()},o.value=!0;let t=await l.verify(e);t===!0?(i(`success`),o.value=!1,a.value=!0):t===!1&&(i(`fail`),o.value=!1,a.value=!1,p.value=0)}}async function D(){if(!l.background)return;let{naturalWidth:e,naturalHeight:t}=await q(l.background);u.natureWidth=e,u.natureHeight=t,u.boxWidth=s.value?.clientWidth||0,u.boxHeight=s.value?.clientHeight||0}async function O(){if(!l.block)return;let{naturalWidth:e,naturalHeight:t}=await q(l.block);d.natureWidth=e,d.natureHeight=t}function k(){f.width=c.value?.clientWidth||0,f.height=c.value?.clientHeight||0}function A(){p.value=0,a.value=void 0}return(0,t.onMounted)(()=>{D(),O(),k(),A()}),(0,t.watch)(()=>l.background,()=>{D(),A()}),(0,t.watch)(()=>l.block,()=>{O(),A()}),(0,t.watch)(()=>l.width,()=>{D(),O(),k()}),n({reset:A,tracks:g}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`slider-captcha-box`,style:(0,t.normalizeStyle)(l.width?{width:l.width+`px`}:{})},[(0,t.createElementVNode)(`div`,ae,[(0,t.createElementVNode)(`img`,{src:l.background,alt:`bg`,class:`slider-captcha-bg`,draggable:!1},null,8,oe),(0,t.withDirectives)((0,t.createElementVNode)(`img`,{src:l.block,alt:`block`,class:`slider-captcha-block`,style:(0,t.normalizeStyle)({top:b.value+`px`,width:y.value+`px`,transform:`translateX(${p.value/C.value}px)`}),draggable:!1},null,12,se),[[t.vShow,y.value]]),(0,t.createVNode)(t.Transition,{name:`slide`},{default:(0,t.withCtx)(()=>[(0,t.withDirectives)((0,t.createElementVNode)(`div`,ce,[(0,t.renderSlot)(e.$slots,`verify-success`,{},void 0,!0)],512),[[t.vShow,a.value===!0]])]),_:3}),(0,t.createVNode)(t.Transition,{name:`slide`},{default:(0,t.withCtx)(()=>[(0,t.withDirectives)((0,t.createElementVNode)(`div`,le,[(0,t.renderSlot)(e.$slots,`verify-fail`,{},void 0,!0)],512),[[t.vShow,a.value===!1]])]),_:3})],512),(0,t.createElementVNode)(`div`,{class:`slider-track-box`,style:(0,t.normalizeStyle)({"background-color":l.trackBlockBg})},[(0,t.createElementVNode)(`div`,{class:`slider-track-bg`,style:(0,t.normalizeStyle)({"background-color":l.trackBg,width:`${p.value}px`})},null,4),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`slider-track-thumb`,l.trackThumbClass]),onPointerdown:w,ref:`thumb`,style:(0,t.normalizeStyle)({transform:`translateX(${p.value}px)`})},[e.$slots.default?(0,t.renderSlot)(e.$slots,`default`,{key:0},void 0,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,ue,[...n[0]||=[(0,t.createElementVNode)(`path`,{d:`M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z`},null,-1)]]))],38)],4)],4))}}),[[`__scopeId`,`data-v-15b18d6a`]]);J.install=e=>(J.name&&e.component(J.name,J),e);var Y=J,X=(0,t.defineComponent)({name:`CountDown`,__name:`count-down`,props:{modelValue:{type:Number,default:void 0},modelModifiers:{}},emits:[`update:modelValue`],setup(e){let r=(0,t.useModel)(e,`modelValue`),i=(0,t.ref)(void 0);function a(){(typeof r.value==`number`||typeof r.value==`bigint`)&&r.value>0?n.default.count_down_by_remain_seconds(({remain:e})=>{e>0?i.value=Math.floor(e/1e3):(i.value=0,r.value=0)},r.value):r.value===0&&(i.value=0,r.value=0)}return(0,t.watch)(r,()=>{a()}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`span`,null,[i.value===void 0||i.value===null?(0,t.renderSlot)(e.$slots,`initial`,{key:0}):typeof i.value==`number`||typeof i.value==`bigint`?(0,t.renderSlot)(e.$slots,`default`,{key:1,seconds:i.value}):(0,t.createCommentVNode)(``,!0)]))}});X.install=e=>(X.name&&e.component(X.name,X),e);var Z=X,Q=l({Button:()=>b,Collapse:()=>S,CountDown:()=>Z,Input:()=>D,InputOtp:()=>h,Loading:()=>G,Menu:()=>P,Popup:()=>_,SliderCaptcha:()=>Y,Tab:()=>F,Toaster:()=>U,useToast:()=>V}),$=e=>(Object.keys(Q).forEach(t=>{let n=Q[t];n.install&&e.use(n)}),e),de={install:$};e.Button=b,e.Collapse=S,e.CountDown=Z,e.Input=D,e.InputOtp=h,e.Loading=G,e.Menu=P,e.Popup=_,e.SliderCaptcha=Y,e.Tab=F,e.Toaster=U,e.default=de,e.install=$,e.useToast=V});
1
+ (function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`),require(`fish-helper`)):typeof define==`function`&&define.amd?define([`exports`,`vue`,`fish-helper`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`rox-v`]={},e.Vue,e.helper))})(this,function(e,t,n){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var r=Object.create,i=Object.defineProperty,a=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,s=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty,l=(e,t)=>{let n={};for(var r in e)i(n,r,{get:e[r],enumerable:!0});return t||i(n,Symbol.toStringTag,{value:`Module`}),n},u=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var s=o(t),l=0,u=s.length,d;l<u;l++)d=s[l],!c.call(e,d)&&d!==n&&i(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=a(t,d))||r.enumerable});return e};n=((e,t,n)=>(n=e==null?{}:r(s(e)),u(t||!e||!e.__esModule?i(n,`default`,{value:e,enumerable:!0}):n,e)))(n);var d=[`inputmode`,`maxlength`],f=(0,t.defineComponent)({name:`InputOtp`,__name:`input-otp`,props:{modelValue:{default:``},length:{default:6},itemClass:{default:``},activeItemClass:{default:``},gap:{default:`10px`},hasFilledItemClass:{default:`active`},type:{default:`number`},autoFocus:{type:Boolean,default:!1}},emits:[`update:modelValue`,`complete`,`enter`],setup(e,{emit:n}){let r=[`ArrowLeft`,`ArrowRight`,`Home`,`End`],i=e,a=n,o=(0,t.ref)(null),s=(0,t.ref)(i.modelValue);(0,t.watch)(()=>i.modelValue,e=>{e!==s.value&&(s.value=e)});function c(e){let t=e.target.value;t=i.type===`text`?t.replace(/[^\dA-Za-z]/g,``):t.replace(/\D/g,``),t=t.slice(0,i.length),s.value=t,a(`update:modelValue`,t),t.length===i.length&&a(`complete`,t)}function l(){(0,t.nextTick)(()=>{if(o.value){let e=s.value.length;o.value.setSelectionRange?.(e,e)}})}function u(e){let t=s.value,n=e.key;if(n===`Backspace`||n===`Delete`){if(e.preventDefault(),t.length>0){let e=t.slice(0,-1);s.value=e,a(`update:modelValue`,e),l()}}else r.includes(n)&&e.preventDefault()}function f(){i.modelValue.length>=i.length&&a(`enter`)}function p(){o.value?.focus()}function m(e){return e===s.value.length}function h(e){return e<s.value.length}return(0,t.onMounted)(()=>{i.autoFocus&&p()}),(0,t.watch)(()=>i.autoFocus,e=>{e&&p()}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`otp-wrapper`,onClick:p},[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{inputmode:i.type===`text`?`text`:`numeric`,autocomplete:`one-time-code`,ref_key:`inputRef`,ref:o,"onUpdate:modelValue":r[0]||=e=>s.value=e,maxlength:e.length,onInput:c,onKeydown:u,onKeyup:(0,t.withKeys)(f,[`enter`]),onFocus:l,style:{position:`absolute`,opacity:`0`,"pointer-events":`none`,width:`1px`,height:`1px`}},null,40,d),[[t.vModelText,s.value]]),(0,t.createElementVNode)(`div`,{class:`otp-box`,style:(0,t.normalizeStyle)({gap:i.gap})},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.length,(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:n,class:(0,t.normalizeClass)([`otp-item`,[{[i.activeItemClass]:m(n)},{[i.hasFilledItemClass]:h(n)},i.itemClass]])},(0,t.toDisplayString)(s.value[n]||``),3))),128))],4)]))}}),p=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},m=p(f,[[`__scopeId`,`data-v-fd524a3d`]]);m.install=e=>(m.name&&e.component(m.name,m),e);var h=m,g=p((0,t.defineComponent)({name:`Popup`,__name:`popup`,props:(0,t.mergeModels)({to:{default:`body`},bg:{default:`rgba(0, 0, 0, .5)`},duration:{default:150},position:{default:`bottom`},maskClosable:{type:Boolean,default:!0},top:{default:`0px`},left:{default:`0px`},right:{default:`0px`},bottom:{default:`0px`},zIndex:{default:50}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=[`bottom`,`left`,`right`,`top`,`center`],r=(0,t.useModel)(e,`modelValue`),i=e;function a(){i.maskClosable&&(r.value=!1)}return(e,o)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:i.to},[(0,t.createVNode)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[r.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,style:(0,t.normalizeStyle)({"--duration":`${i.duration}ms`,backgroundColor:i.bg,top:i.top,left:i.left,right:i.right,bottom:i.bottom,zIndex:i.zIndex}),class:(0,t.normalizeClass)([`popup-container`,[`popup-container-${i.position}`,{"popup-container-bottom":!n.includes(i.position)}]]),onClick:a},[(0,t.createElementVNode)(`div`,{class:`popup-content`,onClick:o[0]||=(0,t.withModifiers)(()=>{},[`stop`])},[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)])],6)):(0,t.createCommentVNode)(``,!0)]),_:3})],8,[`to`]))}}),[[`__scopeId`,`data-v-49c688c4`]]);g.install=e=>(g.name&&e.component(g.name,g),e);var _=g,v=[`type`],y=p((0,t.defineComponent)({name:`Button`,__name:`button`,props:{padding:{default:`8px 16px`},block:{type:Boolean,default:!1},bg:{default:`transparent`},border:{default:`1px solid #1A171B`},radius:{default:`0`},disabled:{type:Boolean,default:!1},type:{default:`button`},disabledBg:{default:`rgba(26,23,27,0.16)`},enableDisabledClick:{type:Boolean,default:!1}},emits:[`click`],setup(e,{emit:n}){let r=n,i=e,a=e=>{(!i.disabled||i.enableDisabledClick)&&r(`click`,e)};return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{onClick:a,class:(0,t.normalizeClass)([`button-container`,{block:i.block,disabled:i.disabled}]),type:i.type,style:(0,t.normalizeStyle)({padding:i.padding,border:i.border,borderRadius:i.radius,"--bg":i.bg,"--disabled-bg":i.disabledBg})},[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)],14,v))}}),[[`__scopeId`,`data-v-1d025e54`]]);y.install=e=>(y.name&&e.component(y.name,y),e);var b=y,x=p((0,t.defineComponent)({name:`Collapse`,__name:`collapse`,props:{open:{type:Boolean,default:!1},maxHeight:{default:`100dvh`},duration:{default:200}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`collapse`},{default:(0,t.withCtx)(()=>[n.open?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`collapse-content`,style:(0,t.normalizeStyle)({"--max-height":n.maxHeight,"--duration":n.duration+`ms`})},[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)],4)):(0,t.createCommentVNode)(``,!0)]),_:3}))}}),[[`__scopeId`,`data-v-46a0054a`]]);x.install=e=>(x.name&&e.component(x.name,x),e);var S=x,C={class:`input-box`},w=[`type`,`name`,`placeholder`],T=[`src`],E=p((0,t.defineComponent)({name:`Input`,__name:`input`,props:(0,t.mergeModels)({placeholder:{default:``},type:{default:`text`},iconVisible:{type:Boolean,default:!1},icon:{default:``},autoFocus:{type:Boolean,default:!1},name:{default:``}},{modelValue:{type:String,default:``},modelModifiers:{}}),emits:(0,t.mergeModels)([`click`,`enter`],[`update:modelValue`]),setup(e,{emit:n}){let r=n,i=(0,t.useTemplateRef)(`input`),a=(0,t.useModel)(e,`modelValue`),o=e,s=()=>{r(`click`),i.value?.focus?.(),setTimeout(()=>{let e=a.value.length;i.value?.setSelectionRange?.(e,e)},0)};return(0,t.onMounted)(()=>{o.autoFocus&&i.value?.focus?.()}),(0,t.watch)(()=>o.autoFocus,e=>{e&&i.value?.focus?.()}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,C,[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{type:o.type,"onUpdate:modelValue":n[0]||=e=>a.value=e,ref:`input`,name:o.name,placeholder:o.placeholder,onKeyup:n[1]||=(0,t.withKeys)(t=>e.$emit(`enter`),[`enter`])},null,40,w),[[t.vModelDynamic,a.value]]),o.icon?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[o.iconVisible?((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:0,src:o.icon,alt:`icon`,onClick:s},null,8,T)):(0,t.createCommentVNode)(``,!0)],64)):(0,t.createCommentVNode)(``,!0)]))}}),[[`__scopeId`,`data-v-b3e634e2`]]);E.install=e=>(E.name&&e.component(E.name,E),e);var D=E,O={class:`menu-label`},k=[`src`],A=[`src`],j=(0,t.defineComponent)({name:`MenuItem`,__name:`menu-item`,props:(0,t.mergeModels)({checkedIcon:{},checkedIconClass:{},suffixIcon:{},suffixIconClass:{},itemContainerClass:{},itemGap:{},activeItemClass:{},subMenuContainerClass:{},deep:{},item:{},parentValue:{}},{modelValue:{type:Array,default:()=>[]},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=(0,t.useModel)(e,`modelValue`),r=e,i=(0,t.ref)(!1),a=()=>i.value=!0,o=()=>i.value=!1,s=()=>{r.item.children?.length||(n.value=[...r.parentValue,r.item.value])};return(c,l)=>{let u=(0,t.resolveComponent)(`MenuItem`,!0);return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{onMouseenter:a,onMouseleave:o,style:{padding:`0 8px`}},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`menu-item-inner`,[r.itemContainerClass,{active:n.value?.[r.deep]===e.item.value},{[r.activeItemClass]:n.value?.[r.deep]===e.item.value}]]),onClick:s},[(0,t.createElementVNode)(`div`,O,(0,t.toDisplayString)(e.item.label),1),e.suffixIcon&&e.item.children?.length?((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:0,src:r.suffixIcon,class:(0,t.normalizeClass)([`suffix-icon`,r.suffixIconClass]),alt:`suffix-icon`},null,10,k)):(0,t.createCommentVNode)(``,!0),e.checkedIcon&&!e.item.children?.length&&n.value?.[r.deep]===e.item.value?((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:1,src:r.checkedIcon,class:(0,t.normalizeClass)([`checked-icon`,r.checkedIconClass]),alt:`checked-icon`},null,10,A)):(0,t.createCommentVNode)(``,!0)],2),e.item.children?.length?((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{key:0,name:`fade`},{default:(0,t.withCtx)(()=>[i.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`sub-menu-box list-box`,e.subMenuContainerClass])},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.item.children,(i,a)=>((0,t.openBlock)(),(0,t.createBlock)(u,{key:a,modelValue:n.value,"onUpdate:modelValue":l[0]||=e=>n.value=e,item:i,"suffix-icon":e.suffixIcon,"suffix-icon-class":e.suffixIconClass,"checked-icon":e.checkedIcon,"checked-icon-class":e.checkedIconClass,"item-container-class":e.itemContainerClass,"item-gap":e.itemGap,deep:r.deep+1,"active-item-class":r.activeItemClass,"parent-value":r.parentValue.concat(e.item.value)},null,8,[`modelValue`,`item`,`suffix-icon`,`suffix-icon-class`,`checked-icon`,`checked-icon-class`,`item-container-class`,`item-gap`,`deep`,`active-item-class`,`parent-value`]))),128))],2)):(0,t.createCommentVNode)(``,!0)]),_:1})):(0,t.createCommentVNode)(``,!0)],32)}}}),M={key:0,class:`menu-list-box`},N=p((0,t.defineComponent)({name:`Menu`,__name:`menu`,props:(0,t.mergeModels)({duration:{default:100},items:{default:()=>[]},suffixIcon:{},suffixIconClass:{},checkedIcon:{},checkedIconClass:{},listContainerClass:{default:``},subMenuContainerClass:{default:``},defaultContainerClass:{default:``},itemContainerClass:{},itemGap:{default:`4px`},activeItemClass:{default:``}},{modelValue:{type:Array,default:()=>[]},modelModifiers:{}}),emits:(0,t.mergeModels)([`open`,`close`],[`update:modelValue`]),setup(e,{emit:n}){let r=n,i=(0,t.useModel)(e,`modelValue`),a=e,o=(0,t.ref)(!1),s=()=>o.value=!0,c=()=>o.value=!1;return(0,t.watch)(i,()=>{o.value=!1}),(0,t.watch)(o,e=>{r(e?`open`:`close`)}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`menu-box`,style:(0,t.normalizeStyle)({"--duration":a.duration+`ms`})},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`default-box`,a.defaultContainerClass]),onMouseenter:s,onMouseleave:c},[(0,t.renderSlot)(n.$slots,`default`,{},void 0,!0),(0,t.createVNode)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[o.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,M,[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`menu-item-box`,a.listContainerClass]),style:(0,t.normalizeStyle)({"--gap":a.itemGap})},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.items,(n,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:o,class:`menu-item`},[(0,t.createVNode)(j,{modelValue:i.value,"onUpdate:modelValue":r[0]||=e=>i.value=e,item:n,"suffix-icon":e.suffixIcon,"suffix-icon-class":e.suffixIconClass,"checked-icon":e.checkedIcon,"checked-icon-class":e.checkedIconClass,"item-container-class":e.itemContainerClass,"item-gap":a.itemGap,deep:0,"active-item-class":a.activeItemClass,"sub-menu-container-class":a.subMenuContainerClass,"parent-value":[]},null,8,[`modelValue`,`item`,`suffix-icon`,`suffix-icon-class`,`checked-icon`,`checked-icon-class`,`item-container-class`,`item-gap`,`active-item-class`,`sub-menu-container-class`])]))),128))],6)])):(0,t.createCommentVNode)(``,!0)]),_:1})],34)],4))}}),[[`__scopeId`,`data-v-b7084c6e`]]);N.install=e=>(N.name&&e.component(N.name,N),e);var P=N,ee={class:`tab-list-container-inner`},te=[`onClick`],F=p((0,t.defineComponent)({name:`Tab`,__name:`tab`,props:(0,t.mergeModels)({items:{default:()=>[]},gap:{default:`10px`},tabContainerClass:{default:``},tabItemClass:{default:``},panelContainerClass:{default:``},panelItemClass:{default:``},activeLineClass:{default:``}},{modelValue:{type:Number,default:0},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=(0,t.useTemplateRef)(`item`),r=(0,t.ref)(!0),i=(0,t.useModel)(e,`modelValue`),a=e,o=(0,t.reactive)({left:0,width:0}),s=()=>{if(!n.value)return;let e=n.value[i.value];if(!e)return;let{offsetWidth:t,offsetLeft:r}=e;o.left=r||0,o.width=t||0};return(0,t.watch)(i,()=>{r.value&&n.value?.length&&(r.value=!1),s()}),(0,t.watch)(()=>a.items,()=>{s()},{flush:`post`}),(0,t.onMounted)(()=>{s()}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`tab-box-container`,style:(0,t.normalizeStyle)({"--gap":a.gap})},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`tab-list-container`,a.tabContainerClass])},[(0,t.createElementVNode)(`div`,ee,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.items,(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:r,class:(0,t.normalizeClass)([`tab-item-box`,a.tabItemClass]),onClick:e=>i.value=r,ref_for:!0,ref:`item`},[(0,t.renderSlot)(e.$slots,`default`,{item:n,index:r,active:i.value===r},void 0,!0)],10,te))),128)),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`active-tab-item-box`,[{initial:r.value},a.activeLineClass]]),style:(0,t.normalizeStyle)({left:o.left+`px`,width:o.width+`px`})},null,6)])],2),(0,t.renderSlot)(e.$slots,`middle`,{},void 0,!0),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`panel-list-container`,a.panelContainerClass])},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.items,(n,r)=>(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:r,class:(0,t.normalizeClass)([`panel-item-box`,a.panelItemClass])},[(0,t.renderSlot)(e.$slots,`panel`,{item:n,index:r,active:i.value===r},void 0,!0)],2)),[[t.vShow,i.value===r]])),128))],2)],4))}}),[[`__scopeId`,`data-v-8b1a9a29`]]);F.install=e=>(F.name&&e.component(F.name,F),e);var I=(0,t.reactive)({toasts:[]}),L=3e3;function R(){return`xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx`.replace(/[xy]/g,function(e){var t=Math.random()*16|0;return(e==`x`?t:t&3|8).toString(16)})}function z(e){if(e===void 0)I.toasts=[];else{let t=I.toasts.findIndex(t=>t.id===e);t!==-1&&I.toasts.splice(t,1)}}function B(e){let t={id:R(),message:e?.message||``,duration:e?.duration||L,type:e?.type||`info`,iconVisible:e?.iconVisible||!0};return setTimeout(()=>{I.toasts.push(t)},0),setTimeout(()=>{z(t.id)},t.duration),t.id}function V(){return{toast:B,success:(e,t={})=>{let{duration:n=L,iconVisible:r=!0}=t;return B({message:e,duration:n,type:`success`,iconVisible:r})},error:(e,t={})=>{let{duration:n=L,iconVisible:r=!0}=t;return B({message:e,duration:n,type:`error`,iconVisible:r})},info:(e,t={})=>{let{duration:n=L,iconVisible:r=!0}=t;return B({message:e,duration:n,type:`info`,iconVisible:r})},warning:(e,t={})=>{let{duration:n=L,iconVisible:r=!0}=t;return B({message:e,duration:n,type:`warning`,iconVisible:r})},dismiss:z}}var ne=(0,t.readonly)(I),re={class:`toast-item`},ie=(0,t.defineComponent)({name:`ToastItem`,__name:`toast-item`,props:{toast:{},bg:{},top:{},toasterClass:{},titleClass:{},messageClass:{}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,re,[e.toast.message?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`title-box`,e.titleClass])},[e.toast.iconVisible?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[n.$slots[`success-icon`]&&e.toast.type===`success`?(0,t.renderSlot)(n.$slots,`success-icon`,{key:0}):(0,t.createCommentVNode)(``,!0),n.$slots[`error-icon`]&&e.toast.type===`error`?(0,t.renderSlot)(n.$slots,`error-icon`,{key:1}):(0,t.createCommentVNode)(``,!0),n.$slots[`info-icon`]&&e.toast.type===`info`?(0,t.renderSlot)(n.$slots,`info-icon`,{key:2}):(0,t.createCommentVNode)(``,!0),n.$slots[`warning-icon`]&&e.toast.type===`warning`?(0,t.renderSlot)(n.$slots,`warning-icon`,{key:3}):(0,t.createCommentVNode)(``,!0)],64)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)([`message`,e.messageClass])},(0,t.toDisplayString)(e.toast.message),3)],2)):(0,t.createCommentVNode)(``,!0)]))}}),H=p((0,t.defineComponent)({name:`Toaster`,__name:`toaster`,props:{to:{default:`body`},bg:{default:`rgba(0, 0, 0, 0.6)`},top:{default:`20px`},toasterClass:{default:``},titleClass:{default:``},messageClass:{default:``}},setup(e){let n=e;return(r,i)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:e.to},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`toaster-box`,n.toasterClass]),style:(0,t.normalizeStyle)({"--toast-bg":n.bg,top:n.top})},[(0,t.createVNode)(t.TransitionGroup,{name:`toast-fade`},{default:(0,t.withCtx)(()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)((0,t.unref)(ne).toasts,e=>((0,t.openBlock)(),(0,t.createBlock)(ie,{key:e.id,toast:e,"title-class":n.titleClass,"message-class":n.messageClass},{"success-icon":(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`success-icon`,{},void 0,!0)]),"error-icon":(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`error-icon`,{},void 0,!0)]),"info-icon":(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`info-icon`,{},void 0,!0)]),"warning-icon":(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`warning-icon`,{},void 0,!0)]),_:3},8,[`toast`,`title-class`,`message-class`]))),128))]),_:3})],6)],8,[`to`]))}}),[[`__scopeId`,`data-v-7faa65fe`]]);H.install=function(e){return H.name&&e.component(H.name,H),e};var U=H,W=p((0,t.defineComponent)({name:`Loading`,__name:`loading`,props:{bg:{default:`transparent`},dotColor:{default:`#1a171b`},dotSize:{default:`8px`},dotGap:{default:`4px`},visible:{type:Boolean,default:!1},amplitude:{default:`15px`}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[n.visible?((0,t.openBlock)(),(0,t.createElementBlock)(`section`,{key:0,class:`loading-box`,style:(0,t.normalizeStyle)({"--bg":n.bg,"--dot-color":n.dotColor,"--dot-size":n.dotSize,"--dot-gap":n.dotGap,"--amplitude":n.amplitude})},[...r[0]||=[(0,t.createElementVNode)(`div`,{class:`loading-dot`},null,-1),(0,t.createElementVNode)(`div`,{class:`loading-dot`},null,-1),(0,t.createElementVNode)(`div`,{class:`loading-dot`},null,-1)]],4)):(0,t.createCommentVNode)(``,!0)]),_:1}))}}),[[`__scopeId`,`data-v-aafc58b1`]]);W.install=e=>(W.name&&e.component(W.name,W),e);var G=W;function K(){return typeof window<`u`&&typeof document<`u`}function q(e){return new Promise(t=>{if(!K()){t({naturalWidth:0,naturalHeight:0});return}let n=new Image,r=!1,i=e=>{r||(r=!0,n.onload=null,n.onerror=null,e())};n.onload=()=>{i(()=>{t({naturalWidth:n.naturalWidth,naturalHeight:n.naturalHeight})})},n.onerror=()=>{i(()=>{t({naturalWidth:0,naturalHeight:0})})},n.src=e,n.complete&&setTimeout(()=>{i(()=>{t({naturalWidth:n.naturalWidth,naturalHeight:n.naturalHeight})})},0)})}var ae={class:`slider-captcha-bg-box`,ref:`box`},oe=[`src`],se=[`src`],ce={class:`verify-result-tip`},le={class:`verify-result-tip`},ue={key:1,stroke:`currentColor`,fill:`currentColor`,"stroke-width":`0`,viewBox:`0 0 512 512`,height:`1em`,width:`1em`,xmlns:`http://www.w3.org/2000/svg`},J=p((0,t.defineComponent)({__name:`slider-captcha`,props:{background:{},block:{},width:{},blockTop:{default:0},verify:{},trackBlockBg:{default:`#f5f5f5`},trackBg:{default:`rgba(26,23,27,0.1)`},trackThumbClass:{default:``}},emits:[`success`,`fail`,`change`],setup(e,{expose:n,emit:r}){let i=r,a=(0,t.ref)(void 0),o=(0,t.ref)(!1),s=(0,t.useTemplateRef)(`box`),c=(0,t.useTemplateRef)(`thumb`),l=e,u=(0,t.reactive)({natureWidth:0,natureHeight:0,boxWidth:0,boxHeight:0}),d=(0,t.reactive)({natureWidth:0,natureHeight:0}),f=(0,t.reactive)({width:0,height:0}),p=(0,t.ref)(0),m=(0,t.ref)(0),h=(0,t.ref)(!1),g=(0,t.ref)([]),_=(0,t.computed)(()=>u.boxWidth?u.natureWidth/u.boxWidth:1),v=(0,t.computed)(()=>u.boxHeight?u.natureHeight/u.boxHeight:1),y=(0,t.computed)(()=>d.natureWidth/_.value),b=(0,t.computed)(()=>l.blockTop/v.value),x=(0,t.computed)(()=>u.boxWidth?u.boxWidth-y.value:0),S=(0,t.computed)(()=>u.boxWidth?u.boxWidth-f.width:0),C=(0,t.computed)(()=>x.value?S.value/x.value:1);function w(e){!K()||o.value||(m.value=e.clientX,h.value=!0,g.value=[],window.addEventListener(`pointermove`,T),window.addEventListener(`pointerup`,E))}function T(e){if(!h.value||o.value)return;let t=e.clientX-m.value;t=Math.min(Math.max(0,t),S.value),p.value=t;let n=t/(S.value||1)*(u.natureWidth-d.natureWidth),r=Date.now(),a=n/(u.natureWidth||1)*100;g.value.push({x:n,t:r,xPercent:a}),i(`change`,g.value)}async function E(){if(!o.value&&(h.value=!1,window.removeEventListener(`pointermove`,T),window.removeEventListener(`pointerup`,E),l.verify)){let e=g.value[g.value.length-1];e||={x:0,xPercent:0,t:Date.now()},o.value=!0;let t=await l.verify(e);t===!0?(i(`success`),o.value=!1,a.value=!0):t===!1&&(i(`fail`),o.value=!1,a.value=!1,p.value=0)}}async function D(){if(!l.background)return;let{naturalWidth:e,naturalHeight:t}=await q(l.background);u.natureWidth=e,u.natureHeight=t,u.boxWidth=s.value?.clientWidth||0,u.boxHeight=s.value?.clientHeight||0}async function O(){if(!l.block)return;let{naturalWidth:e,naturalHeight:t}=await q(l.block);d.natureWidth=e,d.natureHeight=t}function k(){f.width=c.value?.clientWidth||0,f.height=c.value?.clientHeight||0}function A(){p.value=0,a.value=void 0}return(0,t.onMounted)(()=>{D(),O(),k(),A()}),(0,t.watch)(()=>l.background,()=>{D(),A()}),(0,t.watch)(()=>l.block,()=>{O(),A()}),(0,t.watch)(()=>l.width,()=>{D(),O(),k()}),n({reset:A,tracks:g}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`slider-captcha-box`,style:(0,t.normalizeStyle)(l.width?{width:l.width+`px`}:{})},[(0,t.createElementVNode)(`div`,ae,[(0,t.createElementVNode)(`img`,{src:l.background,alt:`bg`,class:`slider-captcha-bg`,draggable:!1},null,8,oe),(0,t.withDirectives)((0,t.createElementVNode)(`img`,{src:l.block,alt:`block`,class:`slider-captcha-block`,style:(0,t.normalizeStyle)({top:b.value+`px`,width:y.value+`px`,transform:`translateX(${p.value/C.value}px)`}),draggable:!1},null,12,se),[[t.vShow,y.value]]),(0,t.createVNode)(t.Transition,{name:`slide`},{default:(0,t.withCtx)(()=>[(0,t.withDirectives)((0,t.createElementVNode)(`div`,ce,[(0,t.renderSlot)(e.$slots,`verify-success`,{},void 0,!0)],512),[[t.vShow,a.value===!0]])]),_:3}),(0,t.createVNode)(t.Transition,{name:`slide`},{default:(0,t.withCtx)(()=>[(0,t.withDirectives)((0,t.createElementVNode)(`div`,le,[(0,t.renderSlot)(e.$slots,`verify-fail`,{},void 0,!0)],512),[[t.vShow,a.value===!1]])]),_:3})],512),(0,t.createElementVNode)(`div`,{class:`slider-track-box`,style:(0,t.normalizeStyle)({"background-color":l.trackBlockBg})},[(0,t.createElementVNode)(`div`,{class:`slider-track-bg`,style:(0,t.normalizeStyle)({"background-color":l.trackBg,width:`${p.value}px`})},null,4),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`slider-track-thumb`,l.trackThumbClass]),onPointerdown:w,ref:`thumb`,style:(0,t.normalizeStyle)({transform:`translateX(${p.value}px)`})},[e.$slots.default?(0,t.renderSlot)(e.$slots,`default`,{key:0},void 0,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,ue,[...n[0]||=[(0,t.createElementVNode)(`path`,{d:`M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z`},null,-1)]]))],38)],4)],4))}}),[[`__scopeId`,`data-v-28c7c0aa`]]);J.install=e=>(J.name&&e.component(J.name,J),e);var Y=J,X=(0,t.defineComponent)({name:`CountDown`,__name:`count-down`,props:{modelValue:{type:Number,default:void 0},modelModifiers:{}},emits:[`update:modelValue`],setup(e){let r=(0,t.useModel)(e,`modelValue`),i=(0,t.ref)(void 0);function a(){(typeof r.value==`number`||typeof r.value==`bigint`)&&r.value>0?n.default.count_down_by_remain_seconds(({remain:e})=>{e>0?i.value=Math.floor(e/1e3):(i.value=0,r.value=0)},r.value):r.value===0&&(i.value=0,r.value=0)}return(0,t.watch)(r,()=>{a()}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`span`,null,[i.value===void 0||i.value===null?(0,t.renderSlot)(e.$slots,`initial`,{key:0}):typeof i.value==`number`||typeof i.value==`bigint`?(0,t.renderSlot)(e.$slots,`default`,{key:1,seconds:i.value}):(0,t.createCommentVNode)(``,!0)]))}});X.install=e=>(X.name&&e.component(X.name,X),e);var Z=X,Q=l({Button:()=>b,Collapse:()=>S,CountDown:()=>Z,Input:()=>D,InputOtp:()=>h,Loading:()=>G,Menu:()=>P,Popup:()=>_,SliderCaptcha:()=>Y,Tab:()=>F,Toaster:()=>U,useToast:()=>V}),$=e=>(Object.keys(Q).forEach(t=>{let n=Q[t];n.install&&e.use(n)}),e),de={install:$};e.Button=b,e.Collapse=S,e.CountDown=Z,e.Input=D,e.InputOtp=h,e.Loading=G,e.Menu=P,e.Popup=_,e.SliderCaptcha=Y,e.Tab=F,e.Toaster=U,e.default=de,e.install=$,e.useToast=V});
package/dist/lib/input/input.js CHANGED
@@ -1 +1 @@
1
- const e=require(`../_virtual/_plugin-vue_export-helper.js`),t=require(`./input.vue_vue_type_script_setup_true_lang.js`);;/* empty css */var n=e.default(t.default,[[`__scopeId`,`data-v-238a598a`]]);exports.default=n;
1
+ const e=require(`../_virtual/_plugin-vue_export-helper.js`),t=require(`./input.vue_vue_type_script_setup_true_lang.js`);;/* empty css */var n=e.default(t.default,[[`__scopeId`,`data-v-b3e634e2`]]);exports.default=n;
package/dist/lib/input/input.vue_vue_type_script_setup_true_lang.js CHANGED
@@ -1 +1 @@
1
- require(`../_virtual/_rolldown/runtime.js`);let e=require(`vue`);var t={class:`input-box`},n=[`type`,`placeholder`],r=[`src`],i=(0,e.defineComponent)({name:`Input`,__name:`input`,props:(0,e.mergeModels)({placeholder:{default:``},type:{default:`text`},iconVisible:{type:Boolean,default:!1},icon:{default:``},autoFocus:{type:Boolean,default:!1}},{modelValue:{type:String,default:``},modelModifiers:{}}),emits:(0,e.mergeModels)([`click`,`enter`],[`update:modelValue`]),setup(i,{emit:a}){let o=a,s=(0,e.useTemplateRef)(`input`),c=(0,e.useModel)(i,`modelValue`),l=i,u=()=>{o(`click`),s.value?.focus?.(),setTimeout(()=>{let e=c.value.length;s.value?.setSelectionRange?.(e,e)},0)};return(0,e.onMounted)(()=>{l.autoFocus&&s.value?.focus?.()}),(0,e.watch)(()=>l.autoFocus,e=>{e&&s.value?.focus?.()}),(i,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,t,[(0,e.withDirectives)((0,e.createElementVNode)(`input`,{type:l.type,"onUpdate:modelValue":a[0]||=e=>c.value=e,ref:`input`,placeholder:l.placeholder,onKeyup:a[1]||=(0,e.withKeys)(e=>i.$emit(`enter`),[`enter`])},null,40,n),[[e.vModelDynamic,c.value]]),l.icon?(0,e.withDirectives)(((0,e.openBlock)(),(0,e.createElementBlock)(`img`,{key:0,src:l.icon,alt:`icon`,onClick:u},null,8,r)),[[e.vShow,l.iconVisible]]):(0,e.createCommentVNode)(``,!0)]))}});exports.default=i;
1
+ require(`../_virtual/_rolldown/runtime.js`);let e=require(`vue`);var t={class:`input-box`},n=[`type`,`name`,`placeholder`],r=[`src`],i=(0,e.defineComponent)({name:`Input`,__name:`input`,props:(0,e.mergeModels)({placeholder:{default:``},type:{default:`text`},iconVisible:{type:Boolean,default:!1},icon:{default:``},autoFocus:{type:Boolean,default:!1},name:{default:``}},{modelValue:{type:String,default:``},modelModifiers:{}}),emits:(0,e.mergeModels)([`click`,`enter`],[`update:modelValue`]),setup(i,{emit:a}){let o=a,s=(0,e.useTemplateRef)(`input`),c=(0,e.useModel)(i,`modelValue`),l=i,u=()=>{o(`click`),s.value?.focus?.(),setTimeout(()=>{let e=c.value.length;s.value?.setSelectionRange?.(e,e)},0)};return(0,e.onMounted)(()=>{l.autoFocus&&s.value?.focus?.()}),(0,e.watch)(()=>l.autoFocus,e=>{e&&s.value?.focus?.()}),(i,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,t,[(0,e.withDirectives)((0,e.createElementVNode)(`input`,{type:l.type,"onUpdate:modelValue":a[0]||=e=>c.value=e,ref:`input`,name:l.name,placeholder:l.placeholder,onKeyup:a[1]||=(0,e.withKeys)(e=>i.$emit(`enter`),[`enter`])},null,40,n),[[e.vModelDynamic,c.value]]),l.icon?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:0},[l.iconVisible?((0,e.openBlock)(),(0,e.createElementBlock)(`img`,{key:0,src:l.icon,alt:`icon`,onClick:u},null,8,r)):(0,e.createCommentVNode)(``,!0)],64)):(0,e.createCommentVNode)(``,!0)]))}});exports.default=i;
package/dist/lib/input/style.css CHANGED
@@ -1 +1 @@
1
- .input-box[data-v-238a598a]{will-change:border-color;box-sizing:border-box;border-bottom:1px solid #00000029;align-items:center;gap:16px;height:60px;padding:16px 0;transition:border-color .2s ease-in-out;display:flex}.input-box[data-v-238a598a]:focus-within{border-color:#000}.input-box input[data-v-238a598a]{width:100%;height:100%;font-size:inherit;border:none;outline:none}input[data-v-238a598a]::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-238a598a]::-moz-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-238a598a]:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}.input-box img[data-v-238a598a]{-o-object-fit:contain;object-fit:contain;cursor:pointer;width:24px;height:24px}
1
+ .input-box[data-v-b3e634e2]{will-change:border-color;box-sizing:border-box;border-bottom:1px solid #00000029;align-items:center;gap:16px;height:60px;padding:16px 0;transition:border-color .2s ease-in-out;display:flex}.input-box[data-v-b3e634e2]:focus-within{border-color:#000}.input-box input[data-v-b3e634e2]{width:100%;height:100%;font-size:inherit;border:none;outline:none}input[data-v-b3e634e2]::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-b3e634e2]::-moz-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-b3e634e2]:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}.input-box img[data-v-b3e634e2]{-o-object-fit:contain;object-fit:contain;cursor:pointer;width:24px;height:24px}
package/dist/lib/slider-captcha/slider-captcha.js CHANGED
@@ -1 +1 @@
1
- const e=require(`../_virtual/_plugin-vue_export-helper.js`),t=require(`./slider-captcha.vue_vue_type_script_setup_true_lang.js`);;/* empty css */var n=e.default(t.default,[[`__scopeId`,`data-v-15b18d6a`]]);exports.default=n;
1
+ const e=require(`../_virtual/_plugin-vue_export-helper.js`),t=require(`./slider-captcha.vue_vue_type_script_setup_true_lang.js`);;/* empty css */var n=e.default(t.default,[[`__scopeId`,`data-v-28c7c0aa`]]);exports.default=n;
package/dist/lib/slider-captcha/style.css CHANGED
@@ -1 +1 @@
1
- .slider-captcha-box[data-v-15b18d6a]{display:inline-block}.slider-captcha-bg-box[data-v-15b18d6a]{width:100%;font-size:0;position:relative;overflow:hidden}.slider-captcha-bg[data-v-15b18d6a]{width:100%}.slider-captcha-block[data-v-15b18d6a]{z-index:10;position:absolute;left:0}.slider-track-box[data-v-15b18d6a]{width:100%;position:relative}.slider-track-bg[data-v-15b18d6a]{height:100%;position:absolute;top:0;left:0}.slider-track-thumb[data-v-15b18d6a]{cursor:pointer;background-color:#1a171b0d;justify-content:center;align-items:center;width:100px;height:50px;margin-top:15px;display:flex}.slide-enter-from[data-v-15b18d6a],.slide-leave-to[data-v-15b18d6a]{transform:translateY(100%)}.slide-enter-active[data-v-15b18d6a],.slide-leave-active[data-v-15b18d6a]{transition:transform .15s ease-in-out}.verify-result-tip[data-v-15b18d6a]{z-index:15;position:absolute;bottom:0;left:0;right:0}
1
+ .slider-captcha-box[data-v-28c7c0aa]{display:inline-block}.slider-captcha-bg-box[data-v-28c7c0aa]{width:100%;font-size:0;position:relative;overflow:hidden}.slider-captcha-bg[data-v-28c7c0aa]{width:100%}.slider-captcha-block[data-v-28c7c0aa]{z-index:10;position:absolute;left:0}.slider-track-box[data-v-28c7c0aa]{width:100%;position:relative}.slider-track-bg[data-v-28c7c0aa]{height:100%;position:absolute;top:0;left:0}.slider-track-thumb[data-v-28c7c0aa]{cursor:pointer;background-color:#1a171b0d;justify-content:center;align-items:center;width:100px;height:40px;margin-top:15px;display:flex}.slide-enter-from[data-v-28c7c0aa],.slide-leave-to[data-v-28c7c0aa]{transform:translateY(100%)}.slide-enter-active[data-v-28c7c0aa],.slide-leave-active[data-v-28c7c0aa]{transition:transform .15s ease-in-out}.verify-result-tip[data-v-28c7c0aa]{z-index:15;position:absolute;bottom:0;left:0;right:0}
package/dist/lib/style.css CHANGED
@@ -1 +1 @@
1
- :-webkit-any(input:-webkit-autofill,textarea:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--input-bg,#fff) inset;-webkit-text-fill-color:inherit}:is(input:autofill,textarea:autofill){-webkit-box-shadow:0 0 0 1000px var(--input-bg,#fff) inset;-webkit-text-fill-color:inherit}a:focus,input:focus,textarea:focus,button:focus{outline:none}input::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}textarea::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input::-moz-placeholder{color:var(--input-placeholder-color,#999)}textarea::-moz-placeholder{color:var(--input-placeholder-color,#999)}input:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}
1
+ html,body{overscroll-behavior:none}:-webkit-any(input:-webkit-autofill,textarea:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--input-bg,#fff) inset;-webkit-text-fill-color:inherit}:is(input:autofill,textarea:autofill){-webkit-box-shadow:0 0 0 1000px var(--input-bg,#fff) inset;-webkit-text-fill-color:inherit}a:focus,input:focus,textarea:focus,button:focus{outline:none}input::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}textarea::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input::-moz-placeholder{color:var(--input-placeholder-color,#999)}textarea::-moz-placeholder{color:var(--input-placeholder-color,#999)}input:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}
package/dist/style.css CHANGED
@@ -1,2 +1,2 @@
1
- .otp-wrapper[data-v-fd524a3d]{cursor:pointer;width:400px;max-width:100%;position:relative}.otp-box[data-v-fd524a3d]{width:100%;display:flex}.otp-item[data-v-fd524a3d]{border-bottom:1px solid #00000029;flex:1;justify-content:center;align-items:center;height:60px;transition:all .2s;display:flex}.otp-item.active[data-v-fd524a3d]{border-bottom:1px solid #000}.fade-enter-from[data-v-49c688c4],.fade-leave-to[data-v-49c688c4]{opacity:0}.popup-container[data-v-49c688c4]{transition:opacity var(--duration) ease-in-out;will-change:opacity;position:fixed}.popup-content[data-v-49c688c4]{transition:transform var(--duration) ease-in-out;will-change:transform;position:absolute}.popup-container-top .popup-content[data-v-49c688c4]{top:0;left:0;right:0}.fade-enter-from.popup-container-top .popup-content[data-v-49c688c4],.fade-leave-to.popup-container-top .popup-content[data-v-49c688c4]{transform:translateY(-100%)}.popup-container-bottom .popup-content[data-v-49c688c4]{bottom:0;left:0;right:0}.fade-enter-from.popup-container-bottom .popup-content[data-v-49c688c4],.fade-leave-to.popup-container-bottom .popup-content[data-v-49c688c4]{transform:translateY(100%)}.popup-container-left .popup-content[data-v-49c688c4]{top:0;bottom:0;left:0}.fade-enter-from.popup-container-left .popup-content[data-v-49c688c4],.fade-leave-to.popup-container-left .popup-content[data-v-49c688c4]{transform:translate(-100%)}.popup-container-right .popup-content[data-v-49c688c4]{top:0;bottom:0;right:0}.fade-enter-from.popup-container-right .popup-content[data-v-49c688c4],.fade-leave-to.popup-container-right .popup-content[data-v-49c688c4]{transform:translate(100%)}.popup-container-center .popup-content[data-v-49c688c4]{will-change:auto;transform-origin:50%;transition:none;top:50%;left:50%;transform:translate(-50%,-50%)}.button-container[data-v-1d025e54]{background-color:var(--bg);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition-property:background-color,border-color;transition-duration:.3s;transition-timing-function:ease-in-out}.button-container[data-v-1d025e54]:focus{outline:none}.button-container.block[data-v-1d025e54]{width:100%;display:block}.button-container.disabled[data-v-1d025e54]{background-color:var(--disabled-bg);border-color:#0000!important}.collapse-content[data-v-46a0054a]{width:max-content}.collapse-enter-from[data-v-46a0054a],.collapse-leave-to[data-v-46a0054a]{max-height:0!important}.collapse-enter-active[data-v-46a0054a],.collapse-leave-active[data-v-46a0054a]{max-height:var(--max-height);transition:max-height var(--duration) ease-in-out;overflow:hidden}.input-box[data-v-238a598a]{will-change:border-color;box-sizing:border-box;border-bottom:1px solid #00000029;align-items:center;gap:16px;height:60px;padding:16px 0;transition:border-color .2s ease-in-out;display:flex}.input-box[data-v-238a598a]:focus-within{border-color:#000}.input-box input[data-v-238a598a]{width:100%;height:100%;font-size:inherit;border:none;outline:none}input[data-v-238a598a]::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-238a598a]::-moz-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-238a598a]:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}.input-box img[data-v-238a598a]{-o-object-fit:contain;object-fit:contain;cursor:pointer;width:24px;height:24px}.menu-box[data-v-b7084c6e]{display:inline-flex;position:relative}.default-box[data-v-b7084c6e]{box-sizing:border-box;border:1px solid #0003;align-items:center;min-width:240px;min-height:30px;padding:8px 16px;display:flex}.fade-enter-from[data-v-b7084c6e],[data-v-b7084c6e] .fade-enter-from,.fade-leave-to[data-v-b7084c6e],[data-v-b7084c6e] .fade-leave-to{opacity:0}.fade-enter-active[data-v-b7084c6e],[data-v-b7084c6e] .fade-enter-active,.fade-leave-active[data-v-b7084c6e],[data-v-b7084c6e] .fade-leave-active{transition:opacity var(--duration) ease-in-out}.menu-list-box[data-v-b7084c6e]{z-index:99;box-sizing:border-box;width:100%;padding-top:8px;position:absolute;top:100%;left:0}.menu-item-box[data-v-b7084c6e]{gap:var(--gap);box-sizing:border-box;background-color:#fff;flex-direction:column;width:100%;padding:16px 0;display:flex;position:relative;box-shadow:0 0 16px #0000000f}[data-v-b7084c6e] .menu-item-inner{box-sizing:border-box;cursor:pointer;will-change:background-color;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 16px;transition:background-color .1s linear;display:flex}[data-v-b7084c6e] .menu-item-inner.active,[data-v-b7084c6e] .menu-item-inner:hover{background-color:#f8f9f9}[data-v-b7084c6e] .menu-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}[data-v-b7084c6e] .sub-menu-box{z-index:99;gap:var(--gap);box-sizing:border-box;background-color:#fff;border-left:1px solid #0000000f;flex-direction:column;padding:16px 8px;display:flex;position:absolute;top:0;left:100%;box-shadow:0 -16px 16px -16px #0000000f,16px 0 16px -16px #0000000f,0 16px 16px -16px #0000000f}[data-v-b7084c6e] .suffix-icon,[data-v-b7084c6e] .checked-icon{-o-object-fit:contain;object-fit:contain;width:18px;height:18px}.tab-box-container[data-v-8b1a9a29]{width:100%}.tab-list-container[data-v-8b1a9a29]{width:100%;overflow-x:scroll}.tab-list-container[data-v-8b1a9a29]::-webkit-scrollbar{display:none}.tab-list-container-inner[data-v-8b1a9a29]{flex-wrap:nowrap;display:inline-flex;position:relative}.tab-item-box[data-v-8b1a9a29]{cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center}.tab-item-box~.tab-item-box[data-v-8b1a9a29]{margin-left:var(--gap)}.active-tab-item-box[data-v-8b1a9a29]{width:100px;height:1px;transition:left var(--transition-duration,.15s) ease-in-out, width var(--transition-duration,.15s) ease-in-out;background-color:#000;position:absolute;bottom:0;left:0}.active-tab-item-box.initial[data-v-8b1a9a29]{transition:none}.panel-list-container[data-v-8b1a9a29]{width:100%;min-height:200px;position:relative}.panel-item-box[data-v-8b1a9a29]{width:100%;height:100%;position:absolute;top:0;left:0}.toaster-box[data-v-7faa65fe]{z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}[data-v-7faa65fe] .toast-item{background-color:var(--toast-bg);box-sizing:border-box;min-width:220px;padding:10px 20px}[data-v-7faa65fe] .title-box{justify-content:center;align-items:center;gap:16px;display:flex}[data-v-7faa65fe] .message{color:#fff}.fade-enter-from[data-v-aafc58b1],.fade-leave-to[data-v-aafc58b1]{opacity:0}.fade-enter-active[data-v-aafc58b1],.fade-leave-active[data-v-aafc58b1]{transition:opacity .15s ease-in-out}.loading-box[data-v-aafc58b1]{background-color:var(--bg);z-index:99;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}@keyframes bounce-aafc58b1{0%,to{transform:translateY(0)}50%{transform:translateY(var(--amplitude))}}.loading-dot[data-v-aafc58b1]{width:var(--dot-size);height:var(--dot-size);background-color:var(--dot-color);border-radius:50%;animation:1s ease-in-out infinite bounce-aafc58b1}.loading-dot~.loading-dot[data-v-aafc58b1]{margin-left:var(--dot-gap)}.loading-dot[data-v-aafc58b1]:first-child{animation-delay:0s}.loading-dot[data-v-aafc58b1]:nth-child(2){animation-delay:.2s}.loading-dot[data-v-aafc58b1]:nth-child(3){animation-delay:.4s}.slider-captcha-box[data-v-15b18d6a]{display:inline-block}.slider-captcha-bg-box[data-v-15b18d6a]{width:100%;font-size:0;position:relative;overflow:hidden}.slider-captcha-bg[data-v-15b18d6a]{width:100%}.slider-captcha-block[data-v-15b18d6a]{z-index:10;position:absolute;left:0}.slider-track-box[data-v-15b18d6a]{width:100%;position:relative}.slider-track-bg[data-v-15b18d6a]{height:100%;position:absolute;top:0;left:0}.slider-track-thumb[data-v-15b18d6a]{cursor:pointer;background-color:#1a171b0d;justify-content:center;align-items:center;width:100px;height:50px;margin-top:15px;display:flex}.slide-enter-from[data-v-15b18d6a],.slide-leave-to[data-v-15b18d6a]{transform:translateY(100%)}.slide-enter-active[data-v-15b18d6a],.slide-leave-active[data-v-15b18d6a]{transition:transform .15s ease-in-out}.verify-result-tip[data-v-15b18d6a]{z-index:15;position:absolute;bottom:0;left:0;right:0}:-webkit-any(input:-webkit-autofill,textarea:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--input-bg,#fff) inset;-webkit-text-fill-color:inherit}:is(input:autofill,textarea:autofill){-webkit-box-shadow:0 0 0 1000px var(--input-bg,#fff) inset;-webkit-text-fill-color:inherit}a:focus,input:focus,textarea:focus,button:focus{outline:none}input::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}textarea::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input::-moz-placeholder{color:var(--input-placeholder-color,#999)}textarea::-moz-placeholder{color:var(--input-placeholder-color,#999)}input:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}
1
+ .otp-wrapper[data-v-fd524a3d]{cursor:pointer;width:400px;max-width:100%;position:relative}.otp-box[data-v-fd524a3d]{width:100%;display:flex}.otp-item[data-v-fd524a3d]{border-bottom:1px solid #00000029;flex:1;justify-content:center;align-items:center;height:60px;transition:all .2s;display:flex}.otp-item.active[data-v-fd524a3d]{border-bottom:1px solid #000}.fade-enter-from[data-v-49c688c4],.fade-leave-to[data-v-49c688c4]{opacity:0}.popup-container[data-v-49c688c4]{transition:opacity var(--duration) ease-in-out;will-change:opacity;position:fixed}.popup-content[data-v-49c688c4]{transition:transform var(--duration) ease-in-out;will-change:transform;position:absolute}.popup-container-top .popup-content[data-v-49c688c4]{top:0;left:0;right:0}.fade-enter-from.popup-container-top .popup-content[data-v-49c688c4],.fade-leave-to.popup-container-top .popup-content[data-v-49c688c4]{transform:translateY(-100%)}.popup-container-bottom .popup-content[data-v-49c688c4]{bottom:0;left:0;right:0}.fade-enter-from.popup-container-bottom .popup-content[data-v-49c688c4],.fade-leave-to.popup-container-bottom .popup-content[data-v-49c688c4]{transform:translateY(100%)}.popup-container-left .popup-content[data-v-49c688c4]{top:0;bottom:0;left:0}.fade-enter-from.popup-container-left .popup-content[data-v-49c688c4],.fade-leave-to.popup-container-left .popup-content[data-v-49c688c4]{transform:translate(-100%)}.popup-container-right .popup-content[data-v-49c688c4]{top:0;bottom:0;right:0}.fade-enter-from.popup-container-right .popup-content[data-v-49c688c4],.fade-leave-to.popup-container-right .popup-content[data-v-49c688c4]{transform:translate(100%)}.popup-container-center .popup-content[data-v-49c688c4]{will-change:auto;transform-origin:50%;transition:none;top:50%;left:50%;transform:translate(-50%,-50%)}.button-container[data-v-1d025e54]{background-color:var(--bg);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition-property:background-color,border-color;transition-duration:.3s;transition-timing-function:ease-in-out}.button-container[data-v-1d025e54]:focus{outline:none}.button-container.block[data-v-1d025e54]{width:100%;display:block}.button-container.disabled[data-v-1d025e54]{background-color:var(--disabled-bg);border-color:#0000!important}.collapse-content[data-v-46a0054a]{width:max-content}.collapse-enter-from[data-v-46a0054a],.collapse-leave-to[data-v-46a0054a]{max-height:0!important}.collapse-enter-active[data-v-46a0054a],.collapse-leave-active[data-v-46a0054a]{max-height:var(--max-height);transition:max-height var(--duration) ease-in-out;overflow:hidden}.input-box[data-v-b3e634e2]{will-change:border-color;box-sizing:border-box;border-bottom:1px solid #00000029;align-items:center;gap:16px;height:60px;padding:16px 0;transition:border-color .2s ease-in-out;display:flex}.input-box[data-v-b3e634e2]:focus-within{border-color:#000}.input-box input[data-v-b3e634e2]{width:100%;height:100%;font-size:inherit;border:none;outline:none}input[data-v-b3e634e2]::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-b3e634e2]::-moz-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-b3e634e2]:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}.input-box img[data-v-b3e634e2]{-o-object-fit:contain;object-fit:contain;cursor:pointer;width:24px;height:24px}.menu-box[data-v-b7084c6e]{display:inline-flex;position:relative}.default-box[data-v-b7084c6e]{box-sizing:border-box;border:1px solid #0003;align-items:center;min-width:240px;min-height:30px;padding:8px 16px;display:flex}.fade-enter-from[data-v-b7084c6e],[data-v-b7084c6e] .fade-enter-from,.fade-leave-to[data-v-b7084c6e],[data-v-b7084c6e] .fade-leave-to{opacity:0}.fade-enter-active[data-v-b7084c6e],[data-v-b7084c6e] .fade-enter-active,.fade-leave-active[data-v-b7084c6e],[data-v-b7084c6e] .fade-leave-active{transition:opacity var(--duration) ease-in-out}.menu-list-box[data-v-b7084c6e]{z-index:99;box-sizing:border-box;width:100%;padding-top:8px;position:absolute;top:100%;left:0}.menu-item-box[data-v-b7084c6e]{gap:var(--gap);box-sizing:border-box;background-color:#fff;flex-direction:column;width:100%;padding:16px 0;display:flex;position:relative;box-shadow:0 0 16px #0000000f}[data-v-b7084c6e] .menu-item-inner{box-sizing:border-box;cursor:pointer;will-change:background-color;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 16px;transition:background-color .1s linear;display:flex}[data-v-b7084c6e] .menu-item-inner.active,[data-v-b7084c6e] .menu-item-inner:hover{background-color:#f8f9f9}[data-v-b7084c6e] .menu-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}[data-v-b7084c6e] .sub-menu-box{z-index:99;gap:var(--gap);box-sizing:border-box;background-color:#fff;border-left:1px solid #0000000f;flex-direction:column;padding:16px 8px;display:flex;position:absolute;top:0;left:100%;box-shadow:0 -16px 16px -16px #0000000f,16px 0 16px -16px #0000000f,0 16px 16px -16px #0000000f}[data-v-b7084c6e] .suffix-icon,[data-v-b7084c6e] .checked-icon{-o-object-fit:contain;object-fit:contain;width:18px;height:18px}.tab-box-container[data-v-8b1a9a29]{width:100%}.tab-list-container[data-v-8b1a9a29]{width:100%;overflow-x:scroll}.tab-list-container[data-v-8b1a9a29]::-webkit-scrollbar{display:none}.tab-list-container-inner[data-v-8b1a9a29]{flex-wrap:nowrap;display:inline-flex;position:relative}.tab-item-box[data-v-8b1a9a29]{cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center}.tab-item-box~.tab-item-box[data-v-8b1a9a29]{margin-left:var(--gap)}.active-tab-item-box[data-v-8b1a9a29]{width:100px;height:1px;transition:left var(--transition-duration,.15s) ease-in-out, width var(--transition-duration,.15s) ease-in-out;background-color:#000;position:absolute;bottom:0;left:0}.active-tab-item-box.initial[data-v-8b1a9a29]{transition:none}.panel-list-container[data-v-8b1a9a29]{width:100%;min-height:200px;position:relative}.panel-item-box[data-v-8b1a9a29]{width:100%;height:100%;position:absolute;top:0;left:0}.toaster-box[data-v-7faa65fe]{z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}[data-v-7faa65fe] .toast-item{background-color:var(--toast-bg);box-sizing:border-box;min-width:220px;padding:10px 20px}[data-v-7faa65fe] .title-box{justify-content:center;align-items:center;gap:16px;display:flex}[data-v-7faa65fe] .message{color:#fff}.fade-enter-from[data-v-aafc58b1],.fade-leave-to[data-v-aafc58b1]{opacity:0}.fade-enter-active[data-v-aafc58b1],.fade-leave-active[data-v-aafc58b1]{transition:opacity .15s ease-in-out}.loading-box[data-v-aafc58b1]{background-color:var(--bg);z-index:99;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}@keyframes bounce-aafc58b1{0%,to{transform:translateY(0)}50%{transform:translateY(var(--amplitude))}}.loading-dot[data-v-aafc58b1]{width:var(--dot-size);height:var(--dot-size);background-color:var(--dot-color);border-radius:50%;animation:1s ease-in-out infinite bounce-aafc58b1}.loading-dot~.loading-dot[data-v-aafc58b1]{margin-left:var(--dot-gap)}.loading-dot[data-v-aafc58b1]:first-child{animation-delay:0s}.loading-dot[data-v-aafc58b1]:nth-child(2){animation-delay:.2s}.loading-dot[data-v-aafc58b1]:nth-child(3){animation-delay:.4s}.slider-captcha-box[data-v-28c7c0aa]{display:inline-block}.slider-captcha-bg-box[data-v-28c7c0aa]{width:100%;font-size:0;position:relative;overflow:hidden}.slider-captcha-bg[data-v-28c7c0aa]{width:100%}.slider-captcha-block[data-v-28c7c0aa]{z-index:10;position:absolute;left:0}.slider-track-box[data-v-28c7c0aa]{width:100%;position:relative}.slider-track-bg[data-v-28c7c0aa]{height:100%;position:absolute;top:0;left:0}.slider-track-thumb[data-v-28c7c0aa]{cursor:pointer;background-color:#1a171b0d;justify-content:center;align-items:center;width:100px;height:40px;margin-top:15px;display:flex}.slide-enter-from[data-v-28c7c0aa],.slide-leave-to[data-v-28c7c0aa]{transform:translateY(100%)}.slide-enter-active[data-v-28c7c0aa],.slide-leave-active[data-v-28c7c0aa]{transition:transform .15s ease-in-out}.verify-result-tip[data-v-28c7c0aa]{z-index:15;position:absolute;bottom:0;left:0;right:0}html,body{overscroll-behavior:none}:-webkit-any(input:-webkit-autofill,textarea:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--input-bg,#fff) inset;-webkit-text-fill-color:inherit}:is(input:autofill,textarea:autofill){-webkit-box-shadow:0 0 0 1000px var(--input-bg,#fff) inset;-webkit-text-fill-color:inherit}a:focus,input:focus,textarea:focus,button:focus{outline:none}input::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}textarea::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input::-moz-placeholder{color:var(--input-placeholder-color,#999)}textarea::-moz-placeholder{color:var(--input-placeholder-color,#999)}input:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}
2
2
  /*$vite$:1*/
package/dist/types/components/input/input.vue.d.ts CHANGED
@@ -13,6 +13,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
13
13
  onEnter?: ((...args: any[]) => any) | undefined;
14
14
  onClick?: ((...args: any[]) => any) | undefined;
15
15
  }>, {
16
+ name: string;
16
17
  type: import('vue').InputTypeHTMLAttribute;
17
18
  autoFocus: boolean;
18
19
  placeholder: string;
package/dist/types/components/input/types.d.ts CHANGED
@@ -5,4 +5,5 @@ export interface RoxVInputProps {
5
5
  iconVisible?: boolean;
6
6
  icon?: string;
7
7
  autoFocus?: boolean;
8
+ name?: string;
8
9
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a-drowned-fish/rox-v",
3
- "version": "1.0.46",
3
+ "version": "1.0.47",
4
4
  "description": "vue3 组件库，提供常用的 ui 组件，如按钮、输入框、下拉选择框、选项卡等",
5
5
  "main": "dist/lib/index.js",
6
6
  "module": "dist/es/index.js",
@@ -55,8 +55,7 @@
55
55
  },
56
56
  "sideEffects": [
57
57
  "dist/*",
58
- "*.css",
59
- "*.css.ts"
58
+ "*.css*"
60
59
  ],
61
60
  "publishConfig": {
62
61
  "access": "public"