@aplus-frontend/ui 6.29.2 → 6.30.0

package/lib/src/ap-form/item/index.vue.d.ts

@@ -16,11 +16,11 @@ declare function __VLS_template(): {
             $props: Partial<{
                 required: boolean;
                 hidden: boolean;
-                hasFeedback: boolean;
-                noStyle: boolean;
                 colon: boolean;
-                autoLink: boolean;
                 validateFirst: boolean;
+                autoLink: boolean;
+                hasFeedback: boolean;
+                noStyle: boolean;
             }> & Omit<{
                 readonly hidden: boolean;
                 readonly hasFeedback: boolean;
@@ -244,11 +244,11 @@ declare function __VLS_template(): {
             }>> & Readonly<{}>, () => any, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
                 required: boolean;
                 hidden: boolean;
-                hasFeedback: boolean;
-                noStyle: boolean;
                 colon: boolean;
-                autoLink: boolean;
                 validateFirst: boolean;
+                autoLink: boolean;
+                hasFeedback: boolean;
+                noStyle: boolean;
             }, {}, string, CustomSlotsType<{
                 help: any;
                 label: any;
@@ -278,11 +278,11 @@ declare function __VLS_template(): {
         } & Readonly<{
             required: boolean;
             hidden: boolean;
-            hasFeedback: boolean;
-            noStyle: boolean;
             colon: boolean;
-            autoLink: boolean;
             validateFirst: boolean;
+            autoLink: boolean;
+            hasFeedback: boolean;
+            noStyle: boolean;
         }> & Omit<Readonly< ExtractPropTypes<{
             htmlFor: StringConstructor;
             prefixCls: StringConstructor;
@@ -403,11 +403,11 @@ declare function __VLS_template(): {
             $props: Partial<{
                 required: boolean;
                 hidden: boolean;
-                hasFeedback: boolean;
-                noStyle: boolean;
                 colon: boolean;
-                autoLink: boolean;
                 validateFirst: boolean;
+                autoLink: boolean;
+                hasFeedback: boolean;
+                noStyle: boolean;
             }> & Omit<{
                 readonly hidden: boolean;
                 readonly hasFeedback: boolean;
@@ -631,11 +631,11 @@ declare function __VLS_template(): {
             }>> & Readonly<{}>, () => any, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
                 required: boolean;
                 hidden: boolean;
-                hasFeedback: boolean;
-                noStyle: boolean;
                 colon: boolean;
-                autoLink: boolean;
                 validateFirst: boolean;
+                autoLink: boolean;
+                hasFeedback: boolean;
+                noStyle: boolean;
             }, {}, string, CustomSlotsType<{
                 help: any;
                 label: any;
@@ -665,11 +665,11 @@ declare function __VLS_template(): {
         } & Readonly<{
             required: boolean;
             hidden: boolean;
-            hasFeedback: boolean;
-            noStyle: boolean;
             colon: boolean;
-            autoLink: boolean;
             validateFirst: boolean;
+            autoLink: boolean;
+            hasFeedback: boolean;
+            noStyle: boolean;
         }> & Omit<Readonly< ExtractPropTypes<{
             htmlFor: StringConstructor;
             prefixCls: StringConstructor;
@@ -810,11 +810,11 @@ declare const __VLS_component: DefineComponent<ApFormItemProps, {
         $props: Partial<{
             required: boolean;
             hidden: boolean;
-            hasFeedback: boolean;
-            noStyle: boolean;
             colon: boolean;
-            autoLink: boolean;
             validateFirst: boolean;
+            autoLink: boolean;
+            hasFeedback: boolean;
+            noStyle: boolean;
         }> & Omit<{
             readonly hidden: boolean;
             readonly hasFeedback: boolean;
@@ -1038,11 +1038,11 @@ declare const __VLS_component: DefineComponent<ApFormItemProps, {
         }>> & Readonly<{}>, () => any, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
             required: boolean;
             hidden: boolean;
-            hasFeedback: boolean;
-            noStyle: boolean;
             colon: boolean;
-            autoLink: boolean;
             validateFirst: boolean;
+            autoLink: boolean;
+            hasFeedback: boolean;
+            noStyle: boolean;
         }, {}, string, CustomSlotsType<{
             help: any;
             label: any;
@@ -1072,11 +1072,11 @@ declare const __VLS_component: DefineComponent<ApFormItemProps, {
     } & Readonly<{
         required: boolean;
         hidden: boolean;
-        hasFeedback: boolean;
-        noStyle: boolean;
         colon: boolean;
-        autoLink: boolean;
         validateFirst: boolean;
+        autoLink: boolean;
+        hasFeedback: boolean;
+        noStyle: boolean;
     }> & Omit<Readonly< ExtractPropTypes<{
         htmlFor: StringConstructor;
         prefixCls: StringConstructor;
@@ -1197,11 +1197,11 @@ declare const __VLS_component: DefineComponent<ApFormItemProps, {
         $props: Partial<{
             required: boolean;
             hidden: boolean;
-            hasFeedback: boolean;
-            noStyle: boolean;
             colon: boolean;
-            autoLink: boolean;
             validateFirst: boolean;
+            autoLink: boolean;
+            hasFeedback: boolean;
+            noStyle: boolean;
         }> & Omit<{
             readonly hidden: boolean;
             readonly hasFeedback: boolean;
@@ -1425,11 +1425,11 @@ declare const __VLS_component: DefineComponent<ApFormItemProps, {
         }>> & Readonly<{}>, () => any, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
             required: boolean;
             hidden: boolean;
-            hasFeedback: boolean;
-            noStyle: boolean;
             colon: boolean;
-            autoLink: boolean;
             validateFirst: boolean;
+            autoLink: boolean;
+            hasFeedback: boolean;
+            noStyle: boolean;
         }, {}, string, CustomSlotsType<{
             help: any;
             label: any;
@@ -1459,11 +1459,11 @@ declare const __VLS_component: DefineComponent<ApFormItemProps, {
     } & Readonly<{
         required: boolean;
         hidden: boolean;
-        hasFeedback: boolean;
-        noStyle: boolean;
         colon: boolean;
-        autoLink: boolean;
         validateFirst: boolean;
+        autoLink: boolean;
+        hasFeedback: boolean;
+        noStyle: boolean;
     }> & Omit<Readonly< ExtractPropTypes<{
         htmlFor: StringConstructor;
         prefixCls: StringConstructor;

package/lib/src/ap-form/item/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("@aplus-frontend/antdv"),S=require("@aplus-frontend/antdv/es/theme/internal"),r=require("lodash-unified"),I=require("../constant.js"),T=require("@ant-design/icons-vue");require("../../config-provider/index.js");const _=require("../context.js"),z=require("@fruits-chain/utils"),M=require("../../utils/slot.js"),R=require("../../config-provider/hooks/use-namespace.js"),A=e.defineComponent({name:"ApFormItem",__name:"index",props:{htmlFor:{},prefixCls:{},label:{},help:{},extra:{},labelCol:{},wrapperCol:{},hasFeedback:{type:Boolean,default:!1},colon:{type:Boolean,default:void 0},labelAlign:{},prop:{},name:{},rules:{},autoLink:{type:Boolean,default:!0},required:{type:Boolean,default:void 0},validateFirst:{type:Boolean,default:void 0},validateStatus:{},validateTrigger:{},messageVariables:{},hidden:{type:Boolean},noStyle:{type:Boolean},tooltip:{},span:{},order:{},offset:{},push:{},pull:{},xs:{},sm:{},md:{},lg:{},xl:{},xxl:{},flex:{},bordered:{type:Boolean,default:!1},valuePropName:{default:"value"},initialValue:{},_signal:{},transform:{},description:{},customFilled:{}},setup(m,{expose:v}){const t=m,s=e.useSlots(),{model:d,updateModel:y,internalInstance:b}=_.useInjectForm(),{m:f,b:F}=R.useNamespace("ap-form-item"),i=e.ref(!1),l=e.ref(),[,V]=S.useToken();e.onMounted(async()=>{let o=r.isFunction(t.initialValue)?t.initialValue():t.initialValue;z.isPromise(o)&&(o=await o),b?.registerField({name:t.name,initialValue:r.cloneDeep(o),transform:t.transform})});const c=e.computed(()=>t.name?r.isArray(t.name)?t.name.reduce((o,n)=>o?.[n],e.unref(d)):d?.value[t.name]:null);function g(){const o=s.default?.()||[];if(!t.name)return o[0];const n=M.getValidVNodeList(o)[0];return n?e.cloneVNode(n,{[t.valuePropName]:e.unref(c),[`onUpdate:${t.valuePropName}`]:h,bordered:t.bordered?!1:n?.props?.bordered,onFocus:B,onBlur:x}):null}function h(o){y?.(t.name,o)}function B(){i.value=!0}function x(){i.value=!1}function C(){l.value?.onFieldBlur()}function q(){l.value?.onFieldChange()}function k(){l.value?.clearValidate()}function N(){l.value?.resetField()}function w(o=!1){const n=e.unref(c);if(!o||!t.transform)return n;const a=r.isFunction(t.transform)?t.transform:t.transform.transformer;return t.transform?a(n):n}return v({onFieldBlur:C,onFieldChange:q,clearValidate:k,resetField:N,getFieldValue:w}),(o,n)=>(e.openBlock(),e.createBlock(e.unref(u.Form).Item,e.mergeProps({ref_key:"formItemRef",ref:l},e.unref(r.omit)(t,[...e.unref(I.apFormItemColPropKeys),"tooltip","label","description"]),{class:{[e.unref(f)("bordered")]:o.bordered,[e.unref(f)("focused")]:o.bordered&&i.value,[e.unref(F)()]:!0},colon:o.bordered?!1:t.colon}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g())))]),_:2},[t.tooltip?{name:"tooltip",fn:e.withCtx(({class:a})=>[e.createElementVNode("span",{class:e.normalizeClass(a)},[e.createVNode(e.unref(u.Tooltip),{title:t.tooltip},{default:e.withCtx(()=>[e.createVNode(e.unref(T.QuestionCircleOutlined),{style:e.normalizeStyle({color:e.unref(V).colorTextTertiary,fontSize:"14px",transform:"translateY(1px)"})},null,8,["style"])]),_:1},8,["title"])],2)]),key:"0"}:void 0,o.label?{name:"label",fn:e.withCtx(()=>[e.createVNode(e.unref(u.TypographyText),{content:o.label,ellipsis:{tooltip:o.label},style:{"min-width":"0px",flex:"1"}},null,8,["content","ellipsis"])]),key:"1"}:void 0,e.renderList(e.unref(r.omit)(s,"default"),(a,p)=>({name:p,fn:e.withCtx(P=>[e.renderSlot(o.$slots,p,e.normalizeProps(e.guardReactiveProps(P||{})))])}))]),1040,["class","colon"]))}});exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@aplus-frontend/antdv"),S=require("@aplus-frontend/antdv/es/theme/internal"),r=require("lodash-unified"),I=require("../constant.js"),T=require("@ant-design/icons-vue");require("../../config-provider/index.js");const _=require("../context.js"),z=require("@fruits-chain/utils"),M=require("../../utils/slot.js"),R=require("../../config-provider/hooks/use-namespace.js"),A=e.defineComponent({name:"ApFormItem",__name:"index",props:{htmlFor:{},prefixCls:{},label:{},help:{},extra:{},labelCol:{},wrapperCol:{},hasFeedback:{type:Boolean,default:!1},colon:{type:Boolean,default:void 0},labelAlign:{},prop:{},name:{},rules:{},autoLink:{type:Boolean,default:!0},required:{type:Boolean,default:void 0},validateFirst:{type:Boolean,default:void 0},validateStatus:{},validateTrigger:{},messageVariables:{},hidden:{type:Boolean},noStyle:{type:Boolean},tooltip:{},span:{},order:{},offset:{},push:{},pull:{},xs:{},sm:{},md:{},lg:{},xl:{},xxl:{},flex:{},bordered:{type:Boolean,default:!1},valuePropName:{default:"value"},initialValue:{},_signal:{},transform:{},description:{},customFilled:{}},setup(m,{expose:v}){const t=m,u=e.useSlots(),{model:d,updateModel:y,internalInstance:b}=_.useInjectForm(),{m:f,b:F}=R.useNamespace("ap-form-item"),i=e.ref(!1),l=e.ref(),[,V]=S.useToken();e.onMounted(async()=>{let n=r.isFunction(t.initialValue)?t.initialValue():t.initialValue;z.isPromise(n)&&(n=await n),b?.registerField({name:t.name,initialValue:r.cloneDeep(n),transform:t.transform})});const c=e.computed(()=>t.name?r.isArray(t.name)?t.name.reduce((n,o)=>n?.[o],e.unref(d)):d?.value[t.name]:null);function g(){const n=u.default?.()||[];if(!t.name)return n[0];const o=M.getValidVNodeList(n)[0];return o?e.cloneVNode(o,{[t.valuePropName]:e.unref(c),[`onUpdate:${t.valuePropName}`]:h,variant:t.bordered?"borderless":o?.props?.variant,onFocus:B,onBlur:x}):null}function h(n){y?.(t.name,n)}function B(){i.value=!0}function x(){i.value=!1}function C(){l.value?.onFieldBlur()}function q(){l.value?.onFieldChange()}function k(){l.value?.clearValidate()}function N(){l.value?.resetField()}function w(n=!1){const o=e.unref(c);if(!n||!t.transform)return o;const a=r.isFunction(t.transform)?t.transform:t.transform.transformer;return t.transform?a(o):o}return v({onFieldBlur:C,onFieldChange:q,clearValidate:k,resetField:N,getFieldValue:w}),(n,o)=>(e.openBlock(),e.createBlock(e.unref(s.Form).Item,e.mergeProps({ref_key:"formItemRef",ref:l},e.unref(r.omit)(t,[...e.unref(I.apFormItemColPropKeys),"tooltip","label","description"]),{class:{[e.unref(f)("bordered")]:n.bordered,[e.unref(f)("focused")]:n.bordered&&i.value,[e.unref(F)()]:!0},colon:n.bordered?!1:t.colon}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g())))]),_:2},[t.tooltip?{name:"tooltip",fn:e.withCtx(({class:a})=>[e.createElementVNode("span",{class:e.normalizeClass(a)},[e.createVNode(e.unref(s.Tooltip),{title:t.tooltip},{default:e.withCtx(()=>[e.createVNode(e.unref(T.QuestionCircleOutlined),{style:e.normalizeStyle({color:e.unref(V).colorTextTertiary,fontSize:"14px",transform:"translateY(1px)"})},null,8,["style"])]),_:1},8,["title"])],2)]),key:"0"}:void 0,n.label?{name:"label",fn:e.withCtx(()=>[e.createVNode(e.unref(s.TypographyText),{content:n.label,ellipsis:{tooltip:n.label},style:{"min-width":"0px",flex:"1"}},null,8,["content","ellipsis"])]),key:"1"}:void 0,e.renderList(e.unref(r.omit)(u,"default"),(a,p)=>({name:p,fn:e.withCtx(P=>[e.renderSlot(n.$slots,p,e.normalizeProps(e.guardReactiveProps(P||{})))])}))]),1040,["class","colon"]))}});exports.default=A;

package/lib/src/ap-form/items/number/index.vue.d.ts

@@ -4,7 +4,7 @@ import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, Component
 import { FieldMode, ApFieldNumberProps } from '../../..';
 import { ValueType } from '@aplus-frontend/antdv/es/input-number/src/utils/MiniDecimal';
 import { KeyboardEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
-import { SizeType } from '@aplus-frontend/antdv/es/config-provider';
+import { ButtonSize } from '@aplus-frontend/antdv/es/button';
 import { VueTypeValidableDef } from '../../../../node_modules/vue-types';
 import { VueNode, CustomSlotsType } from '@aplus-frontend/antdv/es/_util/type';
 import { OnCleanup } from '@vue/reactivity';
@@ -42,16 +42,18 @@ declare function __VLS_template(): {
                 readonly value?: ValueType | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly prefixCls?: string | undefined;
+                readonly variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
                 readonly keyboard?: boolean | undefined;
                 readonly autofocus?: boolean | undefined;
                 readonly 'onUpdate:value'?: (((value: ValueType) => void) & ((...args: any[]) => any)) | undefined;
                 readonly bordered?: boolean | undefined;
                 readonly max?: ValueType | undefined;
                 readonly min?: ValueType | undefined;
-                readonly defaultValue?: ValueType | undefined;
+                readonly readonly?: boolean | undefined;
                 readonly onPressEnter?: KeyboardEventHandler | undefined;
                 readonly status?: "" | "error" | "warning" | undefined;
-                readonly readonly?: boolean | undefined;
+                readonly defaultValue?: ValueType | undefined;
+                readonly changeOnWheel?: boolean | undefined;
                 readonly stringMode?: boolean | undefined;
                 readonly controls?: boolean | undefined;
                 readonly parser?: ((displayValue: string) => ValueType) | undefined;
@@ -87,8 +89,8 @@ declare function __VLS_template(): {
             } & {
                 inputRef: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
                     size: {
-                        type: PropType<SizeType>;
-                        default: SizeType;
+                        type: PropType<ButtonSize>;
+                        default: ButtonSize;
                     };
                     bordered: {
                         type: BooleanConstructor;
@@ -111,6 +113,14 @@ declare function __VLS_template(): {
                         type: PropType<"" | "error" | "warning">;
                         default: "" | "error" | "warning";
                     };
+                    variant: {
+                        type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                        default: "filled" | "outlined" | "borderless" | "underlined";
+                    };
+                    changeOnWheel: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
                     stringMode: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -207,7 +217,7 @@ declare function __VLS_template(): {
                         default: (e: FocusEvent) => void;
                     };
                 }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-                    size: SizeType;
+                    size: ButtonSize;
                     value: ValueType;
                     onFocus: (e: FocusEvent) => void;
                     onBlur: (e: FocusEvent) => void;
@@ -217,26 +227,28 @@ declare function __VLS_template(): {
                     max: ValueType;
                     min: ValueType;
                     prefixCls: string;
+                    readonly: boolean;
+                    autofocus: boolean;
+                    variant: "filled" | "outlined" | "borderless" | "underlined";
                     bordered: boolean;
-                    defaultValue: ValueType;
+                    onPressEnter: KeyboardEventHandler;
+                    'onUpdate:value': (value: ValueType) => void;
                     status: "" | "error" | "warning";
+                    defaultValue: ValueType;
                     step: ValueType;
-                    autofocus: boolean;
-                    readonly: boolean;
-                    'onUpdate:value': (value: ValueType) => void;
-                    onPressEnter: KeyboardEventHandler;
+                    changeOnWheel: boolean;
+                    stringMode: boolean;
+                    controls: boolean;
+                    keyboard: boolean;
+                    parser: (displayValue: string) => ValueType;
                     formatter: (value: ValueType, info: {
                         userTyping: boolean;
                         input: string;
                     }) => string;
-                    keyboard: boolean;
                     onStep: (value: ValueType, info: {
                         offset: ValueType;
                         type: "up" | "down";
                     }) => void;
-                    stringMode: boolean;
-                    controls: boolean;
-                    parser: (displayValue: string) => ValueType;
                 }, true, {}, CustomSlotsType<{
                     addonBefore?: any;
                     addonAfter?: any;
@@ -254,8 +266,8 @@ declare function __VLS_template(): {
                     Defaults: {};
                 }, Readonly< ExtractPropTypes<{
                     size: {
-                        type: PropType<SizeType>;
-                        default: SizeType;
+                        type: PropType<ButtonSize>;
+                        default: ButtonSize;
                     };
                     bordered: {
                         type: BooleanConstructor;
@@ -278,6 +290,14 @@ declare function __VLS_template(): {
                         type: PropType<"" | "error" | "warning">;
                         default: "" | "error" | "warning";
                     };
+                    variant: {
+                        type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                        default: "filled" | "outlined" | "borderless" | "underlined";
+                    };
+                    changeOnWheel: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
                     stringMode: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -374,7 +394,7 @@ declare function __VLS_template(): {
                         default: (e: FocusEvent) => void;
                     };
                 }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
-                    size: SizeType;
+                    size: ButtonSize;
                     value: ValueType;
                     onFocus: (e: FocusEvent) => void;
                     onBlur: (e: FocusEvent) => void;
@@ -384,26 +404,28 @@ declare function __VLS_template(): {
                     max: ValueType;
                     min: ValueType;
                     prefixCls: string;
+                    readonly: boolean;
+                    autofocus: boolean;
+                    variant: "filled" | "outlined" | "borderless" | "underlined";
                     bordered: boolean;
-                    defaultValue: ValueType;
+                    onPressEnter: KeyboardEventHandler;
+                    'onUpdate:value': (value: ValueType) => void;
                     status: "" | "error" | "warning";
+                    defaultValue: ValueType;
                     step: ValueType;
-                    autofocus: boolean;
-                    readonly: boolean;
-                    'onUpdate:value': (value: ValueType) => void;
-                    onPressEnter: KeyboardEventHandler;
+                    changeOnWheel: boolean;
+                    stringMode: boolean;
+                    controls: boolean;
+                    keyboard: boolean;
+                    parser: (displayValue: string) => ValueType;
                     formatter: (value: ValueType, info: {
                         userTyping: boolean;
                         input: string;
                     }) => string;
-                    keyboard: boolean;
                     onStep: (value: ValueType, info: {
                         offset: ValueType;
                         type: "up" | "down";
                     }) => void;
-                    stringMode: boolean;
-                    controls: boolean;
-                    parser: (displayValue: string) => ValueType;
                 }> | null;
             };
             $slots: Readonly<{
@@ -428,8 +450,8 @@ declare function __VLS_template(): {
                 bordered: boolean;
                 max: ValueType;
                 min: ValueType;
-                controls: boolean;
                 emptyText: string;
+                controls: boolean;
                 thousands: boolean;
             }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -458,12 +480,12 @@ declare function __VLS_template(): {
             bordered: boolean;
             max: ValueType;
             min: ValueType;
-            controls: boolean;
             emptyText: string;
+            controls: boolean;
             thousands: boolean;
         }> & Omit<Readonly< ApFieldNumberProps> & Readonly<{
             "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-        }>, "blur" | "focus" | ("step" | "disabled" | "keyboard" | "bordered" | "max" | "min" | "controls" | "emptyText" | "thousands")> & ShallowUnwrapRef<{
+        }>, "blur" | "focus" | ("step" | "disabled" | "keyboard" | "bordered" | "max" | "min" | "emptyText" | "controls" | "thousands")> & ShallowUnwrapRef<{
             focus: () => void;
             blur: () => void;
         }> & {} & ComponentCustomProperties & {} & {
@@ -515,16 +537,18 @@ declare const __VLS_component: DefineComponent<ApFormItemNumberProps, {
             readonly value?: ValueType | undefined;
             readonly disabled?: boolean | undefined;
             readonly prefixCls?: string | undefined;
+            readonly variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
             readonly keyboard?: boolean | undefined;
             readonly autofocus?: boolean | undefined;
             readonly 'onUpdate:value'?: (((value: ValueType) => void) & ((...args: any[]) => any)) | undefined;
             readonly bordered?: boolean | undefined;
             readonly max?: ValueType | undefined;
             readonly min?: ValueType | undefined;
-            readonly defaultValue?: ValueType | undefined;
+            readonly readonly?: boolean | undefined;
             readonly onPressEnter?: KeyboardEventHandler | undefined;
             readonly status?: "" | "error" | "warning" | undefined;
-            readonly readonly?: boolean | undefined;
+            readonly defaultValue?: ValueType | undefined;
+            readonly changeOnWheel?: boolean | undefined;
             readonly stringMode?: boolean | undefined;
             readonly controls?: boolean | undefined;
             readonly parser?: ((displayValue: string) => ValueType) | undefined;
@@ -560,8 +584,8 @@ declare const __VLS_component: DefineComponent<ApFormItemNumberProps, {
         } & {
             inputRef: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
                 size: {
-                    type: PropType<SizeType>;
-                    default: SizeType;
+                    type: PropType<ButtonSize>;
+                    default: ButtonSize;
                 };
                 bordered: {
                     type: BooleanConstructor;
@@ -584,6 +608,14 @@ declare const __VLS_component: DefineComponent<ApFormItemNumberProps, {
                     type: PropType<"" | "error" | "warning">;
                     default: "" | "error" | "warning";
                 };
+                variant: {
+                    type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                    default: "filled" | "outlined" | "borderless" | "underlined";
+                };
+                changeOnWheel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 stringMode: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -680,7 +712,7 @@ declare const __VLS_component: DefineComponent<ApFormItemNumberProps, {
                     default: (e: FocusEvent) => void;
                 };
             }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-                size: SizeType;
+                size: ButtonSize;
                 value: ValueType;
                 onFocus: (e: FocusEvent) => void;
                 onBlur: (e: FocusEvent) => void;
@@ -690,26 +722,28 @@ declare const __VLS_component: DefineComponent<ApFormItemNumberProps, {
                 max: ValueType;
                 min: ValueType;
                 prefixCls: string;
+                readonly: boolean;
+                autofocus: boolean;
+                variant: "filled" | "outlined" | "borderless" | "underlined";
                 bordered: boolean;
-                defaultValue: ValueType;
+                onPressEnter: KeyboardEventHandler;
+                'onUpdate:value': (value: ValueType) => void;
                 status: "" | "error" | "warning";
+                defaultValue: ValueType;
                 step: ValueType;
-                autofocus: boolean;
-                readonly: boolean;
-                'onUpdate:value': (value: ValueType) => void;
-                onPressEnter: KeyboardEventHandler;
+                changeOnWheel: boolean;
+                stringMode: boolean;
+                controls: boolean;
+                keyboard: boolean;
+                parser: (displayValue: string) => ValueType;
                 formatter: (value: ValueType, info: {
                     userTyping: boolean;
                     input: string;
                 }) => string;
-                keyboard: boolean;
                 onStep: (value: ValueType, info: {
                     offset: ValueType;
                     type: "up" | "down";
                 }) => void;
-                stringMode: boolean;
-                controls: boolean;
-                parser: (displayValue: string) => ValueType;
             }, true, {}, CustomSlotsType<{
                 addonBefore?: any;
                 addonAfter?: any;
@@ -727,8 +761,8 @@ declare const __VLS_component: DefineComponent<ApFormItemNumberProps, {
                 Defaults: {};
             }, Readonly< ExtractPropTypes<{
                 size: {
-                    type: PropType<SizeType>;
-                    default: SizeType;
+                    type: PropType<ButtonSize>;
+                    default: ButtonSize;
                 };
                 bordered: {
                     type: BooleanConstructor;
@@ -751,6 +785,14 @@ declare const __VLS_component: DefineComponent<ApFormItemNumberProps, {
                     type: PropType<"" | "error" | "warning">;
                     default: "" | "error" | "warning";
                 };
+                variant: {
+                    type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                    default: "filled" | "outlined" | "borderless" | "underlined";
+                };
+                changeOnWheel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 stringMode: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -847,7 +889,7 @@ declare const __VLS_component: DefineComponent<ApFormItemNumberProps, {
                     default: (e: FocusEvent) => void;
                 };
             }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
-                size: SizeType;
+                size: ButtonSize;
                 value: ValueType;
                 onFocus: (e: FocusEvent) => void;
                 onBlur: (e: FocusEvent) => void;
@@ -857,26 +899,28 @@ declare const __VLS_component: DefineComponent<ApFormItemNumberProps, {
                 max: ValueType;
                 min: ValueType;
                 prefixCls: string;
+                readonly: boolean;
+                autofocus: boolean;
+                variant: "filled" | "outlined" | "borderless" | "underlined";
                 bordered: boolean;
-                defaultValue: ValueType;
+                onPressEnter: KeyboardEventHandler;
+                'onUpdate:value': (value: ValueType) => void;
                 status: "" | "error" | "warning";
+                defaultValue: ValueType;
                 step: ValueType;
-                autofocus: boolean;
-                readonly: boolean;
-                'onUpdate:value': (value: ValueType) => void;
-                onPressEnter: KeyboardEventHandler;
+                changeOnWheel: boolean;
+                stringMode: boolean;
+                controls: boolean;
+                keyboard: boolean;
+                parser: (displayValue: string) => ValueType;
                 formatter: (value: ValueType, info: {
                     userTyping: boolean;
                     input: string;
                 }) => string;
-                keyboard: boolean;
                 onStep: (value: ValueType, info: {
                     offset: ValueType;
                     type: "up" | "down";
                 }) => void;
-                stringMode: boolean;
-                controls: boolean;
-                parser: (displayValue: string) => ValueType;
             }> | null;
         };
         $slots: Readonly<{
@@ -901,8 +945,8 @@ declare const __VLS_component: DefineComponent<ApFormItemNumberProps, {
             bordered: boolean;
             max: ValueType;
             min: ValueType;
-            controls: boolean;
             emptyText: string;
+            controls: boolean;
             thousands: boolean;
         }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -931,12 +975,12 @@ declare const __VLS_component: DefineComponent<ApFormItemNumberProps, {
         bordered: boolean;
         max: ValueType;
         min: ValueType;
-        controls: boolean;
         emptyText: string;
+        controls: boolean;
         thousands: boolean;
     }> & Omit<Readonly< ApFieldNumberProps> & Readonly<{
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    }>, "blur" | "focus" | ("step" | "disabled" | "keyboard" | "bordered" | "max" | "min" | "controls" | "emptyText" | "thousands")> & ShallowUnwrapRef<{
+    }>, "blur" | "focus" | ("step" | "disabled" | "keyboard" | "bordered" | "max" | "min" | "emptyText" | "controls" | "thousands")> & ShallowUnwrapRef<{
         focus: () => void;
         blur: () => void;
     }> & {} & ComponentCustomProperties & {} & {