vft 0.0.18 → 0.0.20

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

@@ -0,0 +1,252 @@
+export declare const VftInput: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    id: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    size: {
+        type: import("vue").PropType<"large" | "small" | "default" | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    type: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    resize: {
+        type: import("vue").PropType<"none" | "both" | "horizontal" | "vertical" | undefined>;
+        required: false;
+    };
+    autosize: {
+        type: import("vue").PropType<boolean | {
+            minRows?: number | undefined;
+            maxRows?: number | undefined;
+        } | undefined>;
+        required: false;
+    };
+    autocomplete: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    formatter: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    parser: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    placeholder: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    form: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    showPassword: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    showWordLimit: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    suffixIcon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    prefixIcon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    clearIcon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    containerRole: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    label: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    inputStyle: {
+        type: import("vue").PropType<import("vue").StyleValue | undefined>;
+        required: false;
+    };
+    focusWidth: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+}, {
+    input: import("vue").ShallowRef<HTMLInputElement | undefined>;
+    textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
+    ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+    textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
+    autosize: boolean | {
+        minRows?: number | undefined;
+        maxRows?: number | undefined;
+    };
+    focus: () => Promise<void>;
+    blur: () => void | undefined;
+    select: () => void;
+    clear: () => void;
+    resizeTextarea: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => boolean;
+    input: (value: string) => boolean;
+    change: (value: string) => boolean;
+    suffixclick: (value: any) => boolean;
+    focus: (evt: FocusEvent) => boolean;
+    blur: (evt: FocusEvent) => boolean;
+    clear: () => true;
+    mouseleave: (evt: MouseEvent) => boolean;
+    mouseenter: (evt: MouseEvent) => boolean;
+    keydown: (evt: Event | KeyboardEvent) => boolean;
+    compositionstart: (evt: CompositionEvent) => boolean;
+    compositionupdate: (evt: CompositionEvent) => boolean;
+    compositionend: (evt: CompositionEvent) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    size: {
+        type: import("vue").PropType<"large" | "small" | "default" | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    type: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    resize: {
+        type: import("vue").PropType<"none" | "both" | "horizontal" | "vertical" | undefined>;
+        required: false;
+    };
+    autosize: {
+        type: import("vue").PropType<boolean | {
+            minRows?: number | undefined;
+            maxRows?: number | undefined;
+        } | undefined>;
+        required: false;
+    };
+    autocomplete: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    formatter: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    parser: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    placeholder: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    form: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    showPassword: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    showWordLimit: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    suffixIcon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    prefixIcon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    clearIcon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    containerRole: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    label: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    inputStyle: {
+        type: import("vue").PropType<import("vue").StyleValue | undefined>;
+        required: false;
+    };
+    focusWidth: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
+    onSuffixclick?: ((value: any) => any) | undefined;
+    onFocus?: ((evt: FocusEvent) => any) | undefined;
+    onBlur?: ((evt: FocusEvent) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+    onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+    onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+    onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
+    onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+    onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+}, {}>> & Record<string, any>;
+export default VftInput;

package/lib/components/input/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/install.js");require("vue");require("@vue/shared");require("@vft/utils");const u=require("./input.vue2.js"),e=t.withInstall(u.default);exports.VftInput=e;exports.default=e;
+//# sourceMappingURL=index.js.map

package/lib/components/input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/input/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Input from './input.vue'\n\nexport const VftInput = withInstall(Input)\n\nexport default VftInput\n\n"],"names":["VftInput","withInstall","Input"],"mappings":"yPAIaA,EAAWC,cAAYC,EAAK,OAAA"}

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

@@ -0,0 +1,265 @@
+import type { PropType as __PropType } from 'vue';
+import { type IconProps } from 'vft/es/components/icon';
+import type { StyleValue } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    id: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<"large" | "small" | "default" | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    type: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    resize: {
+        type: __PropType<"none" | "both" | "horizontal" | "vertical" | undefined>;
+        required: false;
+    };
+    autosize: {
+        type: __PropType<boolean | {
+            minRows?: number | undefined;
+            maxRows?: number | undefined;
+        } | undefined>;
+        required: false;
+    };
+    autocomplete: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    formatter: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    parser: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    placeholder: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    form: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    readonly: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    clearable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    showPassword: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    showWordLimit: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    suffixIcon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    prefixIcon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    clearIcon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    containerRole: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    label: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    inputStyle: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    focusWidth: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+}, {
+    /** @description HTML input element */
+    input: import("vue").ShallowRef<HTMLInputElement | undefined>;
+    /** @description HTML textarea element */
+    textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
+    /** @description HTML element, input or textarea */
+    ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+    /** @description style of textarea. */
+    textareaStyle: import("vue").ComputedRef<StyleValue>;
+    /** @description from props (used on unit test) */
+    autosize: boolean | {
+        minRows?: number | undefined;
+        maxRows?: number | undefined;
+    };
+    /** @description HTML input element native method */
+    focus: () => Promise<void>;
+    /** @description HTML input element native method */
+    blur: () => void | undefined;
+    /** @description HTML input element native method */
+    select: () => void;
+    /** @description clear input value */
+    clear: () => void;
+    /** @description resize textarea. */
+    resizeTextarea: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => boolean;
+    input: (value: string) => boolean;
+    change: (value: string) => boolean;
+    suffixclick: (value: any) => boolean;
+    focus: (evt: FocusEvent) => boolean;
+    blur: (evt: FocusEvent) => boolean;
+    clear: () => true;
+    mouseleave: (evt: MouseEvent) => boolean;
+    mouseenter: (evt: MouseEvent) => boolean;
+    keydown: (evt: KeyboardEvent | Event) => boolean;
+    compositionstart: (evt: CompositionEvent) => boolean;
+    compositionupdate: (evt: CompositionEvent) => boolean;
+    compositionend: (evt: CompositionEvent) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<"large" | "small" | "default" | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    type: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    resize: {
+        type: __PropType<"none" | "both" | "horizontal" | "vertical" | undefined>;
+        required: false;
+    };
+    autosize: {
+        type: __PropType<boolean | {
+            minRows?: number | undefined;
+            maxRows?: number | undefined;
+        } | undefined>;
+        required: false;
+    };
+    autocomplete: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    formatter: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    parser: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    placeholder: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    form: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    readonly: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    clearable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    showPassword: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    showWordLimit: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    suffixIcon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    prefixIcon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    clearIcon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    containerRole: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    label: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    inputStyle: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    focusWidth: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
+    onSuffixclick?: ((value: any) => any) | undefined;
+    onFocus?: ((evt: FocusEvent) => any) | undefined;
+    onBlur?: ((evt: FocusEvent) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+    onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+    onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+    onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
+    onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+    onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/lib/components/input/input.vue.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./input.vue2.js");exports.default=e.default;
+//# sourceMappingURL=input.vue.js.map

package/lib/components/input/input.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/input/input.vue2.js

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

package/lib/components/input/input.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.vue2.js","sources":["../../../../../packages/components/input/input.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport { UPDATE_MODEL_EVENT } from '@vft/constants';\nimport { useAttrs } from '@vft/use';\nimport { isObject, noop, isString, singleAttrToObj, addUnit } from '@vft/utils';\nimport { isClient, useResizeObserver } from '@vueuse/core';\nimport { useCursor, useDisabled, useFormItem, useFormItemInputId, useSize } from 'element-plus';\nimport { isNil } from 'lodash';\nimport { VftIcon, type IconProps } from '@vft-ui/components/icon';\nimport type { StyleValue } from 'vue';\nimport {\n  computed,\n  nextTick,\n  onMounted,\n  ref,\n  shallowRef,\n  useAttrs as useRawAttrs,\n  useSlots,\n  watch,\n  getCurrentInstance\n} from 'vue';\nimport { calcTextareaHeight } from './utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { debugWarn } from '../../utils';\n\ntype TargetElement = HTMLInputElement | HTMLTextAreaElement;\n\ninterface InputProps {\n  id?: string;\n  size?: 'default' | 'small' | 'large';\n  disabled?: boolean;\n  modelValue?: string | number;\n  type?: string;\n  resize?: 'none' | 'both' | 'horizontal' | 'vertical';\n  autosize?: {minRows?: number; maxRows?: number} | boolean;\n  autocomplete?: string;\n  formatter?: Function;\n  parser?: Function;\n  placeholder?: string;\n  form?: string;\n  readonly?: boolean;\n  clearable?: boolean;\n  showPassword?: boolean;\n  showWordLimit?: boolean;\n  suffixIcon?: IconProps;\n  prefixIcon?: IconProps;\n  clearIcon?: IconProps;\n  containerRole?: string;\n  label?: string;\n  tabindex?: string | number;\n  validateEvent?: boolean;\n  inputStyle?: StyleValue;\n  focusWidth?: Numberish\n}\n\ndefineProps({\n  \"id\": null,\n  \"size\": { default: '' },\n  \"disabled\": { type: Boolean,  },\n  \"modelValue\": null,\n  \"type\": { default: 'text' },\n  \"resize\": null,\n  \"autosize\": { type: [Object, Boolean], default: false },\n  \"autocomplete\": { default: 'off' },\n  \"formatter\": { type: Function,  },\n  \"parser\": { type: Function,  },\n  \"placeholder\": null,\n  \"form\": null,\n  \"readonly\": { type: Boolean,  },\n  \"clearable\": { type: Boolean,  },\n  \"showPassword\": { type: Boolean,  },\n  \"showWordLimit\": { type: Boolean,  },\n  \"suffixIcon\": null,\n  \"prefixIcon\": null,\n  \"clearIcon\": null,\n  \"containerRole\": null,\n  \"label\": null,\n  \"tabindex\": { default: 0 },\n  \"validateEvent\": { type: Boolean, default: true },\n  \"inputStyle\": null,\n  \"focusWidth\": null\n})\n\nconst emit = defineEmits({\n  [UPDATE_MODEL_EVENT]: (value: string) => isString(value),\n  input: (value: string) => isString(value),\n  change: (value: string) => isString(value),\n  suffixclick: (value) => isString(value),\n  focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n  blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n  clear: () => true,\n  mouseleave: (evt: MouseEvent) => evt instanceof MouseEvent,\n  mouseenter: (evt: MouseEvent) => evt instanceof MouseEvent,\n  // NOTE: when autofill by browser, the keydown event is instanceof Event, not KeyboardEvent\n  // relative bug report https://github.com/element-plus/element-plus/issues/6665\n  keydown: (evt: KeyboardEvent | Event) => evt instanceof Event,\n  compositionstart: (evt: CompositionEvent) => evt instanceof CompositionEvent,\n  compositionupdate: (evt: CompositionEvent) => evt instanceof CompositionEvent,\n  compositionend: (evt: CompositionEvent) => evt instanceof CompositionEvent\n});\n\nconst rawAttrs = useRawAttrs();\nconst slots = useSlots();\n\nconst containerAttrs = computed(() => {\n  const comboBoxAttrs: Record<string, unknown> = {};\n  if (__props.containerRole === 'combobox') {\n    comboBoxAttrs['aria-haspopup'] = rawAttrs['aria-haspopup'];\n    comboBoxAttrs['aria-owns'] = rawAttrs['aria-owns'];\n    comboBoxAttrs['aria-expanded'] = rawAttrs['aria-expanded'];\n  }\n  return comboBoxAttrs;\n});\n\nconst containerKls = computed(() => [\n  __props.type === 'textarea' ? nsTextarea.b() : nsInput.b(),\n  nsInput.m(inputSize.value),\n  nsInput.is('disabled', inputDisabled.value),\n  nsInput.is('exceed', inputExceed.value),\n  nsInput.is('focus', focused.value),\n  {\n    [nsInput.b('group')]: slots.prepend || slots.append,\n    [nsInput.bm('group', 'append')]: slots.append,\n    [nsInput.bm('group', 'prepend')]: slots.prepend,\n    [nsInput.m('prefix')]: slots.prefix || __props.prefixIcon,\n    [nsInput.m('suffix')]: slots.suffix || __props.suffixIcon || __props.clearable || __props.showPassword,\n    [nsInput.bm('suffix', 'password-clear')]: showClear.value && showPwdVisible.value\n  },\n  rawAttrs.class\n]);\n\nconst instance = getCurrentInstance()!;\n\nconst wrapperKls = computed(() => [nsInput.e('wrapper'), nsInput.is('focus', focused.value)]);\n\nconst attrs = useAttrs({\n  excludeKeys: computed<string[]>(() => {\n    return Object.keys(containerAttrs.value);\n  })\n});\n\nconst { form: _form, formItem } = useFormItem();\nconst { inputId } = useFormItemInputId(instance.props, {\n  formItemContext: formItem\n});\nconst inputSize = useSize();\nconst inputDisabled = useDisabled();\nconst nsInput = useNamespace('input');\nconst nsTextarea = useNamespace('textarea');\n\nconst input = shallowRef<HTMLInputElement>();\nconst textarea = shallowRef<HTMLTextAreaElement>();\n\nconst focused = ref(false);\nconst hovering = ref(false);\nconst isComposing = ref(false);\nconst passwordVisible = ref(false);\nconst countStyle = ref<StyleValue>();\nconst textareaCalcStyle = shallowRef(__props.inputStyle);\n\nconst _ref = computed(() => input.value || textarea.value);\n\nconst _prefixIcon = computed(() => {\n  return singleAttrToObj(__props.prefixIcon, 'icon') as IconProps;\n});\n\nconst _suffixIcon = computed(() => {\n  return singleAttrToObj(__props.suffixIcon, 'icon') as IconProps;\n});\n\nconst _clearIcon = computed(() => {\n  return singleAttrToObj(__props.clearIcon, 'icon', { icon: 'vi-close-full', size: 16 }) as IconProps;\n});\n\nconst needStatusIcon = computed(() => _form?.statusIcon ?? false);\nconst validateState = computed(() => formItem?.validateState || '');\nconst validateIcon = computed(() => validateState.value && 'vi-user');\nconst passwordIcon = computed(\n  () => (passwordVisible.value ? { icon: 'vi-view', size: 16 } : { icon: 'vi-no-view', size: 16 }));\nconst containerStyle = computed<StyleValue>(() => [rawAttrs.style as StyleValue, __props.inputStyle!,\n  __props.focusWidth && focused.value ? { width: addUnit(__props.focusWidth) } : {}]);\n\nconst textareaStyle = computed<StyleValue>(\n  () => [__props.inputStyle!, textareaCalcStyle.value as StyleValue, { resize: __props.resize }]);\nconst nativeInputValue = computed(() => (isNil(__props.modelValue) ? '' : String(__props.modelValue)));\nconst showClear = computed(\n  () => __props.clearable && !inputDisabled.value && !__props.readonly && !!nativeInputValue.value && (focused.value || hovering.value));\nconst showPwdVisible = computed(\n  () => __props.showPassword && !inputDisabled.value && !__props.readonly && !!nativeInputValue.value && (!!nativeInputValue.value || focused.value));\nconst isWordLimitVisible = computed(\n  () => __props.showWordLimit && !!attrs.value.maxlength && (__props.type === 'text' || __props.type === 'textarea') && !inputDisabled.value && !__props.readonly && !__props.showPassword);\nconst textLength = computed(() => Array.from(nativeInputValue.value).length);\nconst inputExceed = computed(\n  () =>\n    // show exceed style if length of initial value greater then maxlength\n    !!isWordLimitVisible.value && textLength.value > Number(attrs.value.maxlength)\n);\nconst suffixVisible = computed(\n  () => !!slots.suffix || !!__props.suffixIcon || showClear.value || __props.showPassword || isWordLimitVisible.value || (!!validateState.value && needStatusIcon.value));\n\nconst [recordCursor, setCursor] = useCursor(input);\n\nuseResizeObserver(textarea, (entries) => {\n  if (!isWordLimitVisible.value || __props.resize !== 'both') return;\n  const entry = entries[0];\n  const { width } = entry.contentRect;\n  countStyle.value = {\n    /** right: 100% - width + padding(15) + right(6) */\n    right: `calc(100% - ${width + 15 + 6}px)`\n  };\n});\n\nconst resizeTextarea = () => {\n  if (!isClient || __props.type !== 'textarea') return;\n\n  if (__props.autosize) {\n    const minRows = isObject(__props.autosize) ? __props.autosize.minRows : undefined;\n    const maxRows = isObject(__props.autosize) ? __props.autosize.maxRows : undefined;\n    textareaCalcStyle.value = {\n      ...calcTextareaHeight(textarea.value!, minRows, maxRows)\n    };\n  } else {\n    textareaCalcStyle.value = {\n      minHeight: calcTextareaHeight(textarea.value!).minHeight\n    };\n  }\n};\n\nconst setNativeInputValue = () => {\n  const input = _ref.value;\n  if (!input || input.value === nativeInputValue.value) return;\n  input.value = nativeInputValue.value;\n};\n\nconst handleInput = async(event: InputEvent) => {\n  recordCursor();\n\n  let { value } = event.target as TargetElement;\n\n  // 处理 number 下 maxlength 失效的问题\n  if (attrs.value.maxlength && value.length >= attrs.value.maxlength) {\n    value = value.slice(0, Number(attrs.value.maxlength));\n  }\n\n  if (__props.formatter) {\n    value = __props.parser ? __props.parser(value) : value;\n    value = __props.formatter(value);\n  }\n\n  // should not emit input during composition\n  // see: https://github.com/ElemeFE/element/issues/10516\n  if (isComposing.value) return;\n\n  // hack for https://github.com/ElemeFE/element/issues/8548\n  // should remove the following line when we don't support IE\n  if (value === nativeInputValue.value) {\n    setNativeInputValue();\n    return;\n  }\n\n  emit(UPDATE_MODEL_EVENT, value);\n  emit('input', value);\n\n  // ensure native input value is controlled\n  // see: https://github.com/ElemeFE/element/issues/12850\n  await nextTick();\n  setNativeInputValue();\n  setCursor();\n};\n\nconst handleChange = (event: Event) => {\n  emit('change', (event.target as TargetElement).value);\n};\n\nconst handleSuffixClick = () => {\n  emit('suffixclick', __props.modelValue);\n};\n\nconst handleCompositionStart = (event: CompositionEvent) => {\n  emit('compositionstart', event);\n  isComposing.value = true;\n};\n\nconst isKorean = (text: string) => /([(\\uAC00-\\uD7AF)|(\\u3130-\\u318F)])+/gi.test(text);\n\nconst handleCompositionUpdate = (event: CompositionEvent) => {\n  emit('compositionupdate', event);\n  const text = (event.target as HTMLInputElement)?.value;\n  const lastCharacter = text[text.length - 1] || '';\n  isComposing.value = !isKorean(lastCharacter);\n};\n\nconst handleCompositionEnd = (event: CompositionEvent) => {\n  emit('compositionend', event);\n  if (isComposing.value) {\n    isComposing.value = false;\n    handleInput(event);\n  }\n};\n\nconst handlePasswordVisible = () => {\n  passwordVisible.value = !passwordVisible.value;\n  focus();\n};\n\nconst focus = async() => {\n  // see: https://github.com/ElemeFE/element/issues/18573\n  await nextTick();\n  _ref.value?.focus();\n};\n\nconst blur = () => _ref.value?.blur();\n\nconst handleFocus = (event: FocusEvent) => {\n  focused.value = true;\n  emit('focus', event);\n};\n\nconst handleBlur = (event: FocusEvent) => {\n  focused.value = false;\n  emit('blur', event);\n  if (__props.validateEvent) {\n    formItem?.validate?.('blur').catch((err) => debugWarn(err));\n  }\n};\n\nconst handleMouseLeave = (evt: MouseEvent) => {\n  hovering.value = false;\n  emit('mouseleave', evt);\n};\n\nconst handleMouseEnter = (evt: MouseEvent) => {\n  hovering.value = true;\n  emit('mouseenter', evt);\n};\n\nconst handleKeydown = (evt: KeyboardEvent) => {\n  let key = evt.key;\n  if ((evt.target as TargetElement).type === 'number') {\n    const forbidKey = ['e', '+', '-0', 'E'];\n    if (forbidKey.includes(key)){\n      evt.returnValue = false;\n      return false;\n    }\n  }\n\n  emit('keydown', evt);\n};\n\nconst select = () => {\n  _ref.value?.select();\n};\n\nconst clear = () => {\n  emit(UPDATE_MODEL_EVENT, '');\n  emit('change', '');\n  emit('clear');\n  emit('input', '');\n};\n\nwatch(\n  () => __props.modelValue,\n  () => {\n    nextTick(() => resizeTextarea());\n    if (__props.validateEvent) {\n      formItem?.validate?.('change').catch((err) => debugWarn(err));\n    }\n  }\n);\n\n// native input value is set explicitly\n// do not use v-model / :value in template\n// see: https://github.com/ElemeFE/element/issues/14521\nwatch(nativeInputValue, () => setNativeInputValue());\n\n// when change between <input> and <textarea>,\n// update DOM dependent value and styles\n// https://github.com/ElemeFE/element/issues/14857\nwatch(\n  () => __props.type,\n  async() => {\n    await nextTick();\n    setNativeInputValue();\n    resizeTextarea();\n  }\n);\n\nonMounted(() => {\n  if (!__props.formatter && __props.parser) {\n    debugWarn('VftInput', 'If you set the parser, you also need to set the formatter.');\n  }\n  setNativeInputValue();\n  nextTick(resizeTextarea);\n});\n\ndefineExpose({\n  /** @description HTML input element */\n  input,\n  /** @description HTML textarea element */\n  textarea,\n  /** @description HTML element, input or textarea */\n  ref: _ref,\n  /** @description style of textarea. */\n  textareaStyle,\n\n  /** @description from props (used on unit test) */\n  autosize: __props.autosize,\n\n  /** @description HTML input element native method */\n  focus,\n  /** @description HTML input element native method */\n  blur,\n  /** @description HTML input element native method */\n  select,\n  /** @description clear input value */\n  clear,\n  /** @description resize textarea. */\n  resizeTextarea\n});\n</script>\n\n<template>\n  <div v-show=\"type !== 'hidden'\" v-bind=\"containerAttrs\" :class=\"containerKls\"\n    :style=\"containerStyle\" :role=\"containerRole\" @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\">\n    <!-- input -->\n    <template v-if=\"type !== 'textarea'\">\n      <!-- prepend slot -->\n      <div v-if=\"$slots.prepend\" :class=\"nsInput.be('group', 'prepend')\">\n        <slot name=\"prepend\" />\n      </div>\n\n      <div :class=\"wrapperKls\">\n        <!-- prefix slot -->\n        <span v-if=\"$slots.prefix || _prefixIcon?.icon\" :class=\"nsInput.e('prefix')\">\n          <span :class=\"nsInput.e('prefix-inner')\" @click=\"focus\">\n            <slot name=\"prefix\" />\n            <vft-icon v-if=\"_prefixIcon?.icon\" v-bind=\"_prefixIcon\" :class=\"nsInput.e('icon')\" />\n          </span>\n        </span>\n\n        <input\n          :id=\"inputId\"\n          ref=\"input\"\n          :class=\"nsInput.e('inner')\"\n          v-bind=\"attrs\"\n          :type=\"showPassword ? (passwordVisible ? 'text' : 'password') : type\"\n          :disabled=\"inputDisabled\"\n          :formatter=\"formatter\"\n          :parser=\"parser\"\n          :readonly=\"readonly\"\n          :autocomplete=\"autocomplete\"\n          :tabindex=\"tabindex\"\n          :aria-label=\"label\"\n          :placeholder=\"placeholder\"\n          :style=\"inputStyle\"\n          :form=\"form\"\n          @compositionstart=\"handleCompositionStart\"\n          @compositionupdate=\"handleCompositionUpdate\"\n          @compositionend=\"handleCompositionEnd\"\n          @input=\"handleInput\"\n          @focus=\"handleFocus\"\n          @blur=\"handleBlur\"\n          @change=\"handleChange\"\n          @keydown=\"handleKeydown\"\n        />\n\n        <!-- suffix slot -->\n        <span v-if=\"suffixVisible\" :class=\"nsInput.e('suffix')\">\n          <span :class=\"nsInput.e('suffix-inner')\" @click=\"focus\">\n            <template v-if=\"!showClear || !showPwdVisible || !isWordLimitVisible\">\n              <slot name=\"suffix\" />\n              <vft-icon\n                @click=\"handleSuffixClick\"\n                v-if=\"_suffixIcon?.icon\" v-bind=\"_suffixIcon\" :class=\"nsInput.e('icon')\" />\n            </template>\n            <vft-icon v-if=\"showClear\" :class=\"[nsInput.e('icon'), nsInput.e('clear')]\"\n              v-bind=\"_clearIcon\" @mousedown.prevent=\"noop\" @click=\"clear\" />\n            <vft-icon v-if=\"showPwdVisible\" v-bind=\"passwordIcon\"\n              :class=\"[nsInput.e('icon'), nsInput.e('password')]\" @click=\"handlePasswordVisible\" />\n            <span v-if=\"isWordLimitVisible\" :class=\"nsInput.e('count')\">\n              <span\n                :class=\"nsInput.e('count-inner')\">{{ textLength }} / {{ attrs.maxlength }}</span>\n            </span>\n            <vft-icon\n              v-if=\"validateState && validateIcon && needStatusIcon\"\n              :icon=\"validateIcon\"\n              :class=\"[nsInput.e('icon'), nsInput.e('validateIcon'), nsInput.is('loading', validateState === 'validating')]\"\n            />\n          </span>\n        </span>\n      </div>\n\n      <!-- append slot -->\n      <div v-if=\"$slots.append\" :class=\"nsInput.be('group', 'append')\">\n        <slot name=\"append\" />\n      </div>\n    </template>\n\n    <!-- textarea -->\n    <template v-else>\n      <textarea\n        :id=\"inputId\"\n        ref=\"textarea\"\n        :class=\"nsTextarea.e('inner')\"\n        v-bind=\"attrs\"\n        :tabindex=\"tabindex\"\n        :disabled=\"inputDisabled\"\n        :readonly=\"readonly\"\n        :autocomplete=\"autocomplete\"\n        :style=\"textareaStyle\"\n        :aria-label=\"label\"\n        :placeholder=\"placeholder\"\n        :form=\"form\"\n        @compositionstart=\"handleCompositionStart\"\n        @compositionupdate=\"handleCompositionUpdate\"\n        @compositionend=\"handleCompositionEnd\"\n        @input=\"handleInput\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n        @change=\"handleChange\"\n        @keydown=\"handleKeydown\"\n      />\n      <span v-if=\"isWordLimitVisible\" :style=\"countStyle\"\n        :class=\"nsInput.e('count')\">{{ textLength }} / {{ attrs.maxlength }}</span>\n    </template>\n  </div>\n</template>\n"],"names":["rawAttrs","useRawAttrs","slots","useSlots","containerAttrs","computed","comboBoxAttrs","__props","containerKls","nsTextarea","nsInput","inputSize","inputDisabled","inputExceed","focused","showClear","showPwdVisible","instance","getCurrentInstance","wrapperKls","attrs","useAttrs","_form","formItem","useFormItem","inputId","useFormItemInputId","useSize","useDisabled","useNamespace","input","shallowRef","textarea","ref","hovering","isComposing","passwordVisible","countStyle","textareaCalcStyle","_ref","_prefixIcon","singleAttrToObj","_suffixIcon","_clearIcon","needStatusIcon","validateState","validateIcon","passwordIcon","containerStyle","addUnit","textareaStyle","nativeInputValue","isNil","isWordLimitVisible","textLength","suffixVisible","recordCursor","setCursor","useCursor","useResizeObserver","entries","entry","width","resizeTextarea","isClient","minRows","isObject","maxRows","calcTextareaHeight","setNativeInputValue","handleInput","event","value","emit","UPDATE_MODEL_EVENT","nextTick","handleChange","handleSuffixClick","handleCompositionStart","isKorean","text","handleCompositionUpdate","_a","lastCharacter","handleCompositionEnd","handlePasswordVisible","focus","blur","handleFocus","handleBlur","err","debugWarn","handleMouseLeave","evt","handleMouseEnter","handleKeydown","key","select","clear","watch","onMounted","expose"],"mappings":"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"}

package/lib/components/input/style/css.js

@@ -0,0 +1,2 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-input.css");
+//# sourceMappingURL=css.js.map

package/lib/components/input/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/input/style/index.js

@@ -0,0 +1,2 @@
+"use strict";require("../../../theme-style/src/base.scss.js");require("../../../theme-style/src/input.scss.js");
+//# sourceMappingURL=index.js.map

package/lib/components/input/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,6 @@
+type TextAreaHeight = {
+    height: string;
+    minHeight?: string;
+};
+export declare function calcTextareaHeight(targetElement: HTMLTextAreaElement, minRows?: number, maxRows?: number): TextAreaHeight;
+export {};