vft 0.0.149 → 0.0.151

package/es/components/input/input.vue2.js

@@ -1,20 +1,20 @@
-import { defineComponent as Le, useAttrs as Oe, useSlots as je, computed as l, getCurrentInstance as We, shallowRef as q, ref as V, watch as G, nextTick as B, onMounted as He, withDirectives as Ue, openBlock as i, createElementBlock as d, mergeProps as y, Fragment as J, normalizeClass as c, unref as t, renderSlot as N, createCommentVNode as r, createElementVNode as g, createBlock as F, withKeys as qe, withModifiers as ye, toDisplayString as D, normalizeStyle as Ge, vShow as Je } from "vue";
+import { defineComponent as Le, useAttrs as je, useSlots as We, computed as l, getCurrentInstance as He, shallowRef as q, ref as V, watch as G, nextTick as B, onMounted as Ue, withDirectives as qe, openBlock as i, createElementBlock as d, mergeProps as y, Fragment as J, normalizeClass as c, unref as t, renderSlot as N, createCommentVNode as r, createElementVNode as g, createBlock as A, withKeys as Ge, withModifiers as ye, toDisplayString as D, normalizeStyle as Je, vShow as Qe } from "vue";
 import { UPDATE_MODEL_EVENT as Q } from "@vft/constants";
-import { useAttrs as Qe, useCursor as Xe } from "@vft/use";
-import { isString as A, singleAttrToObj as X, noop as Ye, isObject as he } from "@vft/utils";
+import { useAttrs as Xe, useCursor as Ye } from "@vft/use";
+import { isString as F, singleAttrToObj as X, noop as Ze, isObject as he } from "@vft/utils";
 import "../form/index.js";
 import { VftIcon as K } from "../icon/index.js";
-import { useResizeObserver as Ze, isClient as _e } from "@vueuse/core";
+import { useResizeObserver as _e, isClient as ea } from "@vueuse/core";
 import { debugWarn as Y } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
-import { isNil as ea } from "lodash";
+import { isNil as aa } from "lodash";
 import { useNamespace as be } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { calcTextareaHeight as we } from "./utils.js";
-import { useFormItem as aa, useFormItemInputId as ta } from "../form/hooks/use-form-item.js";
-import { useFormSize as oa, useFormDisabled as na } from "../form/hooks/use-form-common-props.js";
-const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], ia = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], Ia = /* @__PURE__ */ Le({
+import { useFormItem as ta, useFormItemInputId as na } from "../form/hooks/use-form-item.js";
+import { useFormSize as oa, useFormDisabled as la } from "../form/hooks/use-form-common-props.js";
+const sa = ["role"], ia = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], ua = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], Sa = /* @__PURE__ */ Le({
   __name: "input",
   props: {
     id: {},
@@ -40,14 +40,14 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
     label: {},
     tabindex: { default: 0 },
     validateEvent: { type: Boolean, default: !0 },
-    inputStyle: {}
+    inputStyle: { type: [Boolean, null, String, Object, Array] }
   },
   emits: {
-    [Q]: (a) => A(a),
-    input: (a) => A(a),
-    change: (a) => A(a),
-    suffixClick: (a) => A(a),
-    prefixClick: (a) => A(a),
+    [Q]: (a) => F(a),
+    input: (a) => F(a),
+    change: (a) => F(a),
+    suffixClick: (a) => F(a),
+    prefixClick: (a) => F(a),
     focus: (a) => a instanceof FocusEvent,
     blur: (a) => a instanceof FocusEvent,
     clear: () => !0,
@@ -60,154 +60,154 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
     compositionupdate: (a) => a instanceof CompositionEvent,
     compositionend: (a) => a instanceof CompositionEvent
   },
-  setup(a, { expose: xe, emit: s }) {
-    const C = Oe(), m = je(), Z = l(() => {
+  setup(a, { expose: xe, emit: ge }) {
+    const s = ge, C = je(), p = We(), Z = l(() => {
       const e = {};
       return a.containerRole === "combobox" && (e["aria-haspopup"] = C["aria-haspopup"], e["aria-owns"] = C["aria-owns"], e["aria-expanded"] = C["aria-expanded"]), e;
-    }), ge = l(() => [
-      a.type === "textarea" ? ee.b() : o.b(),
-      o.m(ze.value),
-      o.is("disabled", h.value),
-      o.is("exceed", Ve.value),
-      o.is("focus", w.value),
+    }), Ce = l(() => [
+      a.type === "textarea" ? ee.b() : n.b(),
+      n.m(Ie.value),
+      n.is("disabled", h.value),
+      n.is("exceed", Be.value),
+      n.is("focus", w.value),
       {
-        [o.b("group")]: m.prepend || m.append,
-        [o.bm("group", "append")]: m.append,
-        [o.bm("group", "prepend")]: m.prepend,
-        [o.m("prefix")]: m.prefix || a.prefixIcon,
-        [o.m("suffix")]: m.suffix || a.suffixIcon || a.clearable || a.showPassword,
-        [o.bm("suffix", "password-clear")]: R.value && W.value
+        [n.b("group")]: p.prepend || p.append,
+        [n.bm("group", "append")]: p.append,
+        [n.bm("group", "prepend")]: p.prepend,
+        [n.m("prefix")]: p.prefix || a.prefixIcon,
+        [n.m("suffix")]: p.suffix || a.suffixIcon || a.clearable || a.showPassword,
+        [n.bm("suffix", "password-clear")]: R.value && W.value
       },
       C.class
-    ]), Ce = We(), ke = l(() => [
-      o.e("wrapper"),
-      o.is("focus", w.value)
-    ]), f = Qe({
+    ]), ke = He(), ze = l(() => [
+      n.e("wrapper"),
+      n.is("focus", w.value)
+    ]), f = Xe({
       excludeKeys: l(() => Object.keys(Z.value))
-    }), { form: T, formItem: u } = aa(), { inputId: _ } = ta(Ce.props, {
+    }), { form: O, formItem: u } = ta(), { inputId: _ } = na(ke.props, {
       formItemContext: u
-    }), ze = oa(), h = na(), o = be("input"), ee = be("textarea"), M = q(), b = q(), w = V(!1), L = V(!1), k = V(!1), P = V(!1), ae = V(), O = q(a.inputStyle), z = l(() => M.value || b.value), j = l(() => X(a.prefixIcon, "icon", { size: 16 })), te = l(() => X(a.suffixIcon, "icon", { size: 16 })), Ie = l(() => X(a.clearIcon, "icon", {
+    }), Ie = oa(), h = la(), n = be("input"), ee = be("textarea"), M = q(), b = q(), w = V(!1), T = V(!1), k = V(!1), P = V(!1), ae = V(), L = q(a.inputStyle), z = l(() => M.value || b.value), j = l(() => X(a.prefixIcon, "icon", { size: 16 })), te = l(() => X(a.suffixIcon, "icon", { size: 16 })), Se = l(() => X(a.clearIcon, "icon", {
       icon: "icon-circle-close",
       size: 16
-    })), oe = l(() => (T == null ? void 0 : T.statusIcon) ?? !1), I = l(() => (u == null ? void 0 : u.validateState) || ""), ne = l(
+    })), ne = l(() => (O == null ? void 0 : O.statusIcon) ?? !1), I = l(() => (u == null ? void 0 : u.validateState) || ""), oe = l(
       () => I.value && {
         validating: "icon-loading",
         success: "icon-circle-check",
         error: "icon-circle-close"
       }[I.value]
-    ), Se = l(
+    ), Ee = l(
       () => P.value ? { icon: "icon-view", size: 16 } : { icon: "icon-hide", size: 16 }
-    ), Ee = l(() => [
+    ), Ve = l(() => [
       C.style,
       a.inputStyle
     ]), le = l(() => [
       a.inputStyle,
-      O.value,
+      L.value,
       { resize: a.resize }
-    ]), p = l(
-      () => ea(a.modelValue) ? "" : String(a.modelValue)
+    ]), m = l(
+      () => aa(a.modelValue) ? "" : String(a.modelValue)
     ), R = l(
-      () => a.clearable && !h.value && !a.readonly && !!p.value && (w.value || L.value)
+      () => a.clearable && !h.value && !a.readonly && !!m.value && (w.value || T.value)
     ), W = l(
-      () => a.showPassword && !h.value && !a.readonly && !!p.value && (!!p.value || w.value)
+      () => a.showPassword && !h.value && !a.readonly && !!m.value && (!!m.value || w.value)
     ), x = l(
       () => a.showWordLimit && !!f.value.maxlength && (a.type === "text" || a.type === "textarea") && !h.value && !a.readonly && !a.showPassword
-    ), H = l(() => Array.from(p.value).length), Ve = l(
+    ), H = l(() => Array.from(m.value).length), Be = l(
       () => (
         // show exceed style if length of initial value greater then maxlength
         !!x.value && H.value > Number(f.value.maxlength)
       )
-    ), Be = l(
-      () => !!m.suffix || !!a.suffixIcon || R.value || a.showPassword || x.value || !!I.value && oe.value
-    ), [Fe, Ae] = Xe(M);
-    Ze(b, (e) => {
+    ), Ae = l(
+      () => !!p.suffix || !!a.suffixIcon || R.value || a.showPassword || x.value || !!I.value && ne.value
+    ), [Fe, Ke] = Ye(M);
+    _e(b, (e) => {
       if (!x.value || a.resize !== "both")
         return;
-      const n = e[0], { width: v } = n.contentRect;
+      const o = e[0], { width: v } = o.contentRect;
       ae.value = {
         /** right: 100% - width + padding(15) + right(6) */
         right: `calc(100% - ${v + 15 + 6}px)`
       };
     });
     const $ = () => {
-      if (!(!_e || a.type !== "textarea"))
+      if (!(!ea || a.type !== "textarea"))
         if (a.autosize) {
-          const e = he(a.autosize) ? a.autosize.minRows : void 0, n = he(a.autosize) ? a.autosize.maxRows : void 0;
-          O.value = {
-            ...we(b.value, e, n)
+          const e = he(a.autosize) ? a.autosize.minRows : void 0, o = he(a.autosize) ? a.autosize.maxRows : void 0;
+          L.value = {
+            ...we(b.value, e, o)
           };
         } else
-          O.value = {
+          L.value = {
             minHeight: we(b.value).minHeight
           };
     }, S = () => {
       const e = z.value;
-      !e || e.value === p.value || (e.value = p.value);
+      !e || e.value === m.value || (e.value = m.value);
     }, U = async (e) => {
       Fe();
-      let { value: n } = e.target;
-      if (f.value.maxlength && n.length >= f.value.maxlength && (n = n.slice(0, Number(f.value.maxlength))), a.formatter && (n = a.parser ? a.parser(n) : n, n = a.formatter(n)), !k.value) {
-        if (n === p.value) {
+      let { value: o } = e.target;
+      if (f.value.maxlength && o.length >= f.value.maxlength && (o = o.slice(0, Number(f.value.maxlength))), a.formatter && (o = a.parser ? a.parser(o) : o, o = a.formatter(o)), !k.value) {
+        if (o === m.value) {
           S();
           return;
         }
-        s(Q, n), s("input", n), await B(), S(), Ae();
+        s(Q, o), s("input", o), await B(), S(), Ke();
       }
     }, se = (e) => {
       s("change", e.target.value);
-    }, Ke = () => {
-      s("suffixClick", a.modelValue);
     }, Me = () => {
+      s("suffixClick", a.modelValue);
+    }, Pe = () => {
       s("prefixClick", a.modelValue);
     }, ie = (e) => {
       s("compositionstart", e), k.value = !0;
-    }, Pe = (e) => /([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(e), ue = (e) => {
+    }, Re = (e) => /([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(e), ue = (e) => {
       var E;
       s("compositionupdate", e);
-      const n = (E = e.target) == null ? void 0 : E.value, v = n[n.length - 1] || "";
-      k.value = !Pe(v);
+      const o = (E = e.target) == null ? void 0 : E.value, v = o[o.length - 1] || "";
+      k.value = !Re(v);
     }, re = (e) => {
       s("compositionend", e), k.value && (k.value = !1, U(e));
-    }, Re = () => {
+    }, $e = () => {
       P.value = !P.value, ce();
     }, ce = async () => {
       var e;
       await B(), (e = z.value) == null || e.focus();
-    }, $e = () => {
+    }, Ne = () => {
       var e;
       return (e = z.value) == null ? void 0 : e.blur();
     }, de = (e) => {
       w.value = !0, s("focus", e);
     }, fe = (e) => {
-      var n;
-      w.value = !1, s("blur", e), a.validateEvent && ((n = u == null ? void 0 : u.validate) == null || n.call(u, "blur").catch((v) => Y(v)));
-    }, Ne = (e) => {
-      L.value = !1, s("mouseleave", e);
+      var o;
+      w.value = !1, s("blur", e), a.validateEvent && ((o = u == null ? void 0 : u.validate) == null || o.call(u, "blur").catch((v) => Y(v)));
     }, De = (e) => {
-      L.value = !0, s("mouseenter", e);
+      T.value = !1, s("mouseleave", e);
+    }, Oe = (e) => {
+      T.value = !0, s("mouseenter", e);
     }, ve = (e) => {
-      let n = e.key;
-      if (e.target.type === "number" && ["e", "+", "-0", "E"].includes(n))
+      let o = e.key;
+      if (e.target.type === "number" && ["e", "+", "-0", "E"].includes(o))
         return e.returnValue = !1, !1;
       s("keydown", e);
     }, Te = () => {
       var e;
       (e = z.value) == null || e.select();
-    }, pe = () => {
+    }, me = () => {
       s(Q, ""), s("change", ""), s("clear"), s("input", "");
     };
     return G(
       () => a.modelValue,
       () => {
         var e;
-        B(() => $()), a.validateEvent && ((e = u == null ? void 0 : u.validate) == null || e.call(u, "change").catch((n) => Y(n)));
+        B(() => $()), a.validateEvent && ((e = u == null ? void 0 : u.validate) == null || e.call(u, "change").catch((o) => Y(o)));
       }
-    ), G(p, () => S()), G(
+    ), G(m, () => S()), G(
       () => a.type,
       async () => {
         await B(), S(), $();
       }
-    ), He(() => {
+    ), Ue(() => {
       !a.formatter && a.parser && Y(
         "VftInput",
         "If you set the parser, you also need to set the formatter."
@@ -226,46 +226,46 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
       /** @description HTML input element native method */
       focus: ce,
       /** @description HTML input element native method */
-      blur: $e,
+      blur: Ne,
       /** @description HTML input element native method */
       select: Te,
       /** @description clear input value */
-      clear: pe,
+      clear: me,
       /** @description resize textarea. */
       resizeTextarea: $
-    }), (e, n) => {
-      var v, E, me;
-      return Ue((i(), d("div", y(Z.value, {
-        class: ge.value,
-        style: Ee.value,
+    }), (e, o) => {
+      var v, E, pe;
+      return qe((i(), d("div", y(Z.value, {
+        class: Ce.value,
+        style: Ve.value,
         role: e.containerRole,
-        onMouseenter: De,
-        onMouseleave: Ne
+        onMouseenter: Oe,
+        onMouseleave: De
       }), [
         e.type !== "textarea" ? (i(), d(J, { key: 0 }, [
           e.$slots.prepend ? (i(), d("div", {
             key: 0,
-            class: c(t(o).be("group", "prepend"))
+            class: c(t(n).be("group", "prepend"))
           }, [
             N(e.$slots, "prepend")
           ], 2)) : r("", !0),
           g("div", {
-            class: c(ke.value)
+            class: c(ze.value)
           }, [
             e.$slots.prefix || (v = j.value) != null && v.icon ? (i(), d("span", {
               key: 0,
-              class: c(t(o).e("prefix"))
+              class: c(t(n).e("prefix"))
             }, [
               g("span", {
-                class: c(t(o).e("prefix-inner")),
-                onClick: Me
+                class: c(t(n).e("prefix-inner")),
+                onClick: Pe
               }, [
                 N(e.$slots, "prefix"),
-                (E = j.value) != null && E.icon ? (i(), F(t(K), y({
+                (E = j.value) != null && E.icon ? (i(), A(t(K), y({
                   key: 0,
                   pointer: ""
                 }, j.value, {
-                  class: t(o).e("icon")
+                  class: t(n).e("icon")
                 }), null, 16, ["class"])) : r("", !0)
               ], 2)
             ], 2)) : r("", !0),
@@ -273,7 +273,7 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
               id: t(_),
               ref_key: "input",
               ref: M,
-              class: t(o).e("inner")
+              class: t(n).e("inner")
             }, t(f), {
               type: e.showPassword ? P.value ? "text" : "password" : e.type,
               disabled: t(h),
@@ -294,49 +294,49 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
               onBlur: fe,
               onChange: se,
               onKeydown: ve,
-              onKeyup: n[0] || (n[0] = qe((ua) => s("enter"), ["enter"]))
-            }), null, 16, sa),
-            Be.value ? (i(), d("span", {
+              onKeyup: o[0] || (o[0] = Ge((ra) => s("enter"), ["enter"]))
+            }), null, 16, ia),
+            Ae.value ? (i(), d("span", {
               key: 1,
-              class: c(t(o).e("suffix"))
+              class: c(t(n).e("suffix"))
             }, [
               g("span", {
-                class: c(t(o).e("suffix-inner")),
-                onClick: Ke
+                class: c(t(n).e("suffix-inner")),
+                onClick: Me
               }, [
                 !R.value || !W.value || !x.value ? (i(), d(J, { key: 0 }, [
                   N(e.$slots, "suffix"),
-                  (me = te.value) != null && me.icon ? (i(), F(t(K), y({ key: 0 }, te.value, {
-                    class: t(o).e("icon")
+                  (pe = te.value) != null && pe.icon ? (i(), A(t(K), y({ key: 0 }, te.value, {
+                    class: t(n).e("icon")
                   }), null, 16, ["class"])) : r("", !0)
                 ], 64)) : r("", !0),
-                R.value ? (i(), F(t(K), y({
+                R.value ? (i(), A(t(K), y({
                   key: 1,
                   pointer: "",
-                  class: [t(o).e("icon"), t(o).e("clear")]
-                }, Ie.value, {
-                  onMousedown: ye(t(Ye), ["prevent"]),
-                  onClick: ye(pe, ["stop"])
-                }), null, 16, ["class", "onMousedown", "onClick"])) : r("", !0),
-                W.value ? (i(), F(t(K), y({ key: 2 }, Se.value, {
-                  class: [t(o).e("icon"), t(o).e("password")],
-                  onClick: Re
+                  class: [t(n).e("icon"), t(n).e("clear")]
+                }, Se.value, {
+                  onMousedown: ye(t(Ze), ["prevent"]),
+                  onClick: ye(me, ["stop"])
+                }), null, 16, ["class", "onMousedown"])) : r("", !0),
+                W.value ? (i(), A(t(K), y({ key: 2 }, Ee.value, {
+                  class: [t(n).e("icon"), t(n).e("password")],
+                  onClick: $e
                 }), null, 16, ["class"])) : r("", !0),
                 x.value ? (i(), d("span", {
                   key: 3,
-                  class: c(t(o).e("count"))
+                  class: c(t(n).e("count"))
                 }, [
                   g("span", {
-                    class: c(t(o).e("count-inner"))
+                    class: c(t(n).e("count-inner"))
                   }, D(H.value) + " / " + D(t(f).maxlength), 3)
                 ], 2)) : r("", !0),
-                I.value && ne.value && oe.value ? (i(), F(t(K), {
+                I.value && oe.value && ne.value ? (i(), A(t(K), {
                   key: 4,
-                  icon: ne.value,
+                  icon: oe.value,
                   class: c([
-                    t(o).e("icon"),
-                    t(o).e("validateIcon"),
-                    t(o).is("loading", I.value === "validating")
+                    t(n).e("icon"),
+                    t(n).e("validateIcon"),
+                    t(n).is("loading", I.value === "validating")
                   ])
                 }, null, 8, ["icon", "class"])) : r("", !0)
               ], 2)
@@ -344,7 +344,7 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
           ], 2),
           e.$slots.append ? (i(), d("div", {
             key: 1,
-            class: c(t(o).be("group", "append"))
+            class: c(t(n).be("group", "append"))
           }, [
             N(e.$slots, "append")
           ], 2)) : r("", !0)
@@ -371,19 +371,19 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
             onBlur: fe,
             onChange: se,
             onKeydown: ve
-          }), null, 16, ia),
+          }), null, 16, ua),
           x.value ? (i(), d("span", {
             key: 0,
-            style: Ge(ae.value),
-            class: c(t(o).e("count"))
+            style: Je(ae.value),
+            class: c(t(n).e("count"))
           }, D(H.value) + " / " + D(t(f).maxlength), 7)) : r("", !0)
         ], 64))
-      ], 16, la)), [
-        [Je, e.type !== "hidden"]
+      ], 16, sa)), [
+        [Qe, e.type !== "hidden"]
       ]);
     };
   }
 });
 export {
-  Ia as default
+  Sa as default
 };

package/es/components/input-number/index.d.ts

@@ -56,12 +56,12 @@ export declare const VftInputNumber: import("vft/es/utils").SFCWithInstall<impor
     focus: () => void;
     blur: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (e: FocusEvent) => void;
+    focus: (e: FocusEvent) => void;
     "update:modelValue": (val: number | undefined) => void;
     change: (cur: number | undefined, prev: number | undefined) => void;
     input: (val: number | null | undefined) => void;
-    blur: (e: FocusEvent) => void;
-    focus: (e: FocusEvent) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     id: {
         type: globalThis.PropType<string>;
     };
@@ -114,10 +114,10 @@ export declare const VftInputNumber: import("vft/es/utils").SFCWithInstall<impor
         type: globalThis.PropType<boolean>;
     };
 }>> & {
-    onFocus?: ((e: FocusEvent) => any) | undefined;
+    onInput?: ((val: number | null | undefined) => any) | undefined;
     onBlur?: ((e: FocusEvent) => any) | undefined;
     onChange?: ((cur: number | undefined, prev: number | undefined) => any) | undefined;
-    onInput?: ((val: number | null | undefined) => any) | undefined;
+    onFocus?: ((e: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((val: number | undefined) => any) | undefined;
 }, {}, {}>> & Record<string, any>;
 export default VftInputNumber;

package/es/components/input-number/input-number.vue.d.ts

@@ -68,126 +68,31 @@ export interface InputNumberProps {
      */
     validateEvent?: boolean;
 }
-declare const _default: import("vue").DefineComponent<{
-    id: {
-        type: globalThis.PropType<string>;
-    };
-    step: {
-        type: globalThis.PropType<number>;
-    };
-    stepStrictly: {
-        type: globalThis.PropType<boolean>;
-    };
-    max: {
-        type: globalThis.PropType<number>;
-    };
-    min: {
-        type: globalThis.PropType<number>;
-    };
-    modelValue: {
-        type: globalThis.PropType<number>;
-    };
-    readonly: {
-        type: globalThis.PropType<boolean>;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    size: {
-        type: globalThis.PropType<"default" | "small" | "large">;
-    };
-    controls: {
-        type: globalThis.PropType<boolean>;
-    };
-    controlsPosition: {
-        type: globalThis.PropType<"" | "right">;
-    };
-    valueOnClear: {
-        type: globalThis.PropType<string | number | null>;
-    };
-    name: {
-        type: globalThis.PropType<string>;
-    };
-    label: {
-        type: globalThis.PropType<string>;
-    };
-    placeholder: {
-        type: globalThis.PropType<string>;
-    };
-    precision: {
-        type: globalThis.PropType<number>;
-    };
-    validateEvent: {
-        type: globalThis.PropType<boolean>;
-    };
-}, {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<InputNumberProps>, {
     /** @description get focus the input component */
     focus: () => void;
     /** @description remove focus the input component */
     blur: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (e: FocusEvent) => void;
+    focus: (e: FocusEvent) => void;
     "update:modelValue": (val: number | undefined) => void;
     change: (cur: number | undefined, prev: number | undefined) => void;
     input: (val: number | null | undefined) => void;
-    blur: (e: FocusEvent) => void;
-    focus: (e: FocusEvent) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    id: {
-        type: globalThis.PropType<string>;
-    };
-    step: {
-        type: globalThis.PropType<number>;
-    };
-    stepStrictly: {
-        type: globalThis.PropType<boolean>;
-    };
-    max: {
-        type: globalThis.PropType<number>;
-    };
-    min: {
-        type: globalThis.PropType<number>;
-    };
-    modelValue: {
-        type: globalThis.PropType<number>;
-    };
-    readonly: {
-        type: globalThis.PropType<boolean>;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    size: {
-        type: globalThis.PropType<"default" | "small" | "large">;
-    };
-    controls: {
-        type: globalThis.PropType<boolean>;
-    };
-    controlsPosition: {
-        type: globalThis.PropType<"" | "right">;
-    };
-    valueOnClear: {
-        type: globalThis.PropType<string | number | null>;
-    };
-    name: {
-        type: globalThis.PropType<string>;
-    };
-    label: {
-        type: globalThis.PropType<string>;
-    };
-    placeholder: {
-        type: globalThis.PropType<string>;
-    };
-    precision: {
-        type: globalThis.PropType<number>;
-    };
-    validateEvent: {
-        type: globalThis.PropType<boolean>;
-    };
-}>> & {
-    onFocus?: ((e: FocusEvent) => any) | undefined;
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<InputNumberProps>>> & {
+    onInput?: ((val: number | null | undefined) => any) | undefined;
     onBlur?: ((e: FocusEvent) => any) | undefined;
     onChange?: ((cur: number | undefined, prev: number | undefined) => any) | undefined;
-    onInput?: ((val: number | null | undefined) => any) | undefined;
+    onFocus?: ((e: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((val: number | undefined) => any) | undefined;
 }, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};