@cldemo/ui-kit 1.1.0 → 1.1.2

package/buildLibs/modules/sidebar.js

@@ -1,63 +1 @@
-import { defineComponent as x, computed as o, openBlock as a, createElementBlock as r, normalizeClass as d, unref as N, Fragment as l, renderList as h, createElementVNode as L, toDisplayString as u } from "vue";
-import { C as s } from "./shared/base-fr2I80sU.js";
-import { C as S } from "./shared/index-B477PjJ3.js";
-const A = ["id"], B = ["onClick"], E = { class: "sidebar-item-text" }, $ = {
-  key: 0,
-  class: "sidebar-item-badge"
-}, D = /* @__PURE__ */ x({
-  name: "ClSidebar",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义CSS类名
-    itemsList: {
-      type: Array,
-      default: () => []
-      // desc: 侧边导航项列表（{ text, badge? }[]）
-    },
-    active: {
-      type: Number,
-      default: 0
-      // desc: 当前激活项索引
-    }
-  },
-  emits: ["onChange", "onClickItem"],
-  setup(g, { emit: b }) {
-    const i = g, c = b, p = `sidebar-${s.getRandom(5)}`, _ = i.id, m = o(() => {
-      const e = Number(i.active);
-      return s.isFinite(e) ? e : 0;
-    }), f = o(() => Array.isArray(i.itemsList) ? i.itemsList.map((e, t) => ({ item: e, inx: t })).filter((e) => e.item && s.isNonEmptyString(e.item.text)).map(({ item: e, inx: t }) => ({ item: e, inx: t, badge: y(e) })) : []), C = o(() => {
-      const e = {
-        "panel-sidebar": !0
-      };
-      return s.getJsonMerge(e, S.getClassNameJson(i.className));
-    }), y = (e) => {
-      if (s.isUndefined(e.badge) || typeof e.badge == "symbol") return 0;
-      const t = Number(e.badge);
-      return s.isFinite(t) && t > 0 ? t : 0;
-    }, k = (e, t) => {
-      c("onClickItem", t), t !== m.value && c("onChange", t);
-    }, v = (e, t) => ({
-      "sidebar-item": !0,
-      "sidebar-item--active": t === m.value
-    });
-    return (e, t) => (a(), r("div", {
-      id: N(_),
-      class: d(C.value)
-    }, [
-      (a(!0), r(l, null, h(f.value, (n) => (a(), r("div", {
-        key: `${p}-${n.inx}`,
-        class: d(v(n.item, n.inx)),
-        onClick: (F) => k(n.item, n.inx)
-      }, [
-        L("span", E, u(n.item.text), 1),
-        n.badge > 0 ? (a(), r("span", $, u(n.badge), 1)) : (a(), r(l, { key: 1 }, [], 64))
-      ], 10, B))), 128))
-    ], 10, A));
-  }
-});
-export {
-  D as default
-};
+export { default } from '../utils/Mobile/ClSidebar.js';

package/buildLibs/modules/sidebarSelect.d.ts

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

package/buildLibs/modules/sidebarSelect.js

@@ -1,86 +1 @@
-import { defineComponent as $, computed as d, openBlock as r, createElementBlock as o, normalizeClass as u, unref as A, createElementVNode as a, Fragment as p, renderList as g, toDisplayString as k, createVNode as L } from "vue";
-import { C as i } from "./shared/base-fr2I80sU.js";
-import { C as O } from "./shared/index-B477PjJ3.js";
-import { _ as B } from "./shared/Index.vue_vue_type_script_setup_true_lang-DapaVMSO.js";
-const E = ["id"], J = { class: "sidebarselect-left" }, V = ["onClick"], z = { class: "sidebarselect-group-text" }, D = { class: "sidebarselect-right" }, F = ["onClick"], M = { class: "sidebarselect-option-text" }, P = {
-  key: 0,
-  class: "sidebarselect-option-check"
-}, w = /* @__PURE__ */ $({
-  name: "ClSidebarSelect",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义CSS类名
-    groupsList: {
-      type: Array,
-      default: () => []
-      // desc: 分组列表（{ text, children: { text }[] }[]）
-    },
-    activeId: {
-      type: [Number, String],
-      default: ""
-      // desc: 当前选中项 id，支持 v-model
-    },
-    activeGroupIndex: {
-      type: Number,
-      default: 0
-      // desc: 当前激活分组索引
-    }
-  },
-  emits: ["update:activeId", "onClickGroup", "onClickOption"],
-  setup(C, { emit: b }) {
-    const s = C, l = b, m = `sidebarselect-${i.getRandom(5)}`, f = s.id, _ = d(
-      () => Array.isArray(s.groupsList) ? s.groupsList.filter((e) => e != null) : []
-    ), h = d(() => {
-      const e = _.value[s.activeGroupIndex];
-      return e && Array.isArray(e.children) ? e.children.filter((c) => c != null) : [];
-    }), y = d(() => {
-      const e = {
-        "panel-sidebar-select": !0
-      };
-      return i.getJsonMerge(e, O.getClassNameJson(s.className));
-    }), S = (e) => ({
-      "sidebarselect-group": !0,
-      "sidebarselect-group--active": e === s.activeGroupIndex
-    }), N = (e) => ({
-      "sidebarselect-option": !0,
-      "sidebarselect-option--active": v(e)
-    }), v = (e) => (i.isString(e.id) || i.isNumber(e.id)) && (i.isString(s.activeId) || i.isNumber(s.activeId)) && String(e.id) === String(s.activeId), x = (e) => {
-      l("onClickGroup", e);
-    }, G = (e, c) => {
-      const t = e.id;
-      (i.isString(t) || i.isNumber(t)) && t !== void 0 && l("update:activeId", t), l("onClickOption", e, c);
-    };
-    return (e, c) => (r(), o("div", {
-      id: A(f),
-      class: u(y.value)
-    }, [
-      a("div", J, [
-        (r(!0), o(p, null, g(_.value, (t, n) => (r(), o("div", {
-          key: `${m}-g-${n}`,
-          class: u(S(n)),
-          onClick: (I) => x(n)
-        }, [
-          a("span", z, k(t.text), 1)
-        ], 10, V))), 128))
-      ]),
-      a("div", D, [
-        (r(!0), o(p, null, g(h.value, (t, n) => (r(), o("div", {
-          key: `${m}-o-${n}`,
-          class: u(N(t)),
-          onClick: (I) => G(t, n)
-        }, [
-          a("span", M, k(t.text), 1),
-          v(t) ? (r(), o("span", P, [
-            L(B, { name: "check1" })
-          ])) : (r(), o(p, { key: 1 }, [], 64))
-        ], 10, F))), 128))
-      ])
-    ], 10, E));
-  }
-});
-export {
-  w as default
-};
+export { default } from '../utils/Mobile/ClSidebarSelect.js';

package/buildLibs/modules/signature.d.ts

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

package/buildLibs/modules/signature.js

@@ -1,250 +1 @@
-import { defineComponent as A, useTemplateRef as G, computed as y, onMounted as K, nextTick as Q, onUnmounted as Z, watch as tt, openBlock as et, createElementBlock as nt, normalizeClass as ot, unref as at, createElementVNode as p, normalizeStyle as rt, withModifiers as it, toDisplayString as L } from "vue";
-import { c as g } from "./shared/log-BbLqiWNM.js";
-import { C as S } from "./shared/base-fr2I80sU.js";
-import { C as st } from "./shared/index-B477PjJ3.js";
-import { R as lt } from "./shared/resize-CyrJxi6F.js";
-const ct = ["id"], ut = { class: "panel-signature__footer" }, gt = 500, yt = /* @__PURE__ */ A({
-  name: "ClSignature",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义CSS类名
-    type: {
-      type: String,
-      default: "png"
-      // desc: 导出图片类型 | enum: png, jpeg
-    },
-    penColor: {
-      type: String,
-      default: "#000"
-      // desc: 笔触颜色
-    },
-    lineWidth: {
-      type: Number,
-      default: 3
-      // desc: 线条宽度
-    },
-    backgroundColor: {
-      type: String,
-      default: ""
-      // desc: 背景颜色，为空时透明背景
-    },
-    clearButtonText: {
-      type: String,
-      default: "清空"
-      // desc: 清除按钮文案
-    },
-    submitLabel: {
-      type: String,
-      default: "确认"
-      // desc: 确认按钮文案
-    }
-  },
-  emits: ["onStart", "onEnd", "onSigning", "onSubmit", "onClear"],
-  setup(C, { expose: B, emit: P }) {
-    const r = C, d = P, V = r.id, i = G("refElCanvas");
-    let f = null, l = !1, s = 0, v = 0, _ = null, x = !1, c = null, h = 0, m = 0;
-    const b = y(() => r.type === "png" || r.type === "jpeg" ? r.type : "png"), z = y(() => {
-      const t = {
-        "panel-signature": !0
-      };
-      return S.getJsonMerge(t, st.getClassNameJson(r.className));
-    }), N = y(() => {
-      const t = {};
-      return r.backgroundColor && (t["--signature-bg"] = r.backgroundColor), t;
-    }), T = () => {
-      const t = i.value;
-      if (!t || !t.clientWidth || !t.clientHeight) return;
-      const e = window.devicePixelRatio || 1;
-      t.width = Math.round(t.clientWidth * e), t.height = Math.round(t.clientHeight * e);
-      const n = t.getContext("2d");
-      n && (n.scale(e, e), n.lineCap = "round", n.lineJoin = "round", f = n);
-    }, U = () => {
-      const t = i.value;
-      if (!t || !t.clientWidth || !t.clientHeight) return;
-      const e = ++h;
-      m++;
-      let n = "";
-      if (s > 0)
-        try {
-          const o = t.getContext("2d");
-          !!o && o.getImageData(0, 0, t.width, t.height).data.some((u) => u !== 0) ? n = t.toDataURL() : s = 0;
-        } catch (o) {
-          s = 0, g.warn("ClSignature", "警告：画布导出失败", o);
-        }
-      if (T(), n) {
-        const o = new Image();
-        o.onload = () => {
-          e === h && (l || f?.drawImage(o, 0, 0, t.clientWidth, t.clientHeight));
-        }, o.onerror = () => {
-          e === h && (l || (s = 0), g.warn("ClSignature", "警告：画布内容恢复失败"));
-        }, o.src = n;
-      }
-    }, w = (t, e) => {
-      const n = i.value?.getBoundingClientRect();
-      return {
-        x: t - (n?.left ?? 0),
-        y: e - (n?.top ?? 0)
-      };
-    }, k = (t) => {
-      const e = f;
-      if (!e || !c) return;
-      const n = (c.x + t.x) / 2, o = (c.y + t.y) / 2;
-      e.beginPath(), e.moveTo(c.x, c.y), e.quadraticCurveTo(c.x, c.y, n, o), e.lineTo(t.x, t.y), e.stroke(), c = t;
-    }, M = (t, e) => {
-      const n = f;
-      if (!n) return;
-      n.strokeStyle = r.penColor;
-      const o = S.isFinite(r.lineWidth) ? r.lineWidth : 3, a = Math.max(o, 1);
-      n.lineWidth = a;
-      const u = w(t, e);
-      c = u, n.beginPath(), n.arc(u.x, u.y, a / 2, 0, Math.PI * 2), n.fillStyle = r.penColor, n.fill(), s += 1, d("onStart");
-    }, D = () => {
-      l && (l = !1, c = null, d("onEnd"));
-    }, E = () => {
-      const t = i.value;
-      if (!t) return "";
-      try {
-        const a = t.getContext("2d");
-        if (!(!!a && a.getImageData(0, 0, t.width, t.height).data.some(($) => $ !== 0))) return "";
-      } catch (a) {
-        return g.warn("ClSignature", "警告：检测画布内容失败，按空签名处理", a), "";
-      }
-      let e = r.backgroundColor;
-      b.value === "jpeg" && !e && (e = "var(--cl-bg, #ffffff)");
-      const n = t, o = e ? document.createElement("canvas") : n;
-      if (e) {
-        o.width = n.width, o.height = n.height;
-        const a = o.getContext("2d");
-        if (a)
-          a.fillStyle = e, a.fillRect(0, 0, o.width, o.height), a.drawImage(n, 0, 0);
-        else
-          return g.warn("ClSignature", "警告：导出画布上下文创建失败，无法导出"), "";
-      }
-      try {
-        return o.toDataURL(`image/${b.value}`);
-      } catch (a) {
-        return g.warn("ClSignature", "警告：导出签名图片失败", a), "";
-      }
-    }, W = () => {
-      const t = f, e = i.value;
-      !t || !e || (h++, m++, t.clearRect(0, 0, e.width, e.height), s = 0, l = !1, c = null, d("onClear"));
-    }, I = () => {
-      d("onSubmit", {
-        image: s > 0 ? E() : "",
-        canvas: i.value ?? void 0
-      });
-    };
-    K(() => {
-      Q(() => {
-        x || !i.value || (T(), _ = new lt({
-          element: i.value,
-          callback: () => {
-            U();
-          }
-        }));
-      });
-    }), Z(() => {
-      x = !0, _?.destroy(), _ = null;
-    }), tt(
-      () => r.type,
-      (t) => {
-        t !== "png" && t !== "jpeg" && g.warn("ClSignature", "警告：type 仅支持 png 或 jpeg，已回退为 png");
-      },
-      { immediate: !0 }
-    );
-    const X = (t) => {
-      if (v = Date.now(), l) return;
-      const e = t.touches[0];
-      e && (l = !0, M(e.clientX, e.clientY));
-    }, Y = (t) => {
-      if (!l) return;
-      const e = t.touches[0];
-      e && (v = Date.now(), k(w(e.clientX, e.clientY)), d("onSigning", t));
-    }, j = () => {
-      D();
-    }, J = (t) => {
-      Date.now() - v < gt || l || (l = !0, M(t.clientX, t.clientY));
-    }, F = (t) => {
-      l && (k(w(t.clientX, t.clientY)), d("onSigning", t));
-    }, R = () => {
-      D();
-    }, q = () => {
-      W();
-    }, O = () => {
-      I();
-    }, H = () => s > 0 ? E() : "";
-    return B({
-      getValue: H,
-      getValueData: () => ({ value: H(), canvas: i.value ?? void 0 }),
-      setValue: (t) => {
-        if (!S.isNonEmptyString(t) || !i.value) return;
-        const e = ++m;
-        h++;
-        const n = i.value;
-        if (!n.clientWidth || !n.clientHeight) {
-          s = 0, g.warn("ClSignature", "警告：签名回显失败，画布当前无尺寸");
-          return;
-        }
-        const o = new Image();
-        o.onload = () => {
-          if (e !== m) return;
-          const a = i.value, u = f;
-          if (!a || !u || !a.clientWidth || !a.clientHeight) {
-            s = 0;
-            return;
-          }
-          u.clearRect(0, 0, a.width, a.height), u.drawImage(o, 0, 0, a.clientWidth, a.clientHeight), s = 1;
-        }, o.onerror = () => {
-          e === m && (s = 0, g.warn("ClSignature", "警告：签名图片回显失败（图片加载出错）"));
-        }, o.src = t;
-      },
-      clear: () => {
-        W();
-      },
-      submit: () => {
-        I();
-      }
-    }), (t, e) => (et(), nt("div", {
-      id: at(V),
-      class: ot(z.value)
-    }, [
-      p("div", {
-        class: "panel-signature__content",
-        style: rt(N.value)
-      }, [
-        p("canvas", {
-          ref_key: "refElCanvas",
-          ref: i,
-          class: "panel-signature__canvas",
-          role: "img",
-          "aria-label": "手写签名区",
-          onTouchstart: X,
-          onTouchmove: it(Y, ["prevent"]),
-          onTouchend: j,
-          onMousedown: J,
-          onMousemove: F,
-          onMouseup: R,
-          onMouseleave: R
-        }, null, 544)
-      ], 4),
-      p("div", ut, [
-        p("button", {
-          type: "button",
-          class: "panel-signature__btn",
-          onClick: q
-        }, L(C.clearButtonText), 1),
-        p("button", {
-          type: "button",
-          class: "panel-signature__btn panel-signature__btn--confirm",
-          onClick: O
-        }, L(C.submitLabel), 1)
-      ])
-    ], 10, ct));
-  }
-});
-export {
-  yt as default
-};
+export { default } from '../utils/Mobile/ClSignature.js';

package/buildLibs/modules/slider.d.ts

@@ -1 +1 @@
-export type { default } from '../types/Element/Slider/Index.vue.d.ts';
+export { default } from '../types/Element/Slider/Index.vue.d.ts';

package/buildLibs/modules/slider.js

@@ -1,4 +1 @@
-import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-Axa69KHA.js";
-export {
-  f as default
-};
+export { default } from '../utils/Element/ClSlider.js';

package/buildLibs/modules/steps.d.ts

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

package/buildLibs/modules/steps.js

@@ -1,112 +1 @@
-import { defineComponent as A, computed as d, openBlock as e, createElementBlock as s, normalizeStyle as E, normalizeClass as u, unref as L, Fragment as l, renderList as $, createElementVNode as m, createVNode as b, toDisplayString as v } from "vue";
-import { C as p } from "./shared/base-fr2I80sU.js";
-import { C as B } from "./shared/index-B477PjJ3.js";
-import { _ as w } from "./shared/Index.vue_vue_type_script_setup_true_lang-DapaVMSO.js";
-const J = ["id"], V = ["onClick"], D = { class: "steps-circle-wrap" }, F = {
-  key: 0,
-  class: "steps-icon"
-}, M = {
-  key: 1,
-  class: "steps-circle"
-}, O = {
-  key: 0,
-  class: "steps-line"
-}, P = { class: "steps-content" }, R = { class: "steps-title" }, T = {
-  key: 0,
-  class: "steps-desc"
-}, Q = /* @__PURE__ */ A({
-  name: "ClSteps",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义CSS类名
-    stepsList: {
-      type: Array,
-      default: () => []
-      // desc: 步骤列表（{ text, description?, icon? }[]）
-    },
-    active: {
-      type: Number,
-      default: 0,
-      // desc: 当前激活步骤索引（含该索引之前的步骤均视为已完成）
-      validator: (c) => Number.isInteger(c) && c >= 0
-    },
-    direction: {
-      type: String,
-      default: "horizontal",
-      // desc: 步骤条方向 | enum: horizontal, vertical
-      validator: (c) => ["horizontal", "vertical"].indexOf(c) !== -1
-    },
-    activeColor: {
-      type: String,
-      default: "var(--cl-primary, #1088f0)"
-      // desc: 激活步骤颜色
-    },
-    inactiveColor: {
-      type: String,
-      default: "var(--cl-border, #cfcfcf)"
-      // desc: 未激活步骤颜色
-    }
-  },
-  emits: ["onClickStep"],
-  setup(c, { emit: _ }) {
-    const o = c, y = _, f = `steps-${p.getRandom(5)}`, h = o.id, r = d(
-      () => Array.isArray(o.stepsList) ? o.stepsList : []
-    ), k = d(() => {
-      const t = {
-        "panel-steps": !0,
-        "panel-steps--vertical": o.direction === "vertical",
-        "panel-steps--horizontal": o.direction === "horizontal"
-      };
-      return p.getJsonMerge(t, B.getClassNameJson(o.className));
-    }), C = d(() => ({
-      "--steps-active-color": o.activeColor,
-      "--steps-inactive-color": o.inactiveColor
-    })), S = (t) => ({
-      "steps-item": !0,
-      "steps-item--active": t <= o.active,
-      "steps-item--last": t === r.value.length - 1
-    }), g = (t) => {
-      const i = r.value[t];
-      return !!i && p.isNonEmptyString(i.icon);
-    }, N = (t) => {
-      const i = r.value[t];
-      return i && p.isNonEmptyString(i.icon) ? i.icon : "";
-    }, z = (t) => {
-      y("onClickStep", t);
-    };
-    return (t, i) => (e(), s("div", {
-      id: L(h),
-      class: u(k.value),
-      style: E(C.value)
-    }, [
-      (e(!0), s(l, null, $(r.value, (a, n) => (e(), s(l, {
-        key: `${f}-${n}`
-      }, [
-        a ? (e(), s("div", {
-          key: 0,
-          class: u(S(n)),
-          onClick: (j) => z(n)
-        }, [
-          m("div", D, [
-            g(n) ? (e(), s("span", F, [
-              b(w, {
-                name: N(n)
-              }, null, 8, ["name"])
-            ])) : (e(), s("span", M, v(n + 1), 1))
-          ]),
-          n !== r.value.length - 1 ? (e(), s("i", O)) : (e(), s(l, { key: 1 }, [], 64)),
-          m("div", P, [
-            m("div", R, v(a.text), 1),
-            a.description ? (e(), s("div", T, v(a.description), 1)) : (e(), s(l, { key: 1 }, [], 64))
-          ])
-        ], 10, V)) : (e(), s(l, { key: 1 }, [], 64))
-      ], 64))), 128))
-    ], 14, J));
-  }
-});
-export {
-  Q as default
-};
+export { default } from '../utils/Mobile/ClSteps.js';

package/buildLibs/modules/swipe.d.ts

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