vft 0.0.415 → 0.0.416

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

@@ -18,6 +18,12 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         zIndex: {
             type: import("vue").PropType<number>;
         };
+        overflow: {
+            type: import("vue").PropType<boolean>;
+        };
+        transition: {
+            type: import("vue").PropType<string | import("vue").TransitionProps>;
+        };
         fullscreen: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -37,6 +43,9 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         loading: {
             type: import("vue").PropType<boolean>;
         };
+        appendTo: {
+            type: import("vue").PropType<string | HTMLElement>;
+        };
         showClose: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -45,13 +54,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
-        alignCenter: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        closeIcon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-        };
         appendToBody: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -83,6 +85,9 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<number>;
             default: number;
         };
+        modalPenetrable: {
+            type: import("vue").PropType<boolean>;
+        };
         modalClass: {
             type: import("vue").PropType<string>;
         };
@@ -90,6 +95,22 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        alignCenter: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        closeIcon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+        };
+        headerClass: {
+            type: import("vue").PropType<string>;
+        };
+        bodyClass: {
+            type: import("vue").PropType<string>;
+        };
+        footerClass: {
+            type: import("vue").PropType<string>;
+        };
         showSubmitButton: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -126,7 +147,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         closeOnPressEscape: boolean;
         showClose: boolean;
         customClass: string;
-        alignCenter: boolean;
         appendToBody: boolean;
         destroyOnClose: boolean;
         closeOnClickModal: boolean;
@@ -135,6 +155,7 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         openDelay: number;
         closeDelay: number;
         trapFocus: boolean;
+        alignCenter: boolean;
         showSubmitButton: boolean;
         showActionButtonGroup: boolean;
         showCancelButton: boolean;
@@ -163,6 +184,12 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         zIndex: {
             type: import("vue").PropType<number>;
         };
+        overflow: {
+            type: import("vue").PropType<boolean>;
+        };
+        transition: {
+            type: import("vue").PropType<string | import("vue").TransitionProps>;
+        };
         fullscreen: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -182,6 +209,9 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         loading: {
             type: import("vue").PropType<boolean>;
         };
+        appendTo: {
+            type: import("vue").PropType<string | HTMLElement>;
+        };
         showClose: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -190,13 +220,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
-        alignCenter: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        closeIcon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-        };
         appendToBody: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -228,6 +251,9 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<number>;
             default: number;
         };
+        modalPenetrable: {
+            type: import("vue").PropType<boolean>;
+        };
         modalClass: {
             type: import("vue").PropType<string>;
         };
@@ -235,6 +261,22 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        alignCenter: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        closeIcon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+        };
+        headerClass: {
+            type: import("vue").PropType<string>;
+        };
+        bodyClass: {
+            type: import("vue").PropType<string>;
+        };
+        footerClass: {
+            type: import("vue").PropType<string>;
+        };
         showSubmitButton: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -271,7 +313,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         closeOnPressEscape: boolean;
         showClose: boolean;
         customClass: string;
-        alignCenter: boolean;
         appendToBody: boolean;
         destroyOnClose: boolean;
         closeOnClickModal: boolean;
@@ -280,6 +321,7 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         openDelay: number;
         closeDelay: number;
         trapFocus: boolean;
+        alignCenter: boolean;
         showSubmitButton: boolean;
         showActionButtonGroup: boolean;
         showCancelButton: boolean;
@@ -305,6 +347,12 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
     zIndex: {
         type: import("vue").PropType<number>;
     };
+    overflow: {
+        type: import("vue").PropType<boolean>;
+    };
+    transition: {
+        type: import("vue").PropType<string | import("vue").TransitionProps>;
+    };
     fullscreen: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -324,6 +372,9 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
     loading: {
         type: import("vue").PropType<boolean>;
     };
+    appendTo: {
+        type: import("vue").PropType<string | HTMLElement>;
+    };
     showClose: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -332,13 +383,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    alignCenter: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    closeIcon: {
-        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-    };
     appendToBody: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -370,6 +414,9 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<number>;
         default: number;
     };
+    modalPenetrable: {
+        type: import("vue").PropType<boolean>;
+    };
     modalClass: {
         type: import("vue").PropType<string>;
     };
@@ -377,6 +424,22 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    alignCenter: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    closeIcon: {
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+    };
+    headerClass: {
+        type: import("vue").PropType<string>;
+    };
+    bodyClass: {
+        type: import("vue").PropType<string>;
+    };
+    footerClass: {
+        type: import("vue").PropType<string>;
+    };
     showSubmitButton: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -413,7 +476,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
     closeOnPressEscape: boolean;
     showClose: boolean;
     customClass: string;
-    alignCenter: boolean;
     appendToBody: boolean;
     destroyOnClose: boolean;
     closeOnClickModal: boolean;
@@ -422,6 +484,7 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
     openDelay: number;
     closeDelay: number;
     trapFocus: boolean;
+    alignCenter: boolean;
     showSubmitButton: boolean;
     showActionButtonGroup: boolean;
     showCancelButton: boolean;

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

@@ -60,7 +60,6 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     closeOnPressEscape: boolean;
     showClose: boolean;
     customClass: string;
-    alignCenter: boolean;
     appendToBody: boolean;
     destroyOnClose: boolean;
     closeOnClickModal: boolean;
@@ -69,6 +68,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     openDelay: number;
     closeDelay: number;
     trapFocus: boolean;
+    alignCenter: boolean;
     showSubmitButton: boolean;
     showActionButtonGroup: boolean;
     showCancelButton: boolean;

package/lib/components/modal/modal.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@vft/utils"),w=require("../dialog/index.cjs"),C=require("./modal-footer-action.vue2.cjs"),v=e.defineComponent({__name:"modal",props:{closeFunc:{},showActionButtonGroup:{type:Boolean,default:!1},confirmLoading:{type:Boolean},loading:{type:Boolean},appendToBody:{type:Boolean,default:!1},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:{},modelValue:{type:Boolean,default:!1},modalClass:{},width:{},zIndex:{},trapFocus:{type:Boolean,default:!1},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:""},showSubmitButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},submitButtonOptions:{},cancelButtonOptions:{},actionRowOptions:{}},emits:{"visible-change":[],close:[],ok:[],register:[],"update:modelValue":[],submit:[]},setup(d,{emit:p}){const o=d,n=p,m=e.useAttrs(),s=e.ref(null),l=e.ref(!1),u=e.ref(null),c={setModalProps:y,emitVisible:void 0,redoModalHeight:()=>{e.nextTick(()=>{e.unref(u)&&e.unref(u).setModalHeight()})}},a=e.getCurrentInstance();a&&n("register",c,a.uid);const B=e.computed(()=>({...o,...e.unref(s)})),b=e.computed(()=>({...m,...e.unref(B),modelValue:e.unref(l)}));e.watchEffect(()=>{l.value=!!o.modelValue}),e.watch(()=>e.unref(l),t=>{n("visible-change",t),n("update:modelValue",t),a&&e.nextTick(()=>{c.emitVisible(t,a.uid)}),e.nextTick(()=>{o.scrollTop&&t&&e.unref(u)&&e.unref(u).scrollTop()})},{immediate:!1});async function i(t){if(t?.stopPropagation(),o.closeFunc&&f.isFunction(o.closeFunc)){const r=await o.closeFunc();l.value=!r;return}l.value=!1,n("close",t)}function y(t){s.value=f.deepMerge(e.unref(s)||{},t),Reflect.has(t,"modelValue")&&(l.value=!!t.modelValue)}const h=e.computed(()=>({onClick:t=>i(t),...o.cancelButtonOptions})),g=e.computed(()=>({onClick:()=>n("submit"),...o.submitButtonOptions}));return(t,r)=>(e.openBlock(),e.createBlock(e.unref(w.VftDialog),e.mergeProps(b.value,{onClose:i}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:2},[t.$slots.footer||t.showActionButtonGroup?{name:"footer",fn:e.withCtx(()=>[t.showActionButtonGroup?(e.openBlock(),e.createBlock(C.default,{key:0,"show-cancel-button":t.showCancelButton,"show-submit-button":t.showSubmitButton,"cancel-button-options":h.value,"submit-button-options":g.value},null,8,["show-cancel-button","show-submit-button","cancel-button-options","submit-button-options"])):e.createCommentVNode("",!0)]),key:"0"}:void 0]),1040))}});exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@vft/utils"),C=require("../dialog/index.cjs"),w=require("./modal-footer-action.vue2.cjs"),v=e.defineComponent({__name:"modal",props:{closeFunc:{},showActionButtonGroup:{type:Boolean,default:!1},confirmLoading:{type:Boolean},loading:{type:Boolean},appendToBody:{type:Boolean,default:!1},appendTo:{},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:{},showSubmitButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},submitButtonOptions:{},cancelButtonOptions:{},actionRowOptions:{}},emits:{"visible-change":[],close:[],ok:[],register:[],"update:modelValue":[],submit:[]},setup(f,{emit:p}){const o=f,n=p,m=e.useAttrs(),s=e.ref(null),l=e.ref(!1),a=e.ref(null),r={setModalProps:y,emitVisible:void 0,redoModalHeight:()=>{e.nextTick(()=>{e.unref(a)&&e.unref(a).setModalHeight()})}},u=e.getCurrentInstance();u&&n("register",r,u.uid);const B=e.computed(()=>({...o,...e.unref(s)})),b=e.computed(()=>({...m,...e.unref(B),modelValue:e.unref(l)}));e.watchEffect(()=>{l.value=!!o.modelValue}),e.watch(()=>e.unref(l),t=>{n("visible-change",t),n("update:modelValue",t),u&&e.nextTick(()=>{r.emitVisible(t,u.uid)}),e.nextTick(()=>{o.scrollTop&&t&&e.unref(a)&&e.unref(a).scrollTop()})},{immediate:!1});async function i(t){if(t?.stopPropagation(),o.closeFunc&&d.isFunction(o.closeFunc)){const c=await o.closeFunc();l.value=!c;return}l.value=!1,n("close",t)}function y(t){s.value=d.deepMerge(e.unref(s)||{},t),Reflect.has(t,"modelValue")&&(l.value=!!t.modelValue)}const h=e.computed(()=>({onClick:t=>i(t),...o.cancelButtonOptions})),g=e.computed(()=>({onClick:()=>n("submit"),...o.submitButtonOptions}));return(t,c)=>(e.openBlock(),e.createBlock(e.unref(C.VftDialog),e.mergeProps(b.value,{onClose:i}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:2},[t.$slots.footer||t.showActionButtonGroup?{name:"footer",fn:e.withCtx(()=>[t.showActionButtonGroup?(e.openBlock(),e.createBlock(w.default,{key:0,"show-cancel-button":t.showCancelButton,"show-submit-button":t.showSubmitButton,"cancel-button-options":h.value,"submit-button-options":g.value},null,8,["show-cancel-button","show-submit-button","cancel-button-options","submit-button-options"])):e.createCommentVNode("",!0)]),key:"0"}:void 0]),1040))}});exports.default=v;

package/lib/components/multiple-tabs/multiple-tabs.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("../tabs/index.cjs"),w=require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const p=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const E=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const u=require("@vft/router"),g=require("@vft/store"),K=require("@vft/use"),N=require("hotkeys-js"),A=require("vue-router"),I=require("./tab-content.vue2.cjs"),T=require("./use/use-multiple-tabs.cjs");require("../context-menu/context-menu.vue2.cjs");require("../icon/index.cjs");const L=e.defineComponent({name:"vft-multiple-tabs"}),z=e.defineComponent({...L,props:{tabsStyle:{},contextMenuStyle:{},canDrag:{type:Boolean},fixTabCount:{},fixExtraScrollWidth:{}},setup(d){const q=E.useNamespace("multiple-tabs"),i=e.getCurrentInstance().appContext.config.globalProperties.$router,s=T.initAffixTabs(i),c=g.useMultipleTabStore(),r=e.ref(""),o=e.ref(0),x=e.ref(),{go:b}=u.useRouterHelper(i),f=e.computed(()=>c.getTabList.filter(t=>!t.meta?.hideTab));e.watchEffect(()=>{if(r.value){const t=f.value.findIndex(a=>u.getRouterKeyPath(a)===r.value);t===-1?o.value=f.value?.length-1:o.value=t,o.value=o.value<s?.length?s?.length-1:o.value}}),w.isClient&&A.onBeforeRouteLeave(()=>{x.value=e.unref(i.currentRoute)}),u.listenerRouteChange(({route:t})=>{if(!t||t.meta?.hasTokenToRoot)return;const{meta:a={}}=t,{currentActivePath:n,hideTab:l}=a,B=l?n:null,m=u.getRouterKeyPath(t);if(r.value!==m&&(r.value=m),B){let v=i.getRoutes().find(V=>V.path===n);v&&c.addTab(v,e.unref(x),o.value,t)}else c.addTab(e.unref(t),e.unref(x),o.value)});function y(t){if(r.value===t.paneName)return;const a=f.value[t.attrs.index];r.value=t.paneName;const n=a?.meta?.hideActiveRoute?.fullPath;b(n||a.fullPath||a.path)}function C(t){c.closeTabByKey(t,i)}const{refs:R,setRefs:_}=K.useRefs();function S(t){const a=t.pane.attrs.index,n=t.event;R.value[a].handleContext(n)}const P=e.computed(()=>{let t={padding:"4px 0 0","border-bottom":"none","header-height":"26px","font-size":"13px","item-padding":"0 10px","close-icon-left":"8px","item-distance":"1px","item-max-width":"180px","scroll-padding":"0 20px","header-margin":"0 0 0 8px","item-border-radius":"5px 5px 0 0","item-border":"none"};return{...p.generateCssVars(t,"tabs"),...d.tabsStyle}}),{closeCurrent:k}=g.useTabs(),M={...p.generateCssVars({"sub-item-height":"40px","item-min-width":"150px"},"menu"),...d.contextMenuStyle};return e.onMounted(()=>{d.canDrag&&T.useTabsDrag(s),N("command+e, ctrl+e",function(){return k(),!1})}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(q).b()),style:e.normalizeStyle(P.value)},[e.createVNode(e.unref(h.VftTabs),{"show-bar":!1,"fix-tab-count":t.fixTabCount,"fix-extra-scroll-width":t.fixExtraScrollWidth,modelValue:r.value,"onUpdate:modelValue":a[0]||(a[0]=n=>r.value=n),onTabClick:y,onTabRemove:C,onTabContextMenu:S},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(n,l)=>(e.openBlock(),e.createBlock(e.unref(h.VftTabPane),{key:e.unref(u.getRouterKeyPath)(n)+l,closable:!n.meta?.affix,index:l,name:e.unref(u.getRouterKeyPath)(n)},{label:e.withCtx(()=>[e.createVNode(I.default,{"context-menu-style":M,"affix-num":e.unref(s)?.length,ref_for:!0,ref:e.unref(_)(l),"tab-item":n},null,8,["affix-num","tab-item"])]),_:2},1032,["closable","index","name"]))),128))]),_:1},8,["fix-tab-count","fix-extra-scroll-width","modelValue"])],6))}});exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("../tabs/index.cjs"),w=require("@vueuse/core");require("@vft/utils");const r=require("../../utils/helper.cjs"),p=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const $=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const i=require("@vft/router"),T=require("@vft/store"),E=require("@vft/use"),K=require("hotkeys-js"),N=require("vue-router"),A=require("./tab-content.vue2.cjs"),q=require("./use/use-multiple-tabs.cjs");require("../context-menu/context-menu.vue2.cjs");require("../icon/index.cjs");const I=e.defineComponent({name:"vft-multiple-tabs"}),L=e.defineComponent({...I,props:{tabsStyle:{},contextMenuStyle:{},canDrag:{type:Boolean},fixTabCount:{},fixExtraScrollWidth:{}},setup(b){const y=$.useNamespace("multiple-tabs"),l=e.getCurrentInstance().appContext.config.globalProperties.$router,c=q.initAffixTabs(l),d=T.useMultipleTabStore(),o=e.ref(""),u=e.ref(0),m=e.ref(),{go:h}=i.useRouterHelper(l),f=e.computed(()=>d.getTabList.filter(t=>!t.meta?.hideTab));e.watchEffect(()=>{if(o.value){const t=f.value.findIndex(a=>i.getRouterKeyPath(a)===o.value);t===-1?u.value=f.value?.length-1:u.value=t,u.value=u.value<c?.length?c?.length-1:u.value}}),w.isClient&&N.onBeforeRouteLeave(()=>{m.value=e.unref(l.currentRoute)}),i.listenerRouteChange(({route:t})=>{if(!t||t.meta?.hasTokenToRoot)return;const{meta:a={}}=t,{currentActivePath:n,hideTab:s}=a,B=s?n:null,v=i.getRouterKeyPath(t);if(o.value!==v&&(o.value=v),B){let x=l.getRoutes().find(V=>V.path===n);x&&d.addTab(x,e.unref(m),u.value,t)}else d.addTab(e.unref(t),e.unref(m),u.value)});function C(t){if(o.value===t.paneName)return;const a=f.value[t.attrs.index];o.value=t.paneName;const n=a?.meta?.hideActiveRoute?.fullPath;h(n||a.fullPath||a.path)}function R(t){d.closeTabByKey(t,l)}const{refs:_,setRefs:S}=E.useRefs();function P(t){const a=t.pane.attrs.index,n=t.event;_.value[a].handleContext(n)}const k=e.computed(()=>{let t={padding:"4px 0 0","border-bottom":"none","header-height":r.addUnit(26),"font-size":r.addUnit(13),"item-padding":`0 ${r.addUnit(10)}`,"close-icon-left":r.addUnit(8),"item-distance":"1px","item-max-width":r.addUnit(180),"scroll-padding":`0 ${r.addUnit(20)}`,"header-margin":`0 0 0 ${r.addUnit(10)}`,"item-border-radius":`${r.addUnit(5)} ${r.addUnit(5)} 0 0`,"item-border":"none"};return{...p.generateCssVars(t,"tabs"),...b.tabsStyle}}),{closeCurrent:U}=T.useTabs(),M={...p.generateCssVars({"sub-item-height":r.addUnit(40),"item-min-width":r.addUnit(150)},"menu"),...b.contextMenuStyle};return e.onMounted(()=>{b.canDrag&&q.useTabsDrag(c),K("command+e, ctrl+e",function(){return U(),!1})}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(y).b()),style:e.normalizeStyle(k.value)},[e.createVNode(e.unref(g.VftTabs),{"show-bar":!1,"fix-tab-count":t.fixTabCount,"fix-extra-scroll-width":t.fixExtraScrollWidth,modelValue:o.value,"onUpdate:modelValue":a[0]||(a[0]=n=>o.value=n),onTabClick:C,onTabRemove:R,onTabContextMenu:P},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(n,s)=>(e.openBlock(),e.createBlock(e.unref(g.VftTabPane),{key:e.unref(i.getRouterKeyPath)(n)+s,closable:!n.meta?.affix,index:s,name:e.unref(i.getRouterKeyPath)(n)},{label:e.withCtx(()=>[e.createVNode(A.default,{"context-menu-style":M,"affix-num":e.unref(c)?.length,ref_for:!0,ref:e.unref(S)(s),"tab-item":n},null,8,["affix-num","tab-item"])]),_:2},1032,["closable","index","name"]))),128))]),_:1},8,["fix-tab-count","fix-extra-scroll-width","modelValue"])],6))}});exports.default=L;

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

@@ -7,14 +7,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | number>;
             default: number;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-            default: string;
-        };
         teleported: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+            default: string;
+        };
         hideAfter: {
             type: import("vue").PropType<number>;
             default: number;
@@ -52,8 +52,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         cancel: (val: MouseEvent) => void;
     }, import("vue").PublicProps, {
         width: string | number;
-        icon: string | import("vft/es/vft").IconProps;
         teleported: boolean;
+        icon: string | import("vft/es/vft").IconProps;
         hideAfter: number;
         persistent: boolean;
         confirmButtonType: import("vft/es/vft").ButtonType;
@@ -74,14 +74,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | number>;
             default: number;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-            default: string;
-        };
         teleported: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+            default: string;
+        };
         hideAfter: {
             type: import("vue").PropType<number>;
             default: number;
@@ -116,8 +116,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         onConfirm?: ((val: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
         width: string | number;
-        icon: string | import("vft/es/vft").IconProps;
         teleported: boolean;
+        icon: string | import("vft/es/vft").IconProps;
         hideAfter: number;
         persistent: boolean;
         confirmButtonType: import("vft/es/vft").ButtonType;
@@ -135,14 +135,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string | number>;
         default: number;
     };
-    icon: {
-        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-        default: string;
-    };
     teleported: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    icon: {
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+        default: string;
+    };
     hideAfter: {
         type: import("vue").PropType<number>;
         default: number;
@@ -180,8 +180,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
     cancel: (val: MouseEvent) => void;
 }, string, {
     width: string | number;
-    icon: string | import("vft/es/vft").IconProps;
     teleported: boolean;
+    icon: string | import("vft/es/vft").IconProps;
     hideAfter: number;
     persistent: boolean;
     confirmButtonType: import("vft/es/vft").ButtonType;

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

@@ -43,8 +43,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onConfirm?: ((val: MouseEvent) => any) | undefined;
 }>, {
     width: string | number;
-    icon: string | IconProps;
     teleported: boolean;
+    icon: string | IconProps;
     hideAfter: number;
     persistent: boolean;
     confirmButtonType: ButtonType;

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

@@ -69,9 +69,6 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
         triggerKeys: {
             type: import("vue").PropType<string[]>;
         };
-        'onUpdate:visible': {
-            type: import("vue").PropType<Function>;
-        };
     }>> & Readonly<{
         "onAfter-leave"?: ((...args: any[]) => any) | undefined;
         "onBefore-enter"?: ((...args: any[]) => any) | undefined;
@@ -164,9 +161,6 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
         triggerKeys: {
             type: import("vue").PropType<string[]>;
         };
-        'onUpdate:visible': {
-            type: import("vue").PropType<Function>;
-        };
     }>> & Readonly<{
         "onAfter-leave"?: ((...args: any[]) => any) | undefined;
         "onBefore-enter"?: ((...args: any[]) => any) | undefined;
@@ -250,9 +244,6 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
     triggerKeys: {
         type: import("vue").PropType<string[]>;
     };
-    'onUpdate:visible': {
-        type: import("vue").PropType<Function>;
-    };
 }>> & Readonly<{
     "onAfter-leave"?: ((...args: any[]) => any) | undefined;
     "onBefore-enter"?: ((...args: any[]) => any) | undefined;

package/lib/components/popover/popover.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),y=require("../tooltip/index.cjs"),l=require("../../constants/aria.cjs");require("@vueuse/core");require("@vft/utils");const w=require("../../utils/helper.cjs");require("lodash-es");require("../form/index.cjs");const C=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const E="onUpdate:visible",B=t.defineComponent({name:"vft-popover"}),q=t.defineComponent({...B,props:{trigger:{default:"hover"},placement:{default:"bottom"},disabled:{type:Boolean,default:!1},visible:{type:[Boolean,null],default:null},transition:{},popperOptions:{},tabindex:{default:0},content:{},popperStyle:{type:[Boolean,null,String,Object,Array]},popperClass:{},enterable:{type:Boolean,default:!0},effect:{default:"light"},teleported:{type:Boolean,default:!0},title:{},width:{default:150},offset:{},showAfter:{default:0},hideAfter:{default:200},autoClose:{default:0},showArrow:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0},appendTo:{},triggerKeys:{default:()=>[l.EVENT_CODE.enter,l.EVENT_CODE.numpadEnter,l.EVENT_CODE.space]},"onUpdate:visible":{}},emits:["update:visible","before-enter","before-leave","after-enter","after-leave"],setup(r,{expose:i,emit:s}){const o=s,n=C.useNamespace("popover"),p=t.computed(()=>[E]),a=t.ref(),u=t.computed(()=>t.unref(a)?.popperRef),d=t.computed(()=>[{width:w.addUnit(r.width)},r.popperStyle]),f=t.computed(()=>[n.b(),r.popperClass,{[n.m("plain")]:!!r.content}]),c=t.computed(()=>r.transition===`${n.namespace.value}-fade-in-linear`),b=()=>{a.value?.hide()},v=()=>{o("before-enter")},m=()=>{o("before-leave")},g=()=>{o("after-enter")},h=()=>{o("update:visible",!1),o("after-leave")};return i({popperRef:u,hide:b}),(e,S)=>(t.openBlock(),t.createBlock(t.unref(y.VftTooltip),t.mergeProps({ref_key:"tooltipRef",ref:a},e.$attrs,{trigger:e.trigger,"trigger-keys":e.triggerKeys,placement:e.placement,disabled:e.disabled,visible:e.visible,transition:e.transition,"popper-options":e.popperOptions,tabindex:e.tabindex,content:e.content,offset:e.offset,"show-after":e.showAfter,"hide-after":e.hideAfter,"auto-close":e.autoClose,"show-arrow":e.showArrow,"aria-label":e.title,effect:e.effect,enterable:e.enterable,"popper-class":f.value,"popper-style":d.value,teleported:e.teleported,"append-to":e.appendTo,persistent:e.persistent,"gpu-acceleration":c.value,"onUpdate:visible":p.value,onBeforeShow:v,onBeforeHide:m,onShow:g,onHide:h}),{content:t.withCtx(()=>[e.title?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(t.unref(n).e("title")),role:"title"},t.toDisplayString(e.title),3)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.content),1)])]),default:t.withCtx(()=>[e.$slots.reference?t.renderSlot(e.$slots,"reference",{key:0}):t.createCommentVNode("",!0)]),_:3},16,["trigger","trigger-keys","placement","disabled","visible","transition","popper-options","tabindex","content","offset","show-after","hide-after","auto-close","show-arrow","aria-label","effect","enterable","popper-class","popper-style","teleported","append-to","persistent","gpu-acceleration","onUpdate:visible"]))}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),y=require("../tooltip/index.cjs"),l=require("../../constants/aria.cjs");require("@vueuse/core");require("@vft/utils");const w=require("../../utils/helper.cjs");require("lodash-es");require("../form/index.cjs");const C=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const E="onUpdate:visible",B=t.defineComponent({name:"vft-popover"}),q=t.defineComponent({...B,props:{trigger:{default:"hover"},placement:{default:"bottom"},disabled:{type:Boolean,default:!1},visible:{type:[Boolean,null],default:null},transition:{},popperOptions:{},tabindex:{default:0},content:{},popperStyle:{type:[Boolean,null,String,Object,Array]},popperClass:{},enterable:{type:Boolean,default:!0},effect:{default:"light"},teleported:{type:Boolean,default:!0},title:{},width:{default:150},offset:{},showAfter:{default:0},hideAfter:{default:200},autoClose:{default:0},showArrow:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0},appendTo:{},triggerKeys:{default:()=>[l.EVENT_CODE.enter,l.EVENT_CODE.numpadEnter,l.EVENT_CODE.space]}},emits:["update:visible","before-enter","before-leave","after-enter","after-leave"],setup(r,{expose:i,emit:s}){const o=s,n=C.useNamespace("popover"),p=t.computed(()=>[E]),a=t.ref(),u=t.computed(()=>t.unref(a)?.popperRef),d=t.computed(()=>[{width:w.addUnit(r.width)},r.popperStyle]),f=t.computed(()=>[n.b(),r.popperClass,{[n.m("plain")]:!!r.content}]),c=t.computed(()=>r.transition===`${n.namespace.value}-fade-in-linear`),b=()=>{a.value?.hide()},v=()=>{o("before-enter")},m=()=>{o("before-leave")},g=()=>{o("after-enter")},h=()=>{o("update:visible",!1),o("after-leave")};return i({popperRef:u,hide:b}),(e,S)=>(t.openBlock(),t.createBlock(t.unref(y.VftTooltip),t.mergeProps({ref_key:"tooltipRef",ref:a},e.$attrs,{trigger:e.trigger,"trigger-keys":e.triggerKeys,placement:e.placement,disabled:e.disabled,visible:e.visible,transition:e.transition,"popper-options":e.popperOptions,tabindex:e.tabindex,content:e.content,offset:e.offset,"show-after":e.showAfter,"hide-after":e.hideAfter,"auto-close":e.autoClose,"show-arrow":e.showArrow,"aria-label":e.title,effect:e.effect,enterable:e.enterable,"popper-class":f.value,"popper-style":d.value,teleported:e.teleported,"append-to":e.appendTo,persistent:e.persistent,"gpu-acceleration":c.value,"onUpdate:visible":p.value,onBeforeShow:v,onBeforeHide:m,onShow:g,onHide:h}),{content:t.withCtx(()=>[e.title?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(t.unref(n).e("title")),role:"title"},t.toDisplayString(e.title),3)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.content),1)])]),default:t.withCtx(()=>[e.$slots.reference?t.renderSlot(e.$slots,"reference",{key:0}):t.createCommentVNode("",!0)]),_:3},16,["trigger","trigger-keys","placement","disabled","visible","transition","popper-options","tabindex","content","offset","show-after","hide-after","auto-close","show-arrow","aria-label","effect","enterable","popper-class","popper-style","teleported","append-to","persistent","gpu-acceleration","onUpdate:visible"]))}});exports.default=q;

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

@@ -3,28 +3,50 @@ import type { TooltipTriggerType } from 'vft/es/components/tooltip';
 import type { StyleValue } from 'vue';
 import type { ClassType } from '../types';
 export interface PopoverProps {
+    /** 触发方式 */
     trigger?: TooltipTriggerType;
+    /** 弹出位置 */
     placement?: Placement;
+    /** 是否禁用 */
     disabled?: boolean;
+    /** 是否可见 */
     visible?: boolean | null;
+    /** 过渡动画名称 */
     transition?: string;
+    /** Popper 配置选项 */
     popperOptions?: Partial<Options>;
+    /** 元素 tabindex 属性 */
     tabindex?: number;
+    /** 弹出层内容 */
     content?: string;
+    /** 弹出层样式 */
     popperStyle?: StyleValue;
+    /** 弹出层 CSS 类名 */
     popperClass?: ClassType;
+    /** 鼠标是否可以进入弹出层内容 */
     enterable?: boolean;
+    /** 主题效果 */
     effect?: 'light' | 'dark';
+    /** 是否传送到指定容器 */
     teleported?: boolean;
+    /** 弹出层标题 */
     title?: string;
+    /** 弹出层宽度 */
     width?: string | number;
+    /** 偏移量 */
     offset?: number;
+    /** 显示延时（毫秒） */
     showAfter?: number;
+    /** 隐藏延时（毫秒） */
     hideAfter?: number;
+    /** 自动关闭延时（毫秒） */
     autoClose?: number;
+    /** 是否显示箭头 */
     showArrow?: boolean;
+    /** 是否持久化显示 */
     persistent?: boolean;
+    /** 挂载到的元素 */
     appendTo?: HTMLElement | string;
+    /** 触发按键 */
     triggerKeys?: string[];
-    'onUpdate:visible'?: Function;
 }

package/lib/components/search/search.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");const r=require("../../utils/helper.cjs"),m=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const D=require("../input/index.cjs"),K=require("../popover/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 A=require("@vft/directives"),H=e.defineComponent({name:"vft-search"}),L=e.defineComponent({...H,props:{width:{default:200},activeWidth:{},usePopover:{type:Boolean,default:!1},popoverCfg:{},modelValue:{default:""},clearable:{type:Boolean,default:!0},placeholder:{default:"请输入你要搜索的内容"},suffixIcon:{default:()=>({icon:"icon-search",color:"#8B8C8C",pointer:!0})},prefixIcon:{},clearIcon:{}},emits:["update:modelValue","blur","focus","clear","enter","prefixClick","suffixClick","mouseenter","mouseleave","keydown","change","input","compositionstart","compositionupdate","compositionend"],setup(n,{expose:h,emit:C}){const a=j.useNamespace("search"),o=C,c=e.ref(),p=e.ref(),u=e.ref(),s=e.ref(!1),d=e.ref(!1),i=e.ref(!1),k=e.computed(()=>m.generateCssVars({width:n.activeWidth&&(i.value||n.modelValue)?r.addUnit(n.activeWidth):r.addUnit(n.width)},"input")),y=e.computed(()=>m.generateCssVars({"active-width":n.activeWidth?r.addUnit(n.activeWidth):r.addUnit(n.width)},"search")),V=e.computed(()=>({"show-arrow":!1,transition:"vft-zoom-in-top-fast",placement:"bottom-start","hide-after":100,offset:3,width:500,...n.popoverCfg})),w=t=>{o("update:modelValue",t),o("input",t)},g=()=>{f()};function q(){i.value=!0}function f(){i.value=!1}const x=()=>{o("clear"),l(!1)};function S(){d.value=!0,o("mouseenter",n.modelValue)}function b(){d.value=!1,o("mouseleave",n.modelValue)}const B=()=>{i.value=!0,s.value=!0,o("focus")};function P(){s.value=!1,o("blur")}function $(){l(),o("prefixClick",n.modelValue)}function R(){l(),o("suffixClick",n.modelValue)}function U(){l(),o("enter",n.modelValue)}function l(t=!0){n.usePopover&&f(),t&&u.value.blur()}const E=t=>{o("keydown",t)},M=e.computed(()=>c.value?.popperRef?.contentRef),I=t=>{o("update:modelValue",t)},W=t=>{o("change",t)},z=t=>{o("compositionstart",t)},F=t=>{o("compositionupdate",t)},N=t=>{o("compositionend",t)};return h({isFocus:s,isHover:d,visible:i,hidePopover:f,showPopover:q,inputRef:u}),(t,v)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"searchRef",ref:p,class:e.normalizeClass([e.unref(a).b(),e.unref(a).is("active",i.value||t.modelValue)]),style:e.normalizeStyle(y.value)},[e.createVNode(e.unref(D.VftInput),e.mergeProps({ref_key:"inputRef",ref:u},t.$props,{"input-style":k.value,onInput:w,onFocus:B,onEnter:U,onBlur:P,onMouseenter:S,"onUpdate:modelValue":I,onMouseleave:b,onPrefixClick:$,onSuffixClick:R,onChange:W,onKeydown:E,onClear:x,onCompositionstart:z,onCompositionupdate:F,onCompositionend:N}),e.createSlots({_:2},[t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"0"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"1"}:void 0,t.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),key:"2"}:void 0,t.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"3"}:void 0]),1040,["input-style"])],6)),[[e.unref(A.ClickOutside),g,M.value]]),t.usePopover?(e.openBlock(),e.createBlock(e.unref(K.VftPopover),e.mergeProps({key:0,ref_key:"popoverRef",ref:c},V.value,{"virtual-ref":p.value,visible:i.value,"onUpdate:visible":v[0]||(v[0]=O=>i.value=O),"virtual-triggering":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("content"))},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["virtual-ref","visible"])):e.createCommentVNode("",!0)],64))}});exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");const r=require("../../utils/helper.cjs"),m=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const D=require("../input/index.cjs"),K=require("../popover/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 A=require("@vft/directives"),H=e.defineComponent({name:"vft-search"}),L=e.defineComponent({...H,props:{width:{default:200},activeWidth:{},usePopover:{type:Boolean,default:!1},popoverCfg:{},modelValue:{default:""},clearable:{type:Boolean,default:!0},placeholder:{default:"请输入你要搜索的内容"},suffixIcon:{default:()=>({icon:"icon-search",color:"#8B8C8C",pointer:!0})},prefixIcon:{},clearIcon:{}},emits:["update:modelValue","blur","focus","clear","enter","prefixClick","suffixClick","mouseenter","mouseleave","keydown","change","input","compositionstart","compositionupdate","compositionend"],setup(n,{expose:h,emit:C}){const a=j.useNamespace("search"),o=C,f=e.ref(),p=e.ref(),u=e.ref(),s=e.ref(!1),d=e.ref(!1),i=e.ref(!1),k=e.computed(()=>m.generateCssVars({width:n.activeWidth&&(i.value||n.modelValue)?r.addUnit(n.activeWidth):r.addUnit(n.width)},"input")),y=e.computed(()=>m.generateCssVars({"active-width":n.activeWidth?r.addUnit(n.activeWidth):r.addUnit(n.width)},"search")),V=e.computed(()=>({"show-arrow":!1,transition:"vft-zoom-in-top",placement:"bottom-start",offset:3,width:500,...n.popoverCfg})),w=t=>{o("update:modelValue",t),o("input",t)},g=()=>{c()};function q(){i.value=!0}function c(){i.value=!1}const x=()=>{o("clear"),l(!1)};function S(){d.value=!0,o("mouseenter",n.modelValue)}function b(){d.value=!1,o("mouseleave",n.modelValue)}const B=()=>{i.value=!0,s.value=!0,o("focus")};function P(){s.value=!1,o("blur")}function $(){l(),o("prefixClick",n.modelValue)}function R(){l(),o("suffixClick",n.modelValue)}function U(){l(),o("enter",n.modelValue)}function l(t=!0){n.usePopover&&c(),t&&u.value.blur()}const E=t=>{o("keydown",t)},M=e.computed(()=>f.value?.popperRef?.contentRef),I=t=>{o("update:modelValue",t)},W=t=>{o("change",t)},z=t=>{o("compositionstart",t)},F=t=>{o("compositionupdate",t)},N=t=>{o("compositionend",t)};return h({isFocus:s,isHover:d,visible:i,hidePopover:c,showPopover:q,inputRef:u}),(t,v)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"searchRef",ref:p,class:e.normalizeClass([e.unref(a).b(),e.unref(a).is("active",!!i.value||!!t.modelValue)]),style:e.normalizeStyle(y.value)},[e.createVNode(e.unref(D.VftInput),e.mergeProps({ref_key:"inputRef",ref:u},t.$props,{"input-style":k.value,onInput:w,onFocus:B,onEnter:U,onBlur:P,onMouseenter:S,"onUpdate:modelValue":I,onMouseleave:b,onPrefixClick:$,onSuffixClick:R,onChange:W,onKeydown:E,onClear:x,onCompositionstart:z,onCompositionupdate:F,onCompositionend:N}),e.createSlots({_:2},[t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"0"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"1"}:void 0,t.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),key:"2"}:void 0,t.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"3"}:void 0]),1040,["input-style"])],6)),[[e.unref(A.ClickOutside),g,M.value]]),t.usePopover?(e.openBlock(),e.createBlock(e.unref(K.VftPopover),e.mergeProps({key:0,style:{"--vft-transition-duration":"3s"},ref_key:"popoverRef",ref:f},V.value,{"virtual-ref":p.value,visible:i.value,"onUpdate:visible":v[0]||(v[0]=O=>i.value=O),"virtual-triggering":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("content"))},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["virtual-ref","visible"])):e.createCommentVNode("",!0)],64))}});exports.default=L;