@cldemo/ui-kit 1.1.2 → 1.1.4

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

@@ -0,0 +1,429 @@
+import { defineComponent as te, useTemplateRef as ne, computed as I, onMounted as fe, nextTick as pe, onBeforeUnmount as oe, openBlock as F, createElementBlock as R, normalizeClass as ae, renderSlot as ie, reactive as X, ref as me, watch as be, unref as ge, createVNode as L, createSlots as ye, withCtx as U, Fragment as Y } from "vue";
+import le from "@cldemo/ui-kit/common/log";
+import a from "@cldemo/ui-kit/common/base";
+import j from "@cldemo/ui-kit/common/Element";
+import { _ as ee } from "./Index.vue_vue_type_script_setup_true_lang-D9sq4n9i.js";
+import { Drag as we } from "@cldemo/ui-kit/common/Element/Event";
+import { _ as z } from "./Index.vue_vue_type_script_setup_true_lang-CIA-Kc0M.js";
+const De = ["aria-disabled"], q = /* @__PURE__ */ te({
+  name: "ClInputnumberstepperButton",
+  __name: "Button",
+  props: {
+    className: {},
+    disabled: { type: Boolean },
+    checkDownBeforeCallback: { type: Function }
+  },
+  emits: ["onLongDownStart", "onLongDownEnd"],
+  setup(u, { emit: A }) {
+    const t = u, h = A, b = ne("refElButton"), o = {
+      longDownInterval: null,
+      isMoveBoundary: !1,
+      isLongDownActive: !1,
+      isKeyDown: !1,
+      dragEvent: null,
+      sessionSource: null
+    }, f = I(() => {
+      const n = a.getJsonMerge(
+        { "inputNumberStepper-controls": !0 },
+        j.getClassNameJson(t.className)
+      );
+      return n["inputNumberStepper-controls-disabled"] = !!t.disabled, n;
+    }), g = () => {
+      h("onLongDownStart");
+    }, K = (n) => {
+      h("onLongDownEnd", n);
+    }, w = () => {
+      let n = !0;
+      if (t.checkDownBeforeCallback) {
+        try {
+          n = t.checkDownBeforeCallback();
+        } catch (i) {
+          le.warn("ClInputnumberstepperButton", "长按开始回调执行失败，按允许处理", i), n = !0;
+        }
+        n = a.isBoolean(n) ? n : !0;
+      }
+      return n;
+    }, l = () => {
+      o.longDownInterval && (clearInterval(o.longDownInterval), o.longDownInterval = null);
+    }, x = (n) => {
+      o.isLongDownActive && o.sessionSource !== n || (o.isLongDownActive = !0, o.sessionSource = n, g(), l(), o.longDownInterval = setInterval(() => {
+        t.disabled ? D() : g();
+      }, 200));
+    }, B = (n) => {
+      if (o.sessionSource !== "mouse")
+        return;
+      const i = n.target;
+      b.value === n.target || b.value?.contains(i) ? o.isMoveBoundary && (o.isMoveBoundary = !1, !t.disabled && w() && x("mouse")) : (l(), o.isMoveBoundary = !0);
+    }, D = (n, i) => {
+      if (o.isLongDownActive) {
+        if (n && o.sessionSource && n !== o.sessionSource)
+          return;
+        l(), o.isLongDownActive = !1, o.sessionSource = null, o.isKeyDown = !1, K(i);
+      }
+    }, M = () => {
+      const n = {
+        start(i) {
+          if (t.disabled)
+            return !1;
+          const C = i, T = i;
+          let k = !1;
+          return (C.buttons === 1 || i.type === "touchstart" || (T.touches?.length ?? 0) > 0) && (k = w(), k && (o.isMoveBoundary = !1, x("mouse"))), k;
+        },
+        ing: (i) => {
+          B(i);
+        },
+        end: () => {
+          D("mouse");
+        }
+      };
+      b.value && (o.dragEvent = new we(b.value, n));
+    };
+    fe(() => {
+      pe(() => {
+        M();
+      });
+    }), oe(() => {
+      D(), o.dragEvent && (o.dragEvent.end(), o.dragEvent = null);
+    });
+    const P = (n) => {
+      const i = n.key;
+      if (i === "Enter" || i === " ") {
+        if (t.disabled)
+          return;
+        n.preventDefault(), !o.isKeyDown && !o.isLongDownActive && w() && (o.isKeyDown = !0, x("keyboard"));
+      }
+    }, _ = (n) => {
+      const i = n.key;
+      (i === "Enter" || i === " ") && o.isKeyDown && D("keyboard");
+    }, N = () => {
+      (o.isKeyDown || o.isLongDownActive) && D(void 0, !0);
+    };
+    return (n, i) => (F(), R("span", {
+      ref_key: "refElButton",
+      ref: b,
+      class: ae(f.value),
+      role: "button",
+      tabindex: "0",
+      "aria-disabled": t.disabled,
+      onKeydown: P,
+      onKeyup: _,
+      onBlur: N
+    }, [
+      ie(n.$slots, "icon")
+    ], 42, De));
+  }
+}), Se = ["id"], Ie = /* @__PURE__ */ te({
+  name: "ClInputNumberStepper",
+  components: {
+    ClInputNumber: ee,
+    ClInputnumberstepperButton: q,
+    ClIconFont: z
+  },
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件唯一标识（DOM id）
+    value: {
+      type: [String, Number],
+      default: ""
+      // desc: 输入值
+    },
+    className: {
+      type: String,
+      default: ""
+      // desc: 自定义CSS类名
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+      // desc: 是否禁用
+    },
+    size: {
+      type: String,
+      default: "large"
+      // desc: 尺寸 | enum: large, small (可自定义)
+    },
+    btnShowType: {
+      type: String,
+      default: "fixed"
+      // desc: 按钮显示方式 | enum: fixed, focus (可自定义)
+    },
+    btnTheme: {
+      type: String,
+      default: "leftRight",
+      // desc: 按钮布局主题 | enum: leftRight, upDown
+      validator: (u) => ["leftRight", "upDown"].indexOf(u) !== -1
+    },
+    btnShape: {
+      type: String,
+      default: "square",
+      // desc: 按钮形状（仅 leftRight 布局生效） | enum: square, circle
+      validator: (u) => ["square", "circle"].indexOf(u) !== -1
+    },
+    placeholder: {
+      type: String,
+      default: ""
+      // desc: 占位提示文本
+    },
+    isClean: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示清除按钮
+    },
+    isTextRead: {
+      type: Boolean,
+      default: !1
+      // desc: 是否只读
+    },
+    min: Number,
+    // desc: 最小值
+    max: Number,
+    // desc: 最大值
+    isLoop: {
+      type: Boolean,
+      default: !1
+      // desc: 是否循环（到达边界时回绕）
+    },
+    decimal: {
+      type: Number,
+      default: 0
+      // desc: 小数位数
+    },
+    fillZeroCount: {
+      type: Number,
+      default: 0
+      // desc: 补零位数
+    },
+    btnStep: {
+      type: Number,
+      default: 1
+      // desc: 步进值
+    },
+    btnClsIconSub: {
+      type: String,
+      default: ""
+      // desc: 自定义减号按钮图标类名
+    },
+    btnClsIconAdd: {
+      type: String,
+      default: ""
+      // desc: 自定义加号按钮图标类名
+    },
+    operateBtnDownBeforeCallback: {
+      type: Function,
+      default: void 0
+      // desc: 按钮长按前的回调（返回 false 阻止长按，须同步返回）
+    },
+    calculationOperateValueCallback: {
+      type: Function,
+      default: void 0
+      // desc: 数值计算回调（返回 { value, subtractDisabled, addDisabled }）
+    },
+    isPlaintext: {
+      type: Boolean,
+      default: !1
+      // desc: 是否纯文本只读模式，只渲染显示文本（含千分位与小数位）不挂载输入框与加减按钮
+    },
+    plaintextEmptyText: {
+      type: String,
+      default: void 0
+      // desc: 纯文本只读模式下值为空时的显示文本（默认 "-"，显式传空串则显示空白；未显式传时依次读取组件配置段与 plaintextGlobal 段）
+    }
+  },
+  emits: ["update:value", "update:modelValue", "onChange", "onError"],
+  setup(u, { emit: A }) {
+    const t = u, h = A, b = ne("refElInput"), o = X({
+      isFocus: !1
+    }), f = me(""), g = X({
+      subtractDisabled: !1,
+      addDisabled: !1
+    }), K = t.id, w = {
+      upDown: {
+        subtract: "angle-up",
+        add: "angle-down"
+      },
+      leftRight: {
+        subtract: "minus",
+        add: "plus"
+      }
+    };
+    let l = null;
+    const x = () => {
+      const e = t.btnStep;
+      return a.isFinite(e) && e > 0 ? e : 1;
+    }, B = I(() => {
+      const e = t.decimal, r = x().toString();
+      let S = e;
+      if (r.indexOf(".") > -1) {
+        const s = r.split(".")[1].length;
+        e < s && (S = s);
+      }
+      return S === -1 ? -1 : Math.max(0, Math.min(100, Math.round(S)));
+    }), D = I(() => t.fillZeroCount > 0 && a.isFinite(t.fillZeroCount)), M = I(() => {
+      if (a.isNonEmptyString(t.btnClsIconSub))
+        return "";
+      const e = t.btnTheme || "leftRight";
+      return w[e] ? w[e].subtract : "";
+    }), P = I(() => {
+      if (a.isNonEmptyString(t.btnClsIconAdd))
+        return "";
+      const e = t.btnTheme || "leftRight";
+      return w[e] ? w[e].add : "";
+    }), _ = I(() => {
+      if (t.isPlaintext) {
+        let r = { "cl-plaintext-stepper": !0 };
+        return r = a.getJsonMerge(r, j.getClassNameJson(t.className)), r;
+      }
+      let e = {
+        "panel-input-number-stepper": !0,
+        "inputNumberStepper-disabled": t.disabled || !1
+      };
+      return e = a.getJsonMerge(e, j.getClassNameJson(t.className)), e[`inputNumberStepper-btn-${t.btnTheme || "leftRight"}`] = !0, e[`inputNumberStepper-btn-${t.btnShowType || "fixed"}`] = !0, (t.btnTheme || "leftRight") === "leftRight" && t.btnShape === "circle" && (e["inputNumberStepper-btnShape-circle"] = !0), e["inputNumberStepper-focus"] = o.isFocus, e[`inputNumberStepper-${t.size || "large"}`] = !0, e;
+    }), N = () => {
+      const e = f.value;
+      h("update:value", e), h("update:modelValue", e), h("onChange", e);
+    }, n = (e) => {
+      a.isEmpty(e) || b.value?.setValue(e), f.value = e;
+    }, i = (e, r) => {
+      a.isUndefined(e) && (e = ""), a.isString(e) && (e = a.removeReplace(e));
+      const S = e.toString();
+      let s = e, $ = !1, V = !1, Z = !1;
+      if (t.calculationOperateValueCallback) {
+        let c = null;
+        try {
+          const m = t.calculationOperateValueCallback({ value: e, type: r });
+          m && (c = m);
+        } catch {
+          h("onError", "数值计算回调执行失败");
+        }
+        c && (a.isString(c.value) || typeof c.value == "number" && a.isFinite(c.value)) && (s = c.value, $ = c.subtractDisabled || !1, V = c.addDisabled || !1);
+      } else {
+        const c = r && !a.isEmpty(r);
+        if (c || !a.isEmpty(e)) {
+          const m = a.isEmpty(e) ? 0 : Number(e);
+          if (a.isFinite(m)) {
+            const v = t.min, p = t.max, { isLoop: y = !1 } = t, E = a.isUndefined(v), O = a.isUndefined(p), Q = x();
+            let d = m;
+            if (c) {
+              d += Q * (r === "subtract" ? -1 : 1);
+              const W = d.toString();
+              if (W.indexOf(".") > -1) {
+                const de = W.split(".")[1].length, J = B.value;
+                J >= 0 && de > J && (d = Number(d.toFixed(J)));
+              }
+            }
+            !E && d <= v ? (y || ($ = !0), s = d < v && y && !O ? p : v, Z = d !== s) : !O && d >= p ? (y || (V = !0), s = d > p && y && !E ? v : p, Z = d !== s) : s = d;
+          }
+        }
+      }
+      if (typeof s == "number" && B.value > 0 && (s.toString().indexOf(".") > -1 || S.indexOf(".") > -1) && (s = s.toFixed(B.value)), !a.isString(s) && !(typeof s == "number" && a.isFinite(s)) && (s = ""), D.value && !a.isEmpty(s) && a.isFinite(s)) {
+        const c = t.fillZeroCount;
+        c > 10 && le.warn("ClInputNumberStepper", "fillZeroCount 超过 10，按 10 处理", c);
+        const m = s.toString(), v = m.charAt(0) === "-", p = v ? m.slice(1) : m, y = p.indexOf("."), E = y > -1 ? p.slice(0, y) : p, O = y > -1 ? p.slice(y) : "", d = !/[eE]/.test(p) && E.length < c ? a.getFillZero(E, Math.min(c, 10)) : E;
+        s = (v ? "-" : "") + d + O;
+      }
+      return n(s.toString()), g.subtractDisabled = $, g.addDisabled = V, Z;
+    }, C = (e) => {
+      o.isFocus = e, e && b.value?.focus();
+    }, T = (e) => ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].indexOf(e.key) !== -1;
+    oe(() => {
+      l && (clearTimeout(l), l = null);
+    }), be(
+      () => t.value,
+      (e, r) => {
+        e !== r && e !== f.value && i(e) && N();
+      },
+      { immediate: !0 }
+    );
+    const k = (e) => {
+      t.disabled || (e = a.removeReplace(e), n(e), l && (clearTimeout(l), l = null), l = setTimeout(() => {
+        a.isEmpty(f.value) ? (g.subtractDisabled = !1, g.addDisabled = !1) : i(f.value), N();
+      }, 100));
+    }, se = (e) => {
+      if (!t.disabled && !t.isTextRead && T(e)) {
+        e.preventDefault(), l && (clearTimeout(l), l = null);
+        const r = e.key;
+        r === "ArrowLeft" || r === "ArrowDown" ? i(f.value, "subtract") : i(f.value, "add"), N(), C(!0);
+      }
+    }, re = (e) => {
+      !t.disabled && !t.isTextRead && T(e) && (l && (clearTimeout(l), l = null), C(!0));
+    }, ue = () => {
+      C(!0);
+    }, ce = (e) => {
+      C(!1), t.disabled || n(e);
+    }, G = (e) => {
+      l && (clearTimeout(l), l = null), i(f.value, e);
+    }, H = (e) => {
+      l && (clearTimeout(l), l = null), N(), e || C(!0);
+    };
+    return (e, r) => (F(), R("div", {
+      id: ge(K),
+      class: ae(_.value)
+    }, [
+      L(ee, {
+        ref_key: "refElInput",
+        ref: b,
+        value: f.value,
+        placeholder: u.placeholder,
+        disabled: u.disabled,
+        isReadonly: u.isTextRead,
+        isClean: u.isClean,
+        isNumber: !D.value,
+        decimal: B.value,
+        isPlaintext: u.isPlaintext,
+        plaintextEmptyText: u.plaintextEmptyText,
+        theme: "icon",
+        onOnChange: k,
+        onOnKeydown: se,
+        onOnKeyup: re,
+        onOnFocus: ue,
+        onOnBlur: ce
+      }, ye({ _: 2 }, [
+        e.$slots.textPrepend ? {
+          name: "prepend",
+          fn: U(() => [
+            ie(e.$slots, "textPrepend")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["value", "placeholder", "disabled", "isReadonly", "isClean", "isNumber", "decimal", "isPlaintext", "plaintextEmptyText"]),
+      u.isPlaintext ? (F(), R(Y, { key: 1 }, [], 64)) : (F(), R(Y, { key: 0 }, [
+        L(q, {
+          className: "inputNumberStepper-subtract",
+          "aria-label": "减少",
+          disabled: u.disabled || g.subtractDisabled,
+          checkDownBeforeCallback: u.operateBtnDownBeforeCallback,
+          onOnLongDownStart: r[0] || (r[0] = (S) => G("subtract")),
+          onOnLongDownEnd: H
+        }, {
+          icon: U(() => [
+            L(z, {
+              name: M.value,
+              className: u.btnClsIconSub
+            }, null, 8, ["name", "className"])
+          ]),
+          _: 1
+        }, 8, ["disabled", "checkDownBeforeCallback"]),
+        L(q, {
+          className: "inputNumberStepper-add",
+          "aria-label": "增加",
+          disabled: u.disabled || g.addDisabled,
+          checkDownBeforeCallback: u.operateBtnDownBeforeCallback,
+          onOnLongDownStart: r[1] || (r[1] = (S) => G("add")),
+          onOnLongDownEnd: H
+        }, {
+          icon: U(() => [
+            L(z, {
+              name: P.value,
+              className: u.btnClsIconAdd
+            }, null, 8, ["name", "className"])
+          ]),
+          _: 1
+        }, 8, ["disabled", "checkDownBeforeCallback"])
+      ], 64))
+    ], 10, Se));
+  }
+});
+export {
+  Ie as _
+};