@cldemo/ui-kit 1.1.3 → 1.1.5

package/buildLibs/{modules/shared/Index.vue_vue_type_script_setup_true_lang-DdLVG0R0.js → utils/Shared/Index.vue_vue_type_script_setup_true_lang-S9t4A2yy.js}

@@ -1,17 +1,18 @@
-import { defineComponent as U, ref as b, computed as _, onMounted as W, nextTick as w, watch as V, resolveDirective as X, openBlock as o, createElementBlock as c, unref as p, normalizeClass as D, toDisplayString as J, Fragment as m, renderList as Y, normalizeStyle as Z, createElementVNode as E, renderSlot as ee, withDirectives as M, createVNode as te, createTextVNode as ie, createBlock as P, withModifiers as se } from "vue";
+import { defineComponent as W, ref as b, computed as f, onMounted as X, nextTick as w, watch as V, resolveDirective as Y, openBlock as o, createElementBlock as c, unref as p, normalizeClass as T, toDisplayString as D, Fragment as m, renderList as Z, normalizeStyle as ee, createElementVNode as E, renderSlot as te, withDirectives as P, createVNode as ie, createTextVNode as se, createBlock as J, withModifiers as ne } from "vue";
 /* empty css               */
 /* empty css                   */
 import i from "@cldemo/ui-kit/common/base";
-import ne from "@cldemo/ui-kit/common/Element";
-import { _ as I } from "./Index.vue_vue_type_script_setup_true_lang-CIA-Kc0M.js";
-import { t as le } from "./index-DhoB4dp5.js";
-const ae = ["id"], oe = {
+import { getPlaintextOutText as le } from "@cldemo/ui-kit/common/globalConfig";
+import ae from "@cldemo/ui-kit/common/Element";
+import { _ as I } from "./Index.vue_vue_type_script_setup_true_lang-Bt0l5FYh.js";
+import { t as oe } from "./index-BGMnJZqC.js";
+const ce = ["id"], re = {
   key: 0,
   class: "cl-plaintext-value"
-}, ce = ["id", "name", "value", "disabled", "checked", "onClick"], re = ["for"], ue = { key: 0 }, xe = /* @__PURE__ */ U({
+}, ue = ["id", "name", "value", "disabled", "checked", "onClick"], de = ["for"], pe = { key: 0 }, be = /* @__PURE__ */ W({
   name: "ClCheckbox",
   directives: {
-    cltooltip: le
+    cltooltip: oe
   },
   __name: "Index",
   props: {
@@ -67,6 +68,11 @@ const ae = ["id"], oe = {
       default: !1
       // desc: 是否纯文本只读模式，只渲染选中项文本不挂载复选框
     },
+    plaintextEmptyText: {
+      type: String,
+      default: void 0
+      // desc: 纯文本只读模式下值为空时的显示文本（默认 "-"，显式传空串则显示空白；未显式传时依次读取组件配置段与 plaintextGlobal 段）
+    },
     plaintextSeparator: {
       type: String,
       default: ","
@@ -74,51 +80,53 @@ const ae = ["id"], oe = {
     }
   },
   emits: ["update:value", "update:modelValue", "onChange", "onInit", "onError", "onTipClick"],
-  setup(h, { expose: T, emit: A }) {
-    const n = h, v = A, f = `checkbox-${i.getRandom(5)}`, x = i.isEmpty(n.name) ? f + "_name" : n.name, q = n.id, a = b(i.split(n.value)), r = b(!1);
+  setup(h, { expose: M, emit: A }) {
+    const n = h, g = A, k = `checkbox-${i.getRandom(5)}`, _ = i.isEmpty(n.name) ? k + "_name" : n.name, q = n.id, a = b(i.split(n.value)), r = b(!1);
     let u = {};
-    const N = b(0), g = {
+    const N = b(0), v = {
       isProcessing: !1,
       // 防止并发点击
       _initEmitted: !1
       // 防止重复 emit onInit
-    }, L = _(() => {
+    }, L = f(() => {
       if (n.isPlaintext)
         return [];
       const e = n.list;
       return i.isArray(e) ? e.filter((s) => !i.isEmpty(s)) : [];
-    }), j = _(() => {
+    }), j = f(() => {
       const e = i.isString(n.plaintextSeparator) ? n.plaintextSeparator : ",";
       n.list, N.value;
       const s = [];
       return a.value.forEach((l) => {
         const t = i.isExistJsonKey(u, l) ? u[l] : void 0;
-        t && i.isNonEmptyString(t.name) && s.push(t.name);
-      }), s.join(e);
-    }), F = _(() => i.getJsonMerge(
+        s.push(t && i.isNonEmptyString(t.name) ? t.name : l);
+      }), s.filter((l) => i.isNonEmptyString(l)).join(e);
+    }), F = f(
+      () => le("checkbox", n.plaintextEmptyText, j.value, n.value)
+    ), K = f(() => i.getJsonMerge(
       { "panel-checkbox": !0 },
-      ne.getClassNameJson(n.className)
-    )), K = _(() => {
+      ae.getClassNameJson(n.className)
+    )), R = f(() => {
       const e = {
         checkbox: !0,
         "checkbox-default": !0
       };
       return e["checkbox-inline"] = n.isInline, e["checkbox-circle"] = n.circle, e;
-    }), R = (e) => {
+    }), z = (e) => {
       const s = {}, { width: l } = n;
       return e && !i.isEmpty(e.width) ? s.width = e.width : i.isEmpty(l) || (s.width = n.width), s;
     }, B = (e) => {
-      v("update:value", e), v("update:modelValue", e);
-    }, z = (e) => {
+      g("update:value", e), g("update:modelValue", e);
+    }, O = (e) => {
       const s = [];
       i.isEmpty(e) || i.split(e).forEach((t) => {
         i.isExistJsonKey(u, t) && s.push(i.getJsonClone(u[t]));
       });
       const l = s.length > 0 && s.length === (n.list?.length ?? 0);
-      B(e), v("onChange", e, s, l);
-    }, k = () => {
-      g._initEmitted || (g._initEmitted = !0, w(() => {
-        v("onInit");
+      B(e), g("onChange", e, s, l);
+    }, x = () => {
+      v._initEmitted || (v._initEmitted = !0, w(() => {
+        g("onInit");
       }));
     }, $ = () => {
       const e = [];
@@ -139,26 +147,26 @@ const ae = ["id"], oe = {
     }, G = () => {
       r.value = (n.list?.length ?? 0) !== 0, C(n.list), y();
     };
-    W(() => {
+    X(() => {
       w(() => {
         G();
       });
     }), V(r, (e) => {
-      e && k();
+      e && x();
     }), V(
       () => n.list,
       (e) => {
-        r.value || (r.value = !0, e.length === 0 && y(), k());
+        r.value || (r.value = !0, e.length === 0 && y(), x());
       }
     ), V([() => n.value, () => n.list], ([e, s]) => {
       const l = s;
-      !r.value && l.length > 0 && (r.value = !0, k()), C(l), S(e), y();
+      !r.value && l.length > 0 && (r.value = !0, x()), C(l), S(e), y();
     });
     const H = (e) => {
-      v("onTipClick", e);
-    }, O = async (e) => {
-      if (!(!e || e.isDisabled || n.disabled || g.isProcessing) && !i.isEmpty(e.id)) {
-        g.isProcessing = !0;
+      g("onTipClick", e);
+    }, Q = async (e) => {
+      if (!(!e || e.isDisabled || n.disabled || v.isProcessing) && !i.isEmpty(e.id)) {
+        v.isProcessing = !0;
         try {
           const s = String(e.id ?? "");
           let l = i.getArrClone(a.value);
@@ -173,15 +181,15 @@ const ae = ["id"], oe = {
             }
           if (n.disabled || e.isDisabled)
             return;
-          d && (a.value = l, z(t));
+          d && (a.value = l, O(t));
         } catch (s) {
-          v("onError", s);
+          g("onError", s);
         } finally {
-          g.isProcessing = !1;
+          v.isProcessing = !1;
         }
       }
     };
-    return T({
+    return M({
       getValue: () => $().join(","),
       getValueData: () => {
         const e = [];
@@ -190,76 +198,76 @@ const ae = ["id"], oe = {
         }), e;
       },
       setValue: (e) => {
-        g.isProcessing || (S(e), y());
+        v.isProcessing || (S(e), y());
       },
       runInitComplete: () => {
-        r.value || (r.value = !0, C(n.list), S(n.value), y(), k());
+        r.value || (r.value = !0, C(n.list), S(n.value), y(), x());
       }
     }), (e, s) => {
-      const l = X("cltooltip");
+      const l = Y("cltooltip");
       return o(), c("div", {
-        class: D(F.value),
+        class: T(K.value),
         id: p(q)
       }, [
-        h.isPlaintext ? (o(), c("div", oe, J(j.value), 1)) : (o(), c(m, { key: 1 }, [], 64)),
-        (o(!0), c(m, null, Y(L.value, (t, d) => (o(), c(m, {
-          key: `${f}-${t.id ?? ""}-${d}`
+        h.isPlaintext ? (o(), c("div", re, D(F.value), 1)) : (o(), c(m, { key: 1 }, [], 64)),
+        (o(!0), c(m, null, Z(L.value, (t, d) => (o(), c(m, {
+          key: `${k}-${t.id ?? ""}-${d}`
         }, [
           t.isShow || t.isShow === void 0 ? (o(), c("div", {
             key: 0,
-            class: D(K.value),
-            style: Z(R(t))
+            class: T(R.value),
+            style: ee(z(t))
           }, [
             E("span", null, [
               E("span", null, [
                 E("input", {
                   type: "checkbox",
-                  id: `${f}_${p(x)}_${t.id ?? ""}`,
-                  name: p(x),
+                  id: `${k}_${p(_)}_${t.id ?? ""}`,
+                  name: p(_),
                   value: t.id ?? "",
                   disabled: t.isDisabled || h.disabled,
                   checked: a.value.includes(String(t.id ?? "")),
-                  onClick: (Q) => O(t)
-                }, null, 8, ce),
+                  onClick: (U) => Q(t)
+                }, null, 8, ue),
                 E("label", {
-                  for: `${f}_${p(x)}_${t.id ?? ""}`
+                  for: `${k}_${p(_)}_${t.id ?? ""}`
                 }, [
-                  ee(e.$slots, "default", { data: t }, () => [
-                    t.icon && t.icon.length > 0 ? M((o(), c("span", ue, [
-                      te(I, {
+                  te(e.$slots, "default", { data: t }, () => [
+                    t.icon && t.icon.length > 0 ? P((o(), c("span", pe, [
+                      ie(I, {
                         name: t.icon
                       }, null, 8, ["name"])
                     ])), [
                       [l, { html: t.name, className: "tooltip-modal" }]
                     ]) : (o(), c(m, { key: 1 }, [
-                      ie(J(t.name), 1)
+                      se(D(t.name), 1)
                     ], 64))
                   ])
-                ], 8, re)
+                ], 8, de)
               ]),
               t.tipMsg && t.tipMsg.length > 0 ? (o(), c(m, { key: 0 }, [
-                h.tipMode === "tooltip" ? M((o(), P(I, {
+                h.tipMode === "tooltip" ? P((o(), J(I, {
                   key: 0,
                   name: p(i).isNonEmptyString(t.tipIcon) ? void 0 : "question-circle",
                   className: p(i).isNonEmptyString(t.tipIcon) ? t.tipIcon : void 0,
                   class: "checkbox-icon-tip"
                 }, null, 8, ["name", "className"])), [
                   [l, { html: t.tipMsg, className: "tooltip-modal" }]
-                ]) : (o(), P(I, {
+                ]) : (o(), J(I, {
                   key: 1,
                   name: p(i).isNonEmptyString(t.tipIcon) ? void 0 : "question-circle",
                   className: p(i).isNonEmptyString(t.tipIcon) ? t.tipIcon : void 0,
                   class: "checkbox-icon-tip",
-                  onClick: se((Q) => H(t), ["stop"])
+                  onClick: ne((U) => H(t), ["stop"])
                 }, null, 8, ["name", "className", "onClick"]))
               ], 64)) : (o(), c(m, { key: 1 }, [], 64))
             ])
           ], 6)) : (o(), c(m, { key: 1 }, [], 64))
         ], 64))), 128))
-      ], 10, ae);
+      ], 10, ce);
     };
   }
 });
 export {
-  xe as _
+  be as _
 };

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-SW27GX-g.js

@@ -0,0 +1,254 @@
+import { defineComponent as X, ref as S, computed as h, onMounted as Y, nextTick as B, onBeforeUnmount as Z, watch as N, resolveDirective as ee, openBlock as l, createElementBlock as r, unref as d, normalizeClass as T, toDisplayString as b, Fragment as m, renderList as te, normalizeStyle as ie, createElementVNode as k, renderSlot as ne, withDirectives as D, createVNode as se, createTextVNode as ae, createBlock as P, withModifiers as le } from "vue";
+/* empty css               */
+/* empty css                   */
+import n from "@cldemo/ui-kit/common/base";
+import { getPlaintextOutText as oe } from "@cldemo/ui-kit/common/globalConfig";
+import re from "@cldemo/ui-kit/common/Element";
+import { _ as I } from "./Index.vue_vue_type_script_setup_true_lang-Bt0l5FYh.js";
+import { t as ce } from "./index-BGMnJZqC.js";
+const ue = ["id"], de = {
+  key: 0,
+  class: "cl-plaintext-value"
+}, pe = ["id", "name", "value", "disabled", "checked", "onClick"], me = ["for"], ve = { key: 0 }, Ie = /* @__PURE__ */ X({
+  name: "ClRadio",
+  directives: {
+    cltooltip: ce
+  },
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
+    name: {
+      type: String,
+      required: !0
+      // desc: 表单name属性
+    },
+    value: {
+      type: [String, Number],
+      required: !0
+      // desc: 当前选中值
+    },
+    className: String,
+    // desc: 自定义CSS类名
+    disabled: {
+      type: Boolean,
+      default: !1
+      // desc: 是否禁用整个单选框组
+    },
+    list: {
+      type: Array,
+      default: () => []
+      // desc: 单选项数据列表
+    },
+    width: String,
+    // desc: 单选项宽度
+    isInline: {
+      type: Boolean,
+      default: !0
+      // desc: 是否行内显示
+    },
+    tipMode: {
+      type: String,
+      default: "tooltip",
+      // desc: tipMsg 交互方式 | enum: tooltip, clickCallback
+      validator: (v) => ["tooltip", "clickCallback"].includes(v)
+    },
+    checkChangeBefore: {
+      type: Function,
+      // desc: 选中切换前的校验回调，返回false阻止切换 | param: (selectValue: string) => boolean | Promise<boolean>
+      default: void 0
+    },
+    isPlaintext: {
+      type: Boolean,
+      default: !1
+      // desc: 是否纯文本只读模式，只渲染选中项文本不挂载单选框
+    },
+    plaintextEmptyText: {
+      type: String,
+      default: void 0
+      // desc: 纯文本只读模式下值为空时的显示文本（默认 "-"，显式传空串则显示空白；未显式传时依次读取组件配置段与 plaintextGlobal 段）
+    }
+  },
+  emits: ["update:value", "update:modelValue", "onChange", "onInit", "onError", "onTipClick"],
+  setup(v, { expose: J, emit: M }) {
+    const i = v, y = M, _ = `rd-${n.getRandom(8)}`, E = n.isEmpty(i.name) ? _ + "_name" : i.name, q = i.id, o = S(i.value?.toString() || "");
+    let u = {};
+    const V = S(0), c = S(!1), p = {
+      isProcessing: !1,
+      // 防止并发点击
+      _initEmitted: !1
+      // 防止重复 emit onInit
+    }, F = h(() => {
+      if (i.isPlaintext)
+        return [];
+      const e = i.list;
+      return n.isArray(e) ? e.filter((s) => !n.isEmpty(s)) : [];
+    }), L = h(() => {
+      i.list, V.value;
+      const e = o.value;
+      if (n.isEmpty(e)) return "";
+      const s = n.isExistJsonKey(u, e) ? u[e] : void 0;
+      return s && n.isNonEmptyString(s.name) ? s.name : e;
+    }), K = h(
+      () => oe("radio", i.plaintextEmptyText, L.value, i.value)
+    ), R = h(() => n.getJsonMerge(
+      { "panel-radio": !0 },
+      re.getClassNameJson(i.className)
+    )), z = h(() => {
+      const e = {
+        radio: !0,
+        "radio-default": !0
+      };
+      return e["radio-inline"] = i.isInline ?? !0, e;
+    }), $ = (e) => {
+      y("update:value", e), y("update:modelValue", e);
+    }, A = (e) => {
+      const s = e.id?.toString() ?? "";
+      $(s), y("onChange", s, n.getJsonClone(e));
+    }, f = () => {
+      p._initEmitted || (p._initEmitted = !0, B(() => {
+        y("onInit");
+      }));
+    }, O = (e) => {
+      const s = {}, { width: a } = i;
+      return e && !n.isEmpty(e.width) ? s.width = e.width : n.isEmpty(a) || (s.width = i.width), s;
+    }, U = () => n.isExistJsonKey(u, o.value) ? o.value : "", x = (e) => {
+      u = n.isEmpty(e) ? {} : n.getJsonByList(e), V.value += 1;
+    }, g = () => {
+      if (c.value) {
+        const e = n.isEmpty(o.value) ? "" : o.value;
+        n.isExistJsonKey(u, e) || (o.value = "", $(""));
+      }
+    }, C = (e) => {
+      e !== o.value && (o.value = e?.toString() || "");
+    }, j = () => {
+      c.value = i.list.length !== 0, x(i.list), g();
+    };
+    Y(() => {
+      B(() => {
+        j();
+      });
+    }), Z(() => {
+      u = {}, c.value = !1, p._initEmitted = !1;
+    }), N(c, (e) => {
+      e && f();
+    }), N(
+      () => i.list,
+      (e) => {
+        c.value || (c.value = !0, e.length === 0 && g(), f());
+      },
+      { deep: !0 }
+    ), N(
+      [() => i.value, () => i.list],
+      ([e, s]) => {
+        const a = s || [];
+        !c.value && a.length > 0 && (c.value = !0, f()), x(a), C(e), g();
+      },
+      { deep: !0 }
+    );
+    const G = (e) => {
+      y("onTipClick", e);
+    }, H = async (e) => {
+      if (!(!e || e.isDisabled || i.disabled || p.isProcessing) && !n.isEmpty(e.id)) {
+        p.isProcessing = !0;
+        try {
+          const s = String(e.id ?? "");
+          if (s === o.value)
+            return;
+          let a = !0;
+          if (i.checkChangeBefore)
+            try {
+              a = await i.checkChangeBefore(s), a = n.isBoolean(a) ? a : !0;
+            } catch {
+              a = !1;
+            }
+          if (i.disabled || e.isDisabled)
+            return;
+          a && (o.value = s, A(e));
+        } catch (s) {
+          y("onError", s);
+        } finally {
+          p.isProcessing = !1;
+        }
+      }
+    }, w = () => U();
+    return J({
+      getValue: w,
+      getValueData: () => {
+        const e = w();
+        return n.isExistJsonKey(u, e) ? n.getJsonClone(u[e]) : {};
+      },
+      setValue: (e) => {
+        p.isProcessing || (C(e), g());
+      },
+      runInitComplete: () => {
+        c.value || (c.value = !0, x(i.list), C(i.value), g(), f());
+      }
+    }), (e, s) => {
+      const a = ee("cltooltip");
+      return l(), r("div", {
+        class: T(R.value),
+        id: d(q)
+      }, [
+        v.isPlaintext ? (l(), r("div", de, b(K.value), 1)) : (l(), r(m, { key: 1 }, [], 64)),
+        (l(!0), r(m, null, te(F.value, (t, Q) => (l(), r(m, {
+          key: `${_}-${t.id ?? ""}-${Q}`
+        }, [
+          t && (t.isShow || t.isShow === void 0) ? (l(), r("div", {
+            key: 0,
+            class: T(z.value),
+            style: ie(O(t))
+          }, [
+            k("span", null, [
+              k("span", null, [
+                k("input", {
+                  type: "radio",
+                  id: `${_}_${d(E)}_${t.id ?? ""}`,
+                  name: d(E),
+                  value: t.id ?? "",
+                  disabled: t.isDisabled || v.disabled,
+                  checked: (t.id?.toString() ?? "") === o.value,
+                  onClick: (W) => H(t)
+                }, null, 8, pe),
+                k("label", {
+                  for: `${_}_${d(E)}_${t.id ?? ""}`
+                }, [
+                  ne(e.$slots, "default", { data: t }, () => [
+                    t.icon && t.icon.length > 0 ? D((l(), r("span", ve, [
+                      se(I, {
+                        name: t.icon
+                      }, null, 8, ["name"])
+                    ])), [
+                      [a, { html: t.name, className: "tooltip-modal" }]
+                    ]) : (l(), r(m, { key: 1 }, [
+                      ae(b(t.name), 1)
+                    ], 64))
+                  ])
+                ], 8, me)
+              ]),
+              t.tipMsg && t.tipMsg.length > 0 ? (l(), r(m, { key: 0 }, [
+                v.tipMode === "tooltip" ? D((l(), P(I, {
+                  key: 0,
+                  name: d(n).isNonEmptyString(t.tipIcon) ? void 0 : "question-circle",
+                  className: d(n).isNonEmptyString(t.tipIcon) ? t.tipIcon : void 0,
+                  class: "radio-icon-tip"
+                }, null, 8, ["name", "className"])), [
+                  [a, { html: t.tipMsg, className: "tooltip-modal" }]
+                ]) : (l(), P(I, {
+                  key: 1,
+                  name: d(n).isNonEmptyString(t.tipIcon) ? void 0 : "question-circle",
+                  className: d(n).isNonEmptyString(t.tipIcon) ? t.tipIcon : void 0,
+                  class: "radio-icon-tip",
+                  onClick: le((W) => G(t), ["stop"])
+                }, null, 8, ["name", "className", "onClick"]))
+              ], 64)) : (l(), r(m, { key: 1 }, [], 64))
+            ])
+          ], 6)) : (l(), r(m, { key: 1 }, [], 64))
+        ], 64))), 128))
+      ], 10, ue);
+    };
+  }
+});
+export {
+  Ie as _
+};