@cldemo/ui-kit 1.1.2 → 1.1.4

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-F9tBnc_7.js

@@ -0,0 +1,216 @@
+import { defineComponent as A, useTemplateRef as K, reactive as U, ref as $, computed as u, onMounted as q, onBeforeUnmount as z, watch as J, openBlock as m, createElementBlock as h, normalizeStyle as O, normalizeClass as G, unref as L, Fragment as y, createTextVNode as j, toDisplayString as Q, withDirectives as W, createElementVNode as X, vModelText as Y, createBlock as Z, withModifiers as ee, nextTick as te } from "vue";
+import l from "@cldemo/ui-kit/common/base";
+import { getPlaintextOutText as ae } from "@cldemo/ui-kit/common/globalConfig";
+import le from "@cldemo/ui-kit/common/Element";
+import { _ as ne } from "./Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+/* empty css               */
+/* empty css                   */
+const ie = ["id"], oe = ["name", "placeholder", "disabled", "aria-label"], d = "100px", ve = /* @__PURE__ */ A({
+  name: "ClInputTextarea",
+  __name: "Index",
+  props: {
+    id: {
+      type: String,
+      default: ""
+      // desc: 组件唯一标识
+    },
+    name: {
+      type: String,
+      default: ""
+      // desc: textarea name 属性
+    },
+    value: {
+      type: String,
+      default: ""
+      // desc: 绑定值
+    },
+    className: {
+      type: String,
+      default: ""
+      // desc: 自定义 CSS 类名
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+      // desc: 是否禁用
+    },
+    width: {
+      type: String,
+      default: ""
+      // desc: 宽度
+    },
+    height: {
+      type: String,
+      default: "100px"
+      // desc: 高度
+    },
+    placeholder: {
+      type: String,
+      default: ""
+      // desc: 占位文本
+    },
+    isClean: {
+      type: Boolean,
+      default: !1
+      // desc: 是否显示清除按钮
+    },
+    isAutoHeight: {
+      type: Boolean,
+      default: !1
+      // desc: 是否自动撑高
+    },
+    changeDelayTime: {
+      type: Number,
+      default: 200
+      // desc: onChangeDelay 防抖延迟毫秒数
+    },
+    heightMax: {
+      type: String,
+      default: ""
+      // desc: 最大高度
+    },
+    isPlaintext: {
+      type: Boolean,
+      default: !1
+      // desc: 是否纯文本只读模式，只渲染文本不挂载文本域（\n 与 <br> 均按换行呈现）
+    },
+    plaintextEmptyText: {
+      type: String,
+      default: void 0
+      // desc: 纯文本只读模式下值为空时的显示文本（默认 "-"，显式传空串则显示空白；未显式传时依次读取组件配置段与 plaintextGlobal 段）
+    }
+  },
+  emits: ["update:value", "update:modelValue", "onChange", "onInit", "onKeydownEnter", "onKeyupEnter", "onFocus", "onBlur", "onChangeDelay"],
+  setup(c, { expose: T, emit: C }) {
+    const t = c, o = C, D = t.id, p = K("refElTextarea"), f = U({
+      height: t.height || d
+    }), s = $(l.isString(t.value) ? t.value : ""), n = {
+      lastValue: l.isString(t.value) ? t.value : "",
+      prevDelayValue: l.isString(t.value) ? t.value : "",
+      valueDelayRun: !1
+    }, S = u(() => {
+      let e = t.name;
+      return l.isEmpty(e) && (e = `textarea_${l.getRandom(8)}`), e;
+    }), V = u(() => t.isClean && !t.disabled && !l.isEmpty(s.value)), k = u(() => {
+      let e = {
+        "panel-input-textarea": !0,
+        // 纯文本模式无清除图标，不再预留图标位
+        "textarea-clean": t.isClean && !t.isPlaintext
+      };
+      return t.isPlaintext && (e["cl-plaintext-value"] = !0, e["cl-plaintext-value-pre"] = !0), e = l.getJsonMerge(e, le.getClassNameJson(t.className)), e;
+    }), _ = u(() => {
+      const e = s.value;
+      return l.isString(e) ? e.replace(/<\/?br\s*\/?>/gi, `
+`) : "";
+    }), B = u(
+      () => ae("inputTextarea", t.plaintextEmptyText, _.value, t.value)
+    ), P = u(() => {
+      const { width: e, heightMax: a } = t, r = {};
+      return l.isNonEmptyString(e) && (r.width = e), t.isPlaintext || (l.isEmpty(f.height) || (r.height = f.height), l.isNonEmptyString(a) && (r["max-height"] = a)), r;
+    });
+    let i;
+    const H = (e) => {
+      i && (clearTimeout(i), i = null), n.valueDelayRun = !0, i = setTimeout(
+        () => {
+          n.valueDelayRun = !1, n.prevDelayValue !== e && (n.prevDelayValue = e, o("onChangeDelay", e));
+        },
+        Math.max(t.changeDelayTime, 0)
+      );
+    }, x = (e) => {
+      e !== n.lastValue && (n.lastValue = e, o("update:value", e), o("update:modelValue", e), o("onChange", e), H(e));
+    }, g = () => {
+      if (t.isAutoHeight) {
+        const e = p.value;
+        if (e) {
+          e.style.height = t.height || d;
+          const a = e.scrollHeight + e.scrollTop + (e.offsetHeight - e.clientHeight);
+          e.style.height = "100%", f.height = a > 0 ? `${a}px` : t.height || d;
+        }
+      }
+    }, v = () => {
+      p.value?.focus();
+    }, b = () => {
+      te(() => {
+        o("onInit");
+      });
+    };
+    q(() => {
+      b();
+    }), z(() => {
+      i && (clearTimeout(i), i = null);
+    }), J(
+      () => t.value,
+      (e, a) => {
+        e !== a && (s.value = l.isString(e) ? e : "", n.lastValue = l.isString(e) ? e : "", requestAnimationFrame(() => g()), n.valueDelayRun || (n.prevDelayValue = e || ""));
+      }
+    );
+    const I = (e) => {
+      const a = e.target;
+      if (!a) return;
+      const r = a.value;
+      requestAnimationFrame(() => g()), x(r);
+    }, N = (e) => {
+      e.key === "Enter" && o("onKeydownEnter", e);
+    }, M = (e) => {
+      e.key === "Enter" && o("onKeyupEnter", e);
+    }, w = () => {
+      s.value = "", x(""), v();
+    }, F = () => {
+      o("onFocus");
+    }, R = () => {
+      o("onBlur");
+    }, E = () => l.trim(s.value);
+    return T({
+      getValue: E,
+      getValueData: () => ({ value: E(), show: s.value }),
+      setValue: (e) => {
+        i && (clearTimeout(i), i = null, n.valueDelayRun = !1);
+        const a = l.isEmpty(e) ? "" : e;
+        n.lastValue = a, n.prevDelayValue = a, s.value = a, g();
+      },
+      initHeight: () => {
+        f.height = t.height || d, t.isAutoHeight && g();
+      },
+      focus: () => {
+        v();
+      },
+      getParentElement: () => p.value?.parentElement || null
+    }), (e, a) => (m(), h("div", {
+      id: L(D),
+      class: G(k.value),
+      style: O(P.value)
+    }, [
+      c.isPlaintext ? (m(), h(y, { key: 0 }, [
+        j(Q(B.value), 1)
+      ], 64)) : (m(), h(y, { key: 1 }, [
+        W(X("textarea", {
+          ref_key: "refElTextarea",
+          ref: p,
+          class: "form-control text-area",
+          "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r),
+          name: S.value,
+          placeholder: c.placeholder,
+          disabled: c.disabled,
+          "aria-label": c.placeholder || "文本输入区域",
+          onInput: I,
+          onKeydown: N,
+          onKeyup: M,
+          onFocus: F,
+          onBlur: R
+        }, null, 40, oe), [
+          [Y, s.value]
+        ]),
+        V.value ? (m(), Z(ne, {
+          key: 0,
+          name: "close-circle-fill",
+          class: "textarea-clear-icon",
+          "aria-label": "清除输入内容",
+          onClick: ee(w, ["stop"])
+        })) : (m(), h(y, { key: 1 }, [], 64))
+      ], 64))
+    ], 14, ie));
+  }
+});
+export {
+  ve as _
+};

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-HfnOtuMz.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-Jyse_5LL.js";
+import { _ as ht } from "./Index.vue_vue_type_script_setup_true_lang-2dwwjiTV.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 _
+};