@a-drowned-fish/rox-v 1.0.39 → 1.0.41

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 (38) hide show
  1. package/README.md +60 -0
  2. package/dist/es/components.js +4 -2
  3. package/dist/es/count-down/count-down.js +5 -0
  4. package/dist/es/count-down/count-down.vue_vue_type_script_setup_true_lang.js +28 -0
  5. package/dist/es/count-down/index.js +7 -0
  6. package/dist/es/count-down/style.css.js +0 -0
  7. package/dist/es/index.js +6 -5
  8. package/dist/es/toast/toast-item.vue_vue_type_script_setup_true_lang.js +12 -13
  9. package/dist/es/toast/toast.js +38 -21
  10. package/dist/index.js +1 -1
  11. package/dist/lib/_virtual/_rolldown/runtime.js +1 -1
  12. package/dist/lib/button/button.vue_vue_type_script_setup_true_lang.js +1 -1
  13. package/dist/lib/collapse/collapse.vue_vue_type_script_setup_true_lang.js +1 -1
  14. package/dist/lib/components.js +1 -1
  15. package/dist/lib/count-down/count-down.js +1 -0
  16. package/dist/lib/count-down/count-down.vue_vue_type_script_setup_true_lang.js +1 -0
  17. package/dist/lib/count-down/index.js +1 -0
  18. package/dist/lib/count-down/style.css.js +0 -0
  19. package/dist/lib/index.js +1 -1
  20. package/dist/lib/input/input.vue_vue_type_script_setup_true_lang.js +1 -1
  21. package/dist/lib/input-otp/input-otp.vue_vue_type_script_setup_true_lang.js +1 -1
  22. package/dist/lib/loading/loading.vue_vue_type_script_setup_true_lang.js +1 -1
  23. package/dist/lib/menu/menu-item.vue_vue_type_script_setup_true_lang.js +1 -1
  24. package/dist/lib/menu/menu.vue_vue_type_script_setup_true_lang.js +1 -1
  25. package/dist/lib/popup/popup.vue_vue_type_script_setup_true_lang.js +1 -1
  26. package/dist/lib/slider-captcha/slider-captcha.vue_vue_type_script_setup_true_lang.js +1 -1
  27. package/dist/lib/tab/tab.vue_vue_type_script_setup_true_lang.js +1 -1
  28. package/dist/lib/toast/toast-item.vue_vue_type_script_setup_true_lang.js +1 -1
  29. package/dist/lib/toast/toast.js +1 -1
  30. package/dist/lib/toast/toaster.vue_vue_type_script_setup_true_lang.js +1 -1
  31. package/dist/types/components/components.d.ts +2 -0
  32. package/dist/types/components/count-down/count-down.vue.d.ts +12 -0
  33. package/dist/types/components/count-down/index.d.ts +5 -0
  34. package/dist/types/components/count-down/style.css.d.ts +1 -0
  35. package/dist/types/components/count-down/types.d.ts +3 -0
  36. package/dist/types/components/toast/toast.d.ts +6 -5
  37. package/dist/types/components/toast/types.d.ts +2 -0
  38. package/package.json +4 -1
package/README.md CHANGED
@@ -1040,6 +1040,66 @@ interface RoxVSliderCaptchaTrackItem {
1040
1040
  | reset | 重置滑块位置、验证结果 | `() => void` |
1041
1041
  | tracks | 滑块移动轨迹数组 | `RoxVSliderCaptchaTrackItem[]` |
1042
1042
 
1043
+ ### CountDown - 倒计时组件
1044
+
1045
+ 一个基于剩余秒数的倒计时组件,支持自定义显示格式和初始时间。
1046
+
1047
+ #### 基础用法
1048
+
1049
+ ```vue
1050
+ <template>
1051
+ <CountDown v-model="seconds" :tick="formatTime" />
1052
+ </template>
1053
+
1054
+ <script setup lang="ts">
1055
+ import { ref } from "vue";
1056
+ import { CountDown } from "@a-drowned-fish/rox-v";
1057
+
1058
+ const seconds = ref(120);
1059
+
1060
+ const formatTime = (remainingSeconds: number) => {
1061
+ const minutes = Math.floor(remainingSeconds / 60);
1062
+ const secs = remainingSeconds % 60;
1063
+ return `${minutes.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}`;
1064
+ };
1065
+ </script>
1066
+ ```
1067
+
1068
+ #### Props
1069
+
1070
+ | 属性 | 说明 | 类型 | 默认值 |
1071
+ | ------- | ------------------ | ----------------------------- | ------------------------------------------------------------------------------------------------- |
1072
+ | v-model | 当前剩余秒数 | `number \| undefined` | `undefined` (用于区别初始状态、倒计时开始时和结束以及过程中都是 `number`类型,以便于初始化UI界面) |
1073
+ | tick | 自定义显示格式函数 | `(seconds: number) => string` | - |
1074
+
1075
+ #### 示例:OTP 倒计时
1076
+
1077
+ ```vue
1078
+ <template>
1079
+ <div>
1080
+ <CountDown v-model="countdown" :tick="formatCountdown" />
1081
+ <Button @click="resetCountdown" :disabled="countdown > 0">
1082
+ {{ countdown > 0 ? `${countdown}秒后重新获取` : "重新获取" }}
1083
+ </Button>
1084
+ </div>
1085
+ </template>
1086
+
1087
+ <script setup lang="ts">
1088
+ import { ref } from "vue";
1089
+ import { CountDown, Button } from "@a-drowned-fish/rox-v";
1090
+
1091
+ const countdown = ref(60);
1092
+
1093
+ const formatCountdown = (seconds: number) => {
1094
+ return `剩余 ${seconds} 秒`;
1095
+ };
1096
+
1097
+ const resetCountdown = () => {
1098
+ countdown.value = 60;
1099
+ };
1100
+ </script>
1101
+ ```
1102
+
1043
1103
  ## License
1044
1104
 
1045
1105
  MIT
@@ -10,10 +10,12 @@ import { useToast as c } from "./toast/toast.js";
10
10
  import l from "./toast/index.js";
11
11
  import u from "./loading/index.js";
12
12
  import d from "./slider-captcha/index.js";
13
+ import f from "./count-down/index.js";
13
14
  //#region components/components.ts
14
- var f = /* @__PURE__ */ e({
15
+ var p = /* @__PURE__ */ e({
15
16
  Button: () => r,
16
17
  Collapse: () => i,
18
+ CountDown: () => f,
17
19
  Input: () => a,
18
20
  InputOtp: () => t,
19
21
  Loading: () => u,
@@ -25,4 +27,4 @@ var f = /* @__PURE__ */ e({
25
27
  useToast: () => c
26
28
  });
27
29
  //#endregion
28
- export { f as components_exports };
30
+ export { p as components_exports };
@@ -0,0 +1,5 @@
1
+ import e from "./count-down.vue_vue_type_script_setup_true_lang.js";
2
+ //#region components/count-down/count-down.vue
3
+ var t = e;
4
+ //#endregion
5
+ export { t as default };
@@ -0,0 +1,28 @@
1
+ import { createElementBlock as e, defineComponent as t, mergeModels as n, openBlock as r, useModel as i, watch as a } from "vue";
2
+ import o from "fish-helper";
3
+ //#region components/count-down/count-down.vue?vue&type=script&setup=true&lang.ts
4
+ var s = ["innerHTML"], c = /* @__PURE__ */ t({
5
+ name: "CountDown",
6
+ __name: "count-down",
7
+ props: /* @__PURE__ */ n({ tick: { type: Function } }, {
8
+ modelValue: {
9
+ type: Number,
10
+ default: void 0
11
+ },
12
+ modelModifiers: {}
13
+ }),
14
+ emits: ["update:modelValue"],
15
+ setup(t) {
16
+ let n = i(t, "modelValue"), c = t;
17
+ function l() {
18
+ n.value !== null && o.count_down_by_remain_seconds(({ remain: e }) => {
19
+ e > 0 && (n.value = Math.floor(e / 1e3));
20
+ }, n.value);
21
+ }
22
+ return a(n, () => {
23
+ l();
24
+ }), (t, i) => (r(), e("div", { innerHTML: n.value !== void 0 && n.value !== null ? c.tick(n.value) : "" }, null, 8, s));
25
+ }
26
+ });
27
+ //#endregion
28
+ export { c as default };
@@ -0,0 +1,7 @@
1
+ import e from "./count-down.js";
2
+ import "./style.css";
3
+ //#region components/count-down/index.ts
4
+ e.install = (t) => (e.name && t.component(e.name, e), t);
5
+ var t = e;
6
+ //#endregion
7
+ export { t as default };
File without changes
package/dist/es/index.js CHANGED
@@ -9,12 +9,13 @@ import { useToast as s } from "./toast/toast.js";
9
9
  import c from "./toast/index.js";
10
10
  import l from "./loading/index.js";
11
11
  import u from "./slider-captcha/index.js";
12
- import { components_exports as d } from "./components.js";
12
+ import d from "./count-down/index.js";
13
+ import { components_exports as f } from "./components.js";
13
14
  /* empty css */
14
15
  //#region components/index.ts
15
- var f = (e) => (Object.keys(d).forEach((t) => {
16
- let n = d[t];
16
+ var p = (e) => (Object.keys(f).forEach((t) => {
17
+ let n = f[t];
17
18
  n.install && e.use(n);
18
- }), e), p = { install: f };
19
+ }), e), m = { install: p };
19
20
  //#endregion
20
- export { n as Button, r as Collapse, i as Input, e as InputOtp, l as Loading, a as Menu, t as Popup, u as SliderCaptcha, o as Tab, c as Toaster, p as default, f as install, s as useToast };
21
+ export { n as Button, r as Collapse, d as CountDown, i as Input, e as InputOtp, l as Loading, a as Menu, t as Popup, u as SliderCaptcha, o as Tab, c as Toaster, m as default, p as install, s as useToast };
@@ -1,6 +1,6 @@
1
- import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o, toDisplayString as s } from "vue";
1
+ import { Fragment as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, toDisplayString as c } from "vue";
2
2
  //#region components/toast/toast-item.vue?vue&type=script&setup=true&lang.ts
3
- var c = { class: "toast-item" }, l = /* @__PURE__ */ r({
3
+ var l = { class: "toast-item" }, u = /* @__PURE__ */ i({
4
4
  name: "ToastItem",
5
5
  __name: "toast-item",
6
6
  props: {
@@ -11,18 +11,17 @@ var c = { class: "toast-item" }, l = /* @__PURE__ */ r({
11
11
  titleClass: {},
12
12
  messageClass: {}
13
13
  },
14
- setup(r) {
15
- return (l, u) => (a(), t("div", c, [r.toast.message ? (a(), t("div", {
14
+ setup(i) {
15
+ return (u, d) => (o(), n("div", l, [i.toast.message ? (o(), n("div", {
16
16
  key: 0,
17
- class: i(["title-box", r.titleClass])
18
- }, [
19
- l.$slots["success-icon"] && r.toast.type === "success" ? o(l.$slots, "success-icon", { key: 0 }) : e("", !0),
20
- l.$slots["error-icon"] && r.toast.type === "error" ? o(l.$slots, "error-icon", { key: 1 }) : e("", !0),
21
- l.$slots["info-icon"] && r.toast.type === "info" ? o(l.$slots, "info-icon", { key: 2 }) : e("", !0),
22
- l.$slots["warning-icon"] && r.toast.type === "warning" ? o(l.$slots, "warning-icon", { key: 3 }) : e("", !0),
23
- n("span", { class: i(["message", r.messageClass]) }, s(r.toast.message), 3)
24
- ], 2)) : e("", !0)]));
17
+ class: a(["title-box", i.titleClass])
18
+ }, [i.toast.iconVisible ? (o(), n(e, { key: 0 }, [
19
+ u.$slots["success-icon"] && i.toast.type === "success" ? s(u.$slots, "success-icon", { key: 0 }) : t("", !0),
20
+ u.$slots["error-icon"] && i.toast.type === "error" ? s(u.$slots, "error-icon", { key: 1 }) : t("", !0),
21
+ u.$slots["info-icon"] && i.toast.type === "info" ? s(u.$slots, "info-icon", { key: 2 }) : t("", !0),
22
+ u.$slots["warning-icon"] && i.toast.type === "warning" ? s(u.$slots, "warning-icon", { key: 3 }) : t("", !0)
23
+ ], 64)) : t("", !0), r("span", { class: a(["message", i.messageClass]) }, c(i.toast.message), 3)], 2)) : t("", !0)]));
25
24
  }
26
25
  });
27
26
  //#endregion
28
- export { l as default };
27
+ export { u as default };
@@ -19,7 +19,8 @@ function o(e) {
19
19
  id: i(),
20
20
  message: e?.message || "",
21
21
  duration: e?.duration || r,
22
- type: e?.type || "info"
22
+ type: e?.type || "info",
23
+ iconVisible: e?.iconVisible || !0
23
24
  };
24
25
  return setTimeout(() => {
25
26
  n.toasts.push(t);
@@ -30,26 +31,42 @@ function o(e) {
30
31
  function s() {
31
32
  return {
32
33
  toast: o,
33
- success: (e, t = r) => o({
34
- message: e,
35
- duration: t,
36
- type: "success"
37
- }),
38
- error: (e, t = r) => o({
39
- message: e,
40
- duration: t,
41
- type: "error"
42
- }),
43
- info: (e, t = r) => o({
44
- message: e,
45
- duration: t,
46
- type: "info"
47
- }),
48
- warning: (e, t = r) => o({
49
- message: e,
50
- duration: t,
51
- type: "warning"
52
- }),
34
+ success: (e, t = {}) => {
35
+ let { duration: n = r, iconVisible: i = !0 } = t;
36
+ return o({
37
+ message: e,
38
+ duration: n,
39
+ type: "success",
40
+ iconVisible: i
41
+ });
42
+ },
43
+ error: (e, t = {}) => {
44
+ let { duration: n = r, iconVisible: i = !0 } = t;
45
+ return o({
46
+ message: e,
47
+ duration: n,
48
+ type: "error",
49
+ iconVisible: i
50
+ });
51
+ },
52
+ info: (e, t = {}) => {
53
+ let { duration: n = r, iconVisible: i = !0 } = t;
54
+ return o({
55
+ message: e,
56
+ duration: n,
57
+ type: "info",
58
+ iconVisible: i
59
+ });
60
+ },
61
+ warning: (e, t = {}) => {
62
+ let { duration: n = r, iconVisible: i = !0 } = t;
63
+ return o({
64
+ message: e,
65
+ duration: n,
66
+ type: "warning",
67
+ iconVisible: i
68
+ });
69
+ },
53
70
  dismiss: a
54
71
  };
55
72
  }
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- (function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`rox-v`]={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var n=Object.defineProperty,r=(e,t)=>{let r={};for(var i in e)n(r,i,{get:e[i],enumerable:!0});return t||n(r,Symbol.toStringTag,{value:`Module`}),r},i=[`inputmode`,`maxlength`],a=(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`],a=e,o=n,s=(0,t.ref)(null),c=(0,t.ref)(a.modelValue);(0,t.watch)(()=>a.modelValue,e=>{e!==c.value&&(c.value=e)});function l(e){let t=e.target.value;t=a.type===`text`?t.replace(/[^\dA-Za-z]/g,``):t.replace(/\D/g,``),t=t.slice(0,a.length),c.value=t,o(`update:modelValue`,t),t.length===a.length&&o(`complete`,t)}function u(){(0,t.nextTick)(()=>{if(s.value){let e=c.value.length;s.value.setSelectionRange?.(e,e)}})}function d(e){let t=c.value,n=e.key;if(n===`Backspace`||n===`Delete`){if(e.preventDefault(),t.length>0){let e=t.slice(0,-1);c.value=e,o(`update:modelValue`,e),u()}}else r.includes(n)&&e.preventDefault()}function f(){a.modelValue.length>=a.length&&o(`enter`)}function p(){s.value?.focus()}function m(e){return e===c.value.length}function h(e){return e<c.value.length}return(0,t.onMounted)(()=>{a.autoFocus&&p()}),(0,t.watch)(()=>a.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:a.type===`text`?`text`:`numeric`,autocomplete:`one-time-code`,ref_key:`inputRef`,ref:s,"onUpdate:modelValue":r[0]||=e=>c.value=e,maxlength:e.length,onInput:l,onKeydown:d,onKeyup:(0,t.withKeys)(f,[`enter`]),onFocus:u,style:{position:`absolute`,opacity:`0`,"pointer-events":`none`,width:`1px`,height:`1px`}},null,40,i),[[t.vModelText,c.value]]),(0,t.createElementVNode)(`div`,{class:`otp-box`,style:(0,t.normalizeStyle)({gap:a.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`,[{[a.activeItemClass]:m(n)},{[a.hasFilledItemClass]:h(n)},a.itemClass]])},(0,t.toDisplayString)(c.value[n]||``),3))),128))],4)]))}}),o=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},s=o(a,[[`__scopeId`,`data-v-fd524a3d`]]);s.install=e=>(s.name&&e.component(s.name,s),e);var c=s,l=o((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`]]);l.install=e=>(l.name&&e.component(l.name,l),e);var u=l,d=[`type`],f=o((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,d))}}),[[`__scopeId`,`data-v-1d025e54`]]);f.install=e=>(f.name&&e.component(f.name,f),e);var p=f,m=o((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`]]);m.install=e=>(m.name&&e.component(m.name,m),e);var h=m,g={class:`input-box`},_=[`type`,`placeholder`],v=[`src`],y=o((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`,g,[(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,_),[[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,v)),[[t.vShow,o.iconVisible]]):(0,t.createCommentVNode)(``,!0)]))}}),[[`__scopeId`,`data-v-238a598a`]]);y.install=e=>(y.name&&e.component(y.name,y),e);var b=y,x={class:`menu-label`},S=[`src`],C=[`src`],w=(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`,x,(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,S)):(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,C)):(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)}}}),T={key:0,class:`menu-list-box`},E=o((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`,T,[(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)(w,{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`]]);E.install=e=>(E.name&&e.component(E.name,E),e);var D=E,O={class:`tab-list-container-inner`},k=[`onClick`],A=o((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`,O,[((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,k))),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`]]);A.install=e=>(A.name&&e.component(A.name,A),e);var j=(0,t.reactive)({toasts:[]}),M=3e3;function N(){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 P(e){if(e===void 0)j.toasts=[];else{let t=j.toasts.findIndex(t=>t.id===e);t!==-1&&j.toasts.splice(t,1)}}function F(e){let t={id:N(),message:e?.message||``,duration:e?.duration||M,type:e?.type||`info`};return setTimeout(()=>{j.toasts.push(t)},0),setTimeout(()=>{P(t.id)},t.duration),t.id}function I(){return{toast:F,success:(e,t=M)=>F({message:e,duration:t,type:`success`}),error:(e,t=M)=>F({message:e,duration:t,type:`error`}),info:(e,t=M)=>F({message:e,duration:t,type:`info`}),warning:(e,t=M)=>F({message:e,duration:t,type:`warning`}),dismiss:P}}var L=(0,t.readonly)(j),R={class:`toast-item`},z=(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`,R,[e.toast.message?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`title-box`,e.titleClass])},[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),(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)([`message`,e.messageClass])},(0,t.toDisplayString)(e.toast.message),3)],2)):(0,t.createCommentVNode)(``,!0)]))}}),B=o((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)(L).toasts,e=>((0,t.openBlock)(),(0,t.createBlock)(z,{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`]]);B.install=function(e){return B.name&&e.component(B.name,B),e};var V=B,H=o((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`]]);H.install=e=>(H.name&&e.component(H.name,H),e);var U=H;function W(){return typeof window<`u`&&typeof document<`u`}function G(e){return new Promise((t,n)=>{if(!W()){t({naturalWidth:0,naturalHeight:0});return}let r=new Image,i=!1,a=e=>{i||(i=!0,r.onload=null,r.onerror=null,e())};r.onload=()=>{a(()=>{t({naturalWidth:r.naturalWidth,naturalHeight:r.naturalHeight})})},r.onerror=()=>{a(()=>{t({naturalWidth:0,naturalHeight:0})})},r.src=e,r.complete&&setTimeout(()=>{a(()=>{t({naturalWidth:r.naturalWidth,naturalHeight:r.naturalHeight})})},0)})}var K={class:`slider-captcha-bg-box`,ref:`box`},q=[`src`],J=[`src`],Y={class:`verify-result-tip`},ee={class:`verify-result-tip`},te={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`},X=o((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)`}},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){!W()||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 G(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 G(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`,K,[(0,t.createElementVNode)(`img`,{src:l.background,alt:`bg`,class:`slider-captcha-bg`,draggable:!1},null,8,q),(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,J),[[t.vShow,y.value]]),(0,t.createVNode)(t.Transition,{name:`slide`},{default:(0,t.withCtx)(()=>[(0,t.withDirectives)((0,t.createElementVNode)(`div`,Y,[(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`,ee,[(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:`slider-track-thumb`,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`,te,[...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)]]))],36)],4)],4))}}),[[`__scopeId`,`data-v-e0d9f88d`]]);X.install=e=>(X.name&&e.component(X.name,X),e);var Z=X,Q=r({Button:()=>p,Collapse:()=>h,Input:()=>b,InputOtp:()=>c,Loading:()=>U,Menu:()=>D,Popup:()=>u,SliderCaptcha:()=>Z,Tab:()=>A,Toaster:()=>V,useToast:()=>I}),$=e=>(Object.keys(Q).forEach(t=>{let n=Q[t];n.install&&e.use(n)}),e),ne={install:$};e.Button=p,e.Collapse=h,e.Input=b,e.InputOtp=c,e.Loading=U,e.Menu=D,e.Popup=u,e.SliderCaptcha=Z,e.Tab=A,e.Toaster=V,e.default=ne,e.install=$,e.useToast=I});
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.fish_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,n)=>{if(!K()){t({naturalWidth:0,naturalHeight:0});return}let r=new Image,i=!1,a=e=>{i||(i=!0,r.onload=null,r.onerror=null,e())};r.onload=()=>{a(()=>{t({naturalWidth:r.naturalWidth,naturalHeight:r.naturalHeight})})},r.onerror=()=>{a(()=>{t({naturalWidth:0,naturalHeight:0})})},r.src=e,r.complete&&setTimeout(()=>{a(()=>{t({naturalWidth:r.naturalWidth,naturalHeight:r.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)`}},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:`slider-track-thumb`,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)]]))],36)],4)],4))}}),[[`__scopeId`,`data-v-e0d9f88d`]]);J.install=e=>(J.name&&e.component(J.name,J),e);var Y=J,de=[`innerHTML`],X=(0,t.defineComponent)({name:`CountDown`,__name:`count-down`,props:(0,t.mergeModels)({tick:{type:Function}},{modelValue:{type:Number,default:void 0},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let r=(0,t.useModel)(e,`modelValue`),i=e;function a(){r.value!==null&&n.default.count_down_by_remain_seconds(({remain:e})=>{e>0&&(r.value=Math.floor(e/1e3))},r.value)}return(0,t.watch)(r,()=>{a()}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{innerHTML:r.value!==void 0&&r.value!==null?i.tick(r.value):``},null,8,de))}});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),fe={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=fe,e.install=$,e.useToast=V});
@@ -1 +1 @@
1
- var e=Object.defineProperty,t=(t,n)=>{let r={};for(var i in t)e(r,i,{get:t[i],enumerable:!0});return n||e(r,Symbol.toStringTag,{value:`Module`}),r};exports.__exportAll=t;
1
+ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,a)=>(a=n==null?{}:e(i(n)),s(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));exports.__exportAll=o,exports.__toESM=c;
@@ -1 +1 @@
1
- let e=require(`vue`);var t=[`type`],n=(0,e.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(n,{emit:r}){let i=r,a=n,o=e=>{(!a.disabled||a.enableDisabledClick)&&i(`click`,e)};return(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{onClick:o,class:(0,e.normalizeClass)([`button-container`,{block:a.block,disabled:a.disabled}]),type:a.type,style:(0,e.normalizeStyle)({padding:a.padding,border:a.border,borderRadius:a.radius,"--bg":a.bg,"--disabled-bg":a.disabledBg})},[(0,e.renderSlot)(n.$slots,`default`,{},void 0,!0)],14,t))}});exports.default=n;
1
+ require(`../_virtual/_rolldown/runtime.js`);let e=require(`vue`);var t=[`type`],n=(0,e.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(n,{emit:r}){let i=r,a=n,o=e=>{(!a.disabled||a.enableDisabledClick)&&i(`click`,e)};return(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{onClick:o,class:(0,e.normalizeClass)([`button-container`,{block:a.block,disabled:a.disabled}]),type:a.type,style:(0,e.normalizeStyle)({padding:a.padding,border:a.border,borderRadius:a.radius,"--bg":a.bg,"--disabled-bg":a.disabledBg})},[(0,e.renderSlot)(n.$slots,`default`,{},void 0,!0)],14,t))}});exports.default=n;
@@ -1 +1 @@
1
- let e=require(`vue`);var t=(0,e.defineComponent)({name:`Collapse`,__name:`collapse`,props:{open:{type:Boolean,default:!1},maxHeight:{default:`100dvh`},duration:{default:200}},setup(t){let n=t;return(t,r)=>((0,e.openBlock)(),(0,e.createBlock)(e.Transition,{name:`collapse`},{default:(0,e.withCtx)(()=>[n.open?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,class:`collapse-content`,style:(0,e.normalizeStyle)({"--max-height":n.maxHeight,"--duration":n.duration+`ms`})},[(0,e.renderSlot)(t.$slots,`default`,{},void 0,!0)],4)):(0,e.createCommentVNode)(``,!0)]),_:3}))}});exports.default=t;
1
+ require(`../_virtual/_rolldown/runtime.js`);let e=require(`vue`);var t=(0,e.defineComponent)({name:`Collapse`,__name:`collapse`,props:{open:{type:Boolean,default:!1},maxHeight:{default:`100dvh`},duration:{default:200}},setup(t){let n=t;return(t,r)=>((0,e.openBlock)(),(0,e.createBlock)(e.Transition,{name:`collapse`},{default:(0,e.withCtx)(()=>[n.open?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,class:`collapse-content`,style:(0,e.normalizeStyle)({"--max-height":n.maxHeight,"--duration":n.duration+`ms`})},[(0,e.renderSlot)(t.$slots,`default`,{},void 0,!0)],4)):(0,e.createCommentVNode)(``,!0)]),_:3}))}});exports.default=t;
@@ -1 +1 @@
1
- const e=require(`./_virtual/_rolldown/runtime.js`),t=require(`./input-otp/index.js`),n=require(`./popup/index.js`),r=require(`./button/index.js`),i=require(`./collapse/index.js`),a=require(`./input/index.js`),o=require(`./menu/index.js`),s=require(`./tab/index.js`),c=require(`./toast/toast.js`),l=require(`./toast/index.js`),u=require(`./loading/index.js`),d=require(`./slider-captcha/index.js`);var f=e.__exportAll({Button:()=>r.default,Collapse:()=>i.default,Input:()=>a.default,InputOtp:()=>t.default,Loading:()=>u.default,Menu:()=>o.default,Popup:()=>n.default,SliderCaptcha:()=>d.default,Tab:()=>s.default,Toaster:()=>l.default,useToast:()=>c.useToast});Object.defineProperty(exports,`components_exports`,{enumerable:!0,get:function(){return f}});
1
+ const e=require(`./_virtual/_rolldown/runtime.js`),t=require(`./input-otp/index.js`),n=require(`./popup/index.js`),r=require(`./button/index.js`),i=require(`./collapse/index.js`),a=require(`./input/index.js`),o=require(`./menu/index.js`),s=require(`./tab/index.js`),c=require(`./toast/toast.js`),l=require(`./toast/index.js`),u=require(`./loading/index.js`),d=require(`./slider-captcha/index.js`),f=require(`./count-down/index.js`);var p=e.__exportAll({Button:()=>r.default,Collapse:()=>i.default,CountDown:()=>f.default,Input:()=>a.default,InputOtp:()=>t.default,Loading:()=>u.default,Menu:()=>o.default,Popup:()=>n.default,SliderCaptcha:()=>d.default,Tab:()=>s.default,Toaster:()=>l.default,useToast:()=>c.useToast});Object.defineProperty(exports,`components_exports`,{enumerable:!0,get:function(){return p}});
@@ -0,0 +1 @@
1
+ var e=require(`./count-down.vue_vue_type_script_setup_true_lang.js`).default;exports.default=e;
@@ -0,0 +1 @@
1
+ const e=require(`../_virtual/_rolldown/runtime.js`);let t=require(`vue`),n=require(`fish-helper`);n=e.__toESM(n);var r=[`innerHTML`],i=(0,t.defineComponent)({name:`CountDown`,__name:`count-down`,props:(0,t.mergeModels)({tick:{type:Function}},{modelValue:{type:Number,default:void 0},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let i=(0,t.useModel)(e,`modelValue`),a=e;function o(){i.value!==null&&n.default.count_down_by_remain_seconds(({remain:e})=>{e>0&&(i.value=Math.floor(e/1e3))},i.value)}return(0,t.watch)(i,()=>{o()}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{innerHTML:i.value!==void 0&&i.value!==null?a.tick(i.value):``},null,8,r))}});exports.default=i;
@@ -0,0 +1 @@
1
+ const e=require(`./count-down.js`);require(`./style.css`),e.default.install=t=>(e.default.name&&t.component(e.default.name,e.default),t);var t=e.default;exports.default=t;
File without changes
package/dist/lib/index.js CHANGED
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./input-otp/index.js`),t=require(`./popup/index.js`),n=require(`./button/index.js`),r=require(`./collapse/index.js`),i=require(`./input/index.js`),a=require(`./menu/index.js`),o=require(`./tab/index.js`),s=require(`./toast/toast.js`),c=require(`./toast/index.js`),l=require(`./loading/index.js`),u=require(`./slider-captcha/index.js`),d=require(`./components.js`);;/* empty css */var f=e=>(Object.keys(d.components_exports).forEach(t=>{let n=d.components_exports[t];n.install&&e.use(n)}),e),p={install:f};exports.Button=n.default,exports.Collapse=r.default,exports.Input=i.default,exports.InputOtp=e.default,exports.Loading=l.default,exports.Menu=a.default,exports.Popup=t.default,exports.SliderCaptcha=u.default,exports.Tab=o.default,exports.Toaster=c.default,exports.default=p,exports.install=f,exports.useToast=s.useToast;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./input-otp/index.js`),t=require(`./popup/index.js`),n=require(`./button/index.js`),r=require(`./collapse/index.js`),i=require(`./input/index.js`),a=require(`./menu/index.js`),o=require(`./tab/index.js`),s=require(`./toast/toast.js`),c=require(`./toast/index.js`),l=require(`./loading/index.js`),u=require(`./slider-captcha/index.js`),d=require(`./count-down/index.js`),f=require(`./components.js`);;/* empty css */var p=e=>(Object.keys(f.components_exports).forEach(t=>{let n=f.components_exports[t];n.install&&e.use(n)}),e),m={install:p};exports.Button=n.default,exports.Collapse=r.default,exports.CountDown=d.default,exports.Input=i.default,exports.InputOtp=e.default,exports.Loading=l.default,exports.Menu=a.default,exports.Popup=t.default,exports.SliderCaptcha=u.default,exports.Tab=o.default,exports.Toaster=c.default,exports.default=m,exports.install=p,exports.useToast=s.useToast;
@@ -1 +1 @@
1
- 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`,`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 +1 @@
1
- let e=require(`vue`);var t=[`inputmode`,`maxlength`],n=(0,e.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(n,{emit:r}){let i=[`ArrowLeft`,`ArrowRight`,`Home`,`End`],a=n,o=r,s=(0,e.ref)(null),c=(0,e.ref)(a.modelValue);(0,e.watch)(()=>a.modelValue,e=>{e!==c.value&&(c.value=e)});function l(e){let t=e.target.value;t=a.type===`text`?t.replace(/[^\dA-Za-z]/g,``):t.replace(/\D/g,``),t=t.slice(0,a.length),c.value=t,o(`update:modelValue`,t),t.length===a.length&&o(`complete`,t)}function u(){(0,e.nextTick)(()=>{if(s.value){let e=c.value.length;s.value.setSelectionRange?.(e,e)}})}function d(e){let t=c.value,n=e.key;if(n===`Backspace`||n===`Delete`){if(e.preventDefault(),t.length>0){let e=t.slice(0,-1);c.value=e,o(`update:modelValue`,e),u()}}else i.includes(n)&&e.preventDefault()}function f(){a.modelValue.length>=a.length&&o(`enter`)}function p(){s.value?.focus()}function m(e){return e===c.value.length}function h(e){return e<c.value.length}return(0,e.onMounted)(()=>{a.autoFocus&&p()}),(0,e.watch)(()=>a.autoFocus,e=>{e&&p()}),(r,i)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:`otp-wrapper`,onClick:p},[(0,e.withDirectives)((0,e.createElementVNode)(`input`,{inputmode:a.type===`text`?`text`:`numeric`,autocomplete:`one-time-code`,ref_key:`inputRef`,ref:s,"onUpdate:modelValue":i[0]||=e=>c.value=e,maxlength:n.length,onInput:l,onKeydown:d,onKeyup:(0,e.withKeys)(f,[`enter`]),onFocus:u,style:{position:`absolute`,opacity:`0`,"pointer-events":`none`,width:`1px`,height:`1px`}},null,40,t),[[e.vModelText,c.value]]),(0,e.createElementVNode)(`div`,{class:`otp-box`,style:(0,e.normalizeStyle)({gap:a.gap})},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(n.length,(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:n,class:(0,e.normalizeClass)([`otp-item`,[{[a.activeItemClass]:m(n)},{[a.hasFilledItemClass]:h(n)},a.itemClass]])},(0,e.toDisplayString)(c.value[n]||``),3))),128))],4)]))}});exports.default=n;
1
+ require(`../_virtual/_rolldown/runtime.js`);let e=require(`vue`);var t=[`inputmode`,`maxlength`],n=(0,e.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(n,{emit:r}){let i=[`ArrowLeft`,`ArrowRight`,`Home`,`End`],a=n,o=r,s=(0,e.ref)(null),c=(0,e.ref)(a.modelValue);(0,e.watch)(()=>a.modelValue,e=>{e!==c.value&&(c.value=e)});function l(e){let t=e.target.value;t=a.type===`text`?t.replace(/[^\dA-Za-z]/g,``):t.replace(/\D/g,``),t=t.slice(0,a.length),c.value=t,o(`update:modelValue`,t),t.length===a.length&&o(`complete`,t)}function u(){(0,e.nextTick)(()=>{if(s.value){let e=c.value.length;s.value.setSelectionRange?.(e,e)}})}function d(e){let t=c.value,n=e.key;if(n===`Backspace`||n===`Delete`){if(e.preventDefault(),t.length>0){let e=t.slice(0,-1);c.value=e,o(`update:modelValue`,e),u()}}else i.includes(n)&&e.preventDefault()}function f(){a.modelValue.length>=a.length&&o(`enter`)}function p(){s.value?.focus()}function m(e){return e===c.value.length}function h(e){return e<c.value.length}return(0,e.onMounted)(()=>{a.autoFocus&&p()}),(0,e.watch)(()=>a.autoFocus,e=>{e&&p()}),(r,i)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:`otp-wrapper`,onClick:p},[(0,e.withDirectives)((0,e.createElementVNode)(`input`,{inputmode:a.type===`text`?`text`:`numeric`,autocomplete:`one-time-code`,ref_key:`inputRef`,ref:s,"onUpdate:modelValue":i[0]||=e=>c.value=e,maxlength:n.length,onInput:l,onKeydown:d,onKeyup:(0,e.withKeys)(f,[`enter`]),onFocus:u,style:{position:`absolute`,opacity:`0`,"pointer-events":`none`,width:`1px`,height:`1px`}},null,40,t),[[e.vModelText,c.value]]),(0,e.createElementVNode)(`div`,{class:`otp-box`,style:(0,e.normalizeStyle)({gap:a.gap})},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(n.length,(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:n,class:(0,e.normalizeClass)([`otp-item`,[{[a.activeItemClass]:m(n)},{[a.hasFilledItemClass]:h(n)},a.itemClass]])},(0,e.toDisplayString)(c.value[n]||``),3))),128))],4)]))}});exports.default=n;
@@ -1 +1 @@
1
- let e=require(`vue`);var t=(0,e.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(t){let n=t;return(t,r)=>((0,e.openBlock)(),(0,e.createBlock)(e.Transition,{name:`fade`},{default:(0,e.withCtx)(()=>[n.visible?((0,e.openBlock)(),(0,e.createElementBlock)(`section`,{key:0,class:`loading-box`,style:(0,e.normalizeStyle)({"--bg":n.bg,"--dot-color":n.dotColor,"--dot-size":n.dotSize,"--dot-gap":n.dotGap,"--amplitude":n.amplitude})},[...r[0]||=[(0,e.createElementVNode)(`div`,{class:`loading-dot`},null,-1),(0,e.createElementVNode)(`div`,{class:`loading-dot`},null,-1),(0,e.createElementVNode)(`div`,{class:`loading-dot`},null,-1)]],4)):(0,e.createCommentVNode)(``,!0)]),_:1}))}});exports.default=t;
1
+ require(`../_virtual/_rolldown/runtime.js`);let e=require(`vue`);var t=(0,e.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(t){let n=t;return(t,r)=>((0,e.openBlock)(),(0,e.createBlock)(e.Transition,{name:`fade`},{default:(0,e.withCtx)(()=>[n.visible?((0,e.openBlock)(),(0,e.createElementBlock)(`section`,{key:0,class:`loading-box`,style:(0,e.normalizeStyle)({"--bg":n.bg,"--dot-color":n.dotColor,"--dot-size":n.dotSize,"--dot-gap":n.dotGap,"--amplitude":n.amplitude})},[...r[0]||=[(0,e.createElementVNode)(`div`,{class:`loading-dot`},null,-1),(0,e.createElementVNode)(`div`,{class:`loading-dot`},null,-1),(0,e.createElementVNode)(`div`,{class:`loading-dot`},null,-1)]],4)):(0,e.createCommentVNode)(``,!0)]),_:1}))}});exports.default=t;
@@ -1 +1 @@
1
- let e=require(`vue`);var t={class:`menu-label`},n=[`src`],r=[`src`],i=(0,e.defineComponent)({name:`MenuItem`,__name:`menu-item`,props:(0,e.mergeModels)({checkedIcon:{},checkedIconClass:{},suffixIcon:{},suffixIconClass:{},itemContainerClass:{},itemGap:{},activeItemClass:{},subMenuContainerClass:{},deep:{},item:{},parentValue:{}},{modelValue:{type:Array,default:()=>[]},modelModifiers:{}}),emits:[`update:modelValue`],setup(i){let a=(0,e.useModel)(i,`modelValue`),o=i,s=(0,e.ref)(!1),c=()=>s.value=!0,l=()=>s.value=!1,u=()=>{o.item.children?.length||(a.value=[...o.parentValue,o.item.value])};return(d,f)=>{let p=(0,e.resolveComponent)(`MenuItem`,!0);return(0,e.openBlock)(),(0,e.createElementBlock)(`div`,{onMouseenter:c,onMouseleave:l,style:{padding:`0 8px`}},[(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`menu-item-inner`,[o.itemContainerClass,{active:a.value?.[o.deep]===i.item.value},{[o.activeItemClass]:a.value?.[o.deep]===i.item.value}]]),onClick:u},[(0,e.createElementVNode)(`div`,t,(0,e.toDisplayString)(i.item.label),1),i.suffixIcon&&i.item.children?.length?((0,e.openBlock)(),(0,e.createElementBlock)(`img`,{key:0,src:o.suffixIcon,class:(0,e.normalizeClass)([`suffix-icon`,o.suffixIconClass]),alt:`suffix-icon`},null,10,n)):(0,e.createCommentVNode)(``,!0),i.checkedIcon&&!i.item.children?.length&&a.value?.[o.deep]===i.item.value?((0,e.openBlock)(),(0,e.createElementBlock)(`img`,{key:1,src:o.checkedIcon,class:(0,e.normalizeClass)([`checked-icon`,o.checkedIconClass]),alt:`checked-icon`},null,10,r)):(0,e.createCommentVNode)(``,!0)],2),i.item.children?.length?((0,e.openBlock)(),(0,e.createBlock)(e.Transition,{key:0,name:`fade`},{default:(0,e.withCtx)(()=>[s.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,class:(0,e.normalizeClass)([`sub-menu-box list-box`,i.subMenuContainerClass])},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(i.item.children,(t,n)=>((0,e.openBlock)(),(0,e.createBlock)(p,{key:n,modelValue:a.value,"onUpdate:modelValue":f[0]||=e=>a.value=e,item:t,"suffix-icon":i.suffixIcon,"suffix-icon-class":i.suffixIconClass,"checked-icon":i.checkedIcon,"checked-icon-class":i.checkedIconClass,"item-container-class":i.itemContainerClass,"item-gap":i.itemGap,deep:o.deep+1,"active-item-class":o.activeItemClass,"parent-value":o.parentValue.concat(i.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,e.createCommentVNode)(``,!0)]),_:1})):(0,e.createCommentVNode)(``,!0)],32)}}});exports.default=i;
1
+ require(`../_virtual/_rolldown/runtime.js`);let e=require(`vue`);var t={class:`menu-label`},n=[`src`],r=[`src`],i=(0,e.defineComponent)({name:`MenuItem`,__name:`menu-item`,props:(0,e.mergeModels)({checkedIcon:{},checkedIconClass:{},suffixIcon:{},suffixIconClass:{},itemContainerClass:{},itemGap:{},activeItemClass:{},subMenuContainerClass:{},deep:{},item:{},parentValue:{}},{modelValue:{type:Array,default:()=>[]},modelModifiers:{}}),emits:[`update:modelValue`],setup(i){let a=(0,e.useModel)(i,`modelValue`),o=i,s=(0,e.ref)(!1),c=()=>s.value=!0,l=()=>s.value=!1,u=()=>{o.item.children?.length||(a.value=[...o.parentValue,o.item.value])};return(d,f)=>{let p=(0,e.resolveComponent)(`MenuItem`,!0);return(0,e.openBlock)(),(0,e.createElementBlock)(`div`,{onMouseenter:c,onMouseleave:l,style:{padding:`0 8px`}},[(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`menu-item-inner`,[o.itemContainerClass,{active:a.value?.[o.deep]===i.item.value},{[o.activeItemClass]:a.value?.[o.deep]===i.item.value}]]),onClick:u},[(0,e.createElementVNode)(`div`,t,(0,e.toDisplayString)(i.item.label),1),i.suffixIcon&&i.item.children?.length?((0,e.openBlock)(),(0,e.createElementBlock)(`img`,{key:0,src:o.suffixIcon,class:(0,e.normalizeClass)([`suffix-icon`,o.suffixIconClass]),alt:`suffix-icon`},null,10,n)):(0,e.createCommentVNode)(``,!0),i.checkedIcon&&!i.item.children?.length&&a.value?.[o.deep]===i.item.value?((0,e.openBlock)(),(0,e.createElementBlock)(`img`,{key:1,src:o.checkedIcon,class:(0,e.normalizeClass)([`checked-icon`,o.checkedIconClass]),alt:`checked-icon`},null,10,r)):(0,e.createCommentVNode)(``,!0)],2),i.item.children?.length?((0,e.openBlock)(),(0,e.createBlock)(e.Transition,{key:0,name:`fade`},{default:(0,e.withCtx)(()=>[s.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,class:(0,e.normalizeClass)([`sub-menu-box list-box`,i.subMenuContainerClass])},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(i.item.children,(t,n)=>((0,e.openBlock)(),(0,e.createBlock)(p,{key:n,modelValue:a.value,"onUpdate:modelValue":f[0]||=e=>a.value=e,item:t,"suffix-icon":i.suffixIcon,"suffix-icon-class":i.suffixIconClass,"checked-icon":i.checkedIcon,"checked-icon-class":i.checkedIconClass,"item-container-class":i.itemContainerClass,"item-gap":i.itemGap,deep:o.deep+1,"active-item-class":o.activeItemClass,"parent-value":o.parentValue.concat(i.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,e.createCommentVNode)(``,!0)]),_:1})):(0,e.createCommentVNode)(``,!0)],32)}}});exports.default=i;
@@ -1 +1 @@
1
- const e=require(`./menu-item.js`);let t=require(`vue`);var n={key:0,class:`menu-list-box`},r=(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(r,{emit:i}){let a=i,o=(0,t.useModel)(r,`modelValue`),s=r,c=(0,t.ref)(!1),l=()=>c.value=!0,u=()=>c.value=!1;return(0,t.watch)(o,()=>{c.value=!1}),(0,t.watch)(c,e=>{a(e?`open`:`close`)}),(i,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`menu-box`,style:(0,t.normalizeStyle)({"--duration":s.duration+`ms`})},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`default-box`,s.defaultContainerClass]),onMouseenter:l,onMouseleave:u},[(0,t.renderSlot)(i.$slots,`default`,{},void 0,!0),(0,t.createVNode)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[c.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,n,[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`menu-item-box`,s.listContainerClass]),style:(0,t.normalizeStyle)({"--gap":s.itemGap})},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(s.items,(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:i,class:`menu-item`},[(0,t.createVNode)(e.default,{modelValue:o.value,"onUpdate:modelValue":a[0]||=e=>o.value=e,item:n,"suffix-icon":r.suffixIcon,"suffix-icon-class":r.suffixIconClass,"checked-icon":r.checkedIcon,"checked-icon-class":r.checkedIconClass,"item-container-class":r.itemContainerClass,"item-gap":s.itemGap,deep:0,"active-item-class":s.activeItemClass,"sub-menu-container-class":s.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))}});exports.default=r;
1
+ require(`../_virtual/_rolldown/runtime.js`);const e=require(`./menu-item.js`);let t=require(`vue`);var n={key:0,class:`menu-list-box`},r=(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(r,{emit:i}){let a=i,o=(0,t.useModel)(r,`modelValue`),s=r,c=(0,t.ref)(!1),l=()=>c.value=!0,u=()=>c.value=!1;return(0,t.watch)(o,()=>{c.value=!1}),(0,t.watch)(c,e=>{a(e?`open`:`close`)}),(i,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`menu-box`,style:(0,t.normalizeStyle)({"--duration":s.duration+`ms`})},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`default-box`,s.defaultContainerClass]),onMouseenter:l,onMouseleave:u},[(0,t.renderSlot)(i.$slots,`default`,{},void 0,!0),(0,t.createVNode)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[c.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,n,[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`menu-item-box`,s.listContainerClass]),style:(0,t.normalizeStyle)({"--gap":s.itemGap})},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(s.items,(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:i,class:`menu-item`},[(0,t.createVNode)(e.default,{modelValue:o.value,"onUpdate:modelValue":a[0]||=e=>o.value=e,item:n,"suffix-icon":r.suffixIcon,"suffix-icon-class":r.suffixIconClass,"checked-icon":r.checkedIcon,"checked-icon-class":r.checkedIconClass,"item-container-class":r.itemContainerClass,"item-gap":s.itemGap,deep:0,"active-item-class":s.activeItemClass,"sub-menu-container-class":s.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))}});exports.default=r;
@@ -1 +1 @@
1
- let e=require(`vue`);var t=(0,e.defineComponent)({name:`Popup`,__name:`popup`,props:(0,e.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(t){let n=[`bottom`,`left`,`right`,`top`,`center`],r=(0,e.useModel)(t,`modelValue`),i=t;function a(){i.maskClosable&&(r.value=!1)}return(t,o)=>((0,e.openBlock)(),(0,e.createBlock)(e.Teleport,{to:i.to},[(0,e.createVNode)(e.Transition,{name:`fade`},{default:(0,e.withCtx)(()=>[r.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,style:(0,e.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,e.normalizeClass)([`popup-container`,[`popup-container-${i.position}`,{"popup-container-bottom":!n.includes(i.position)}]]),onClick:a},[(0,e.createElementVNode)(`div`,{class:`popup-content`,onClick:o[0]||=(0,e.withModifiers)(()=>{},[`stop`])},[(0,e.renderSlot)(t.$slots,`default`,{},void 0,!0)])],6)):(0,e.createCommentVNode)(``,!0)]),_:3})],8,[`to`]))}});exports.default=t;
1
+ require(`../_virtual/_rolldown/runtime.js`);let e=require(`vue`);var t=(0,e.defineComponent)({name:`Popup`,__name:`popup`,props:(0,e.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(t){let n=[`bottom`,`left`,`right`,`top`,`center`],r=(0,e.useModel)(t,`modelValue`),i=t;function a(){i.maskClosable&&(r.value=!1)}return(t,o)=>((0,e.openBlock)(),(0,e.createBlock)(e.Teleport,{to:i.to},[(0,e.createVNode)(e.Transition,{name:`fade`},{default:(0,e.withCtx)(()=>[r.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,style:(0,e.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,e.normalizeClass)([`popup-container`,[`popup-container-${i.position}`,{"popup-container-bottom":!n.includes(i.position)}]]),onClick:a},[(0,e.createElementVNode)(`div`,{class:`popup-content`,onClick:o[0]||=(0,e.withModifiers)(()=>{},[`stop`])},[(0,e.renderSlot)(t.$slots,`default`,{},void 0,!0)])],6)):(0,e.createCommentVNode)(``,!0)]),_:3})],8,[`to`]))}});exports.default=t;
@@ -1 +1 @@
1
- const e=require(`../utils.js`);let t=require(`vue`);var n={class:`slider-captcha-bg-box`,ref:`box`},r=[`src`],i=[`src`],a={class:`verify-result-tip`},o={class:`verify-result-tip`},s={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`},c=(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)`}},emits:[`success`,`fail`,`change`],setup(c,{expose:l,emit:u}){let d=u,f=(0,t.ref)(void 0),p=(0,t.ref)(!1),m=(0,t.useTemplateRef)(`box`),h=(0,t.useTemplateRef)(`thumb`),g=c,_=(0,t.reactive)({natureWidth:0,natureHeight:0,boxWidth:0,boxHeight:0}),v=(0,t.reactive)({natureWidth:0,natureHeight:0}),y=(0,t.reactive)({width:0,height:0}),b=(0,t.ref)(0),x=(0,t.ref)(0),S=(0,t.ref)(!1),C=(0,t.ref)([]),w=(0,t.computed)(()=>_.boxWidth?_.natureWidth/_.boxWidth:1),T=(0,t.computed)(()=>_.boxHeight?_.natureHeight/_.boxHeight:1),E=(0,t.computed)(()=>v.natureWidth/w.value),D=(0,t.computed)(()=>g.blockTop/T.value),O=(0,t.computed)(()=>_.boxWidth?_.boxWidth-E.value:0),k=(0,t.computed)(()=>_.boxWidth?_.boxWidth-y.width:0),A=(0,t.computed)(()=>O.value?k.value/O.value:1);function j(t){!e.isClient()||p.value||(x.value=t.clientX,S.value=!0,C.value=[],window.addEventListener(`pointermove`,M),window.addEventListener(`pointerup`,N))}function M(e){if(!S.value||p.value)return;let t=e.clientX-x.value;t=Math.min(Math.max(0,t),k.value),b.value=t;let n=t/(k.value||1)*(_.natureWidth-v.natureWidth),r=Date.now(),i=n/(_.natureWidth||1)*100;C.value.push({x:n,t:r,xPercent:i}),d(`change`,C.value)}async function N(){if(!p.value&&(S.value=!1,window.removeEventListener(`pointermove`,M),window.removeEventListener(`pointerup`,N),g.verify)){let e=C.value[C.value.length-1];e||={x:0,xPercent:0,t:Date.now()},p.value=!0;let t=await g.verify(e);t===!0?(d(`success`),p.value=!1,f.value=!0):t===!1&&(d(`fail`),p.value=!1,f.value=!1,b.value=0)}}async function P(){if(!g.background)return;let{naturalWidth:t,naturalHeight:n}=await e.getImageSize(g.background);_.natureWidth=t,_.natureHeight=n,_.boxWidth=m.value?.clientWidth||0,_.boxHeight=m.value?.clientHeight||0}async function F(){if(!g.block)return;let{naturalWidth:t,naturalHeight:n}=await e.getImageSize(g.block);v.natureWidth=t,v.natureHeight=n}function I(){y.width=h.value?.clientWidth||0,y.height=h.value?.clientHeight||0}function L(){b.value=0,f.value=void 0}return(0,t.onMounted)(()=>{P(),F(),I(),L()}),(0,t.watch)(()=>g.background,()=>{P(),L()}),(0,t.watch)(()=>g.block,()=>{F(),L()}),(0,t.watch)(()=>g.width,()=>{P(),F(),I()}),l({reset:L,tracks:C}),(e,c)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`slider-captcha-box`,style:(0,t.normalizeStyle)(g.width?{width:g.width+`px`}:{})},[(0,t.createElementVNode)(`div`,n,[(0,t.createElementVNode)(`img`,{src:g.background,alt:`bg`,class:`slider-captcha-bg`,draggable:!1},null,8,r),(0,t.withDirectives)((0,t.createElementVNode)(`img`,{src:g.block,alt:`block`,class:`slider-captcha-block`,style:(0,t.normalizeStyle)({top:D.value+`px`,width:E.value+`px`,transform:`translateX(${b.value/A.value}px)`}),draggable:!1},null,12,i),[[t.vShow,E.value]]),(0,t.createVNode)(t.Transition,{name:`slide`},{default:(0,t.withCtx)(()=>[(0,t.withDirectives)((0,t.createElementVNode)(`div`,a,[(0,t.renderSlot)(e.$slots,`verify-success`,{},void 0,!0)],512),[[t.vShow,f.value===!0]])]),_:3}),(0,t.createVNode)(t.Transition,{name:`slide`},{default:(0,t.withCtx)(()=>[(0,t.withDirectives)((0,t.createElementVNode)(`div`,o,[(0,t.renderSlot)(e.$slots,`verify-fail`,{},void 0,!0)],512),[[t.vShow,f.value===!1]])]),_:3})],512),(0,t.createElementVNode)(`div`,{class:`slider-track-box`,style:(0,t.normalizeStyle)({"background-color":g.trackBlockBg})},[(0,t.createElementVNode)(`div`,{class:`slider-track-bg`,style:(0,t.normalizeStyle)({"background-color":g.trackBg,width:`${b.value}px`})},null,4),(0,t.createElementVNode)(`div`,{class:`slider-track-thumb`,onPointerdown:j,ref:`thumb`,style:(0,t.normalizeStyle)({transform:`translateX(${b.value}px)`})},[e.$slots.default?(0,t.renderSlot)(e.$slots,`default`,{key:0},void 0,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,s,[...c[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)]]))],36)],4)],4))}});exports.default=c;
1
+ require(`../_virtual/_rolldown/runtime.js`);const e=require(`../utils.js`);let t=require(`vue`);var n={class:`slider-captcha-bg-box`,ref:`box`},r=[`src`],i=[`src`],a={class:`verify-result-tip`},o={class:`verify-result-tip`},s={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`},c=(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)`}},emits:[`success`,`fail`,`change`],setup(c,{expose:l,emit:u}){let d=u,f=(0,t.ref)(void 0),p=(0,t.ref)(!1),m=(0,t.useTemplateRef)(`box`),h=(0,t.useTemplateRef)(`thumb`),g=c,_=(0,t.reactive)({natureWidth:0,natureHeight:0,boxWidth:0,boxHeight:0}),v=(0,t.reactive)({natureWidth:0,natureHeight:0}),y=(0,t.reactive)({width:0,height:0}),b=(0,t.ref)(0),x=(0,t.ref)(0),S=(0,t.ref)(!1),C=(0,t.ref)([]),w=(0,t.computed)(()=>_.boxWidth?_.natureWidth/_.boxWidth:1),T=(0,t.computed)(()=>_.boxHeight?_.natureHeight/_.boxHeight:1),E=(0,t.computed)(()=>v.natureWidth/w.value),D=(0,t.computed)(()=>g.blockTop/T.value),O=(0,t.computed)(()=>_.boxWidth?_.boxWidth-E.value:0),k=(0,t.computed)(()=>_.boxWidth?_.boxWidth-y.width:0),A=(0,t.computed)(()=>O.value?k.value/O.value:1);function j(t){!e.isClient()||p.value||(x.value=t.clientX,S.value=!0,C.value=[],window.addEventListener(`pointermove`,M),window.addEventListener(`pointerup`,N))}function M(e){if(!S.value||p.value)return;let t=e.clientX-x.value;t=Math.min(Math.max(0,t),k.value),b.value=t;let n=t/(k.value||1)*(_.natureWidth-v.natureWidth),r=Date.now(),i=n/(_.natureWidth||1)*100;C.value.push({x:n,t:r,xPercent:i}),d(`change`,C.value)}async function N(){if(!p.value&&(S.value=!1,window.removeEventListener(`pointermove`,M),window.removeEventListener(`pointerup`,N),g.verify)){let e=C.value[C.value.length-1];e||={x:0,xPercent:0,t:Date.now()},p.value=!0;let t=await g.verify(e);t===!0?(d(`success`),p.value=!1,f.value=!0):t===!1&&(d(`fail`),p.value=!1,f.value=!1,b.value=0)}}async function P(){if(!g.background)return;let{naturalWidth:t,naturalHeight:n}=await e.getImageSize(g.background);_.natureWidth=t,_.natureHeight=n,_.boxWidth=m.value?.clientWidth||0,_.boxHeight=m.value?.clientHeight||0}async function F(){if(!g.block)return;let{naturalWidth:t,naturalHeight:n}=await e.getImageSize(g.block);v.natureWidth=t,v.natureHeight=n}function I(){y.width=h.value?.clientWidth||0,y.height=h.value?.clientHeight||0}function L(){b.value=0,f.value=void 0}return(0,t.onMounted)(()=>{P(),F(),I(),L()}),(0,t.watch)(()=>g.background,()=>{P(),L()}),(0,t.watch)(()=>g.block,()=>{F(),L()}),(0,t.watch)(()=>g.width,()=>{P(),F(),I()}),l({reset:L,tracks:C}),(e,c)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`slider-captcha-box`,style:(0,t.normalizeStyle)(g.width?{width:g.width+`px`}:{})},[(0,t.createElementVNode)(`div`,n,[(0,t.createElementVNode)(`img`,{src:g.background,alt:`bg`,class:`slider-captcha-bg`,draggable:!1},null,8,r),(0,t.withDirectives)((0,t.createElementVNode)(`img`,{src:g.block,alt:`block`,class:`slider-captcha-block`,style:(0,t.normalizeStyle)({top:D.value+`px`,width:E.value+`px`,transform:`translateX(${b.value/A.value}px)`}),draggable:!1},null,12,i),[[t.vShow,E.value]]),(0,t.createVNode)(t.Transition,{name:`slide`},{default:(0,t.withCtx)(()=>[(0,t.withDirectives)((0,t.createElementVNode)(`div`,a,[(0,t.renderSlot)(e.$slots,`verify-success`,{},void 0,!0)],512),[[t.vShow,f.value===!0]])]),_:3}),(0,t.createVNode)(t.Transition,{name:`slide`},{default:(0,t.withCtx)(()=>[(0,t.withDirectives)((0,t.createElementVNode)(`div`,o,[(0,t.renderSlot)(e.$slots,`verify-fail`,{},void 0,!0)],512),[[t.vShow,f.value===!1]])]),_:3})],512),(0,t.createElementVNode)(`div`,{class:`slider-track-box`,style:(0,t.normalizeStyle)({"background-color":g.trackBlockBg})},[(0,t.createElementVNode)(`div`,{class:`slider-track-bg`,style:(0,t.normalizeStyle)({"background-color":g.trackBg,width:`${b.value}px`})},null,4),(0,t.createElementVNode)(`div`,{class:`slider-track-thumb`,onPointerdown:j,ref:`thumb`,style:(0,t.normalizeStyle)({transform:`translateX(${b.value}px)`})},[e.$slots.default?(0,t.renderSlot)(e.$slots,`default`,{key:0},void 0,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,s,[...c[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)]]))],36)],4)],4))}});exports.default=c;
@@ -1 +1 @@
1
- let e=require(`vue`);var t={class:`tab-list-container-inner`},n=[`onClick`],r=(0,e.defineComponent)({name:`Tab`,__name:`tab`,props:(0,e.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(r){let i=(0,e.useTemplateRef)(`item`),a=(0,e.ref)(!0),o=(0,e.useModel)(r,`modelValue`),s=r,c=(0,e.reactive)({left:0,width:0}),l=()=>{if(!i.value)return;let e=i.value[o.value];if(!e)return;let{offsetWidth:t,offsetLeft:n}=e;c.left=n||0,c.width=t||0};return(0,e.watch)(o,()=>{a.value&&i.value?.length&&(a.value=!1),l()}),(0,e.watch)(()=>s.items,()=>{l()},{flush:`post`}),(0,e.onMounted)(()=>{l()}),(r,i)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:`tab-box-container`,style:(0,e.normalizeStyle)({"--gap":s.gap})},[(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`tab-list-container`,s.tabContainerClass])},[(0,e.createElementVNode)(`div`,t,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(s.items,(t,i)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:i,class:(0,e.normalizeClass)([`tab-item-box`,s.tabItemClass]),onClick:e=>o.value=i,ref_for:!0,ref:`item`},[(0,e.renderSlot)(r.$slots,`default`,{item:t,index:i,active:o.value===i},void 0,!0)],10,n))),128)),(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`active-tab-item-box`,[{initial:a.value},s.activeLineClass]]),style:(0,e.normalizeStyle)({left:c.left+`px`,width:c.width+`px`})},null,6)])],2),(0,e.renderSlot)(r.$slots,`middle`,{},void 0,!0),(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`panel-list-container`,s.panelContainerClass])},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(s.items,(t,n)=>(0,e.withDirectives)(((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:n,class:(0,e.normalizeClass)([`panel-item-box`,s.panelItemClass])},[(0,e.renderSlot)(r.$slots,`panel`,{item:t,index:n,active:o.value===n},void 0,!0)],2)),[[e.vShow,o.value===n]])),128))],2)],4))}});exports.default=r;
1
+ require(`../_virtual/_rolldown/runtime.js`);let e=require(`vue`);var t={class:`tab-list-container-inner`},n=[`onClick`],r=(0,e.defineComponent)({name:`Tab`,__name:`tab`,props:(0,e.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(r){let i=(0,e.useTemplateRef)(`item`),a=(0,e.ref)(!0),o=(0,e.useModel)(r,`modelValue`),s=r,c=(0,e.reactive)({left:0,width:0}),l=()=>{if(!i.value)return;let e=i.value[o.value];if(!e)return;let{offsetWidth:t,offsetLeft:n}=e;c.left=n||0,c.width=t||0};return(0,e.watch)(o,()=>{a.value&&i.value?.length&&(a.value=!1),l()}),(0,e.watch)(()=>s.items,()=>{l()},{flush:`post`}),(0,e.onMounted)(()=>{l()}),(r,i)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:`tab-box-container`,style:(0,e.normalizeStyle)({"--gap":s.gap})},[(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`tab-list-container`,s.tabContainerClass])},[(0,e.createElementVNode)(`div`,t,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(s.items,(t,i)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:i,class:(0,e.normalizeClass)([`tab-item-box`,s.tabItemClass]),onClick:e=>o.value=i,ref_for:!0,ref:`item`},[(0,e.renderSlot)(r.$slots,`default`,{item:t,index:i,active:o.value===i},void 0,!0)],10,n))),128)),(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`active-tab-item-box`,[{initial:a.value},s.activeLineClass]]),style:(0,e.normalizeStyle)({left:c.left+`px`,width:c.width+`px`})},null,6)])],2),(0,e.renderSlot)(r.$slots,`middle`,{},void 0,!0),(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`panel-list-container`,s.panelContainerClass])},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(s.items,(t,n)=>(0,e.withDirectives)(((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:n,class:(0,e.normalizeClass)([`panel-item-box`,s.panelItemClass])},[(0,e.renderSlot)(r.$slots,`panel`,{item:t,index:n,active:o.value===n},void 0,!0)],2)),[[e.vShow,o.value===n]])),128))],2)],4))}});exports.default=r;
@@ -1 +1 @@
1
- let e=require(`vue`);var t={class:`toast-item`},n=(0,e.defineComponent)({name:`ToastItem`,__name:`toast-item`,props:{toast:{},bg:{},top:{},toasterClass:{},titleClass:{},messageClass:{}},setup(n){return(r,i)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,t,[n.toast.message?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,class:(0,e.normalizeClass)([`title-box`,n.titleClass])},[r.$slots[`success-icon`]&&n.toast.type===`success`?(0,e.renderSlot)(r.$slots,`success-icon`,{key:0}):(0,e.createCommentVNode)(``,!0),r.$slots[`error-icon`]&&n.toast.type===`error`?(0,e.renderSlot)(r.$slots,`error-icon`,{key:1}):(0,e.createCommentVNode)(``,!0),r.$slots[`info-icon`]&&n.toast.type===`info`?(0,e.renderSlot)(r.$slots,`info-icon`,{key:2}):(0,e.createCommentVNode)(``,!0),r.$slots[`warning-icon`]&&n.toast.type===`warning`?(0,e.renderSlot)(r.$slots,`warning-icon`,{key:3}):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`span`,{class:(0,e.normalizeClass)([`message`,n.messageClass])},(0,e.toDisplayString)(n.toast.message),3)],2)):(0,e.createCommentVNode)(``,!0)]))}});exports.default=n;
1
+ require(`../_virtual/_rolldown/runtime.js`);let e=require(`vue`);var t={class:`toast-item`},n=(0,e.defineComponent)({name:`ToastItem`,__name:`toast-item`,props:{toast:{},bg:{},top:{},toasterClass:{},titleClass:{},messageClass:{}},setup(n){return(r,i)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,t,[n.toast.message?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,class:(0,e.normalizeClass)([`title-box`,n.titleClass])},[n.toast.iconVisible?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:0},[r.$slots[`success-icon`]&&n.toast.type===`success`?(0,e.renderSlot)(r.$slots,`success-icon`,{key:0}):(0,e.createCommentVNode)(``,!0),r.$slots[`error-icon`]&&n.toast.type===`error`?(0,e.renderSlot)(r.$slots,`error-icon`,{key:1}):(0,e.createCommentVNode)(``,!0),r.$slots[`info-icon`]&&n.toast.type===`info`?(0,e.renderSlot)(r.$slots,`info-icon`,{key:2}):(0,e.createCommentVNode)(``,!0),r.$slots[`warning-icon`]&&n.toast.type===`warning`?(0,e.renderSlot)(r.$slots,`warning-icon`,{key:3}):(0,e.createCommentVNode)(``,!0)],64)):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`span`,{class:(0,e.normalizeClass)([`message`,n.messageClass])},(0,e.toDisplayString)(n.toast.message),3)],2)):(0,e.createCommentVNode)(``,!0)]))}});exports.default=n;
@@ -1 +1 @@
1
- let e=require(`vue`);var t=(0,e.reactive)({toasts:[]}),n=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 i(e){if(e===void 0)t.toasts=[];else{let n=t.toasts.findIndex(t=>t.id===e);n!==-1&&t.toasts.splice(n,1)}}function a(e){let a={id:r(),message:e?.message||``,duration:e?.duration||n,type:e?.type||`info`};return setTimeout(()=>{t.toasts.push(a)},0),setTimeout(()=>{i(a.id)},a.duration),a.id}function o(){return{toast:a,success:(e,t=n)=>a({message:e,duration:t,type:`success`}),error:(e,t=n)=>a({message:e,duration:t,type:`error`}),info:(e,t=n)=>a({message:e,duration:t,type:`info`}),warning:(e,t=n)=>a({message:e,duration:t,type:`warning`}),dismiss:i}}var s=(0,e.readonly)(t);exports.toastStore=s,exports.useToast=o;
1
+ require(`../_virtual/_rolldown/runtime.js`);let e=require(`vue`);var t=(0,e.reactive)({toasts:[]}),n=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 i(e){if(e===void 0)t.toasts=[];else{let n=t.toasts.findIndex(t=>t.id===e);n!==-1&&t.toasts.splice(n,1)}}function a(e){let a={id:r(),message:e?.message||``,duration:e?.duration||n,type:e?.type||`info`,iconVisible:e?.iconVisible||!0};return setTimeout(()=>{t.toasts.push(a)},0),setTimeout(()=>{i(a.id)},a.duration),a.id}function o(){return{toast:a,success:(e,t={})=>{let{duration:r=n,iconVisible:i=!0}=t;return a({message:e,duration:r,type:`success`,iconVisible:i})},error:(e,t={})=>{let{duration:r=n,iconVisible:i=!0}=t;return a({message:e,duration:r,type:`error`,iconVisible:i})},info:(e,t={})=>{let{duration:r=n,iconVisible:i=!0}=t;return a({message:e,duration:r,type:`info`,iconVisible:i})},warning:(e,t={})=>{let{duration:r=n,iconVisible:i=!0}=t;return a({message:e,duration:r,type:`warning`,iconVisible:i})},dismiss:i}}var s=(0,e.readonly)(t);exports.toastStore=s,exports.useToast=o;
@@ -1 +1 @@
1
- const e=require(`./toast.js`),t=require(`./toast-item.js`);let n=require(`vue`);var r=(0,n.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(r){let i=r;return(a,o)=>((0,n.openBlock)(),(0,n.createBlock)(n.Teleport,{to:r.to},[(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)([`toaster-box`,i.toasterClass]),style:(0,n.normalizeStyle)({"--toast-bg":i.bg,top:i.top})},[(0,n.createVNode)(n.TransitionGroup,{name:`toast-fade`},{default:(0,n.withCtx)(()=>[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)((0,n.unref)(e.toastStore).toasts,e=>((0,n.openBlock)(),(0,n.createBlock)(t.default,{key:e.id,toast:e,"title-class":i.titleClass,"message-class":i.messageClass},{"success-icon":(0,n.withCtx)(()=>[(0,n.renderSlot)(a.$slots,`success-icon`,{},void 0,!0)]),"error-icon":(0,n.withCtx)(()=>[(0,n.renderSlot)(a.$slots,`error-icon`,{},void 0,!0)]),"info-icon":(0,n.withCtx)(()=>[(0,n.renderSlot)(a.$slots,`info-icon`,{},void 0,!0)]),"warning-icon":(0,n.withCtx)(()=>[(0,n.renderSlot)(a.$slots,`warning-icon`,{},void 0,!0)]),_:3},8,[`toast`,`title-class`,`message-class`]))),128))]),_:3})],6)],8,[`to`]))}});exports.default=r;
1
+ require(`../_virtual/_rolldown/runtime.js`);const e=require(`./toast.js`),t=require(`./toast-item.js`);let n=require(`vue`);var r=(0,n.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(r){let i=r;return(a,o)=>((0,n.openBlock)(),(0,n.createBlock)(n.Teleport,{to:r.to},[(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)([`toaster-box`,i.toasterClass]),style:(0,n.normalizeStyle)({"--toast-bg":i.bg,top:i.top})},[(0,n.createVNode)(n.TransitionGroup,{name:`toast-fade`},{default:(0,n.withCtx)(()=>[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)((0,n.unref)(e.toastStore).toasts,e=>((0,n.openBlock)(),(0,n.createBlock)(t.default,{key:e.id,toast:e,"title-class":i.titleClass,"message-class":i.messageClass},{"success-icon":(0,n.withCtx)(()=>[(0,n.renderSlot)(a.$slots,`success-icon`,{},void 0,!0)]),"error-icon":(0,n.withCtx)(()=>[(0,n.renderSlot)(a.$slots,`error-icon`,{},void 0,!0)]),"info-icon":(0,n.withCtx)(()=>[(0,n.renderSlot)(a.$slots,`info-icon`,{},void 0,!0)]),"warning-icon":(0,n.withCtx)(()=>[(0,n.renderSlot)(a.$slots,`warning-icon`,{},void 0,!0)]),_:3},8,[`toast`,`title-class`,`message-class`]))),128))]),_:3})],6)],8,[`to`]))}});exports.default=r;
@@ -18,3 +18,5 @@ export { default as Loading } from './loading';
18
18
  export type { RoxVLoadingProps } from './loading';
19
19
  export { default as SliderCaptcha } from './slider-captcha';
20
20
  export type { RoxVSliderCaptchaProps, RoxVSliderCaptchaTrackItem } from './slider-captcha';
21
+ export { default as CountDown } from './count-down';
22
+ export type { RoxVCountDownProps } from './count-down';
@@ -0,0 +1,12 @@
1
+ import { RoxVCountDownProps } from './types';
2
+ declare const model: import('vue').ModelRef<number, string, number, number>;
3
+ type __VLS_Props = RoxVCountDownProps;
4
+ type __VLS_PublicProps = {
5
+ modelValue?: typeof model['value'];
6
+ } & __VLS_Props;
7
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
8
+ "update:modelValue": (value: number) => any;
9
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
10
+ "onUpdate:modelValue"?: ((value: number) => any) | undefined;
11
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
12
+ export default _default;
@@ -0,0 +1,5 @@
1
+ import { Plugin } from 'vue';
2
+ import { default as CountDown } from './count-down.vue';
3
+ export * from './types';
4
+ declare const _default: typeof CountDown & Plugin;
5
+ export default _default;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,3 @@
1
+ export interface RoxVCountDownProps {
2
+ tick: (seconds: number) => string;
3
+ }
@@ -1,12 +1,12 @@
1
- import { ToastOptions } from './types';
1
+ import { ToastMethodTypeOptions, ToastOptions } from './types';
2
2
  declare function dismiss(id?: string): void;
3
3
  declare function createToast(options: ToastOptions): string;
4
4
  export declare function useToast(): {
5
5
  toast: typeof createToast;
6
- success: (message: string, duration?: number) => string;
7
- error: (message: string, duration?: number) => string;
8
- info: (message: string, duration?: number) => string;
9
- warning: (message: string, duration?: number) => string;
6
+ success: (message: string, option?: ToastMethodTypeOptions) => string;
7
+ error: (message: string, option?: ToastMethodTypeOptions) => string;
8
+ info: (message: string, option?: ToastMethodTypeOptions) => string;
9
+ warning: (message: string, option?: ToastMethodTypeOptions) => string;
10
10
  dismiss: typeof dismiss;
11
11
  };
12
12
  export declare const toastStore: {
@@ -15,6 +15,7 @@ export declare const toastStore: {
15
15
  readonly message: string;
16
16
  readonly duration: number;
17
17
  readonly type: import('./types').ToastType;
18
+ readonly iconVisible: boolean;
18
19
  }[];
19
20
  };
20
21
  export {};
@@ -3,6 +3,7 @@ export interface ToastOptions {
3
3
  message?: string;
4
4
  duration?: number;
5
5
  type?: ToastType;
6
+ iconVisible?: boolean;
6
7
  }
7
8
  export interface ToastItem extends Required<ToastOptions> {
8
9
  id: string;
@@ -15,3 +16,4 @@ export interface RoxVToasterProps {
15
16
  titleClass?: string;
16
17
  messageClass?: string;
17
18
  }
19
+ export type ToastMethodTypeOptions = Pick<ToastOptions, "duration" | "iconVisible">;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a-drowned-fish/rox-v",
3
- "version": "1.0.39",
3
+ "version": "1.0.41",
4
4
  "description": "vue3 组件库,提供常用的 ui 组件,如按钮、输入框、下拉选择框、选项卡等",
5
5
  "main": "dist/lib/index.js",
6
6
  "module": "dist/es/index.js",
@@ -68,6 +68,9 @@
68
68
  "iOS >= 10",
69
69
  "Android >= 5"
70
70
  ],
71
+ "dependencies": {
72
+ "fish-helper": "^1.0.3"
73
+ },
71
74
  "scripts": {
72
75
  "build:es": "vite build --config vite.build.config.ts",
73
76
  "build:lib": "vite build --config vite.umd.config.ts"