@cldemo/ui-kit 1.1.3 → 1.1.5

package/buildLibs/modules/shared/Index.vue_vue_type_script_setup_true_lang-x7Q4MNNE.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-vizZ7Mti.js";
+import { t as ce } from "./index-DhoB4dp5.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 _
+};

package/buildLibs/modules/shared/{Index.vue_vue_type_script_setup_true_lang-BbD4hLPT.js → Index.vue_vue_type_script_setup_true_lang-xpySjof2.js}

@@ -4,8 +4,8 @@ import D from "@cldemo/ui-kit/common/base";
 import Q from "@cldemo/ui-kit/common/Element";
 import { _ as W } from "./Index.vue_vue_type_script_setup_true_lang-BfsyfrQL.js";
 import { u as Z } from "./focusTrap-BYhFRjSm.js";
-import { _ } from "./Index.vue_vue_type_script_setup_true_lang-6Rsz2dYw.js";
-import { _ as ee } from "./Index.vue_vue_type_script_setup_true_lang-CIA-Kc0M.js";
+import { _ } from "./Index.vue_vue_type_script_setup_true_lang-ljMopEep.js";
+import { _ as ee } from "./Index.vue_vue_type_script_setup_true_lang-vizZ7Mti.js";
 import { a as te } from "./language-CZZEj4e3.js";
 import oe from "@cldemo/ui-kit/common/i18n";
 const ae = ["id"], se = { class: "modal-content" }, ie = /* @__PURE__ */ U({

package/buildLibs/modules/shared/{List.vue_vue_type_script_setup_true_lang-Chy0eAps.js → List.vue_vue_type_script_setup_true_lang-F-n2xPeF.js}

@@ -1,7 +1,7 @@
 import { defineComponent as I, useTemplateRef as $, computed as s, openBlock as o, createBlock as f, unref as F, withCtx as y, renderSlot as d, createElementBlock as r, normalizeClass as H, createVNode as C, Fragment as p, createElementVNode as M, toDisplayString as D, withModifiers as J } from "vue";
 import c from "@cldemo/ui-kit/common/log";
 import { _ as N } from "./Base.vue_vue_type_script_setup_true_lang-CuhumcUC.js";
-import { _ as w } from "./Index.vue_vue_type_script_setup_true_lang-CIA-Kc0M.js";
+import { _ as w } from "./Index.vue_vue_type_script_setup_true_lang-vizZ7Mti.js";
 import l from "@cldemo/ui-kit/common/base";
 import g from "@cldemo/ui-kit/common/Element";
 const U = {

package/buildLibs/modules/shared/{One.vue_vue_type_script_setup_true_lang-BR8b8AgK.js → One.vue_vue_type_script_setup_true_lang-BPQ-99F1.js}

@@ -2,7 +2,7 @@ import { defineComponent as I, computed as f, resolveDirective as b, openBlock a
 /* empty css               */
 import n from "@cldemo/ui-kit/common/base";
 import D from "@cldemo/ui-kit/common/Element";
-import { _ as m } from "./Index.vue_vue_type_script_setup_true_lang-CIA-Kc0M.js";
+import { _ as m } from "./Index.vue_vue_type_script_setup_true_lang-vizZ7Mti.js";
 import { t as x } from "./index-DhoB4dp5.js";
 const $ = ["id"], q = ["id", "name", "checked", "disabled"], w = ["for"], F = { key: 0 }, j = /* @__PURE__ */ I({
   name: "ClRadioOne",

package/buildLibs/modules/shared/{One.vue_vue_type_script_setup_true_lang-bPEj13DH.js → One.vue_vue_type_script_setup_true_lang-CnkGjequ.js}

@@ -2,7 +2,7 @@ import { defineComponent as B, computed as k, resolveDirective as E, openBlock a
 /* empty css               */
 import c from "@cldemo/ui-kit/common/base";
 import V from "@cldemo/ui-kit/common/Element";
-import { _ as d } from "./Index.vue_vue_type_script_setup_true_lang-CIA-Kc0M.js";
+import { _ as d } from "./Index.vue_vue_type_script_setup_true_lang-vizZ7Mti.js";
 import { t as D } from "./index-DhoB4dp5.js";
 const $ = ["id"], q = ["id", "name", "checked", "disabled"], w = ["for"], F = { key: 0 }, A = /* @__PURE__ */ B({
   name: "ClCheckboxOne",