vft 0.0.149 → 0.0.151

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

@@ -29,83 +29,7 @@ export interface InputProps {
     validateEvent?: boolean;
     inputStyle?: StyleValue;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    id: {
-        type: globalThis.PropType<string>;
-    };
-    size: {
-        type: globalThis.PropType<"default" | "small" | "large">;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    modelValue: {
-        type: globalThis.PropType<string | number>;
-    };
-    type: {
-        type: globalThis.PropType<string>;
-    };
-    resize: {
-        type: globalThis.PropType<"both" | "none" | "vertical" | "horizontal">;
-    };
-    autosize: {
-        type: globalThis.PropType<boolean | {
-            minRows?: number | undefined;
-            maxRows?: number | undefined;
-        }>;
-    };
-    autocomplete: {
-        type: globalThis.PropType<string>;
-    };
-    formatter: {
-        type: globalThis.PropType<Function>;
-    };
-    parser: {
-        type: globalThis.PropType<Function>;
-    };
-    placeholder: {
-        type: globalThis.PropType<string>;
-    };
-    form: {
-        type: globalThis.PropType<string>;
-    };
-    readonly: {
-        type: globalThis.PropType<boolean>;
-    };
-    clearable: {
-        type: globalThis.PropType<boolean>;
-    };
-    showPassword: {
-        type: globalThis.PropType<boolean>;
-    };
-    showWordLimit: {
-        type: globalThis.PropType<boolean>;
-    };
-    suffixIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    prefixIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    clearIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    containerRole: {
-        type: globalThis.PropType<string>;
-    };
-    label: {
-        type: globalThis.PropType<string>;
-    };
-    tabindex: {
-        type: globalThis.PropType<string | number>;
-    };
-    validateEvent: {
-        type: globalThis.PropType<boolean>;
-    };
-    inputStyle: {
-        type: globalThis.PropType<StyleValue>;
-    };
-}, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<InputProps>, {
     /** @description HTML input element */
     input: import("vue").ShallowRef<HTMLInputElement | undefined>;
     /** @description HTML textarea element */
@@ -130,11 +54,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /** @description resize textarea. */
     resizeTextarea: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => void;
-    change: (value: string) => void;
     input: (value: string) => void;
     clear: () => void;
     blur: (evt: FocusEvent) => void;
+    change: (value: string) => void;
     compositionend: (evt: CompositionEvent) => void;
     compositionstart: (evt: CompositionEvent) => void;
     compositionupdate: (evt: CompositionEvent) => void;
@@ -142,99 +65,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     keydown: (evt: Event | KeyboardEvent) => void;
     mouseenter: (evt: MouseEvent) => void;
     mouseleave: (evt: MouseEvent) => void;
+    "update:modelValue": (value: string) => void;
     suffixClick: (value: any) => void;
     prefixClick: (value: any) => void;
     enter: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    id: {
-        type: globalThis.PropType<string>;
-    };
-    size: {
-        type: globalThis.PropType<"default" | "small" | "large">;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    modelValue: {
-        type: globalThis.PropType<string | number>;
-    };
-    type: {
-        type: globalThis.PropType<string>;
-    };
-    resize: {
-        type: globalThis.PropType<"both" | "none" | "vertical" | "horizontal">;
-    };
-    autosize: {
-        type: globalThis.PropType<boolean | {
-            minRows?: number | undefined;
-            maxRows?: number | undefined;
-        }>;
-    };
-    autocomplete: {
-        type: globalThis.PropType<string>;
-    };
-    formatter: {
-        type: globalThis.PropType<Function>;
-    };
-    parser: {
-        type: globalThis.PropType<Function>;
-    };
-    placeholder: {
-        type: globalThis.PropType<string>;
-    };
-    form: {
-        type: globalThis.PropType<string>;
-    };
-    readonly: {
-        type: globalThis.PropType<boolean>;
-    };
-    clearable: {
-        type: globalThis.PropType<boolean>;
-    };
-    showPassword: {
-        type: globalThis.PropType<boolean>;
-    };
-    showWordLimit: {
-        type: globalThis.PropType<boolean>;
-    };
-    suffixIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    prefixIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    clearIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    containerRole: {
-        type: globalThis.PropType<string>;
-    };
-    label: {
-        type: globalThis.PropType<string>;
-    };
-    tabindex: {
-        type: globalThis.PropType<string | number>;
-    };
-    validateEvent: {
-        type: globalThis.PropType<boolean>;
-    };
-    inputStyle: {
-        type: globalThis.PropType<StyleValue>;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<InputProps>>> & {
+    onInput?: ((value: string) => any) | undefined;
+    onBlur?: ((evt: FocusEvent) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
     onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
     onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
-    onBlur?: ((evt: FocusEvent) => any) | undefined;
-    onChange?: ((value: string) => any) | undefined;
-    onInput?: ((value: string) => any) | undefined;
     onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
     onMouseenter?: ((evt: MouseEvent) => any) | undefined;
     onMouseleave?: ((evt: MouseEvent) => any) | undefined;
     onEnter?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onSuffixClick?: ((value: any) => any) | undefined;
     onPrefixClick?: ((value: any) => any) | undefined;
 }, {}, {}>, {
@@ -244,6 +92,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     append?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

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

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),l=require("@vft/utils");require("../form/index.cjs");const x=require("../icon/index.cjs"),$=require("../input/index.cjs"),o=require("../../constants/event.cjs");require("@vueuse/core");const I=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const b=require("lodash"),G=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const S=require("./directives.cjs"),R=require("../form/hooks/use-form-item.cjs"),O=require("../form/hooks/use-form-common-props.cjs"),H=["onKeydown"],Y=["onKeydown"],d=G.useNamespace("input-number"),j=t.defineComponent({name:d.b()}),J=t.defineComponent({...j,props:{id:{default:void 0},step:{default:1},stepStrictly:{type:Boolean},max:{default:Number.POSITIVE_INFINITY},min:{default:Number.NEGATIVE_INFINITY},modelValue:{},readonly:{type:Boolean},disabled:{type:Boolean},size:{default:"default"},controls:{type:Boolean,default:!0},controlsPosition:{default:""},valueOnClear:{default:null},name:{},label:{},placeholder:{},precision:{},validateEvent:{type:Boolean,default:!0}},emits:{[o.CHANGE_EVENT]:(n,v)=>v!==n,blur:n=>n instanceof FocusEvent,focus:n=>n instanceof FocusEvent,[o.INPUT_EVENT]:n=>l.isNumber(n)||b.isNil(n),[o.UPDATE_MODEL_EVENT]:n=>l.isNumber(n)||b.isNil(n)},setup(n,{expose:v,emit:s}){const m=t.ref(),r=t.reactive({currentValue:n.modelValue,userInput:null}),{formItem:c}=R.useFormItem(),P=t.computed(()=>n.modelValue&&l.isNumber(n.modelValue)&&n.modelValue<=n.min),C=t.computed(()=>n.modelValue&&l.isNumber(n.modelValue)&&n.modelValue>=n.max),U=t.computed(()=>{const e=D(n.step);return l.isUndefined(n.precision)?Math.max(D(n.modelValue),e):(e>n.precision&&I.debugWarn("InputNumber","precision should not be less than the decimal places of step"),n.precision)}),V=t.computed(()=>n.controls&&n.controlsPosition==="right"),A=O.useFormSize(),f=O.useFormDisabled(),E=t.computed(()=>{if(r.userInput!==null)return r.userInput;let e=r.currentValue;if(b.isNil(e))return"";if(l.isNumber(e)){if(Number.isNaN(e))return"";l.isUndefined(n.precision)||(e=e==null?void 0:e.toFixed(n.precision))}return e}),h=(e,u)=>{if(l.isUndefined(u)&&(u=U.value),u===0)return Math.round(e);let i=String(e);const a=i.indexOf(".");if(a===-1||!i.replace(".","").split("")[a+u])return e;const M=i.length;return i.charAt(M-1)==="5"&&(i=`${i.slice(0,Math.max(0,M-1))}6`),Number.parseFloat(Number(i).toFixed(u))},D=e=>{if(b.isNil(e))return 0;const u=e.toString(),i=u.indexOf(".");let a=0;return i!==-1&&(a=u.length-i-1),a},q=(e,u=1)=>l.isNumber(e)?h(e+n.step*u):r.currentValue,w=()=>{if(n.readonly||f.value||C.value)return;const e=Number(E.value)||0,u=q(e);N(u),s(o.INPUT_EVENT,r.currentValue)},y=()=>{if(n.readonly||f.value||P.value)return;const e=Number(E.value)||0,u=q(e,-1);N(u),s(o.INPUT_EVENT,r.currentValue)},T=(e,u)=>{let i=Number(e);if(b.isNil(e)||Number.isNaN(i))return null;if(e===""){if(n.valueOnClear===null)return null;i=l.isString(n.valueOnClear)?{min:n.min,max:n.max}[n.valueOnClear]:n.valueOnClear}return n.stepStrictly&&(i=h(Math.round(i/n.step)*n.step,n.precision)),l.isUndefined(n.precision)||(i=h(i,n.precision)),(i>n.max||i<n.min)&&(i=i>n.max?n.max:n.min,u&&s(o.UPDATE_MODEL_EVENT,i)),i},N=(e,u=!0)=>{var g;const i=r.currentValue,a=T(e);if(!u){s(o.UPDATE_MODEL_EVENT,a);return}i!==a&&(r.userInput=null,s(o.UPDATE_MODEL_EVENT,a),s(o.CHANGE_EVENT,a,i),n.validateEvent&&((g=c==null?void 0:c.validate)==null||g.call(c,"change").catch(F=>I.debugWarn(F))),r.currentValue=a)},B=e=>{r.userInput=e;const u=e===""?null:Number(e);s(o.INPUT_EVENT,u),N(u,!1)},k=e=>{const u=e!==""?Number(e):"";(l.isNumber(u)&&!Number.isNaN(u)||e==="")&&N(u),r.userInput=null},K=()=>{var e,u;(u=(e=m.value)==null?void 0:e.focus)==null||u.call(e)},z=()=>{var e,u;(u=(e=m.value)==null?void 0:e.blur)==null||u.call(e)},L=e=>{s("focus",e)},W=e=>{var u;s("blur",e),n.validateEvent&&((u=c==null?void 0:c.validate)==null||u.call(c,"blur").catch(i=>I.debugWarn(i)))};return t.watch(()=>n.modelValue,e=>{const u=T(r.userInput),i=T(e,!0);!l.isNumber(u)&&(!u||u!==i)&&(r.currentValue=i,r.userInput=null)},{immediate:!0}),t.onMounted(()=>{var u;const e=(u=m.value)==null?void 0:u.input;if(e.setAttribute("role","spinbutton"),Number.isFinite(n.max)?e.setAttribute("aria-valuemax",String(n.max)):e.removeAttribute("aria-valuemax"),Number.isFinite(n.min)?e.setAttribute("aria-valuemin",String(n.min)):e.removeAttribute("aria-valuemin"),e.setAttribute("aria-valuenow",String(r.currentValue)),e.setAttribute("aria-disabled",String(f.value)),!l.isNumber(n.modelValue)&&n.modelValue!==null){let i=Number(n.modelValue);Number.isNaN(i)&&(i=null),s(o.UPDATE_MODEL_EVENT,i)}}),t.onUpdated(()=>{var u;const e=(u=m.value)==null?void 0:u.input;e==null||e.setAttribute("aria-valuenow",`${r.currentValue}`)}),v({focus:K,blur:z}),(e,u)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([t.unref(d).b(),t.unref(d).m(t.unref(A)),t.unref(d).is("disabled",t.unref(f)),t.unref(d).is("without-controls",!e.controls),t.unref(d).is("controls-right",V.value)]),onDragstart:u[1]||(u[1]=t.withModifiers(()=>{},["prevent"]))},[e.controls?t.withDirectives((t.openBlock(),t.createElementBlock("span",{key:0,role:"button",class:t.normalizeClass([t.unref(d).e("decrease"),t.unref(d).is("disabled",P.value)]),onKeydown:t.withKeys(y,["enter"])},[t.createVNode(t.unref(x.VftIcon),{icon:V.value?"icon-arrow-down":"icon-minus"},null,8,["icon"])],42,H)),[[t.unref(S.vRepeatClick),y]]):t.createCommentVNode("",!0),e.controls?t.withDirectives((t.openBlock(),t.createElementBlock("span",{key:1,role:"button",class:t.normalizeClass([t.unref(d).e("increase"),t.unref(d).is("disabled",C.value)]),onKeydown:t.withKeys(w,["enter"])},[t.createVNode(t.unref(x.VftIcon),{icon:V.value?"icon-arrow-up":"icon-plus"},null,8,["icon"])],42,Y)),[[t.unref(S.vRepeatClick),w]]):t.createCommentVNode("",!0),t.createVNode(t.unref($.VftInput),{id:e.id,ref_key:"input",ref:m,type:"number",step:e.step,"model-value":E.value,placeholder:e.placeholder,readonly:e.readonly,disabled:t.unref(f),size:t.unref(A),max:e.max,min:e.min,name:e.name,label:e.label,"validate-event":!1,onWheel:u[0]||(u[0]=t.withModifiers(()=>{},["prevent"])),onKeydown:[t.withKeys(t.withModifiers(w,["prevent"]),["up"]),t.withKeys(t.withModifiers(y,["prevent"]),["down"])],onBlur:W,onFocus:L,onInput:B,onChange:k},null,8,["id","step","model-value","placeholder","readonly","disabled","size","max","min","name","label","onKeydown"])],34))}});exports.default=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),l=require("@vft/utils");require("../form/index.cjs");const x=require("../icon/index.cjs"),G=require("../input/index.cjs"),o=require("../../constants/event.cjs");require("@vueuse/core");const I=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const b=require("lodash"),R=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const S=require("./directives.cjs"),H=require("../form/hooks/use-form-item.cjs"),O=require("../form/hooks/use-form-common-props.cjs"),d=R.useNamespace("input-number"),Y=t.defineComponent({name:d.b()}),j=t.defineComponent({...Y,props:{id:{default:void 0},step:{default:1},stepStrictly:{type:Boolean},max:{default:Number.POSITIVE_INFINITY},min:{default:Number.NEGATIVE_INFINITY},modelValue:{},readonly:{type:Boolean},disabled:{type:Boolean},size:{default:"default"},controls:{type:Boolean,default:!0},controlsPosition:{default:""},valueOnClear:{default:null},name:{},label:{},placeholder:{},precision:{},validateEvent:{type:Boolean,default:!0}},emits:{[o.CHANGE_EVENT]:(n,v)=>v!==n,blur:n=>n instanceof FocusEvent,focus:n=>n instanceof FocusEvent,[o.INPUT_EVENT]:n=>l.isNumber(n)||b.isNil(n),[o.UPDATE_MODEL_EVENT]:n=>l.isNumber(n)||b.isNil(n)},setup(n,{expose:v,emit:U}){const s=U,m=t.ref(),r=t.reactive({currentValue:n.modelValue,userInput:null}),{formItem:c}=H.useFormItem(),P=t.computed(()=>n.modelValue&&l.isNumber(n.modelValue)&&n.modelValue<=n.min),C=t.computed(()=>n.modelValue&&l.isNumber(n.modelValue)&&n.modelValue>=n.max),B=t.computed(()=>{const e=D(n.step);return l.isUndefined(n.precision)?Math.max(D(n.modelValue),e):(e>n.precision&&I.debugWarn("InputNumber","precision should not be less than the decimal places of step"),n.precision)}),V=t.computed(()=>n.controls&&n.controlsPosition==="right"),A=O.useFormSize(),f=O.useFormDisabled(),E=t.computed(()=>{if(r.userInput!==null)return r.userInput;let e=r.currentValue;if(b.isNil(e))return"";if(l.isNumber(e)){if(Number.isNaN(e))return"";l.isUndefined(n.precision)||(e=e==null?void 0:e.toFixed(n.precision))}return e}),h=(e,i)=>{if(l.isUndefined(i)&&(i=B.value),i===0)return Math.round(e);let u=String(e);const a=u.indexOf(".");if(a===-1||!u.replace(".","").split("")[a+i])return e;const M=u.length;return u.charAt(M-1)==="5"&&(u=`${u.slice(0,Math.max(0,M-1))}6`),Number.parseFloat(Number(u).toFixed(i))},D=e=>{if(b.isNil(e))return 0;const i=e.toString(),u=i.indexOf(".");let a=0;return u!==-1&&(a=i.length-u-1),a},q=(e,i=1)=>l.isNumber(e)?h(e+n.step*i):r.currentValue,w=()=>{if(n.readonly||f.value||C.value)return;const e=Number(E.value)||0,i=q(e);N(i),s(o.INPUT_EVENT,r.currentValue)},y=()=>{if(n.readonly||f.value||P.value)return;const e=Number(E.value)||0,i=q(e,-1);N(i),s(o.INPUT_EVENT,r.currentValue)},T=(e,i)=>{let u=Number(e);if(b.isNil(e)||Number.isNaN(u))return null;if(e===""){if(n.valueOnClear===null)return null;u=l.isString(n.valueOnClear)?{min:n.min,max:n.max}[n.valueOnClear]:n.valueOnClear}return n.stepStrictly&&(u=h(Math.round(u/n.step)*n.step,n.precision)),l.isUndefined(n.precision)||(u=h(u,n.precision)),(u>n.max||u<n.min)&&(u=u>n.max?n.max:n.min,i&&s(o.UPDATE_MODEL_EVENT,u)),u},N=(e,i=!0)=>{var g;const u=r.currentValue,a=T(e);if(!i){s(o.UPDATE_MODEL_EVENT,a);return}u!==a&&(r.userInput=null,s(o.UPDATE_MODEL_EVENT,a),s(o.CHANGE_EVENT,a,u),n.validateEvent&&((g=c==null?void 0:c.validate)==null||g.call(c,"change").catch(F=>I.debugWarn(F))),r.currentValue=a)},k=e=>{r.userInput=e;const i=e===""?null:Number(e);s(o.INPUT_EVENT,i),N(i,!1)},z=e=>{const i=e!==""?Number(e):"";(l.isNumber(i)&&!Number.isNaN(i)||e==="")&&N(i),r.userInput=null},K=()=>{var e,i;(i=(e=m.value)==null?void 0:e.focus)==null||i.call(e)},L=()=>{var e,i;(i=(e=m.value)==null?void 0:e.blur)==null||i.call(e)},W=e=>{s("focus",e)},$=e=>{var i;s("blur",e),n.validateEvent&&((i=c==null?void 0:c.validate)==null||i.call(c,"blur").catch(u=>I.debugWarn(u)))};return t.watch(()=>n.modelValue,e=>{const i=T(r.userInput),u=T(e,!0);!l.isNumber(i)&&(!i||i!==u)&&(r.currentValue=u,r.userInput=null)},{immediate:!0}),t.onMounted(()=>{var i;const e=(i=m.value)==null?void 0:i.input;if(e.setAttribute("role","spinbutton"),Number.isFinite(n.max)?e.setAttribute("aria-valuemax",String(n.max)):e.removeAttribute("aria-valuemax"),Number.isFinite(n.min)?e.setAttribute("aria-valuemin",String(n.min)):e.removeAttribute("aria-valuemin"),e.setAttribute("aria-valuenow",String(r.currentValue)),e.setAttribute("aria-disabled",String(f.value)),!l.isNumber(n.modelValue)&&n.modelValue!==null){let u=Number(n.modelValue);Number.isNaN(u)&&(u=null),s(o.UPDATE_MODEL_EVENT,u)}}),t.onUpdated(()=>{var i;const e=(i=m.value)==null?void 0:i.input;e==null||e.setAttribute("aria-valuenow",`${r.currentValue}`)}),v({focus:K,blur:L}),(e,i)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([t.unref(d).b(),t.unref(d).m(t.unref(A)),t.unref(d).is("disabled",t.unref(f)),t.unref(d).is("without-controls",!e.controls),t.unref(d).is("controls-right",V.value)]),onDragstart:i[1]||(i[1]=t.withModifiers(()=>{},["prevent"]))},[e.controls?t.withDirectives((t.openBlock(),t.createElementBlock("span",{key:0,role:"button",class:t.normalizeClass([t.unref(d).e("decrease"),t.unref(d).is("disabled",P.value)]),onKeydown:t.withKeys(y,["enter"])},[t.createVNode(t.unref(x.VftIcon),{icon:V.value?"icon-arrow-down":"icon-minus"},null,8,["icon"])],34)),[[t.unref(S.vRepeatClick),y]]):t.createCommentVNode("",!0),e.controls?t.withDirectives((t.openBlock(),t.createElementBlock("span",{key:1,role:"button",class:t.normalizeClass([t.unref(d).e("increase"),t.unref(d).is("disabled",C.value)]),onKeydown:t.withKeys(w,["enter"])},[t.createVNode(t.unref(x.VftIcon),{icon:V.value?"icon-arrow-up":"icon-plus"},null,8,["icon"])],34)),[[t.unref(S.vRepeatClick),w]]):t.createCommentVNode("",!0),t.createVNode(t.unref(G.VftInput),{id:e.id,ref_key:"input",ref:m,type:"number",step:e.step,"model-value":E.value,placeholder:e.placeholder,readonly:e.readonly,disabled:t.unref(f),size:t.unref(A),max:e.max,min:e.min,name:e.name,label:e.label,"validate-event":!1,onWheel:i[0]||(i[0]=t.withModifiers(()=>{},["prevent"])),onKeydown:[t.withKeys(t.withModifiers(w,["prevent"]),["up"]),t.withKeys(t.withModifiers(y,["prevent"]),["down"])],onBlur:$,onFocus:W,onInput:k,onChange:z},null,8,["id","step","model-value","placeholder","readonly","disabled","size","max","min","name","label","onKeydown"])],34))}});exports.default=j;