@cldemo/ui-kit 1.0.17 → 1.1.0

package/buildLibs/modules/numberKeyboard.js

@@ -1,12 +1,12 @@
 import { defineComponent as q, ref as W, computed as d, watch as N, onUnmounted as Q, openBlock as n, createBlock as I, unref as X, withCtx as Z, createElementVNode as m, normalizeClass as ee, createElementBlock as l, renderSlot as g, toDisplayString as p, Fragment as c, renderList as h, createTextVNode as S } from "vue";
-import { C as s } from "./shared/base-C5l51ld_.js";
-import { C as te } from "./shared/index-wdK75uN2.js";
-import { _ as oe } from "./shared/Index.vue_vue_type_script_setup_true_lang-Cukt_Rkd.js";
-import { _ as ne } from "./shared/Index.vue_vue_type_script_setup_true_lang-DEi_COkc.js";
+import { C as r } from "./shared/base-fr2I80sU.js";
+import { C as te } from "./shared/index-B477PjJ3.js";
+import { _ as oe } from "./shared/Index.vue_vue_type_script_setup_true_lang-D8H72Fc9.js";
+import { _ as ne } from "./shared/Index.vue_vue_type_script_setup_true_lang-DB10zsLZ.js";
 const le = {
   key: 0,
   class: "numberkeyboard-title"
-}, re = { class: "numberkeyboard-title-left" }, se = { class: "numberkeyboard-title-text" }, ae = { class: "numberkeyboard-body" }, ue = ["onClick"], ie = { class: "numberkeyboard-row" }, ce = ["onClick"], Ce = /* @__PURE__ */ q({
+}, se = { class: "numberkeyboard-title-left" }, re = { class: "numberkeyboard-title-text" }, ae = { class: "numberkeyboard-body" }, ue = ["onClick"], ie = { class: "numberkeyboard-row" }, ce = ["onClick"], Ce = /* @__PURE__ */ q({
   name: "ClNumberKeyboard",
   __name: "Index",
   props: {
@@ -34,7 +34,7 @@ const le = {
       default: 1 / 0
       // desc: 输入值最大长度，超出后按键不追加
     },
-    extraKey: {
+    extKeys: {
       type: [String, Array],
       default: ""
       // desc: 底部额外按键内容，支持字符串或字符串数组
@@ -94,29 +94,29 @@ const le = {
   },
   emits: ["update:show", "update:value", "update:modelValue", "onInput", "onDelete", "onClose", "onBlur", "onOpened", "onHide"],
   setup(a, { expose: L, emit: R }) {
-    const o = a, u = R, v = `n-${s.getRandom(5)}`, B = o.id || `_elId_numberkeyboard-${s.getRandom(8)}`, b = W(o.show), H = d(
-      () => !s.isEmpty(o.title) || !s.isEmpty(o.closeButtonText)
-    ), O = d(() => !s.isEmpty(o.closeButtonText)), x = d(() => o.theme === "custom"), M = d(() => !!o.isHideOnClickOutside), K = d(() => o.isTransition ? 300 : 1), V = d(() => [
+    const o = a, u = R, v = `n-${r.getRandom(5)}`, B = o.id || `_elId_numberkeyboard-${r.getRandom(8)}`, b = W(o.show), H = d(
+      () => !r.isEmpty(o.title) || !r.isEmpty(o.closeButtonText)
+    ), O = d(() => !r.isEmpty(o.closeButtonText)), x = d(() => o.theme === "custom"), M = d(() => !!o.isHideOnClickOutside), K = d(() => o.isTransition ? 300 : 1), V = d(() => [
       ["1", "2", "3"],
       ["4", "5", "6"],
       ["7", "8", "9"]
     ]), D = d(() => {
-      const e = o.extraKey;
-      return s.isString(e) ? s.isEmpty(e) ? [] : [e] : Array.isArray(e) ? e.filter((t) => s.isNonEmptyString(t)) : [];
+      const e = o.extKeys;
+      return r.isString(e) ? r.isEmpty(e) ? [] : [e] : Array.isArray(e) ? e.filter((t) => r.isNonEmptyString(t)) : [];
     }), z = d(() => {
       const e = {
         "panel-number-keyboard": !0,
         "panel-number-keyboard--custom": x.value
       };
-      return s.getJsonMerge(e, te.getClassNameJson(o.className));
+      return r.getJsonMerge(e, te.getClassNameJson(o.className));
     }), A = d(() => {
       const e = {
         "numberkeyboard-popup": !0
       };
-      return s.getStringByJson(e, " ");
+      return r.getStringByJson(e, " ");
     }), P = () => {
       const e = Number(o.maxlength);
-      return s.isFinite(e) && e >= 1 ? Math.floor(e) : 1 / 0;
+      return r.isFinite(e) && e >= 1 ? Math.floor(e) : 1 / 0;
     };
     N(b, (e) => {
       u("update:show", e);
@@ -127,19 +127,19 @@ const le = {
       }
     );
     const f = (e) => {
-      if (s.isEmpty(e)) return;
-      const t = s.isString(o.value) ? o.value : "";
+      if (r.isEmpty(e)) return;
+      const t = r.isString(o.value) ? o.value : "";
       t.length >= P() || (u("update:value", t + e), u("update:modelValue", t + e), u("onInput", e));
     }, w = () => {
-      const e = s.isString(o.value) ? o.value : "";
-      s.isEmpty(e) || (u("update:value", e.slice(0, -1)), u("update:modelValue", e.slice(0, -1))), u("onDelete");
+      const e = r.isString(o.value) ? o.value : "";
+      r.isEmpty(e) || (u("update:value", e.slice(0, -1)), u("update:modelValue", e.slice(0, -1))), u("onDelete");
     }, T = () => {
       u("onClose"), o.isBlurOnClose && u("onBlur"), b.value = !1;
     }, _ = () => {
       o.isBlurOnClose && u("onBlur");
     }, k = /* @__PURE__ */ new Map(), F = () => {
       const e = o.scrollTarget;
-      if (s.isNonEmptyString(e))
+      if (r.isNonEmptyString(e))
         try {
           const t = document.querySelector(e);
           return t instanceof HTMLElement ? t : null;
@@ -150,8 +150,8 @@ const le = {
     }, J = (e) => {
       let t = e.parentElement;
       for (; t; ) {
-        const r = window.getComputedStyle(t).overflowY;
-        if (r === "auto" || r === "scroll" || r === "overlay") return t;
+        const s = window.getComputedStyle(t).overflowY;
+        if (s === "auto" || s === "scroll" || s === "overlay") return t;
         t = t.parentElement;
       }
       return document.scrollingElement instanceof HTMLElement ? document.scrollingElement : null;
@@ -162,13 +162,13 @@ const le = {
     }, G = () => {
       const e = document.getElementById(B), t = e instanceof HTMLElement ? e.offsetHeight : 0;
       if (u("onOpened", t), t <= 0) return;
-      const r = F();
-      if (!r) return;
-      const i = J(r);
+      const s = F();
+      if (!s) return;
+      const i = J(s);
       if (!i) return;
       const y = i.getBoundingClientRect();
       if (y.height <= 0) return;
-      const $ = r.getBoundingClientRect(), Y = y.height - t, C = $.bottom - y.top - Y + 8;
+      const $ = s.getBoundingClientRect(), Y = y.height - t, C = $.bottom - y.top - Y + 8;
       if (C <= 0) return;
       k.has(i) || k.set(i, i.style.paddingBottom);
       const j = parseFloat(k.get(i) || "") || 0;
@@ -182,7 +182,7 @@ const le = {
       id: X(B),
       className: A.value,
       show: b.value,
-      "onUpdate:show": t[2] || (t[2] = (r) => b.value = r),
+      "onUpdate:show": t[2] || (t[2] = (s) => b.value = s),
       position: "bottom",
       isOverlay: a.isOverlay,
       duration: K.value,
@@ -199,10 +199,10 @@ const le = {
           class: ee(z.value)
         }, [
           H.value ? (n(), l("div", le, [
-            m("div", re, [
+            m("div", se, [
               g(e.$slots, "titleLeft")
             ]),
-            m("div", se, p(a.title), 1),
+            m("div", re, p(a.title), 1),
             O.value ? (n(), I(ne, {
               key: 0,
               className: "numberkeyboard-title-close",
@@ -213,11 +213,11 @@ const le = {
             }, null, 8, ["label"])) : (n(), l(c, { key: 1 }, [], 64))
           ])) : (n(), l(c, { key: 1 }, [], 64)),
           m("div", ae, [
-            (n(!0), l(c, null, h(V.value, (r, i) => (n(), l("div", {
+            (n(!0), l(c, null, h(V.value, (s, i) => (n(), l("div", {
               key: `${v}-row-${i}`,
               class: "numberkeyboard-row"
             }, [
-              (n(!0), l(c, null, h(r, (y) => (n(), l("button", {
+              (n(!0), l(c, null, h(s, (y) => (n(), l("button", {
                 key: `${v}-key-${y}`,
                 type: "button",
                 class: "numberkeyboard-key",
@@ -229,7 +229,7 @@ const le = {
                 m("button", {
                   type: "button",
                   class: "numberkeyboard-key numberkeyboard-key--zero",
-                  onClick: t[0] || (t[0] = (r) => f("0"))
+                  onClick: t[0] || (t[0] = (s) => f("0"))
                 }, " 0 "),
                 a.isShowDeleteKey ? (n(), l("button", {
                   key: 0,
@@ -248,20 +248,20 @@ const le = {
                   onClick: T
                 }, p(a.closeButtonText), 1)) : (n(), l(c, { key: 3 }, [], 64))
               ], 64)) : (n(), l(c, { key: 1 }, [
-                (n(!0), l(c, null, h(D.value, (r, i) => (n(), l("button", {
+                (n(!0), l(c, null, h(D.value, (s, i) => (n(), l("button", {
                   key: `${v}-extra-${i}`,
                   type: "button",
                   class: "numberkeyboard-key numberkeyboard-key--extra",
-                  onClick: (y) => f(String(r))
+                  onClick: (y) => f(String(s))
                 }, [
-                  g(e.$slots, "extraKey", {}, () => [
-                    S(p(r), 1)
+                  g(e.$slots, "extKeys", {}, () => [
+                    S(p(s), 1)
                   ])
                 ], 8, ce))), 128)),
                 m("button", {
                   type: "button",
                   class: "numberkeyboard-key",
-                  onClick: t[1] || (t[1] = (r) => f("0"))
+                  onClick: t[1] || (t[1] = (s) => f("0"))
                 }, " 0 "),
                 a.isShowDeleteKey ? (n(), l("button", {
                   key: 0,

package/buildLibs/modules/numberRoll.js

@@ -1,6 +1,6 @@
 import { defineComponent as x, ref as C, computed as F, onMounted as b, nextTick as v, onActivated as y, onDeactivated as A, onBeforeUnmount as B, watch as M, openBlock as T, createElementBlock as S, normalizeClass as k, unref as w, toDisplayString as I } from "vue";
-import { C as d } from "./shared/base-C5l51ld_.js";
-import { C as q } from "./shared/index-wdK75uN2.js";
+import { C as d } from "./shared/base-fr2I80sU.js";
+import { C as q } from "./shared/index-B477PjJ3.js";
 const D = ["id"], z = /* @__PURE__ */ x({
   name: "ClNumberRoll",
   __name: "Index",

package/buildLibs/modules/overlay.js

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

package/buildLibs/modules/paginate.js

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

package/buildLibs/modules/picker.js

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

package/buildLibs/modules/pickerArea.cjs

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

package/buildLibs/modules/pickerArea.d.ts

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

package/buildLibs/modules/pickerArea.js

@@ -0,0 +1,255 @@
+import { defineComponent as ye, ref as p, watch as $, computed as a, resolveComponent as fe, openBlock as u, createBlock as M, Teleport as he, createVNode as f, Transition as j, withCtx as J, createElementBlock as h, normalizeStyle as w, createCommentVNode as G, normalizeClass as ge, unref as ke, createElementVNode as m, toDisplayString as A, Fragment as U } from "vue";
+import { c as Ce } from "./shared/log-BbLqiWNM.js";
+import { C as o } from "./shared/base-fr2I80sU.js";
+import { C as _e } from "./shared/index-B477PjJ3.js";
+import { _ as T } from "./shared/Column.vue_vue_type_script_setup_true_lang-rT_ICHhO.js";
+const Ne = ["id"], xe = { class: "pickerarea-header" }, Ie = { class: "pickerarea-header-title" }, Le = { class: "pickerarea-columns" }, Se = {
+  key: 0,
+  class: "pickerarea-loading"
+}, be = 44, Oe = 6, Pe = /* @__PURE__ */ ye({
+  name: "ClPickerArea",
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
+    className: String,
+    // desc: 自定义CSS类名
+    value: {
+      type: [Array, String],
+      default: () => []
+      // desc: 选中值（省市区名数组），支持 v-model
+    },
+    show: Boolean,
+    // desc: 是否显示选择器，支持 v-model:show
+    title: String,
+    // desc: 顶部标题
+    submitLabel: String,
+    // desc: 确认按钮文字
+    closeLabel: String,
+    // desc: 取消按钮文字
+    areaList: {
+      type: Array,
+      default: () => []
+      // desc: 省市区数据（{ name, children }[]）。为空时自动按需加载内置全国数据（2024 最新、含港澳台），加载期间列区显示 loading
+    },
+    columnsNum: {
+      type: Number,
+      default: 3
+      // desc: 显示列数 | enum: 2, 3
+    },
+    isOverlay: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示遮罩层
+    },
+    isCloseOnClickOverlay: {
+      type: Boolean,
+      default: !0
+      // desc: 点击遮罩层后是否关闭
+    },
+    duration: {
+      type: Number,
+      default: 300
+      // desc: 动画时长(ms)
+    },
+    zIndex: {
+      type: Number,
+      default: 2e3
+      // desc: 面板层级
+    },
+    teleportTarget: {
+      type: String,
+      default: ""
+      // desc: 挂载目标 | enum: body（默认）、#id（指定容器 id）
+    }
+  },
+  emits: ["update:show", "update:value", "update:modelValue", "onConfirm", "onCancel", "onChange"],
+  setup(E, { emit: W }) {
+    const t = E, l = W, Z = t.id, d = p(0), i = p(0), r = p(0), x = p(null), I = p(!1), g = p(!1), q = async () => {
+      if (!(I.value || g.value)) {
+        I.value = !0;
+        try {
+          const e = await import("./shared/area-data-BeJ-VWXo.js");
+          x.value = e.areaData, V();
+        } catch (e) {
+          Ce.error("ClPickerArea", "PickerArea 内置省市区数据加载失败:", e);
+        } finally {
+          I.value = !1, g.value = !0;
+        }
+      }
+    };
+    $(
+      () => t.areaList,
+      async (e) => {
+        (!Array.isArray(e) || e.length === 0) && !g.value && await q();
+      },
+      { immediate: !0 }
+    );
+    const B = a(() => t.show), K = a(
+      () => o.isNonEmptyString(t.title) ? t.title : "地区选择"
+    ), Q = a(
+      () => o.isNonEmptyString(t.submitLabel) ? t.submitLabel : "确认"
+    ), R = a(
+      () => o.isNonEmptyString(t.closeLabel) ? t.closeLabel : "取消"
+    ), P = a(() => t.columnsNum >= 3), X = a(() => {
+      const e = Array.isArray(t.areaList) ? t.areaList.filter((n) => n && o.isObject(n) && o.isNonEmptyString(n.name)) : [];
+      return e.length > 0 ? e : x.value || [];
+    }), Y = a(
+      () => (t.areaList === void 0 || t.areaList === null || Array.isArray(t.areaList) && t.areaList.length === 0) && !x.value && !g.value
+    ), k = a(() => X.value), D = (e) => Array.isArray(e) ? e.filter((n) => !!n && o.isObject(n) && o.isNonEmptyString(n.name)) : [], C = a(() => {
+      const e = k.value[d.value];
+      return D(e ? e.children : []);
+    }), L = a(() => {
+      const e = C.value[i.value];
+      return D(e ? e.children : []);
+    }), S = (e) => e.map((n) => ({ text: n.name, value: n.name })), ee = a(() => S(k.value)), te = a(() => S(C.value)), ae = a(() => S(L.value)), _ = a(() => be), b = a(() => Oe), ne = a(() => ({
+      height: `${_.value}px`
+    })), oe = a(
+      () => o.isNonEmptyString(t.teleportTarget) ? t.teleportTarget : "body"
+    ), le = a(() => t.teleportTarget === "self"), N = a(() => {
+      const e = Number(t.duration);
+      return o.isFinite(e) && e > 0 ? e : 300;
+    }), H = a(() => {
+      const e = Number(t.zIndex);
+      return o.isFinite(e) ? e : 2e3;
+    }), se = a(() => {
+      const e = {
+        "panel-picker-area": !0
+      };
+      return o.getJsonMerge(e, _e.getClassNameJson(t.className));
+    }), ie = a(() => ({
+      zIndex: H.value,
+      "--pickerarea-duration": `${N.value}ms`
+    })), re = a(() => ({
+      zIndex: H.value + 1,
+      "--pickerarea-duration": `${N.value}ms`
+    })), z = () => {
+      const e = [], n = k.value[d.value];
+      n && e.push(n.name);
+      const c = C.value[i.value];
+      c && e.push(c.name);
+      const v = L.value[r.value];
+      return P.value && v && e.push(v.name), e;
+    }, O = () => {
+      const e = z();
+      l("update:value", e), l("update:modelValue", e), l("onChange", e);
+    }, V = () => {
+      const e = t.value;
+      if (!Array.isArray(e) || e.length === 0) return;
+      const [n, c, v] = e, F = k.value.findIndex((s) => s && s.name === n);
+      if (F > -1 && (d.value = F, i.value = 0, r.value = 0), c) {
+        const s = C.value.findIndex((y) => y && y.name === c);
+        s > -1 && (i.value = s);
+      }
+      if (v) {
+        const s = L.value.findIndex((y) => y && y.name === v);
+        s > -1 && (r.value = s);
+      }
+    };
+    $([() => t.value, () => t.areaList], V, { immediate: !0 });
+    const ce = (e) => {
+      d.value = e, i.value = 0, r.value = 0, O();
+    }, ue = (e) => {
+      i.value = e, r.value = 0, O();
+    }, me = (e) => {
+      r.value = e, O();
+    }, pe = () => {
+      l("onConfirm", z()), l("update:show", !1);
+    }, de = () => {
+      l("onCancel"), l("update:show", !1);
+    }, ve = () => {
+      t.isCloseOnClickOverlay && l("update:show", !1);
+    };
+    return (e, n) => {
+      const c = fe("cl-load");
+      return u(), M(he, {
+        to: oe.value,
+        disabled: le.value
+      }, [
+        f(j, {
+          name: "pickerarea-fade",
+          duration: N.value
+        }, {
+          default: J(() => [
+            B.value && E.isOverlay ? (u(), h("div", {
+              key: 0,
+              class: "panel-picker-area-overlay",
+              style: w(ie.value),
+              onClick: ve
+            }, null, 4)) : G("", !0)
+          ]),
+          _: 1
+        }, 8, ["duration"]),
+        f(j, {
+          name: "pickerarea-slide",
+          duration: N.value
+        }, {
+          default: J(() => [
+            B.value ? (u(), h("div", {
+              key: 0,
+              id: ke(Z),
+              class: ge(se.value),
+              style: w(re.value)
+            }, [
+              m("div", xe, [
+                m("span", {
+                  class: "pickerarea-header-btn",
+                  onClick: de
+                }, A(R.value), 1),
+                m("span", Ie, A(K.value), 1),
+                m("span", {
+                  class: "pickerarea-header-btn pickerarea-header-btn--confirm",
+                  onClick: pe
+                }, A(Q.value), 1)
+              ]),
+              m("div", Le, [
+                Y.value ? (u(), h("div", Se, [
+                  f(c, {
+                    theme: "rotaryLine",
+                    size: "large",
+                    color: "var(--cl-primary, #1088f0)"
+                  }),
+                  n[0] || (n[0] = m("span", { class: "pickerarea-loading-text" }, "数据加载中…", -1))
+                ])) : (u(), h(U, { key: 1 }, [
+                  m("div", {
+                    class: "picker-frame",
+                    style: w(ne.value)
+                  }, null, 4),
+                  f(T, {
+                    className: "pickerarea-column",
+                    optionsList: ee.value,
+                    valueIndex: d.value,
+                    itemHeight: _.value,
+                    showNum: b.value,
+                    onOnSelect: ce
+                  }, null, 8, ["optionsList", "valueIndex", "itemHeight", "showNum"]),
+                  f(T, {
+                    className: "pickerarea-column",
+                    optionsList: te.value,
+                    valueIndex: i.value,
+                    itemHeight: _.value,
+                    showNum: b.value,
+                    onOnSelect: ue
+                  }, null, 8, ["optionsList", "valueIndex", "itemHeight", "showNum"]),
+                  P.value ? (u(), M(T, {
+                    key: 0,
+                    className: "pickerarea-column",
+                    optionsList: ae.value,
+                    valueIndex: r.value,
+                    itemHeight: _.value,
+                    showNum: b.value,
+                    onOnSelect: me
+                  }, null, 8, ["optionsList", "valueIndex", "itemHeight", "showNum"])) : (u(), h(U, { key: 1 }, [], 64))
+                ], 64))
+              ])
+            ], 14, Ne)) : G("", !0)
+          ]),
+          _: 1
+        }, 8, ["duration"])
+      ], 8, ["to", "disabled"]);
+    };
+  }
+});
+export {
+  Pe as default
+};

package/buildLibs/modules/pickerCascader.js

@@ -1,8 +1,8 @@
 import { defineComponent as ee, computed as a, openBlock as d, createElementBlock as m, normalizeClass as z, unref as M, createElementVNode as w, toDisplayString as F, createVNode as U, createCommentVNode as q, Fragment as R, renderList as G, normalizeStyle as K, ref as D, watch as H, createBlock as Q, withCtx as te, mergeProps as X } from "vue";
-import { C as o } from "./shared/base-C5l51ld_.js";
-import { _ as le } from "./shared/Index.vue_vue_type_script_setup_true_lang-Cukt_Rkd.js";
-import { C as ne } from "./shared/index-wdK75uN2.js";
-import { _ as Y } from "./shared/Index.vue_vue_type_script_setup_true_lang-CyKHq3tv.js";
+import { C as o } from "./shared/base-fr2I80sU.js";
+import { _ as le } from "./shared/Index.vue_vue_type_script_setup_true_lang-D8H72Fc9.js";
+import { C as ne } from "./shared/index-B477PjJ3.js";
+import { _ as Y } from "./shared/Index.vue_vue_type_script_setup_true_lang-DapaVMSO.js";
 const ae = ["id"], se = {
   key: 0,
   class: "panel-pickercascader__header"