x-next 1.5.0 → 1.7.0

package/dist/es/components/color-picker/panel.js

@@ -0,0 +1,307 @@
+import { defineComponent as K, createVNode as o, Fragment as J, ref as z, watch as j, computed as b } from "vue";
+import { getClassNameMixin as Q } from "../../_utils/config.js";
+import { rgbToHsl as W, hslToRgb as X } from "../../_utils/palette.js";
+import { formatColor as E, rgbToHsv as _, hsvToRgb as Y, toRgbaString as Z, toAlphaSliderColor as ee, parseColorAlpha as G, formatAlphaPercent as ae } from "../../_utils/color.js";
+import le from "../form-input/Input.js";
+import ne from "../form-input-number/InputNumber.js";
+import te from "../button/Button.js";
+import oe from "../../icons/default/check.js";
+import se from "./sv-panel.js";
+import re from "./gradient-slider.js";
+const he = "linear-gradient(to right, red, yellow, lime, cyan, blue, magenta, red)", Ce = /* @__PURE__ */ K({
+  name: "ColorPickerPanel",
+  props: {
+    value: {
+      type: Object,
+      required: !0
+    },
+    modes: {
+      type: Array,
+      default: () => ["hex", "rgb", "hsl"]
+    },
+    showAlpha: {
+      type: Boolean,
+      default: !0
+    },
+    swatches: {
+      type: Array,
+      default: () => []
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    showConfirm: {
+      type: Boolean,
+      default: !0
+    },
+    showClear: {
+      type: Boolean,
+      default: !0
+    },
+    /** 已本地化的文案，由外层 ColorPicker 注入，避免面板层再做一次 locale 注入 */
+    texts: {
+      type: Object,
+      default: () => ({
+        clear: "",
+        confirm: "",
+        hue: "",
+        alpha: "",
+        saturation: ""
+      })
+    }
+  },
+  emits: {
+    change: (a, h) => !0,
+    confirm: (a) => !0,
+    clear: () => !0,
+    close: () => !0
+  },
+  setup(a, {
+    emit: h
+  }) {
+    const y = Q("color-picker"), d = z(a.modes[0] ?? "hex"), u = z(_(a.value)), c = z(a.value.a);
+    j(() => a.value, (e) => {
+      const l = _(e);
+      (Math.abs(l.h - u.value.h) > 0.5 || Math.abs(l.s - u.value.s) > 0.5 || Math.abs(l.v - u.value.v) > 0.5) && (u.value = l), Math.abs(e.a - c.value) > 1e-3 && (c.value = e.a);
+    }), j(() => a.modes, (e) => {
+      e.length && !e.includes(d.value) && (d.value = e[0]);
+    });
+    const n = b(() => {
+      const [e, l, s] = Y(u.value);
+      return {
+        r: e,
+        g: l,
+        b: s,
+        a: a.showAlpha ? c.value : 1
+      };
+    }), m = (e, l) => h("change", e, l), H = (e) => {
+      u.value = e, m(n.value);
+    }, S = (e) => {
+      u.value = {
+        ...u.value,
+        h: e / 100 * 360
+      }, m(n.value);
+    }, B = (e) => {
+      c.value = e / 100, m(n.value);
+    }, I = b(() => `linear-gradient(to right, ${Z({
+      ...n.value,
+      a: 0
+    })}, ${ee(n.value)})`), k = b(() => E(n.value, "hex", a.showAlpha)), p = (e, l) => {
+      u.value = _(e), c.value = e.a, m({
+        ...e,
+        a: a.showAlpha ? e.a : 1
+      }, l);
+    }, P = (e) => {
+      const l = G(e);
+      l && p(l);
+    }, V = b(() => [Math.round(n.value.r), Math.round(n.value.g), Math.round(n.value.b)]), w = b(() => {
+      const {
+        h: e,
+        s: l,
+        l: s
+      } = W([Math.round(n.value.r), Math.round(n.value.g), Math.round(n.value.b)]);
+      return [Math.round(e), Math.round(l), Math.round(s)];
+    }), N = (e, l, s) => {
+      if (s === void 0) return;
+      if (e === "rgb") {
+        const i = {
+          ...n.value
+        };
+        l === 0 ? i.r = s : l === 1 ? i.g = s : i.b = s, p(i);
+        return;
+      }
+      const [T, U, A] = w.value, v = {
+        h: T,
+        s: U,
+        l: A
+      };
+      l === 0 ? v.h = s : l === 1 ? v.s = s : v.l = s;
+      const [f, r, M] = X(v);
+      p({
+        r: f,
+        g: r,
+        b: M,
+        a: n.value.a
+      });
+    }, R = b(() => E(n.value, "hex", a.showAlpha));
+    return {
+      className: y,
+      activeMode: d,
+      hsv: u,
+      alpha: c,
+      rgba: n,
+      hexValue: k,
+      rgbChannels: V,
+      hslChannels: w,
+      activeSwatch: R,
+      alphaBackground: I,
+      handleHsvChange: H,
+      handleHueChange: S,
+      handleAlphaChange: B,
+      handleHexInput: P,
+      handleChannelChange: N,
+      handleSwatchClick: (e, l) => {
+        const s = G(e);
+        s && p(s, l);
+      },
+      confirm: () => h("confirm", n.value),
+      clear: () => h("clear"),
+      close: () => h("close"),
+      formatAlphaPercent: ae,
+      HUE_GRADIENT: he,
+      Input: le,
+      InputNumber: ne,
+      Button: te,
+      IconCheck: oe,
+      SvPanel: se,
+      GradientSlider: re,
+      parseColorAlpha: G
+    };
+  },
+  render() {
+    const {
+      className: a,
+      activeMode: h,
+      hsv: y,
+      alpha: d,
+      rgba: u,
+      hexValue: c,
+      rgbChannels: n,
+      hslChannels: m,
+      activeSwatch: H,
+      alphaBackground: S,
+      handleHsvChange: B,
+      handleHueChange: I,
+      handleAlphaChange: k,
+      handleHexInput: p,
+      handleChannelChange: P,
+      handleSwatchClick: V,
+      confirm: w,
+      clear: N,
+      formatAlphaPercent: R,
+      HUE_GRADIENT: L,
+      Input: e,
+      InputNumber: l,
+      Button: s,
+      IconCheck: T,
+      SvPanel: U,
+      GradientSlider: A,
+      parseColorAlpha: v,
+      showAlpha: f,
+      disabled: r,
+      swatches: M,
+      showConfirm: i,
+      showClear: $,
+      modes: D,
+      texts: g
+    } = this, O = h === "rgb" ? n : m, q = h === "rgb" ? 255 : void 0;
+    return o("div", {
+      class: [a.element("panel"), {
+        [a.is("disabled")]: r
+      }],
+      onKeydown: (t) => {
+        t.key === "Escape" && (t.stopPropagation(), this.close());
+      }
+    }, [o("div", {
+      class: a.element("panel-body")
+    }, [o(U, {
+      value: y,
+      disabled: r,
+      onChange: B,
+      ariaLabel: g.saturation
+    }, null), o("div", {
+      class: a.element("sliders")
+    }, [o(A, {
+      value: y.h / 360 * 100,
+      background: L,
+      disabled: r,
+      ariaLabel: g.hue,
+      onChange: I
+    }, null), f && o(A, {
+      value: d * 100,
+      background: S,
+      disabled: r,
+      ariaLabel: g.alpha,
+      onChange: k
+    }, null)]), o("div", {
+      class: a.element("modes")
+    }, [D.map((t) => o("button", {
+      key: t,
+      type: "button",
+      class: [a.element("mode"), {
+        [a.is("active")]: h === t
+      }],
+      disabled: r,
+      onClick: () => {
+        this.activeMode = t;
+      }
+    }, [t.toUpperCase()]))]), o("div", {
+      class: a.element("inputs")
+    }, [h === "hex" ? o(e, {
+      size: "small",
+      disabled: r,
+      modelValue: c,
+      maxLength: 9,
+      "onUpdate:modelValue": (t) => p(t)
+    }, null) : o(J, null, [O.map((t, C) => o(l, {
+      key: `${h}-${C}`,
+      class: a.element("channel"),
+      size: "small",
+      hideButton: !0,
+      min: 0,
+      max: q,
+      precision: 0,
+      disabled: r,
+      modelValue: t,
+      "onUpdate:modelValue": (x) => P(h, C, x)
+    }, null)), f && o(l, {
+      class: a.element("channel"),
+      size: "small",
+      hideButton: !0,
+      min: 0,
+      max: 100,
+      precision: 0,
+      disabled: r,
+      modelValue: R(d),
+      "onUpdate:modelValue": (t) => {
+        t !== void 0 && k(t);
+      }
+    }, null)])]), M.length > 0 && o("div", {
+      class: a.element("swatches")
+    }, [M.map((t) => {
+      const C = v(t), x = C ? E(C, "hex", f) === H : !1;
+      return o("button", {
+        key: t,
+        type: "button",
+        class: [a.element("swatch"), {
+          [a.is("active")]: x
+        }],
+        style: {
+          backgroundColor: t
+        },
+        disabled: r,
+        onClick: (F) => V(t, F)
+      }, [x && o(T, null, null)]);
+    })])]), (i || $) && o("div", {
+      class: a.element("panel-footer")
+    }, [$ && o(s, {
+      size: "small",
+      type: "text",
+      disabled: r,
+      onClick: N
+    }, {
+      default: () => [g.clear]
+    }), i && o(s, {
+      size: "small",
+      type: "primary",
+      disabled: r,
+      onClick: w
+    }, {
+      default: () => [g.confirm]
+    })])]);
+  }
+});
+export {
+  Ce as default
+};

package/dist/es/components/color-picker/sv-panel.js

@@ -0,0 +1,99 @@
+import { defineComponent as $, ref as g, computed as d, watch as L, createVNode as s } from "vue";
+import { getClassNameMixin as k } from "../../_utils/config.js";
+import { hsvToRgb as C } from "../../_utils/color.js";
+const E = /* @__PURE__ */ $({
+  name: "ColorPickerSvPanel",
+  props: {
+    /** h 0-360，s/v 0-100 */
+    value: {
+      type: Object,
+      required: !0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /** 无障碍名称，由外层传入已本地化的文案 */
+    ariaLabel: {
+      type: String
+    }
+  },
+  emits: {
+    change: (e) => !0
+  },
+  setup(e, {
+    emit: v
+  }) {
+    const l = k("color-picker"), m = g(), i = g(!1), b = d(() => {
+      const [t, a, o] = C({
+        h: e.value.h,
+        s: 100,
+        v: 100
+      });
+      return `rgb(${t}, ${a}, ${o})`;
+    }), w = d(() => ({
+      backgroundColor: b.value
+    })), M = d(() => ({
+      left: `${e.value.s}%`,
+      top: `${100 - e.value.v}%`
+    })), h = (t, a) => {
+      const o = m.value;
+      if (!o || e.disabled) return;
+      const n = o.getBoundingClientRect();
+      if (!n.width || !n.height) return;
+      const u = Math.min(Math.max(t - n.left, 0), n.width), c = Math.min(Math.max(a - n.top, 0), n.height);
+      v("change", {
+        h: e.value.h,
+        s: u / n.width * 100,
+        v: (1 - c / n.height) * 100
+      });
+    }, f = (t) => {
+      h(t.clientX, t.clientY);
+    }, r = () => {
+      i.value = !1, document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", r);
+    }, y = (t) => {
+      e.disabled || (t.preventDefault(), i.value = !0, h(t.clientX, t.clientY), document.addEventListener("mousemove", f), document.addEventListener("mouseup", r));
+    }, x = (t) => {
+      if (e.disabled) return;
+      const a = t.shiftKey ? 10 : 1, n = {
+        ArrowLeft: [-a, 0],
+        ArrowRight: [a, 0],
+        ArrowUp: [0, a],
+        ArrowDown: [0, -a]
+      }[t.key];
+      if (!n) return;
+      t.preventDefault();
+      const u = Math.min(Math.max(e.value.s + n[0], 0), 100), c = Math.min(Math.max(e.value.v + n[1], 0), 100);
+      v("change", {
+        h: e.value.h,
+        s: u,
+        v: c
+      });
+    };
+    return L(() => e.disabled, (t) => {
+      t && r();
+    }), () => s("div", {
+      ref: m,
+      class: [l.element("sv"), {
+        [l.is("dragging")]: i.value
+      }],
+      style: w.value,
+      role: "slider",
+      "aria-label": e.ariaLabel,
+      "aria-valuetext": `${Math.round(e.value.s)}%, ${Math.round(e.value.v)}%`,
+      tabindex: e.disabled ? -1 : 0,
+      onMousedown: y,
+      onKeydown: x
+    }, [s("div", {
+      class: l.element("sv-white")
+    }, null), s("div", {
+      class: l.element("sv-black")
+    }, null), s("div", {
+      class: l.element("sv-handler"),
+      style: M.value
+    }, null)]);
+  }
+});
+export {
+  E as default
+};

package/dist/es/components/dropdown/dropdown-panel.vue.js

@@ -1,36 +1,36 @@
 import c from "./dropdown-panel.vue2.js";
-import { resolveComponent as s, openBlock as o, createElementBlock as n, normalizeClass as l, createBlock as t, renderSlot as a, createVNode as y, normalizeStyle as f, withCtx as u, createElementVNode as k, createCommentVNode as N } from "vue";
-import $ from "../../_virtual/_plugin-vue_export-helper.js";
-function w(e, r, S, E, b, g) {
+import { resolveComponent as s, openBlock as l, createElementBlock as n, normalizeClass as o, createBlock as t, renderSlot as a, createVNode as y, normalizeStyle as f, withCtx as u, createElementVNode as k, createCommentVNode as w } from "vue";
+import N from "../../_virtual/_plugin-vue_export-helper.js";
+function $(e, r, S, E, b, g) {
   const m = s("spin"), p = s("empty"), d = s("Scrollbar");
-  return o(), n("div", {
+  return l(), n("div", {
     ref: "panelElement",
-    class: l(e.cls),
+    class: o(e.cls),
     tabindex: "-1",
     onKeydown: r[0] || (r[0] = (...i) => e.handleKeydown && e.handleKeydown(...i))
   }, [
-    e.loading ? (o(), t(m, {
+    e.loading ? (l(), t(m, {
       key: 0,
-      class: l(e.className.element("loading")),
+      class: o(e.className.element("loading")),
       display: "block",
       tip: e.t("common.loading")
-    }, null, 8, ["class", "tip"])) : e.isEmpty ? (o(), n("div", {
+    }, null, 8, ["class", "tip"])) : e.isEmpty ? (l(), n("div", {
       key: 1,
-      class: l(e.className.element("empty"))
+      class: o(e.className.element("empty"))
     }, [
       a(e.$slots, "empty", {}, () => [
-        y(p)
+        y(p, { component: "dropdown" })
       ])
-    ], 2)) : (o(), t(d, {
+    ], 2)) : (l(), t(d, {
       key: 2,
       ref: "wrapperRef",
-      class: l(e.className.element("list--wrapper")),
+      class: o(e.className.element("list--wrapper")),
       style: f(e.style),
       onScroll: e.handleScroll
     }, {
       default: u(() => [
         k("ul", {
-          class: l(e.className.element("list")),
+          class: o(e.className.element("list")),
           role: "menu"
         }, [
           a(e.$slots, "default")
@@ -38,15 +38,15 @@ function w(e, r, S, E, b, g) {
       ]),
       _: 3
     }, 8, ["class", "style", "onScroll"])),
-    e.$slots.footer && !e.loading && !e.isEmpty ? (o(), n("div", {
+    e.$slots.footer && !e.loading && !e.isEmpty ? (l(), n("div", {
       key: 3,
-      class: l(e.className.element("footer"))
+      class: o(e.className.element("footer"))
     }, [
       a(e.$slots, "footer")
-    ], 2)) : N("", !0)
+    ], 2)) : w("", !0)
   ], 34);
 }
-const B = /* @__PURE__ */ $(c, [["render", w]]);
+const B = /* @__PURE__ */ N(c, [["render", $]]);
 export {
   B as default
 };

package/dist/es/components/form-input/Input.js

@@ -1,5 +1,5 @@
 import { defineComponent as ce, toRefs as de, ref as h, computed as r, watch as fe, createVNode as i, mergeProps as F, createTextVNode as me, nextTick as ve } from "vue";
-import { INPUT_EVENTS as R } from "../../_utils/constant.js";
+import { INPUT_EVENTS as _ } from "../../_utils/constant.js";
 import pe from "../_components/feedback-icon/index.vue.js";
 import { Enter as he } from "../../_utils/keycode.js";
 import ge from "../_components/icon-hover/index.vue.js";
@@ -229,7 +229,7 @@ const Ke = /* @__PURE__ */ ce({
       var n, a;
       I.value = !1, k(c.value, e), s("blur", e), (a = (n = v.value) == null ? void 0 : n.onBlur) == null || a.call(n, e);
     }, E = (e) => {
-      var L, O;
+      var L, R;
       const {
         value: n,
         selectionStart: a,
@@ -240,7 +240,7 @@ const Ke = /* @__PURE__ */ ce({
           b();
           return;
         }
-        S(n), s("input", n, e), (O = (L = v.value) == null ? void 0 : L.onInput) == null || O.call(L, e), b();
+        S(n), s("input", n, e), (R = (L = v.value) == null ? void 0 : L.onInput) == null || R.call(L, e), b();
       } else
         x.value = !0, A.value = c.value + (e.data ?? "");
     }, b = () => {
@@ -265,7 +265,7 @@ const Ke = /* @__PURE__ */ ce({
     }, ae = (e) => {
       const n = e.key || e.code;
       !x.value && n === he.key && (k(c.value, e), s("pressEnter", e));
-    }, M = r(() => j(j(m, R), ["class", "style"])), le = r(() => xe(m, R)), ue = r(() => [l.element("outer"), m.class, l.element(`outer-size-${N.value}`), {
+    }, M = r(() => j(j(m, _), ["class", "style"])), le = r(() => xe(m, _)), ue = r(() => [l.element("outer"), m.class, l.element(`outer-size-${N.value}`), {
       [l.element("outer-has-suffix")]: !!u.suffix,
       [l.element("outer-disabled")]: g.value
     }]), oe = (e) => [l.element("wrapper"), !e && m.class, {
@@ -280,7 +280,7 @@ const Ke = /* @__PURE__ */ ce({
         ...ie.value
       };
       return T.value && (e["aria-invalid"] = !0), e;
-    }), _ = (e) => {
+    }), O = (e) => {
       var n;
       return i("span", F({
         class: oe(e),
@@ -330,9 +330,9 @@ const Ke = /* @__PURE__ */ ce({
         style: m.style
       }, M.value), [u.prepend && i("span", {
         class: l.element("prepend")
-      }, [u.prepend()]), _(!0), u.append && i("span", {
+      }, [u.prepend()]), O(!0), u.append && i("span", {
         class: l.element("append")
-      }, [u.append()])]) : _()
+      }, [u.append()])]) : O()
     };
   },
   methods: {

package/dist/es/components/form-input/InputPassword.vue2.js

@@ -5,7 +5,7 @@ import h from "../../icons/default/eye-invisible.js";
 import g from "../../_hooks/use-merge-state.js";
 import { useLocale as B } from "../../locale/index.js";
 import R from "./Input.js";
-import { useFormItem as _ } from "../../_hooks/use-form-item.js";
+import { useFormItem as E } from "../../_hooks/use-form-item.js";
 const M = d({
   name: "InputPassword",
   components: {
@@ -59,7 +59,7 @@ const M = d({
     "update:visibility"
   ],
   setup(e, { emit: o }) {
-    const { visibility: l, defaultVisibility: a, disabled: n } = c(e), r = v(), { t: u } = B(), { mergedDisabled: s } = _({ disabled: n }), f = () => {
+    const { visibility: l, defaultVisibility: a, disabled: n } = c(e), r = v(), { t: u } = B(), { mergedDisabled: s } = E({ disabled: n }), f = () => {
       s.value || m(!i.value);
     }, [i, p] = g(
       a.value,

package/dist/es/components/form-input/InputSearch.js

@@ -7,7 +7,7 @@ import { Button as P } from "../button/index.js";
 import k from "./Input.js";
 import { useSize as T } from "../../_hooks/use-size.js";
 import { useFormItem as N } from "../../_hooks/use-form-item.js";
-import { getClassNameMixin as _ } from "../../_utils/config.js";
+import { getClassNameMixin as F } from "../../_utils/config.js";
 const E = /* @__PURE__ */ x({
   name: "InputSearch",
   props: {
@@ -76,7 +76,7 @@ const E = /* @__PURE__ */ x({
     const {
       size: s,
       disabled: b
-    } = S(e), i = _("input-search"), {
+    } = S(e), i = F("input-search"), {
       t: p
     } = I(), {
       mergedSize: g,

package/dist/es/components/form-input-number/InputNumber.js

@@ -1,11 +1,11 @@
-import { defineComponent as G, toRefs as J, ref as V, computed as D, watch as p, onUnmounted as Q, createVNode as o, Fragment as Z } from "vue";
+import { defineComponent as J, toRefs as Q, ref as V, computed as D, watch as E, onUnmounted as X, createVNode as o, Fragment as Z } from "vue";
 import O from "../../node_modules/.pnpm/number-precision@1.6.0/node_modules/number-precision/build/index.es.js";
 import { isNumber as s, isUndefined as ee } from "../../_utils/is.js";
 import ne from "../../icons/default/up.js";
 import ue from "../../icons/default/down.js";
 import te from "../../icons/default/plus.js";
 import ae from "../../icons/default/minus.js";
-import E from "../button/Button.js";
+import _ from "../button/Button.js";
 import { Input as le } from "../form-input/index.js";
 import { useFormItem as ie } from "../../_hooks/use-form-item.js";
 import { useSize as re } from "../../_hooks/use-size.js";
@@ -13,7 +13,7 @@ import { getKeyDownHandler as de, KEYBOARD_KEY as A } from "../../_utils/keyboar
 import { getClassNameMixin as oe } from "../../_utils/config.js";
 const fe = 800, me = 150;
 O.enableBoundaryChecking(!1);
-const Ie = /* @__PURE__ */ G({
+const Ie = /* @__PURE__ */ J({
   name: "InputNumber",
   props: {
     /**
@@ -232,7 +232,7 @@ const Ie = /* @__PURE__ */ G({
     const {
       size: F,
       disabled: P
-    } = J(n), d = oe("input-number"), B = V(), {
+    } = Q(n), d = oe("input-number"), B = V(), {
       mergedSize: $,
       mergedDisabled: v,
       eventHandlers: I
@@ -272,7 +272,7 @@ const Ie = /* @__PURE__ */ G({
       const e = R(l.value), u = w(e);
       (e !== l.value || f.value !== u) && (f.value = u), i("update:modelValue", e);
     };
-    p(() => [n.max, n.min], () => {
+    E(() => [n.max, n.min], () => {
       z(), M(l.value);
     });
     const N = (e, u) => {
@@ -295,8 +295,8 @@ const Ie = /* @__PURE__ */ G({
         x = window.setTimeout(c, fe);
       }
     }, k = (e, u) => {
-      var t, r, c, _;
-      e = e.trim().replace(/。/g, "."), e = ((t = n.parser) == null ? void 0 : t.call(n, e)) ?? e, (s(Number(e)) || /^(\.|-)$/.test(e)) && (f.value = ((r = n.formatter) == null ? void 0 : r.call(n, e)) ?? e, M(l.value), i("input", l.value, f.value, u), n.modelEvent === "input" && (i("update:modelValue", l.value), i("change", l.value, u), (_ = (c = I.value) == null ? void 0 : c.onChange) == null || _.call(c, u)));
+      var t, r, c, p;
+      e = e.trim().replace(/。/g, "."), e = ((t = n.parser) == null ? void 0 : t.call(n, e)) ?? e, (s(Number(e)) || /^(\.|-)$/.test(e)) && (f.value = ((r = n.formatter) == null ? void 0 : r.call(n, e)) ?? e, M(l.value), i("input", l.value, f.value, u), n.modelEvent === "input" && (i("update:modelValue", l.value), i("change", l.value, u), (p = (c = I.value) == null ? void 0 : c.onChange) == null || p.call(c, u)));
     }, T = (e) => {
       i("focus", e);
     }, K = (e, u) => {
@@ -313,7 +313,7 @@ const Ie = /* @__PURE__ */ G({
     }]])), Y = (e) => {
       i("keydown", e), e.defaultPrevented || W(e);
     };
-    p(() => n.modelValue, (e) => {
+    E(() => n.modelValue, (e) => {
       e !== l.value && (f.value = w(e), M(e));
     });
     const q = () => {
@@ -345,7 +345,7 @@ const Ie = /* @__PURE__ */ G({
       }, [a.minus ? (t = a.minus) == null ? void 0 : t.call(a) : o(ue, null, null)])])]);
     }, L = D(() => [d.block, d.modifier(`mode-${n.mode}`), d.modifier(`size-${g.value}`), {
       [d.modifier("readonly")]: n.readOnly
-    }]), j = () => o(E, {
+    }]), j = () => o(_, {
       size: g.value,
       shape: "square",
       narrow: !0,
@@ -357,7 +357,7 @@ const Ie = /* @__PURE__ */ G({
       onMouseleave: m
     }, {
       icon: () => o(ae, null, null)
-    }), X = () => o(E, {
+    }), G = () => o(_, {
       size: g.value,
       shape: "square",
       narrow: !0,
@@ -370,7 +370,7 @@ const Ie = /* @__PURE__ */ G({
     }, {
       icon: () => o(te, null, null)
     });
-    return Q(m), {
+    return X(m), {
       inputRef: B,
       render: () => {
         const e = n.mode === "embed" ? {
@@ -382,7 +382,7 @@ const Ie = /* @__PURE__ */ G({
           prepend: n.hideButton ? a.prepend : j,
           prefix: a.prefix,
           suffix: a.suffix,
-          append: n.hideButton ? a.append : X
+          append: n.hideButton ? a.append : G
         };
         return o(le, {
           key: `input-number-${n.mode}`,