@cldemo/ui-kit 1.1.1 → 1.1.3

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

@@ -0,0 +1,350 @@
+import { defineComponent as X, useTemplateRef as Y, ref as T, computed as F, onMounted as _, watch as S, openBlock as ee, createBlock as te, unref as ne, createSlots as ae, withCtx as I, renderSlot as N, nextTick as B } from "vue";
+import l from "@cldemo/ui-kit/common/base";
+import V from "@cldemo/ui-kit/common/Element";
+import { _ as w } from "./Index.vue_vue_type_script_setup_true_lang-RRUPY9bd.js";
+const pe = /* @__PURE__ */ X({
+  name: "ClInputNumber",
+  components: {
+    ClInput: w
+  },
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件唯一标识（DOM id）
+    name: {
+      type: String,
+      default: ""
+      // desc: 表单名称（原生 input name）
+    },
+    value: {
+      type: [String, Number],
+      default: ""
+      // desc: 输入值
+    },
+    className: {
+      type: String,
+      default: ""
+      // desc: 自定义CSS类名
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+      // desc: 是否禁用
+    },
+    theme: {
+      type: String,
+      default: "default"
+      // desc: 主题样式 | enum: default, icon, bottomLine（可自定义）
+    },
+    inputType: {
+      type: String,
+      default: ""
+      // desc: 原生输入类型
+    },
+    inputmode: {
+      type: String,
+      default: ""
+      // desc: 输入模式（移动端键盘类型；空则按 decimal 自动：整数 numeric / 小数 decimal）
+    },
+    autocomplete: {
+      type: String,
+      default: "off"
+      // desc: 原生 autocomplete 属性（验证码输入建议传 one-time-code 触发系统短信自动填充）
+    },
+    width: {
+      type: String,
+      default: ""
+      // desc: 宽度
+    },
+    placeholder: {
+      type: String,
+      default: ""
+      // desc: 占位提示文本
+    },
+    label: String,
+    // desc: 浮动标签文字（配合 isFloating 使用）
+    isFloating: {
+      type: Boolean,
+      default: !1
+      // desc: 是否启用浮动标签
+    },
+    isReadonly: {
+      type: Boolean,
+      default: !1
+      // desc: 是否只读
+    },
+    isClean: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示清除按钮
+    },
+    isNumber: {
+      type: Boolean,
+      default: !0
+      // desc: 是否启用数字格式校验
+    },
+    decimal: {
+      type: Number,
+      default: 0,
+      // desc: 小数位数（-1 为不限制）
+      validator: (s) => s >= -1 && s <= 100 && s % 1 === 0
+    },
+    isThousand: {
+      type: Boolean,
+      default: !0
+      // desc: 是否启用千分位分隔
+    },
+    isImmediateThousand: {
+      type: Boolean,
+      default: !0
+      // desc: 输入过程中是否立即应用千分位
+    },
+    changeDelayTime: {
+      type: Number,
+      default: 200,
+      // desc: 变更延迟时间（毫秒）
+      validator: (s) => l.isFinite(s) && s >= 0
+    },
+    isPlaintext: {
+      type: Boolean,
+      default: !1
+      // desc: 是否纯文本只读模式，只渲染显示文本（含千分位与小数位）不挂载输入框
+    }
+  },
+  emits: ["update:value", "update:modelValue", "onChange", "onFocus", "onBlur", "onChangeBlur", "onKeyupEnter", "onClear", "onInit", "onKeydown", "onKeyup", "onChangeDelay"],
+  setup(s, { expose: O, emit: R }) {
+    const u = s, m = R, k = u.id, y = Y("refElInput"), c = T(u.value), f = T(u.value), K = F(() => {
+      let e = { "panel-input-number": !0 };
+      return e = l.getJsonMerge(e, V.getClassNameJson(u.className)), l.getStringByJson(e, " ");
+    }), $ = F(() => l.isNonEmptyString(u.inputmode) ? u.inputmode : u.decimal === 0 ? "numeric" : "decimal"), C = (e) => {
+      if (e !== f.value) {
+        f.value = e;
+        const t = d(e);
+        m("update:value", t), m("update:modelValue", t), m("onChange", t);
+      }
+    }, b = (e) => {
+      let t = l.isNumber(e);
+      if (!t)
+        if (l.isNaN(+e))
+          e === "-" && (t = !0);
+        else {
+          const n = e.split(".");
+          n.length === 2 && (t = (l.isNumber(n[0]) || l.isEmpty(n[0])) && (l.isEmpty(n[1]) || l.isNumber(n[1])));
+        }
+      return t;
+    }, h = (e, t, n = !0, a = !0) => {
+      let i = e;
+      if (u.isNumber) {
+        let o = l.removeReplace(e);
+        if (o.length > 0)
+          if (b(o)) {
+            if (o !== "-") {
+              const { decimal: r } = u;
+              if (n && r !== 0 && (r === -1 || r >= 0 && r <= 100) && r !== -1) {
+                const g = parseFloat(o);
+                if (l.isFinite(g)) {
+                  const v = g.toFixed(r);
+                  o = v.indexOf("e") > -1 ? o : v;
+                }
+              }
+              if (a) {
+                const g = o.split("."), v = l.isEmpty(g[0]) ? "0" : g[0];
+                if (o = u.isThousand ? l.getFormatThousands(v) : v, g.length === 2 && r !== 0) {
+                  const W = r === -1 ? g[1] : g[1].slice(0, r);
+                  o += `.${W}`;
+                }
+              }
+            }
+          } else
+            o = t;
+        else
+          o = "";
+        i = o;
+      }
+      return i;
+    }, D = (e, t) => {
+      const n = t.split(""), a = new RegExp(
+        "^" + n.map((p) => p.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join(".*?")
+      ), i = e.match(a);
+      let o;
+      return i && (o = i[0].length), o;
+    }, L = (e, t, n) => {
+      const a = V.getFocusSelection(e);
+      let i = t.substring(0, a.start);
+      i = l.removeReplace(i);
+      const o = t.substring(a.start);
+      let p = b(i);
+      i.indexOf(".") > -1 && o.indexOf(".") > -1 && (p = !1);
+      let r = a.start;
+      p ? r = D(n, i) : r = n.lastIndexOf(o), (l.isUndefined(r) || r > n.length || r < 0) && (r = n.length), B(() => {
+        V.setFocusSelection(e, r, r);
+      });
+    }, x = () => {
+      const e = c.value;
+      if (l.isEmpty(e))
+        return e;
+      {
+        let t = e.toString();
+        if (u.isNumber) {
+          const { decimal: n } = u;
+          if (t = l.removeReplace(t), t === "-")
+            return t;
+          if (n !== 0 && n !== -1) {
+            const o = parseFloat(t);
+            if (l.isFinite(o) && n >= 0 && n <= 100) {
+              const p = o.toFixed(n);
+              t = p.indexOf("e") > -1 ? t : p;
+            }
+          }
+          const a = t.split("."), i = l.isEmpty(a[0]) ? "0" : a[0];
+          a[0] = u.isThousand ? l.getFormatThousands(i) : i, n === 0 ? t = a[0] : a.length === 2 ? (a[1] = n === -1 ? a[1] : l.getFillZero(a[1], n, "r"), t = a.join(".")) : t = a[0];
+        }
+        return t;
+      }
+    }, d = (e) => {
+      let t = "";
+      if (!l.isEmpty(e) && (t = e.toString(), u.isNumber && t !== "-")) {
+        const { decimal: n } = u, a = t.split(".");
+        let i = l.removeReplace(a[0]);
+        if (a.length === 2 && n !== 0) {
+          let o = "";
+          n === -1 ? o = a[1] : o = l.getFillZero(a[1], n, "r"), i += `.${o}`;
+        }
+        t = i;
+      }
+      return t;
+    }, P = () => {
+      y.value?.focus();
+    }, J = () => {
+      if (!l.isEmpty(u.value)) {
+        const e = h(u.value, "");
+        c.value = e, f.value = e;
+      }
+    };
+    _(() => {
+      J();
+    }), S(
+      () => u.value,
+      (e, t) => {
+        if (e !== t && e !== c.value) {
+          let n = !0;
+          if (u.isNumber) {
+            const a = l.removeReplace(e), i = l.removeReplace(c.value), o = l.isEmpty(a), p = l.isEmpty(i);
+            o && p ? n = !1 : !o && !p && (n = Number(a) !== Number(i));
+          }
+          if (n) {
+            const a = h(e, t);
+            c.value = a, f.value = a;
+          }
+        }
+      }
+    ), S([() => u.isNumber, () => u.decimal, () => u.isThousand], () => {
+      const e = h(c.value, "");
+      c.value = e, C(e);
+    });
+    const M = (e) => {
+      const t = h(e, f.value, !1, u.isImmediateThousand);
+      c.value = t, y.value?.setValue(t), u.isNumber && B(() => {
+        const n = y.value?.getInputElement();
+        n && c.value === t && L(n, e, String(t));
+      }), C(t);
+    }, U = () => {
+      const e = x();
+      c.value = e, f.value = e;
+      const t = d(e);
+      m("onFocus", t);
+    }, j = () => {
+      const e = x();
+      c.value = e, f.value = e;
+      const t = d(e);
+      m("onBlur", t);
+    }, Z = (e) => {
+      m("onChangeBlur", d(e));
+    }, q = (e) => {
+      m("onKeyupEnter", d(e));
+    }, z = (e) => {
+      m("onKeydown", e);
+    }, A = (e) => {
+      m("onKeyup", e);
+    }, G = () => {
+      m("onClear");
+    }, H = () => {
+      m("onInit");
+    }, Q = (e) => {
+      m("onChangeDelay", d(e));
+    }, E = () => d(c.value);
+    return O({
+      getValue: E,
+      getValueData: () => ({
+        value: E(),
+        show: l.isEmpty(c.value) ? "" : c.value.toString()
+      }),
+      setValue: (e, t) => {
+        const n = l.isEmpty(e) ? "" : h(e, "");
+        if (c.value = n, f.value = n, y.value?.setValue(n), t) {
+          const a = d(n);
+          m("update:value", a), m("update:modelValue", a), m("onChange", a);
+        }
+      },
+      focus: () => {
+        P();
+      },
+      getInputElement: () => y.value?.getInputElement() ?? null
+    }), (e, t) => (ee(), te(w, {
+      ref_key: "refElInput",
+      ref: y,
+      id: ne(k),
+      value: c.value,
+      name: s.name,
+      className: K.value,
+      inputType: s.inputType,
+      inputmode: $.value,
+      autocomplete: s.autocomplete,
+      placeholder: s.placeholder,
+      label: s.label,
+      isFloating: s.isFloating,
+      disabled: s.disabled,
+      isReadonly: s.isReadonly,
+      isClean: s.isClean,
+      width: s.width,
+      theme: s.theme,
+      isPlaintext: s.isPlaintext,
+      changeDelayTime: s.changeDelayTime,
+      onOnChange: M,
+      onOnFocus: U,
+      onOnBlur: j,
+      onOnChangeBlur: Z,
+      onOnKeyupEnter: q,
+      onOnKeydown: z,
+      onOnKeyup: A,
+      onOnClear: G,
+      onOnInit: H,
+      onOnChangeDelay: Q
+    }, ae({ _: 2 }, [
+      e.$slots.prepend ? {
+        name: "prepend",
+        fn: I(() => [
+          N(e.$slots, "prepend")
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots.append ? {
+        name: "append",
+        fn: I(() => [
+          N(e.$slots, "append")
+        ]),
+        key: "1"
+      } : void 0,
+      e.$slots.suffix ? {
+        name: "suffix",
+        fn: I(() => [
+          N(e.$slots, "suffix")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1032, ["id", "value", "name", "className", "inputType", "inputmode", "autocomplete", "placeholder", "label", "isFloating", "disabled", "isReadonly", "isClean", "width", "theme", "isPlaintext", "changeDelayTime"]));
+  }
+});
+export {
+  pe as _
+};

package/buildLibs/modules/shared/Index.vue_vue_type_script_setup_true_lang-CIA-Kc0M.js

@@ -0,0 +1,330 @@
+import { defineComponent as g, computed as o, openBlock as d, createElementBlock as m, normalizeStyle as f, normalizeClass as p, unref as h } from "vue";
+import n from "@cldemo/ui-kit/common/base";
+import a from "@cldemo/ui-kit/common/Element";
+const y = [
+  "PPT",
+  "activity",
+  "address-book",
+  "aixin",
+  "aixin1",
+  "album",
+  "album-baby",
+  "all-circle",
+  "all-circle-fill",
+  "all-square",
+  "android",
+  "android1",
+  "angle-double-down",
+  "angle-double-left",
+  "angle-double-right",
+  "angle-double-up",
+  "angle-down",
+  "angle-left",
+  "angle-line-down",
+  "angle-line-left",
+  "angle-line-right",
+  "angle-line-up",
+  "angle-linelong-down",
+  "angle-linelong-down-left",
+  "angle-linelong-down-right",
+  "angle-linelong-left",
+  "angle-linelong-right",
+  "angle-linelong-up",
+  "angle-linelong-up-left",
+  "angle-linelong-up-right",
+  "angle-right",
+  "angle-up",
+  "arrow-circle-down",
+  "arrow-circle-down-line",
+  "arrow-circle-down-line-fill",
+  "arrow-circle-left",
+  "arrow-circle-right",
+  "arrow-circle-up",
+  "back-bottom",
+  "back-top",
+  "back-up1",
+  "banshixinxingxing",
+  "baseInfo",
+  "basicdata",
+  "bell",
+  "bitian",
+  "book",
+  "calendar",
+  "calendar1",
+  "camera",
+  "camera1",
+  "caret-down",
+  "caret-left",
+  "caret-right",
+  "caret-up",
+  "check",
+  "check-circle",
+  "check-circle-fill",
+  "check-square",
+  "check-square-fill",
+  "check1",
+  "check2",
+  "chemicals",
+  "chose-image",
+  "clear",
+  "clock",
+  "close",
+  "close-circle",
+  "close-circle-fill",
+  "close1",
+  "clothes",
+  "column-show",
+  "config",
+  "contract",
+  "cooperation",
+  "copy",
+  "cropper",
+  "customer",
+  "dashboard",
+  "dashboard1",
+  "dazhongdianping",
+  "delete",
+  "diqiu",
+  "dollar",
+  "douyin",
+  "douyin1",
+  "download",
+  "download-cloud",
+  "download-cloud-1",
+  "download-cloud-2",
+  "earth",
+  "edit",
+  "edit1",
+  "edit2",
+  "email",
+  "empty",
+  "equipment",
+  "excel",
+  "exclamation",
+  "exclamation-circle",
+  "exclamation-circle-fill",
+  "eye",
+  "eye-no",
+  "file",
+  "file-excel",
+  "file-gif",
+  "file-image",
+  "file-pdf",
+  "file-ppt",
+  "file-search",
+  "file-text",
+  "file-word",
+  "file-zip",
+  "film",
+  "filter",
+  "finance",
+  "gesture-enlarge",
+  "gesture-narrow",
+  "gif",
+  "goumai",
+  "guanliyuan",
+  "guidance",
+  "home",
+  "home1",
+  "image",
+  "image-multiple",
+  "image-rmb",
+  "image1",
+  "info",
+  "info-circle",
+  "info-circle-fill",
+  "ios",
+  "ios1",
+  "jiaoxue",
+  "jin",
+  "jingxiupian",
+  "kebiao",
+  "kefu",
+  "kefunan",
+  "kefunv",
+  "language",
+  "language1",
+  "layout-left",
+  "layout-top",
+  "layout-top-left",
+  "liebiao",
+  "liebiao-1",
+  "liebiao-image",
+  "liebiao-pubuliu",
+  "like",
+  "list-empty5",
+  "lock",
+  "lock-un",
+  "look",
+  "looklove",
+  "luxian",
+  "marker",
+  "marker-qidian",
+  "marker-qidian1",
+  "meiyuan",
+  "minus",
+  "minus-circle",
+  "minus-circle-fill",
+  "minus-square",
+  "minus-square-fill",
+  "mobanpeizhi",
+  "more",
+  "more1",
+  "move",
+  "music",
+  "new",
+  "new-triangle-left-2",
+  "new-triangle-left-4",
+  "new-triangle-right",
+  "new-triangle-right-2",
+  "new2",
+  "order",
+  "orderPre",
+  "paixu",
+  "pdf",
+  "phone",
+  "phone-code",
+  "photoFrame1",
+  "pile",
+  "pile-fill",
+  "pintu",
+  "pintu1",
+  "pintu2",
+  "play",
+  "plus",
+  "plus-circle",
+  "plus-circle-fill",
+  "plus-square",
+  "plus-square-fill",
+  "purchase",
+  "qrcode",
+  "question",
+  "question-circle",
+  "question-circle-fill",
+  "refresh",
+  "remove",
+  "renminbi",
+  "reply",
+  "report",
+  "restore",
+  "rmb",
+  "rmb-circle",
+  "rmb-circle-fill",
+  "rotate-left",
+  "rotate-left1",
+  "rotate-right",
+  "rotate-right1",
+  "save",
+  "scenery",
+  "schedule",
+  "screen-full",
+  "screen-narrow",
+  "search",
+  "search-minus",
+  "search-plus",
+  "security",
+  "security-accidents",
+  "security-check",
+  "security-education",
+  "share",
+  "sheji",
+  "shezhi",
+  "shiyanshiyuyue1",
+  "shopcart",
+  "shouji1",
+  "shouru",
+  "sign-out",
+  "sign-out-2",
+  "sign-out1",
+  "sort-down",
+  "sort-up",
+  "sorting",
+  "square",
+  "systemSet",
+  "taiyang",
+  "taocan",
+  "tel",
+  "test",
+  "text",
+  "time",
+  "tool",
+  "total-circle-fill",
+  "touxiang",
+  "tuijian",
+  "tupianyulan",
+  "tupianyulan1",
+  "upload",
+  "upload-cloud",
+  "upload-cloud-1",
+  "upload-cloud-2",
+  "use-registration",
+  "user",
+  "user-account",
+  "user-info1",
+  "video",
+  "wangzhan",
+  "warn",
+  "warn-fill",
+  "weixin",
+  "weixin1",
+  "weixin2",
+  "word",
+  "xiangji",
+  "xin",
+  "xin1",
+  "xing",
+  "xing-fill",
+  "xingxing-banshixin",
+  "xinshenger",
+  "yanzhengma",
+  "yanzhengma1",
+  "yanzhengma2",
+  "yinger-nan",
+  "yinger-nv",
+  "yinger-unknown",
+  "yuexing",
+  "yulan",
+  "yulan1",
+  "yunfu",
+  "yunfu1",
+  "yuyue",
+  "yuyuedan",
+  "zhichu",
+  "zhongyao",
+  "zhuti",
+  "zhutice",
+  "zip",
+  "zuhu",
+  "zuhu1",
+  "zuopin"
+], w = ["id"], z = /* @__PURE__ */ g({
+  name: "ClIconFont",
+  __name: "Index",
+  props: {
+    id: {},
+    name: {},
+    className: {},
+    size: {},
+    color: {}
+  },
+  setup(r) {
+    const c = new Set(y), i = r, t = i.id, u = o(() => {
+      let e = {
+        "panel-icon-font": !0
+      };
+      const l = i.name;
+      return n.isNonEmptyString(l) && (c.has(l) ? (e.clIconFont = !0, e[`clIcon-${l}`] = !0) : e = n.getJsonMerge(e, a.getClassNameJson(l))), e = n.getJsonMerge(e, a.getClassNameJson(i.className)), e;
+    }), s = o(() => {
+      const e = {};
+      return i.size !== void 0 && i.size !== null && (e["font-size"] = n.isFinite(i.size) ? `${i.size}px` : String(i.size)), i.color && (e.color = i.color), e;
+    });
+    return (e, l) => (d(), m("i", {
+      id: h(t),
+      class: p(u.value),
+      style: f(s.value)
+    }, null, 14, w));
+  }
+});
+export {
+  z as _
+};