@cldemo/ui-kit 1.1.0 → 1.1.2

package/buildLibs/modules/pickerCascader.js

@@ -1,316 +1 @@
-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-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"
-}, oe = { class: "panel-pickercascader__title" }, re = { class: "panel-pickercascader__tabs" }, ie = ["onClick"], ce = {
-  key: 2,
-  class: "panel-pickercascader__options"
-}, ue = ["onClick"], de = { class: "panel-pickercascader__option-text" }, pe = {
-  key: 0,
-  class: "panel-pickercascader__option-arrow"
-}, ve = {
-  key: 3,
-  class: "panel-pickercascader__empty"
-}, me = { class: "panel-pickercascader__empty-text" }, Z = /* @__PURE__ */ ee({
-  name: "ClPickerCascaderPanel",
-  __name: "Panel",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识
-    className: String,
-    // desc: 自定义CSS类名
-    title: String,
-    // desc: 顶部标题
-    isCloseable: Boolean,
-    // desc: 是否显示关闭图标
-    tabsArr: {
-      type: Array,
-      default: () => []
-    },
-    // desc: tab 标题数组（各级已选文字 + 末尾占位）
-    activeTab: Number,
-    // desc: 当前激活的 tab 索引
-    optionsList: {
-      type: Array,
-      default: () => []
-    },
-    // desc: 当前级选项列表
-    selectedIndex: {
-      type: Number,
-      default: -1
-      // desc: 当前级已选中项下标，-1 表示无
-    },
-    activeColor: String,
-    // desc: 选中状态高亮颜色
-    placeholder: String,
-    // desc: 空选项提示文案
-    fieldNames: {
-      type: Object,
-      default: null
-      // desc: 自定义字段名，与 Index 保持一致
-    }
-  },
-  emits: ["onClickTab", "onClickClose", "onClickOption"],
-  setup(N, { emit: $ }) {
-    const e = N, p = $, b = e.id, f = `pc-${o.getRandom(5)}`, i = a(() => o.isNonEmptyString(e.className) ? e.className : ""), c = a(() => o.isNonEmptyString(e.title) || !!e.isCloseable), _ = a(() => e.title || ""), B = a(() => !!e.isCloseable), C = a(() => e.tabsArr || []), h = a(() => {
-      const n = e.activeTab;
-      return n === void 0 || !o.isFinite(n) || n < 0 ? 0 : n;
-    }), y = a(() => e.optionsList || []), k = a(() => o.isNonEmptyString(e.activeColor) ? e.activeColor : "var(--cl-primary, #1088f0)"), S = a(() => o.isNonEmptyString(e.placeholder) ? e.placeholder : "请选择"), x = () => e.fieldNames && typeof e.fieldNames == "object" ? {
-      text: o.isNonEmptyString(e.fieldNames.text) ? e.fieldNames.text : "text",
-      value: o.isNonEmptyString(e.fieldNames.value) ? e.fieldNames.value : "value",
-      children: o.isNonEmptyString(e.fieldNames.children) ? e.fieldNames.children : "children"
-    } : { text: "text", value: "value", children: "children" }, I = (n) => {
-      const v = x();
-      return n[v.text] != null ? String(n[v.text]) : "";
-    }, L = (n) => {
-      const v = x(), s = n[v.children];
-      return Array.isArray(s) ? s : [];
-    }, V = (n) => L(n).length > 0, O = (n, v) => {
-      const s = {
-        "panel-pickercascader__option": !0,
-        "panel-pickercascader__option--disabled": !!n.disabled,
-        "panel-pickercascader__option--active": v === e.selectedIndex
-      }, r = o.getJsonMerge(s, ne.getClassNameJson(n.className));
-      return o.getStringByJson(r, " ");
-    }, j = (n, v) => {
-      const s = {};
-      return v === e.selectedIndex ? (s.color = k.value, s.fontWeight = "500") : o.isNonEmptyString(n.color) && (s.color = n.color), s;
-    }, T = (n) => {
-      p("onClickTab", n);
-    }, E = () => {
-      p("onClickClose");
-    }, J = (n) => {
-      p("onClickOption", n);
-    };
-    return (n, v) => (d(), m("div", {
-      id: M(b),
-      class: z(["panel-picker-cascader", i.value])
-    }, [
-      c.value ? (d(), m("div", se, [
-        w("div", oe, F(_.value), 1),
-        B.value ? (d(), m("div", {
-          key: 0,
-          class: "panel-pickercascader__close",
-          onClick: E
-        }, [
-          U(Y, { name: "close" })
-        ])) : q("", !0)
-      ])) : (d(), m(R, { key: 1 }, [], 64)),
-      w("div", re, [
-        (d(!0), m(R, null, G(C.value, (s, r) => (d(), m("div", {
-          key: `${f}-tab-${r}`,
-          class: z(["panel-pickercascader__tab", [
-            r === h.value ? "panel-pickercascader__tab--active" : "",
-            r > h.value ? "panel-pickercascader__tab--pending" : ""
-          ]]),
-          style: K(r === h.value ? { color: k.value } : void 0),
-          onClick: (P) => T(r)
-        }, F(s), 15, ie))), 128))
-      ]),
-      y.value.length > 0 ? (d(), m("div", ce, [
-        (d(!0), m(R, null, G(y.value, (s, r) => (d(), m("div", {
-          key: `${f}-opt-${r}`,
-          class: z(O(s, r)),
-          style: K(j(s, r)),
-          onClick: (P) => J(s)
-        }, [
-          w("div", de, F(I(s)), 1),
-          V(s) ? (d(), m("div", pe, [
-            U(Y, { name: "angle-right" })
-          ])) : q("", !0)
-        ], 14, ue))), 128))
-      ])) : (d(), m("div", ve, [
-        w("div", me, F(S.value), 1)
-      ]))
-    ], 10, ae));
-  }
-}), ke = /* @__PURE__ */ ee({
-  name: "ClPickerCascader",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义CSS类名
-    show: Boolean,
-    // desc: 是否显示弹层，支持 v-model:show
-    isPoppable: {
-      type: Boolean,
-      default: !0
-      // desc: 是否以弹层形式展示，false 平铺展示
-    },
-    optionsList: {
-      type: Array,
-      default: () => []
-      // desc: 级联选项树，支持多级嵌套 children
-    },
-    fieldNames: {
-      type: Object,
-      default: null
-      // desc: 自定义字段名，适配后端返回的数据结构
-    },
-    value: {
-      type: [String, Number],
-      default: null
-      // desc: 选中项的值（最后一级），支持 v-model:value 回显
-    },
-    title: {
-      type: String,
-      default: ""
-      // desc: 顶部标题
-    },
-    placeholder: {
-      type: String,
-      default: "请选择"
-      // desc: 未选中/无选项时提示文案
-    },
-    activeColor: {
-      type: String,
-      default: "var(--cl-primary, #1088f0)"
-      // desc: 选中状态高亮颜色
-    },
-    isCloseable: {
-      type: Boolean,
-      default: !0
-      // desc: 是否显示关闭图标
-    },
-    teleportTarget: {
-      type: String,
-      default: ""
-      // desc: 弹层挂载目标 | enum: body（默认）、#id（指定容器 id）
-    }
-  },
-  emits: ["update:value", "update:modelValue", "update:show", "onChange", "onFinish", "onClose", "onClickTab"],
-  setup(N, { emit: $ }) {
-    const e = N, p = $, b = e.id, f = D(e.show), i = D([]), c = D(0), _ = () => e.fieldNames && typeof e.fieldNames == "object" ? {
-      text: o.isNonEmptyString(e.fieldNames.text) ? e.fieldNames.text : "text",
-      value: o.isNonEmptyString(e.fieldNames.value) ? e.fieldNames.value : "value",
-      children: o.isNonEmptyString(e.fieldNames.children) ? e.fieldNames.children : "children"
-    } : { text: "text", value: "value", children: "children" }, B = (t) => {
-      const l = _();
-      return t[l.text] != null ? String(t[l.text]) : "";
-    }, C = (t) => {
-      const l = _();
-      return t[l.value] != null ? t[l.value] : "";
-    }, h = (t) => {
-      const l = _(), u = t[l.children];
-      return Array.isArray(u) ? u : [];
-    }, y = (t, l, u) => {
-      for (const g of t) {
-        if (String(C(g) ?? "") === String(l))
-          return u.push(g), !0;
-        const A = h(g);
-        if (A.length > 0) {
-          if (u.push(g), y(A, l, u)) return !0;
-          u.pop();
-        }
-      }
-      return !1;
-    }, k = () => {
-      const t = e.value;
-      if (t == null || t === "") {
-        i.value = [], c.value = 0;
-        return;
-      }
-      const l = [];
-      y(e.optionsList, t, l) ? (i.value = l, c.value = l.length - 1) : (i.value = [], c.value = 0);
-    }, S = () => {
-      f.value = !1;
-    }, x = a(() => e.isPoppable), I = a(() => e.title), L = a(() => e.isCloseable), V = a(() => e.activeColor), O = a(() => e.placeholder), j = a(() => _()), T = a(() => {
-      const t = i.value.map((l) => B(l));
-      return t.push(O.value), t;
-    }), E = a(() => {
-      if (c.value <= 0) return e.optionsList || [];
-      const t = i.value[c.value - 1];
-      return t ? h(t) : [];
-    }), J = a(() => {
-      const t = i.value[c.value];
-      return t ? E.value.findIndex(
-        (u) => String(C(u) ?? "") === String(C(t) ?? "")
-      ) : -1;
-    }), n = a(() => ({
-      title: I.value,
-      isCloseable: L.value,
-      tabsArr: T.value,
-      activeTab: c.value,
-      optionsList: E.value,
-      selectedIndex: J.value,
-      activeColor: V.value,
-      placeholder: O.value,
-      fieldNames: e.fieldNames
-    })), v = a(() => o.isNonEmptyString(e.className) ? e.className : ""), s = a(() => o.isNonEmptyString(e.className) ? e.className : "");
-    H(
-      () => e.show,
-      (t) => {
-        t ? (k(), f.value = !0) : f.value = !1;
-      },
-      { immediate: !0 }
-    ), H(f, (t) => {
-      p("update:show", t);
-    }), H(
-      () => e.value,
-      () => {
-        k();
-      },
-      { immediate: !0 }
-    );
-    const r = (t) => {
-      c.value = t;
-      const l = T.value[t] || "";
-      p("onClickTab", t, l);
-    }, P = () => {
-      p("onClose"), S();
-    }, W = (t) => {
-      if (t.disabled) return;
-      i.value = i.value.slice(0, c.value), i.value.push(t);
-      const l = C(t), u = c.value;
-      p("onChange", {
-        value: l,
-        selectedOptions: [...i.value],
-        tabIndex: u
-      });
-      const g = j.value, A = t[g.children];
-      Array.isArray(A) ? c.value += 1 : (p("onFinish", {
-        value: l,
-        selectedOptions: [...i.value]
-      }), p("update:value", l), p("update:modelValue", l), S());
-    };
-    return (t, l) => x.value ? (d(), Q(le, {
-      key: 0,
-      show: f.value,
-      "onUpdate:show": l[0] || (l[0] = (u) => f.value = u),
-      position: "bottom",
-      isRound: !0,
-      isCloseOnClickOverlay: !1,
-      className: v.value,
-      "teleport-target": N.teleportTarget
-    }, {
-      default: te(() => [
-        U(Z, X({
-          id: M(b),
-          class: s.value
-        }, n.value, {
-          onOnClickTab: r,
-          onOnClickClose: P,
-          onOnClickOption: W
-        }), null, 16, ["id", "class"])
-      ]),
-      _: 1
-    }, 8, ["show", "className", "teleport-target"])) : (d(), Q(Z, X({
-      key: 1,
-      id: M(b),
-      class: s.value
-    }, n.value, {
-      onOnClickTab: r,
-      onOnClickClose: P,
-      onOnClickOption: W
-    }), null, 16, ["id", "class"]));
-  }
-});
-export {
-  ke as default
-};
+export { default } from '../utils/Mobile/ClPickerCascader.js';

package/buildLibs/modules/pickerDate.d.ts

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

package/buildLibs/modules/pickerDate.js

@@ -1,220 +1 @@
-import { defineComponent as ae, ref as $, useTemplateRef as ne, computed as v, watch as S, openBlock as z, createBlock as U, withCtx as oe, createVNode as re, mergeProps as q, unref as G } from "vue";
-import { C as m } from "./shared/base-fr2I80sU.js";
-import { C as c } from "./shared/day-B3hhmAm_.js";
-import { _ as le } from "./shared/Index.vue_vue_type_script_setup_true_lang-D8H72Fc9.js";
-import { _ as J } from "./shared/Index.vue_vue_type_script_setup_true_lang-DX5H6qmm.js";
-const he = /* @__PURE__ */ ae({
-  name: "ClPickerDate",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    value: {
-      type: Array,
-      default: () => []
-      // desc: 选中值数组（顺序与 columnsTypeArr 对应，如 ['2021', '01', '01']），支持 v-model:value
-    },
-    className: String,
-    // desc: 自定义CSS类名
-    show: Boolean,
-    // desc: 是否显示弹层，支持 v-model:show
-    isPoppable: {
-      type: Boolean,
-      default: !0
-      // desc: 是否以弹层形式展示，false 平铺展示
-    },
-    columnsTypeArr: {
-      type: Array,
-      default: () => ["year", "month", "day"],
-      // desc: 列类型组合，支持任意顺序 | enum: year, month, day
-      validator: (f) => f.length > 0 && f.every((x) => ["year", "month", "day"].indexOf(x) !== -1) && new Set(f).size === f.length
-    },
-    minDate: {
-      type: Date,
-      default: () => c.objDay().subtract(10, "year").startOf("day").toDate()
-      // desc: 可选的最小日期（精确到日），默认十年前
-    },
-    maxDate: {
-      type: Date,
-      default: () => c.objDay().add(10, "year").startOf("day").toDate()
-      // desc: 可选的最大日期（精确到日），默认十年后
-    },
-    title: String,
-    // desc: 顶部栏标题
-    submitLabel: {
-      type: String,
-      default: "确认"
-      // desc: 确认按钮文字
-    },
-    closeLabel: {
-      type: String,
-      default: "取消"
-      // desc: 取消按钮文字
-    },
-    isShowToolbar: {
-      type: Boolean,
-      default: !0
-      // desc: 是否显示顶部栏（确认/取消按钮）
-    },
-    isLoading: Boolean,
-    // desc: 是否显示加载状态
-    isReadonly: Boolean,
-    // desc: 是否只读（禁止滑动切换选项）
-    isAllowHtml: Boolean,
-    // desc: 是否允许选项内容渲染 HTML（默认关闭，防注入）
-    itemHeight: {
-      type: Number,
-      default: 44
-      // desc: 选项高度(px)
-    },
-    showNum: {
-      type: Number,
-      default: 6
-      // desc: 可见选项个数（建议奇数，居中效果更好）
-    },
-    inertiaDuration: {
-      type: Number,
-      default: 1e3
-      // desc: 快速滑动时惯性滚动的动画时长(ms)
-    },
-    teleportTarget: {
-      type: String,
-      default: ""
-      // desc: 弹层挂载目标 | enum: body（默认）、#id（指定容器 id）
-    }
-  },
-  emits: ["update:value", "update:modelValue", "update:show", "onConfirm", "onCancel", "onChange"],
-  setup(f, { expose: x, emit: K }) {
-    const t = f, h = K, _ = t.id, s = $([]), d = $(t.show), u = ne("refElPicker"), g = (() => {
-      if (!Array.isArray(t.columnsTypeArr) || t.columnsTypeArr.length === 0)
-        return ["year", "month", "day"];
-      const e = t.columnsTypeArr.filter((a) => a === "year" || a === "month" || a === "day");
-      return e.length > 0 ? [...new Set(e)] : ["year", "month", "day"];
-    })(), Q = v(() => t.isPoppable), W = v(() => ee()), A = v(() => ({
-      value: s.value,
-      columnsList: W.value,
-      title: t.title,
-      submitLabel: t.submitLabel,
-      closeLabel: t.closeLabel,
-      isShowToolbar: t.isShowToolbar,
-      isLoading: t.isLoading,
-      isReadonly: t.isReadonly,
-      isAllowHtml: t.isAllowHtml,
-      itemHeight: t.itemHeight,
-      showNum: t.showNum,
-      inertiaDuration: t.inertiaDuration
-    })), X = v(() => m.isNonEmptyString(t.className) ? t.className : ""), O = v(() => m.isNonEmptyString(t.className) ? t.className : ""), w = (e) => Array.isArray(e) && e.length === g.length && e.every((a) => m.isString(a) || m.isNumber(a) && m.isFinite(a)), b = (e) => String(e).padStart(2, "0"), Z = (e, a) => c.objDay({ year: e, month: a - 1, day: 1 }).daysInMonth(), P = () => t.minDate instanceof Date && !m.isNaN(t.minDate.getTime()) ? t.minDate : c.objDay().subtract(10, "year").startOf("day").toDate(), k = () => t.maxDate instanceof Date && !m.isNaN(t.maxDate.getTime()) ? t.maxDate : c.objDay().add(10, "year").startOf("day").toDate(), I = () => {
-      let e = P(), a = k();
-      if (e.getTime() > a.getTime()) {
-        const r = e;
-        e = a, a = r;
-      }
-      const i = c.objDay().valueOf(), y = Math.max(e.getTime(), Math.min(i, a.getTime())), p = c.objDay(y), D = {
-        year: String(p.year()),
-        month: b(p.month() + 1),
-        day: b(p.date())
-      };
-      return g.map((r) => D[r]);
-    }, L = () => {
-      const e = t.value;
-      w(e) ? s.value = [...e] : s.value = I();
-    }, ee = () => {
-      let e = P(), a = k();
-      if (e.getTime() > a.getTime()) {
-        const l = e;
-        e = a, a = l;
-      }
-      const i = e.getFullYear(), y = a.getFullYear(), p = (l) => {
-        const o = g.indexOf(l);
-        if (o === -1) {
-          const T = c.objDay();
-          return l === "year" ? T.year() : l === "month" ? T.month() + 1 : T.date();
-        }
-        const n = Number(s.value[o]);
-        return m.isFinite(n) ? n : Number(I()[o]);
-      }, D = (l, o, n) => Math.max(o, Math.min(l, n)), r = D(p("year"), i, y), N = r === i ? e.getMonth() + 1 : 1, H = r === y ? a.getMonth() + 1 : 12, R = D(p("month"), N, H), V = g.indexOf("month") !== -1 ? R : r === y ? a.getMonth() + 1 : e.getMonth() + 1, Y = Z(r, V), M = r === i && V === e.getMonth() + 1 ? e.getDate() : 1, F = r === y && V === a.getMonth() + 1 ? Math.min(a.getDate(), Y) : Y, te = D(p("day"), M, F), C = [];
-      return g.forEach((l) => {
-        if (l === "year") {
-          const o = [];
-          for (let n = i; n <= y; n++) o.push(String(n));
-          C.push({ values: o, defaultIndex: r - i });
-        } else if (l === "month") {
-          const o = [];
-          for (let n = N; n <= H; n++) o.push(b(n));
-          C.push({ values: o, defaultIndex: R - N });
-        } else if (l === "day") {
-          const o = [];
-          for (let n = M; n <= F; n++) o.push(b(n));
-          C.push({ values: o, defaultIndex: te - M });
-        }
-      }), C;
-    };
-    L(), S(
-      () => t.show,
-      (e) => {
-        if (e) {
-          const a = t.value;
-          w(a) && L(), d.value = !0;
-        } else
-          d.value = !1;
-      },
-      { immediate: !0 }
-    ), S(d, (e) => {
-      h("update:show", e);
-    }), S(
-      () => t.value,
-      (e) => {
-        w(e) && (s.value = [...e]);
-      },
-      { deep: !0 }
-    );
-    const B = (e) => {
-      s.value = [...e.selectedValues], h("onChange", e);
-    }, j = (e) => {
-      h("update:value", [...e.selectedValues]), h("update:modelValue", [...e.selectedValues]), h("onConfirm", e), t.isPoppable && (d.value = !1);
-    }, E = (e) => {
-      Array.isArray(t.value) && (s.value = [...t.value]), h("onCancel", e), t.isPoppable && (d.value = !1);
-    };
-    return x({ getValue: () => u.value ? [...u.value.getValue()] : [...s.value], setValue: (e) => {
-      Array.isArray(e) && (s.value = [...e], u.value?.setValue?.(e));
-    }, getValueData: () => u.value ? u.value.getValueData() : [], confirm: () => {
-      u.value?.confirm();
-    } }), (e, a) => Q.value ? (z(), U(le, {
-      key: 0,
-      show: d.value,
-      "onUpdate:show": a[0] || (a[0] = (i) => d.value = i),
-      position: "bottom",
-      isRound: !0,
-      isCloseOnClickOverlay: !1,
-      className: X.value,
-      "teleport-target": f.teleportTarget
-    }, {
-      default: oe(() => [
-        re(J, q({
-          id: G(_),
-          ref_key: "refElPicker",
-          ref: u,
-          class: O.value
-        }, A.value, {
-          onOnChange: B,
-          onOnConfirm: j,
-          onOnCancel: E
-        }), null, 16, ["id", "class"])
-      ]),
-      _: 1
-    }, 8, ["show", "className", "teleport-target"])) : (z(), U(J, q({
-      key: 1,
-      id: G(_),
-      ref_key: "refElPicker",
-      ref: u,
-      class: O.value
-    }, A.value, {
-      onOnChange: B,
-      onOnConfirm: j,
-      onOnCancel: E
-    }), null, 16, ["id", "class"]));
-  }
-});
-export {
-  he as default
-};
+export { default } from '../utils/Mobile/ClPickerDate.js';

package/buildLibs/modules/pickerTime.d.ts

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