@cldemo/ui-kit 1.1.3 → 1.1.5

package/buildLibs/modules/shared/Index.vue_vue_type_script_setup_true_lang-4TeN_Yn-.js

@@ -0,0 +1,310 @@
+import { defineComponent as tt, reactive as et, ref as D, computed as y, onMounted as st, nextTick as nt, watch as N, openBlock as E, createElementBlock as V, unref as B, toDisplayString as at, normalizeClass as ot, Fragment as lt, renderList as it, normalizeStyle as rt, createVNode as F, withCtx as ct } from "vue";
+import o from "@cldemo/ui-kit/common/base";
+import ut from "@cldemo/ui-kit/common/Element";
+import { getPlaintextOutText as pt } from "@cldemo/ui-kit/common/globalConfig";
+import { a as dt } from "./language-CZZEj4e3.js";
+import { _ as ft } from "./Validate.vue_vue_type_script_setup_true_lang-D-BFbuqJ.js";
+import { _ as ht } from "./Index.vue_vue_type_script_setup_true_lang-BBjneEVa.js";
+/* empty css                   */
+const mt = ["id"], gt = ["id"], Jt = /* @__PURE__ */ tt({
+  name: "ClSelectCascade",
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 自定义元素ID
+    value: [String, Number],
+    // desc: 选中的值
+    className: {
+      type: String,
+      default: ""
+      // desc: 自定义CSS类名
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+      // desc: 是否禁用
+    },
+    list: {
+      type: Array,
+      default: () => []
+      // desc: 级联数据列表
+    },
+    placeholder: String,
+    // desc: 各层级占位符，多个用 | 分隔
+    isClear: {
+      type: Boolean,
+      default: !1
+      // desc: 是否可清空
+    },
+    isSearch: {
+      type: Boolean,
+      default: !1
+      // desc: 是否可搜索
+    },
+    parentKey: {
+      type: String,
+      default: "parentId"
+      // desc: 父级键名字段
+    },
+    topParentValue: {
+      type: String,
+      default: "0"
+      // desc: 顶级父值
+    },
+    width: String,
+    // desc: 各层级下拉宽度，多个用 | 分隔，需带单位（px/%）
+    isCheckValidate: {
+      type: Boolean,
+      default: !1
+      // desc: 是否启用校验
+    },
+    validateRules: {
+      type: Array,
+      default: () => [{ r: "required" }]
+      // desc: 校验规则
+    },
+    isShowInMsg: {
+      type: Boolean,
+      default: !0
+      // desc: 校验信息是否在消息中显示
+    },
+    isPlaintext: {
+      type: Boolean,
+      default: !1
+      // desc: 是否纯文本只读模式，只渲染选中项层级文本不挂载各级下拉
+    },
+    plaintextEmptyText: {
+      type: String,
+      default: void 0
+      // desc: 纯文本只读模式下值为空时的显示文本（默认 "-"，显式传空串则显示空白；未显式传时依次读取组件配置段与 plaintextGlobal 段）
+    },
+    plaintextLevelSeparator: {
+      type: String,
+      default: " > "
+      // desc: 纯文本模式下级联层级之间的分隔符
+    }
+  },
+  emits: {
+    "update:value": (p) => !0,
+    // desc: 值变化时触发
+    "update:modelValue": (p) => !0,
+    // desc: 标准 v-model 支持（等价 update:value）
+    onChange: (p) => !0
+    // desc: 选中变化时触发
+  },
+  setup(p, { expose: K, emit: T }) {
+    const i = p, C = T, { optPageLanguage: b, getPageLanguage: M } = dt();
+    M("common");
+    const O = `selectCascade-${o.getRandom(5)}`, P = i.id, c = et({
+      lastValue: i.value,
+      isFirstDataFinish: !1
+    }), m = D([]), u = {
+      dataJson: {},
+      dataGroup: {},
+      parentIdsJson: {}
+    }, J = D(0), x = y(() => b.value.pleaseSelect), $ = y(() => {
+      const { placeholder: t } = i;
+      return o.isNonEmptyString(t) ? t.split("|") : [];
+    }), G = y(() => {
+      const { width: t } = i;
+      return o.isNonEmptyString(t) ? t.split("|") : [];
+    }), R = y(() => {
+      let t = { "panel-select-cascade": !0 };
+      return t = o.getJsonMerge(t, ut.getClassNameJson(i.className)), t;
+    }), j = (t) => {
+      t !== c.lastValue && (c.lastValue = t, C("update:value", t), C("update:modelValue", t), C("onChange", t));
+    }, k = (t) => o.isExistJsonKey(u.dataGroup, t), U = (t) => k(t) ? u.dataGroup[t] : [], I = (t) => o.isExistJsonKey(u.dataJson, t) ? u.dataJson[t] : null, S = () => `top_${i.topParentValue}`, w = (t) => {
+      const { parentKey: e, topParentValue: s } = i, a = {}, n = {};
+      o.isEmpty(t) || t.forEach((r) => {
+        const l = o.getJsonClone(r);
+        if (o.isEmpty(l?.id) || o.isEmpty(l?.[e]))
+          return;
+        const f = l.id.toString(), d = l[e].toString();
+        a[f] = l;
+        const h = d === s.toString() ? S() : d;
+        o.isExistJsonKey(n, h) || (n[h] = []), n[h].push(l);
+      }), u.dataJson = a, u.dataGroup = n, J.value += 1;
+    }, g = (t, e) => {
+      const s = {
+        idx: t,
+        pId: e,
+        placeholder: x.value,
+        list: [],
+        sty: {},
+        selected: ""
+      };
+      if (!o.isEmpty(e)) {
+        const l = U(e);
+        s.list = o.getListClone(l);
+      }
+      const a = $.value, n = a.length;
+      n > 0 && (n > t ? s.placeholder = o.isEmpty(a[t]) ? x.value : a[t] : n === 1 && (s.placeholder = a[0]));
+      const r = G.value;
+      return r.length > t && (o.isEmpty(r[t]) || (s.sty.width = r[t], s.sty.flex = "none")), s;
+    }, _ = (t, e) => {
+      const { parentKey: s, topParentValue: a } = i;
+      let n = [];
+      if (e && e.indexOf(t) > -1)
+        return [];
+      const r = e ? e.concat([t]) : [t];
+      if (o.isExistJsonKey(u.parentIdsJson, t))
+        n = u.parentIdsJson[t];
+      else {
+        const l = I(t);
+        if (l != null) {
+          const f = l[s].toString();
+          if (f !== a.toString()) {
+            const d = I(f);
+            if (d != null) {
+              n.push(f);
+              const h = _(f, r);
+              h.length > 0 && (n = n.concat(h));
+            }
+          }
+        }
+        u.parentIdsJson[t] = n;
+      }
+      return n;
+    }, v = (t) => {
+      let e = o.isUndefined(t) ? i.value : t;
+      e != null && !o.isEmpty(e) && !o.isExistJsonKey(u.dataJson, e.toString()) && (e = "");
+      const s = [];
+      if (e == null || o.isEmpty(e))
+        s.push(g(0, S())), s.push(g(1, ""));
+      else {
+        const a = e.toString(), n = [..._(a)].reverse(), r = n.length;
+        if (r > 0) {
+          n.forEach((f, d) => {
+            const h = d === 0 ? S() : n[d - 1], L = g(d, h);
+            L.selected = f, s.push(L);
+          });
+          const l = g(r, n[r - 1]);
+          l.selected = a, s.push(l);
+        } else {
+          const l = g(0, S());
+          l.selected = a, s.push(l);
+        }
+      }
+      m.value = s;
+    }, q = () => {
+      w(i.list), v(), c.isFirstDataFinish = !0, c.lastValue = i.value;
+    };
+    st(() => {
+      nt(() => {
+        q();
+      });
+    }), N(
+      () => i.value,
+      (t) => {
+        t !== c.lastValue && c.isFirstDataFinish && (v(), c.lastValue = t);
+      }
+    ), N(
+      () => i.list,
+      (t) => {
+        if (!c.isFirstDataFinish) {
+          c.isFirstDataFinish = !0;
+          return;
+        }
+        u.parentIdsJson = {}, w(t);
+        const { value: e } = i, s = e != null && !o.isEmpty(e) && o.isExistJsonKey(u.dataJson, e.toString()) ? e : "";
+        v(s), c.lastValue = s;
+      }
+    );
+    const z = () => !0, A = (t, e) => {
+      let s = "";
+      if (o.isEmpty(t) && e === 0)
+        v("");
+      else if (o.isEmpty(t)) {
+        if (m.value.splice(e + 1), e > 0) {
+          const a = m.value[e - 1];
+          a && (s = a.selected);
+        }
+      } else {
+        const a = t.toString();
+        k(a) ? (m.value.splice(e + 1), m.value.push(g(e + 1, a))) : (s = t, m.value.splice(e + 1));
+      }
+      j(s);
+    }, W = () => c.lastValue, H = (t) => {
+      const e = _(t), s = e.length > 0 ? e.slice().reverse().concat([t]) : [t], a = [];
+      return s.forEach((n) => {
+        const r = u.dataJson[n];
+        r != null && !o.isEmpty(r.name) && a.push(r.name);
+      }), a;
+    }, Q = () => {
+      const t = c.lastValue;
+      let e = "";
+      return t != null && !o.isEmpty(t) && (e = H(t.toString()).join(" → ")), {
+        value: t,
+        show: e || (t != null ? t.toString() : "")
+      };
+    }, X = (t) => {
+      const e = [], s = /* @__PURE__ */ new Set();
+      let a = t;
+      for (; o.isNonEmptyString(a) && !s.has(a); ) {
+        s.add(a);
+        const n = I(a);
+        if (n == null) break;
+        o.isNonEmptyString(n.name) && e.unshift(n.name);
+        const r = n[i.parentKey], l = r != null ? String(r) : "";
+        if (l === "" || l === String(i.topParentValue)) break;
+        a = l;
+      }
+      return e;
+    }, Y = y(() => {
+      i.list, J.value;
+      const t = c.lastValue;
+      if (t == null || o.isEmpty(t))
+        return "";
+      const e = o.isString(i.plaintextLevelSeparator) ? i.plaintextLevelSeparator : " > ", s = X(t.toString());
+      return s.length > 0 ? s.join(e) : t.toString();
+    }), Z = y(
+      () => pt("selectCascade", i.plaintextEmptyText, Y.value, i.value)
+    );
+    return K({
+      getValue: W,
+      getValueData: Q,
+      setValue: (t) => {
+        v(t), c.lastValue = t;
+      }
+    }), (t, e) => p.isPlaintext ? (E(), V("div", {
+      key: 0,
+      id: B(P),
+      class: "cl-plaintext-value"
+    }, at(Z.value), 9, mt)) : (E(), V("div", {
+      key: 1,
+      id: B(P),
+      class: ot(R.value)
+    }, [
+      (E(!0), V(lt, null, it(m.value, (s, a) => (E(), V("div", {
+        key: `${O}-${a}`,
+        class: "selectCascade-item",
+        style: rt(s.sty)
+      }, [
+        F(ft, {
+          isShowMsg: p.isShowInMsg,
+          isCheck: p.isCheckValidate,
+          checkValue: s.selected,
+          rules: p.validateRules
+        }, {
+          default: ct(() => [
+            F(ht, {
+              isClear: p.isClear,
+              isSearch: p.isSearch,
+              placeholder: s.placeholder,
+              list: s.list,
+              disabled: p.disabled,
+              value: s.selected,
+              "onUpdate:value": (n) => s.selected = n,
+              onOpenBefore: z,
+              onOnChange: (n) => A(n, a)
+            }, null, 8, ["isClear", "isSearch", "placeholder", "list", "disabled", "value", "onUpdate:value", "onOnChange"])
+          ]),
+          _: 2
+        }, 1032, ["isShowMsg", "isCheck", "checkValue", "rules"])
+      ], 4))), 128))
+    ], 10, gt));
+  }
+});
+export {
+  Jt as _
+};

package/buildLibs/{utils/Shared/Index.vue_vue_type_script_setup_true_lang-DKMVQrVU.js → modules/shared/Index.vue_vue_type_script_setup_true_lang-B-T2hoSW.js}

@@ -1,7 +1,7 @@
-import { defineComponent as X, useTemplateRef as Y, ref as T, computed as F, onMounted as _, watch as S, openBlock as ee, createBlock as te, unref as ne, createSlots as ae, withCtx as I, renderSlot as N, nextTick as B } from "vue";
+import { defineComponent as X, useTemplateRef as Y, ref as T, computed as S, onMounted as _, watch as F, openBlock as ee, createBlock as te, unref as ne, createSlots as ae, withCtx as x, renderSlot as I, nextTick as B } from "vue";
 import l from "@cldemo/ui-kit/common/base";
-import V from "@cldemo/ui-kit/common/Element";
-import { _ as w } from "./Index.vue_vue_type_script_setup_true_lang-D_XMW7K4.js";
+import N from "@cldemo/ui-kit/common/Element";
+import { _ as w } from "./Index.vue_vue_type_script_setup_true_lang-CMfPrFu4.js";
 const pe = /* @__PURE__ */ X({
   name: "ClInputNumber",
   components: {
@@ -87,7 +87,7 @@ const pe = /* @__PURE__ */ X({
       type: Number,
       default: 0,
       // desc: 小数位数（-1 为不限制）
-      validator: (s) => s >= -1 && s <= 100 && s % 1 === 0
+      validator: (i) => i >= -1 && i <= 100 && i % 1 === 0
     },
     isThousand: {
       type: Boolean,
@@ -103,26 +103,31 @@ const pe = /* @__PURE__ */ X({
       type: Number,
       default: 200,
       // desc: 变更延迟时间（毫秒）
-      validator: (s) => l.isFinite(s) && s >= 0
+      validator: (i) => l.isFinite(i) && i >= 0
     },
     isPlaintext: {
       type: Boolean,
       default: !1
       // desc: 是否纯文本只读模式，只渲染显示文本（含千分位与小数位）不挂载输入框
+    },
+    plaintextEmptyText: {
+      type: String,
+      default: void 0
+      // desc: 纯文本只读模式下值为空时的显示文本（默认 "-"，显式传空串则显示空白；未显式传时依次读取组件配置段与 plaintextGlobal 段）
     }
   },
   emits: ["update:value", "update:modelValue", "onChange", "onFocus", "onBlur", "onChangeBlur", "onKeyupEnter", "onClear", "onInit", "onKeydown", "onKeyup", "onChangeDelay"],
-  setup(s, { expose: O, emit: R }) {
-    const u = s, m = R, k = u.id, y = Y("refElInput"), c = T(u.value), f = T(u.value), K = F(() => {
+  setup(i, { expose: O, emit: R }) {
+    const u = i, m = R, k = u.id, y = Y("refElInput"), c = T(u.value), f = T(u.value), K = S(() => {
       let e = { "panel-input-number": !0 };
-      return e = l.getJsonMerge(e, V.getClassNameJson(u.className)), l.getStringByJson(e, " ");
-    }), $ = F(() => l.isNonEmptyString(u.inputmode) ? u.inputmode : u.decimal === 0 ? "numeric" : "decimal"), C = (e) => {
+      return e = l.getJsonMerge(e, N.getClassNameJson(u.className)), l.getStringByJson(e, " ");
+    }), $ = S(() => l.isNonEmptyString(u.inputmode) ? u.inputmode : u.decimal === 0 ? "numeric" : "decimal"), E = (e) => {
       if (e !== f.value) {
         f.value = e;
         const t = d(e);
         m("update:value", t), m("update:modelValue", t), m("onChange", t);
       }
-    }, b = (e) => {
+    }, V = (e) => {
       let t = l.isNumber(e);
       if (!t)
         if (l.isNaN(+e))
@@ -133,11 +138,11 @@ const pe = /* @__PURE__ */ X({
         }
       return t;
     }, h = (e, t, n = !0, a = !0) => {
-      let i = e;
+      let s = e;
       if (u.isNumber) {
         let o = l.removeReplace(e);
         if (o.length > 0)
-          if (b(o)) {
+          if (V(o)) {
             if (o !== "-") {
               const { decimal: r } = u;
               if (n && r !== 0 && (r === -1 || r >= 0 && r <= 100) && r !== -1) {
@@ -159,27 +164,27 @@ const pe = /* @__PURE__ */ X({
             o = t;
         else
           o = "";
-        i = o;
+        s = o;
       }
-      return i;
+      return s;
     }, D = (e, t) => {
       const n = t.split(""), a = new RegExp(
         "^" + n.map((p) => p.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join(".*?")
-      ), i = e.match(a);
+      ), s = e.match(a);
       let o;
-      return i && (o = i[0].length), o;
+      return s && (o = s[0].length), o;
     }, L = (e, t, n) => {
-      const a = V.getFocusSelection(e);
-      let i = t.substring(0, a.start);
-      i = l.removeReplace(i);
+      const a = N.getFocusSelection(e);
+      let s = t.substring(0, a.start);
+      s = l.removeReplace(s);
       const o = t.substring(a.start);
-      let p = b(i);
-      i.indexOf(".") > -1 && o.indexOf(".") > -1 && (p = !1);
+      let p = V(s);
+      s.indexOf(".") > -1 && o.indexOf(".") > -1 && (p = !1);
       let r = a.start;
-      p ? r = D(n, i) : r = n.lastIndexOf(o), (l.isUndefined(r) || r > n.length || r < 0) && (r = n.length), B(() => {
-        V.setFocusSelection(e, r, r);
+      p ? r = D(n, s) : r = n.lastIndexOf(o), (l.isUndefined(r) || r > n.length || r < 0) && (r = n.length), B(() => {
+        N.setFocusSelection(e, r, r);
       });
-    }, x = () => {
+    }, C = () => {
       const e = c.value;
       if (l.isEmpty(e))
         return e;
@@ -196,8 +201,8 @@ const pe = /* @__PURE__ */ X({
               t = p.indexOf("e") > -1 ? t : p;
             }
           }
-          const a = t.split("."), i = l.isEmpty(a[0]) ? "0" : a[0];
-          a[0] = u.isThousand ? l.getFormatThousands(i) : i, n === 0 ? t = a[0] : a.length === 2 ? (a[1] = n === -1 ? a[1] : l.getFillZero(a[1], n, "r"), t = a.join(".")) : t = a[0];
+          const a = t.split("."), s = l.isEmpty(a[0]) ? "0" : a[0];
+          a[0] = u.isThousand ? l.getFormatThousands(s) : s, n === 0 ? t = a[0] : a.length === 2 ? (a[1] = n === -1 ? a[1] : l.getFillZero(a[1], n, "r"), t = a.join(".")) : t = a[0];
         }
         return t;
       }
@@ -205,12 +210,12 @@ const pe = /* @__PURE__ */ X({
       let t = "";
       if (!l.isEmpty(e) && (t = e.toString(), u.isNumber && t !== "-")) {
         const { decimal: n } = u, a = t.split(".");
-        let i = l.removeReplace(a[0]);
+        let s = l.removeReplace(a[0]);
         if (a.length === 2 && n !== 0) {
           let o = "";
-          n === -1 ? o = a[1] : o = l.getFillZero(a[1], n, "r"), i += `.${o}`;
+          n === -1 ? o = a[1] : o = l.getFillZero(a[1], n, "r"), s += `.${o}`;
         }
-        t = i;
+        t = s;
       }
       return t;
     }, P = () => {
@@ -223,14 +228,14 @@ const pe = /* @__PURE__ */ X({
     };
     _(() => {
       J();
-    }), S(
+    }), F(
       () => u.value,
       (e, t) => {
         if (e !== t && e !== c.value) {
           let n = !0;
           if (u.isNumber) {
-            const a = l.removeReplace(e), i = l.removeReplace(c.value), o = l.isEmpty(a), p = l.isEmpty(i);
-            o && p ? n = !1 : !o && !p && (n = Number(a) !== Number(i));
+            const a = l.removeReplace(e), s = l.removeReplace(c.value), o = l.isEmpty(a), p = l.isEmpty(s);
+            o && p ? n = !1 : !o && !p && (n = Number(a) !== Number(s));
           }
           if (n) {
             const a = h(e, t);
@@ -238,23 +243,23 @@ const pe = /* @__PURE__ */ X({
           }
         }
       }
-    ), S([() => u.isNumber, () => u.decimal, () => u.isThousand], () => {
+    ), F([() => u.isNumber, () => u.decimal, () => u.isThousand], () => {
       const e = h(c.value, "");
-      c.value = e, C(e);
+      c.value = e, E(e);
     });
     const M = (e) => {
       const t = h(e, f.value, !1, u.isImmediateThousand);
       c.value = t, y.value?.setValue(t), u.isNumber && B(() => {
         const n = y.value?.getInputElement();
         n && c.value === t && L(n, e, String(t));
-      }), C(t);
+      }), E(t);
     }, U = () => {
-      const e = x();
+      const e = C();
       c.value = e, f.value = e;
       const t = d(e);
       m("onFocus", t);
     }, j = () => {
-      const e = x();
+      const e = C();
       c.value = e, f.value = e;
       const t = d(e);
       m("onBlur", t);
@@ -272,11 +277,11 @@ const pe = /* @__PURE__ */ X({
       m("onInit");
     }, Q = (e) => {
       m("onChangeDelay", d(e));
-    }, E = () => d(c.value);
+    }, b = () => d(c.value);
     return O({
-      getValue: E,
+      getValue: b,
       getValueData: () => ({
-        value: E(),
+        value: b(),
         show: l.isEmpty(c.value) ? "" : c.value.toString()
       }),
       setValue: (e, t) => {
@@ -295,21 +300,22 @@ const pe = /* @__PURE__ */ X({
       ref: y,
       id: ne(k),
       value: c.value,
-      name: s.name,
+      name: i.name,
       className: K.value,
-      inputType: s.inputType,
+      inputType: i.inputType,
       inputmode: $.value,
-      autocomplete: s.autocomplete,
-      placeholder: s.placeholder,
-      label: s.label,
-      isFloating: s.isFloating,
-      disabled: s.disabled,
-      isReadonly: s.isReadonly,
-      isClean: s.isClean,
-      width: s.width,
-      theme: s.theme,
-      isPlaintext: s.isPlaintext,
-      changeDelayTime: s.changeDelayTime,
+      autocomplete: i.autocomplete,
+      placeholder: i.placeholder,
+      label: i.label,
+      isFloating: i.isFloating,
+      disabled: i.disabled,
+      isReadonly: i.isReadonly,
+      isClean: i.isClean,
+      width: i.width,
+      theme: i.theme,
+      isPlaintext: i.isPlaintext,
+      plaintextEmptyText: i.plaintextEmptyText,
+      changeDelayTime: i.changeDelayTime,
       onOnChange: M,
       onOnFocus: U,
       onOnBlur: j,
@@ -323,26 +329,26 @@ const pe = /* @__PURE__ */ X({
     }, ae({ _: 2 }, [
       e.$slots.prepend ? {
         name: "prepend",
-        fn: I(() => [
-          N(e.$slots, "prepend")
+        fn: x(() => [
+          I(e.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       e.$slots.append ? {
         name: "append",
-        fn: I(() => [
-          N(e.$slots, "append")
+        fn: x(() => [
+          I(e.$slots, "append")
         ]),
         key: "1"
       } : void 0,
       e.$slots.suffix ? {
         name: "suffix",
-        fn: I(() => [
-          N(e.$slots, "suffix")
+        fn: x(() => [
+          I(e.$slots, "suffix")
         ]),
         key: "2"
       } : void 0
-    ]), 1032, ["id", "value", "name", "className", "inputType", "inputmode", "autocomplete", "placeholder", "label", "isFloating", "disabled", "isReadonly", "isClean", "width", "theme", "isPlaintext", "changeDelayTime"]));
+    ]), 1032, ["id", "value", "name", "className", "inputType", "inputmode", "autocomplete", "placeholder", "label", "isFloating", "disabled", "isReadonly", "isClean", "width", "theme", "isPlaintext", "plaintextEmptyText", "changeDelayTime"]));
   }
 });
 export {