vft 0.0.293 → 0.0.295

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

@@ -4,7 +4,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<"vertical" | "horizontal">;
         };
         contentPosition: {
-            type: import("vue").PropType<"center" | "left" | "right">;
+            type: import("vue").PropType<"left" | "right" | "center">;
         };
         borderStyle: {
             type: import("vue").PropType<string>;
@@ -30,7 +30,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<"vertical" | "horizontal">;
         };
         contentPosition: {
-            type: import("vue").PropType<"center" | "left" | "right">;
+            type: import("vue").PropType<"left" | "right" | "center">;
         };
         borderStyle: {
             type: import("vue").PropType<string>;
@@ -53,7 +53,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<"vertical" | "horizontal">;
     };
     contentPosition: {
-        type: import("vue").PropType<"center" | "left" | "right">;
+        type: import("vue").PropType<"left" | "right" | "center">;
     };
     borderStyle: {
         type: import("vue").PropType<string>;

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

@@ -46,9 +46,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     "onVisible-change"?: ((val: boolean) => any) | undefined;
     onCommand?: ((val: string) => any) | undefined;
 }>, {
-    disabled: boolean;
     maxHeight: number | string;
     role: string;
+    disabled: boolean;
     placement: import("@popperjs/core").Placement;
     effect: "light" | "dark";
     tabindex: number | string;

package/lib/components/focus-trap/utils.d.ts

@@ -1,4 +1,4 @@
-declare const focusReason: import("vue").Ref<"keyboard" | "pointer" | undefined, "keyboard" | "pointer" | undefined>;
+declare const focusReason: import("vue").Ref<"pointer" | "keyboard" | undefined, "pointer" | "keyboard" | undefined>;
 declare const lastUserFocusTimestamp: import("vue").Ref<number, number>;
 declare const lastAutomatedFocusTimestamp: import("vue").Ref<number, number>;
 export type FocusLayer = {

package/lib/components/form/form-item.vue.d.ts

@@ -30,10 +30,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }>>> & Readonly<{
     "onUpdate:error"?: ((val: string) => any) | undefined;
 }>, {
+    required: boolean;
     labelWidth: string | number;
     inlineMessage: string | boolean;
     showMessage: boolean;
-    required: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -15,7 +15,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<Partial<Record<string, import("vft/es/utils").Arrayable<import("./types").FormItemRule>>>>;
         };
         labelPosition: {
-            type: import("vue").PropType<"top" | "left" | "right">;
+            type: import("vue").PropType<"left" | "right" | "top">;
         };
         requireAsteriskPosition: {
             type: import("vue").PropType<"left" | "right">;
@@ -81,7 +81,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<Partial<Record<string, import("vft/es/utils").Arrayable<import("./types").FormItemRule>>>>;
         };
         labelPosition: {
-            type: import("vue").PropType<"top" | "left" | "right">;
+            type: import("vue").PropType<"left" | "right" | "top">;
         };
         requireAsteriskPosition: {
             type: import("vue").PropType<"left" | "right">;
@@ -142,7 +142,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<Partial<Record<string, import("vft/es/utils").Arrayable<import("./types").FormItemRule>>>>;
     };
     labelPosition: {
-        type: import("vue").PropType<"top" | "left" | "right">;
+        type: import("vue").PropType<"left" | "right" | "top">;
     };
     requireAsteriskPosition: {
         type: import("vue").PropType<"left" | "right">;
@@ -206,11 +206,15 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             size: {
                 type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
             };
+            required: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
             rules: {
                 type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
             };
             labelPosition: {
-                type: import("vue").PropType<"top" | "left" | "right">;
+                type: import("vue").PropType<"left" | "right" | "top">;
             };
             labelWidth: {
                 type: import("vue").PropType<string | number>;
@@ -224,10 +228,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            required: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
             for: {
                 type: import("vue").PropType<string>;
             };
@@ -246,10 +246,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:error": (val: string) => void;
         }, import("vue").PublicProps, {
+            required: boolean;
             labelWidth: string | number;
             inlineMessage: string | boolean;
             showMessage: boolean;
-            required: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -270,11 +270,15 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             size: {
                 type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
             };
+            required: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
             rules: {
                 type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
             };
             labelPosition: {
-                type: import("vue").PropType<"top" | "left" | "right">;
+                type: import("vue").PropType<"left" | "right" | "top">;
             };
             labelWidth: {
                 type: import("vue").PropType<string | number>;
@@ -288,10 +292,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            required: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
             for: {
                 type: import("vue").PropType<string>;
             };
@@ -308,10 +308,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             clearValidate: () => void;
             resetField: () => void;
         }, {}, {}, {}, {
+            required: boolean;
             labelWidth: string | number;
             inlineMessage: string | boolean;
             showMessage: boolean;
-            required: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -329,11 +329,15 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         size: {
             type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
         };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
         rules: {
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
         labelPosition: {
-            type: import("vue").PropType<"top" | "left" | "right">;
+            type: import("vue").PropType<"left" | "right" | "top">;
         };
         labelWidth: {
             type: import("vue").PropType<string | number>;
@@ -347,10 +351,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        required: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
         for: {
             type: import("vue").PropType<string>;
         };
@@ -369,10 +369,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:error": (val: string) => void;
     }, string, {
+        required: boolean;
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
-        required: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {
@@ -399,11 +399,15 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         size: {
             type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
         };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
         rules: {
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
         labelPosition: {
-            type: import("vue").PropType<"top" | "left" | "right">;
+            type: import("vue").PropType<"left" | "right" | "top">;
         };
         labelWidth: {
             type: import("vue").PropType<string | number>;
@@ -417,10 +421,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        required: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
         for: {
             type: import("vue").PropType<string>;
         };
@@ -439,10 +439,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:error": (val: string) => void;
     }, import("vue").PublicProps, {
+        required: boolean;
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
-        required: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -463,11 +463,15 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         size: {
             type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
         };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
         rules: {
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
         labelPosition: {
-            type: import("vue").PropType<"top" | "left" | "right">;
+            type: import("vue").PropType<"left" | "right" | "top">;
         };
         labelWidth: {
             type: import("vue").PropType<string | number>;
@@ -481,10 +485,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        required: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
         for: {
             type: import("vue").PropType<string>;
         };
@@ -501,10 +501,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         clearValidate: () => void;
         resetField: () => void;
     }, {}, {}, {}, {
+        required: boolean;
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
-        required: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -522,11 +522,15 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     size: {
         type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
     };
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
     rules: {
         type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
     };
     labelPosition: {
-        type: import("vue").PropType<"top" | "left" | "right">;
+        type: import("vue").PropType<"left" | "right" | "top">;
     };
     labelWidth: {
         type: import("vue").PropType<string | number>;
@@ -540,10 +544,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: undefined;
-    };
     for: {
         type: import("vue").PropType<string>;
     };
@@ -562,10 +562,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:error": (val: string) => void;
 }, string, {
+    required: boolean;
     labelWidth: string | number;
     inlineMessage: string | boolean;
     showMessage: boolean;
-    required: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         label?(_: {

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

@@ -5,7 +5,7 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
         };
         size: {
-            type: import("vue").PropType<"small" | "default" | "large">;
+            type: import("vue").PropType<"default" | "small" | "large">;
         };
         disabled: {
             type: import("vue").PropType<boolean>;
@@ -134,7 +134,7 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
         };
         size: {
-            type: import("vue").PropType<"small" | "default" | "large">;
+            type: import("vue").PropType<"default" | "small" | "large">;
         };
         disabled: {
             type: import("vue").PropType<boolean>;
@@ -244,7 +244,7 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
     };
     size: {
-        type: import("vue").PropType<"small" | "default" | "large">;
+        type: import("vue").PropType<"default" | "small" | "large">;
     };
     disabled: {
         type: import("vue").PropType<boolean>;

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

@@ -26,7 +26,7 @@ export declare const VftInputNumber: import("vft/es/utils").SFCWithInstall<impor
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<"small" | "default" | "large">;
+        type: import("vue").PropType<"default" | "small" | "large">;
     };
     controls: {
         type: import("vue").PropType<boolean>;
@@ -87,7 +87,7 @@ export declare const VftInputNumber: import("vft/es/utils").SFCWithInstall<impor
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<"small" | "default" | "large">;
+        type: import("vue").PropType<"default" | "small" | "large">;
     };
     controls: {
         type: import("vue").PropType<boolean>;

package/lib/components/input-tag/input-tag.d.ts

@@ -19,7 +19,7 @@ export declare const inputTagProps: {
     readonly draggable: BooleanConstructor;
     readonly delimiter: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, RegExpConstructor], unknown, unknown, "", boolean>;
     readonly size: {
-        readonly type: PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "small" | "default" | "large") | (() => ComponentSize) | (((new (...args: any[]) => "" | "small" | "default" | "large") | (() => ComponentSize)) | null)[], unknown, unknown>>;
+        readonly type: PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => ComponentSize) | (((new (...args: any[]) => "" | "default" | "small" | "large") | (() => ComponentSize)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

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

@@ -25,7 +25,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly draggable: BooleanConstructor;
     readonly delimiter: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, RegExpConstructor], unknown, unknown, "", boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "small" | "default" | "large") | (() => import("vft/es/constants").ComponentSize) | (((new (...args: any[]) => "" | "small" | "default" | "large") | (() => import("vft/es/constants").ComponentSize)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("vft/es/constants").ComponentSize) | (((new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("vft/es/constants").ComponentSize)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -84,7 +84,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly draggable: BooleanConstructor;
     readonly delimiter: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, RegExpConstructor], unknown, unknown, "", boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "small" | "default" | "large") | (() => import("vft/es/constants").ComponentSize) | (((new (...args: any[]) => "" | "small" | "default" | "large") | (() => import("vft/es/constants").ComponentSize)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("vft/es/constants").ComponentSize) | (((new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("vft/es/constants").ComponentSize)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -122,10 +122,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     "onRemove-tag"?: ((value: string) => any) | undefined;
     "onAdd-tag"?: ((value: string | string[]) => any) | undefined;
 }>, {
-    readonly disabled: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly draggable: boolean;
     readonly id: string;
     readonly autofocus: boolean;
+    readonly disabled: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly tabindex: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     readonly trigger: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "Enter" | "Space") | (() => "Enter" | "Space") | (((new (...args: any[]) => "Enter" | "Space") | (() => "Enter" | "Space")) | null)[], unknown, unknown>;
     readonly readonly: boolean;

package/lib/components/md-code-demo/index.d.ts

@@ -42,7 +42,7 @@ export declare const VftMdCodeDemo: import("vft/es/utils").SFCWithInstall<import
     };
 }>> & Readonly<{}>, {
     title: string;
-    type: "normal" | "vue" | "react";
+    type: "vue" | "normal" | "react";
     config: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftMdCodeDemo;

package/lib/components/md-code-demo/md-code-demo.d.ts

@@ -93,7 +93,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     title: string;
-    type: "normal" | "vue" | "react";
+    type: "vue" | "normal" | "react";
     config: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@vft/utils"),b=require("../icon/index.cjs"),M=require("../divider/index.cjs"),A=require("../tooltip/index.cjs");require("@vueuse/core");const p=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const m=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("vue-router");const $=require("./use-menu.cjs"),U=["title"],h=e.defineComponent({name:"vft-menu-item",inheritAttrs:!1}),E=e.defineComponent({...h,props:{index:{},route:{},disabled:{type:Boolean},icon:{},title:{},isAloneUse:{type:Boolean},divider:{type:Boolean},className:{},reverse:{type:Boolean}},emits:["click","mouseenter","mouseleave"],setup(n,{emit:y}){const u=m.useNamespace("menu-item"),s=y,f=e.getCurrentInstance(),q=e.useAttrs(),C=m.useNamespace("menu"),a=m.useNamespace("menu-item"),o=n.isAloneUse?null:e.inject("rootMenu");!o&&!n.isAloneUse&&p.throwError(u.b(),"can not inject root menu");const{parentMenu:v,indexPath:k}=$.default(f,e.computed(()=>n.index)),c=n.isAloneUse?null:e.inject(`subMenu:${v.value.uid}`);!c&&!n.isAloneUse&&p.throwError(u.b(),"can not inject sub menu");const B=e.computed(()=>n.index===o?.activeIndex),r=e.reactive({index:n.index,indexPath:k,active:B}),N=()=>{n.disabled||(o?.handleMenuItemClick({...q,index:n.index,indexPath:k.value,route:n.route}),s("click",r))},l=e.computed(()=>d.singleAttrToObj(n.icon,"icon")),g=e.computed(()=>d.renderTNode(f,"title"));return e.onMounted(()=>{n.isAloneUse||(c?.addSubMenu(r),o?.addMenuItem(r))}),e.onBeforeUnmount(()=>{n.isAloneUse||(c?.removeSubMenu(r),o?.removeMenuItem(r))}),(t,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.reverse&&t.divider?(e.openBlock(),e.createBlock(e.unref(M.VftDivider),{key:0,"margin-y":"0"})):e.createCommentVNode("",!0),e.createElementVNode("li",{class:e.normalizeClass([t.className,e.unref(a).b(),e.unref(a).is("active",t.isAloneUse?!1:B.value),e.unref(a).is("disabled",t.disabled)]),onMouseenter:i[0]||(i[0]=V=>s("mouseenter")),onMouseleave:i[1]||(i[1]=V=>s("mouseleave")),role:"menuitem",tabindex:"-1",onClick:N},[e.unref(v)?.type?.name==="vft-menu"&&e.unref(o)?.props.collapse&&t.$slots.title?(e.openBlock(),e.createBlock(e.unref(A.VftTooltip),{key:0,placement:"right","fallback-placements":["left"],persistent:""},{content:e.withCtx(()=>[e.renderSlot(t.$slots,"title")]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(C).be("tooltip","trigger"))},[l.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.normalizeProps(e.mergeProps({key:0},l.value)),null,16)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default")],2)]),_:3})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.$slots?.default?e.renderSlot(t.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[l.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.normalizeProps(e.mergeProps({key:0},l.value)),null,16)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(u).e("text")),title:t.title},[e.createVNode(e.unref(d.VNode),{content:g.value},null,8,["content"])],10,U)],64))],64))],34),!t.reverse&&t.divider?(e.openBlock(),e.createBlock(e.unref(M.VftDivider),{key:1,"margin-y":"0"})):e.createCommentVNode("",!0)],64))}});exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@vft/utils"),p=require("../icon/index.cjs"),b=require("../divider/index.cjs"),A=require("../tooltip/index.cjs");require("@vueuse/core");const M=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const m=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("vue-router");const $=require("./use-menu.cjs"),U=["title"],h=e.defineComponent({name:"vft-menu-item",inheritAttrs:!1}),E=e.defineComponent({...h,props:{index:{},route:{},disabled:{type:Boolean},icon:{},title:{},isAloneUse:{type:Boolean},divider:{type:Boolean},className:{},reverse:{type:Boolean}},emits:["click","mouseenter","mouseleave"],setup(n,{emit:y}){const s=m.useNamespace("menu-item"),u=y,f=e.getCurrentInstance(),q=e.useAttrs(),C=m.useNamespace("menu"),a=m.useNamespace("menu-item"),o=n.isAloneUse?null:e.inject("rootMenu");!o&&!n.isAloneUse&&M.throwError(s.b(),"can not inject root menu");const{parentMenu:v,indexPath:k}=$.default(f,e.computed(()=>n.index)),c=n.isAloneUse?null:e.inject(`subMenu:${v.value.uid}`);!c&&!n.isAloneUse&&M.throwError(s.b(),"can not inject sub menu");const B=e.computed(()=>n.index===o?.activeIndex),r=e.reactive({index:n.index,indexPath:k,active:B}),N=()=>{n.disabled||(o?.handleMenuItemClick({...q,index:n.index,indexPath:k.value,route:n.route}),u("click",r))},i=e.computed(()=>d.singleAttrToObj(n.icon,"icon")),g=e.computed(()=>d.renderTNode(f,"title"));return e.onMounted(()=>{n.isAloneUse||(c?.addSubMenu(r),o?.addMenuItem(r))}),e.onBeforeUnmount(()=>{n.isAloneUse||(c?.removeSubMenu(r),o?.removeMenuItem(r))}),(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.reverse&&t.divider?(e.openBlock(),e.createBlock(e.unref(b.VftDivider),{key:0,"margin-y":"0"})):e.createCommentVNode("",!0),e.createElementVNode("li",{class:e.normalizeClass([t.className,e.unref(a).b(),e.unref(a).is("active",t.isAloneUse?!1:B.value),e.unref(a).is("disabled",t.disabled)]),onMouseenter:l[0]||(l[0]=V=>u("mouseenter")),onMouseleave:l[1]||(l[1]=V=>u("mouseleave")),role:"menuitem",tabindex:"-1",onClick:N},[e.unref(v)?.type?.name==="vft-menu"&&e.unref(o)?.props.collapse&&t.$slots.title?(e.openBlock(),e.createBlock(e.unref(A.VftTooltip),{key:0,placement:"right","fallback-placements":["left"],persistent:e.unref(o).props.persistent},{content:e.withCtx(()=>[e.renderSlot(t.$slots,"title")]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(C).be("tooltip","trigger"))},[i.value?.icon?(e.openBlock(),e.createBlock(e.unref(p.VftIcon),e.normalizeProps(e.mergeProps({key:0},i.value)),null,16)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default")],2)]),_:3},8,["persistent"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.$slots?.default?e.renderSlot(t.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[i.value?.icon?(e.openBlock(),e.createBlock(e.unref(p.VftIcon),e.normalizeProps(e.mergeProps({key:0},i.value)),null,16)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(s).e("text")),title:t.title},[e.createVNode(e.unref(d.VNode),{content:g.value},null,8,["content"])],10,U)],64))],64))],34),!t.reverse&&t.divider?(e.openBlock(),e.createBlock(e.unref(b.VftDivider),{key:1,"margin-y":"0"})):e.createCommentVNode("",!0)],64))}});exports.default=E;

package/lib/components/menu/menu.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),q=require("@vft/utils"),H=require("../icon/index.cjs"),J=require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const K=require("../../utils/vue/vnode.cjs"),P=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Q=require("./menu-collapse-transition.vue.cjs"),X=require("./sub-menu.vue2.cjs"),Y=require("./use-menu-css-var.cjs"),Z=require("./utils/menu-bar.cjs"),_=n.defineComponent({name:"vft-menu"}),ee=n.defineComponent({..._,props:{mode:{default:"vertical"},defaultActive:{default:""},defaultOpeneds:{default:()=>[]},uniqueOpened:{type:Boolean},router:{type:Boolean},menuTrigger:{default:"hover"},collapse:{type:Boolean},collapseTransition:{type:Boolean,default:!0},ellipsis:{type:Boolean,default:!0},horizontalMenuProps:{},persistent:{type:Boolean}},emits:["update:collapse","sub-menu-click","select","close","open"],setup(u,{expose:k,emit:w}){const m=w,p=P.useNamespace("menu"),B=n.useSlots(),h=n.getCurrentInstance(),x=h.appContext.config.globalProperties.$router,i=n.ref(),y=P.useNamespace("sub-menu"),f=n.ref(-1),s=n.ref(u.defaultOpeneds&&!u.collapse?u.defaultOpeneds.slice(0):[]),a=n.ref(u.defaultActive),r=n.ref({}),M=n.ref({}),R=n.computed(()=>u.mode==="horizontal"||u.mode==="vertical"&&u.collapse),A=()=>{const e=a.value&&r.value[a.value];if(!e||u.mode==="horizontal"||u.collapse)return;e.indexPath.forEach(l=>{const o=M.value[l];o&&b(l,o.indexPath)})},b=(e,t,l)=>{s.value.includes(e)||(u.uniqueOpened&&(s.value=s.value.filter(o=>t.includes(o))),s.value.push(e),m("open",{index:e,indexPath:t,e:l}))},S=(e,t,l)=>{const o=s.value.indexOf(e);o!==-1&&s.value.splice(o,1),m("close",{index:e,indexPath:t,e:l})},E=({e,index:t,indexPath:l,isFirstLevel:o=!1})=>{o||(s.value.includes(t)?S(t,l,e):b(t,l,e)),m("sub-menu-click",{e,index:t,indexPath:l})},W=e=>{(u.mode==="horizontal"||u.collapse)&&(s.value=[]);const{index:t,indexPath:l}=e;if(!(q.isNullOrUndefined(t)||q.isNullOrUndefined(l))){if(u.router&&x){const o=e.route||t,c=x.push(o).then(d=>(d||(a.value=t),d));m("select",e,c)}else a.value=t,m("select",e);q.isMobile()&&setTimeout(()=>{s.value=[]},100)}},V=e=>{const t=r.value,l=t[e]||a.value&&t[a.value]||t[u.defaultActive];l?a.value=l.index:a.value=e},$=()=>{if(!i.value)return-1;const e=Array.from(i.value?.childNodes??[]).filter(g=>g.nodeName!=="#text"||g.nodeValue),t=64,l=Number.parseInt(getComputedStyle(i.value).paddingLeft,10),o=Number.parseInt(getComputedStyle(i.value).paddingRight,10),c=i.value.clientWidth-l-o;let d=0,v=0;return e.forEach((g,G)=>{d+=g.offsetWidth||0,d<=c-t&&(v=G+1)}),v===e.length?-1:v},D=(e,t=33.34)=>{let l;return()=>{l&&clearTimeout(l),l=setTimeout(()=>{e()},t)}};let C=!0;const I=()=>{const e=()=>{f.value=-1,n.nextTick(()=>{f.value=$()})};C?e():D(e)(),C=!1};n.watch(()=>u.defaultActive,e=>{r.value[e]||(a.value=""),V(e)}),n.watch(()=>u.collapse,e=>{e&&(s.value=[])}),n.watch(r.value,A);let O;n.watchEffect(()=>{u.mode==="horizontal"&&u.ellipsis?O=J.useResizeObserver(i,I).stop:O?.()});const T=e=>{M.value[e.index]=e},z=e=>{delete M.value[e.index]},L=e=>{r.value[e.index]=e},U=e=>{delete r.value[e.index]},N=n.ref(!1),j=n.ref(),F=n.ref();return n.provide("rootMenu",n.reactive({props:h.props,openedMenus:s,items:r,subMenus:M,activeIndex:a,isMenuPopup:R,inSubMenu:N,inSubMenuMouseEnterTimer:j,inSubMenuMouseleaveTimer:F,addMenuItem:L,removeMenuItem:U,addSubMenu:T,removeSubMenu:z,openMenu:b,closeMenu:S,handleMenuItemClick:W,handleSubMenuClick:E})),n.provide(`subMenu:${h.uid}`,{addSubMenu:T,removeSubMenu:z,mouseInChild:n.ref(!1),level:0}),n.onMounted(()=>{u.mode==="horizontal"&&new Z.default(h.vnode.el,p.namespace.value)}),k({open:e=>{const{indexPath:t}=M.value[e];t.forEach(l=>b(l,t))},close:S,handleResize:I,menu:i,inSubMenu:N}),()=>{let e=B.default?.()??[];const t=[];if(u.mode==="horizontal"&&i.value){const c=K.flattedChildren(e),d=f.value===-1?c:c.slice(0,f.value),v=f.value===-1?[]:c.slice(f.value);v?.length&&u.ellipsis&&(e=d,t.push(n.h(X.default,{index:"sub-menu-more",class:y.e("hide-arrow"),...u.horizontalMenuProps},{title:()=>n.h(H.VftIcon,{icon:"icon-menu-line",class:y.e("icon-more")}),default:()=>v})))}const l=Y.useMenuCssVar(h.props,0),o=n.h("ul",{key:String(u.collapse),role:"menubar",ref:i,style:l.value,class:{[p.b()]:!0,[p.m(u.mode)]:!0,[p.m("collapse")]:u.collapse}},[...e,...t]);return u.collapseTransition&&u.mode==="vertical"?n.h(Q.default,()=>o):o}}});exports.default=ee;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),q=require("@vft/utils"),H=require("../icon/index.cjs"),J=require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const K=require("../../utils/vue/vnode.cjs"),P=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Q=require("./menu-collapse-transition.vue.cjs"),X=require("./sub-menu.vue2.cjs"),Y=require("./use-menu-css-var.cjs"),Z=require("./utils/menu-bar.cjs"),_=n.defineComponent({name:"vft-menu"}),ee=n.defineComponent({..._,props:{mode:{default:"vertical"},defaultActive:{default:""},defaultOpeneds:{default:()=>[]},uniqueOpened:{type:Boolean},router:{type:Boolean},menuTrigger:{default:"hover"},collapse:{type:Boolean},collapseTransition:{type:Boolean,default:!0},ellipsis:{type:Boolean,default:!0},horizontalMenuProps:{},persistent:{type:Boolean,default:!0}},emits:["update:collapse","sub-menu-click","select","close","open"],setup(u,{expose:k,emit:w}){const m=w,p=P.useNamespace("menu"),B=n.useSlots(),h=n.getCurrentInstance(),x=h.appContext.config.globalProperties.$router,i=n.ref(),y=P.useNamespace("sub-menu"),f=n.ref(-1),s=n.ref(u.defaultOpeneds&&!u.collapse?u.defaultOpeneds.slice(0):[]),a=n.ref(u.defaultActive),r=n.ref({}),M=n.ref({}),R=n.computed(()=>u.mode==="horizontal"||u.mode==="vertical"&&u.collapse),A=()=>{const e=a.value&&r.value[a.value];if(!e||u.mode==="horizontal"||u.collapse)return;e.indexPath.forEach(l=>{const o=M.value[l];o&&b(l,o.indexPath)})},b=(e,t,l)=>{s.value.includes(e)||(u.uniqueOpened&&(s.value=s.value.filter(o=>t.includes(o))),s.value.push(e),m("open",{index:e,indexPath:t,e:l}))},S=(e,t,l)=>{const o=s.value.indexOf(e);o!==-1&&s.value.splice(o,1),m("close",{index:e,indexPath:t,e:l})},E=({e,index:t,indexPath:l,isFirstLevel:o=!1})=>{o||(s.value.includes(t)?S(t,l,e):b(t,l,e)),m("sub-menu-click",{e,index:t,indexPath:l})},W=e=>{(u.mode==="horizontal"||u.collapse)&&(s.value=[]);const{index:t,indexPath:l}=e;if(!(q.isNullOrUndefined(t)||q.isNullOrUndefined(l))){if(u.router&&x){const o=e.route||t,c=x.push(o).then(d=>(d||(a.value=t),d));m("select",e,c)}else a.value=t,m("select",e);q.isMobile()&&setTimeout(()=>{s.value=[]},100)}},V=e=>{const t=r.value,l=t[e]||a.value&&t[a.value]||t[u.defaultActive];l?a.value=l.index:a.value=e},$=()=>{if(!i.value)return-1;const e=Array.from(i.value?.childNodes??[]).filter(g=>g.nodeName!=="#text"||g.nodeValue),t=64,l=Number.parseInt(getComputedStyle(i.value).paddingLeft,10),o=Number.parseInt(getComputedStyle(i.value).paddingRight,10),c=i.value.clientWidth-l-o;let d=0,v=0;return e.forEach((g,G)=>{d+=g.offsetWidth||0,d<=c-t&&(v=G+1)}),v===e.length?-1:v},D=(e,t=33.34)=>{let l;return()=>{l&&clearTimeout(l),l=setTimeout(()=>{e()},t)}};let C=!0;const I=()=>{const e=()=>{f.value=-1,n.nextTick(()=>{f.value=$()})};C?e():D(e)(),C=!1};n.watch(()=>u.defaultActive,e=>{r.value[e]||(a.value=""),V(e)}),n.watch(()=>u.collapse,e=>{e&&(s.value=[])}),n.watch(r.value,A);let O;n.watchEffect(()=>{u.mode==="horizontal"&&u.ellipsis?O=J.useResizeObserver(i,I).stop:O?.()});const T=e=>{M.value[e.index]=e},z=e=>{delete M.value[e.index]},L=e=>{r.value[e.index]=e},U=e=>{delete r.value[e.index]},N=n.ref(!1),j=n.ref(),F=n.ref();return n.provide("rootMenu",n.reactive({props:h.props,openedMenus:s,items:r,subMenus:M,activeIndex:a,isMenuPopup:R,inSubMenu:N,inSubMenuMouseEnterTimer:j,inSubMenuMouseleaveTimer:F,addMenuItem:L,removeMenuItem:U,addSubMenu:T,removeSubMenu:z,openMenu:b,closeMenu:S,handleMenuItemClick:W,handleSubMenuClick:E})),n.provide(`subMenu:${h.uid}`,{addSubMenu:T,removeSubMenu:z,mouseInChild:n.ref(!1),level:0}),n.onMounted(()=>{u.mode==="horizontal"&&new Z.default(h.vnode.el,p.namespace.value)}),k({open:e=>{const{indexPath:t}=M.value[e];t.forEach(l=>b(l,t))},close:S,handleResize:I,menu:i,inSubMenu:N}),()=>{let e=B.default?.()??[];const t=[];if(u.mode==="horizontal"&&i.value){const c=K.flattedChildren(e),d=f.value===-1?c:c.slice(0,f.value),v=f.value===-1?[]:c.slice(f.value);v?.length&&u.ellipsis&&(e=d,t.push(n.h(X.default,{index:"sub-menu-more",class:y.e("hide-arrow"),...u.horizontalMenuProps},{title:()=>n.h(H.VftIcon,{icon:"icon-menu-line",class:y.e("icon-more")}),default:()=>v})))}const l=Y.useMenuCssVar(h.props,0),o=n.h("ul",{key:String(u.collapse),role:"menubar",ref:i,style:l.value,class:{[p.b()]:!0,[p.m(u.mode)]:!0,[p.m("collapse")]:u.collapse}},[...e,...t]);return u.collapseTransition&&u.mode==="vertical"?n.h(Q.default,()=>o):o}}});exports.default=ee;

package/lib/components/menu/sub-menu.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("@vft/utils"),_=require("../tooltip/index.cjs"),V=require("../icon/index.cjs"),ee=require("../collapse-transition/index.cjs"),N=require("@vueuse/core"),R=require("../../utils/error.cjs");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");require("../../hooks/use-z-index/index.cjs");const te=require("./use-menu.cjs"),oe=require("./use-menu-css-var.cjs"),ne=e.defineComponent({name:"vft-sub-menu",inheritAttrs:!1}),ue=e.defineComponent({...ne,props:{index:{},showTimeout:{default:300},hideTimeout:{default:300},popperClass:{},disabled:{type:Boolean},popperOffset:{default:6},expandIcon:{default:()=>({})},collapseIcon:{default:()=>({})},title:{},icon:{},showArrow:{type:Boolean,default:!0},toolTipCfg:{},teleported:{type:Boolean,default:void 0}},emits:["mouseenter","mouseleave"],setup(o,{expose:D,emit:L}){const S=x.useNamespace("sub-menu"),w=L,d=e.getCurrentInstance(),{indexPath:f,parentMenu:y}=te.default(d,e.computed(()=>o.index)),r=x.useNamespace("menu"),l=x.useNamespace("sub-menu"),t=e.inject("rootMenu");t||R.throwError(S.b(),"can not inject root menu");const a=e.inject(`subMenu:${y.value.uid}`);a||R.throwError(S.b(),"can not inject sub menu");const C=e.ref({});let M;const q=e.ref(!1),H=e.ref(),I=e.ref(null),k=e.computed(()=>c.value==="horizontal"&&b.value?"bottom-start":"right-start"),b=e.computed(()=>a.level===0),g=e.computed(()=>o.teleported===void 0?b.value:o.teleported),U=e.computed(()=>t.props.collapse?`${r.namespace.value}-zoom-in-left`:`${r.namespace.value}-zoom-in-top`),Z=e.computed(()=>c.value==="horizontal"&&b.value?["bottom-start","bottom-end","top-start","top-end","right-start","left-start"]:["right-start","left-start","bottom-start","bottom-end","top-start","top-end"]),i=e.computed(()=>t.openedMenus.includes(o.index)),p=e.computed(()=>{let n=!1;return Object.values(C.value).forEach(s=>{s.active&&(n=!0)}),o.index===t.activeIndex&&(n=!0),n}),z=e.computed(()=>t.props.backgroundColor||""),E=e.computed(()=>t.props.activeTextColor||""),A=e.computed(()=>t.props.textColor||""),c=e.computed(()=>t.props.mode),h=e.reactive({index:o.index,indexPath:f,active:p}),j=oe.useMenuCssVar(t.props,a.level+1),P=e.computed(()=>c.value!=="horizontal"?{color:A.value}:{borderBottomColor:p.value?t.props.activeTextColor?E.value:"":"transparent",color:p.value?E.value:A.value}),G=()=>I.value?.popperRef?.popperInstanceRef?.destroy(),J=n=>{n||G()},$=n=>{const s={e:n,index:o.index,indexPath:f.value,active:p.value};if(t.props.menuTrigger==="hover"&&t.props.mode==="horizontal"&&!m.isMobile()||t.props.collapse&&t.props.mode==="vertical"||o.disabled){t.handleSubMenuClick({...s,isFirstLevel:!0});return}t.handleSubMenuClick(s)},v=(n,s=o.showTimeout)=>{n.type!=="focus"&&(t.props.menuTrigger==="click"&&t.props.mode==="horizontal"||!t.props.collapse&&t.props.mode==="vertical"||o.disabled||(a.mouseInChild.value=!0,M?.(),{stop:M}=N.useTimeoutFn(()=>{t.openMenu(o.index,f.value)},s),g.value&&y.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")),w("mouseenter",n)))},K=()=>{t.inSubMenuMouseEnterTimer&&clearTimeout(t.inSubMenuMouseEnterTimer),t.inSubMenuMouseleaveTimer&&clearTimeout(t.inSubMenuMouseleaveTimer),t.inSubMenuMouseEnterTimer=setTimeout(()=>{t.inSubMenu=!0},o.showTimeout+10)},Q=()=>{t.inSubMenuMouseEnterTimer&&clearTimeout(t.inSubMenuMouseEnterTimer),t.inSubMenuMouseleaveTimer&&clearTimeout(t.inSubMenuMouseleaveTimer),t.inSubMenuMouseleaveTimer=setTimeout(()=>{t.inSubMenu=!1},o.hideTimeout-10)},T=(n,s=!1)=>{t.props.menuTrigger==="click"&&t.props.mode==="horizontal"||!t.props.collapse&&t.props.mode==="vertical"||(M?.(),a.mouseInChild.value=!1,{stop:M}=N.useTimeoutFn(()=>{!q.value&&t.closeMenu(o.index,f.value)},o.hideTimeout),g.value&&s&&d.parent?.type.name==="vft-sub-menu"&&a.handleMouseleave?.(n,!0),w("mouseleave",n))};e.watch(()=>t.props.collapse,n=>J(!!n));{const n=u=>{C.value[u.index]=u},s=u=>{delete C.value[u.index]};e.provide(`subMenu:${d.uid}`,{addSubMenu:n,removeSubMenu:s,handleMouseleave:T,mouseInChild:q,level:a.level+1})}D({opened:i}),e.onMounted(()=>{t.addSubMenu(h),a.addSubMenu(h)}),e.onBeforeUnmount(()=>{a.removeSubMenu(h),t.removeSubMenu(h)});const B=e.useSlots(),F=e.computed(()=>m.singleAttrToObj(o.icon,"icon")),W=e.computed(()=>m.singleAttrToObj(o.expandIcon,"icon")),X=e.computed(()=>m.singleAttrToObj(o.collapseIcon,"icon")),Y=e.computed(()=>c.value==="horizontal"&&b.value||c.value==="vertical"&&!t.props.collapse?{icon:"icon-arrow-down",size:20,...W.value}:{icon:"icon-arrow-right",size:18,...X.value}),O=e.computed(()=>m.renderTNode(d,"title"));return()=>{const n=[F.value?.icon?e.h(V.VftIcon,{...F.value}):null,e.h("span",{class:[l.e("text"),l.is("arrow",o.showArrow)],title:d.props.title},O.value),o.showArrow?e.h(V.VftIcon,{class:l.e("icon-arrow"),...Y.value,style:{transform:i.value?"rotateZ(180deg)":"none"}}):!1],s=t.isMenuPopup?e.h(_.VftTooltip,{ref:I,visible:i.value,effect:"light",pure:!0,offset:o.popperOffset,showArrow:!1,persistent:!1,popperClass:o.popperClass,placement:k.value,teleported:g.value,fallbackPlacements:Z.value,transition:U.value,gpuAcceleration:!1,...o.toolTipCfg},{content:()=>e.h("div",{class:[r.m(c.value),r.m("popup-container"),o.popperClass],onMouseenter:u=>v(u,100),onMouseleave:u=>T(u,!0),onFocus:u=>v(u,100)},[e.h("ul",{class:[r.b(),r.m("popup"),r.m(`popup-${k.value}`)],style:j.value},[B.default?.()])]),default:()=>e.h("div",{class:l.e("title"),style:[P.value,{backgroundColor:z.value}],onMouseenter:u=>v(u),onMouseleave:u=>T(u,!0),onClick:u=>$(u)},n)}):e.h(e.Fragment,{},[O.value?e.h("div",{class:l.e("title"),style:[P.value,{backgroundColor:z.value}],ref:H,onClick:$},n):null,e.h(ee.VftCollapseTransition,{},{default:()=>e.withDirectives(e.h("ul",{role:"menu",class:[r.b(),r.m("inline")],style:j.value},[B.default?.()]),[[e.vShow,i.value]])})]);return e.h("li",{class:[l.b(),l.is("active",p.value),l.e(String(a.level)),l.is("in-popup",a.level!==0),l.is("opened",i.value),l.is("arrow",!0),l.is("disabled",o.disabled)],role:"menuitem",ariaHaspopup:!0,ariaExpanded:i.value,onMouseenter:[K,u=>v(u)],onMouseleave:[Q,u=>T(u,!0)],onFocus:v},[s])}}});exports.default=ue;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("@vft/utils"),ee=require("../tooltip/index.cjs"),V=require("../icon/index.cjs"),te=require("../collapse-transition/index.cjs"),N=require("@vueuse/core"),R=require("../../utils/error.cjs");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");require("../../hooks/use-z-index/index.cjs");const oe=require("./use-menu.cjs"),ne=require("./use-menu-css-var.cjs"),ue=e.defineComponent({name:"vft-sub-menu",inheritAttrs:!1}),le=e.defineComponent({...ue,props:{index:{},showTimeout:{default:300},hideTimeout:{default:300},popperClass:{},disabled:{type:Boolean},popperOffset:{default:6},expandIcon:{default:()=>({})},collapseIcon:{default:()=>({})},title:{},icon:{},showArrow:{type:Boolean,default:!0},toolTipCfg:{},teleported:{type:Boolean,default:void 0}},emits:["mouseenter","mouseleave"],setup(o,{expose:D,emit:L}){const S=x.useNamespace("sub-menu"),w=L,d=e.getCurrentInstance(),{indexPath:f,parentMenu:y}=oe.default(d,e.computed(()=>o.index)),a=x.useNamespace("menu"),l=x.useNamespace("sub-menu"),t=e.inject("rootMenu");t||R.throwError(S.b(),"can not inject root menu");const r=e.inject(`subMenu:${y.value.uid}`);r||R.throwError(S.b(),"can not inject sub menu");const C=e.ref({});let M;const q=e.ref(!1),H=e.ref(),I=e.ref(null),k=e.computed(()=>c.value==="horizontal"&&b.value?"bottom-start":"right-start"),b=e.computed(()=>r.level===0),g=e.computed(()=>o.teleported===void 0?b.value:o.teleported),U=e.computed(()=>t.props.collapse?`${a.namespace.value}-zoom-in-left`:`${a.namespace.value}-zoom-in-top`),Z=e.computed(()=>c.value==="horizontal"&&b.value?["bottom-start","bottom-end","top-start","top-end","right-start","left-start"]:["right-start","left-start","bottom-start","bottom-end","top-start","top-end"]),i=e.computed(()=>t.openedMenus.includes(o.index)),p=e.computed(()=>{let n=!1;return Object.values(C.value).forEach(s=>{s.active&&(n=!0)}),o.index===t.activeIndex&&(n=!0),n}),z=e.computed(()=>t.props.backgroundColor||""),E=e.computed(()=>t.props.activeTextColor||""),A=e.computed(()=>t.props.textColor||""),c=e.computed(()=>t.props.mode),G=e.computed(()=>t.props.persistent),h=e.reactive({index:o.index,indexPath:f,active:p}),j=ne.useMenuCssVar(t.props,r.level+1),P=e.computed(()=>c.value!=="horizontal"?{color:A.value}:{borderBottomColor:p.value?t.props.activeTextColor?E.value:"":"transparent",color:p.value?E.value:A.value}),J=()=>I.value?.popperRef?.popperInstanceRef?.destroy(),K=n=>{n||J()},$=n=>{const s={e:n,index:o.index,indexPath:f.value,active:p.value};if(t.props.menuTrigger==="hover"&&t.props.mode==="horizontal"&&!m.isMobile()||t.props.collapse&&t.props.mode==="vertical"||o.disabled){t.handleSubMenuClick({...s,isFirstLevel:!0});return}t.handleSubMenuClick(s)},v=(n,s=o.showTimeout)=>{n.type!=="focus"&&(t.props.menuTrigger==="click"&&t.props.mode==="horizontal"||!t.props.collapse&&t.props.mode==="vertical"||o.disabled||(r.mouseInChild.value=!0,M?.(),{stop:M}=N.useTimeoutFn(()=>{t.openMenu(o.index,f.value)},s),g.value&&y.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")),w("mouseenter",n)))},Q=()=>{t.inSubMenuMouseEnterTimer&&clearTimeout(t.inSubMenuMouseEnterTimer),t.inSubMenuMouseleaveTimer&&clearTimeout(t.inSubMenuMouseleaveTimer),t.inSubMenuMouseEnterTimer=setTimeout(()=>{t.inSubMenu=!0},o.showTimeout+10)},W=()=>{t.inSubMenuMouseEnterTimer&&clearTimeout(t.inSubMenuMouseEnterTimer),t.inSubMenuMouseleaveTimer&&clearTimeout(t.inSubMenuMouseleaveTimer),t.inSubMenuMouseleaveTimer=setTimeout(()=>{t.inSubMenu=!1},o.hideTimeout-10)},T=(n,s=!1)=>{t.props.menuTrigger==="click"&&t.props.mode==="horizontal"||!t.props.collapse&&t.props.mode==="vertical"||(M?.(),r.mouseInChild.value=!1,{stop:M}=N.useTimeoutFn(()=>{!q.value&&t.closeMenu(o.index,f.value)},o.hideTimeout),g.value&&s&&d.parent?.type.name==="vft-sub-menu"&&r.handleMouseleave?.(n,!0),w("mouseleave",n))};e.watch(()=>t.props.collapse,n=>K(!!n));{const n=u=>{C.value[u.index]=u},s=u=>{delete C.value[u.index]};e.provide(`subMenu:${d.uid}`,{addSubMenu:n,removeSubMenu:s,handleMouseleave:T,mouseInChild:q,level:r.level+1})}D({opened:i}),e.onMounted(()=>{t.addSubMenu(h),r.addSubMenu(h)}),e.onBeforeUnmount(()=>{r.removeSubMenu(h),t.removeSubMenu(h)});const B=e.useSlots(),F=e.computed(()=>m.singleAttrToObj(o.icon,"icon")),X=e.computed(()=>m.singleAttrToObj(o.expandIcon,"icon")),Y=e.computed(()=>m.singleAttrToObj(o.collapseIcon,"icon")),_=e.computed(()=>c.value==="horizontal"&&b.value||c.value==="vertical"&&!t.props.collapse?{icon:"icon-arrow-down",size:20,...X.value}:{icon:"icon-arrow-right",size:18,...Y.value}),O=e.computed(()=>m.renderTNode(d,"title"));return()=>{const n=[F.value?.icon?e.h(V.VftIcon,{...F.value}):null,e.h("span",{class:[l.e("text"),l.is("arrow",o.showArrow)],title:d.props.title},O.value),o.showArrow?e.h(V.VftIcon,{class:l.e("icon-arrow"),..._.value,style:{transform:i.value?"rotateZ(180deg)":"none"}}):!1],s=t.isMenuPopup?e.h(ee.VftTooltip,{ref:I,visible:i.value,effect:"light",pure:!0,offset:o.popperOffset,showArrow:!1,persistent:G.value,popperClass:o.popperClass,placement:k.value,teleported:g.value,fallbackPlacements:Z.value,transition:U.value,gpuAcceleration:!1,...o.toolTipCfg},{content:()=>e.h("div",{class:[a.m(c.value),a.m("popup-container"),o.popperClass],onMouseenter:u=>v(u,100),onMouseleave:u=>T(u,!0),onFocus:u=>v(u,100)},[e.h("ul",{class:[a.b(),a.m("popup"),a.m(`popup-${k.value}`)],style:j.value},[B.default?.()])]),default:()=>e.h("div",{class:l.e("title"),style:[P.value,{backgroundColor:z.value}],onMouseenter:u=>v(u),onMouseleave:u=>T(u,!0),onClick:u=>$(u)},n)}):e.h(e.Fragment,{},[O.value?e.h("div",{class:l.e("title"),style:[P.value,{backgroundColor:z.value}],ref:H,onClick:$},n):null,e.h(te.VftCollapseTransition,{},{default:()=>e.withDirectives(e.h("ul",{role:"menu",class:[a.b(),a.m("inline")],style:j.value},[B.default?.()]),[[e.vShow,i.value]])})]);return e.h("li",{class:[l.b(),l.is("active",p.value),l.e(String(r.level)),l.is("in-popup",r.level!==0),l.is("opened",i.value),l.is("arrow",!0),l.is("disabled",o.disabled)],role:"menuitem",ariaHaspopup:!0,ariaExpanded:i.value,onMouseenter:[Q,u=>v(u)],onMouseleave:[W,u=>T(u,!0)],onFocus:v},[s])}}});exports.default=le;

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

@@ -33,6 +33,7 @@ export interface MenuProps {
     collapseTransition?: boolean;
     /** 是否省略多余的子项（仅在横向模式生效） */
     ellipsis?: boolean;
+    persistent?: boolean;
 }
 export interface MenuProvider {
     openedMenus: string[];

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;
         };
-        teleported: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         icon: {
             type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
             default: string;
         };
+        teleported: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         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;
-        teleported: boolean;
         icon: string | import("vft/es/vft").IconProps;
+        teleported: boolean;
         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;
         };
-        teleported: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         icon: {
             type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
             default: string;
         };
+        teleported: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         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;
-        teleported: boolean;
         icon: string | import("vft/es/vft").IconProps;
+        teleported: boolean;
         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;
     };
-    teleported: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     icon: {
         type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         default: string;
     };
+    teleported: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     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;
-    teleported: boolean;
     icon: string | import("vft/es/vft").IconProps;
+    teleported: boolean;
     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;
-    teleported: boolean;
     icon: string | IconProps;
+    teleported: boolean;
     hideAfter: number;
     persistent: boolean;
     confirmButtonType: ButtonType;