hys-ui 0.1.1 → 0.2.0

package/dist/components/HysNumberInput/HysNumberInput2.vue.js

@@ -1,98 +1,580 @@
-import { defineComponent as g, ref as w, computed as C, openBlock as m, createElementBlock as r, mergeProps as M, unref as b, createVNode as y, createCommentVNode as c, createElementVNode as B } from "vue";
-import { Minus as A, Plus as F } from "lucide-vue-next";
-import { useHysRootAttrs as p } from "../../config.js";
-const z = ["disabled"], D = ["aria-label", "value", "min", "max", "step", "disabled", "readonly"], I = ["disabled"], L = /* @__PURE__ */ g({
+import { defineComponent as He, useAttrs as Ke, inject as Se, ref as q, useId as qe, shallowRef as Ge, computed as s, watch as G, onMounted as We, onUpdated as Xe, onActivated as Ye, onDeactivated as Je, onBeforeUnmount as Qe, openBlock as g, createElementBlock as B, mergeProps as De, unref as d, createElementVNode as I, renderSlot as S, createCommentVNode as D, normalizeClass as Ze, createBlock as _e, withModifiers as W, createVNode as X, Fragment as ea, toDisplayString as aa, nextTick as ta } from "vue";
+import { LoaderCircle as na, X as la, Minus as ra, Plus as ua, ChevronUp as ia, ChevronDown as oa } from "lucide-vue-next";
+import { fieldKey as sa, formKey as da, useHysControlState as va } from "../../composables/formContext.js";
+import { decimal as o, normalizeDecimal as Y, decimalCompare as F, decimalText as p, decimalRound as fa, decimalAdd as ie } from "../../composables/numberInput.js";
+import { useHysRootAttrs as ca } from "../../config.js";
+const ma = { class: "hys-ui-number-group" }, pa = {
+  key: 0,
+  class: "hys-ui-number-addon"
+}, ba = { class: "hys-ui-number-main" }, ya = ["id", "type", "role", "inputmode", "aria-label", "aria-valuenow", "aria-valuetext", "aria-valuemin", "aria-valuemax", "aria-invalid", "aria-required", "aria-describedby", "value", "min", "max", "step", "disabled", "readonly", "placeholder"], ha = {
+  key: 0,
+  class: "hys-ui-number-affix hys-ui-number-prefix"
+}, ka = {
+  key: 1,
+  class: "hys-ui-number-affix"
+}, ga = ["disabled"], wa = ["disabled"], Ma = {
+  key: 1,
+  class: "hys-ui-number-controls"
+}, Ba = ["disabled"], Ca = ["disabled"], Ea = {
+  key: 1,
+  class: "hys-ui-number-addon"
+}, Na = ["name", "value", "disabled"], Sa = ["id"], Oa = /* @__PURE__ */ He({
+  inheritAttrs: !1,
   __name: "HysNumberInput",
   props: {
     modelValue: {},
+    defaultValue: {},
     min: {},
     max: {},
     step: { default: 1 },
+    stepBase: { default: 0 },
     precision: {},
     stepStrictly: { type: Boolean },
+    stringMode: { type: Boolean },
+    valueOnClear: { default: null },
+    clearable: { type: Boolean },
+    updateOnInput: { type: Boolean },
+    formatter: {},
+    parser: {},
+    decimalSeparator: { default: "." },
+    validator: {},
+    allowInput: {},
     disabled: { type: Boolean },
     readonly: { type: Boolean },
+    loading: { type: Boolean },
     ariaLabel: {},
+    placeholder: {},
+    name: {},
+    error: {},
+    status: {},
     showControls: { type: Boolean, default: !0 },
+    controlsPosition: { default: "both" },
     selectOnFocus: { type: Boolean, default: !1 },
-    size: { default: "md" }
+    keyboard: { type: [Boolean, Object], default: !0 },
+    wheel: { type: Boolean },
+    repeat: { type: Boolean, default: !0 },
+    repeatDelay: { default: 450 },
+    repeatInterval: { default: 80 },
+    size: {},
+    bordered: { type: Boolean, default: !0 },
+    round: { type: Boolean },
+    block: { type: Boolean },
+    autofocus: { type: Boolean },
+    align: { default: "center" }
   },
-  emits: ["update:modelValue", "change", "input", "focus", "blur"],
-  setup(l, { expose: v, emit: x }) {
-    const a = l, d = x, V = p(), u = w(), i = C(() => Number.isFinite(a.step) && a.step !== 0 ? Math.abs(a.step) : 1), s = (t) => {
-      const [e, n = "0"] = String(t).toLowerCase().split("e");
-      return Math.max(0, (e.split(".")[1] || "").length - Number(n));
+  emits: ["update:modelValue", "change", "input", "clear", "focus", "blur", "pressEnter", "step", "invalid"],
+  setup(i, { expose: $e, emit: Ie }) {
+    const t = i, f = Ie, Pe = ca(), Ae = Ke(), y = Se(sa, void 0), oe = Se(da, void 0), v = q(), me = qe(), {
+      disabled: Oe,
+      size: ze,
+      label: Ve
+    } = va(t), pe = Ge(t.defaultValue ?? null), w = s(
+      () => t.modelValue !== void 0 ? t.modelValue : pe.value
+    ), C = s(() => o(w.value)), L = s(() => {
+      const e = o(t.step);
+      return e && e.units !== 0n ? { ...e, units: e.units < 0n ? -e.units : e.units } : o(1);
+    }), be = s(() => o(t.stepBase) ?? o(0)), h = s(
+      () => o(t.min) ?? (t.stringMode ? void 0 : o(Number.MIN_SAFE_INTEGER))
+    ), k = s(
+      () => o(t.max) ?? (t.stringMode ? void 0 : o(Number.MAX_SAFE_INTEGER))
+    ), J = s(
+      () => t.precision !== void 0 && Number.isFinite(t.precision) ? Math.min(
+        100,
+        Math.max(
+          0,
+          Math.floor(t.precision),
+          L.value.scale,
+          t.stepStrictly ? be.value.scale : 0
+        )
+      ) : void 0
+    ), R = s(() => ({
+      step: L.value,
+      base: be.value,
+      min: h.value,
+      max: k.value,
+      precision: J.value,
+      strict: t.stepStrictly
+    })), Q = s(
+      () => !Y(o(0), R.value)
+    ), xe = s(
+      () => !!C.value && (!!h.value && F(C.value, h.value) < 0 || !!k.value && F(C.value, k.value) > 0)
+    ), E = s(() => Oe.value || t.loading), $ = s(() => !E.value && !t.readonly), Fe = s(() => t.error || (y == null ? void 0 : y.error.value)), ye = s(
+      () => {
+        var e;
+        return !!Fe.value || !!((e = y == null ? void 0 : y.invalid) != null && e.value) || t.status === "error" || Q.value || xe.value;
+      }
+    ), se = s(
+      () => {
+        var e;
+        return ye.value ? "error" : t.status ?? ((e = y == null ? void 0 : y.status) == null ? void 0 : e.value);
+      }
+    ), T = s(
+      () => t.formatter || t.parser || t.allowInput || t.stringMode || t.decimalSeparator !== "." ? "text" : "number"
+    ), P = q(""), M = q(!1), N = q(!1), he = q(!1);
+    let A = !0, Z = 0, _, ee, ae = !1, U, ke = "";
+    const de = (e, a) => e === null || a === null ? e === a : !!o(e) && !!o(a) && F(o(e), o(a)) === 0, ge = (e) => e === null ? "null" : o(e) ? p(o(e)) : "invalid", ve = (e) => {
+      const a = e ? Number(p(e)) : NaN;
+      return Number.isFinite(a) ? a : void 0;
+    };
+    function O(e) {
+      return t.stringMode ? p(e) : Number(p(e));
+    }
+    function j(e, a = !1, n = "") {
+      const r = o(e), u = r ? p(
+        J.value === void 0 ? r : fa(r, J.value),
+        J.value
+      ) : "";
+      try {
+        return t.formatter ? String(t.formatter(e, { userTyping: a, input: n })) : t.decimalSeparator !== "." ? u.replace(".", t.decimalSeparator) : u;
+      } catch {
+        return u;
+      }
+    }
+    function H(e, a = !1) {
+      P.value = e, ke = e, v.value && (a || v.value.value !== e) && (v.value.value = e);
+    }
+    function m() {
+      M.value = !1, H(j(w.value), !0);
+    }
+    function Le() {
+      return Object.fromEntries(
+        Object.entries(Ae).filter(
+          ([e]) => !["class", "style", "type"].includes(e)
+        )
+      );
+    }
+    function te(e) {
+      if (!e.trim()) return { kind: "empty" };
+      try {
+        const a = t.parser ? t.parser(e) : t.decimalSeparator !== "." ? e.replace(t.decimalSeparator, ".") : e, n = o(a);
+        return n ? { kind: "value", value: n } : { kind: "invalid" };
+      } catch {
+        return { kind: "invalid" };
+      }
+    }
+    function ne(e, a, n = !0) {
+      try {
+        if (!t.validator || t.validator(e) === !0) return !0;
+      } catch {
+      }
+      return n && f("invalid", { input: a, reason: "validator" }), !1;
+    }
+    function le(e, a = !1) {
+      const n = ++Z;
+      de(w.value, e) || (_ = ge(e), t.modelValue === void 0 && (pe.value = e), f("update:modelValue", e), f("change", e)), a || (M.value = !1, H(j(e), !0)), ta(() => {
+        n !== Z || !A || (t.modelValue !== void 0 && !de(w.value, e) ? m() : a || H(j(w.value)), _ = void 0);
+      });
+    }
+    function fe() {
+      if (t.valueOnClear === "min")
+        return h.value ? O(h.value) : null;
+      if (t.valueOnClear === "max")
+        return k.value ? O(k.value) : null;
+      const e = o(t.valueOnClear);
+      return e ? O(e) : null;
+    }
+    function K(e = ((a) => (a = v.value) == null ? void 0 : a.value)() ?? P.value) {
+      var l;
+      if (!A || !$.value) return !1;
+      if (T.value === "number" && ((l = v.value) != null && l.validity.badInput) && e === v.value.value)
+        return f("invalid", { input: e, reason: "parse" }), m(), !1;
+      const n = te(e);
+      if (n.kind === "invalid")
+        return f("invalid", { input: e, reason: "parse" }), m(), !1;
+      if (Q.value)
+        return f("invalid", { input: e, reason: "range" }), m(), !1;
+      const r = n.kind === "value" ? Y(n.value, R.value) : void 0;
+      if (n.kind === "value" && !r)
+        return f("invalid", { input: e, reason: "range" }), m(), !1;
+      const u = r ? O(r) : fe();
+      return typeof u == "number" && !Number.isFinite(u) ? (f("invalid", { input: e, reason: "range" }), m(), !1) : ne(u, e) ? (le(u), !0) : (m(), !1);
+    }
+    function we() {
+      var a;
+      if (!$.value || !A) return;
+      const e = fe();
+      ne(e, "") && (le(e), f("input", e), f("clear"), (a = v.value) == null || a.focus());
+    }
+    function Me(e) {
+      if (!$.value || !A) return;
+      const a = e.target, n = a.value, r = a.selectionStart;
+      if (N.value) {
+        P.value = n;
+        return;
+      }
+      const u = () => {
+        const c = ke;
+        if (H(c, !0), r !== null) {
+          const x = Math.max(0, r - (n.length - c.length));
+          try {
+            a.setSelectionRange(x, x);
+          } catch {
+          }
+        }
+      };
+      try {
+        if (t.allowInput && t.allowInput(n) === !1) {
+          u();
+          return;
+        }
+      } catch {
+        u();
+        return;
+      }
+      M.value = !0;
+      const l = T.value === "number" && a.validity.badInput ? { kind: "invalid" } : te(n), V = l.kind === "value" ? O(l.value) : null;
+      if (H(
+        l.kind === "value" && t.formatter ? j(V, !0, n) : n
+      ), r !== null && a.value !== n) {
+        const c = Math.max(0, a.value.length - (n.length - r));
+        try {
+          a.setSelectionRange(c, c);
+        } catch {
+        }
+      }
+      if (f("input", V), t.updateOnInput && l.kind !== "invalid" && !Q.value) {
+        const c = l.kind === "value" ? Y(l.value, R.value) : void 0, x = c ? O(c) : fe();
+        (typeof x != "number" || Number.isFinite(x)) && ne(x, n) && le(x, !0);
+      }
+    }
+    function ce(e) {
+      if (!$.value || Q.value) return !1;
+      const a = M.value ? te(P.value) : void 0, n = (a == null ? void 0 : a.kind) === "value" ? a.value : C.value;
+      if (!n) return !0;
+      if (e > 0 && k.value && F(n, k.value) >= 0 || e < 0 && h.value && F(n, h.value) <= 0)
+        return !1;
+      const r = Y(
+        ie(n, L.value, e),
+        R.value
+      );
+      return !r || F(r, n) !== e ? !1 : t.stringMode || Number(p(r)) !== Number(p(n));
+    }
+    const Be = s(() => !ce(-1)), Ce = s(() => !ce(1));
+    function z(e, a = 1, n = "method") {
+      if (!A || N.value || !ce(e)) return !1;
+      const r = Number.isFinite(a) ? Math.max(1, Math.min(1e6, Math.floor(a))) : 1, u = M.value ? te(P.value) : void 0, l = (u == null ? void 0 : u.kind) === "value" ? u.value : C.value ?? o(0), V = Y(
+        ie(l, L.value, e * r),
+        R.value
+      );
+      if (!V) return !1;
+      const c = O(V);
+      return typeof c == "number" && !Number.isFinite(c) || !ne(c, P.value) || de(w.value, c) && !M.value ? !1 : (le(c), f("step", c, {
+        offset: t.stringMode ? p(ie(V, l, -1)) : Number(p(ie(V, l, -1))),
+        type: e > 0 ? "up" : "down",
+        source: n
+      }), !0);
+    }
+    function b() {
+      clearTimeout(ee), ee = void 0, U == null || U(), U = void 0;
+    }
+    function re(e, a) {
+      var u;
+      if (a.button !== 0 || !$.value || (a.preventDefault(), b(), (u = v.value) == null || u.focus(), ae = !0, !z(e, 1, "button") || !t.repeat)) return;
+      const n = () => {
+        if (!z(e, 1, "repeat")) {
+          b();
+          return;
+        }
+        ee = setTimeout(n, Math.max(20, t.repeatInterval));
+      };
+      ee = setTimeout(n, Math.max(0, t.repeatDelay));
+      const r = () => b();
+      document.addEventListener("pointerup", r, !0), document.addEventListener("pointercancel", r, !0), window.addEventListener("blur", r), U = () => {
+        document.removeEventListener("pointerup", r, !0), document.removeEventListener("pointercancel", r, !0), window.removeEventListener("blur", r);
+      };
+    }
+    function ue(e, a) {
+      if (a.detail > 0 && ae) {
+        ae = !1;
+        return;
+      }
+      ae = !1, z(e, 1, "button");
+    }
+    function Re(e) {
+      if (e.isComposing || N.value || e.keyCode === 229) return;
+      if (e.key === "Enter") {
+        $.value && (K(), f("pressEnter", e));
+        return;
+      }
+      if (e.key === "Escape") {
+        M.value && (e.preventDefault(), m());
+        return;
+      }
+      if (!["ArrowUp", "ArrowDown", "Home", "End", "PageUp", "PageDown"].includes(
+        e.key
+      ) || !$.value) return;
+      if (!(t.keyboard !== !1 && (typeof t.keyboard != "object" || t.keyboard[e.key] !== !1))) {
+        (e.key === "ArrowUp" || e.key === "ArrowDown") && e.preventDefault();
+        return;
+      }
+      if (e.key === "Home" || e.key === "End") {
+        const n = e.key === "Home" ? t.min === void 0 ? void 0 : h.value : t.max === void 0 ? void 0 : k.value;
+        n && (e.preventDefault(), K(p(n)));
+        return;
+      }
+      e.preventDefault(), z(
+        e.key === "ArrowUp" || e.key === "PageUp" ? 1 : -1,
+        e.key.startsWith("Page") || e.shiftKey ? 10 : 1,
+        "keyboard"
+      );
+    }
+    function Te(e) {
+      if (!(!$.value || document.activeElement !== v.value || !e.deltaY || e.ctrlKey)) {
+        if (!t.wheel) {
+          T.value === "number" && e.preventDefault();
+          return;
+        }
+        e.preventDefault(), z(e.deltaY < 0 ? 1 : -1, 1, "wheel");
+      }
+    }
+    function Ue(e) {
+      var a;
+      t.selectOnFocus && ((a = v.value) == null || a.select()), f("focus", e);
+    }
+    function je(e) {
+      b(), M.value && !N.value && K(), f("blur", e);
+    }
+    function Ee() {
+      var e, a;
+      he.value = !!((a = (e = v.value) == null ? void 0 : e.labels) != null && a.length);
+    }
+    G(
+      w,
+      () => {
+        _ === ge(w.value) && M.value && t.updateOnInput || m();
+      },
+      { flush: "sync" }
+    ), G(
+      () => oe == null ? void 0 : oe.resetting.value,
+      (e) => {
+        e && (Z++, _ = void 0, N.value = !1, b(), m());
+      },
+      { flush: "sync" }
+    ), G(
+      () => [
+        t.formatter,
+        t.parser,
+        t.decimalSeparator,
+        t.precision,
+        t.step,
+        t.stepStrictly,
+        t.stringMode
+      ],
+      () => {
+        b(), M.value || m();
+      }
+    ), G(() => [t.min, t.max], b), G(
+      () => [
+        E.value,
+        t.readonly,
+        t.showControls,
+        t.controlsPosition
+      ],
+      () => {
+        b(), (E.value || t.readonly) && (N.value = !1, m());
+      }
+    );
+    function Ne() {
+      A = !1, Z++, b(), N.value = !1, m();
+    }
+    return We(() => {
+      var e;
+      m(), Ee(), t.autofocus && !E.value && ((e = v.value) == null || e.focus());
+    }), Xe(Ee), Ye(() => {
+      A = !0;
+    }), Je(Ne), Qe(Ne), $e({
+      input: v,
+      focus: (e) => {
+        var a;
+        E.value || (a = v.value) == null || a.focus(e);
+      },
+      blur: () => {
+        var e;
+        return (e = v.value) == null ? void 0 : e.blur();
+      },
+      select: () => {
+        var e;
+        return (e = v.value) == null ? void 0 : e.select();
+      },
+      clear: we,
+      commit: K,
+      increase: (e) => z(1, e),
+      decrease: (e) => z(-1, e)
+    }), (e, a) => {
+      var n, r, u;
+      return g(), B("div", De(d(Pe), {
+        class: ["hys-ui-number-wrap", [
+          e.$attrs.class,
+          "hys-ui-number-" + d(ze),
+          { "hys-ui-number-block": i.block }
+        ]],
+        style: e.$attrs.style
+      }), [
+        I("div", ma, [
+          e.$slots.prepend ? (g(), B("span", pa, [
+            S(e.$slots, "prepend", {}, void 0, !0)
+          ])) : D("", !0),
+          I("div", {
+            class: Ze(["hys-ui-ex-number", [
+              "hys-ui-number-" + i.controlsPosition,
+              {
+                "hys-ui-ex-number-disabled": E.value,
+                "hys-ui-number-borderless": !i.bordered,
+                "hys-ui-number-round": i.round,
+                "hys-ui-number-error": se.value === "error",
+                "hys-ui-number-warning": se.value === "warning",
+                "hys-ui-number-success": se.value === "success"
+              }
+            ]])
+          }, [
+            I("div", ba, [
+              I("input", De({
+                ref_key: "input",
+                ref: v
+              }, Le(), {
+                id: e.$attrs.id || ((n = d(y)) == null ? void 0 : n.id.value) || void 0,
+                type: T.value,
+                role: T.value === "text" ? "spinbutton" : void 0,
+                inputmode: e.$attrs.inputmode || "decimal",
+                "aria-label": i.ariaLabel || e.$attrs["aria-label"] || d(Ve) || (he.value ? void 0 : "数值"),
+                "aria-valuenow": ve(C.value),
+                "aria-valuetext": C.value ? j(w.value) : void 0,
+                "aria-valuemin": ve(h.value),
+                "aria-valuemax": ve(k.value),
+                "aria-invalid": ye.value || void 0,
+                "aria-required": ((r = d(y)) == null ? void 0 : r.required.value) || void 0,
+                "aria-describedby": [
+                  i.error ? d(me) : (u = d(y)) == null ? void 0 : u.describedBy.value,
+                  e.$attrs["aria-describedby"]
+                ].filter(Boolean).join(" ") || void 0,
+                "data-hys-ui-field-managed": "",
+                value: P.value,
+                min: h.value ? d(p)(h.value) : void 0,
+                max: k.value ? d(p)(k.value) : void 0,
+                step: d(p)(L.value),
+                disabled: E.value,
+                readonly: i.readonly,
+                placeholder: i.placeholder,
+                style: { textAlign: i.align },
+                onInput: Me,
+                onChange: a[0] || (a[0] = (l) => K()),
+                onFocus: Ue,
+                onBlur: je,
+                onKeydown: Re,
+                onWheel: Te,
+                onCompositionstart: a[1] || (a[1] = (l) => N.value = !0),
+                onCompositionend: a[2] || (a[2] = (l) => {
+                  N.value = !1, Me(l);
+                })
+              }), null, 16, ya),
+              e.$slots.prefix ? (g(), B("span", ha, [
+                S(e.$slots, "prefix", {}, void 0, !0)
+              ])) : D("", !0),
+              e.$slots.suffix ? (g(), B("span", ka, [
+                S(e.$slots, "suffix", {}, void 0, !0)
+              ])) : D("", !0),
+              i.loading ? (g(), _e(d(na), {
+                key: 2,
+                size: 15,
+                class: "hys-ui-icon-spin hys-ui-number-loading"
+              })) : D("", !0),
+              i.clearable && w.value !== null && !E.value && !i.readonly ? (g(), B("button", {
+                key: 3,
+                type: "button",
+                class: "hys-ui-number-clear",
+                "aria-label": "清空数值",
+                onMousedown: a[3] || (a[3] = W(() => {
+                }, ["prevent"])),
+                onClick: we
+              }, [
+                S(e.$slots, "clear-icon", {}, () => [
+                  X(d(la), { size: 13 })
+                ], !0)
+              ], 32)) : D("", !0)
+            ]),
+            i.showControls && i.controlsPosition === "both" ? (g(), B(ea, { key: 0 }, [
+              I("button", {
+                type: "button",
+                class: "hys-ui-number-decrease",
+                "aria-label": "减少",
+                disabled: Be.value,
+                onMousedown: a[4] || (a[4] = W(() => {
+                }, ["prevent"])),
+                onPointerdown: a[5] || (a[5] = (l) => re(-1, l)),
+                onPointerleave: b,
+                onClick: a[6] || (a[6] = (l) => ue(-1, l))
+              }, [
+                S(e.$slots, "decrease-icon", {}, () => [
+                  X(d(ra), { size: 16 })
+                ], !0)
+              ], 40, ga),
+              I("button", {
+                type: "button",
+                class: "hys-ui-number-increase",
+                "aria-label": "增加",
+                disabled: Ce.value,
+                onMousedown: a[7] || (a[7] = W(() => {
+                }, ["prevent"])),
+                onPointerdown: a[8] || (a[8] = (l) => re(1, l)),
+                onPointerleave: b,
+                onClick: a[9] || (a[9] = (l) => ue(1, l))
+              }, [
+                S(e.$slots, "increase-icon", {}, () => [
+                  X(d(ua), { size: 16 })
+                ], !0)
+              ], 40, wa)
+            ], 64)) : i.showControls ? (g(), B("div", Ma, [
+              I("button", {
+                type: "button",
+                "aria-label": "增加",
+                disabled: Ce.value,
+                onMousedown: a[10] || (a[10] = W(() => {
+                }, ["prevent"])),
+                onPointerdown: a[11] || (a[11] = (l) => re(1, l)),
+                onPointerleave: b,
+                onClick: a[12] || (a[12] = (l) => ue(1, l))
+              }, [
+                S(e.$slots, "increase-icon", {}, () => [
+                  X(d(ia), { size: 13 })
+                ], !0)
+              ], 40, Ba),
+              I("button", {
+                type: "button",
+                "aria-label": "减少",
+                disabled: Be.value,
+                onMousedown: a[13] || (a[13] = W(() => {
+                }, ["prevent"])),
+                onPointerdown: a[14] || (a[14] = (l) => re(-1, l)),
+                onPointerleave: b,
+                onClick: a[15] || (a[15] = (l) => ue(-1, l))
+              }, [
+                S(e.$slots, "decrease-icon", {}, () => [
+                  X(d(oa), { size: 13 })
+                ], !0)
+              ], 40, Ca)
+            ])) : D("", !0)
+          ], 2),
+          e.$slots.append ? (g(), B("span", Ea, [
+            S(e.$slots, "append", {}, void 0, !0)
+          ])) : D("", !0)
+        ]),
+        i.name ? (g(), B("input", {
+          key: 0,
+          type: "hidden",
+          name: i.name,
+          value: C.value ? d(p)(C.value) : "",
+          disabled: E.value
+        }, null, 8, Na)) : D("", !0),
+        i.error ? (g(), B("small", {
+          key: 1,
+          id: d(me),
+          class: "hys-ui-number-error-text",
+          role: "alert"
+        }, aa(i.error), 9, Sa)) : D("", !0)
+      ], 16);
     };
-    function h(t) {
-      let e = Number.isFinite(t) ? t : 0;
-      return a.stepStrictly && (e = Math.round(e / i.value) * i.value), e = Math.min(a.max ?? 1 / 0, Math.max(a.min ?? -1 / 0, e)), Number(e.toFixed(Math.min(12, Math.max(0, a.precision ?? Math.max(s(i.value), s(a.modelValue), s(e))))));
-    }
-    function o(t) {
-      if (a.disabled || a.readonly) return;
-      const e = h(t);
-      e !== a.modelValue ? (d("update:modelValue", e), d("change", e)) : u.value && (u.value.value = String(e));
-    }
-    function k(t) {
-      if (a.disabled || a.readonly) return;
-      const e = t.target;
-      d("input", e.value !== "" && Number.isFinite(e.valueAsNumber) ? e.valueAsNumber : null);
-    }
-    function N(t) {
-      t.key === "ArrowUp" || t.key === "ArrowDown" ? (t.preventDefault(), o(a.modelValue + (t.key === "ArrowUp" ? i.value : -i.value))) : t.key === "Home" && a.min !== void 0 ? (t.preventDefault(), o(a.min)) : t.key === "End" && a.max !== void 0 && (t.preventDefault(), o(a.max));
-    }
-    return v({ focus: () => {
-      var t;
-      return (t = u.value) == null ? void 0 : t.focus();
-    }, blur: () => {
-      var t;
-      return (t = u.value) == null ? void 0 : t.blur();
-    }, select: () => {
-      var t;
-      return (t = u.value) == null ? void 0 : t.select();
-    } }), (t, e) => (m(), r("div", M(b(V), {
-      class: ["hys-ui-ex-number", [{ "hys-ui-ex-number-disabled": l.disabled }, "hys-ui-number-" + l.size]]
-    }), [
-      l.showControls ? (m(), r("button", {
-        key: 0,
-        type: "button",
-        "aria-label": "减少",
-        disabled: l.disabled || l.readonly || l.min !== void 0 && l.modelValue <= l.min,
-        onClick: e[0] || (e[0] = (n) => o(l.modelValue - i.value))
-      }, [
-        y(b(A), { size: 16 })
-      ], 8, z)) : c("", !0),
-      B("input", {
-        ref_key: "input",
-        ref: u,
-        type: "number",
-        "aria-label": l.ariaLabel || "数值",
-        value: l.modelValue,
-        min: l.min,
-        max: l.max,
-        step: i.value,
-        disabled: l.disabled,
-        readonly: l.readonly,
-        onFocus: e[1] || (e[1] = (n) => {
-          var f;
-          l.selectOnFocus && ((f = u.value) == null || f.select()), d("focus", n);
-        }),
-        onBlur: e[2] || (e[2] = (n) => d("blur", n)),
-        onKeydown: N,
-        onInput: k,
-        onChange: e[3] || (e[3] = (n) => o(Number(n.target.value)))
-      }, null, 40, D),
-      l.showControls ? (m(), r("button", {
-        key: 1,
-        type: "button",
-        "aria-label": "增加",
-        disabled: l.disabled || l.readonly || l.max !== void 0 && l.modelValue >= l.max,
-        onClick: e[4] || (e[4] = (n) => o(l.modelValue + i.value))
-      }, [
-        y(b(F), { size: 16 })
-      ], 8, I)) : c("", !0)
-    ], 16));
   }
 });
 export {
-  L as default
+  Oa as default
 };