vft 0.0.443 → 0.0.445

package/lib/components/form/index.d.ts

@@ -15,7 +15,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<Partial<Record<string, import("vft/es/utils").Arrayable<import("./types").FormItemRule>>>>;
         };
         labelPosition: {
-            type: import("vue").PropType<"top" | "left" | "right">;
+            type: import("vue").PropType<"left" | "right" | "top">;
         };
         requireAsteriskPosition: {
             type: import("vue").PropType<"left" | "right">;
@@ -81,7 +81,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<Partial<Record<string, import("vft/es/utils").Arrayable<import("./types").FormItemRule>>>>;
         };
         labelPosition: {
-            type: import("vue").PropType<"top" | "left" | "right">;
+            type: import("vue").PropType<"left" | "right" | "top">;
         };
         requireAsteriskPosition: {
             type: import("vue").PropType<"left" | "right">;
@@ -142,7 +142,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<Partial<Record<string, import("vft/es/utils").Arrayable<import("./types").FormItemRule>>>>;
     };
     labelPosition: {
-        type: import("vue").PropType<"top" | "left" | "right">;
+        type: import("vue").PropType<"left" | "right" | "top">;
     };
     requireAsteriskPosition: {
         type: import("vue").PropType<"left" | "right">;
@@ -194,9 +194,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
 })> & {
     FormItem: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            size: {
-                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-            };
             label: {
                 type: import("vue").PropType<string>;
             };
@@ -206,6 +203,9 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             prop: {
                 type: import("vue").PropType<string | string[]>;
             };
+            size: {
+                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
+            };
             required: {
                 type: import("vue").PropType<boolean>;
                 default: undefined;
@@ -214,7 +214,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
             };
             labelPosition: {
-                type: import("vue").PropType<"top" | "left" | "right">;
+                type: import("vue").PropType<"left" | "right" | "top">;
             };
             labelWidth: {
                 type: import("vue").PropType<string | number>;
@@ -266,9 +266,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             M: {};
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
-            size: {
-                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-            };
             label: {
                 type: import("vue").PropType<string>;
             };
@@ -278,6 +275,9 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             prop: {
                 type: import("vue").PropType<string | string[]>;
             };
+            size: {
+                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
+            };
             required: {
                 type: import("vue").PropType<boolean>;
                 default: undefined;
@@ -286,7 +286,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
             };
             labelPosition: {
-                type: import("vue").PropType<"top" | "left" | "right">;
+                type: import("vue").PropType<"left" | "right" | "top">;
             };
             labelWidth: {
                 type: import("vue").PropType<string | number>;
@@ -333,9 +333,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        size: {
-            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-        };
         label: {
             type: import("vue").PropType<string>;
         };
@@ -345,6 +342,9 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         prop: {
             type: import("vue").PropType<string | string[]>;
         };
+        size: {
+            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
+        };
         required: {
             type: import("vue").PropType<boolean>;
             default: undefined;
@@ -353,7 +353,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
         labelPosition: {
-            type: import("vue").PropType<"top" | "left" | "right">;
+            type: import("vue").PropType<"left" | "right" | "top">;
         };
         labelWidth: {
             type: import("vue").PropType<string | number>;
@@ -411,9 +411,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
 };
 export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        size: {
-            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-        };
         label: {
             type: import("vue").PropType<string>;
         };
@@ -423,6 +420,9 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         prop: {
             type: import("vue").PropType<string | string[]>;
         };
+        size: {
+            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
+        };
         required: {
             type: import("vue").PropType<boolean>;
             default: undefined;
@@ -431,7 +431,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
         labelPosition: {
-            type: import("vue").PropType<"top" | "left" | "right">;
+            type: import("vue").PropType<"left" | "right" | "top">;
         };
         labelWidth: {
             type: import("vue").PropType<string | number>;
@@ -483,9 +483,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        size: {
-            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-        };
         label: {
             type: import("vue").PropType<string>;
         };
@@ -495,6 +492,9 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         prop: {
             type: import("vue").PropType<string | string[]>;
         };
+        size: {
+            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
+        };
         required: {
             type: import("vue").PropType<boolean>;
             default: undefined;
@@ -503,7 +503,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
         labelPosition: {
-            type: import("vue").PropType<"top" | "left" | "right">;
+            type: import("vue").PropType<"left" | "right" | "top">;
         };
         labelWidth: {
             type: import("vue").PropType<string | number>;
@@ -550,9 +550,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-    };
     label: {
         type: import("vue").PropType<string>;
     };
@@ -562,6 +559,9 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     prop: {
         type: import("vue").PropType<string | string[]>;
     };
+    size: {
+        type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
+    };
     required: {
         type: import("vue").PropType<boolean>;
         default: undefined;
@@ -570,7 +570,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
     };
     labelPosition: {
-        type: import("vue").PropType<"top" | "left" | "right">;
+        type: import("vue").PropType<"left" | "right" | "top">;
     };
     labelWidth: {
         type: import("vue").PropType<string | number>;

package/lib/components/input/index.d.ts

@@ -5,7 +5,7 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
         };
         size: {
-            type: import("vue").PropType<"small" | "default" | "large">;
+            type: import("vue").PropType<"default" | "small" | "large">;
         };
         disabled: {
             type: import("vue").PropType<boolean>;
@@ -77,10 +77,10 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
         };
     }>> & Readonly<{
-        onInput?: ((value: string) => any) | undefined;
-        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onChange?: ((value: string) => any) | undefined;
+        onInput?: ((value: string) => any) | undefined;
+        onClear?: (() => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
         onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
@@ -107,10 +107,10 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
         clear: () => void;
         resizeTextarea: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        input: (value: string) => void;
-        clear: () => void;
         "update:modelValue": (value: string) => void;
         change: (value: string) => void;
+        input: (value: string) => void;
+        clear: () => void;
         blur: (evt: FocusEvent) => void;
         compositionend: (evt: CompositionEvent) => void;
         compositionstart: (evt: CompositionEvent) => void;
@@ -134,7 +134,7 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
         };
         size: {
-            type: import("vue").PropType<"small" | "default" | "large">;
+            type: import("vue").PropType<"default" | "small" | "large">;
         };
         disabled: {
             type: import("vue").PropType<boolean>;
@@ -206,10 +206,10 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
         };
     }>> & Readonly<{
-        onInput?: ((value: string) => any) | undefined;
-        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onChange?: ((value: string) => any) | undefined;
+        onInput?: ((value: string) => any) | undefined;
+        onClear?: (() => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
         onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
@@ -244,7 +244,7 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
     };
     size: {
-        type: import("vue").PropType<"small" | "default" | "large">;
+        type: import("vue").PropType<"default" | "small" | "large">;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
@@ -316,10 +316,10 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
     };
 }>> & Readonly<{
-    onInput?: ((value: string) => any) | undefined;
-    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onChange?: ((value: string) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
     onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
     onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
@@ -346,10 +346,10 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
     clear: () => void;
     resizeTextarea: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    input: (value: string) => void;
-    clear: () => void;
     "update:modelValue": (value: string) => void;
     change: (value: string) => void;
+    input: (value: string) => void;
+    clear: () => void;
     blur: (evt: FocusEvent) => void;
     compositionend: (evt: CompositionEvent) => void;
     compositionstart: (evt: CompositionEvent) => void;

package/lib/components/input/input.vue.d.ts

@@ -60,10 +60,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     /** @description resize textarea. */
     resizeTextarea: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    input: (value: string) => void;
-    clear: () => void;
     "update:modelValue": (value: string) => void;
     change: (value: string) => void;
+    input: (value: string) => void;
+    clear: () => void;
     blur: (evt: FocusEvent) => void;
     compositionend: (evt: CompositionEvent) => void;
     compositionstart: (evt: CompositionEvent) => void;
@@ -76,10 +76,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     prefixClick: (value: any) => void;
     enter: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<InputProps>>> & Readonly<{
-    onInput?: ((value: string) => any) | undefined;
-    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onChange?: ((value: string) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
     onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
     onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;

package/lib/components/input/input.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const b=require("../icon/index.cjs"),Y=require("@vueuse/core"),s=require("@vft/utils"),T=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const Be=require("lodash-es"),Z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("@vft/constants"),_=require("@vft/use"),ee=require("./utils.cjs"),te=require("../form/hooks/use-form-item.cjs"),ne=require("../form/hooks/use-form-common-props.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[q.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:oe,emit:ae}){const l=ae,p=e.useAttrs(),i=e.useSlots(),M=e.computed(()=>{const n={};return t.containerRole==="combobox"&&(n["aria-haspopup"]=p["aria-haspopup"],n["aria-owns"]=p["aria-owns"],n["aria-expanded"]=p["aria-expanded"]),n}),le=e.computed(()=>[t.type==="textarea"?A.b():o.b(),o.m(ie.value),o.is("disabled",m.value),o.is("exceed",fe.value),o.is("focus",c.value),{[o.b("group")]:i.prepend||i.append,[o.bm("group","append")]:i.append,[o.bm("group","prepend")]:i.prepend,[o.m("prefix")]:i.prefix||t.prefixIcon,[o.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[o.bm("suffix","password-clear")]:E.value&&z.value},p.class]),se=e.getCurrentInstance(),re=e.computed(()=>[o.e("wrapper"),o.is("focus",c.value)]),r=_.useAttrs({excludeKeys:e.computed(()=>Object.keys(M.value))}),{form:ue,formItem:k}=te.useFormItem(),{inputId:F}=te.useFormItemInputId(se.props,{formItemContext:k}),ie=ne.useFormSize(),m=ne.useFormDisabled(),o=Z.useNamespace("input"),A=Z.useNamespace("textarea"),C=e.shallowRef(),f=e.shallowRef(),c=e.ref(!1),V=e.ref(!1),y=e.ref(!1),w=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),h=e.computed(()=>C.value||f.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),x=e.computed(()=>k?.validateState||""),K=e.computed(()=>x.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[x.value]),de=e.computed(()=>w.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[p.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!m.value&&!t.readonly&&!!u.value&&(c.value||V.value)),z=e.computed(()=>t.showPassword&&!m.value&&!t.readonly&&!!u.value&&(!!u.value||c.value)),v=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!m.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!v.value&&N.value>Number(r.value.maxlength)),ve=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||v.value||!!x.value&&R.value),[pe,ye]=_.useCursor(C);Y.useResizeObserver(f,n=>{if(!v.value||t.resize!=="both")return;const a=n[0],{width:d}=a.contentRect;D.value={right:`calc(100% - ${d+15+6}px)`}});const B=()=>{if(!(!Y.isClient||t.type!=="textarea"))if(t.autosize){const n=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(f.value,n,a)}}else I.value={minHeight:ee.calcTextareaHeight(f.value).minHeight}},g=()=>{const n=h.value;!n||n.value===u.value||(n.value=u.value)},P=async n=>{pe();let{value:a}=n.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!y.value){if(a===u.value){g();return}l(q.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),g(),ye()}},j=n=>{l("change",n.target.value)},he=()=>{l("suffixClick",t.modelValue)},xe=()=>{l("prefixClick",t.modelValue)},L=n=>{l("compositionstart",n),y.value=!0},ge=n=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(n),W=n=>{l("compositionupdate",n);const a=n.target?.value,d=a[a.length-1]||"";y.value=!ge(d)},H=n=>{l("compositionend",n),y.value&&(y.value=!1,P(n))},be=()=>{w.value=!w.value,U()},U=async()=>{await e.nextTick(),h.value?.focus()},ke=()=>h.value?.blur(),G=n=>{c.value=!0,l("focus",n)},J=n=>{c.value=!1,l("blur",n),t.validateEvent&&k?.validate?.("blur").catch(a=>T.debugWarn(a))},Ce=n=>{V.value=!1,l("mouseleave",n)},we=n=>{V.value=!0,l("mouseenter",n)},Q=n=>{let a=n.key;if(n.target.type==="number"&&["e","+","-0","E"].includes(a))return n.returnValue=!1,!1;l("keydown",n)},Ee=()=>{h.value?.select()},X=()=>{l(q.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&k?.validate?.("change").catch(n=>T.debugWarn(n))}),e.watch(u,()=>g()),e.watch(()=>t.type,async()=>{await e.nextTick(),g(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&T.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),g(),e.nextTick(B)}),oe({input:C,textarea:f,ref:h,textareaStyle:$,autosize:t.autosize,focus:U,blur:ke,select:Ee,clear:X,resizeTextarea:B}),(n,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(M.value,{class:le.value,style:me.value,role:t.containerRole,onMouseenter:we,onMouseleave:Ce,onMousewheel:a[1]||(a[1]=d=>t.type==="number"&&c.value?d.preventDefault():null)}),[t.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("group","prepend"))},[e.renderSlot(n.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[n.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("prefix-inner")),onClick:xe},[e.renderSlot(n.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(F),ref_key:"input",ref:C,class:e.unref(o).e("inner")},e.unref(r),{type:t.showPassword?w.value?"text":"password":t.type,disabled:e.unref(m),formatter:t.formatter,parser:t.parser,readonly:t.readonly,autocomplete:t.autocomplete,tabindex:t.tabindex,"aria-label":t.label,placeholder:t.placeholder,style:t.inputStyle,form:t.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(d=>l("enter"),["enter"]))}),null,16,Ie),ve.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("suffix-inner")),onClick:he},[!E.value||!z.value||!v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(n.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(o).e("icon"),e.unref(o).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(o).e("icon"),e.unref(o).e("password")],onClick:be}),null,16,["class"])):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(o).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),x.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(o).e("icon"),e.unref(o).e("validateIcon"),e.unref(o).is("loading",x.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),n.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).be("group","append"))},[e.renderSlot(n.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(F),ref_key:"textarea",ref:f,class:e.unref(A).e("inner")},e.unref(r),{tabindex:t.tabindex,disabled:e.unref(m),readonly:t.readonly,autocomplete:t.autocomplete,style:$.value,"aria-label":t.label,placeholder:t.placeholder,form:t.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),v.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(o).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,t.type!=="hidden"]])}});exports.default=ze;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const b=require("../icon/index.cjs"),Y=require("@vueuse/core"),s=require("@vft/utils"),T=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const Be=require("lodash-es"),Z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("@vft/constants"),_=require("@vft/use"),ee=require("./utils.cjs"),te=require("../form/hooks/use-form-common-props.cjs"),ne=require("../form/hooks/use-form-item.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[q.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:oe,emit:ae}){const l=ae,p=e.useAttrs(),i=e.useSlots(),M=e.computed(()=>{const n={};return t.containerRole==="combobox"&&(n["aria-haspopup"]=p["aria-haspopup"],n["aria-owns"]=p["aria-owns"],n["aria-expanded"]=p["aria-expanded"]),n}),le=e.computed(()=>[t.type==="textarea"?A.b():o.b(),o.m(ie.value),o.is("disabled",m.value),o.is("exceed",fe.value),o.is("focus",c.value),{[o.b("group")]:i.prepend||i.append,[o.bm("group","append")]:i.append,[o.bm("group","prepend")]:i.prepend,[o.m("prefix")]:i.prefix||t.prefixIcon,[o.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[o.bm("suffix","password-clear")]:E.value&&z.value},p.class]),se=e.getCurrentInstance(),re=e.computed(()=>[o.e("wrapper"),o.is("focus",c.value)]),r=_.useAttrs({excludeKeys:e.computed(()=>Object.keys(M.value))}),{form:ue,formItem:k}=ne.useFormItem(),{inputId:F}=ne.useFormItemInputId(se.props,{formItemContext:k}),ie=te.useFormSize(),m=te.useFormDisabled(),o=Z.useNamespace("input"),A=Z.useNamespace("textarea"),C=e.shallowRef(),f=e.shallowRef(),c=e.ref(!1),V=e.ref(!1),y=e.ref(!1),w=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),h=e.computed(()=>C.value||f.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),x=e.computed(()=>k?.validateState||""),K=e.computed(()=>x.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[x.value]),de=e.computed(()=>w.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[p.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!m.value&&!t.readonly&&!!u.value&&(c.value||V.value)),z=e.computed(()=>t.showPassword&&!m.value&&!t.readonly&&!!u.value&&(!!u.value||c.value)),v=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!m.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!v.value&&N.value>Number(r.value.maxlength)),ve=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||v.value||!!x.value&&R.value),[pe,ye]=_.useCursor(C);Y.useResizeObserver(f,n=>{if(!v.value||t.resize!=="both")return;const a=n[0],{width:d}=a.contentRect;D.value={right:`calc(100% - ${d+15+6}px)`}});const B=()=>{if(!(!Y.isClient||t.type!=="textarea"))if(t.autosize){const n=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(f.value,n,a)}}else I.value={minHeight:ee.calcTextareaHeight(f.value).minHeight}},g=()=>{const n=h.value;!n||n.value===u.value||(n.value=u.value)},P=async n=>{pe();let{value:a}=n.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!y.value){if(a===u.value){g();return}l(q.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),g(),ye()}},j=n=>{l("change",n.target.value)},he=()=>{l("suffixClick",t.modelValue)},xe=()=>{l("prefixClick",t.modelValue)},L=n=>{l("compositionstart",n),y.value=!0},ge=n=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(n),W=n=>{l("compositionupdate",n);const a=n.target?.value,d=a[a.length-1]||"";y.value=!ge(d)},H=n=>{l("compositionend",n),y.value&&(y.value=!1,P(n))},be=()=>{w.value=!w.value,U()},U=async()=>{await e.nextTick(),h.value?.focus()},ke=()=>h.value?.blur(),G=n=>{c.value=!0,l("focus",n)},J=n=>{c.value=!1,l("blur",n),t.validateEvent&&k?.validate?.("blur").catch(a=>T.debugWarn(a))},Ce=n=>{V.value=!1,l("mouseleave",n)},we=n=>{V.value=!0,l("mouseenter",n)},Q=n=>{let a=n.key;if(n.target.type==="number"&&["e","+","-0","E"].includes(a))return n.returnValue=!1,!1;l("keydown",n)},Ee=()=>{h.value?.select()},X=()=>{l(q.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&k?.validate?.("change").catch(n=>T.debugWarn(n))}),e.watch(u,()=>g()),e.watch(()=>t.type,async()=>{await e.nextTick(),g(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&T.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),g(),e.nextTick(B)}),oe({input:C,textarea:f,ref:h,textareaStyle:$,autosize:t.autosize,focus:U,blur:ke,select:Ee,clear:X,resizeTextarea:B}),(n,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(M.value,{class:le.value,style:me.value,role:t.containerRole,onMouseenter:we,onMouseleave:Ce,onMousewheel:a[1]||(a[1]=d=>t.type==="number"&&c.value?d.preventDefault():null)}),[t.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("group","prepend"))},[e.renderSlot(n.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[n.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("prefix-inner")),onClick:xe},[e.renderSlot(n.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(F),ref_key:"input",ref:C,class:e.unref(o).e("inner")},e.unref(r),{type:t.showPassword?w.value?"text":"password":t.type,disabled:e.unref(m),formatter:t.formatter,parser:t.parser,readonly:t.readonly,autocomplete:t.autocomplete,tabindex:t.tabindex,"aria-label":t.label,placeholder:t.placeholder,style:t.inputStyle,form:t.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(d=>l("enter"),["enter"]))}),null,16,Ie),ve.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("suffix-inner")),onClick:he},[!E.value||!z.value||!v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(n.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(o).e("icon"),e.unref(o).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(o).e("icon"),e.unref(o).e("password")],onClick:be}),null,16,["class"])):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(o).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),x.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(o).e("icon"),e.unref(o).e("validateIcon"),e.unref(o).is("loading",x.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),n.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).be("group","append"))},[e.renderSlot(n.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(F),ref_key:"textarea",ref:f,class:e.unref(A).e("inner")},e.unref(r),{tabindex:t.tabindex,disabled:e.unref(m),readonly:t.readonly,autocomplete:t.autocomplete,style:$.value,"aria-label":t.label,placeholder:t.placeholder,form:t.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),v.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(o).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,t.type!=="hidden"]])}});exports.default=ze;

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

@@ -26,7 +26,7 @@ export declare const VftInputNumber: import("vft/es/utils").SFCWithInstall<impor
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<"small" | "default" | "large">;
+        type: import("vue").PropType<"default" | "small" | "large">;
     };
     controls: {
         type: import("vue").PropType<boolean>;
@@ -56,9 +56,9 @@ export declare const VftInputNumber: import("vft/es/utils").SFCWithInstall<impor
     focus: () => void;
     blur: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    input: (val: number | null | undefined) => 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").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -87,7 +87,7 @@ export declare const VftInputNumber: import("vft/es/utils").SFCWithInstall<impor
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<"small" | "default" | "large">;
+        type: import("vue").PropType<"default" | "small" | "large">;
     };
     controls: {
         type: import("vue").PropType<boolean>;
@@ -114,9 +114,9 @@ export declare const VftInputNumber: import("vft/es/utils").SFCWithInstall<impor
         type: import("vue").PropType<boolean>;
     };
 }>> & Readonly<{
-    onInput?: ((val: number | null | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((val: number | undefined) => any) | undefined;
     onChange?: ((cur: number | undefined, prev: number | undefined) => any) | undefined;
+    onInput?: ((val: number | null | undefined) => any) | undefined;
     onBlur?: ((e: FocusEvent) => any) | undefined;
     onFocus?: ((e: FocusEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;

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

@@ -74,15 +74,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     /** @description remove focus the input component */
     blur: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    input: (val: number | null | undefined) => 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").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<InputNumberProps>>> & Readonly<{
-    onInput?: ((val: number | null | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((val: number | undefined) => any) | undefined;
     onChange?: ((cur: number | undefined, prev: number | undefined) => any) | undefined;
+    onInput?: ((val: number | null | undefined) => any) | undefined;
     onBlur?: ((e: FocusEvent) => any) | undefined;
     onFocus?: ((e: FocusEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/input-tag/input-tag.d.ts

@@ -19,7 +19,7 @@ export declare const inputTagProps: {
     readonly draggable: BooleanConstructor;
     readonly delimiter: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, RegExpConstructor], unknown, unknown, "", boolean>;
     readonly size: {
-        readonly type: PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "small" | "default" | "large") | (() => ComponentSize) | (((new (...args: any[]) => "" | "small" | "default" | "large") | (() => ComponentSize)) | null)[], unknown, unknown>>;
+        readonly type: PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => ComponentSize) | (((new (...args: any[]) => "" | "default" | "small" | "large") | (() => ComponentSize)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

package/lib/components/input-tag/input-tag.vue.d.ts

@@ -25,7 +25,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly draggable: BooleanConstructor;
     readonly delimiter: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, RegExpConstructor], unknown, unknown, "", boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "small" | "default" | "large") | (() => import("vft/es/constants").ComponentSize) | (((new (...args: any[]) => "" | "small" | "default" | "large") | (() => import("vft/es/constants").ComponentSize)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("vft/es/constants").ComponentSize) | (((new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("vft/es/constants").ComponentSize)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -57,10 +57,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     focus: () => void;
     blur: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    input: (value: string) => void;
-    clear: () => void;
     "update:modelValue": (value?: string[] | undefined) => void;
     change: (value?: string[] | undefined) => void;
+    input: (value: string) => void;
+    clear: () => void;
     blur: (evt: FocusEvent) => void;
     focus: (evt: FocusEvent) => void;
     "remove-tag": (value: string) => void;
@@ -84,7 +84,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly draggable: BooleanConstructor;
     readonly delimiter: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, RegExpConstructor], unknown, unknown, "", boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "small" | "default" | "large") | (() => import("vft/es/constants").ComponentSize) | (((new (...args: any[]) => "" | "small" | "default" | "large") | (() => import("vft/es/constants").ComponentSize)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("vft/es/constants").ComponentSize) | (((new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("vft/es/constants").ComponentSize)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -113,23 +113,23 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly saveOnBlur: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly ariaLabel: StringConstructor;
 }>> & Readonly<{
-    onInput?: ((value: string) => any) | undefined;
-    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value?: string[] | undefined) => any) | undefined;
     onChange?: ((value?: string[] | undefined) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
     "onRemove-tag"?: ((value: string) => any) | undefined;
     "onAdd-tag"?: ((value: string | string[]) => any) | undefined;
 }>, {
-    readonly autocomplete: string;
-    readonly disabled: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly draggable: boolean;
     readonly id: string;
     readonly autofocus: boolean;
+    readonly autocomplete: string;
+    readonly disabled: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly tabindex: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    readonly readonly: boolean;
     readonly trigger: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "Enter" | "Space") | (() => "Enter" | "Space") | (((new (...args: any[]) => "Enter" | "Space") | (() => "Enter" | "Space")) | null)[], unknown, unknown>;
+    readonly readonly: boolean;
     readonly validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly clearable: boolean;
     readonly tagType: string;

package/lib/components/md-container/md-container.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../icon/index.cjs"),E=require("../icon-text/index.cjs"),N=require("../md-comment/index.cjs"),S=require("../side-menu/index.cjs"),b=require("../tag/index.cjs");require("@vueuse/core");const s=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const _=require("../../utils/ns-cover.cjs"),T=require("lodash-es");require("../form/index.cjs");const D=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const $=require("@vft/router"),B=require("@vft/use"),L=require("@vft/use/photoswipe"),g=require("@vft/utils/date"),M=require("./use/useCopyCode.cjs"),w=require("./utils.cjs"),z={class:"info-container"},P={key:0,class:"left"},R={class:"infos"},I={class:"reading",title:"阅读量"},A=["data-path"],j=e.defineComponent({name:"vft-md-container"}),O=e.defineComponent({...j,props:{tocList:{},scrollDom:{default:".layout-content"}},setup(i){const l=D.useNamespace("md-container"),v=e.getCurrentInstance(),a=e.ref(),c=e.computed(()=>i.tocList&&i.tocList!=="undefined"?JSON.parse(i.tocList):""),{initPhotoSwipe:y}=L.usePhotoSwipe(`.${l.e("content")} img`);y(),M.useCopyCode();const u=v.appContext.config.globalProperties.$router,r=u.currentRoute.value,h=_.primaryColor(),C=s.isClient?location.pathname:"",{go:q}=$.useRouterHelper(u);function k(n){q(`/?classify=${n}`)}const x=e.computed(()=>r.meta.category?.includes("api")),d=T.debounce(()=>s.handleScrollPosition({scrollDom:".layout-content",contentDom:".header-anchor",selectAttrName:"href",offset:130,callback:n=>{a.value.menuRef.activeIndex=n.slice(1)}}),100),m=n=>{s.jumpElement(`#${n.index}`,i.scrollDom,120)},f=()=>{const n=document.querySelector(i.scrollDom);n&&n.removeEventListener("scroll",d)};return e.onMounted(()=>{e.nextTick(()=>{setTimeout(()=>{s.jumpElement(encodeURI(r.hash))}),setTimeout(()=>{const t=document.querySelector(".layout-content");t&&t.addEventListener("scroll",d)},1500);const n=document.querySelectorAll(".item.expand"),o=document.querySelectorAll("div.language-vue");for(let t=0;t<n.length;t++)B.useEventListener(n[t],"click",()=>{o[t].offsetHeight===0?(o[t].style.height="auto",o[t].style.visibility="visible"):(o[t].style.height="0px",o[t].style.visibility="hidden")})})}),e.onDeactivated(()=>{f()}),e.onBeforeMount(()=>{f()}),(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(l).b(),e.unref(l).is("api",x.value)])},[c.value?.length?(e.openBlock(),e.createBlock(e.unref(S.VftSideMenu),{key:0,ref_key:"sideMenuRef",ref:a,"default-active":c.value[0].slug,class:"toc-side-menu",menus:c.value,"is-fixed-left":!1,"default-openeds-level":"","unique-opened":!1,"disable-sub-menu-action":"","attr-mapping":{index:"slug"},onSelect:m,onSubMenuClick:m},null,8,["default-active","menus"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("header"))},[e.createElementVNode("h1",{class:e.normalizeClass(e.unref(l).e("title"))},e.toDisplayString(e.unref(r).meta?.title),3),e.createElementVNode("div",z,[e.unref(r).meta?.category?.length?(e.openBlock(),e.createElementBlock("div",P,[e.createVNode(e.unref(p.VftIcon),{size:14,color:e.unref(h),icon:"icon-category"},null,8,["color"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r).meta?.category,(t,V)=>(e.openBlock(),e.createBlock(e.unref(b.VftTag),{size:"small",class:"tag",type:e.unref(s.getRandomElementForArr)(e.unref(w.COMP_TYPE),1)[0],key:V,onClick:F=>k(t)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t),1)]),_:2},1032,["type","onClick"]))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",R,[e.createVNode(e.unref(E.VftIconText),{title:"发布时间",icon:"icon-date",size:12,class:"mr-10px",distance:5,text:e.unref(g.formatToDateTime)((e.unref(r).meta?.date?new Date(e.unref(r).meta.date).getTime():new Date().getTime())-e.unref(g.getDayTimestamp)())},null,8,["text"]),e.createElementVNode("div",I,[e.createVNode(e.unref(p.VftIcon),{icon:"icon-reading",size:14,class:"mr-5px"}),e.createElementVNode("div",{class:"waline-pageview-count lh-1","data-path":e.unref(C)},"0",8,A)])])])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("content"))},[e.renderSlot(n.$slots,"default")],2),e.createVNode(e.unref(N.VftMdComment)),o[0]||(o[0]=e.createElementVNode("ins",{class:"adsbygoogle",style:{display:"block","text-align":"center"},"data-ad-layout":"in-article","data-ad-format":"fluid","data-ad-client":"ca-pub-4046301015031382","data-ad-slot":"6525439078"},null,-1))],2))}});exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../icon/index.cjs"),E=require("../icon-text/index.cjs"),N=require("../md-comment/index.cjs"),S=require("../side-menu/index.cjs"),b=require("../tag/index.cjs");require("@vueuse/core");const s=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const _=require("../../utils/ns-cover.cjs"),T=require("lodash-es");require("../form/index.cjs");const D=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const $=require("@vft/router"),B=require("@vft/use"),L=require("@vft/use/photoswipe"),g=require("@vft/utils/date"),M=require("./use/useCopyCode.cjs"),w=require("./utils.cjs"),z={class:"info-container"},R={key:0,class:"left"},P={class:"infos"},I={class:"reading",title:"阅读量"},A=["data-path"],j=e.defineComponent({name:"vft-md-container"}),O=e.defineComponent({...j,props:{tocList:{},scrollDom:{default:".layout-content"}},setup(i){const l=D.useNamespace("md-container"),v=e.getCurrentInstance(),a=e.ref(),c=e.computed(()=>i.tocList&&i.tocList!=="undefined"?JSON.parse(i.tocList):""),{initPhotoSwipe:y}=L.usePhotoSwipe(`.${l.e("content")} img`);y(),M.useCopyCode();const u=v.appContext.config.globalProperties.$router,r=u.currentRoute.value,h=_.primaryColor(),C=s.isClient?location.pathname:"",{go:q}=$.useRouterHelper(u);function k(n){q(`/?classify=${n}`)}const x=e.computed(()=>r.meta.category?.includes("api")),d=T.debounce(()=>s.handleScrollPosition({scrollDom:".layout-content",contentDom:".header-anchor",selectAttrName:"href",offset:130,callback:n=>{a.value?.menuRef&&(a.value.menuRef.activeIndex=n.slice(1))}}),100),m=n=>{s.jumpElement(`#${n.index}`,i.scrollDom,120)},f=()=>{const n=document.querySelector(i.scrollDom);n&&n.removeEventListener("scroll",d)};return e.onMounted(()=>{e.nextTick(()=>{setTimeout(()=>{s.jumpElement(encodeURI(r.hash))}),setTimeout(()=>{const t=document.querySelector(".layout-content");t&&t.addEventListener("scroll",d)},1500);const n=document.querySelectorAll(".item.expand"),o=document.querySelectorAll("div.language-vue");for(let t=0;t<n.length;t++)B.useEventListener(n[t],"click",()=>{o[t].offsetHeight===0?(o[t].style.height="auto",o[t].style.visibility="visible"):(o[t].style.height="0px",o[t].style.visibility="hidden")})})}),e.onDeactivated(()=>{f()}),e.onBeforeMount(()=>{f()}),(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(l).b(),e.unref(l).is("api",x.value)])},[c.value?.length?(e.openBlock(),e.createBlock(e.unref(S.VftSideMenu),{key:0,ref_key:"sideMenuRef",ref:a,"default-active":c.value[0].slug,class:"toc-side-menu",menus:c.value,"is-fixed-left":!1,"default-openeds-level":"","unique-opened":!1,"disable-sub-menu-action":"","attr-mapping":{index:"slug"},onSelect:m,onSubMenuClick:m},null,8,["default-active","menus"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("header"))},[e.createElementVNode("h1",{class:e.normalizeClass(e.unref(l).e("title"))},e.toDisplayString(e.unref(r).meta?.title),3),e.createElementVNode("div",z,[e.unref(r).meta?.category?.length?(e.openBlock(),e.createElementBlock("div",R,[e.createVNode(e.unref(p.VftIcon),{size:14,color:e.unref(h),icon:"icon-category"},null,8,["color"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r).meta?.category,(t,V)=>(e.openBlock(),e.createBlock(e.unref(b.VftTag),{size:"small",class:"tag",type:e.unref(s.getRandomElementForArr)(e.unref(w.COMP_TYPE),1)[0],key:V,onClick:F=>k(t)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t),1)]),_:2},1032,["type","onClick"]))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",P,[e.createVNode(e.unref(E.VftIconText),{title:"发布时间",icon:"icon-date",size:12,class:"mr-10px",distance:5,text:e.unref(g.formatToDateTime)((e.unref(r).meta?.date?new Date(e.unref(r).meta.date).getTime():new Date().getTime())-e.unref(g.getDayTimestamp)())},null,8,["text"]),e.createElementVNode("div",I,[e.createVNode(e.unref(p.VftIcon),{icon:"icon-reading",size:14,class:"mr-5px"}),e.createElementVNode("div",{class:"waline-pageview-count lh-1","data-path":e.unref(C)},"0",8,A)])])])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("content"))},[e.renderSlot(n.$slots,"default")],2),e.createVNode(e.unref(N.VftMdComment)),o[0]||(o[0]=e.createElementVNode("ins",{class:"adsbygoogle",style:{display:"block","text-align":"center"},"data-ad-layout":"in-article","data-ad-format":"fluid","data-ad-client":"ca-pub-4046301015031382","data-ad-slot":"6525439078"},null,-1))],2))}});exports.default=O;

package/lib/components/message/message.vue.d.ts

@@ -1,21 +1,4 @@
-import type { VNode } from 'vue';
-import type { MessageType } from './types';
-export interface MessageProps {
-    customClass?: string;
-    center?: boolean;
-    dangerouslyUseHTMLString?: boolean;
-    duration: number;
-    icon?: string;
-    id: string;
-    message?: string | VNode | (() => VNode);
-    onClose?: Function;
-    showClose?: boolean;
-    type: MessageType;
-    offset: number;
-    zIndex?: number;
-    grouping?: boolean;
-    repeatNum?: number;
-}
+import type { MessageProps } from './types';
 declare function close(): void;
 declare function __VLS_template(): {
     default?(_: {}): any;

package/lib/components/message/message.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("@vft/constants"),x=require("@vft/use"),E=require("@vft/utils"),v=require("../icon/index.cjs"),y=require("@vueuse/core");require("../config-provider/index.cjs");const C=require("./instance.cjs"),L=require("../config-provider/hooks/use-global-config.cjs"),O=["id"],N=["innerHTML"],V=e.defineComponent({__name:"message",props:{customClass:{},center:{type:Boolean},dangerouslyUseHTMLString:{type:Boolean},duration:{},icon:{},id:{},message:{type:[String,Object,Function]},onClose:{type:Function},showClose:{type:Boolean},type:{},offset:{},zIndex:{},grouping:{type:Boolean},repeatNum:{}},emits:["destroy"],setup(n,{expose:p}){const t=n,{ns:o,zIndex:k}=L.useGlobalComponentSettings("message"),{currentZIndex:B,nextZIndex:b}=k,r=e.ref(),c=e.ref(!1),a=e.ref(0);let u;const h=new Map([["success",{icon:"icon-success-filled"}],["error",{icon:"icon-circle-close-filled"}],["warning",{icon:"icon-warning-filled"}]]),f=e.computed(()=>(t.icon?E.isObject(t.icon)?t.icon:{icon:t.icon}:"")||h.get(t.type)||""),w=e.computed(()=>{const s=t.type;return{[o.bm("icon",s)]:s}}),M=e.computed(()=>C.getLastOffset(t.id)),d=e.computed(()=>C.getOffsetOrSpace(t.id,t.offset)+M.value),S=e.computed(()=>a.value+d.value),z=e.computed(()=>({top:`${d.value}px`,zIndex:B.value}));function l(){t.duration!==0&&({stop:u}=y.useTimeoutFn(()=>{i()},t.duration))}function m(){u?.()}function i(){c.value=!1}function T({code:s}){s===q.EVENT_CODE.esc&&i()}return e.onMounted(()=>{l(),b(),c.value=!0}),e.watch(()=>t.repeatNum,()=>{m(),l()}),x.useEventListener(document,"keydown",T),y.useResizeObserver(r,()=>{a.value=r.value.getBoundingClientRect().height}),p({visible:c,bottom:S,close:i}),(s,g)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(o).b("fade"),onBeforeLeave:n.onClose,onAfterLeave:g[0]||(g[0]=I=>s.$emit("destroy"))},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{id:n.id,ref_key:"messageRef",ref:r,class:e.normalizeClass([e.unref(o).b(),{[e.unref(o).m(n.type)]:n.type&&!n.icon},e.unref(o).is("center",n.center),e.unref(o).is("closable",n.showClose),n.customClass]),style:e.normalizeStyle(z.value),role:"alert",onMouseenter:m,onMouseleave:l},[f.value?.icon?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(o).e("icon"),w.value])},[e.createVNode(e.unref(v.VftIcon),e.normalizeProps(e.guardReactiveProps(f.value)),null,16)],2)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"default",{},()=>[n.dangerouslyUseHTMLString?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(e.unref(o).e("content")),innerHTML:n.message},null,10,N)):(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(e.unref(o).e("content"))},e.toDisplayString(n.message),3))]),n.showClose?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).e("closeBtn")),onClick:e.withModifiers(i,["stop"])},[e.createVNode(e.unref(v.VftIcon),{icon:"icon-circle-close"})],2)):e.createCommentVNode("",!0)],46,O),[[e.vShow,c.value]])]),_:3},8,["name","onBeforeLeave"]))}});exports.default=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("../icon/index.cjs"),x=require("@vft/constants"),I=require("@vft/use"),y=require("@vft/utils"),p=require("@vueuse/core");require("../config-provider/index.cjs");const C=require("./instance.cjs"),L=require("../config-provider/hooks/use-global-config.cjs"),E=["id"],N=["innerHTML"],V=e.defineComponent({__name:"message",props:{customClass:{},center:{type:Boolean},dangerouslyUseHTMLString:{type:Boolean},duration:{},icon:{},closeIcon:{},id:{},message:{type:[String,Object,Function]},onClose:{type:Function},showClose:{type:Boolean},type:{},offset:{},zIndex:{},grouping:{type:Boolean},repeatNum:{}},emits:["destroy"],setup(n,{expose:k}){const o=n,{ns:t,zIndex:B}=L.useGlobalComponentSettings("message"),{currentZIndex:b,nextZIndex:h}=B,i=e.ref(),c=e.ref(!1),a=e.ref(0);let u;const w=new Map([["success",{icon:"icon-success-filled"}],["error",{icon:"icon-circle-close-filled"}],["warning",{icon:"icon-warning-filled"}]]),f=e.computed(()=>y.singleAttrToObj(o.icon,"icon",{icon:w.get(o.type)?.icon})),T=e.computed(()=>y.singleAttrToObj(o.icon,"icon",{icon:"icon-close"})),M=e.computed(()=>{const s=o.type;return{[t.bm("icon",s)]:s}}),S=e.computed(()=>C.getLastOffset(o.id)),d=e.computed(()=>C.getOffsetOrSpace(o.id,o.offset)+S.value),z=e.computed(()=>a.value+d.value),O=e.computed(()=>({top:`${d.value}px`,zIndex:b.value}));function r(){o.duration!==0&&({stop:u}=p.useTimeoutFn(()=>{l()},o.duration))}function m(){u?.()}function l(){c.value=!1}function q({code:s}){s===x.EVENT_CODE.esc&&l()}return e.onMounted(()=>{r(),h(),c.value=!0}),e.watch(()=>o.repeatNum,()=>{m(),r()}),I.useEventListener(document,"keydown",q),p.useResizeObserver(i,()=>{a.value=i.value.getBoundingClientRect().height}),k({visible:c,bottom:z,close:l}),(s,g)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(t).b("fade"),onBeforeLeave:n.onClose,onAfterLeave:g[0]||(g[0]=R=>s.$emit("destroy"))},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{id:n.id,ref_key:"messageRef",ref:i,class:e.normalizeClass([e.unref(t).b(),{[e.unref(t).m(n.type)]:n.type&&!n.icon},e.unref(t).is("center",n.center),e.unref(t).is("closable",n.showClose),n.customClass]),style:e.normalizeStyle(O.value),role:"alert",onMouseenter:m,onMouseleave:r},[f.value?.icon?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(t).e("icon"),M.value])},[e.createVNode(e.unref(v.VftIcon),e.normalizeProps(e.guardReactiveProps(f.value)),null,16)],2)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"default",{},()=>[n.dangerouslyUseHTMLString?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(e.unref(t).e("content")),innerHTML:n.message},null,10,N)):(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(e.unref(t).e("content"))},e.toDisplayString(n.message),3))]),n.showClose?(e.openBlock(),e.createBlock(e.unref(v.VftIcon),e.mergeProps({key:1,class:e.unref(t).e("closeBtn")},T.value,{onClick:e.withModifiers(l,["stop"])}),null,16,["class"])):e.createCommentVNode("",!0)],46,E),[[e.vShow,c.value]])]),_:3},8,["name","onBeforeLeave"]))}});exports.default=V;

package/lib/components/message/types.d.ts

@@ -45,20 +45,36 @@ export declare const messageDefaults: {
     appendTo: HTMLElement;
 };
 export interface MessageProps {
+    /** 自定义类名 */
     customClass?: string;
+    /** 是否居中布局 */
     center?: boolean;
+    /** 是否将 message 属性作为 HTML 片段处理 */
     dangerouslyUseHTMLString?: boolean;
-    duration?: number;
-    icon?: string;
-    id?: string;
+    /** 显示时间，单位毫秒。设为 0 则不会自动关闭 */
+    duration: number;
+    /** 自定义图标，该属性会覆盖 type 的图标 */
+    icon?: any;
+    /** 自定义关闭图标 */
+    closeIcon?: any;
+    /** 消息的唯一标识 */
+    id: string;
+    /** 消息文字 */
     message?: string | VNode | (() => VNode);
-    onClose?: Function;
+    /** 关闭时的回调函数 */
+    onClose?: () => void;
+    /** 是否显示关闭按钮 */
     showClose?: boolean;
-    type?: MessageType;
-    offset?: number;
+    /** 消息类型 */
+    type: MessageType;
+    /** 消息距离窗口顶部的偏移量 */
+    offset: number;
+    /** 消息的层级 */
     zIndex?: number;
+    /** 合并内容相同的消息，不支持 VNode 类型的消息 */
     grouping?: boolean;
-    repeatNum: number;
+    /** 重复次数，类似于 Badge。当和 grouping 属性一起使用时作为初始数量使用 */
+    repeatNum?: number;
 }
 export type MessageOptions = Partial<Omit<MessageProps, 'id'> & {
     appendTo?: HTMLElement | string;