@cldemo/ui-kit 1.1.2 → 1.1.3

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

@@ -0,0 +1,224 @@
+import { defineComponent as oe, ref as C, computed as o, onMounted as ne, nextTick as x, onActivated as le, onDeactivated as re, onUnmounted as ae, watch as L, openBlock as y, createBlock as se, Teleport as ie, createVNode as A, Transition as B, withCtx as z, createElementBlock as O, normalizeStyle as D, createCommentVNode as M, normalizeClass as ue, unref as pe, renderSlot as ce, Fragment as de } from "vue";
+import n from "@cldemo/ui-kit/common/base";
+import fe from "@cldemo/ui-kit/common/Element";
+import { l as me, u as ve } from "./scrollLock-DQEGK5um.js";
+const ye = ["id"], _ = 2e3, N = 300, F = 2147483647, b = 1, U = ["center", "top", "bottom", "left", "right"];
+let E = _, h = 0;
+const ke = /* @__PURE__ */ oe({
+  name: "ClPopup",
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
+    className: String,
+    // desc: 自定义CSS类名
+    show: Boolean,
+    // desc: 是否显示弹出层，支持 v-model:show
+    position: {
+      type: String,
+      default: "center",
+      // desc: 弹出位置 | enum: center, top, bottom, left, right
+      validator: (S) => U.indexOf(S) !== -1
+    },
+    isOverlay: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示遮罩层
+    },
+    isRound: Boolean,
+    // desc: 是否显示圆角
+    duration: {
+      type: Number,
+      default: N
+      // desc: 动画时长(ms)，0 无效将回退默认值
+    },
+    isCloseOnClickOverlay: {
+      type: Boolean,
+      default: !0
+      // desc: 点击遮罩层后是否关闭
+    },
+    isLockScroll: {
+      type: Boolean,
+      default: !0
+      // desc: 是否锁定背景滚动
+    },
+    isSafeAreaInsetBottom: Boolean,
+    // desc: 是否开启底部安全区适配
+    zIndex: {
+      type: Number,
+      default: _
+      // desc: 弹窗层级
+    },
+    teleportTarget: {
+      type: String,
+      default: ""
+      // desc: 弹出层挂载目标 | enum: self, body (可自定义)
+    }
+  },
+  emits: ["update:show", "onOpen", "onOpened", "onClose", "onClosed", "onClick", "onClickOverlay"],
+  setup(S, { emit: H }) {
+    const t = S, r = H, Z = t.id;
+    let l = !1;
+    const g = /* @__PURE__ */ new Set();
+    let c = !1, d = !1;
+    const k = C(0), f = C(t.show), s = C(t.show), R = o(() => t.isOverlay), X = o(() => {
+      const e = t.teleportTarget;
+      return n.isNonEmptyString(e) && (e === "body" || e === "self" || /^[#.][A-Za-z_][\w-]*$/.test(e)) ? e : "body";
+    }), $ = o(() => t.teleportTarget === "self"), i = o(() => {
+      const e = t.position;
+      return U.indexOf(e) !== -1 ? e : "center";
+    }), m = o(() => {
+      if (!n.isNumber(t.duration) && !n.isString(t.duration))
+        return N;
+      const e = Number(t.duration);
+      return n.isFinite(e) && e > 0 ? e : N;
+    }), T = o(() => {
+      if (!n.isNumber(t.zIndex) && !n.isString(t.zIndex))
+        return _;
+      const e = Number(t.zIndex);
+      return n.isFinite(e) && Number.isInteger(e) && e > 0 && e <= F - b ? e : _;
+    }), q = o(() => ({
+      center: "popup-fade",
+      top: "popup-slide-top",
+      bottom: "popup-slide-bottom",
+      left: "popup-slide-left",
+      right: "popup-slide-right"
+    })[i.value] || "popup-fade"), V = o(() => {
+      let e = {
+        "panel-popup": !0,
+        "panel-popup--center": i.value === "center",
+        "panel-popup--top": i.value === "top",
+        "panel-popup--bottom": i.value === "bottom",
+        "panel-popup--left": i.value === "left",
+        "panel-popup--right": i.value === "right",
+        "panel-popup--round": t.isRound,
+        "panel-popup--safe-bottom": t.isSafeAreaInsetBottom
+      };
+      return e = n.getJsonMerge(e, fe.getClassNameJson(t.className)), e;
+    }), J = o(() => ({
+      zIndex: k.value || T.value,
+      "--popup-duration": `${m.value}ms`
+    })), j = o(() => ({
+      zIndex: (k.value || T.value) + b,
+      "--popup-duration": `${m.value}ms`
+    })), G = () => {
+      const e = t.teleportTarget;
+      if (n.isNonEmptyString(e) && e !== "body" && e !== "self") {
+        const a = document.querySelector(e);
+        return a instanceof HTMLElement ? a : null;
+      }
+      return document.body;
+    }, u = () => {
+      if (l) return;
+      const e = G();
+      e && (l = !0, g.add(e), me(e));
+    }, v = () => {
+      l && (l = !1, g.forEach((e) => {
+        ve(e);
+      }), g.clear());
+    }, p = (e) => {
+      const a = t.teleportTarget;
+      if (!n.isNonEmptyString(a) || a.charAt(0) !== "#") return;
+      const P = document.querySelector(a);
+      if (!(P instanceof HTMLElement)) return;
+      const w = P.closest(".cl-framephone");
+      if (!w) return;
+      const I = w.querySelector(".framephone-home");
+      if (I)
+        if (e) {
+          if (!c) return;
+          c = !1, h = Math.max(0, h - 1), h === 0 && (I.style.display = "");
+        } else {
+          if (c) return;
+          c = !0, h++, I.style.display = "none";
+        }
+    };
+    ne(() => {
+      t.show && t.isLockScroll && !l && u(), x(() => {
+        t.show && t.isLockScroll && !l && u();
+      });
+    }), le(() => {
+      d = !1, t.show && t.isLockScroll && !l && u(), t.show && p(!1);
+    }), re(() => {
+      d = !0, l && v(), p(!0);
+    }), ae(() => {
+      l && v(), p(!0);
+    }), L(
+      () => t.show,
+      (e) => {
+        e ? (f.value = !0, x(() => {
+          t.show ? s.value = !0 : f.value = !1;
+        }), E = Math.min(
+          Math.max(E + 2, T.value),
+          F - b
+        ), k.value = E, !d && t.isLockScroll && u()) : s.value = !1;
+      },
+      { immediate: !0 }
+    ), L(
+      () => t.isLockScroll,
+      (e) => {
+        t.show && !d && (e ? u() : v());
+      }
+    );
+    const K = () => {
+      s.value && (r("onClickOverlay"), t.isCloseOnClickOverlay && r("update:show", !1));
+    }, Q = () => {
+      s.value && r("onClick");
+    }, W = () => {
+      p(!1), r("onOpen");
+    }, Y = () => {
+      r("onOpened");
+    }, ee = () => {
+      r("onClose");
+    }, te = () => {
+      v(), p(!0), r("onClosed"), t.show || (f.value = !1);
+    };
+    return (e, a) => f.value ? (y(), se(ie, {
+      key: 0,
+      to: X.value,
+      disabled: $.value
+    }, [
+      A(B, {
+        name: "popup-fade",
+        duration: m.value
+      }, {
+        default: z(() => [
+          s.value && R.value ? (y(), O("div", {
+            key: 0,
+            class: "panel-popup-overlay",
+            "aria-hidden": "true",
+            style: D(J.value),
+            onClick: K
+          }, null, 4)) : M("", !0)
+        ]),
+        _: 1
+      }, 8, ["duration"]),
+      A(B, {
+        name: q.value,
+        duration: m.value,
+        onEnter: W,
+        onAfterEnter: Y,
+        onLeave: ee,
+        onAfterLeave: te
+      }, {
+        default: z(() => [
+          s.value ? (y(), O("div", {
+            key: 0,
+            id: pe(Z),
+            role: "dialog",
+            "aria-modal": "true",
+            class: ue(V.value),
+            style: D(j.value),
+            onClick: Q
+          }, [
+            ce(e.$slots, "default")
+          ], 14, ye)) : M("", !0)
+        ]),
+        _: 3
+      }, 8, ["name", "duration"])
+    ], 8, ["to", "disabled"])) : (y(), O(de, { key: 1 }, [], 64));
+  }
+});
+export {
+  ke as _
+};

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

@@ -0,0 +1,246 @@
+import { defineComponent as W, ref as x, computed as k, onMounted as X, nextTick as B, onBeforeUnmount as Y, watch as N, resolveDirective as Z, openBlock as l, createElementBlock as r, unref as d, normalizeClass as b, toDisplayString as D, Fragment as p, renderList as ee, normalizeStyle as te, createElementVNode as f, renderSlot as ie, withDirectives as J, createVNode as ne, createTextVNode as se, createBlock as M, withModifiers as ae } from "vue";
+/* empty css               */
+/* empty css                   */
+import i from "@cldemo/ui-kit/common/base";
+import le from "@cldemo/ui-kit/common/Element";
+import { _ as I } from "./Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+import { t as oe } from "./index-BGMnJZqC.js";
+const re = ["id"], ce = {
+  key: 0,
+  class: "cl-plaintext-value"
+}, ue = ["id", "name", "value", "disabled", "checked", "onClick"], de = ["for"], me = { key: 0 }, Se = /* @__PURE__ */ W({
+  name: "ClRadio",
+  directives: {
+    cltooltip: oe
+  },
+  __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: 是否纯文本只读模式，只渲染选中项文本不挂载单选框
+    }
+  },
+  emits: ["update:value", "update:modelValue", "onChange", "onInit", "onError", "onTipClick"],
+  setup(v, { expose: P, emit: T }) {
+    const n = v, y = T, h = `rd-${i.getRandom(8)}`, C = i.isEmpty(n.name) ? h + "_name" : n.name, q = n.id, o = x(n.value?.toString() || "");
+    let u = {};
+    const V = x(0), c = x(!1), m = {
+      isProcessing: !1,
+      // 防止并发点击
+      _initEmitted: !1
+      // 防止重复 emit onInit
+    }, F = k(() => {
+      if (n.isPlaintext)
+        return [];
+      const e = n.list;
+      return i.isArray(e) ? e.filter((s) => !i.isEmpty(s)) : [];
+    }), L = k(() => {
+      n.list, V.value;
+      const e = o.value;
+      if (i.isEmpty(e)) return "";
+      const s = i.isExistJsonKey(u, e) ? u[e] : void 0;
+      return s && i.isNonEmptyString(s.name) ? s.name : e;
+    }), K = k(() => i.getJsonMerge(
+      { "panel-radio": !0 },
+      le.getClassNameJson(n.className)
+    )), R = k(() => {
+      const e = {
+        radio: !0,
+        "radio-default": !0
+      };
+      return e["radio-inline"] = n.isInline ?? !0, e;
+    }), $ = (e) => {
+      y("update:value", e), y("update:modelValue", e);
+    }, z = (e) => {
+      const s = e.id?.toString() ?? "";
+      $(s), y("onChange", s, i.getJsonClone(e));
+    }, _ = () => {
+      m._initEmitted || (m._initEmitted = !0, B(() => {
+        y("onInit");
+      }));
+    }, A = (e) => {
+      const s = {}, { width: a } = n;
+      return e && !i.isEmpty(e.width) ? s.width = e.width : i.isEmpty(a) || (s.width = n.width), s;
+    }, U = () => i.isExistJsonKey(u, o.value) ? o.value : "", E = (e) => {
+      u = i.isEmpty(e) ? {} : i.getJsonByList(e), V.value += 1;
+    }, g = () => {
+      if (c.value) {
+        const e = i.isEmpty(o.value) ? "" : o.value;
+        i.isExistJsonKey(u, e) || (o.value = "", $(""));
+      }
+    }, S = (e) => {
+      e !== o.value && (o.value = e?.toString() || "");
+    }, j = () => {
+      c.value = n.list.length !== 0, E(n.list), g();
+    };
+    X(() => {
+      B(() => {
+        j();
+      });
+    }), Y(() => {
+      u = {}, c.value = !1, m._initEmitted = !1;
+    }), N(c, (e) => {
+      e && _();
+    }), N(
+      () => n.list,
+      (e) => {
+        c.value || (c.value = !0, e.length === 0 && g(), _());
+      },
+      { deep: !0 }
+    ), N(
+      [() => n.value, () => n.list],
+      ([e, s]) => {
+        const a = s || [];
+        !c.value && a.length > 0 && (c.value = !0, _()), E(a), S(e), g();
+      },
+      { deep: !0 }
+    );
+    const G = (e) => {
+      y("onTipClick", e);
+    }, H = async (e) => {
+      if (!(!e || e.isDisabled || n.disabled || m.isProcessing) && !i.isEmpty(e.id)) {
+        m.isProcessing = !0;
+        try {
+          const s = String(e.id ?? "");
+          if (s === o.value)
+            return;
+          let a = !0;
+          if (n.checkChangeBefore)
+            try {
+              a = await n.checkChangeBefore(s), a = i.isBoolean(a) ? a : !0;
+            } catch {
+              a = !1;
+            }
+          if (n.disabled || e.isDisabled)
+            return;
+          a && (o.value = s, z(e));
+        } catch (s) {
+          y("onError", s);
+        } finally {
+          m.isProcessing = !1;
+        }
+      }
+    }, w = () => U();
+    return P({
+      getValue: w,
+      getValueData: () => {
+        const e = w();
+        return i.isExistJsonKey(u, e) ? i.getJsonClone(u[e]) : {};
+      },
+      setValue: (e) => {
+        m.isProcessing || (S(e), g());
+      },
+      runInitComplete: () => {
+        c.value || (c.value = !0, E(n.list), S(n.value), g(), _());
+      }
+    }), (e, s) => {
+      const a = Z("cltooltip");
+      return l(), r("div", {
+        class: b(K.value),
+        id: d(q)
+      }, [
+        v.isPlaintext ? (l(), r("div", ce, D(L.value), 1)) : (l(), r(p, { key: 1 }, [], 64)),
+        (l(!0), r(p, null, ee(F.value, (t, O) => (l(), r(p, {
+          key: `${h}-${t.id ?? ""}-${O}`
+        }, [
+          t && (t.isShow || t.isShow === void 0) ? (l(), r("div", {
+            key: 0,
+            class: b(R.value),
+            style: te(A(t))
+          }, [
+            f("span", null, [
+              f("span", null, [
+                f("input", {
+                  type: "radio",
+                  id: `${h}_${d(C)}_${t.id ?? ""}`,
+                  name: d(C),
+                  value: t.id ?? "",
+                  disabled: t.isDisabled || v.disabled,
+                  checked: (t.id?.toString() ?? "") === o.value,
+                  onClick: (Q) => H(t)
+                }, null, 8, ue),
+                f("label", {
+                  for: `${h}_${d(C)}_${t.id ?? ""}`
+                }, [
+                  ie(e.$slots, "default", { data: t }, () => [
+                    t.icon && t.icon.length > 0 ? J((l(), r("span", me, [
+                      ne(I, {
+                        name: t.icon
+                      }, null, 8, ["name"])
+                    ])), [
+                      [a, { html: t.name, className: "tooltip-modal" }]
+                    ]) : (l(), r(p, { key: 1 }, [
+                      se(D(t.name), 1)
+                    ], 64))
+                  ])
+                ], 8, de)
+              ]),
+              t.tipMsg && t.tipMsg.length > 0 ? (l(), r(p, { key: 0 }, [
+                v.tipMode === "tooltip" ? J((l(), M(I, {
+                  key: 0,
+                  name: d(i).isNonEmptyString(t.tipIcon) ? void 0 : "question-circle",
+                  className: d(i).isNonEmptyString(t.tipIcon) ? t.tipIcon : void 0,
+                  class: "radio-icon-tip"
+                }, null, 8, ["name", "className"])), [
+                  [a, { html: t.tipMsg, className: "tooltip-modal" }]
+                ]) : (l(), M(I, {
+                  key: 1,
+                  name: d(i).isNonEmptyString(t.tipIcon) ? void 0 : "question-circle",
+                  className: d(i).isNonEmptyString(t.tipIcon) ? t.tipIcon : void 0,
+                  class: "radio-icon-tip",
+                  onClick: ae((Q) => G(t), ["stop"])
+                }, null, 8, ["name", "className", "onClick"]))
+              ], 64)) : (l(), r(p, { key: 1 }, [], 64))
+            ])
+          ], 6)) : (l(), r(p, { key: 1 }, [], 64))
+        ], 64))), 128))
+      ], 10, re);
+    };
+  }
+});
+export {
+  Se as _
+};

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

@@ -0,0 +1,64 @@
+import { defineComponent as c, computed as s, openBlock as p, createElementBlock as d, normalizeStyle as f, normalizeClass as y, unref as g, toDisplayString as S } from "vue";
+import o from "@cldemo/ui-kit/common/base";
+import N from "@cldemo/ui-kit/common/Element";
+const x = ["id"], B = /* @__PURE__ */ c({
+  name: "ClBadge",
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
+    className: String,
+    // desc: 自定义CSS类名
+    num: [String, Number],
+    // desc: 显示的数字
+    color: {
+      type: String,
+      default: "default"
+      // desc: 颜色主题 | enum: default, green, red, yellow, black, gray (可自定义)
+    },
+    colorSty: String,
+    // desc: 自定义颜色样式，传入后优先于 color 预设主题
+    maxNum: {
+      type: Number,
+      default: -1
+      // desc: 最大显示数字，超过显示 maxNum+，设为 -1 显示完整数字
+    },
+    isHideZero: {
+      type: Boolean,
+      default: !0
+      // desc: 是否隐藏数字为0的徽章
+    },
+    isDot: {
+      type: Boolean,
+      default: !1
+      // desc: 是否显示为圆点
+    }
+  },
+  setup(l) {
+    const e = l, m = e.id, n = () => {
+      let t = "";
+      if (!o.isEmpty(e.num)) {
+        const r = Number(e.num);
+        o.isFinite(r) ? r === 0 && e.isHideZero ? t = "" : r > e.maxNum && e.maxNum > 0 ? t = `${e.maxNum}+` : t = r.toString() : t = "";
+      }
+      return t;
+    }, a = s(() => n()), i = s(() => {
+      let t = {
+        badge: !0
+      };
+      return !o.isEmpty(e.color) && o.isEmpty(e.colorSty) && (t[`bg-${e.color}`] = !0), t = o.getJsonMerge(t, N.getClassNameJson(e.className)), e.isDot && o.isEmpty(n()) && (t["badge-dot"] = !0), t;
+    }), u = s(() => {
+      const t = {};
+      return e.colorSty && !o.isEmpty(e.colorSty) && (t["background-color"] = e.colorSty), t;
+    });
+    return (t, r) => (p(), d("span", {
+      id: g(m),
+      class: y(i.value),
+      style: f(u.value),
+      role: "status"
+    }, S(a.value), 15, x));
+  }
+});
+export {
+  B as _
+};