@cldemo/ui-kit 1.1.2 → 1.1.4

package/buildLibs/modules/shared/Index.vue_vue_type_script_setup_true_lang-BrfAVhNV.js

@@ -0,0 +1,423 @@
+import { defineComponent as Y, useTemplateRef as Z, computed as p, openBlock as i, createElementBlock as r, normalizeClass as O, unref as _, createElementVNode as P, mergeProps as re, toDisplayString as ee, createCommentVNode as ce, createBlock as te, withKeys as Q, withModifiers as R, Fragment as k, renderSlot as I, ref as w, onMounted as pe, onBeforeUnmount as de, watch as fe, normalizeStyle as me, createVNode as ye, createSlots as W, withCtx as B, nextTick as ve } from "vue";
+/* empty css               */
+/* empty css                   */
+import u from "@cldemo/ui-kit/common/base";
+import ge from "@cldemo/ui-kit/common/Element";
+import { getPlaintextOutText as he } from "@cldemo/ui-kit/common/globalConfig";
+import { _ as X } from "./Index.vue_vue_type_script_setup_true_lang-CIA-Kc0M.js";
+const Ce = ["id"], Se = ["type", "inputmode", "name", "value", "placeholder", "disabled", "readonly"], xe = {
+  key: 0,
+  class: "input-floating-label"
+}, be = {
+  key: 3,
+  class: "input-suffix"
+}, N = /* @__PURE__ */ Y({
+  name: "ClInputContainer",
+  components: {
+    ClIconFont: X
+  },
+  __name: "Container",
+  props: {
+    id: String,
+    // desc: 唯一标识
+    name: String,
+    // desc: 输入框名称
+    value: [String, Number],
+    // desc: 输入值
+    inputType: {
+      type: String,
+      default: "text"
+      // desc: 输入框类型
+    },
+    inputmode: {
+      type: String,
+      default: ""
+      // desc: 输入模式（移动端键盘类型，如 numeric / decimal）
+    },
+    autocomplete: {
+      type: String,
+      default: "off"
+      // desc: 原生 autocomplete 属性（验证码输入建议传 one-time-code 触发系统短信自动填充）
+    },
+    placeholder: String,
+    // desc: 占位提示文本
+    label: String,
+    // desc: 浮动标签文字（配合 isFloating 使用）
+    isFloating: {
+      type: Boolean,
+      default: !1
+      // desc: 是否启用浮动标签
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+      // desc: 是否禁用
+    },
+    isReadonly: {
+      type: Boolean,
+      default: !1
+      // desc: 是否只读
+    },
+    isClean: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示清除按钮
+    },
+    isShowSuffix: {
+      type: Boolean,
+      default: !1
+      // desc: 是否显示后缀插槽
+    }
+  },
+  emits: ["onInputText", "onKeydown", "onKeyup", "onFocus", "onBlur", "onClear"],
+  setup(n, { expose: E, emit: T }) {
+    const t = n, o = T, V = t.id, d = Z("refElInput"), x = p(() => {
+      let l = t.name;
+      return u.isEmpty(l) && (l = `input_${u.getRandom(8)}`), l;
+    }), g = p(() => u.isEmpty(t.inputmode) ? void 0 : t.inputmode), a = p(() => {
+      const l = {};
+      return u.isNonEmptyString(t.autocomplete) && (l.autocomplete = t.autocomplete), l;
+    }), F = p(() => t.isClean && !t.disabled && !t.isReadonly), f = p(() => F.value && !u.isEmpty(t.value)), h = p(() => t.isFloating ? t.label || t.placeholder : ""), c = p(() => ({
+      "input-container": !0,
+      // input-clean 与 disabled 解耦：类只决定清除按钮占位 padding（恒定 24px），
+      // disabled 时按钮显示由 optIsShowClean 单独控制 → 文字/数字位置不随禁用态跳动
+      "input-clean": t.isClean,
+      "input-suffix": t.isShowSuffix,
+      "input-floating": t.isFloating
+    })), y = (l) => {
+      const b = l.target;
+      b && o("onInputText", b.value);
+    }, K = (l) => {
+      o("onKeydown", l);
+    }, D = (l) => {
+      o("onKeyup", l);
+    }, $ = () => {
+      o("onFocus");
+    }, C = () => {
+      o("onBlur");
+    }, S = () => {
+      o("onClear");
+    };
+    return E({
+      getInputElement: () => d.value,
+      focus: () => {
+        d.value?.focus();
+      }
+    }), (l, b) => (i(), r("div", {
+      id: _(V),
+      class: O(c.value)
+    }, [
+      P("input", re({
+        ref_key: "refElInput",
+        ref: d,
+        type: n.inputType,
+        inputmode: g.value,
+        name: x.value
+      }, a.value, {
+        class: "form-control",
+        value: n.value,
+        placeholder: n.placeholder,
+        disabled: n.disabled,
+        readonly: n.isReadonly,
+        onInput: y,
+        onKeydown: K,
+        onKeyup: D,
+        onFocus: $,
+        onBlur: C
+      }), null, 16, Se),
+      h.value ? (i(), r("label", xe, ee(h.value), 1)) : ce("", !0),
+      f.value ? (i(), te(X, {
+        key: 1,
+        name: "close-circle-fill",
+        class: "input-clear-icon",
+        "aria-label": "清除输入内容",
+        role: "button",
+        tabindex: "-1",
+        onClick: R(S, ["stop"]),
+        onKeydown: [
+          Q(R(S, ["stop"]), ["enter"]),
+          Q(R(S, ["stop", "prevent"]), ["space"])
+        ]
+      }, null, 8, ["onKeydown"])) : (i(), r(k, { key: 2 }, [], 64)),
+      n.isShowSuffix ? (i(), r("div", be, [
+        I(l.$slots, "suffix")
+      ])) : (i(), r(k, { key: 4 }, [], 64))
+    ], 10, Ce));
+  }
+}), Ie = ["id"], ke = {
+  key: 0,
+  class: "cl-plaintext-value"
+}, we = {
+  key: 0,
+  class: "input-group-prepend"
+}, Be = { class: "input-group-text" }, Ee = {
+  key: 2,
+  class: "input-group-append"
+}, Te = { class: "input-group-text" }, ze = /* @__PURE__ */ Y({
+  name: "ClInput",
+  components: {
+    ClInputContainer: N
+  },
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 唯一标识
+    name: String,
+    // desc: 输入框名称
+    value: [String, Number],
+    // desc: 输入值
+    className: String,
+    // desc: 自定义CSS类名
+    disabled: {
+      type: Boolean,
+      default: !1
+      // desc: 是否禁用
+    },
+    theme: {
+      type: String,
+      default: "default"
+      // desc: 主题 | enum: default, icon, bottomLine (可自定义)
+    },
+    inputType: String,
+    // desc: 输入框类型
+    inputmode: {
+      type: String,
+      default: ""
+      // desc: 输入模式（移动端键盘类型，如 numeric / decimal）
+    },
+    autocomplete: {
+      type: String,
+      default: "off"
+      // desc: 原生 autocomplete 属性（验证码输入建议传 one-time-code 触发系统短信自动填充）
+    },
+    width: String,
+    // desc: 宽度
+    placeholder: String,
+    // desc: 占位提示文本
+    label: String,
+    // desc: 浮动标签文字（配合 isFloating 使用）
+    isFloating: {
+      type: Boolean,
+      default: !1
+      // desc: 是否启用浮动标签
+    },
+    isReadonly: {
+      type: Boolean,
+      default: !1
+      // desc: 是否只读
+    },
+    isClean: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示清除按钮
+    },
+    isPlaintext: {
+      type: Boolean,
+      default: !1
+      // desc: 是否纯文本只读模式，只渲染文本不挂载输入控件（不渲染 prepend/append/suffix 插槽）
+    },
+    plaintextEmptyText: {
+      type: String,
+      default: void 0
+      // desc: 纯文本只读模式下值为空时的显示文本（默认 "-"，显式传空串则显示空白；未显式传时依次读取组件配置段与 plaintextGlobal 段）
+    },
+    changeDelayTime: {
+      type: Number,
+      default: 200
+      // desc: 延迟变更时间（毫秒）
+    }
+  },
+  emits: ["update:value", "update:modelValue", "onChange", "onFocus", "onBlur", "onChangeBlur", "onKeyupEnter", "onClear", "onInit", "onKeydown", "onKeyup", "onChangeDelay"],
+  setup(n, { expose: E, emit: T }) {
+    const t = n, o = T, V = t.id, d = Z("refElContainer"), x = w(!1), g = u.isString(t.value) ? t.value : t.value !== void 0 && u.isNumber(t.value) && u.isFinite(t.value) ? t.value.toString() : "", a = w(g), F = p(
+      () => he("input", t.plaintextEmptyText, a.value, t.value)
+    ), f = w(g), h = w(g), c = {
+      prevDelayValue: g,
+      valueDelayRun: !1
+    };
+    let y = null;
+    const K = p(() => {
+      let e = {
+        "panel-input": !0,
+        "input-disabled": t.disabled,
+        "input-readonly": t.isReadonly
+      };
+      return e = u.getJsonMerge(e, ge.getClassNameJson(t.className)), u.isEmpty(t.theme, "default") || (e[`input-${t.theme}`] = !0), e;
+    }), D = p(() => {
+      const e = {};
+      return u.isNonEmptyString(t.width) && (e.width = t.width), e;
+    }), $ = (e) => {
+      C(), c.valueDelayRun = !0, y = setTimeout(() => {
+        y = null, f.value === e && (c.valueDelayRun = !1, c.prevDelayValue !== e && (c.prevDelayValue = e, o("onChangeDelay", e)));
+      }, t.changeDelayTime);
+    }, C = () => {
+      y && (clearTimeout(y), y = null), c.valueDelayRun = !1;
+    }, S = (e) => {
+      if (e !== f.value) {
+        f.value = e;
+        const s = m(e);
+        o("update:value", s), o("update:modelValue", s), o("onChange", s), $(s);
+      }
+    }, M = (e) => {
+      x.value = !0, h.value = e, o("onFocus", e);
+    }, z = (e) => {
+      x.value = !1, o("onBlur", e), e !== h.value && (h.value = e, o("onChangeBlur", e));
+    }, l = (e) => {
+      o("onKeyupEnter", e);
+    }, b = (e) => {
+      o("onKeydown", e);
+    }, ne = (e) => {
+      o("onKeyup", e);
+    }, oe = () => {
+      o("onClear");
+    }, le = () => {
+      ve(() => {
+        o("onInit");
+      });
+    }, m = (e) => u.isString(e) || u.isNumber(e) && u.isFinite(e) ? e.toString() : "", J = () => {
+      d.value?.focus();
+    }, ae = () => {
+      const e = m(t.value);
+      u.isEmpty(e) || (a.value = e, f.value = e), le();
+    };
+    pe(() => {
+      ae();
+    }), de(() => {
+      C();
+    }), fe(
+      () => t.value,
+      (e) => {
+        const s = m(e);
+        s !== a.value && (a.value = s, f.value = s, c.prevDelayValue = s, c.valueDelayRun && C());
+      }
+    );
+    const L = (e) => {
+      a.value = e, S(e);
+    }, U = (e) => {
+      b(e);
+    }, A = (e) => {
+      const s = e.key, v = e.keyCode;
+      if (s === "Enter" || v === 13) {
+        const ie = e.target, se = m(ie.value);
+        l(se);
+      } else
+        ne(e);
+    }, j = () => {
+      const e = m(a.value);
+      M(e);
+    }, q = () => {
+      const e = m(a.value);
+      z(e);
+    }, G = () => {
+      a.value = "", S(""), oe(), J();
+    }, ue = () => {
+      const e = d.value;
+      return e ? e.getInputElement() : null;
+    }, H = () => m(a.value);
+    return E({
+      getValue: H,
+      getValueData: () => ({ value: H(), show: a.value }),
+      setValue: (e, s) => {
+        const v = m(e);
+        a.value = v, f.value = v, c.prevDelayValue = v, c.valueDelayRun && C(), s && (o("update:value", v), o("update:modelValue", v));
+      },
+      focus: () => {
+        J();
+      },
+      getInputElement: ue
+    }), (e, s) => (i(), r("div", {
+      id: _(V),
+      class: O(K.value),
+      style: me(D.value)
+    }, [
+      n.isPlaintext ? (i(), r("div", ke, ee(F.value), 1)) : (i(), r(k, { key: 1 }, [
+        e.$slots.prepend || e.$slots.append ? (i(), r("div", {
+          key: 0,
+          class: O({ "input-group": !0, "input-group-focus": x.value })
+        }, [
+          e.$slots.prepend ? (i(), r("div", we, [
+            P("span", Be, [
+              I(e.$slots, "prepend")
+            ])
+          ])) : (i(), r(k, { key: 1 }, [], 64)),
+          ye(N, {
+            ref_key: "refElContainer",
+            ref: d,
+            value: a.value,
+            inputType: n.inputType,
+            inputmode: n.inputmode,
+            autocomplete: n.autocomplete,
+            name: n.name,
+            placeholder: n.placeholder,
+            disabled: n.disabled,
+            isReadonly: n.isReadonly,
+            isClean: n.isClean,
+            isShowSuffix: !!e.$slots.suffix,
+            label: n.label,
+            isFloating: n.isFloating,
+            onOnInputText: L,
+            onOnKeydown: U,
+            onOnKeyup: A,
+            onOnFocus: j,
+            onOnBlur: q,
+            onOnClear: G
+          }, W({ _: 2 }, [
+            e.$slots.suffix ? {
+              name: "suffix",
+              fn: B(() => [
+                I(e.$slots, "suffix")
+              ]),
+              key: "0"
+            } : {
+              name: "suffix",
+              fn: B(() => []),
+              key: "1"
+            }
+          ]), 1032, ["value", "inputType", "inputmode", "autocomplete", "name", "placeholder", "disabled", "isReadonly", "isClean", "isShowSuffix", "label", "isFloating"]),
+          e.$slots.append ? (i(), r("div", Ee, [
+            P("span", Te, [
+              I(e.$slots, "append")
+            ])
+          ])) : (i(), r(k, { key: 3 }, [], 64))
+        ], 2)) : (i(), te(N, {
+          key: 1,
+          ref_key: "refElContainer",
+          ref: d,
+          value: a.value,
+          inputType: n.inputType,
+          inputmode: n.inputmode,
+          autocomplete: n.autocomplete,
+          name: n.name,
+          placeholder: n.placeholder,
+          disabled: n.disabled,
+          isReadonly: n.isReadonly,
+          isClean: n.isClean,
+          isShowSuffix: !!e.$slots.suffix,
+          label: n.label,
+          isFloating: n.isFloating,
+          onOnInputText: L,
+          onOnKeydown: U,
+          onOnKeyup: A,
+          onOnFocus: j,
+          onOnBlur: q,
+          onOnClear: G
+        }, W({ _: 2 }, [
+          e.$slots.suffix ? {
+            name: "suffix",
+            fn: B(() => [
+              I(e.$slots, "suffix")
+            ]),
+            key: "0"
+          } : {
+            name: "suffix",
+            fn: B(() => []),
+            key: "1"
+          }
+        ]), 1032, ["value", "inputType", "inputmode", "autocomplete", "name", "placeholder", "disabled", "isReadonly", "isClean", "isShowSuffix", "label", "isFloating"]))
+      ], 64))
+    ], 14, Ie));
+  }
+});
+export {
+  ze as _
+};

package/buildLibs/modules/shared/Index.vue_vue_type_script_setup_true_lang-BuhqEU61.js

@@ -0,0 +1,130 @@
+import { defineComponent as X, useTemplateRef as w, computed as u, onMounted as C, nextTick as E, onBeforeUnmount as L, onActivated as k, onDeactivated as B, openBlock as n, createElementBlock as o, normalizeClass as S, unref as T, normalizeStyle as d, createElementVNode as a, Fragment as f } from "vue";
+import i from "@cldemo/ui-kit/common/base";
+import N from "@cldemo/ui-kit/common/Element";
+const x = ["id"], W = {
+  key: 6,
+  class: "fenceScrollX-cover"
+}, b = /* @__PURE__ */ X({
+  name: "ClScrollXFence",
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件唯一标识
+    className: String,
+    // desc: 自定义CSS类名
+    isShowLeft: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示左侧装饰区
+    },
+    isShowRight: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示右侧装饰区
+    },
+    isShowCorner: {
+      type: Boolean,
+      default: !1
+      // desc: 是否显示角落区域
+    },
+    isShowCover: {
+      type: Boolean,
+      default: !1
+      // desc: 是否显示覆盖层
+    },
+    cornerType: {
+      type: String,
+      default: ""
+      // desc: 角落类型 | enum: right-top, right-bottom (可自定义)
+    },
+    leftWidth: {
+      type: String,
+      default: "0"
+      // desc: 左侧装饰区宽度
+    },
+    centerWidth: {
+      type: String,
+      default: "0"
+      // desc: 中间滚动区宽度
+    },
+    rightWidth: {
+      type: String,
+      default: "0"
+      // desc: 右侧装饰区宽度
+    },
+    initLeft: String
+    // desc: 初始滚动位置（像素值字符串）
+  },
+  emits: ["onScrollX"],
+  setup(r, { expose: m, emit: v }) {
+    const l = r, y = v, h = l.id, t = w("refElScrollX"), g = u(() => {
+      let e = {
+        "panel-scroll-x-fence": !0
+      };
+      return l.isShowCorner && i.isNonEmptyString(l.cornerType) && (e[`fenceScrollX-showCorner-${l.cornerType}`] = !0), i.osType().isMobile && (e["fenceScrollX-mob"] = !0), e = i.getJsonMerge(e, N.getClassNameJson(l.className)), e;
+    }), p = u(() => {
+      const e = {
+        "fenceScrollX-corner": !0
+      };
+      return i.isNonEmptyString(l.cornerType) && (e[`fenceScrollX-corner-${l.cornerType}`] = !0), e;
+    }), s = (e) => {
+      y("onScrollX", e);
+    };
+    return C(() => {
+      E(() => {
+        if (t.value) {
+          if (i.isNonEmptyString(l.initLeft)) {
+            const e = parseInt(l.initLeft, 10);
+            i.isFinite(e) && (t.value.scrollLeft = e);
+          }
+          t.value.addEventListener("scroll", s);
+        }
+      });
+    }), L(() => {
+      t.value && t.value.removeEventListener("scroll", s);
+    }), k(() => {
+      t.value && t.value.addEventListener("scroll", s);
+    }), B(() => {
+      t.value && t.value.removeEventListener("scroll", s);
+    }), m({
+      setScrollLeft: (e) => {
+        t.value && i.isFinite(e) && (t.value.scrollLeft = e);
+      }
+    }), (e, c) => (n(), o("div", {
+      id: T(h),
+      class: S(g.value)
+    }, [
+      r.isShowLeft ? (n(), o("div", {
+        key: 0,
+        class: "fenceScrollX-left",
+        style: d({ width: r.leftWidth })
+      }, [...c[0] || (c[0] = [
+        a("div", null, null, -1)
+      ])], 4)) : (n(), o(f, { key: 1 }, [], 64)),
+      a("div", {
+        class: "fenceScrollX-center",
+        ref_key: "refElScrollX",
+        ref: t
+      }, [
+        a("div", {
+          style: d({ width: r.centerWidth })
+        }, null, 4)
+      ], 512),
+      r.isShowRight ? (n(), o("div", {
+        key: 2,
+        class: "fenceScrollX-right",
+        style: d({ width: r.rightWidth })
+      }, [...c[1] || (c[1] = [
+        a("div", null, null, -1)
+      ])], 4)) : (n(), o(f, { key: 3 }, [], 64)),
+      r.isShowCorner ? (n(), o("div", {
+        key: 4,
+        class: S(p.value)
+      }, null, 2)) : (n(), o(f, { key: 5 }, [], 64)),
+      r.isShowCover ? (n(), o("div", W)) : (n(), o(f, { key: 7 }, [], 64))
+    ], 10, x));
+  }
+});
+export {
+  b as _
+};