@cldemo/ui-kit 1.0.17 → 1.1.0

package/buildLibs/modules/{floatingPanel.js → floatPanel.js}

@@ -1,12 +1,12 @@
-import { defineComponent as ge, ref as z, computed as a, onUnmounted as he, watch as me, openBlock as h, createBlock as ve, Teleport as Te, createVNode as $, Transition as G, withCtx as U, createElementBlock as T, normalizeStyle as Y, createCommentVNode as V, normalizeClass as ye, unref as _e, createElementVNode as q, withModifiers as o, renderSlot as P } from "vue";
-import { C as i } from "./shared/base-C5l51ld_.js";
-import { C as Ae } from "./shared/index-wdK75uN2.js";
+import { defineComponent as he, ref as z, computed as a, onUnmounted as me, watch as ge, openBlock as m, createBlock as ve, Teleport as Te, createVNode as $, Transition as U, withCtx as Y, createElementBlock as T, normalizeStyle as V, createCommentVNode as q, normalizeClass as ye, unref as _e, createElementVNode as G, withModifiers as n, renderSlot as S } from "vue";
+import { C as i } from "./shared/base-fr2I80sU.js";
+import { C as Ae } from "./shared/index-B477PjJ3.js";
 import { l as Ce, u as be } from "./shared/scrollLock-DQEGK5um.js";
-const Ee = ["id"], Ne = {
+const Ee = ["id"], Pe = {
   key: 1,
-  class: "floatingpanel-content"
-}, J = 300, R = 2e3, Pe = 100, Se = 500, ke = /* @__PURE__ */ ge({
-  name: "ClFloatingPanel",
+  class: "floatpanel-content"
+}, J = 300, R = 2e3, Se = 100, Me = 500, He = /* @__PURE__ */ he({
+  name: "ClFloatPanel",
   __name: "Index",
   props: {
     id: String,
@@ -75,82 +75,82 @@ const Ee = ["id"], Ne = {
   },
   emits: ["update:show", "update:height", "onHeightChange", "onOpen", "onOpened", "onClose", "onClosed", "onClickOverlay"],
   setup(X, { emit: Z }) {
-    const n = X, l = Z, j = n.id;
-    let S = 0, I = 0;
-    const m = z(!1), d = z(0);
+    const o = X, l = Z, j = o.id;
+    let M = 0, N = 0;
+    const g = z(!1), d = z(0);
     let s = "";
-    const M = a(() => n.show), K = a(() => n.isOverlay), Q = a(() => n.isContentDraggable), W = a(() => m.value ? "none" : `height ${p.value}ms cubic-bezier(0.32, 0.72, 0, 1)`), ee = a(
-      () => i.isNonEmptyString(n.teleportTarget) ? n.teleportTarget : "body"
-    ), te = a(() => n.teleportTarget === "self"), p = a(() => {
-      const e = Number(n.duration);
+    const D = a(() => o.show), K = a(() => o.isOverlay), Q = a(() => o.isContentDraggable), W = a(() => g.value ? "none" : `height ${p.value}ms cubic-bezier(0.32, 0.72, 0, 1)`), ee = a(
+      () => i.isNonEmptyString(o.teleportTarget) ? o.teleportTarget : "body"
+    ), te = a(() => o.teleportTarget === "self"), p = a(() => {
+      const e = Number(o.duration);
       return i.isFinite(e) && e > 0 ? e : J;
-    }), D = a(() => {
-      const e = Number(n.zIndex);
+    }), L = a(() => {
+      const e = Number(o.zIndex);
       return i.isFinite(e) ? e : R;
-    }), y = () => Array.isArray(n.anchorsArr) ? n.anchorsArr.map(Number).filter((e) => i.isFinite(e) && e > 0) : [], _ = a(() => {
+    }), y = () => Array.isArray(o.anchorsArr) ? o.anchorsArr.map(Number).filter((e) => i.isFinite(e) && e > 0) : [], _ = a(() => {
       const e = y();
-      return e.length > 0 ? Math.min(...e) : Pe;
-    }), L = a(() => {
+      return e.length > 0 ? Math.min(...e) : Se;
+    }), k = a(() => {
       const e = y();
-      return e.length > 0 ? Math.max(...e) : Se;
-    }), ne = a(() => Math.max(L.value, d.value)), v = a(() => {
-      const e = Number(n.height), t = i.isFinite(e) ? e : _.value;
-      return Math.min(Math.max(t, _.value), ne.value);
-    }), oe = a(() => {
+      return e.length > 0 ? Math.max(...e) : Me;
+    }), oe = a(() => Math.max(k.value, d.value)), v = a(() => {
+      const e = Number(o.height), t = i.isFinite(e) ? e : _.value;
+      return Math.min(Math.max(t, _.value), oe.value);
+    }), ne = a(() => {
       let e = {
-        "panel-floating-panel": !0,
-        "panel-floating-panel--safe-bottom": n.isSafeAreaInsetBottom
+        "panel-float-panel": !0,
+        "panel-float-panel--safe-bottom": o.isSafeAreaInsetBottom
       };
-      return e = i.getJsonMerge(e, Ae.getClassNameJson(n.className)), e;
+      return e = i.getJsonMerge(e, Ae.getClassNameJson(o.className)), e;
     }), ae = a(() => ({
-      zIndex: D.value,
-      "--floatingpanel-duration": `${p.value}ms`
+      zIndex: L.value,
+      "--floatpanel-duration": `${p.value}ms`
     })), re = a(() => ({
-      zIndex: D.value + 1,
+      zIndex: L.value + 1,
       height: `${v.value}px`,
       transition: W.value,
-      "--floatingpanel-duration": `${p.value}ms`
+      "--floatpanel-duration": `${p.value}ms`
     })), le = () => {
-      const e = n.teleportTarget;
+      const e = o.teleportTarget;
       if (i.isNonEmptyString(e) && e !== "body" && e !== "self") {
         const t = document.querySelector(e);
         return t instanceof HTMLElement ? t : null;
       }
       return document.body;
     }, se = () => {
-      const e = n.teleportTarget;
+      const e = o.teleportTarget;
       if (i.isNonEmptyString(e) && e !== "body" && e !== "self") {
         const t = document.querySelector(e);
         if (t instanceof HTMLElement && t.clientHeight > 0)
           return t.clientHeight;
       }
-      return e === "self" ? L.value : window.innerHeight;
+      return e === "self" ? k.value : window.innerHeight;
     };
     let f = !1, A = null;
     const ie = () => {
       if (f) return;
       const e = le();
       e && (f = !0, A = e, Ce(e));
-    }, k = () => {
+    }, H = () => {
       f && (f = !1, be(A), A = null);
-    }, H = (e) => {
-      S = e, I = v.value, d.value = se(), m.value = !0;
+    }, I = (e) => {
+      M = e, N = v.value, d.value = se(), g.value = !0;
     }, O = (e) => {
-      if (!m.value || !n.isDraggable) return;
-      const t = S - e, g = I + t, r = Math.min(Math.max(g, _.value), d.value);
+      if (!g.value || !o.isDraggable) return;
+      const t = M - e, h = N + t, r = Math.min(Math.max(h, _.value), d.value);
       r !== v.value && (l("update:height", r), l("onHeightChange", r, !0));
     }, x = () => {
-      if (m.value = !1, !n.isSnap) return;
+      if (g.value = !1, !o.isSnap) return;
       const e = y();
       if (e.length === 0) return;
-      const t = v.value, g = [...e, d.value];
-      let r = g[0], w = Math.abs(t - r);
-      g.forEach((B) => {
+      const t = v.value, h = [...e, d.value];
+      let r = h[0], w = Math.abs(t - r);
+      h.forEach((B) => {
         const F = Math.abs(t - B);
         F < w && (w = F, r = B);
       }), r = Math.min(r, d.value), r !== t && (l("update:height", r), l("onHeightChange", r, !1));
     }, C = (e) => {
-      if (!n.isDraggable || s !== "") return;
+      if (!o.isDraggable || s !== "") return;
       s = "pointer";
       const t = e.currentTarget;
       if (t instanceof HTMLElement && typeof t.setPointerCapture == "function")
@@ -158,33 +158,33 @@ const Ee = ["id"], Ne = {
           t.setPointerCapture(e.pointerId);
         } catch {
         }
-      H(e.clientY);
+      I(e.clientY);
     }, b = (e) => {
       s === "pointer" && O(e.clientY);
     }, c = () => {
       s === "pointer" && (s = "", x());
     }, E = (e) => {
-      if (!n.isDraggable || s !== "") return;
+      if (!o.isDraggable || s !== "") return;
       const t = e.touches[0];
-      t && (s = "touch", H(t.clientY));
-    }, N = (e) => {
+      t && (s = "touch", I(t.clientY));
+    }, P = (e) => {
       if (s !== "touch") return;
       const t = e.touches[0];
       t && O(t.clientY);
     }, u = () => {
       s === "touch" && (s = "", x());
     };
-    he(() => {
-      f && k();
-    }), me(
-      [() => n.show, () => n.isLockScroll],
+    me(() => {
+      f && H();
+    }), ge(
+      [() => o.show, () => o.isLockScroll],
       ([e, t]) => {
-        e && t ? ie() : k();
+        e && t ? ie() : H();
       },
       { immediate: !0 }
     );
     const ce = () => {
-      l("onClickOverlay"), n.isCloseOnClickOverlay && l("update:show", !1);
+      l("onClickOverlay"), o.isCloseOnClickOverlay && l("update:show", !1);
     }, ue = () => {
       l("onOpen");
     }, de = () => {
@@ -194,42 +194,42 @@ const Ee = ["id"], Ne = {
     }, fe = () => {
       l("onClosed");
     };
-    return (e, t) => (h(), ve(Te, {
+    return (e, t) => (m(), ve(Te, {
       to: ee.value,
       disabled: te.value
     }, [
-      $(G, {
-        name: "floatingpanel-fade",
+      $(U, {
+        name: "floatpanel-fade",
         duration: p.value
       }, {
-        default: U(() => [
-          M.value && K.value ? (h(), T("div", {
+        default: Y(() => [
+          D.value && K.value ? (m(), T("div", {
             key: 0,
-            class: "panel-floating-panel-overlay",
-            style: Y(ae.value),
+            class: "panel-float-panel-overlay",
+            style: V(ae.value),
             onClick: ce
-          }, null, 4)) : V("", !0)
+          }, null, 4)) : q("", !0)
         ]),
         _: 1
       }, 8, ["duration"]),
-      $(G, {
-        name: "floatingpanel-slide",
+      $(U, {
+        name: "floatpanel-slide",
         duration: p.value,
         onEnter: ue,
         onAfterEnter: de,
         onLeave: pe,
         onAfterLeave: fe
       }, {
-        default: U(() => [
-          M.value ? (h(), T("div", {
+        default: Y(() => [
+          D.value ? (m(), T("div", {
             key: 0,
             id: _e(j),
             role: "dialog",
             "aria-modal": "true",
-            class: ye(oe.value),
-            style: Y(re.value),
+            class: ye(ne.value),
+            style: V(re.value),
             onTouchstart: E,
-            onTouchmove: N,
+            onTouchmove: P,
             onTouchend: u,
             onTouchcancel: u,
             onPointerdown: C,
@@ -237,37 +237,37 @@ const Ee = ["id"], Ne = {
             onPointerup: c,
             onPointercancel: c
           }, [
-            q("div", {
-              class: "floatingpanel-header",
-              onTouchstart: o(E, ["stop"]),
-              onTouchmove: o(N, ["stop"]),
-              onTouchend: o(u, ["stop"]),
-              onTouchcancel: o(u, ["stop"]),
-              onPointerdown: o(C, ["stop"]),
-              onPointermove: o(b, ["stop"]),
-              onPointerup: o(c, ["stop"]),
-              onPointercancel: o(c, ["stop"])
+            G("div", {
+              class: "floatpanel-header",
+              onTouchstart: n(E, ["stop"]),
+              onTouchmove: n(P, ["stop"]),
+              onTouchend: n(u, ["stop"]),
+              onTouchcancel: n(u, ["stop"]),
+              onPointerdown: n(C, ["stop"]),
+              onPointermove: n(b, ["stop"]),
+              onPointerup: n(c, ["stop"]),
+              onPointercancel: n(c, ["stop"])
             }, [
-              t[0] || (t[0] = q("div", { class: "floatingpanel-header-bar" }, null, -1)),
-              P(e.$slots, "header")
+              t[0] || (t[0] = G("div", { class: "floatpanel-header-bar" }, null, -1)),
+              S(e.$slots, "header")
             ], 32),
-            Q.value ? (h(), T("div", {
+            Q.value ? (m(), T("div", {
               key: 0,
-              class: "floatingpanel-content",
-              onTouchstart: o(E, ["stop"]),
-              onTouchmove: o(N, ["stop"]),
-              onTouchend: o(u, ["stop"]),
-              onTouchcancel: o(u, ["stop"]),
-              onPointerdown: o(C, ["stop"]),
-              onPointermove: o(b, ["stop"]),
-              onPointerup: o(c, ["stop"]),
-              onPointercancel: o(c, ["stop"])
+              class: "floatpanel-content",
+              onTouchstart: n(E, ["stop"]),
+              onTouchmove: n(P, ["stop"]),
+              onTouchend: n(u, ["stop"]),
+              onTouchcancel: n(u, ["stop"]),
+              onPointerdown: n(C, ["stop"]),
+              onPointermove: n(b, ["stop"]),
+              onPointerup: n(c, ["stop"]),
+              onPointercancel: n(c, ["stop"])
             }, [
-              P(e.$slots, "default")
-            ], 32)) : (h(), T("div", Ne, [
-              P(e.$slots, "default")
+              S(e.$slots, "default")
+            ], 32)) : (m(), T("div", Pe, [
+              S(e.$slots, "default")
             ]))
-          ], 46, Ee)) : V("", !0)
+          ], 46, Ee)) : q("", !0)
         ]),
         _: 3
       }, 8, ["duration"])
@@ -275,5 +275,5 @@ const Ee = ["id"], Ne = {
   }
 });
 export {
-  ke as default
+  He as default
 };

package/buildLibs/modules/form.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-t2B1qQvc.js";
+import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-D0oA7-eQ.js";
 export {
   f as default
 };

package/buildLibs/modules/formGroupBtns.js

@@ -1,7 +1,7 @@
 import { defineComponent as p, computed as y, openBlock as t, createElementBlock as a, Fragment as d, createElementVNode as c, createVNode as k, unref as i, withCtx as m, renderSlot as n, createBlock as v, normalizeClass as u } from "vue";
-import { C as f } from "./shared/base-C5l51ld_.js";
-import { C } from "./shared/index-wdK75uN2.js";
-import { _ as g } from "./shared/Index.vue_vue_type_script_setup_true_lang-DTtbdgoO.js";
+import { C as f } from "./shared/base-fr2I80sU.js";
+import { C } from "./shared/index-B477PjJ3.js";
+import { _ as g } from "./shared/Index.vue_vue_type_script_setup_true_lang-Cp5rYwnC.js";
 const N = {
   key: 0,
   class: "form-group-btns-fixed"

package/buildLibs/modules/formGroupHorizontal.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-DTtbdgoO.js";
+import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-Cp5rYwnC.js";
 export {
   f as default
 };

package/buildLibs/modules/formGroupVertical.js

@@ -1,6 +1,6 @@
 import { defineComponent as c, computed as d, openBlock as s, createElementBlock as a, unref as r, normalizeClass as p, createElementVNode as n, Fragment as u, toDisplayString as f, renderSlot as i } from "vue";
-import { C as g } from "./shared/base-C5l51ld_.js";
-import { C as b } from "./shared/index-wdK75uN2.js";
+import { C as g } from "./shared/base-fr2I80sU.js";
+import { C as b } from "./shared/index-B477PjJ3.js";
 const _ = ["id", "aria-labelledby"], y = { class: "form-group-title" }, C = {
   key: 0,
   class: "tip-must"

package/buildLibs/modules/formValidate.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./shared/Validate.vue_vue_type_script_setup_true_lang-Clw81Klm.js";
+import { _ as f } from "./shared/Validate.vue_vue_type_script_setup_true_lang-FZ6qiA6w.js";
 export {
   f as default
 };

package/buildLibs/modules/framePhone.js

@@ -1,5 +1,5 @@
 import { defineComponent as f, ref as c, onMounted as d, computed as l, openBlock as h, createElementBlock as u, normalizeStyle as g, normalizeClass as y, createElementVNode as e, toDisplayString as S, renderSlot as v, createCommentVNode as N } from "vue";
-import { C as a } from "./shared/base-C5l51ld_.js";
+import { C as a } from "./shared/base-fr2I80sU.js";
 const E = { class: "framephone-statusbar" }, x = { class: "framephone-statusbar-time" }, C = { class: "framephone-screen-outer" }, _ = /* @__PURE__ */ f({
   name: "ClFramePhone",
   __name: "Index",

package/buildLibs/modules/grid.js

@@ -1,7 +1,7 @@
 import { defineComponent as v, computed as a, openBlock as o, createElementBlock as r, normalizeStyle as I, normalizeClass as u, unref as L, Fragment as l, renderList as S, createVNode as M, createElementVNode as $, toDisplayString as p } from "vue";
-import { C as i } from "./shared/base-C5l51ld_.js";
-import { C as x } from "./shared/index-wdK75uN2.js";
-import { _ as E } from "./shared/Index.vue_vue_type_script_setup_true_lang-CyKHq3tv.js";
+import { C as i } from "./shared/base-fr2I80sU.js";
+import { C as x } from "./shared/index-B477PjJ3.js";
+import { _ as E } from "./shared/Index.vue_vue_type_script_setup_true_lang-DapaVMSO.js";
 const F = ["id"], G = ["onClick"], q = {
   key: 0,
   class: "grid-item-icon"

package/buildLibs/modules/iconFont.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-CyKHq3tv.js";
+import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-DapaVMSO.js";
 export {
   f as default
 };

package/buildLibs/modules/image.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-PQ1DyzI3.js";
+import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-DkCTGpCo.js";
 export {
   f as default
 };

package/buildLibs/modules/indexBar.js

@@ -1,6 +1,6 @@
 import { defineComponent as V, ref as G, useTemplateRef as I, computed as C, onMounted as K, onBeforeUnmount as Q, openBlock as L, createElementBlock as x, normalizeStyle as W, normalizeClass as M, unref as X, createElementVNode as R, Fragment as Z, renderList as j, toDisplayString as tt, renderSlot as et } from "vue";
-import { C as m } from "./shared/base-C5l51ld_.js";
-import { C as nt } from "./shared/index-wdK75uN2.js";
+import { C as m } from "./shared/base-fr2I80sU.js";
+import { C as nt } from "./shared/index-B477PjJ3.js";
 const ot = ["id"], rt = { class: "indexbar-sidebar" }, ct = ["onClick", "onTouchstart"], k = "[data-indexbar-anchor]", at = /* @__PURE__ */ V({
   name: "ClIndexBar",
   __name: "Index",

package/buildLibs/modules/input.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-CDFEcM1i.js";
+import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-CVSATrNA.js";
 export {
   f as default
 };

package/buildLibs/modules/inputCaptcha.js

@@ -1,8 +1,8 @@
 import { defineComponent as U, reactive as x, computed as h, onBeforeUnmount as D, watch as O, openBlock as l, createElementBlock as r, normalizeClass as w, unref as K, createVNode as F, createElementVNode as A, Fragment as L, toDisplayString as z, withModifiers as v } from "vue";
 import { c as S } from "./shared/log-BbLqiWNM.js";
-import { C as u } from "./shared/base-C5l51ld_.js";
-import { C as J } from "./shared/index-wdK75uN2.js";
-import { _ as g } from "./shared/Index.vue_vue_type_script_setup_true_lang-BdU06Zy_.js";
+import { C as u } from "./shared/base-fr2I80sU.js";
+import { C as J } from "./shared/index-B477PjJ3.js";
+import { _ as g } from "./shared/Index.vue_vue_type_script_setup_true_lang-DG98f73r.js";
 const W = ["id"], $ = {
   key: 0,
   class: "inputCaptcha-count"

package/buildLibs/modules/inputNumber.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-BdU06Zy_.js";
+import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-DG98f73r.js";
 export {
   f as default
 };

package/buildLibs/modules/inputNumberStepper.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-B7H-n7gl.js";
+import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-o-s4A6rG.js";
 export {
   f as default
 };

package/buildLibs/modules/inputPassword.js

@@ -1,8 +1,8 @@
 import { defineComponent as k, useTemplateRef as $, ref as x, computed as r, openBlock as R, createBlock as T, unref as D, createSlots as J, withCtx as u, createVNode as P, withKeys as d, withModifiers as p, renderSlot as c } from "vue";
-import { C as m } from "./shared/base-C5l51ld_.js";
-import { C as M } from "./shared/index-wdK75uN2.js";
-import { _ as g } from "./shared/Index.vue_vue_type_script_setup_true_lang-CyKHq3tv.js";
-import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-CDFEcM1i.js";
+import { C as m } from "./shared/base-fr2I80sU.js";
+import { C as M } from "./shared/index-B477PjJ3.js";
+import { _ as g } from "./shared/Index.vue_vue_type_script_setup_true_lang-DapaVMSO.js";
+import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-CVSATrNA.js";
 const W = /* @__PURE__ */ k({
   name: "ClInputPassword",
   components: {

package/buildLibs/modules/inputPin.cjs

@@ -0,0 +1,5 @@
+try {
+  module.exports = require('../utils/Mobile/ClInputPin.cjs').default
+} catch (e) {
+  module.exports = {}
+}

package/buildLibs/modules/inputPin.d.ts

@@ -0,0 +1 @@
+export type { default } from '../types/Mobile/InputPin/Index.vue.d.ts';

package/buildLibs/modules/inputPin.js

@@ -0,0 +1,182 @@
+import { defineComponent as W, useTemplateRef as Y, ref as y, computed as p, onMounted as Z, watch as ee, openBlock as g, createElementBlock as _, normalizeClass as V, unref as te, createElementVNode as b, mergeProps as ne, Fragment as D, renderList as ae, toDisplayString as N, createCommentVNode as S } from "vue";
+import { C } from "./shared/base-fr2I80sU.js";
+import { C as le } from "./shared/index-B477PjJ3.js";
+const oe = ["id"], se = ["disabled", "maxlength", "value"], ue = { class: "inputpin-cells" }, ie = {
+  key: 0,
+  class: "inputpin-separator"
+}, re = ["onClick"], ce = { class: "inputpin-cell-value" }, pe = {
+  key: 0,
+  class: "inputpin-cursor"
+}, ve = 6, de = 10, ge = /* @__PURE__ */ W({
+  name: "ClInputPin",
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
+    className: String,
+    // desc: 自定义CSS类名
+    modelValue: String,
+    // desc: 当前输入值，支持 v-model
+    length: {
+      type: Number,
+      default: 6
+      // desc: 验证码格数
+    },
+    separator: String,
+    // desc: 分隔符文字（在每 length/2 处插入）
+    separatorPosition: {
+      type: Number,
+      default: 0
+      // desc: 分隔符插入位置（0 = 自动中间；>0 指定索引后）
+    },
+    placeholder: String,
+    // desc: 占位字符（默认 •）
+    autofocus: Boolean,
+    // desc: 是否自动聚焦
+    isDisabled: {
+      type: Boolean,
+      default: !1
+      // desc: 是否禁用输入
+    },
+    isClearable: {
+      type: Boolean,
+      default: !1
+      // desc: 是否支持清空（Esc/退格到首位）
+    },
+    inputType: {
+      type: String,
+      default: "text",
+      // desc: 输入类型 | enum: text, number, password
+      validator: (v) => ["text", "number", "password"].indexOf(v) !== -1
+    },
+    theme: {
+      type: String,
+      default: "box",
+      // desc: 展示形态 | enum: box, line
+      validator: (v) => ["box", "line"].indexOf(v) !== -1
+    }
+  },
+  emits: ["update:modelValue", "onChange", "onFinish", "onFocus", "onBlur"],
+  setup(v, { expose: M, emit: E }) {
+    const n = v, l = E, T = `inputpin-${C.getRandom(5)}`, w = n.id, s = Y("inputRef"), u = y(0), d = y(!1), i = y(n.modelValue || ""), m = y(!1), c = p(() => {
+      const e = Number(n.length);
+      return C.isFinite(e) && e > 0 ? Math.min(Math.max(Math.round(e), 1), de) : ve;
+    }), B = p(() => n.separator || "-"), F = p(() => i.value), L = p(() => {
+      const e = i.value;
+      return n.inputType === "password" ? e.split("").map(() => "•").join("") : e;
+    }), k = p(() => n.isDisabled), x = p(() => n.isClearable), P = p(() => n.theme === "line" ? "line" : "box"), R = p(() => {
+      const e = {
+        "panel-input-pin": !0,
+        "panel-input-pin--disabled": k.value,
+        "panel-input-pin--focused": d.value,
+        "panel-input-pin--line": P.value === "line"
+      };
+      return C.getJsonMerge(e, le.getClassNameJson(n.className));
+    }), A = p(() => {
+      const e = {};
+      return e.autocomplete = "one-time-code", e;
+    }), f = () => {
+      k.value || s.value?.focus();
+    }, h = (e) => {
+      s.value && (s.value.value = e);
+      const t = c.value;
+      u.value = Math.min(e.length, t - 1), e.length >= t ? m.value || (m.value = !0, l("onFinish", e)) : m.value = !1;
+    }, $ = () => {
+      f();
+    }, G = (e) => {
+      u.value = e, f();
+    }, H = (e) => {
+      const t = e.target;
+      let a = t.value;
+      n.inputType === "number" && (a = a.replace(/\D/g, ""));
+      const r = c.value, o = a.slice(0, r);
+      i.value = o, t.value !== o && (t.value = o), l("update:modelValue", o), l("onChange", o), h(o);
+    }, I = (e) => {
+      if (e.key === "Backspace") {
+        e.preventDefault();
+        const t = i.value;
+        if (t.length > 0) {
+          const a = Math.max(0, Math.min(u.value, t.length - 1)), r = t.slice(0, a) + t.slice(a + 1);
+          i.value = r, l("update:modelValue", r), l("onChange", r), h(r), u.value = Math.min(a, r.length);
+        } else x.value && (i.value = "", l("update:modelValue", ""), l("onChange", ""), h(""));
+      } else e.key === "ArrowLeft" ? u.value = Math.max(0, u.value - 1) : e.key === "ArrowRight" ? u.value = Math.min(c.value - 1, u.value + 1) : e.key === "Enter" ? s.value?.blur() : e.key === "Escape" && x.value && (i.value = "", l("update:modelValue", ""), l("onChange", ""), h(""));
+    }, J = () => {
+      d.value = !0, l("onFocus");
+    }, O = () => {
+      d.value = !1, l("onBlur");
+    }, j = (e) => {
+      e.preventDefault();
+      const t = e.clipboardData?.getData("text") || "", a = n.inputType === "number" ? t.replace(/\D/g, "") : t, r = c.value, o = a.slice(0, r);
+      i.value = o, s.value && (s.value.value = o), l("update:modelValue", o), l("onChange", o), h(o);
+    }, z = () => {
+      f();
+    }, K = () => {
+      i.value = "", s.value && (s.value.value = ""), l("update:modelValue", ""), l("onChange", ""), m.value = !1, u.value = 0, f();
+    };
+    Z(() => {
+      n.autofocus && f();
+    }), ee(
+      () => n.modelValue,
+      (e) => {
+        const t = e || "";
+        i.value = t, s.value && (s.value.value = t), m.value = t.length >= c.value;
+      }
+    ), M({
+      focus: z,
+      clear: K
+    });
+    const U = (e) => {
+      const t = i.value, a = u.value === e && d.value && !n.isDisabled;
+      return {
+        "inputpin-cell": !0,
+        "inputpin-cell--filled": e < t.length,
+        "inputpin-cell--active": a
+      };
+    }, X = (e) => {
+      const t = L.value;
+      return e < t.length ? t[e] : e === t.length && C.isNonEmptyString(n.placeholder) ? n.placeholder : "";
+    }, q = (e) => u.value === e && d.value && !n.isDisabled, Q = (e) => {
+      if (!C.isNonEmptyString(n.separator)) return !1;
+      const t = n.separatorPosition > 0 ? n.separatorPosition : Math.floor(c.value / 2);
+      return e === t + 1 && e > 1 && e <= c.value;
+    };
+    return (e, t) => (g(), _("div", {
+      id: te(w),
+      class: V(R.value),
+      onClick: $
+    }, [
+      b("input", ne({
+        ref_key: "inputRef",
+        ref: s,
+        class: "inputpin-hidden-input",
+        disabled: k.value,
+        type: "text"
+      }, A.value, {
+        maxlength: c.value,
+        value: F.value,
+        onInput: H,
+        onKeydown: I,
+        onFocus: J,
+        onBlur: O,
+        onPaste: j
+      }), null, 16, se),
+      b("div", ue, [
+        (g(!0), _(D, null, ae(c.value, (a) => (g(), _(D, {
+          key: `${T}-${a}`
+        }, [
+          Q(a) ? (g(), _("div", ie, N(B.value), 1)) : S("", !0),
+          b("div", {
+            class: V(U(a - 1)),
+            onClick: (r) => G(a - 1)
+          }, [
+            b("span", ce, N(X(a - 1)), 1),
+            q(a - 1) ? (g(), _("span", pe)) : S("", !0)
+          ], 10, re)
+        ], 64))), 128))
+      ])
+    ], 10, oe));
+  }
+});
+export {
+  ge as default
+};