vft 0.0.239 → 0.0.241

package/lib/components/popconfirm/popconfirm.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("@vft/utils"),a=require("../button/index.cjs"),C=require("../icon/index.cjs"),T=require("../tooltip/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const h=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=e.defineComponent({name:"VftPopconfirm"}),q=e.defineComponent({...V,props:{title:{},confirmButtonText:{},cancelButtonText:{},confirmButtonType:{default:"primary"},cancelButtonType:{},icon:{default:"icon-question-filled"},iconColor:{default:"#f90"},hideIcon:{type:Boolean,default:!1},hideAfter:{default:200},teleported:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0},width:{default:150}},emits:["confirm","cancel"],setup(s,{emit:u}){const n=s,l=u,o=h.useNamespace("popconfirm"),i=e.ref(),c=()=>{var t,r;(r=(t=i.value)==null?void 0:t.onClose)==null||r.call(t)},p=e.computed(()=>({width:B.addUnit(n.width)})),f=t=>{l("confirm",t),c()},d=t=>{l("cancel",t),c()},m=e.computed(()=>n.confirmButtonText||"确认"),y=e.computed(()=>n.cancelButtonText||"取消");return(t,r)=>(e.openBlock(),e.createBlock(e.unref(T.VftTooltip),e.mergeProps({ref_key:"tooltipRef",ref:i,trigger:"click",effect:"light"},t.$attrs,{"popper-class":`${e.unref(o).namespace.value}-popover`,"popper-style":p.value,teleported:t.teleported,"fallback-placements":["bottom","top","right","left"],"hide-after":t.hideAfter,persistent:t.persistent}),{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("main"))},[!t.hideIcon&&t.icon?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),{key:0,icon:t.icon,size:20,class:e.normalizeClass(e.unref(o).e("icon")),style:e.normalizeStyle({color:t.iconColor})},null,8,["icon","class","style"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.title),1)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("action"))},[e.createVNode(e.unref(a.VftButton),{size:"small",type:t.cancelButtonType==="text"?"":t.cancelButtonType,text:t.cancelButtonType==="text",onClick:d},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(y.value),1)]),_:1},8,["type","text"]),e.createVNode(e.unref(a.VftButton),{size:"small",type:t.confirmButtonType==="text"?"":t.confirmButtonType,text:t.confirmButtonType==="text",onClick:f},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m.value),1)]),_:1},8,["type","text"])],2)],2)]),default:e.withCtx(()=>[t.$slots.reference?e.renderSlot(t.$slots,"reference",{key:0}):e.createCommentVNode("",!0)]),_:3},16,["popper-class","popper-style","teleported","hide-after","persistent"]))}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("@vft/utils"),c=require("../button/index.cjs"),B=require("../icon/index.cjs"),C=require("../tooltip/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const T=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const h=e.defineComponent({name:"VftPopconfirm"}),V=e.defineComponent({...h,props:{title:{},confirmButtonText:{},cancelButtonText:{},confirmButtonType:{default:"primary"},cancelButtonType:{},icon:{default:"icon-question-filled"},iconColor:{default:"#f90"},hideIcon:{type:Boolean,default:!1},hideAfter:{default:200},teleported:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0},width:{default:150}},emits:["confirm","cancel"],setup(a,{emit:s}){const n=a,r=s,o=T.useNamespace("popconfirm"),l=e.ref(),i=()=>{l.value?.onClose?.()},u=e.computed(()=>({width:y.addUnit(n.width)})),p=t=>{r("confirm",t),i()},f=t=>{r("cancel",t),i()},d=e.computed(()=>n.confirmButtonText||"确认"),m=e.computed(()=>n.cancelButtonText||"取消");return(t,q)=>(e.openBlock(),e.createBlock(e.unref(C.VftTooltip),e.mergeProps({ref_key:"tooltipRef",ref:l,trigger:"click",effect:"light"},t.$attrs,{"popper-class":`${e.unref(o).namespace.value}-popover`,"popper-style":u.value,teleported:t.teleported,"fallback-placements":["bottom","top","right","left"],"hide-after":t.hideAfter,persistent:t.persistent}),{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("main"))},[!t.hideIcon&&t.icon?(e.openBlock(),e.createBlock(e.unref(B.VftIcon),{key:0,icon:t.icon,size:20,class:e.normalizeClass(e.unref(o).e("icon")),style:e.normalizeStyle({color:t.iconColor})},null,8,["icon","class","style"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.title),1)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("action"))},[e.createVNode(e.unref(c.VftButton),{size:"small",type:t.cancelButtonType==="text"?"":t.cancelButtonType,text:t.cancelButtonType==="text",onClick:f},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m.value),1)]),_:1},8,["type","text"]),e.createVNode(e.unref(c.VftButton),{size:"small",type:t.confirmButtonType==="text"?"":t.confirmButtonType,text:t.confirmButtonType==="text",onClick:p},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.value),1)]),_:1},8,["type","text"])],2)],2)]),default:e.withCtx(()=>[t.$slots.reference?e.renderSlot(t.$slots,"reference",{key:0}):e.createCommentVNode("",!0)]),_:3},16,["popper-class","popper-style","teleported","hide-after","persistent"]))}});exports.default=V;

package/lib/components/popover/directive.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=(t,e)=>{const o=e.arg||e.value,r=o==null?void 0:o.popperRef;r&&(r.triggerRef=t)},u={mounted(t,e){s(t,e)},updated(t,e){s(t,e)}},a="popover";exports.VPopover=a;exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=(o,e)=>{const t=(e.arg||e.value)?.popperRef;t&&(t.triggerRef=o)},r={mounted(o,e){p(o,e)},updated(o,e){p(o,e)}},n="popover";exports.VPopover=n;exports.default=r;

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

@@ -1,4 +1,4 @@
 import type { ObjectDirective } from 'vue';
-declare const _default: ObjectDirective<any, any>;
+declare const _default: ObjectDirective;
 export default _default;
 export declare const VPopover = "popover";

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

@@ -1,7 +1,7 @@
 export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         trigger: {
-            type: import("vue").PropType<import("..").TooltipTriggerType>;
+            type: import("vue").PropType<import("vft/es/vft").TooltipTriggerType>;
         };
         placement: {
             type: import("vue").PropType<import("@popperjs/core").Placement>;
@@ -63,92 +63,31 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
         persistent: {
             type: import("vue").PropType<boolean>;
         };
-    }>> & {
+        appendTo: {
+            type: import("vue").PropType<string | HTMLElement>;
+        };
+        triggerKeys: {
+            type: import("vue").PropType<string[]>;
+        };
+        'onUpdate:visible': {
+            type: import("vue").PropType<Function>;
+        };
+    }>> & Readonly<{
         "onBefore-leave"?: ((...args: any[]) => any) | undefined;
         "onAfter-leave"?: ((...args: any[]) => any) | undefined;
         "onBefore-enter"?: ((...args: any[]) => any) | undefined;
         "onAfter-enter"?: ((...args: any[]) => any) | undefined;
         "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>, {
         popperRef: import("vue").ComputedRef<any>;
         hide: () => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "before-leave": (...args: any[]) => void;
         "after-leave": (...args: any[]) => void;
         "before-enter": (...args: any[]) => void;
         "after-enter": (...args: any[]) => void;
         "update:visible": (...args: any[]) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        trigger: {
-            type: import("vue").PropType<import("..").TooltipTriggerType>;
-        };
-        placement: {
-            type: import("vue").PropType<import("@popperjs/core").Placement>;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        visible: {
-            type: import("vue").PropType<boolean>;
-        };
-        transition: {
-            type: import("vue").PropType<string>;
-        };
-        popperOptions: {
-            type: import("vue").PropType<Partial<import("@popperjs/core").Options>>;
-        };
-        tabindex: {
-            type: import("vue").PropType<number>;
-        };
-        content: {
-            type: import("vue").PropType<string>;
-        };
-        popperStyle: {
-            type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
-        };
-        popperClass: {
-            type: import("vue").PropType<import("../types").ClassType>;
-        };
-        enterable: {
-            type: import("vue").PropType<boolean>;
-        };
-        effect: {
-            type: import("vue").PropType<"light" | "dark">;
-        };
-        teleported: {
-            type: import("vue").PropType<boolean>;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-        };
-        width: {
-            type: import("vue").PropType<string | number>;
-        };
-        offset: {
-            type: import("vue").PropType<number>;
-        };
-        showAfter: {
-            type: import("vue").PropType<number>;
-        };
-        hideAfter: {
-            type: import("vue").PropType<number>;
-        };
-        autoClose: {
-            type: import("vue").PropType<number>;
-        };
-        showArrow: {
-            type: import("vue").PropType<boolean>;
-        };
-        persistent: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & {
-        "onBefore-leave"?: ((...args: any[]) => any) | undefined;
-        "onAfter-leave"?: ((...args: any[]) => any) | undefined;
-        "onBefore-enter"?: ((...args: any[]) => any) | undefined;
-        "onAfter-enter"?: ((...args: any[]) => any) | undefined;
-        "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
-    }, {}, true, {}, {}, {
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -157,7 +96,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         trigger: {
-            type: import("vue").PropType<import("..").TooltipTriggerType>;
+            type: import("vue").PropType<import("vft/es/vft").TooltipTriggerType>;
         };
         placement: {
             type: import("vue").PropType<import("@popperjs/core").Placement>;
@@ -219,22 +158,31 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
         persistent: {
             type: import("vue").PropType<boolean>;
         };
-    }>> & {
+        appendTo: {
+            type: import("vue").PropType<string | HTMLElement>;
+        };
+        triggerKeys: {
+            type: import("vue").PropType<string[]>;
+        };
+        'onUpdate:visible': {
+            type: import("vue").PropType<Function>;
+        };
+    }>> & Readonly<{
         "onBefore-leave"?: ((...args: any[]) => any) | undefined;
         "onAfter-leave"?: ((...args: any[]) => any) | undefined;
         "onBefore-enter"?: ((...args: any[]) => any) | undefined;
         "onAfter-enter"?: ((...args: any[]) => any) | undefined;
         "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>, {
         popperRef: import("vue").ComputedRef<any>;
         hide: () => void;
     }, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     trigger: {
-        type: import("vue").PropType<import("..").TooltipTriggerType>;
+        type: import("vue").PropType<import("vft/es/vft").TooltipTriggerType>;
     };
     placement: {
         type: import("vue").PropType<import("@popperjs/core").Placement>;
@@ -296,22 +244,31 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
     persistent: {
         type: import("vue").PropType<boolean>;
     };
-}>> & {
+    appendTo: {
+        type: import("vue").PropType<string | HTMLElement>;
+    };
+    triggerKeys: {
+        type: import("vue").PropType<string[]>;
+    };
+    'onUpdate:visible': {
+        type: import("vue").PropType<Function>;
+    };
+}>> & Readonly<{
     "onBefore-leave"?: ((...args: any[]) => any) | undefined;
     "onAfter-leave"?: ((...args: any[]) => any) | undefined;
     "onBefore-enter"?: ((...args: any[]) => any) | undefined;
     "onAfter-enter"?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     popperRef: import("vue").ComputedRef<any>;
     hide: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "before-leave": (...args: any[]) => void;
     "after-leave": (...args: any[]) => void;
     "before-enter": (...args: any[]) => void;
     "after-enter": (...args: any[]) => void;
     "update:visible": (...args: any[]) => void;
-}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         reference?(_: {}): any;
         default?(_: {}): any;

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

@@ -1,25 +1,25 @@
 import type { PopoverProps } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PopoverProps>, {
-    /** @description popper ref */
+declare function __VLS_template(): {
+    reference?(_: {}): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PopoverProps>>, {
     popperRef: import("vue").ComputedRef<any>;
-    /** @description hide popover */
     hide: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "before-leave": (...args: any[]) => void;
     "after-leave": (...args: any[]) => void;
     "before-enter": (...args: any[]) => void;
     "after-enter": (...args: any[]) => void;
     "update:visible": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PopoverProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PopoverProps>>> & Readonly<{
     "onBefore-leave"?: ((...args: any[]) => any) | undefined;
     "onAfter-leave"?: ((...args: any[]) => any) | undefined;
     "onBefore-enter"?: ((...args: any[]) => any) | undefined;
     "onAfter-enter"?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
-}, {}, {}>, {
-    reference?(_: {}): any;
-    default?(_: {}): any;
-}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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"),h=require("../tooltip/index.cjs");require("@vueuse/core");const w=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const y=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const g=t.defineComponent({name:"vft-popover"}),B=t.defineComponent({...g,props:{trigger:{default:"hover"},placement:{default:"bottom"},disabled:{type:Boolean},visible:{type:Boolean},transition:{default:"vft-fade-in-linear"},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}},emits:["update:visible","before-enter","before-leave","after-enter","after-leave"],setup(o,{expose:l,emit:i}){const r=i,n=y.useNamespace("popover"),a=t.ref(),s=t.computed(()=>{var e;return(e=t.unref(a))==null?void 0:e.popperRef}),p=t.computed(()=>[{width:w.addUnit(o.width)},o.popperStyle]),f=t.computed(()=>[n.b(),o.popperClass,{[n.m("plain")]:!!o.content}]),u=t.computed(()=>o.transition===`${n.namespace.value}-fade-in-linear`),d=()=>{var e;(e=a.value)==null||e.hide()},c=()=>{r("before-enter")},b=()=>{r("before-leave")},m=()=>{r("after-enter")},v=()=>{r("update:visible",!1),r("after-leave")};return l({popperRef:s,hide:d}),(e,C)=>(t.openBlock(),t.createBlock(t.unref(h.VftTooltip),t.mergeProps({ref_key:"tooltipRef",ref:a},e.$attrs,{trigger:e.trigger,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":p.value,teleported:e.teleported,persistent:e.persistent,"gpu-acceleration":u.value,onBeforeShow:c,onBeforeHide:b,onShow:m,onHide:v}),{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","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","persistent","gpu-acceleration"]))}});exports.default=B;
+"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");const w=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");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,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(),d=t.computed(()=>t.unref(a)?.popperRef),u=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:d,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":u.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

@@ -24,4 +24,7 @@ export interface PopoverProps {
     autoClose?: number;
     showArrow?: boolean;
     persistent?: boolean;
+    appendTo?: HTMLElement | string;
+    triggerKeys?: string[];
+    'onUpdate:visible'?: Function;
 }

package/lib/components/popper/arrow.vue.d.ts

@@ -1,12 +1,12 @@
 interface Props {
     arrowOffset?: number;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {
     /**
      * @description Arrow element
      */
-    arrowRef: import("vue").Ref<HTMLElement | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+    arrowRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/popper/composables/use-content-dom.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");require("lodash-es");const x=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const f=require("../../../hooks/use-z-index/index.cjs"),q=(t,{attributes:c,styles:o,role:d})=>{const{nextZIndex:u}=f.useZIndex(),n=x.useNamespace("popper"),s=e.computed(()=>e.unref(c).popper),r=e.ref(t.zIndex||u()),p=e.computed(()=>[n.b(),n.is("pure",t.pure),n.is(t.effect),t.popperClass]),i=e.computed(()=>[{zIndex:e.unref(r)},t.popperStyle||{},e.unref(o).popper]),a=e.computed(()=>d.value==="dialog"?"false":void 0),l=e.computed(()=>e.unref(o).arrow||{});return{ariaModal:a,arrowStyle:l,contentAttrs:s,contentClass:p,contentStyle:i,contentZIndex:r,updateZIndex:()=>{r.value=t.zIndex||u()}}};exports.usePopperContentDOM=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("@vueuse/core");const x=require("@vft/utils");require("../../../utils/ns-cover.cjs");require("lodash-es");const f=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const q=require("../../../hooks/use-z-index/index.cjs"),I=(t,{attributes:c,styles:u,role:s})=>{const{nextZIndex:o}=q.useZIndex(),n=f.useNamespace("popper"),d=e.computed(()=>e.unref(c).popper),r=e.ref(x.isNumber(t.zIndex)?t.zIndex:o()),i=e.computed(()=>[n.b(),n.is("pure",t.pure),n.is(t.effect),t.popperClass]),p=e.computed(()=>[{zIndex:e.unref(r)},t.popperStyle||{},e.unref(u).popper]),a=e.computed(()=>s.value==="dialog"?"false":void 0),l=e.computed(()=>e.unref(u).arrow||{});return{ariaModal:a,arrowStyle:l,contentAttrs:d,contentClass:i,contentStyle:p,contentZIndex:r,updateZIndex:()=>{r.value=t.zIndex||o()}}};exports.usePopperContentDOM=I;

package/lib/components/popper/composables/use-content-dom.d.ts

@@ -2,7 +2,7 @@ import type { CSSProperties, StyleValue } from 'vue';
 import type { UsePopperReturn } from 'vft/es/hooks';
 import type { UsePopperContentReturn } from './use-content';
 import type { PopperContentProps } from '../types';
-export declare const usePopperContentDOM: (props: PopperContentProps, { attributes, styles, role, }: Pick<UsePopperReturn, 'attributes' | 'styles'> & Pick<UsePopperContentReturn, 'role'>) => {
+export declare const usePopperContentDOM: (props: PopperContentProps, { attributes, styles, role, }: Pick<UsePopperReturn, "attributes" | "styles"> & Pick<UsePopperContentReturn, "role">) => {
     ariaModal: import("vue").ComputedRef<string | undefined>;
     arrowStyle: import("vue").ComputedRef<CSSProperties>;
     contentAttrs: import("vue").ComputedRef<{
@@ -10,7 +10,7 @@ export declare const usePopperContentDOM: (props: PopperContentProps, { attribut
     }>;
     contentClass: import("vue").ComputedRef<(import("../../types").ClassType | undefined)[]>;
     contentStyle: import("vue").ComputedRef<StyleValue[]>;
-    contentZIndex: import("vue").Ref<number>;
+    contentZIndex: import("vue").Ref<number, number>;
     updateZIndex: () => void;
 };
 export type UsePopperContentDOMReturn = ReturnType<typeof usePopperContentDOM>;

package/lib/components/popper/composables/use-content.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),g=require("lodash-es");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");require("../../config-provider/hooks/use-global-config.cjs");require("../../../hooks/use-model-toggle/index.cjs");const v=require("../../../hooks/use-popper/index.cjs");require("../../../hooks/use-z-index/index.cjs");const O=require("../constants.cjs"),c=require("../utils.cjs"),M=0,C=r=>{const{popperInstanceRef:a,contentRef:o,triggerRef:d,role:f}=e.inject(O.POPPER_INJECTION_KEY,void 0),s=e.ref(),p=e.ref(),l=e.computed(()=>({name:"eventListeners",enabled:!!r.visible})),q=e.computed(()=>{const t=e.unref(s),P=e.unref(p)??M;return{name:"arrow",enabled:!g.isUndefined(t),options:{element:t,padding:P}}}),R=e.computed(()=>({onFirstUpdate:()=>{n()},...c.buildPopperOptions(r,[e.unref(q),e.unref(l)])})),u=e.computed(()=>c.unwrapMeasurableEl(r.referenceEl)||e.unref(d)),{attributes:m,state:E,styles:b,update:n,forceUpdate:w,instanceRef:i}=v.usePopper(u,o,R);return e.watch(i,t=>a.value=t),e.onMounted(()=>{e.watch(()=>{var t;return(t=e.unref(u))==null?void 0:t.getBoundingClientRect()},()=>{n()})}),{attributes:m,arrowRef:s,contentRef:o,instanceRef:i,state:E,styles:b,role:f,forceUpdate:w,update:n}};exports.usePopperContent=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),g=require("lodash-es");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");require("../../config-provider/hooks/use-global-config.cjs");require("../../../hooks/use-model-toggle/index.cjs");const v=require("../../../hooks/use-popper/index.cjs");require("../../../hooks/use-z-index/index.cjs");const O=require("../constants.cjs"),c=require("../utils.cjs"),M=0,C=r=>{const{popperInstanceRef:a,contentRef:o,triggerRef:d,role:f}=e.inject(O.POPPER_INJECTION_KEY,void 0),s=e.ref(),p=e.ref(),l=e.computed(()=>({name:"eventListeners",enabled:!!r.visible})),q=e.computed(()=>{const t=e.unref(s),P=e.unref(p)??M;return{name:"arrow",enabled:!g.isUndefined(t),options:{element:t,padding:P}}}),R=e.computed(()=>({onFirstUpdate:()=>{n()},...c.buildPopperOptions(r,[e.unref(q),e.unref(l)])})),u=e.computed(()=>c.unwrapMeasurableEl(r.referenceEl)||e.unref(d)),{attributes:m,state:E,styles:b,update:n,forceUpdate:w,instanceRef:i}=v.usePopper(u,o,R);return e.watch(i,t=>a.value=t),e.onMounted(()=>{e.watch(()=>e.unref(u)?.getBoundingClientRect(),()=>{n()})}),{attributes:m,arrowRef:s,contentRef:o,instanceRef:i,state:E,styles:b,role:f,forceUpdate:w,update:n}};exports.usePopperContent=C;

package/lib/components/popper/composables/use-content.d.ts

@@ -6,14 +6,14 @@ export declare const usePopperContent: (props: PopperContentProps) => {
             [key: string]: string | boolean;
         };
     }>;
-    arrowRef: import("vue").Ref<HTMLElement | undefined>;
-    contentRef: import("vue").Ref<HTMLElement | undefined>;
+    arrowRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    contentRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     instanceRef: import("vue").ComputedRef<import("@popperjs/core").Instance | undefined>;
     state: import("vue").ComputedRef<{
         elements?: {
             reference: Element | import("@popperjs/core").VirtualElement;
             popper: HTMLElement;
-            arrow?: HTMLElement | undefined;
+            arrow?: HTMLElement;
         } | undefined;
         options?: import("@popperjs/core").OptionsGeneric<any> | undefined;
         placement?: import("@popperjs/core").Placement | undefined;
@@ -21,8 +21,8 @@ export declare const usePopperContent: (props: PopperContentProps) => {
         orderedModifiers?: Modifier<any, any>[] | undefined;
         rects?: import("@popperjs/core").StateRects | undefined;
         scrollParents?: {
-            reference: (Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport)[];
-            popper: (Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport)[];
+            reference: Array<Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport>;
+            popper: Array<Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport>;
         } | undefined;
         styles?: {
             [key: string]: Partial<CSSStyleDeclaration>;
@@ -35,16 +35,16 @@ export declare const usePopperContent: (props: PopperContentProps) => {
         modifiersData?: {
             [key: string]: any;
             arrow?: {
-                x?: number | undefined;
-                y?: number | undefined;
+                x?: number;
+                y?: number;
                 centerOffset: number;
-            } | undefined;
+            };
             hide?: {
                 isReferenceHidden: boolean;
                 hasPopperEscaped: boolean;
                 referenceClippingOffsets: import("@popperjs/core").SideObject;
                 popperEscapeOffsets: import("@popperjs/core").SideObject;
-            } | undefined;
+            };
             offset?: {
                 auto?: import("@popperjs/core").Offsets | undefined;
                 left?: import("@popperjs/core").Offsets | undefined;
@@ -61,9 +61,9 @@ export declare const usePopperContent: (props: PopperContentProps) => {
                 "right-end"?: import("@popperjs/core").Offsets | undefined;
                 "left-start"?: import("@popperjs/core").Offsets | undefined;
                 "left-end"?: import("@popperjs/core").Offsets | undefined;
-            } | undefined;
-            preventOverflow?: import("@popperjs/core").Offsets | undefined;
-            popperOffsets?: import("@popperjs/core").Offsets | undefined;
+            };
+            preventOverflow?: import("@popperjs/core").Offsets;
+            popperOffsets?: import("@popperjs/core").Offsets;
         } | undefined;
         reset?: boolean | undefined;
     }>;

package/lib/components/popper/composables/use-focus-trap.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),a=(u,t)=>{const o=r.ref(!1),s=r.ref();return{focusStartRef:s,trapped:o,onFocusAfterReleased:e=>{var n;((n=e.detail)==null?void 0:n.focusReason)!=="pointer"&&(s.value="first",t("blur"))},onFocusAfterTrapped:()=>{t("focus")},onFocusInTrap:e=>{u.visible&&!o.value&&(e.target&&(s.value=e.target),o.value=!0)},onFocusoutPrevented:e=>{u.trapping||(e.detail.focusReason==="pointer"&&e.preventDefault(),o.value=!1)},onReleaseRequested:()=>{o.value=!1,t("close")}}};exports.usePopperContentFocusTrap=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),r=(u,t)=>{const o=n.ref(!1),s=n.ref();return{focusStartRef:s,trapped:o,onFocusAfterReleased:e=>{e.detail?.focusReason!=="pointer"&&(s.value="first",t("blur"))},onFocusAfterTrapped:()=>{t("focus")},onFocusInTrap:e=>{u.visible&&!o.value&&(e.target&&(s.value=e.target),o.value=!0)},onFocusoutPrevented:e=>{u.trapping||(e.detail.focusReason==="pointer"&&e.preventDefault(),o.value=!1)},onReleaseRequested:()=>{o.value=!1,t("close")}}};exports.usePopperContentFocusTrap=r;

package/lib/components/popper/composables/use-focus-trap.d.ts

@@ -1,7 +1,7 @@
 import type { PopperContentProps } from '../types';
 export declare const usePopperContentFocusTrap: (props: PopperContentProps, emit: any) => {
-    focusStartRef: import("vue").Ref<HTMLElement | "container" | "first" | undefined>;
-    trapped: import("vue").Ref<boolean>;
+    focusStartRef: import("vue").Ref<HTMLElement | "container" | "first" | undefined, HTMLElement | "container" | "first" | undefined>;
+    trapped: import("vue").Ref<boolean, boolean>;
     onFocusAfterReleased: (event: CustomEvent) => void;
     onFocusAfterTrapped: () => void;
     onFocusInTrap: (event: FocusEvent) => void;

package/lib/components/popper/constants.d.ts

@@ -17,7 +17,6 @@ export type VftPopperInjectionContext = {
 };
 export type VftPopperContentInjectionContext = {
     arrowRef: Ref<HTMLElement | undefined>;
-    arrowOffset: Ref<number | undefined>;
     arrowStyle: ComputedRef<CSSProperties>;
 };
 export declare const POPPER_INJECTION_KEY: InjectionKey<VftPopperInjectionContext>;

package/lib/components/popper/content.vue.d.ts

@@ -1,9 +1,12 @@
 import type { PopperProps } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PopperProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PopperProps>>, {
     /**
      * @description popper content element
      */
-    popperContentRef: import("vue").Ref<HTMLElement | undefined>;
+    popperContentRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     /**
      * @description popperjs instance
      */ popperInstanceRef: import("vue").ComputedRef<import("@popperjs/core").Instance | undefined>;
@@ -14,21 +17,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * @description content style
      */
     contentStyle: import("vue").ComputedRef<import("vue").StyleValue[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur: (...args: any[]) => void;
     close: (...args: any[]) => void;
     focus: (...args: any[]) => void;
     mouseenter: (...args: any[]) => void;
     mouseleave: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PopperProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PopperProps>>> & Readonly<{
     onBlur?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onMouseenter?: ((...args: any[]) => any) | undefined;
     onMouseleave?: ((...args: any[]) => any) | undefined;
-}, {}, {}>, {
-    default?(_: {}): any;
-}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/popper/content.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const b=require("@vft/utils"),D=require("lodash-es"),L=require("./composables/use-content.cjs"),V=require("./composables/use-content-dom.cjs"),z=require("./composables/use-focus-trap.cjs"),J=require("./constants.cjs"),K=e.defineComponent({name:"VftPopperContent"}),U=e.defineComponent({...K,props:{boundariesPadding:{default:0},fallbackPlacements:{},gpuAcceleration:{type:Boolean,default:!0},offset:{default:12},placement:{default:"bottom"},popperOptions:{default:()=>({})},strategy:{default:"absolute"},id:{},style:{type:[Boolean,null,String,Object,Array]},className:{},effect:{default:"dark"},visible:{type:Boolean},enterable:{type:Boolean,default:!0},pure:{type:Boolean},focusOnShow:{type:Boolean,default:!1},trapping:{type:Boolean,default:!1},popperClass:{},popperStyle:{type:[Boolean,null,String,Object,Array]},referenceEl:{},triggerTargetEl:{},stopPopperMouseEvent:{type:Boolean,default:!0},ariaLabel:{},virtualTriggering:{type:Boolean},zIndex:{}},emits:["mouseenter","mouseleave","focus","blur","close"],setup(n,{expose:y,emit:P}){const R=P,l=e.getCurrentInstance(),{focusStartRef:C,trapped:f,onFocusAfterReleased:E,onFocusAfterTrapped:F,onFocusInTrap:B,onFocusoutPrevented:g,onReleaseRequested:q}=z.usePopperContentFocusTrap(l.props,R),{attributes:A,arrowRef:O,contentRef:s,styles:T,instanceRef:w,role:p,update:M}=L.usePopperContent(l.props),{ariaModal:S,arrowStyle:I,contentAttrs:N,contentClass:k,contentStyle:c,updateZIndex:j}=V.usePopperContentDOM(l.props,{styles:T,attributes:A,role:p}),$=e.ref();e.provide(J.POPPER_CONTENT_INJECTION_KEY,{arrowStyle:I,arrowRef:O,arrowOffset:$});let t;const d=(r=!0)=>{M(),r&&j()},h=()=>{d(!1),n.visible&&n.focusOnShow?f.value=!0:n.visible===!1&&(f.value=!1)};return e.onMounted(()=>{e.watch(()=>n.triggerTargetEl,(r,u)=>{t==null||t(),t=void 0;const o=e.unref(r||s.value),i=e.unref(u||s.value);b.isElement(o)&&(t=e.watch([p,()=>n.ariaLabel,S,()=>n.id],a=>{["role","aria-label","aria-modal","id"].forEach((m,v)=>{D.isNil(a[v])?o.removeAttribute(m):o.setAttribute(m,a[v])})},{immediate:!0})),i!==o&&b.isElement(i)&&["role","aria-label","aria-modal","id"].forEach(a=>{i.removeAttribute(a)})},{immediate:!0}),e.watch(()=>n.visible,h,{immediate:!0})}),e.onBeforeUnmount(()=>{t==null||t(),t=void 0}),y({popperContentRef:s,popperInstanceRef:w,updatePopper:d,contentStyle:c}),(r,u)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"contentRef",ref:s},e.unref(N),{style:e.unref(c),class:e.unref(k),tabindex:"-1",onMouseenter:u[0]||(u[0]=o=>r.$emit("mouseenter",o)),onMouseleave:u[1]||(u[1]=o=>r.$emit("mouseleave",o))}),[e.createVNode(e.unref(x.default),{trapped:e.unref(f),"trap-on-focus-in":!0,"focus-trap-el":e.unref(s),"focus-start-el":e.unref(C),onFocusAfterTrapped:e.unref(F),onFocusAfterReleased:e.unref(E),onFocusin:e.unref(B),onFocusoutPrevented:e.unref(g),onReleaseRequested:e.unref(q)},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},8,["trapped","focus-trap-el","focus-start-el","onFocusAfterTrapped","onFocusAfterReleased","onFocusin","onFocusoutPrevented","onReleaseRequested"])],16))}});exports.default=U;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const l=require("@vft/utils"),D=require("lodash-es");require("../form/index.cjs");const L=require("./composables/use-content.cjs"),V=require("./composables/use-content-dom.cjs"),z=require("./composables/use-focus-trap.cjs"),J=require("./constants.cjs"),y=require("../form/constants.cjs"),U=e.defineComponent({name:"VftPopperContent"}),W=e.defineComponent({...U,props:{boundariesPadding:{default:0},fallbackPlacements:{},gpuAcceleration:{type:Boolean,default:!0},offset:{default:12},placement:{default:"bottom"},popperOptions:{default:()=>({})},strategy:{default:"absolute"},id:{},style:{type:[Boolean,null,String,Object,Array]},className:{},effect:{default:"dark"},visible:{type:Boolean},enterable:{type:Boolean,default:!0},pure:{type:Boolean},focusOnShow:{type:Boolean,default:!1},trapping:{type:Boolean,default:!1},popperClass:{},popperStyle:{type:[Boolean,null,String,Object,Array]},referenceEl:{},triggerTargetEl:{},stopPopperMouseEvent:{type:Boolean,default:!0},ariaLabel:{},virtualTriggering:{type:Boolean},zIndex:{}},emits:["mouseenter","mouseleave","focus","blur","close"],setup(o,{expose:C,emit:P}){const R=P,i=e.getCurrentInstance(),{focusStartRef:A,trapped:f,onFocusAfterReleased:E,onFocusAfterTrapped:T,onFocusInTrap:q,onFocusoutPrevented:F,onReleaseRequested:I}=z.usePopperContentFocusTrap(i.props,R),{attributes:B,arrowRef:S,contentRef:a,styles:O,instanceRef:M,role:c,update:w}=L.usePopperContent(i.props),{ariaModal:N,arrowStyle:h,contentAttrs:x,contentClass:j,contentStyle:d,updateZIndex:k}=V.usePopperContentDOM(i.props,{styles:O,attributes:B,role:c}),m=e.inject(y.formItemContextKey,void 0);e.provide(J.POPPER_CONTENT_INJECTION_KEY,{arrowStyle:h,arrowRef:S}),m&&e.provide(y.formItemContextKey,{...m,addInputId:l.noop,removeInputId:l.noop});let u;const v=(r=!0)=>{w(),r&&k()},$=()=>{v(!1),o.visible&&o.focusOnShow?f.value=!0:o.visible===!1&&(f.value=!1)};return e.onMounted(()=>{e.watch(()=>o.triggerTargetEl,(r,n)=>{u?.(),u=void 0;const t=e.unref(r||a.value),p=e.unref(n||a.value);l.isElement(t)&&(u=e.watch([c,()=>o.ariaLabel,N,()=>o.id],s=>{["role","aria-label","aria-modal","id"].forEach((g,b)=>{D.isNil(s[b])?t.removeAttribute(g):t.setAttribute(g,s[b])})},{immediate:!0})),p!==t&&l.isElement(p)&&["role","aria-label","aria-modal","id"].forEach(s=>{p.removeAttribute(s)})},{immediate:!0}),e.watch(()=>o.visible,$,{immediate:!0})}),e.onBeforeUnmount(()=>{u?.(),u=void 0}),C({popperContentRef:a,popperInstanceRef:M,updatePopper:v,contentStyle:d}),(r,n)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"contentRef",ref:a},e.unref(x),{style:e.unref(d),class:e.unref(j),tabindex:"-1",onMouseenter:n[0]||(n[0]=t=>r.$emit("mouseenter",t)),onMouseleave:n[1]||(n[1]=t=>r.$emit("mouseleave",t))}),[e.createVNode(e.unref(K.default),{trapped:e.unref(f),"trap-on-focus-in":!0,"focus-trap-el":e.unref(a),"focus-start-el":e.unref(A),onFocusAfterTrapped:e.unref(T),onFocusAfterReleased:e.unref(E),onFocusin:e.unref(q),onFocusoutPrevented:e.unref(F),onReleaseRequested:e.unref(I)},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},8,["trapped","focus-trap-el","focus-start-el","onFocusAfterTrapped","onFocusAfterReleased","onFocusin","onFocusoutPrevented","onReleaseRequested"])],16))}});exports.default=W;

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

@@ -3,21 +3,17 @@ import VftPopperContent from './content.vue';
 import VftPopperTrigger from './trigger.vue';
 export { VftPopperArrow, VftPopperContent, VftPopperTrigger };
 export declare const VftPopper: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         role: {
             type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
         };
-    }>>, {
+    }>> & Readonly<{}>, {
         triggerRef: import("vue").Ref<import("./constants").Measurable | undefined>;
         contentRef: import("vue").Ref<HTMLElement | undefined>;
         popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
         referenceRef: import("vue").Ref<import("./constants").Measurable | undefined>;
         role: import("vue").ComputedRef<string>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        role: {
-            type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
-        };
-    }>>, {}, true, {}, {}, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -28,27 +24,27 @@ export declare const VftPopper: import("vft/es/utils").SFCWithInstall<{
         role: {
             type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
         };
-    }>>, {
+    }>> & Readonly<{}>, {
         triggerRef: import("vue").Ref<import("./constants").Measurable | undefined>;
         contentRef: import("vue").Ref<HTMLElement | undefined>;
         popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
         referenceRef: import("vue").Ref<import("./constants").Measurable | undefined>;
         role: import("vue").ComputedRef<string>;
     }, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     role: {
         type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
     };
-}>>, {
+}>> & Readonly<{}>, {
     triggerRef: import("vue").Ref<import("./constants").Measurable | undefined>;
     contentRef: import("vue").Ref<HTMLElement | undefined>;
     popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
     referenceRef: import("vue").Ref<import("./constants").Measurable | undefined>;
     role: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

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

@@ -2,15 +2,17 @@ import type { Instance as PopperInstance } from '@popperjs/core';
 interface Props {
     role?: 'dialog' | 'grid' | 'group' | 'listbox' | 'menu' | 'navigation' | 'tooltip' | 'tree';
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {
     triggerRef: import("vue").Ref<import("./constants").Measurable | undefined>;
     contentRef: import("vue").Ref<HTMLElement | undefined>;
     popperInstanceRef: import("vue").Ref<PopperInstance | undefined>;
     referenceRef: import("vue").Ref<import("./constants").Measurable | undefined>;
     role: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {