@cldemo/ui-kit 1.1.3 → 1.1.4

package/buildLibs/modules/shared/{Index.vue_vue_type_script_setup_true_lang-DdLVG0R0.js → Index.vue_vue_type_script_setup_true_lang-Bw_jRoEX.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 { 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-CIA-Kc0M.js";
-import { t as le } from "./index-DhoB4dp5.js";
-const ae = ["id"], oe = {
+import { t as oe } from "./index-DhoB4dp5.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 _
 };