vft 0.0.429 → 0.0.430

package/lib/components/date-picker/date-picker.d.ts

@@ -188,11 +188,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     readonly disabled: boolean;
     readonly type: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "year" | "month" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType) | (((new (...args: any[]) => "year" | "month" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType)) | null)[], unknown, unknown>;
+    readonly placeholder: string;
     readonly modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [DateModelType, DateModelType]) | (() => import("vft/es/components/time-picker").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [DateModelType, DateModelType]) | (() => import("vft/es/components/time-picker").ModelValueType)) | null)[], unknown, unknown>;
     readonly placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
     readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
     readonly readonly: boolean;
-    readonly placeholder: string;
     readonly validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;

package/lib/components/date-picker/index.d.ts

@@ -187,11 +187,11 @@ declare const _DatePicker: import("vue").DefineComponent<import("vue").ExtractPr
 }>, {
     readonly disabled: boolean;
     readonly type: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "year" | "month" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType) | (((new (...args: any[]) => "year" | "month" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType)) | null)[], unknown, unknown>;
+    readonly placeholder: string;
     readonly modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [import("vft/es/vft").DateModelType, import("vft/es/vft").DateModelType]) | (() => import("vft/es/vft").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [import("vft/es/vft").DateModelType, import("vft/es/vft").DateModelType]) | (() => import("vft/es/vft").ModelValueType)) | null)[], unknown, unknown>;
     readonly placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
     readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
     readonly readonly: boolean;
-    readonly placeholder: string;
     readonly validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;
@@ -399,11 +399,11 @@ export declare const VftDatePicker: import("vue").DefineComponent<import("vue").
 }>, {
     readonly disabled: boolean;
     readonly type: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "year" | "month" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType) | (((new (...args: any[]) => "year" | "month" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType)) | null)[], unknown, unknown>;
+    readonly placeholder: string;
     readonly modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [import("vft/es/vft").DateModelType, import("vft/es/vft").DateModelType]) | (() => import("vft/es/vft").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [import("vft/es/vft").DateModelType, import("vft/es/vft").DateModelType]) | (() => import("vft/es/vft").ModelValueType)) | null)[], unknown, unknown>;
     readonly placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
     readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
     readonly readonly: boolean;
-    readonly placeholder: string;
     readonly validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;

package/lib/components/descriptions/description.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const q=require("../../utils/vue/vnode.cjs");require("../form/index.cjs");const k=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const y=require("./descriptions-row.vue2.cjs"),C=require("./token.cjs"),b=e.defineComponent({name:"vft-descriptions"}),g=e.defineComponent({...b,props:{border:{type:Boolean,default:!1},column:{default:3},direction:{default:"horizontal"},size:{},title:{},extra:{}},setup(i){const l=k.useNamespace("descriptions"),d=e.useSlots(),m=e.getCurrentInstance();e.provide(C.descriptionsKey,m.props);const f=e.computed(()=>[l.b(),l.m("small")]),u=(t,n,r,s=!1)=>(t.props||(t.props={}),n>r&&(t.props.span=r),s&&(t.props.span=n),t),v=()=>{const t=q.flattedChildren(d.default?.()).filter(o=>o?.type?.name==="ElDescriptionsItem"),n=[];let r=[],s=i.column,c=0;return t.forEach((o,p)=>{const a=o?.props?.span||1;if(p<t.length-1&&(c+=a>s?s:a),p===t.length-1){const h=i.column-c%i.column;r.push(u(o,h,s,!0)),n.push(r);return}a<s?(s-=a,r.push(o)):(r.push(u(o,a,s)),n.push(r),s=i.column,r=[])}),n};return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(f.value)},[t.title||t.extra||t.$slots.title||t.$slots.extra?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l).e("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("title"))},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("extra"))},[e.renderSlot(t.$slots,"extra",{},()=>[e.createTextVNode(e.toDisplayString(t.extra),1)])],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("body"))},[e.createElementVNode("table",{class:e.normalizeClass([e.unref(l).e("table"),e.unref(l).is("bordered",t.border)])},[e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v(),(r,s)=>(e.openBlock(),e.createBlock(y.default,{key:s,row:r},null,8,["row"]))),128))])],2)],2)],2))}});exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const q=require("../../utils/vue/vnode.cjs");require("../form/index.cjs");const k=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const y=require("./descriptions-row.vue2.cjs"),C=require("./token.cjs"),b=e.defineComponent({name:"vft-descriptions"}),g=e.defineComponent({...b,props:{border:{type:Boolean,default:!1},column:{default:3},direction:{default:"horizontal"},size:{},title:{},extra:{}},setup(s){const n=k.useNamespace("descriptions"),m=e.useSlots(),p=e.getCurrentInstance();e.provide(C.descriptionsKey,p.props);const f=e.computed(()=>[n.b(),n.m("small")]),u=(t,o,r,l=!1)=>(t.props||(t.props={}),o>r&&(t.props.span=r),l&&(t.props.span=o),t),v=()=>{const t=q.flattedChildren(m.default?.()).filter(a=>a?.type?.name==="ElDescriptionsItem"),o=[];let r=[],l=s.column,c=0;return t.forEach((a,d)=>{const i=a?.props?.span||1;if(d<t.length-1&&(c+=i>l?l:i),d===t.length-1){const h=s.column-c%s.column;r.push(u(a,h,l,!0)),o.push(r);return}i<l?(l-=i,r.push(a)):(r.push(u(a,i,l)),o.push(r),l=s.column,r=[])}),o};return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(f.value)},[s.title||s.extra||t.$slots.title||t.$slots.extra?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("title"))},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(s.title),1)])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("extra"))},[e.renderSlot(t.$slots,"extra",{},()=>[e.createTextVNode(e.toDisplayString(s.extra),1)])],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("body"))},[e.createElementVNode("table",{class:e.normalizeClass([e.unref(n).e("table"),e.unref(n).is("bordered",s.border)])},[e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v(),(r,l)=>(e.openBlock(),e.createBlock(y.default,{key:l,row:r},null,8,["row"]))),128))])],2)],2)],2))}});exports.default=g;

package/lib/components/descriptions/descriptions-row.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./descriptions-cell.cjs"),c=require("./token.cjs"),u={key:1},a=e.defineComponent({name:"vft-descriptions-row"}),d=e.defineComponent({...a,props:{row:{default:()=>[]}},setup(k){const o=e.inject(c.descriptionsKey,{});return(l,p)=>e.unref(o).direction==="vertical"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.row,(t,n)=>(e.openBlock(),e.createBlock(e.unref(r.default),{key:`tr1-${n}`,cell:t,tag:"th",type:"label"},null,8,["cell"]))),128))]),e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.row,(t,n)=>(e.openBlock(),e.createBlock(e.unref(r.default),{key:`tr2-${n}`,cell:t,tag:"td",type:"content"},null,8,["cell"]))),128))])],64)):(e.openBlock(),e.createElementBlock("tr",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.row,(t,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`tr3-${n}`},[e.unref(o).border?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(r.default),{cell:t,tag:"td",type:"label"},null,8,["cell"]),e.createVNode(e.unref(r.default),{cell:t,tag:"td",type:"content"},null,8,["cell"])],64)):(e.openBlock(),e.createBlock(e.unref(r.default),{key:1,cell:t,tag:"td",type:"both"},null,8,["cell"]))],64))),128))]))}});exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("./descriptions-cell.cjs"),c=require("./token.cjs"),u={key:1},a=e.defineComponent({name:"vft-descriptions-row"}),d=e.defineComponent({...a,props:{row:{default:()=>[]}},setup(r){const o=e.inject(c.descriptionsKey,{});return(k,i)=>e.unref(o).direction==="vertical"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.row,(t,n)=>(e.openBlock(),e.createBlock(e.unref(l.default),{key:`tr1-${n}`,cell:t,tag:"th",type:"label"},null,8,["cell"]))),128))]),e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.row,(t,n)=>(e.openBlock(),e.createBlock(e.unref(l.default),{key:`tr2-${n}`,cell:t,tag:"td",type:"content"},null,8,["cell"]))),128))])],64)):(e.openBlock(),e.createElementBlock("tr",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.row,(t,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`tr3-${n}`},[e.unref(o).border?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(l.default),{cell:t,tag:"td",type:"label"},null,8,["cell"]),e.createVNode(e.unref(l.default),{cell:t,tag:"td",type:"content"},null,8,["cell"])],64)):(e.openBlock(),e.createBlock(e.unref(l.default),{key:1,cell:t,tag:"td",type:"both"},null,8,["cell"]))],64))),128))]))}});exports.default=d;

package/lib/components/dialog/dialog-content.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("@vft/utils"),v=require("../icon/index.cjs");require("../focus-trap/focus-trap.vue2.cjs");const h=require("../focus-trap/tokens.cjs");require("../focus-trap/utils.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const B=require("../../utils/vue/refs.cjs");require("../form/index.cjs");const k=require("../../hooks/use-draggable/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const I=require("./constants.cjs"),S=["id"],w=e.defineComponent({name:"vft-dialog-content"}),z=e.defineComponent({...w,props:{center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""},overflow:{type:Boolean},headerClass:{},bodyClass:{},footerClass:{}},emits:["close"],setup(l,{expose:i}){const{dialogRef:r,headerRef:t,bodyId:u,ns:o,style:c}=e.inject(I.dialogInjectionKey),{focusTrapRef:d}=e.inject(h.FOCUS_TRAP_INJECTION_KEY),f=B.composeRefs(d,r),n=e.computed(()=>l.draggable),m=e.computed(()=>l.overflow),{resetPosition:g,updatePosition:C,isDragging:y}=k.useDraggable(r,t,n,m),p=e.computed(()=>[o.b(),o.is("fullscreen",l.fullscreen),o.is("draggable",n.value),o.is("dragging",y.value),o.is("align-center",l.alignCenter),{[o.m("center")]:l.center}]),q=e.computed(()=>b.singleAttrToObj(l.closeIcon,"icon",{icon:"icon-close",pointer:!0,size:16}));return i({resetPosition:g,updatePosition:C}),(s,a)=>(e.openBlock(),e.createElementBlock("div",{ref:e.unref(f),class:e.normalizeClass(p.value),style:e.normalizeStyle(e.unref(c)),tabindex:"-1"},[e.createElementVNode("header",{ref_key:"headerRef",ref:t,class:e.normalizeClass([e.unref(o).e("header"),s.headerClass,{"show-close":s.showClose}])},[e.renderSlot(s.$slots,"header",{},()=>[e.createElementVNode("span",{role:"heading",class:e.normalizeClass(e.unref(o).e("title"))},e.toDisplayString(s.title),3)]),s.showClose?(e.openBlock(),e.createBlock(e.unref(v.VftIcon),e.mergeProps({key:0,class:[e.unref(o).e("headerbtn")],onClick:a[0]||(a[0]=E=>s.$emit("close"))},q.value),null,16,["class"])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{id:e.unref(u),class:e.normalizeClass([e.unref(o).e("body"),s.bodyClass])},[e.renderSlot(s.$slots,"default")],10,S),s.$slots.footer?(e.openBlock(),e.createElementBlock("footer",{key:0,class:e.normalizeClass([e.unref(o).e("footer"),s.footerClass])},[e.renderSlot(s.$slots,"footer")],2)):e.createCommentVNode("",!0)],6))}});exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("@vft/utils"),h=require("../icon/index.cjs");require("../focus-trap/focus-trap.vue2.cjs");const B=require("../focus-trap/tokens.cjs");require("../focus-trap/utils.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const k=require("../../utils/vue/refs.cjs");require("../form/index.cjs");const I=require("../../hooks/use-draggable/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const S=require("./constants.cjs"),w=["id"],z=e.defineComponent({name:"vft-dialog-content"}),E=e.defineComponent({...z,props:{center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""},overflow:{type:Boolean},headerClass:{},bodyClass:{},footerClass:{}},emits:["close"],setup(o,{expose:i}){const{dialogRef:s,headerRef:r,bodyId:c,ns:t,style:u}=e.inject(S.dialogInjectionKey),{focusTrapRef:d}=e.inject(B.FOCUS_TRAP_INJECTION_KEY),f=k.composeRefs(d,s),n=e.computed(()=>o.draggable),m=e.computed(()=>o.overflow),{resetPosition:g,updatePosition:C,isDragging:y}=I.useDraggable(s,r,n,m),q=e.computed(()=>[t.b(),t.is("fullscreen",o.fullscreen),t.is("draggable",n.value),t.is("dragging",y.value),t.is("align-center",o.alignCenter),{[t.m("center")]:o.center}]),b=e.computed(()=>v.singleAttrToObj(o.closeIcon,"icon",{icon:"icon-close",pointer:!0,size:16}));return i({resetPosition:g,updatePosition:C}),(l,a)=>(e.openBlock(),e.createElementBlock("div",{ref:e.unref(f),class:e.normalizeClass(q.value),style:e.normalizeStyle(e.unref(u)),tabindex:"-1"},[e.createElementVNode("header",{ref_key:"headerRef",ref:r,class:e.normalizeClass([e.unref(t).e("header"),o.headerClass,{"show-close":o.showClose}])},[e.renderSlot(l.$slots,"header",{},()=>[e.createElementVNode("span",{role:"heading",class:e.normalizeClass(e.unref(t).e("title"))},e.toDisplayString(o.title),3)]),o.showClose?(e.openBlock(),e.createBlock(e.unref(h.VftIcon),e.mergeProps({key:0,class:[e.unref(t).e("headerbtn")],onClick:a[0]||(a[0]=N=>l.$emit("close"))},b.value),null,16,["class"])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{id:e.unref(c),class:e.normalizeClass([e.unref(t).e("body"),o.bodyClass])},[e.renderSlot(l.$slots,"default")],10,w),l.$slots.footer?(e.openBlock(),e.createElementBlock("footer",{key:0,class:e.normalizeClass([e.unref(t).e("footer"),o.footerClass])},[e.renderSlot(l.$slots,"footer")],2)):e.createCommentVNode("",!0)],6))}});exports.default=E;

package/lib/components/dialog/dialog.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const M=require("../overlay/index.cjs"),A=require("../teleport/index.cjs"),I=require("../../constants/event.cjs");require("@vueuse/core");const V=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const D=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const z=require("../../hooks/use-same-target/index.cjs");require("../../hooks/use-z-index/index.cjs");const E=require("./constants.cjs"),N=require("./dialog-content.vue2.cjs"),O=require("./use-dialog.cjs"),j=["aria-label","aria-labelledby","aria-describedby"],K=e.defineComponent({name:"vft-dialog",inheritAttrs:!1}),L=e.defineComponent({...K,props:{appendToBody:{type:Boolean,default:!1},appendTo:{default:"body"},beforeClose:{},destroyOnClose:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{default:0},closeDelay:{default:0},top:{},modalPenetrable:{type:Boolean},modelValue:{type:Boolean,default:!1},modalClass:{},width:{},zIndex:{},trapFocus:{type:Boolean,default:!1},overflow:{type:Boolean},transition:{},center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""},headerClass:{},bodyClass:{},footerClass:{}},emits:{[I.UPDATE_MODEL_EVENT]:r=>V.isBoolean(r),open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,openAutoFocus:()=>!0,closeAutoFocus:()=>!0},setup(r,{expose:y}){const n=D.useNamespace("dialog"),i=e.ref(),C=e.ref(),s=e.ref(),v=e.getCurrentInstance(),{visible:u,titleId:f,bodyId:c,style:m,overlayDialogStyle:g,rendered:p,transitionConfig:b,zIndex:q,_draggable:B,_alignCenter:w,_overflow:h,handleClose:d,onModalClick:k,onOpenAutoFocus:P,onCloseAutoFocus:T,onCloseRequested:F,onFocusoutPrevented:R}=O.useDialog(v.props,i);e.provide(E.dialogInjectionKey,{dialogRef:i,headerRef:C,bodyId:c,ns:n,rendered:p,style:m});const l=z.useSameTarget(k),S=e.computed(()=>r.modalPenetrable&&!r.modal&&!r.fullscreen);return y({visible:u,dialogContentRef:s,resetPosition:()=>{s.value?.resetPosition()},handleClose:d}),(o,t)=>(e.openBlock(),e.createBlock(e.unref(A.VftTeleport),{to:o.appendTo,disabled:o.appendTo!=="body"?!1:!o.appendToBody},{default:e.withCtx(()=>[e.createVNode(e.Transition,e.normalizeProps(e.guardReactiveProps(e.unref(b))),{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(M.VftOverlay),{"custom-mask-event":"",mask:o.modal,"overlay-class":[o.modalClass??"",`${e.unref(n).namespace.value}-modal-dialog`,e.unref(n).is("penetrable",S.value)],"z-index":e.unref(q)},{default:e.withCtx(()=>[e.createElementVNode("div",{role:"dialog","aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e.unref(f),"aria-describedby":e.unref(c),class:e.normalizeClass(`${e.unref(n).namespace.value}-overlay-dialog`),style:e.normalizeStyle(e.unref(g)),onClick:t[0]||(t[0]=(...a)=>e.unref(l).onClick&&e.unref(l).onClick(...a)),onMousedown:t[1]||(t[1]=(...a)=>e.unref(l).onMousedown&&e.unref(l).onMousedown(...a)),onMouseup:t[2]||(t[2]=(...a)=>e.unref(l).onMouseup&&e.unref(l).onMouseup(...a))},[e.createVNode(e.unref($.default),{loop:"",trapped:e.unref(u),"focus-start-el":"container",onFocusAfterTrapped:e.unref(P),onFocusAfterReleased:e.unref(T),onFocusoutPrevented:e.unref(R),onReleaseRequested:e.unref(F)},{default:e.withCtx(()=>[e.unref(p)?(e.openBlock(),e.createBlock(N.default,e.mergeProps({key:0,ref_key:"dialogContentRef",ref:s},o.$attrs,{center:o.center,"align-center":e.unref(w),"close-icon":o.closeIcon,draggable:e.unref(B),overflow:e.unref(h),fullscreen:o.fullscreen,"header-class":o.headerClass,"body-class":o.bodyClass,"footer-class":o.footerClass,"show-close":o.showClose,title:o.title,onClose:e.unref(d)}),e.createSlots({header:e.withCtx(()=>[o.$slots.title?e.renderSlot(o.$slots,"title",{key:1}):e.renderSlot(o.$slots,"header",{key:0,close:e.unref(d),titleId:e.unref(f),titleClass:e.unref(n).e("title")})]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:2},[o.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"footer")]),key:"0"}:void 0]),1040,["center","align-center","close-icon","draggable","overflow","fullscreen","header-class","body-class","footer-class","show-close","title","onClose"])):e.createCommentVNode("",!0)]),_:3},8,["trapped","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])],46,j)]),_:3},8,["mask","overlay-class","z-index"]),[[e.vShow,e.unref(u)]])]),_:3},16)]),_:3},8,["to","disabled"]))}});exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const M=require("../overlay/index.cjs"),x=require("../teleport/index.cjs"),A=require("../../constants/event.cjs");require("@vueuse/core");const I=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const V=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const D=require("../../hooks/use-same-target/index.cjs");require("../../hooks/use-z-index/index.cjs");const z=require("./constants.cjs"),E=require("./dialog-content.vue2.cjs"),N=require("./use-dialog.cjs"),O=["aria-label","aria-labelledby","aria-describedby"],j=e.defineComponent({name:"vft-dialog",inheritAttrs:!1}),K=e.defineComponent({...j,props:{appendToBody:{type:Boolean,default:!1},appendTo:{default:"body"},beforeClose:{},destroyOnClose:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{default:0},closeDelay:{default:0},top:{},modalPenetrable:{type:Boolean},modelValue:{type:Boolean,default:!1},modalClass:{},width:{},zIndex:{},trapFocus:{type:Boolean,default:!1},overflow:{type:Boolean},transition:{},center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""},headerClass:{},bodyClass:{},footerClass:{}},emits:{[A.UPDATE_MODEL_EVENT]:o=>I.isBoolean(o),open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,openAutoFocus:()=>!0,closeAutoFocus:()=>!0},setup(o,{expose:C}){const a=V.useNamespace("dialog"),i=e.ref(),p=e.ref(),s=e.ref(),v=e.getCurrentInstance(),{visible:u,titleId:f,bodyId:c,style:m,overlayDialogStyle:g,rendered:y,transitionConfig:b,zIndex:q,_draggable:B,_alignCenter:w,_overflow:h,handleClose:d,onModalClick:k,onOpenAutoFocus:P,onCloseAutoFocus:T,onCloseRequested:F,onFocusoutPrevented:R}=N.useDialog(v.props,i);e.provide(z.dialogInjectionKey,{dialogRef:i,headerRef:p,bodyId:c,ns:a,rendered:y,style:m});const l=D.useSameTarget(k),S=e.computed(()=>o.modalPenetrable&&!o.modal&&!o.fullscreen);return C({visible:u,dialogContentRef:s,resetPosition:()=>{s.value?.resetPosition()},handleClose:d}),(t,n)=>(e.openBlock(),e.createBlock(e.unref(x.VftTeleport),{to:o.appendTo,disabled:o.appendTo!=="body"?!1:!o.appendToBody},{default:e.withCtx(()=>[e.createVNode(e.Transition,e.normalizeProps(e.guardReactiveProps(e.unref(b))),{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(M.VftOverlay),{"custom-mask-event":"",mask:o.modal,"overlay-class":[o.modalClass??"",`${e.unref(a).namespace.value}-modal-dialog`,e.unref(a).is("penetrable",S.value)],"z-index":e.unref(q)},{default:e.withCtx(()=>[e.createElementVNode("div",{role:"dialog","aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e.unref(f),"aria-describedby":e.unref(c),class:e.normalizeClass(`${e.unref(a).namespace.value}-overlay-dialog`),style:e.normalizeStyle(e.unref(g)),onClick:n[0]||(n[0]=(...r)=>e.unref(l).onClick&&e.unref(l).onClick(...r)),onMousedown:n[1]||(n[1]=(...r)=>e.unref(l).onMousedown&&e.unref(l).onMousedown(...r)),onMouseup:n[2]||(n[2]=(...r)=>e.unref(l).onMouseup&&e.unref(l).onMouseup(...r))},[e.createVNode(e.unref($.default),{loop:"",trapped:e.unref(u),"focus-start-el":"container",onFocusAfterTrapped:e.unref(P),onFocusAfterReleased:e.unref(T),onFocusoutPrevented:e.unref(R),onReleaseRequested:e.unref(F)},{default:e.withCtx(()=>[e.unref(y)?(e.openBlock(),e.createBlock(E.default,e.mergeProps({key:0,ref_key:"dialogContentRef",ref:s},t.$attrs,{center:o.center,"align-center":e.unref(w),"close-icon":o.closeIcon,draggable:e.unref(B),overflow:e.unref(h),fullscreen:o.fullscreen,"header-class":o.headerClass,"body-class":o.bodyClass,"footer-class":o.footerClass,"show-close":o.showClose,title:o.title,onClose:e.unref(d)}),e.createSlots({header:e.withCtx(()=>[t.$slots.title?e.renderSlot(t.$slots,"title",{key:1}):e.renderSlot(t.$slots,"header",{key:0,close:e.unref(d),titleId:e.unref(f),titleClass:e.unref(a).e("title")})]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:2},[t.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"footer")]),key:"0"}:void 0]),1040,["center","align-center","close-icon","draggable","overflow","fullscreen","header-class","body-class","footer-class","show-close","title","onClose"])):e.createCommentVNode("",!0)]),_:3},8,["trapped","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])],46,O)]),_:3},8,["mask","overlay-class","z-index"]),[[e.vShow,e.unref(u)]])]),_:3},16)]),_:3},8,["to","disabled"]))}});exports.default=K;

package/lib/components/divider/divider.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const i=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const l=e.defineComponent({name:"vft-divider"}),a=e.defineComponent({...l,props:{direction:{default:"horizontal"},contentPosition:{default:"center"},borderStyle:{default:"solid"},borderColor:{},marginY:{},marginX:{}},setup(t){const r=i.useNamespace("divider"),n=e.computed(()=>({...r.cssVarBlock({"border-style":t.borderStyle,"border-color":t.borderColor,"margin-y":t.marginY,"margin-x":t.marginX})}));return(o,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r).b(),e.unref(r).m(o.direction)]),style:e.normalizeStyle(n.value),role:"separator"},[o.$slots.default&&o.direction!=="vertical"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(r).e("text"),e.unref(r).is(o.contentPosition)])},[e.renderSlot(o.$slots,"default")],2)):e.createCommentVNode("",!0)],6))}});exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const i=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const l=e.defineComponent({name:"vft-divider"}),a=e.defineComponent({...l,props:{direction:{default:"horizontal"},contentPosition:{default:"center"},borderStyle:{default:"solid"},borderColor:{},marginY:{},marginX:{}},setup(r){const t=i.useNamespace("divider"),n=e.computed(()=>({...t.cssVarBlock({"border-style":r.borderStyle,"border-color":r.borderColor,"margin-y":r.marginY,"margin-x":r.marginX})}));return(o,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(t).b(),e.unref(t).m(r.direction)]),style:e.normalizeStyle(n.value),role:"separator"},[o.$slots.default&&r.direction!=="vertical"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(t).e("text"),e.unref(t).is(r.contentPosition)])},[e.renderSlot(o.$slots,"default")],2)):e.createCommentVNode("",!0)],6))}});exports.default=a;

package/lib/components/drawer/drawer.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../dialog/index.cjs");const E=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const T=require("../icon/index.cjs"),F=require("../overlay/index.cjs"),N=require("../teleport/index.cjs"),S=require("../../constants/event.cjs");require("@vueuse/core");const C=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const I=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const $=require("./composables/useResizable.cjs"),P=require("../dialog/use-dialog.cjs"),D=["aria-label","aria-labelledby","aria-describedby"],O=["id"],L=["id"],M=e.defineComponent({name:"vft-drawer",inheritAttrs:!1}),H=e.defineComponent({...M,props:{direction:{default:"rtl"},size:{default:"30%"},withHeader:{type:Boolean,default:!0},modalFade:{type:Boolean,default:!0},resizable:{type:Boolean,default:!1},appendToBody:{type:Boolean,default:!1},appendTo:{default:"body"},beforeClose:{},destroyOnClose:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{default:0},closeDelay:{default:0},top:{},modalPenetrable:{type:Boolean},modelValue:{type:Boolean,default:!1},modalClass:{},width:{},zIndex:{},trapFocus:{type:Boolean,default:!1},overflow:{type:Boolean},transition:{},center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""},headerClass:{},bodyClass:{},footerClass:{}},emits:{[S.UPDATE_MODEL_EVENT]:t=>C.isBoolean(t),open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,openAutoFocus:()=>!0,closeAutoFocus:()=>!0},setup(t,{expose:B}){const u=e.getCurrentInstance(),l=e.ref(),d=e.ref(),i=e.ref(),r=I.useNamespace("drawer"),{afterEnter:f,afterLeave:c,beforeLeave:b,visible:a,rendered:k,titleId:n,bodyId:p,zIndex:y,onModalClick:v,onOpenAutoFocus:g,onCloseAutoFocus:h,onFocusoutPrevented:q,onCloseRequested:z,handleClose:s}=P.useDialog(u.props,l),{isHorizontal:w,size:R,isResizing:V}=$.useResizable(u.props,i),A=e.computed(()=>C.singleAttrToObj(t.closeIcon,"icon",{icon:"icon-close",pointer:!0}));return B({close:s,afterEnter:f,afterLeave:c}),(o,m)=>(e.openBlock(),e.createBlock(e.unref(N.VftTeleport),{to:o.appendTo,disabled:o.appendTo!=="body"?!1:!o.appendToBody},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:e.unref(r).b("fade"),onAfterEnter:e.unref(f),onAfterLeave:e.unref(c),onBeforeLeave:e.unref(b)},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(F.VftOverlay),{mask:o.modal,"overlay-class":[e.unref(r).is("drawer"),o.modalClass??""],"z-index":e.unref(y),onClick:e.unref(v)},{default:e.withCtx(()=>[e.createVNode(e.unref(E.default),{loop:"",trapped:e.unref(a),"focus-trap-el":l.value,"focus-start-el":d.value,onFocusAfterTrapped:e.unref(g),onFocusAfterReleased:e.unref(h),onFocusoutPrevented:e.unref(q),onReleaseRequested:e.unref(z)},{default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({ref_key:"drawerRef",ref:l,"aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e.unref(n),"aria-describedby":e.unref(p)},o.$attrs,{class:[e.unref(r).b(),o.direction,e.unref(a)&&"open",e.unref(r).is("dragging",e.unref(V))],style:{[e.unref(w)?"width":"height"]:e.unref(R)},role:"dialog",onClick:m[0]||(m[0]=e.withModifiers(()=>{},["stop"]))}),[e.createElementVNode("span",{ref_key:"focusStartRef",ref:d,class:e.normalizeClass(e.unref(r).e("sr-focus")),tabindex:"-1"},null,2),o.withHeader?(e.openBlock(),e.createElementBlock("header",{key:0,class:e.normalizeClass([e.unref(r).e("header"),o.headerClass])},[o.$slots.title?e.renderSlot(o.$slots,"title",{key:1}):e.renderSlot(o.$slots,"header",{key:0,close:e.unref(s),titleId:e.unref(n),titleClass:e.unref(r).e("title")},()=>[e.createElementVNode("span",{id:e.unref(n),role:"heading",class:e.normalizeClass(e.unref(r).e("title"))},e.toDisplayString(o.title),11,O)]),o.showClose?(e.openBlock(),e.createBlock(e.unref(T.VftIcon),e.mergeProps({key:2,onClick:e.unref(s)},A.value,{class:e.unref(r).e("close")}),null,16,["onClick","class"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.unref(k)?(e.openBlock(),e.createElementBlock("div",{key:1,id:e.unref(p),class:e.normalizeClass([e.unref(r).e("body"),o.bodyClass])},[e.renderSlot(o.$slots,"default")],10,L)):e.createCommentVNode("",!0),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass([e.unref(r).e("footer"),o.footerClass])},[e.renderSlot(o.$slots,"footer")],2)):e.createCommentVNode("",!0),o.resizable?(e.openBlock(),e.createElementBlock("div",{key:3,ref_key:"draggerRef",ref:i,style:e.normalizeStyle({zIndex:e.unref(y)}),class:e.normalizeClass(e.unref(r).e("dragger"))},null,6)):e.createCommentVNode("",!0)],16,D)]),_:3},8,["trapped","focus-trap-el","focus-start-el","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])]),_:3},8,["mask","overlay-class","z-index","onClick"]),[[e.vShow,e.unref(a)]])]),_:3},8,["name","onAfterEnter","onAfterLeave","onBeforeLeave"])]),_:3},8,["to","disabled"]))}});exports.default=H;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../dialog/index.cjs");const E=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const T=require("../icon/index.cjs"),F=require("../overlay/index.cjs"),N=require("../teleport/index.cjs"),S=require("../../constants/event.cjs");require("@vueuse/core");const C=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const I=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const $=require("./composables/useResizable.cjs"),x=require("../dialog/use-dialog.cjs"),P=["aria-label","aria-labelledby","aria-describedby"],D=["id"],O=["id"],L=e.defineComponent({name:"vft-drawer",inheritAttrs:!1}),M=e.defineComponent({...L,props:{direction:{default:"rtl"},size:{default:"30%"},withHeader:{type:Boolean,default:!0},modalFade:{type:Boolean,default:!0},resizable:{type:Boolean,default:!1},appendToBody:{type:Boolean,default:!1},appendTo:{default:"body"},beforeClose:{},destroyOnClose:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{default:0},closeDelay:{default:0},top:{},modalPenetrable:{type:Boolean},modelValue:{type:Boolean,default:!1},modalClass:{},width:{},zIndex:{},trapFocus:{type:Boolean,default:!1},overflow:{type:Boolean},transition:{},center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""},headerClass:{},bodyClass:{},footerClass:{}},emits:{[S.UPDATE_MODEL_EVENT]:o=>C.isBoolean(o),open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,openAutoFocus:()=>!0,closeAutoFocus:()=>!0},setup(o,{expose:B}){const u=e.getCurrentInstance(),l=e.ref(),d=e.ref(),i=e.ref(),t=I.useNamespace("drawer"),{afterEnter:f,afterLeave:c,beforeLeave:b,visible:a,rendered:k,titleId:n,bodyId:y,zIndex:m,onModalClick:v,onOpenAutoFocus:g,onCloseAutoFocus:h,onFocusoutPrevented:q,onCloseRequested:z,handleClose:s}=x.useDialog(u.props,l),{isHorizontal:w,size:R,isResizing:V}=$.useResizable(u.props,i),A=e.computed(()=>C.singleAttrToObj(o.closeIcon,"icon",{icon:"icon-close",pointer:!0}));return B({close:s,afterEnter:f,afterLeave:c}),(r,p)=>(e.openBlock(),e.createBlock(e.unref(N.VftTeleport),{to:o.appendTo,disabled:o.appendTo!=="body"?!1:!o.appendToBody},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:e.unref(t).b("fade"),onAfterEnter:e.unref(f),onAfterLeave:e.unref(c),onBeforeLeave:e.unref(b)},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(F.VftOverlay),{mask:o.modal,"overlay-class":[e.unref(t).is("drawer"),o.modalClass??""],"z-index":e.unref(m),onClick:e.unref(v)},{default:e.withCtx(()=>[e.createVNode(e.unref(E.default),{loop:"",trapped:e.unref(a),"focus-trap-el":l.value,"focus-start-el":d.value,onFocusAfterTrapped:e.unref(g),onFocusAfterReleased:e.unref(h),onFocusoutPrevented:e.unref(q),onReleaseRequested:e.unref(z)},{default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({ref_key:"drawerRef",ref:l,"aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e.unref(n),"aria-describedby":e.unref(y)},r.$attrs,{class:[e.unref(t).b(),o.direction,e.unref(a)&&"open",e.unref(t).is("dragging",e.unref(V))],style:{[e.unref(w)?"width":"height"]:e.unref(R)},role:"dialog",onClick:p[0]||(p[0]=e.withModifiers(()=>{},["stop"]))}),[e.createElementVNode("span",{ref_key:"focusStartRef",ref:d,class:e.normalizeClass(e.unref(t).e("sr-focus")),tabindex:"-1"},null,2),o.withHeader?(e.openBlock(),e.createElementBlock("header",{key:0,class:e.normalizeClass([e.unref(t).e("header"),o.headerClass])},[r.$slots.title?e.renderSlot(r.$slots,"title",{key:1}):e.renderSlot(r.$slots,"header",{key:0,close:e.unref(s),titleId:e.unref(n),titleClass:e.unref(t).e("title")},()=>[e.createElementVNode("span",{id:e.unref(n),role:"heading",class:e.normalizeClass(e.unref(t).e("title"))},e.toDisplayString(o.title),11,D)]),o.showClose?(e.openBlock(),e.createBlock(e.unref(T.VftIcon),e.mergeProps({key:2,onClick:e.unref(s)},A.value,{class:e.unref(t).e("close")}),null,16,["onClick","class"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.unref(k)?(e.openBlock(),e.createElementBlock("div",{key:1,id:e.unref(y),class:e.normalizeClass([e.unref(t).e("body"),o.bodyClass])},[e.renderSlot(r.$slots,"default")],10,O)):e.createCommentVNode("",!0),r.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass([e.unref(t).e("footer"),o.footerClass])},[e.renderSlot(r.$slots,"footer")],2)):e.createCommentVNode("",!0),o.resizable?(e.openBlock(),e.createElementBlock("div",{key:3,ref_key:"draggerRef",ref:i,style:e.normalizeStyle({zIndex:e.unref(m)}),class:e.normalizeClass(e.unref(t).e("dragger"))},null,6)):e.createCommentVNode("",!0)],16,P)]),_:3},8,["trapped","focus-trap-el","focus-start-el","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])]),_:3},8,["mask","overlay-class","z-index","onClick"]),[[e.vShow,e.unref(a)]])]),_:3},8,["name","onAfterEnter","onAfterLeave","onBeforeLeave"])]),_:3},8,["to","disabled"]))}});exports.default=M;

package/lib/components/dropdown/dropdown-item-impl.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("../collection/collection.cjs"),T=require("../icon/index.cjs");require("../roving-focus-group/roving-focus-group.vue2.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");const R=require("../roving-focus-group/types.cjs"),g=require("../roving-focus-group/tokens.cjs"),d=require("../../constants/aria.cjs");require("@vueuse/core");const y=require("@vft/utils"),P=require("../../utils/event.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const _=require("../../utils/vue/refs.cjs");require("../form/index.cjs");const w=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const M=require("./tokens.cjs"),V=require("./types.cjs"),$=["aria-disabled","tabindex","role"],B=e.defineComponent({name:"DropdownItemImpl"}),D=e.defineComponent({...B,props:{command:{default:()=>({})},disabled:{type:Boolean,default:!1},divided:{type:Boolean,default:!1},textValue:{default:""},icon:{default:""}},emits:["pointermove","pointerleave","click","clickimpl"],setup(a,{emit:m}){const c=a,f=m,r=w.useNamespace("dropdown"),p=e.computed(()=>y.singleAttrToObj(c.icon,"icon")),{role:i}=e.inject(M.DROPDOWN_INJECTION_KEY,void 0),{collectionItemRef:I}=e.inject(V.DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,void 0),{collectionItemRef:v}=e.inject(R.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,void 0),{rovingFocusGroupItemRef:E,tabIndex:O,handleFocus:l,handleKeydown:q,handleMousedown:u}=e.inject(g.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,void 0),N=_.composeRefs(I,v,E),C=e.computed(()=>i.value==="menu"?"menuitem":i.value==="navigation"?"link":"button"),s=P.composeEventHandlers(o=>{const{code:n}=o;if(n===d.EVENT_CODE.enter||n===d.EVENT_CODE.space)return o.preventDefault(),o.stopImmediatePropagation(),f("clickimpl",o),!0},q),k=e.computed(()=>({[b.COLLECTION_ITEM_SIGN]:""}));return(o,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[o.divided?(e.openBlock(),e.createElementBlock("li",e.mergeProps({key:0,role:"separator",class:e.unref(r).bem("menu","item","divided")},o.$attrs),null,16)):e.createCommentVNode("",!0),e.createElementVNode("li",e.mergeProps({ref:e.unref(N)},{...k.value,...o.$attrs},{"aria-disabled":o.disabled,class:[e.unref(r).be("menu","item"),e.unref(r).is("disabled",o.disabled)],tabindex:e.unref(O),role:C.value,onClick:n[0]||(n[0]=t=>o.$emit("clickimpl",t)),onFocus:n[1]||(n[1]=(...t)=>e.unref(l)&&e.unref(l)(...t)),onKeydown:n[2]||(n[2]=e.withModifiers((...t)=>e.unref(s)&&e.unref(s)(...t),["self"])),onMousedown:n[3]||(n[3]=(...t)=>e.unref(u)&&e.unref(u)(...t)),onPointermove:n[4]||(n[4]=t=>o.$emit("pointermove",t)),onPointerleave:n[5]||(n[5]=t=>o.$emit("pointerleave",t))}),[o.icon?(e.openBlock(),e.createBlock(e.unref(T.VftIcon),e.normalizeProps(e.mergeProps({key:0},p.value)),null,16)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default")],16,$)],64))}});exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("../collection/collection.cjs"),T=require("../icon/index.cjs");require("../roving-focus-group/roving-focus-group.vue2.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");const R=require("../roving-focus-group/types.cjs"),g=require("../roving-focus-group/tokens.cjs"),a=require("../../constants/aria.cjs");require("@vueuse/core");const y=require("@vft/utils"),P=require("../../utils/event.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const w=require("../../utils/vue/refs.cjs");require("../form/index.cjs");const M=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const V=require("./tokens.cjs"),$=require("./types.cjs"),B=["aria-disabled","tabindex","role"],D=e.defineComponent({name:"DropdownItemImpl"}),K=e.defineComponent({...D,props:{command:{default:()=>({})},disabled:{type:Boolean,default:!1},divided:{type:Boolean,default:!1},textValue:{default:""},icon:{default:""}},emits:["pointermove","pointerleave","click","clickimpl"],setup(r,{emit:c}){const m=r,f=c,i=M.useNamespace("dropdown"),p=e.computed(()=>y.singleAttrToObj(m.icon,"icon")),{role:l}=e.inject(V.DROPDOWN_INJECTION_KEY,void 0),{collectionItemRef:I}=e.inject($.DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,void 0),{collectionItemRef:v}=e.inject(R.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,void 0),{rovingFocusGroupItemRef:E,tabIndex:O,handleFocus:u,handleKeydown:q,handleMousedown:s}=e.inject(g.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,void 0),N=w.composeRefs(I,v,E),C=e.computed(()=>l.value==="menu"?"menuitem":l.value==="navigation"?"link":"button"),d=P.composeEventHandlers(n=>{const{code:o}=n;if(o===a.EVENT_CODE.enter||o===a.EVENT_CODE.space)return n.preventDefault(),n.stopImmediatePropagation(),f("clickimpl",n),!0},q),k=e.computed(()=>({[b.COLLECTION_ITEM_SIGN]:""}));return(n,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[r.divided?(e.openBlock(),e.createElementBlock("li",e.mergeProps({key:0,role:"separator",class:e.unref(i).bem("menu","item","divided")},n.$attrs),null,16)):e.createCommentVNode("",!0),e.createElementVNode("li",e.mergeProps({ref:e.unref(N)},{...k.value,...n.$attrs},{"aria-disabled":r.disabled,class:[e.unref(i).be("menu","item"),e.unref(i).is("disabled",r.disabled)],tabindex:e.unref(O),role:C.value,onClick:o[0]||(o[0]=t=>n.$emit("clickimpl",t)),onFocus:o[1]||(o[1]=(...t)=>e.unref(u)&&e.unref(u)(...t)),onKeydown:o[2]||(o[2]=e.withModifiers((...t)=>e.unref(d)&&e.unref(d)(...t),["self"])),onMousedown:o[3]||(o[3]=(...t)=>e.unref(s)&&e.unref(s)(...t)),onPointermove:o[4]||(o[4]=t=>n.$emit("pointermove",t)),onPointerleave:o[5]||(o[5]=t=>n.$emit("pointerleave",t))}),[r.icon?(e.openBlock(),e.createBlock(e.unref(T.VftIcon),e.normalizeProps(e.mergeProps({key:0},p.value)),null,16)):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default")],16,B)],64))}});exports.default=K;

package/lib/components/dropdown/dropdown-item.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../roving-focus-group/roving-focus-group.vue2.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");const P=require("../roving-focus-group/roving-focus-item.vue2.cjs");require("../roving-focus-group/types.cjs");require("@vueuse/core");require("@vft/utils");const r=require("../../utils/event.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const b=require("./dropdown-item-impl.vue2.cjs"),h=require("./tokens.cjs"),k=require("./types.cjs"),w=require("./useDropdown.cjs"),I=t.defineComponent({name:"VftDropdownItem",inheritAttrs:!1}),g=t.defineComponent({...I,props:{command:{default:()=>({})},disabled:{type:Boolean,default:!1},divided:{type:Boolean,default:!1},textValue:{default:""},icon:{default:""}},emits:["pointermove","pointerleave","click"],setup(a,{emit:s}){const n=a,u=s,d=t.useAttrs(),{elDropdown:i}=w.useDropdown(),c=t.getCurrentInstance(),f=t.ref(null),p=t.computed(()=>t.unref(f)?.textContent??""),{onItemEnter:m,onItemLeave:l}=t.inject(h.DROPDOWN_INJECTION_KEY,void 0),v=r.composeEventHandlers(e=>(u("pointermove",e),e.defaultPrevented),r.whenMouse(e=>{if(n.disabled){l(e);return}const o=e.currentTarget;o===document.activeElement||o.contains(document.activeElement)||(m(e),e.defaultPrevented||o?.focus())})),_=r.composeEventHandlers(e=>(u("pointerleave",e),e.defaultPrevented),r.whenMouse(e=>{l(e)})),q=r.composeEventHandlers(e=>{if(!n.disabled)return u("click",e),e.type!=="keydown"&&e.defaultPrevented},e=>{if(n.disabled){e.stopImmediatePropagation();return}i?.hideOnClick?.value&&i.handleClick?.(),i.commandHandler?.(n.command,c,e)}),C=t.computed(()=>({...n,...d}));return(e,o)=>(t.openBlock(),t.createBlock(t.unref(k.VftCollectionItem),{disabled:e.disabled,"text-value":e.textValue??p.value},{default:t.withCtx(()=>[t.createVNode(t.unref(P.default),{focusable:!e.disabled},{default:t.withCtx(()=>[t.createVNode(b.default,t.mergeProps(C.value,{onPointerleave:t.unref(_),onPointermove:t.unref(v),onClickimpl:t.unref(q)}),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["onPointerleave","onPointermove","onClickimpl"])]),_:3},8,["focusable"])]),_:3},8,["disabled","text-value"]))}});exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../roving-focus-group/roving-focus-group.vue2.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");const P=require("../roving-focus-group/roving-focus-item.vue2.cjs");require("../roving-focus-group/types.cjs");require("@vueuse/core");require("@vft/utils");const r=require("../../utils/event.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const b=require("./dropdown-item-impl.vue2.cjs"),h=require("./tokens.cjs"),k=require("./types.cjs"),w=require("./useDropdown.cjs"),I=e.defineComponent({name:"VftDropdownItem",inheritAttrs:!1}),g=e.defineComponent({...I,props:{command:{default:()=>({})},disabled:{type:Boolean,default:!1},divided:{type:Boolean,default:!1},textValue:{default:""},icon:{default:""}},emits:["pointermove","pointerleave","click"],setup(o,{emit:d}){const n=o,i=d,s=e.useAttrs(),{elDropdown:l}=w.useDropdown(),c=e.getCurrentInstance(),f=e.ref(null),m=e.computed(()=>e.unref(f)?.textContent??""),{onItemEnter:v,onItemLeave:a}=e.inject(h.DROPDOWN_INJECTION_KEY,void 0),p=r.composeEventHandlers(t=>(i("pointermove",t),t.defaultPrevented),r.whenMouse(t=>{if(n.disabled){a(t);return}const u=t.currentTarget;u===document.activeElement||u.contains(document.activeElement)||(v(t),t.defaultPrevented||u?.focus())})),_=r.composeEventHandlers(t=>(i("pointerleave",t),t.defaultPrevented),r.whenMouse(t=>{a(t)})),q=r.composeEventHandlers(t=>{if(!n.disabled)return i("click",t),t.type!=="keydown"&&t.defaultPrevented},t=>{if(n.disabled){t.stopImmediatePropagation();return}l?.hideOnClick?.value&&l.handleClick?.(),l.commandHandler?.(n.command,c,t)}),C=e.computed(()=>({...n,...s}));return(t,u)=>(e.openBlock(),e.createBlock(e.unref(k.VftCollectionItem),{disabled:o.disabled,"text-value":o.textValue??m.value},{default:e.withCtx(()=>[e.createVNode(e.unref(P.default),{focusable:!o.disabled},{default:e.withCtx(()=>[e.createVNode(b.default,e.mergeProps(C.value,{onPointerleave:e.unref(_),onPointermove:e.unref(p),onClickimpl:e.unref(q)}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["onPointerleave","onPointermove","onClickimpl"])]),_:3},8,["focusable"])]),_:3},8,["disabled","text-value"]))}});exports.default=g;

package/lib/components/dropdown/dropdown.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../button/index.cjs");require("../form/index.cjs");const H=require("../icon/index.cjs"),A=require("../roving-focus-group/roving-focus-group.vue2.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");require("../roving-focus-group/types.cjs");const m=require("../../constants/aria.cjs"),K=require("../scrollbar/index.cjs"),M=require("../slot/only-child.cjs"),U=require("../tooltip/index.cjs");require("@vueuse/core");const G=require("@vft/utils"),j=require("../../utils/helper.cjs");require("lodash-es");const x=require("../../hooks/use-id/index.cjs"),J=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const W=require("./tokens.cjs"),Y=require("./types.cjs"),Q=require("../form/hooks/use-form-common-props.cjs"),X=e.defineComponent({name:"vft-dropdown"}),Z=e.defineComponent({...X,props:{trigger:{default:"hover"},effect:{default:"light"},type:{},placement:{default:"bottom"},popperOptions:{},id:{},size:{},splitButton:{type:Boolean},hideOnClick:{type:Boolean,default:!0},loop:{type:Boolean,default:!0},showTimeout:{default:150},hideTimeout:{default:150},tabindex:{default:0},maxHeight:{default:""},popperClass:{default:""},disabled:{type:Boolean,default:!1},role:{default:"menu"},buttonProps:{},teleported:{type:Boolean,default:!0}},emits:["visible-change","command","click"],setup(C,{expose:y,emit:w}){const r=J.useNamespace("dropdown"),o=C,l=w,E=e.getCurrentInstance(),n=e.ref(),v=e.ref(),s=e.ref(null),i=e.ref(null),q=e.ref(null),d=e.ref(null),g=e.ref(!1),k=[m.EVENT_CODE.enter,m.EVENT_CODE.space,m.EVENT_CODE.down],B=e.computed(()=>({maxHeight:j.addUnit(o.maxHeight)})),V=x.useId().value,f=e.computed(()=>o.id||V);e.watch([n,e.toRef(o,"trigger")],([t,u],[b])=>{const F=G.isArray(u)?u:[u];b?.$el?.removeEventListener&&b.$el.removeEventListener("pointerenter",a),t?.$el?.removeEventListener&&t.$el.removeEventListener("pointerenter",a),t?.$el?.addEventListener&&F.includes("hover")&&t.$el.addEventListener("pointerenter",a)},{immediate:!0}),e.onBeforeUnmount(()=>{n.value?.$el?.removeEventListener&&n.value.$el.removeEventListener("pointerenter",a)});function $(){h()}function h(){s.value?.onClose()}function T(){s.value?.onOpen()}const p=Q.useFormSize();function N(...t){l("command",...t)}function a(){n.value?.$el?.focus()}function O(){}function S(){e.unref(i)?.focus(),d.value=null}function I(t){d.value=t}function R(t){g.value||(t.preventDefault(),t.stopImmediatePropagation())}function z(){l("visible-change",!0)}function L(t){t?.type==="keydown"&&i.value?.focus()}function P(){l("visible-change",!1)}e.provide(W.DROPDOWN_INJECTION_KEY,{contentRef:i,role:e.computed(()=>o.role),triggerId:f,isUsingKeyboard:g,onItemEnter:O,onItemLeave:S}),e.provide("elDropdown",{instance:E,dropdownSize:p,handleClick:$,commandHandler:N,trigger:e.toRef(o,"trigger"),hideOnClick:e.toRef(o,"hideOnClick")});const D=t=>{t.preventDefault(),i.value?.focus?.({preventScroll:!0})},_=t=>{l("click",t)};return y({handleClose:h,handleOpen:T,onFocusAfterTrapped:D}),(t,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("disabled",t.disabled)])},[e.createVNode(e.unref(U.VftTooltip),{ref_key:"popperRef",ref:s,role:t.role,effect:t.effect,"fallback-placements":["bottom","top"],"popper-options":t.popperOptions,"gpu-acceleration":!1,"hide-after":t.trigger==="hover"?t.hideTimeout:0,"manual-mode":!0,placement:t.placement,"popper-class":[e.unref(r).e("popper"),t.popperClass],"reference-element":v.value?.$el,trigger:t.trigger,"trigger-keys":k,"trigger-target-el":i.value,"show-after":t.trigger==="hover"?t.showTimeout:0,"stop-popper-mouse-event":!1,"virtual-ref":n.value,"virtual-triggering":t.splitButton,disabled:t.disabled,transition:`${e.unref(r).namespace.value}-zoom-in-top`,teleported:t.teleported,pure:"",persistent:"",onBeforeShow:z,onShow:L,onBeforeHide:P},e.createSlots({content:e.withCtx(()=>[e.createVNode(e.unref(K.VftScrollbar),{ref_key:"scrollbar",ref:q,"wrap-style":B.value,tag:"div","view-class":[e.unref(r).e("list"),"test"]},{default:e.withCtx(()=>[e.createVNode(e.unref(A.default),{loop:t.loop,"current-tab-id":d.value,orientation:"horizontal",onCurrentTabIdChange:I,onEntryFocus:R},{default:e.withCtx(()=>[e.createVNode(e.unref(Y.VftCollection),null,{default:e.withCtx(()=>[e.renderSlot(t.$slots,"dropdown")]),_:3})]),_:3},8,["loop","current-tab-id"])]),_:3},8,["wrap-style","view-class"])]),_:2},[t.splitButton?void 0:{name:"default",fn:e.withCtx(()=>[e.createVNode(e.unref(M.OnlyChild),{id:f.value,ref_key:"triggeringElementRef",ref:n,role:"button",tabindex:t.tabindex},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["id","tabindex"])]),key:"0"}]),1032,["role","effect","popper-options","hide-after","placement","popper-class","reference-element","trigger","trigger-target-el","show-after","virtual-ref","virtual-triggering","disabled","transition","teleported"]),t.splitButton?(e.openBlock(),e.createBlock(e.unref(c.VftButtonGroup),{key:0},{default:e.withCtx(()=>[e.createVNode(e.unref(c.VftButton),e.mergeProps({ref_key:"referenceElementRef",ref:v},t.buttonProps,{size:e.unref(p),type:t.type,disabled:t.disabled,tabindex:t.tabindex,onClick:_}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["size","type","disabled","tabindex"]),e.createVNode(e.unref(c.VftButton),e.mergeProps({id:f.value,ref_key:"triggeringElementRef",ref:n},t.buttonProps,{role:"button",size:e.unref(p),type:t.type,class:e.unref(r).e("caret-button"),disabled:t.disabled,tabindex:t.tabindex,"aria-label":"切换下拉菜单"}),{default:e.withCtx(()=>[e.createVNode(e.unref(H.VftIcon),{class:e.normalizeClass(e.unref(r).e("icon")),icon:"icon-arrow-down"},null,8,["class"])]),_:1},16,["id","size","type","class","disabled","tabindex"])]),_:3})):e.createCommentVNode("",!0)],2))}});exports.default=Z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("../button/index.cjs");require("../form/index.cjs");const H=require("../icon/index.cjs"),A=require("../roving-focus-group/roving-focus-group.vue2.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");require("../roving-focus-group/types.cjs");const v=require("../../constants/aria.cjs"),K=require("../scrollbar/index.cjs"),M=require("../slot/only-child.cjs"),U=require("../tooltip/index.cjs");require("@vueuse/core");const G=require("@vft/utils"),j=require("../../utils/helper.cjs");require("lodash-es");const J=require("../../hooks/use-id/index.cjs"),W=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Y=require("./tokens.cjs"),Q=require("./types.cjs"),X=require("../form/hooks/use-form-common-props.cjs"),Z=e.defineComponent({name:"vft-dropdown"}),_=e.defineComponent({...Z,props:{trigger:{default:"hover"},effect:{default:"light"},type:{},placement:{default:"bottom"},popperOptions:{},id:{},size:{},splitButton:{type:Boolean},hideOnClick:{type:Boolean,default:!0},loop:{type:Boolean,default:!0},showTimeout:{default:150},hideTimeout:{default:150},tabindex:{default:0},maxHeight:{default:""},popperClass:{default:""},disabled:{type:Boolean,default:!1},role:{default:"menu"},buttonProps:{},teleported:{type:Boolean,default:!0}},emits:["visible-change","command","click"],setup(t,{expose:y,emit:w}){const r=W.useNamespace("dropdown"),i=t,a=w,x=e.getCurrentInstance(),o=e.ref(),g=e.ref(),s=e.ref(null),l=e.ref(null),E=e.ref(null),c=e.ref(null),h=e.ref(!1),q=[v.EVENT_CODE.enter,v.EVENT_CODE.space,v.EVENT_CODE.down],k=e.computed(()=>({maxHeight:j.addUnit(i.maxHeight)})),B=J.useId().value,f=e.computed(()=>i.id||B);e.watch([o,e.toRef(i,"trigger")],([n,d],[C])=>{const F=G.isArray(d)?d:[d];C?.$el?.removeEventListener&&C.$el.removeEventListener("pointerenter",u),n?.$el?.removeEventListener&&n.$el.removeEventListener("pointerenter",u),n?.$el?.addEventListener&&F.includes("hover")&&n.$el.addEventListener("pointerenter",u)},{immediate:!0}),e.onBeforeUnmount(()=>{o.value?.$el?.removeEventListener&&o.value.$el.removeEventListener("pointerenter",u)});function V(){b()}function b(){s.value?.onClose()}function $(){s.value?.onOpen()}const p=X.useFormSize();function T(...n){a("command",...n)}function u(){o.value?.$el?.focus()}function N(){}function O(){e.unref(l)?.focus(),c.value=null}function S(n){c.value=n}function I(n){h.value||(n.preventDefault(),n.stopImmediatePropagation())}function R(){a("visible-change",!0)}function z(n){n?.type==="keydown"&&l.value?.focus()}function L(){a("visible-change",!1)}e.provide(Y.DROPDOWN_INJECTION_KEY,{contentRef:l,role:e.computed(()=>i.role),triggerId:f,isUsingKeyboard:h,onItemEnter:N,onItemLeave:O}),e.provide("elDropdown",{instance:x,dropdownSize:p,handleClick:V,commandHandler:T,trigger:e.toRef(i,"trigger"),hideOnClick:e.toRef(i,"hideOnClick")});const P=n=>{n.preventDefault(),l.value?.focus?.({preventScroll:!0})},D=n=>{a("click",n)};return y({handleClose:b,handleOpen:$,onFocusAfterTrapped:P}),(n,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("disabled",t.disabled)])},[e.createVNode(e.unref(U.VftTooltip),{ref_key:"popperRef",ref:s,role:t.role,effect:t.effect,"fallback-placements":["bottom","top"],"popper-options":t.popperOptions,"gpu-acceleration":!1,"hide-after":t.trigger==="hover"?t.hideTimeout:0,"manual-mode":!0,placement:t.placement,"popper-class":[e.unref(r).e("popper"),t.popperClass],"reference-element":g.value?.$el,trigger:t.trigger,"trigger-keys":q,"trigger-target-el":l.value,"show-after":t.trigger==="hover"?t.showTimeout:0,"stop-popper-mouse-event":!1,"virtual-ref":o.value,"virtual-triggering":t.splitButton,disabled:t.disabled,transition:`${e.unref(r).namespace.value}-zoom-in-top`,teleported:t.teleported,pure:"",persistent:"",onBeforeShow:R,onShow:z,onBeforeHide:L},e.createSlots({content:e.withCtx(()=>[e.createVNode(e.unref(K.VftScrollbar),{ref_key:"scrollbar",ref:E,"wrap-style":k.value,tag:"div","view-class":[e.unref(r).e("list"),"test"]},{default:e.withCtx(()=>[e.createVNode(e.unref(A.default),{loop:t.loop,"current-tab-id":c.value,orientation:"horizontal",onCurrentTabIdChange:S,onEntryFocus:I},{default:e.withCtx(()=>[e.createVNode(e.unref(Q.VftCollection),null,{default:e.withCtx(()=>[e.renderSlot(n.$slots,"dropdown")]),_:3})]),_:3},8,["loop","current-tab-id"])]),_:3},8,["wrap-style","view-class"])]),_:2},[t.splitButton?void 0:{name:"default",fn:e.withCtx(()=>[e.createVNode(e.unref(M.OnlyChild),{id:f.value,ref_key:"triggeringElementRef",ref:o,role:"button",tabindex:t.tabindex},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},8,["id","tabindex"])]),key:"0"}]),1032,["role","effect","popper-options","hide-after","placement","popper-class","reference-element","trigger","trigger-target-el","show-after","virtual-ref","virtual-triggering","disabled","transition","teleported"]),t.splitButton?(e.openBlock(),e.createBlock(e.unref(m.VftButtonGroup),{key:0},{default:e.withCtx(()=>[e.createVNode(e.unref(m.VftButton),e.mergeProps({ref_key:"referenceElementRef",ref:g},t.buttonProps,{size:e.unref(p),type:t.type,disabled:t.disabled,tabindex:t.tabindex,onClick:D}),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16,["size","type","disabled","tabindex"]),e.createVNode(e.unref(m.VftButton),e.mergeProps({id:f.value,ref_key:"triggeringElementRef",ref:o},t.buttonProps,{role:"button",size:e.unref(p),type:t.type,class:e.unref(r).e("caret-button"),disabled:t.disabled,tabindex:t.tabindex,"aria-label":"切换下拉菜单"}),{default:e.withCtx(()=>[e.createVNode(e.unref(H.VftIcon),{class:e.normalizeClass(e.unref(r).e("icon")),icon:"icon-arrow-down"},null,8,["class"])]),_:1},16,["id","size","type","class","disabled","tabindex"])]),_:3})):e.createCommentVNode("",!0)],2))}});exports.default=_;

package/lib/components/form/form-item.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),oe=require("@vueuse/core"),m=require("@vft/utils"),b=require("../../utils/helper.cjs"),g=require("lodash-es");require("./index.cjs");const le=require("../../hooks/use-id/index.cjs"),ae=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const se=require("async-validator"),z=require("./constants.cjs"),ie=require("./form-label-wrap.cjs"),ne=require("./hooks/use-form-common-props.cjs"),ue=["role","aria-labelledby"],de=e.defineComponent({name:"vft-form-item"}),ce=e.defineComponent({...de,props:{label:{},labelWidth:{default:""},labelPosition:{},prop:{},required:{type:Boolean,default:void 0},rules:{},error:{},for:{},validateStatus:{},inlineMessage:{type:[String,Boolean],default:""},showMessage:{type:Boolean,default:!0},size:{},hideRequiredAsterisk:{type:Boolean},hideLabel:{type:Boolean,default:!1}},emits:["update:error"],setup($,{expose:A,emit:j}){const r=$,E=j,B=e.useSlots(),l=e.inject(z.formContextKey,void 0),L=e.inject(z.formItemContextKey,void 0),y=ne.useFormSize(void 0,{formItem:!1}),s=ae.useNamespace("form-item"),q=le.useId().value,d=e.ref([]),c=e.ref(""),D=oe.refDebounced(c,100),n=e.ref(""),x=e.ref();let F,v=!1;const h=e.computed(()=>r.labelPosition||l?.labelPosition),M=e.computed(()=>{if(h.value==="top")return{};const t=b.addUnit(r.labelWidth||l?.labelWidth||"");return t?{width:t}:{}}),T=e.computed(()=>{if(h.value==="top"||l?.inline)return{};if(!r.label&&!r.labelWidth&&O)return{};const t=b.addUnit(r.labelWidth||l?.labelWidth||"");return!r.label&&!B.label?{marginLeft:t}:{}}),K=e.computed(()=>[s.b(),s.m(y.value),s.is("error",c.value==="error"),s.is("validating",c.value==="validating"),s.is("success",c.value==="success"),s.is("required",Q.value||r.required),s.is("no-asterisk",r?.hideRequiredAsterisk||l?.hideRequiredAsterisk),l?.requireAsteriskPosition==="right"?"asterisk-right":"asterisk-left",{[s.m("feedback")]:l?.statusIcon,[s.m(`label-${h.value}`)]:h.value}]),U=e.computed(()=>m.isBoolean(r.inlineMessage)?r.inlineMessage:l?.inlineMessage||!1),G=e.computed(()=>[s.e("error"),{[s.em("error","inline")]:U.value}]),P=e.computed(()=>r.prop?g.isArray(r.prop)?r.prop.join("."):r.prop:""),S=e.computed(()=>!!(r.label||B.label)),C=e.computed(()=>r.for??(d.value.length===1?d.value[0]:void 0)),k=e.computed(()=>!C.value&&S.value),O=!!L,V=e.computed(()=>{const t=l?.model;if(!(!t||!r.prop))return m.getProp(t,r.prop).value}),w=e.computed(()=>{const{required:t}=r,o=[];r.rules&&o.push(...b.castArray(r.rules).map(a=>(a.trigger=a.trigger||"blur",a)));const i=l?.rules;if(i&&r.prop){const a=m.getProp(i,r.prop).value;a&&o.push(...b.castArray(a))}if(t!==void 0){const a=o.map((u,f)=>[u,f]).filter(([u])=>Object.keys(u).includes("required"));if(a.length>0)for(const[u,f]of a)u.required!==t&&(o[f]={...u,required:t});else o.push({required:t})}return o}),H=e.computed(()=>w.value.length>0),J=t=>w.value.filter(i=>!i.trigger||!t?!0:g.isArray(i.trigger)?i.trigger.includes(t):i.trigger===t).map(({trigger:i,...a})=>a),Q=e.computed(()=>w.value.some(t=>t.required)),X=e.computed(()=>D.value==="error"&&r.showMessage&&(l?.showMessage??!0)),R=e.computed(()=>`${r.label||""}${l?.labelSuffix||""}`),p=t=>{c.value=t},Y=t=>{const{errors:o,fields:i}=t;(!o||!i)&&console.error(t),p("error"),n.value=o?o?.[0]?.message??`${r.prop} is required`:"",l?.emit("validate",r.prop,!1,n.value)},Z=()=>{p("success"),l?.emit("validate",r.prop,!0,"")},ee=async t=>{const o=P.value;return new se({[o]:t}).validate({[o]:V.value},{firstFields:!0}).then(()=>(Z(),!0)).catch(a=>(Y(a),Promise.reject(a)))},N=async(t,o)=>{if(v||!r.prop)return!1;const i=m.isFunction(o);if(!H.value)return o?.(!1),!1;const a=J(t);return a.length===0?(o?.(!0),!0):(p("validating"),ee(a).then(()=>(o?.(!0),!0)).catch(u=>{const{fields:f}=u;return o?.(!1,f),i?!1:Promise.reject(f)}))},I=()=>{r.error&&E("update:error",""),p(""),n.value="",v=!1},W=async()=>{const t=l?.model;if(!t||!r.prop)return;const o=m.getProp(t,r.prop);v=!0,o.value=g.clone(F),await e.nextTick(),I(),v=!1},te=t=>{d.value.includes(t)||d.value.push(t)},re=t=>{d.value=d.value.filter(o=>o!==t)};e.watch(()=>r.error,t=>{n.value=t||"",p(t?"error":"")},{immediate:!0}),e.watch(()=>r.validateStatus,t=>p(t||""));const _=e.reactive({...e.toRefs(r),$el:x,size:y,validateMessage:n,validateState:c,labelId:q,inputIds:d,isGroup:k,hasLabel:S,fieldValue:V,addInputId:te,removeInputId:re,resetField:W,clearValidate:I,validate:N,propString:P});return e.provide(z.formItemContextKey,_),e.onMounted(()=>{r.prop&&(l?.addField(_),F=g.clone(V.value))}),e.onBeforeUnmount(()=>{l?.removeField(_)}),A({size:y,validateMessage:n,validateState:c,validate:N,clearValidate:I,resetField:W}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"formItemRef",ref:x,class:e.normalizeClass(K.value),role:k.value?"group":void 0,"aria-labelledby":k.value?e.unref(q):void 0},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(ie.default),{key:0,"is-auto-width":M.value.width==="auto","update-all":e.unref(l)?.labelWidth==="auto"},{default:e.withCtx(()=>[S.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(C.value?"label":"div"),{key:0,id:e.unref(q),for:C.value,class:e.normalizeClass(e.unref(s).e("label")),style:e.normalizeStyle(M.value)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",{label:R.value},()=>[e.createTextVNode(e.toDisplayString(R.value),1)])]),_:3},8,["id","for","class","style"])):e.createCommentVNode("",!0)]),_:3},8,["is-auto-width","update-all"])),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("content")),style:e.normalizeStyle(T.value)},[e.renderSlot(t.$slots,"default"),e.createVNode(e.TransitionGroup,{name:`${e.unref(s).namespace.value}-zoom-in-top`},{default:e.withCtx(()=>[X.value?e.renderSlot(t.$slots,"error",{key:0,error:n.value},()=>[e.createElementVNode("div",{class:e.normalizeClass(G.value)},e.toDisplayString(n.value),3)]):e.createCommentVNode("",!0)]),_:3},8,["name"])],6)],10,ue))}});exports.default=ce;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),oe=require("@vueuse/core"),m=require("@vft/utils"),b=require("../../utils/helper.cjs"),g=require("lodash-es");require("./index.cjs");const le=require("../../hooks/use-id/index.cjs"),ae=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const se=require("async-validator"),x=require("./constants.cjs"),ie=require("./form-label-wrap.cjs"),ne=require("./hooks/use-form-common-props.cjs"),ue=["role","aria-labelledby"],de=e.defineComponent({name:"vft-form-item"}),ce=e.defineComponent({...de,props:{label:{},labelWidth:{default:""},labelPosition:{},prop:{},required:{type:Boolean,default:void 0},rules:{},error:{},for:{},validateStatus:{},inlineMessage:{type:[String,Boolean],default:""},showMessage:{type:Boolean,default:!0},size:{},hideRequiredAsterisk:{type:Boolean},hideLabel:{type:Boolean,default:!1}},emits:["update:error"],setup(z,{expose:A,emit:j}){const r=z,E=j,B=e.useSlots(),l=e.inject(x.formContextKey,void 0),L=e.inject(x.formItemContextKey,void 0),y=ne.useFormSize(void 0,{formItem:!1}),s=ae.useNamespace("form-item"),q=le.useId().value,d=e.ref([]),c=e.ref(""),D=oe.refDebounced(c,100),n=e.ref(""),F=e.ref();let M,v=!1;const h=e.computed(()=>r.labelPosition||l?.labelPosition),P=e.computed(()=>{if(h.value==="top")return{};const t=b.addUnit(r.labelWidth||l?.labelWidth||"");return t?{width:t}:{}}),T=e.computed(()=>{if(h.value==="top"||l?.inline)return{};if(!r.label&&!r.labelWidth&&O)return{};const t=b.addUnit(r.labelWidth||l?.labelWidth||"");return!r.label&&!B.label?{marginLeft:t}:{}}),K=e.computed(()=>[s.b(),s.m(y.value),s.is("error",c.value==="error"),s.is("validating",c.value==="validating"),s.is("success",c.value==="success"),s.is("required",Q.value||r.required),s.is("no-asterisk",r?.hideRequiredAsterisk||l?.hideRequiredAsterisk),l?.requireAsteriskPosition==="right"?"asterisk-right":"asterisk-left",{[s.m("feedback")]:l?.statusIcon,[s.m(`label-${h.value}`)]:h.value}]),U=e.computed(()=>m.isBoolean(r.inlineMessage)?r.inlineMessage:l?.inlineMessage||!1),G=e.computed(()=>[s.e("error"),{[s.em("error","inline")]:U.value}]),R=e.computed(()=>r.prop?g.isArray(r.prop)?r.prop.join("."):r.prop:""),S=e.computed(()=>!!(r.label||B.label)),C=e.computed(()=>r.for??(d.value.length===1?d.value[0]:void 0)),k=e.computed(()=>!C.value&&S.value),O=!!L,V=e.computed(()=>{const t=l?.model;if(!(!t||!r.prop))return m.getProp(t,r.prop).value}),w=e.computed(()=>{const{required:t}=r,o=[];r.rules&&o.push(...b.castArray(r.rules).map(a=>(a.trigger=a.trigger||"blur",a)));const i=l?.rules;if(i&&r.prop){const a=m.getProp(i,r.prop).value;a&&o.push(...b.castArray(a))}if(t!==void 0){const a=o.map((u,p)=>[u,p]).filter(([u])=>Object.keys(u).includes("required"));if(a.length>0)for(const[u,p]of a)u.required!==t&&(o[p]={...u,required:t});else o.push({required:t})}return o}),H=e.computed(()=>w.value.length>0),J=t=>w.value.filter(i=>!i.trigger||!t?!0:g.isArray(i.trigger)?i.trigger.includes(t):i.trigger===t).map(({trigger:i,...a})=>a),Q=e.computed(()=>w.value.some(t=>t.required)),X=e.computed(()=>D.value==="error"&&r.showMessage&&(l?.showMessage??!0)),N=e.computed(()=>`${r.label||""}${l?.labelSuffix||""}`),f=t=>{c.value=t},Y=t=>{const{errors:o,fields:i}=t;(!o||!i)&&console.error(t),f("error"),n.value=o?o?.[0]?.message??`${r.prop} is required`:"",l?.emit("validate",r.prop,!1,n.value)},Z=()=>{f("success"),l?.emit("validate",r.prop,!0,"")},ee=async t=>{const o=R.value;return new se({[o]:t}).validate({[o]:V.value},{firstFields:!0}).then(()=>(Z(),!0)).catch(a=>(Y(a),Promise.reject(a)))},W=async(t,o)=>{if(v||!r.prop)return!1;const i=m.isFunction(o);if(!H.value)return o?.(!1),!1;const a=J(t);return a.length===0?(o?.(!0),!0):(f("validating"),ee(a).then(()=>(o?.(!0),!0)).catch(u=>{const{fields:p}=u;return o?.(!1,p),i?!1:Promise.reject(p)}))},I=()=>{r.error&&E("update:error",""),f(""),n.value="",v=!1},$=async()=>{const t=l?.model;if(!t||!r.prop)return;const o=m.getProp(t,r.prop);v=!0,o.value=g.clone(M),await e.nextTick(),I(),v=!1},te=t=>{d.value.includes(t)||d.value.push(t)},re=t=>{d.value=d.value.filter(o=>o!==t)};e.watch(()=>r.error,t=>{n.value=t||"",f(t?"error":"")},{immediate:!0}),e.watch(()=>r.validateStatus,t=>f(t||""));const _=e.reactive({...e.toRefs(r),$el:F,size:y,validateMessage:n,validateState:c,labelId:q,inputIds:d,isGroup:k,hasLabel:S,fieldValue:V,addInputId:te,removeInputId:re,resetField:$,clearValidate:I,validate:W,propString:R});return e.provide(x.formItemContextKey,_),e.onMounted(()=>{r.prop&&(l?.addField(_),M=g.clone(V.value))}),e.onBeforeUnmount(()=>{l?.removeField(_)}),A({size:y,validateMessage:n,validateState:c,validate:W,clearValidate:I,resetField:$}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"formItemRef",ref:F,class:e.normalizeClass(K.value),role:k.value?"group":void 0,"aria-labelledby":k.value?e.unref(q):void 0},[z.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(ie.default),{key:0,"is-auto-width":P.value.width==="auto","update-all":e.unref(l)?.labelWidth==="auto"},{default:e.withCtx(()=>[S.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(C.value?"label":"div"),{key:0,id:e.unref(q),for:C.value,class:e.normalizeClass(e.unref(s).e("label")),style:e.normalizeStyle(P.value)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",{label:N.value},()=>[e.createTextVNode(e.toDisplayString(N.value),1)])]),_:3},8,["id","for","class","style"])):e.createCommentVNode("",!0)]),_:3},8,["is-auto-width","update-all"])),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("content")),style:e.normalizeStyle(T.value)},[e.renderSlot(t.$slots,"default"),e.createVNode(e.TransitionGroup,{name:`${e.unref(s).namespace.value}-zoom-in-top`},{default:e.withCtx(()=>[X.value?e.renderSlot(t.$slots,"error",{key:0,error:n.value},()=>[e.createElementVNode("div",{class:e.normalizeClass(G.value)},e.toDisplayString(n.value),3)]):e.createCommentVNode("",!0)]),_:3},8,["name"])],6)],10,ue))}});exports.default=ce;

package/lib/components/header-layout/header-layout.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../container/index.cjs"),s=require("../logo/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const n=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const l={class:"content"},a={key:0,class:"left"},u={key:1,class:"right"},i=e.defineComponent({name:"vft-header-layout"}),c=e.defineComponent({...i,props:{logoCfg:{}},setup(d){const t=n.useNamespace("header-layout");return(o,f)=>(e.openBlock(),e.createBlock(e.unref(r.VftHeader),{class:e.normalizeClass(e.unref(t).b())},{default:e.withCtx(()=>[e.createVNode(e.unref(r.VftContainer),null,{default:e.withCtx(()=>[e.createVNode(e.unref(r.VftMain),{class:e.normalizeClass([e.unref(t).e("top-container"),e.unref(t).is("no-bottom",!o.$slots.bottom)])},{default:e.withCtx(()=>[e.createElementVNode("div",l,[o.logoCfg||o.$slots.left?(e.openBlock(),e.createElementBlock("div",a,[o.logoCfg?(e.openBlock(),e.createBlock(e.unref(s.VftLogo),e.normalizeProps(e.mergeProps({key:0},o.logoCfg)),null,16)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"left")])):e.createCommentVNode("",!0),o.$slots.right?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(o.$slots,"right")])):e.createCommentVNode("",!0)])]),_:3},8,["class"]),o.$slots.bottom?(e.openBlock(),e.createBlock(e.unref(r.VftFooter),{key:0,class:e.normalizeClass(e.unref(t).e("footer"))},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"bottom")]),_:3},8,["class"])):e.createCommentVNode("",!0)]),_:3})]),_:3},8,["class"]))}});exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../container/index.cjs"),l=require("../logo/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const s=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const a={class:"content"},u={key:0,class:"left"},c={key:1,class:"right"},i=e.defineComponent({name:"vft-header-layout"}),d=e.defineComponent({...i,props:{logoCfg:{}},setup(n){const o=s.useNamespace("header-layout");return(t,f)=>(e.openBlock(),e.createBlock(e.unref(r.VftHeader),{class:e.normalizeClass(e.unref(o).b())},{default:e.withCtx(()=>[e.createVNode(e.unref(r.VftContainer),null,{default:e.withCtx(()=>[e.createVNode(e.unref(r.VftMain),{class:e.normalizeClass([e.unref(o).e("top-container"),e.unref(o).is("no-bottom",!t.$slots.bottom)])},{default:e.withCtx(()=>[e.createElementVNode("div",a,[n.logoCfg||t.$slots.left?(e.openBlock(),e.createElementBlock("div",u,[n.logoCfg?(e.openBlock(),e.createBlock(e.unref(l.VftLogo),e.normalizeProps(e.mergeProps({key:0},n.logoCfg)),null,16)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"left")])):e.createCommentVNode("",!0),t.$slots.right?(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(t.$slots,"right")])):e.createCommentVNode("",!0)])]),_:3},8,["class"]),t.$slots.bottom?(e.openBlock(),e.createBlock(e.unref(r.VftFooter),{key:0,class:e.normalizeClass(e.unref(o).e("footer"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"bottom")]),_:3},8,["class"])):e.createCommentVNode("",!0)]),_:3})]),_:3},8,["class"]))}});exports.default=d;

package/lib/components/icon/icon.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@vft/utils");require("../config-provider/index.cjs");require("@vueuse/core");const u=require("../../utils/helper.cjs"),f=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const m=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const d=require("../config-provider/hooks/use-global-config.cjs"),v=["src"],C=e.defineComponent({name:"vft-icon"}),y=e.defineComponent({...C,props:{icon:{},size:{},color:{},rotate:{type:Boolean},rotateSpeed:{default:2},pointer:{type:Boolean},hoverColor:{}},setup(o){const t=m.useNamespace("icon"),n=d.useGlobalConfig(),r=e.computed(()=>f.generateCssVars({size:u.addUnit(o.size),color:o.color,hoverColor:o.hoverColor,cursor:o.pointer?"pointer":void 0,animation:o.rotate?`${n.value.namespace}-rotate ${o.rotateSpeed}s linear 0s infinite`:void 0},"icon")),s=i=>i?.includes("/"),l=e.computed(()=>s(o.icon)),c=e.computed(()=>n.value?.iconifyPrefixClass&&o.icon&&a.isString(o.icon)?o.icon.startsWith(n.value?.iconifyPrefixClass):!1).value?"":n.value?.iconfontClass||"";return(i,g)=>l.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(e.unref(t).e("image")),src:i.icon,alt:"",style:e.normalizeStyle(r.value)},null,14,v)):(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass([e.unref(t).b(),i.icon,e.unref(c)]),style:e.normalizeStyle(r.value)},null,6))}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@vft/utils");require("../config-provider/index.cjs");require("@vueuse/core");const u=require("../../utils/helper.cjs"),f=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const m=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const d=require("../config-provider/hooks/use-global-config.cjs"),v=["src"],C=e.defineComponent({name:"vft-icon"}),y=e.defineComponent({...C,props:{icon:{},size:{},color:{},rotate:{type:Boolean},rotateSpeed:{default:2},pointer:{type:Boolean},hoverColor:{}},setup(o){const i=m.useNamespace("icon"),n=d.useGlobalConfig(),t=e.computed(()=>f.generateCssVars({size:u.addUnit(o.size),color:o.color,hoverColor:o.hoverColor,cursor:o.pointer?"pointer":void 0,animation:o.rotate?`${n.value.namespace}-rotate ${o.rotateSpeed}s linear 0s infinite`:void 0},"icon")),l=r=>r?.includes("/"),s=e.computed(()=>l(o.icon)),c=e.computed(()=>n.value?.iconifyPrefixClass&&o.icon&&a.isString(o.icon)?o.icon.startsWith(n.value?.iconifyPrefixClass):!1).value?"":n.value?.iconfontClass||"";return(r,g)=>s.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(e.unref(i).e("image")),src:o.icon,alt:"",style:e.normalizeStyle(t.value)},null,14,v)):(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass([e.unref(i).b(),o.icon,e.unref(c)]),style:e.normalizeStyle(t.value)},null,6))}});exports.default=y;

package/lib/components/icon-text/icon-text.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("../clamp-tooltip/index.cjs"),s=require("../icon/index.cjs");require("@vueuse/core");const v=require("@vft/utils"),d=require("../../utils/helper.cjs"),C=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const B=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const p={key:2},k=e.defineComponent({name:"vft-icon-text"}),q=e.defineComponent({...k,props:{text:{},icon:{},color:{},hoverColor:{},disableIconHover:{type:Boolean},distance:{default:3},reverse:{type:Boolean},size:{},direction:{default:"row"},pointer:{type:Boolean},adjustOrigin:{type:Boolean,default:!0},maxLines:{},showTooltip:{type:Boolean},clampTooltipCfg:{},useClamp:{type:Boolean}},setup(o){const c=B.useNamespace("icon-text"),n=e.computed(()=>o.hoverColor?o.hoverColor:o.color),r=e.computed(()=>v.singleAttrToObj(o.icon,"icon",{size:o.size,color:o.color})),a=e.computed(()=>o.direction==="col"),u=e.computed(()=>{const t=d.addUnit(o.distance);return a.value?o.reverse?{marginTop:t}:{marginBottom:t}:o.reverse?{marginLeft:t}:{marginRight:t}}),l=e.computed(()=>v.removeUnit(o.size)),i=e.computed(()=>l.value<12),m=e.computed(()=>l.value&&i.value?{transform:`scale(${l.value/12})`}:{}),f=e.computed(()=>{const t=C.generateCssVars({cursor:o.pointer?"pointer":void 0,color:o.color,"hover-color":o.hoverColor?n.value:void 0,fontSize:i.value?"12px":d.addUnit(o.size)},"icon-text");return{...i.value&&o.adjustOrigin?{transformOrigin:"left top"}:{},...t,...m.value}}),h=e.computed(()=>({text:o.text,maxLines:o.maxLines,showTooltip:o.showTooltip,...o.clampTooltipCfg}));return(t,y)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([e.unref(c).b(),e.unref(c).is("col",a.value),{"disable-icon-hover":t.disableIconHover}]),style:e.normalizeStyle(f.value)},[!t.reverse&&r.value?.icon?(e.openBlock(),e.createBlock(e.unref(s.VftIcon),e.mergeProps({key:0},r.value,{"hover-color":t.hoverColor&&!t.disableIconHover?n.value:void 0,style:u.value}),null,16,["hover-color","style"])):e.createCommentVNode("",!0),t.useClamp?(e.openBlock(),e.createBlock(e.unref(g.VftClampTooltip),e.normalizeProps(e.mergeProps({key:1},h.value)),null,16)):(e.openBlock(),e.createElementBlock("span",p,e.toDisplayString(t.text),1)),t.reverse&&r.value?.icon?(e.openBlock(),e.createBlock(e.unref(s.VftIcon),e.mergeProps({key:3},r.value,{style:u.value,"hover-color":t.hoverColor&&!t.disableIconHover?n.value:void 0}),null,16,["style","hover-color"])):e.createCommentVNode("",!0)],6))}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("../clamp-tooltip/index.cjs"),s=require("../icon/index.cjs");require("@vueuse/core");const v=require("@vft/utils"),d=require("../../utils/helper.cjs"),C=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const B=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const x={key:2},k=e.defineComponent({name:"vft-icon-text"}),q=e.defineComponent({...k,props:{text:{},icon:{},color:{},hoverColor:{},disableIconHover:{type:Boolean},distance:{default:3},reverse:{type:Boolean},size:{},direction:{default:"row"},pointer:{type:Boolean},adjustOrigin:{type:Boolean,default:!0},maxLines:{},showTooltip:{type:Boolean},clampTooltipCfg:{},useClamp:{type:Boolean}},setup(o){const c=B.useNamespace("icon-text"),r=e.computed(()=>o.hoverColor?o.hoverColor:o.color),n=e.computed(()=>v.singleAttrToObj(o.icon,"icon",{size:o.size,color:o.color})),a=e.computed(()=>o.direction==="col"),u=e.computed(()=>{const t=d.addUnit(o.distance);return a.value?o.reverse?{marginTop:t}:{marginBottom:t}:o.reverse?{marginLeft:t}:{marginRight:t}}),l=e.computed(()=>v.removeUnit(o.size)),i=e.computed(()=>l.value<12),m=e.computed(()=>l.value&&i.value?{transform:`scale(${l.value/12})`}:{}),f=e.computed(()=>{const t=C.generateCssVars({cursor:o.pointer?"pointer":void 0,color:o.color,"hover-color":o.hoverColor?r.value:void 0,fontSize:i.value?"12px":d.addUnit(o.size)},"icon-text");return{...i.value&&o.adjustOrigin?{transformOrigin:"left top"}:{},...t,...m.value}}),h=e.computed(()=>({text:o.text,maxLines:o.maxLines,showTooltip:o.showTooltip,...o.clampTooltipCfg}));return(t,y)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([e.unref(c).b(),e.unref(c).is("col",a.value),{"disable-icon-hover":o.disableIconHover}]),style:e.normalizeStyle(f.value)},[!o.reverse&&n.value?.icon?(e.openBlock(),e.createBlock(e.unref(s.VftIcon),e.mergeProps({key:0},n.value,{"hover-color":o.hoverColor&&!o.disableIconHover?r.value:void 0,style:u.value}),null,16,["hover-color","style"])):e.createCommentVNode("",!0),o.useClamp?(e.openBlock(),e.createBlock(e.unref(g.VftClampTooltip),e.normalizeProps(e.mergeProps({key:1},h.value)),null,16)):(e.openBlock(),e.createElementBlock("span",x,e.toDisplayString(o.text),1)),o.reverse&&n.value?.icon?(e.openBlock(),e.createBlock(e.unref(s.VftIcon),e.mergeProps({key:3},n.value,{style:u.value,"hover-color":o.hoverColor&&!o.disableIconHover?r.value:void 0}),null,16,["style","hover-color"])):e.createCommentVNode("",!0)],6))}});exports.default=q;

package/lib/components/iframe-layout/iframe-layout.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("vue-router"),a=require("./iframe-page.vue2.cjs"),c=e.defineComponent({name:"vft-iframe-layout"}),l=e.defineComponent({...c,props:{iframePages:{}},setup(s){const u=o.useRouter();function n(t){return t.fullPath===e.unref(u.currentRoute).fullPath}return(t,f)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.iframePages,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.query?r.fullPath:r.path},[r.meta.frameSrc?e.withDirectives((e.openBlock(),e.createBlock(a.default,{key:0,"frame-src":r.meta.frameSrc},null,8,["frame-src"])),[[e.vShow,n(r)]]):e.createCommentVNode("",!0)],64))),128))}});exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("vue-router"),c=require("./iframe-page.vue2.cjs"),l=e.defineComponent({name:"vft-iframe-layout"}),s=e.defineComponent({...l,props:{iframePages:{}},setup(u){const n=o.useRouter();function a(t){return t.fullPath===e.unref(n.currentRoute).fullPath}return(t,f)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.iframePages,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.query?r.fullPath:r.path},[r.meta.frameSrc?e.withDirectives((e.openBlock(),e.createBlock(c.default,{key:0,"frame-src":r.meta.frameSrc},null,8,["frame-src"])),[[e.vShow,a(r)]]):e.createCommentVNode("",!0)],64))),128))}});exports.default=s;

package/lib/components/iframe-layout/iframe-page.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const n=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const t=["src"],s=e.defineComponent({name:"vft-iframe-page"}),i=e.defineComponent({...s,props:{frameSrc:{default:""}},setup(a){const r=n.useNamespace("iframe-page");return(u,o)=>(e.openBlock(),e.createElementBlock("iframe",{class:e.normalizeClass(e.unref(r).b()),src:u.frameSrc},null,10,t))}});exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const u=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const n=["src"],i=e.defineComponent({name:"vft-iframe-page"}),s=e.defineComponent({...i,props:{frameSrc:{default:""}},setup(r){const t=u.useNamespace("iframe-page");return(a,c)=>(e.openBlock(),e.createElementBlock("iframe",{class:e.normalizeClass(e.unref(t).b()),src:r.frameSrc},null,10,n))}});exports.default=s;

package/lib/components/image/image.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("@vft/use"),c=require("@vft/utils"),H=require("../image-viewer/index.cjs"),o=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const P=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const F=["src","loading"],j={key:0},D=e.defineComponent({name:"vft-image",inheritAttrs:!1}),Y=e.defineComponent({...D,props:{hideOnClickModal:{type:Boolean,default:!1},src:{default:""},fit:{default:""},loading:{},lazy:{type:Boolean},scrollContainer:{},previewSrcList:{default:()=>[]},previewTeleported:{type:Boolean,default:!1},zIndex:{},initialIndex:{default:0},infinite:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0}},emits:["load","error","switch","close","show"],setup(l,{expose:z,emit:S}){const i=P.useNamespace("image"),s=S;let y="";const B=e.useAttrs(),E=x.useAttrs(),d=e.ref(),a=e.ref(!1),n=e.ref(!0),f=e.ref(!1),u=e.ref(),r=e.ref(),q=o.isClient&&"loading"in HTMLImageElement.prototype;let w,C;const V=e.computed(()=>B.style),I=e.computed(()=>o.isClient&&l.fit?{objectFit:l.fit}:{}),v=e.computed(()=>Array.isArray(l.previewSrcList)&&l.previewSrcList.length>0),N=e.computed(()=>{let t=l.initialIndex;return l.initialIndex>l.previewSrcList.length-1&&(t=0),t}),h=e.computed(()=>l.loading==="eager"?!1:!q&&l.loading==="lazy"||l.lazy),m=()=>{o.isClient&&(n.value=!0,a.value=!1,d.value=l.src)};function b(t){n.value=!1,a.value=!1,s("load",t)}function M(t){n.value=!1,a.value=!0,s("error",t)}function g(){c.isInContainer(u.value,r.value)&&(m(),L())}const k=o.useThrottleFn(g,200);async function p(){o.isClient&&(await e.nextTick(),c.isElement(l.scrollContainer)?r.value=l.scrollContainer:c.isString(l.scrollContainer)&&l.scrollContainer!==""?r.value=document.querySelector(l.scrollContainer)??void 0:u.value&&(r.value=c.getScrollContainer(u.value)),r.value&&(w=o.useEventListener(r,"scroll",k),setTimeout(()=>g(),100)))}function L(){!o.isClient||!r.value||!k||(w?.(),r.value=void 0)}function T(t){if(t.ctrlKey){if(t.deltaY<0)return t.preventDefault(),!1;if(t.deltaY>0)return t.preventDefault(),!1}}function A(){v.value&&(C=o.useEventListener("wheel",T,{passive:!1}),y=document.body.style.overflow,document.body.style.overflow="hidden",f.value=!0,s("show"))}function O(){C?.(),document.body.style.overflow=y,f.value=!1,s("close")}function $(t){s("switch",t)}return e.watch(()=>l.src,()=>{h.value?(n.value=!0,a.value=!1,L(),p()):m()}),e.onMounted(()=>{h.value?p():m()}),z({isLoading:n}),(t,K)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:u,class:e.normalizeClass([e.unref(i).b(),t.$attrs.class]),style:e.normalizeStyle(V.value)},[d.value!==void 0&&!a.value?(e.openBlock(),e.createElementBlock("img",e.mergeProps({key:0},e.unref(E),{src:d.value,loading:t.loading,style:I.value,class:[e.unref(i).e("inner"),v.value&&e.unref(i).e("preview"),n.value&&e.unref(i).is("loading")],onClick:A,onLoad:b,onError:M,alt:""}),null,16,F)):e.createCommentVNode("",!0),n.value||a.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(i).e("wrapper"))},[n.value?e.renderSlot(t.$slots,"placeholder",{key:0},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("placeholder"))},null,2)]):a.value?e.renderSlot(t.$slots,"error",{key:1},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("error"))},"加载失败",2)]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[f.value?(e.openBlock(),e.createBlock(e.unref(H.VftImageViewer),{key:0,"z-index":t.zIndex,"initial-index":N.value,infinite:t.infinite,"zoom-rate":t.zoomRate,"url-list":t.previewSrcList,"hide-on-click-modal":t.hideOnClickModal,teleported:t.previewTeleported,"close-on-press-escape":t.closeOnPressEscape,onClose:O,onSwitch:$},{default:e.withCtx(()=>[t.$slots.viewer?(e.openBlock(),e.createElementBlock("div",j,[e.renderSlot(t.$slots,"viewer")])):e.createCommentVNode("",!0)]),_:3},8,["z-index","initial-index","infinite","zoom-rate","url-list","hide-on-click-modal","teleported","close-on-press-escape"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],6))}});exports.default=Y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("@vft/use"),c=require("@vft/utils"),H=require("../image-viewer/index.cjs"),o=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const P=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const F=["src","loading"],j={key:0},D=e.defineComponent({name:"vft-image",inheritAttrs:!1}),Y=e.defineComponent({...D,props:{hideOnClickModal:{type:Boolean,default:!1},src:{default:""},fit:{default:""},loading:{},lazy:{type:Boolean},scrollContainer:{},previewSrcList:{default:()=>[]},previewTeleported:{type:Boolean,default:!1},zIndex:{},initialIndex:{default:0},infinite:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0}},emits:["load","error","switch","close","show"],setup(t,{expose:S,emit:B}){const i=P.useNamespace("image"),s=B;let y="";const E=e.useAttrs(),p=$.useAttrs(),d=e.ref(),a=e.ref(!1),n=e.ref(!0),f=e.ref(!1),u=e.ref(),r=e.ref(),q=o.isClient&&"loading"in HTMLImageElement.prototype;let w,C;const V=e.computed(()=>E.style),x=e.computed(()=>o.isClient&&t.fit?{objectFit:t.fit}:{}),v=e.computed(()=>Array.isArray(t.previewSrcList)&&t.previewSrcList.length>0),I=e.computed(()=>{let l=t.initialIndex;return t.initialIndex>t.previewSrcList.length-1&&(l=0),l}),h=e.computed(()=>t.loading==="eager"?!1:!q&&t.loading==="lazy"||t.lazy),m=()=>{o.isClient&&(n.value=!0,a.value=!1,d.value=t.src)};function N(l){n.value=!1,a.value=!1,s("load",l)}function b(l){n.value=!1,a.value=!0,s("error",l)}function g(){c.isInContainer(u.value,r.value)&&(m(),z())}const k=o.useThrottleFn(g,200);async function L(){o.isClient&&(await e.nextTick(),c.isElement(t.scrollContainer)?r.value=t.scrollContainer:c.isString(t.scrollContainer)&&t.scrollContainer!==""?r.value=document.querySelector(t.scrollContainer)??void 0:u.value&&(r.value=c.getScrollContainer(u.value)),r.value&&(w=o.useEventListener(r,"scroll",k),setTimeout(()=>g(),100)))}function z(){!o.isClient||!r.value||!k||(w?.(),r.value=void 0)}function M(l){if(l.ctrlKey){if(l.deltaY<0)return l.preventDefault(),!1;if(l.deltaY>0)return l.preventDefault(),!1}}function T(){v.value&&(C=o.useEventListener("wheel",M,{passive:!1}),y=document.body.style.overflow,document.body.style.overflow="hidden",f.value=!0,s("show"))}function A(){C?.(),document.body.style.overflow=y,f.value=!1,s("close")}function O(l){s("switch",l)}return e.watch(()=>t.src,()=>{h.value?(n.value=!0,a.value=!1,z(),L()):m()}),e.onMounted(()=>{h.value?L():m()}),S({isLoading:n}),(l,K)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:u,class:e.normalizeClass([e.unref(i).b(),l.$attrs.class]),style:e.normalizeStyle(V.value)},[d.value!==void 0&&!a.value?(e.openBlock(),e.createElementBlock("img",e.mergeProps({key:0},e.unref(p),{src:d.value,loading:t.loading,style:x.value,class:[e.unref(i).e("inner"),v.value&&e.unref(i).e("preview"),n.value&&e.unref(i).is("loading")],onClick:T,onLoad:N,onError:b,alt:""}),null,16,F)):e.createCommentVNode("",!0),n.value||a.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(i).e("wrapper"))},[n.value?e.renderSlot(l.$slots,"placeholder",{key:0},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("placeholder"))},null,2)]):a.value?e.renderSlot(l.$slots,"error",{key:1},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("error"))},"加载失败",2)]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[f.value?(e.openBlock(),e.createBlock(e.unref(H.VftImageViewer),{key:0,"z-index":t.zIndex,"initial-index":I.value,infinite:t.infinite,"zoom-rate":l.zoomRate,"url-list":t.previewSrcList,"hide-on-click-modal":t.hideOnClickModal,teleported:t.previewTeleported,"close-on-press-escape":t.closeOnPressEscape,onClose:A,onSwitch:O},{default:e.withCtx(()=>[l.$slots.viewer?(e.openBlock(),e.createElementBlock("div",j,[e.renderSlot(l.$slots,"viewer")])):e.createCommentVNode("",!0)]),_:3},8,["z-index","initial-index","infinite","zoom-rate","url-list","hide-on-click-modal","teleported","close-on-press-escape"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],6))}});exports.default=Y;

package/lib/components/image-viewer/image-viewer.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("@vft/constants"),O=require("@vft/utils"),f=require("../icon/index.cjs"),E=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const C=require("lodash-es");require("../form/index.cjs");const Z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const A=require("../../hooks/use-z-index/index.cjs"),j=require("../teleport/index.cjs"),W=["src"],G=e.defineComponent({name:"vft-image-viewer"}),J=e.defineComponent({...G,props:{urlList:{default:()=>[]},zIndex:{},initialIndex:{default:0},infinite:{type:Boolean,default:!0},hideOnClickModal:{type:Boolean,default:!1},teleported:{type:Boolean,default:!1},closeOnPressEscape:{type:Boolean,default:!0},zoomRate:{default:1.2}},emits:{close:()=>!0,switch:r=>O.isNumber(r)},setup(r,{expose:$,emit:q}){const a=Z.useNamespace("image-viewer"),z=q,{nextZIndex:B}=A.useZIndex(),b=e.ref(),w=e.ref([]),N=e.effectScope(),m=e.ref(!0),u=e.ref(r.initialIndex),s=e.ref({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),D=e.computed(()=>r.urlList.length<=1),h=e.computed(()=>u.value===0),I=e.computed(()=>u.value===r.urlList.length-1),M=e.computed(()=>r.urlList[u.value]),X=e.computed(()=>{const{scale:t,deg:n,offsetX:o,offsetY:l,enableTransition:k}=s.value;let i=o/t,c=l/t;switch(n%360){case 90:case-270:[i,c]=[c,-i];break;case 180:case-180:[i,c]=[-i,-c];break;case 270:case-90:[i,c]=[-c,i];break}const v={transform:`scale(${t}) rotate(${n}deg) translate(${i}px, ${c}px)`,transition:k?"transform .3s":""};return v.maxWidth=v.maxHeight="100%",v}),Y=e.computed(()=>O.isNumber(r.zIndex)?r.zIndex:B());function V(){F(),z("close")}function S(){const t=C.throttle(o=>{switch(o.code){case g.EVENT_CODE.esc:r.closeOnPressEscape&&V();break;case g.EVENT_CODE.space:T();break;case g.EVENT_CODE.left:y();break;case g.EVENT_CODE.up:d("zoomIn");break;case g.EVENT_CODE.right:L();break;case g.EVENT_CODE.down:d("zoomOut");break}}),n=C.throttle(o=>{const l=o.deltaY||o.deltaX;d(l<0?"zoomIn":"zoomOut",{zoomRate:r.zoomRate,enableTransition:!1})});N.run(()=>{E.useEventListener(document,"keydown",t),E.useEventListener(document,"wheel",n)})}function F(){N.stop()}function R(){m.value=!1}function H(t){m.value=!1,t.target.alt="加载失败"}function P(t){if(m.value||t.button!==0||!b.value)return;s.value.enableTransition=!1;const{offsetX:n,offsetY:o}=s.value,l=t.pageX,k=t.pageY,i=C.throttle(v=>{s.value={...s.value,offsetX:n+v.pageX-l,offsetY:o+v.pageY-k}}),c=E.useEventListener(document,"mousemove",i);E.useEventListener(document,"mouseup",()=>{c()}),t.preventDefault()}function x(){s.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function T(){m.value||x()}function p(t){const n=r.urlList.length;u.value=(t+n)%n}function y(){h.value&&!r.infinite||p(u.value-1)}function L(){I.value&&!r.infinite||p(u.value+1)}function d(t,n={}){if(m.value)return;const{rotateDeg:o,enableTransition:l}={rotateDeg:90,enableTransition:!0,...n};switch(t){case"zoomOut":s.value.scale>.2&&(s.value.scale=Number.parseFloat((s.value.scale/r.zoomRate).toFixed(3)));break;case"zoomIn":s.value.scale<7&&(s.value.scale=Number.parseFloat((s.value.scale*r.zoomRate).toFixed(3)));break;case"clockwise":s.value.deg+=o;break;case"anticlockwise":s.value.deg-=o;break}s.value.enableTransition=l}return e.watch(M,()=>{e.nextTick(()=>{w.value[0]?.complete||(m.value=!0)})}),e.watch(u,t=>{x(),z("switch",t)}),e.onMounted(()=>{S(),b.value?.focus?.()}),$({setActiveItem:p}),(t,n)=>(e.openBlock(),e.createBlock(e.unref(j.VftTeleport),{to:"body",disabled:!t.teleported},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:"viewer-fade",appear:""},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"wrapper",ref:b,tabindex:-1,class:e.normalizeClass(e.unref(a).e("wrapper")),style:e.normalizeStyle({zIndex:Y.value})},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("mask")),onClick:n[0]||(n[0]=e.withModifiers(o=>t.hideOnClickModal&&V(),["self"]))},null,2),e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("close")]),onClick:V},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-close"})],2),D.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("prev"),e.unref(a).is("disabled",!t.infinite&&h.value)]),onClick:y},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-arrow-left"})],2),e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("next"),e.unref(a).is("disabled",!t.infinite&&I.value)]),onClick:L},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-arrow-right"})],2)],64)),e.createElementVNode("div",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("actions")])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("actions__inner"))},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-zoom-out",onClick:n[1]||(n[1]=o=>d("zoomOut"))}),e.createVNode(e.unref(f.VftIcon),{icon:"icon-zoom-in",onClick:n[2]||(n[2]=o=>d("zoomIn"))}),e.createElementVNode("i",{class:e.normalizeClass(e.unref(a).e("actions__divider"))},null,2),e.createVNode(e.unref(f.VftIcon),{icon:"icon-scale-to-original",onClick:T}),e.createElementVNode("i",{class:e.normalizeClass(e.unref(a).e("actions__divider"))},null,2),e.createVNode(e.unref(f.VftIcon),{icon:"icon-refresh-left",onClick:n[3]||(n[3]=o=>d("anticlockwise"))}),e.createVNode(e.unref(f.VftIcon),{icon:"icon-refresh-right",onClick:n[4]||(n[4]=o=>d("clockwise"))})],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("canvas"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.urlList,(o,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("img",{ref_for:!0,ref:k=>w.value[l]=k,key:o,src:o,style:e.normalizeStyle(X.value),class:e.normalizeClass(e.unref(a).e("img")),onLoad:R,onError:H,onMousedown:P},null,46,W)),[[e.vShow,l===u.value]])),128))],2),e.renderSlot(t.$slots,"default")],6)]),_:3})]),_:3},8,["disabled"]))}});exports.default=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("@vft/constants"),O=require("@vft/utils"),f=require("../icon/index.cjs"),E=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const z=require("lodash-es");require("../form/index.cjs");const Z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const A=require("../../hooks/use-z-index/index.cjs"),j=require("../teleport/index.cjs"),W=["src"],G=e.defineComponent({name:"vft-image-viewer"}),J=e.defineComponent({...G,props:{urlList:{default:()=>[]},zIndex:{},initialIndex:{default:0},infinite:{type:Boolean,default:!0},hideOnClickModal:{type:Boolean,default:!1},teleported:{type:Boolean,default:!1},closeOnPressEscape:{type:Boolean,default:!0},zoomRate:{default:1.2}},emits:{close:()=>!0,switch:o=>O.isNumber(o)},setup(o,{expose:$,emit:q}){const r=Z.useNamespace("image-viewer"),w=q,{nextZIndex:B}=A.useZIndex(),b=e.ref(),N=e.ref([]),x=e.effectScope(),m=e.ref(!0),u=e.ref(o.initialIndex),s=e.ref({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),D=e.computed(()=>o.urlList.length<=1),h=e.computed(()=>u.value===0),I=e.computed(()=>u.value===o.urlList.length-1),M=e.computed(()=>o.urlList[u.value]),X=e.computed(()=>{const{scale:n,deg:t,offsetX:a,offsetY:l,enableTransition:k}=s.value;let i=a/n,c=l/n;switch(t%360){case 90:case-270:[i,c]=[c,-i];break;case 180:case-180:[i,c]=[-i,-c];break;case 270:case-90:[i,c]=[-c,i];break}const v={transform:`scale(${n}) rotate(${t}deg) translate(${i}px, ${c}px)`,transition:k?"transform .3s":""};return v.maxWidth=v.maxHeight="100%",v}),Y=e.computed(()=>O.isNumber(o.zIndex)?o.zIndex:B());function V(){F(),w("close")}function S(){const n=z.throttle(a=>{switch(a.code){case g.EVENT_CODE.esc:o.closeOnPressEscape&&V();break;case g.EVENT_CODE.space:T();break;case g.EVENT_CODE.left:y();break;case g.EVENT_CODE.up:d("zoomIn");break;case g.EVENT_CODE.right:L();break;case g.EVENT_CODE.down:d("zoomOut");break}}),t=z.throttle(a=>{const l=a.deltaY||a.deltaX;d(l<0?"zoomIn":"zoomOut",{zoomRate:o.zoomRate,enableTransition:!1})});x.run(()=>{E.useEventListener(document,"keydown",n),E.useEventListener(document,"wheel",t)})}function F(){x.stop()}function R(){m.value=!1}function H(n){m.value=!1,n.target.alt="加载失败"}function P(n){if(m.value||n.button!==0||!b.value)return;s.value.enableTransition=!1;const{offsetX:t,offsetY:a}=s.value,l=n.pageX,k=n.pageY,i=z.throttle(v=>{s.value={...s.value,offsetX:t+v.pageX-l,offsetY:a+v.pageY-k}}),c=E.useEventListener(document,"mousemove",i);E.useEventListener(document,"mouseup",()=>{c()}),n.preventDefault()}function p(){s.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function T(){m.value||p()}function C(n){const t=o.urlList.length;u.value=(n+t)%t}function y(){h.value&&!o.infinite||C(u.value-1)}function L(){I.value&&!o.infinite||C(u.value+1)}function d(n,t={}){if(m.value)return;const{rotateDeg:a,enableTransition:l}={rotateDeg:90,enableTransition:!0,...t};switch(n){case"zoomOut":s.value.scale>.2&&(s.value.scale=Number.parseFloat((s.value.scale/o.zoomRate).toFixed(3)));break;case"zoomIn":s.value.scale<7&&(s.value.scale=Number.parseFloat((s.value.scale*o.zoomRate).toFixed(3)));break;case"clockwise":s.value.deg+=a;break;case"anticlockwise":s.value.deg-=a;break}s.value.enableTransition=l}return e.watch(M,()=>{e.nextTick(()=>{N.value[0]?.complete||(m.value=!0)})}),e.watch(u,n=>{p(),w("switch",n)}),e.onMounted(()=>{S(),b.value?.focus?.()}),$({setActiveItem:C}),(n,t)=>(e.openBlock(),e.createBlock(e.unref(j.VftTeleport),{to:"body",disabled:!o.teleported},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:"viewer-fade",appear:""},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"wrapper",ref:b,tabindex:-1,class:e.normalizeClass(e.unref(r).e("wrapper")),style:e.normalizeStyle({zIndex:Y.value})},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("mask")),onClick:t[0]||(t[0]=e.withModifiers(a=>o.hideOnClickModal&&V(),["self"]))},null,2),e.createElementVNode("span",{class:e.normalizeClass([e.unref(r).e("btn"),e.unref(r).e("close")]),onClick:V},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-close"})],2),D.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(r).e("btn"),e.unref(r).e("prev"),e.unref(r).is("disabled",!o.infinite&&h.value)]),onClick:y},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-arrow-left"})],2),e.createElementVNode("span",{class:e.normalizeClass([e.unref(r).e("btn"),e.unref(r).e("next"),e.unref(r).is("disabled",!o.infinite&&I.value)]),onClick:L},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-arrow-right"})],2)],64)),e.createElementVNode("div",{class:e.normalizeClass([e.unref(r).e("btn"),e.unref(r).e("actions")])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("actions__inner"))},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-zoom-out",onClick:t[1]||(t[1]=a=>d("zoomOut"))}),e.createVNode(e.unref(f.VftIcon),{icon:"icon-zoom-in",onClick:t[2]||(t[2]=a=>d("zoomIn"))}),e.createElementVNode("i",{class:e.normalizeClass(e.unref(r).e("actions__divider"))},null,2),e.createVNode(e.unref(f.VftIcon),{icon:"icon-scale-to-original",onClick:T}),e.createElementVNode("i",{class:e.normalizeClass(e.unref(r).e("actions__divider"))},null,2),e.createVNode(e.unref(f.VftIcon),{icon:"icon-refresh-left",onClick:t[3]||(t[3]=a=>d("anticlockwise"))}),e.createVNode(e.unref(f.VftIcon),{icon:"icon-refresh-right",onClick:t[4]||(t[4]=a=>d("clockwise"))})],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("canvas"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.urlList,(a,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("img",{ref_for:!0,ref:k=>N.value[l]=k,key:a,src:a,style:e.normalizeStyle(X.value),class:e.normalizeClass(e.unref(r).e("img")),onLoad:R,onError:H,onMousedown:P},null,46,W)),[[e.vShow,l===u.value]])),128))],2),e.renderSlot(n.$slots,"default")],6)]),_:3})]),_:3},8,["disabled"]))}});exports.default=J;

package/lib/components/infinite-scroll/index.d.ts

@@ -13,4 +13,4 @@ export declare const VftInfiniteScroll: SFCWithInstall<import("vue").ObjectDirec
         onScroll: () => void;
         observer?: MutationObserver;
     };
-}, () => void, string, string>>;
+}, () => void, string, any>>;

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

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