vft 0.0.145 → 0.0.147

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

@@ -11,7 +11,7 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
             onShow?: ((...args: any[]) => any) | undefined;
             onLoad?: ((...args: any[]) => any) | undefined;
             onError?: ((...args: any[]) => any) | undefined;
-            readonly infinite?: boolean | undefined;
+            readonly src?: string | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -54,7 +54,7 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
             }>) => void)[] | undefined;
             readonly loading?: "eager" | "lazy" | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
-            readonly src?: string | undefined;
+            readonly infinite?: boolean | undefined;
             readonly initialIndex?: number | undefined;
             readonly hideOnClickModal?: boolean | undefined;
             readonly closeOnPressEscape?: boolean | undefined;

package/lib/components/image-viewer/index.d.ts

@@ -8,7 +8,6 @@ export declare const VftImageViewer: import("vft/es/utils").SFCWithInstall<{
             key?: string | number | symbol | undefined;
             ref?: import("vue").VNodeRef | undefined;
             class?: unknown;
-            readonly infinite?: boolean | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -50,6 +49,7 @@ export declare const VftImageViewer: import("vft/es/utils").SFCWithInstall<{
                 [key: string]: any;
             }>) => void)[] | undefined;
             onClose?: (() => any) | undefined;
+            readonly infinite?: boolean | undefined;
             readonly teleported?: boolean | undefined;
             readonly urlList?: string[] | undefined;
             readonly initialIndex?: number | undefined;

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

@@ -7,13 +7,13 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
             readonly form?: string | undefined;
             readonly label?: string | undefined;
             style?: unknown;
-            readonly resize?: "both" | "none" | "horizontal" | "vertical" | undefined;
+            readonly resize?: "both" | "none" | "vertical" | "horizontal" | undefined;
             key?: string | number | symbol | undefined;
-            readonly id?: string | undefined;
             readonly type?: string | undefined;
             ref?: import("vue").VNodeRef | undefined;
             class?: unknown;
             readonly modelValue?: string | number | undefined;
+            readonly id?: string | undefined;
             readonly size?: "default" | "small" | "large" | undefined;
             onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
@@ -25,8 +25,8 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
             onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-            readonly disabled?: boolean | undefined;
             readonly readonly?: boolean | undefined;
+            readonly disabled?: boolean | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -102,7 +102,7 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "suffixClick", value: any) => void) & ((event: "prefixClick", value: any) => void) & ((event: "enter") => void);
+        $emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "suffixClick", value: any) => void) & ((event: "prefixClick", value: any) => void) & ((event: "enter") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             id: {
@@ -121,7 +121,7 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<string>;
             };
             resize: {
-                type: import("vue").PropType<"both" | "none" | "horizontal" | "vertical">;
+                type: import("vue").PropType<"both" | "none" | "vertical" | "horizontal">;
             };
             autosize: {
                 type: import("vue").PropType<boolean | {
@@ -216,10 +216,10 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
             input: (value: string) => void;
             clear: () => void;
             blur: (evt: FocusEvent) => void;
-            focus: (evt: FocusEvent) => void;
             compositionend: (evt: CompositionEvent) => void;
             compositionstart: (evt: CompositionEvent) => void;
             compositionupdate: (evt: CompositionEvent) => void;
+            focus: (evt: FocusEvent) => void;
             keydown: (evt: Event | KeyboardEvent) => void;
             mouseenter: (evt: MouseEvent) => void;
             mouseleave: (evt: MouseEvent) => void;
@@ -263,7 +263,7 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
         };
         resize: {
-            type: import("vue").PropType<"both" | "none" | "horizontal" | "vertical">;
+            type: import("vue").PropType<"both" | "none" | "vertical" | "horizontal">;
         };
         autosize: {
             type: import("vue").PropType<boolean | {
@@ -373,7 +373,7 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
     };
     resize: {
-        type: import("vue").PropType<"both" | "none" | "horizontal" | "vertical">;
+        type: import("vue").PropType<"both" | "none" | "vertical" | "horizontal">;
     };
     autosize: {
         type: import("vue").PropType<boolean | {
@@ -468,10 +468,10 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
     input: (value: string) => void;
     clear: () => void;
     blur: (evt: FocusEvent) => void;
-    focus: (evt: FocusEvent) => void;
     compositionend: (evt: CompositionEvent) => void;
     compositionstart: (evt: CompositionEvent) => void;
     compositionupdate: (evt: CompositionEvent) => void;
+    focus: (evt: FocusEvent) => void;
     keydown: (evt: Event | KeyboardEvent) => void;
     mouseenter: (evt: MouseEvent) => void;
     mouseleave: (evt: MouseEvent) => void;

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

@@ -46,7 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
     };
     resize: {
-        type: import("vue").PropType<"both" | "none" | "horizontal" | "vertical">;
+        type: import("vue").PropType<"both" | "none" | "vertical" | "horizontal">;
     };
     autosize: {
         type: import("vue").PropType<boolean | {
@@ -135,10 +135,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     input: (value: string) => void;
     clear: () => void;
     blur: (evt: FocusEvent) => void;
-    focus: (evt: FocusEvent) => void;
     compositionend: (evt: CompositionEvent) => void;
     compositionstart: (evt: CompositionEvent) => void;
     compositionupdate: (evt: CompositionEvent) => void;
+    focus: (evt: FocusEvent) => void;
     keydown: (evt: Event | KeyboardEvent) => void;
     mouseenter: (evt: MouseEvent) => void;
     mouseleave: (evt: MouseEvent) => void;
@@ -162,7 +162,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
     };
     resize: {
-        type: import("vue").PropType<"both" | "none" | "horizontal" | "vertical">;
+        type: import("vue").PropType<"both" | "none" | "vertical" | "horizontal">;
     };
     autosize: {
         type: import("vue").PropType<boolean | {

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

@@ -8,9 +8,8 @@ export declare const VftLink: import("vft/es/utils").SFCWithInstall<{
             readonly type?: "default" | "success" | "primary" | "warning" | "info" | "danger" | undefined;
             ref?: import("vue").VNodeRef | undefined;
             class?: unknown;
-            onClick?: ((...args: any[]) => any) | undefined;
-            readonly underline?: boolean | undefined;
             readonly icon?: import("..").IconProps | undefined;
+            onClick?: ((...args: any[]) => any) | undefined;
             readonly disabled?: boolean | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
@@ -52,6 +51,7 @@ export declare const VftLink: import("vft/es/utils").SFCWithInstall<{
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
+            readonly underline?: boolean | undefined;
             readonly route?: import("vue-router").RouteLocationRaw | import("@vft/router").WinOpenType | undefined;
             readonly isReplace?: boolean | undefined;
         };

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

@@ -0,0 +1,48 @@
+import type { App } from 'vue';
+import { vLoading } from './directive';
+import { Loading } from './service';
+export declare const VftLoading: {
+    install(app: App): void;
+    directive: import("vue").Directive<import("./directive").VftLoading, import("./directive").LoadingBinding>;
+    service: (options?: Partial<Omit<import("./types").LoadingOptionsResolved, "target" | "parent"> & {
+        target: string | HTMLElement;
+        body: boolean;
+    }>) => {
+        setText: (text: string) => void;
+        removeVftLoadingChild: () => void;
+        close: () => void;
+        handleAfterLeave: () => void;
+        vm: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $el: HTMLElement;
+        originalPosition: import("vue").Ref<string>;
+        originalOverflow: import("vue").Ref<string>;
+        visible: import("vue").Ref<boolean>;
+        parent: import("vue").Ref<import("./types").LoadingParentElement>;
+        background: import("vue").Ref<string>;
+        svg: import("vue").Ref<string>;
+        svgViewBox: import("vue").Ref<string>;
+        spinner: import("vue").Ref<string | boolean>;
+        img: import("vue").Ref<string | boolean>;
+        icon: import("vue").Ref<string | import("..").IconProps | {
+            icon: string;
+            size?: string | number | undefined;
+            color?: string | undefined;
+            rotate?: boolean | undefined;
+            rotateSpeed?: number | undefined;
+            pointer?: boolean | undefined;
+            hoverColor?: string | undefined;
+        }>;
+        text: import("vue").Ref<string>;
+        fullscreen: import("vue").Ref<boolean>;
+        rotate: import("vue").Ref<string | boolean>;
+        lock: import("vue").Ref<boolean>;
+        customClass: import("vue").Ref<string>;
+        target: import("vue").Ref<HTMLElement>;
+        beforeClose?: import("vue").Ref<(() => boolean) | undefined> | undefined;
+        closed?: import("vue").Ref<(() => void) | undefined> | undefined;
+    };
+};
+export default VftLoading;
+export { vLoading as VftLoadingDirective, Loading as VftLoadingService, vLoading, };
+export * from './directive';
+export * from './types';

package/lib/components/loading/loading.d.ts

@@ -0,0 +1,36 @@
+import type { LoadingOptionsResolved } from './types';
+export declare function createLoadingComponent(options: LoadingOptionsResolved): {
+    setText: (text: string) => void;
+    removeVftLoadingChild: () => void;
+    close: () => void;
+    handleAfterLeave: () => void;
+    vm: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+    $el: HTMLElement;
+    originalPosition: import("vue").Ref<string>;
+    originalOverflow: import("vue").Ref<string>;
+    visible: import("vue").Ref<boolean>;
+    parent: import("vue").Ref<import("./types").LoadingParentElement>;
+    background: import("vue").Ref<string>;
+    svg: import("vue").Ref<string>;
+    svgViewBox: import("vue").Ref<string>;
+    spinner: import("vue").Ref<string | boolean>;
+    img: import("vue").Ref<string | boolean>;
+    icon: import("vue").Ref<string | import("vft/es/components/icon").IconProps | {
+        icon: string;
+        size?: string | number | undefined;
+        color?: string | undefined;
+        rotate?: boolean | undefined;
+        rotateSpeed?: number | undefined;
+        pointer?: boolean | undefined;
+        hoverColor?: string | undefined;
+    }>;
+    text: import("vue").Ref<string>;
+    fullscreen: import("vue").Ref<boolean>;
+    rotate: import("vue").Ref<string | boolean>;
+    lock: import("vue").Ref<boolean>;
+    customClass: import("vue").Ref<string>;
+    target: import("vue").Ref<HTMLElement>;
+    beforeClose?: import("vue").Ref<(() => boolean) | undefined> | undefined;
+    closed?: import("vue").Ref<(() => void) | undefined> | undefined;
+};
+export type LoadingInstance = ReturnType<typeof createLoadingComponent>;

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

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

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

@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
      * 代码演示类型
      */
     type: {
-        type: PropType<"normal" | "vue" | "react">;
+        type: PropType<"vue" | "normal" | "react">;
         default: string;
     };
     /**
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
      * 代码演示类型
      */
     type: {
-        type: PropType<"normal" | "vue" | "react">;
+        type: PropType<"vue" | "normal" | "react">;
         default: string;
     };
     /**
@@ -93,7 +93,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     title: string;
-    type: "normal" | "vue" | "react";
+    type: "vue" | "normal" | "react";
     config: string;
 }, {}>;
 export default _default;

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

@@ -1,6 +1,6 @@
 export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     mode: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
+        type: import("vue").PropType<"vertical" | "horizontal">;
     };
     defaultActive: {
         type: import("vue").PropType<string>;
@@ -26,6 +26,9 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     ellipsis: {
         type: import("vue").PropType<boolean>;
     };
+    horizontalMenuProps: {
+        type: import("vue").PropType<Partial<import("./sub-menu.vue").SubMenuProps>>;
+    };
 }, {
     open: (index: string) => void;
     close: (index: string, indexPath: string[], e?: Event | undefined) => void;
@@ -48,7 +51,7 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     }) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mode: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
+        type: import("vue").PropType<"vertical" | "horizontal">;
     };
     defaultActive: {
         type: import("vue").PropType<string>;
@@ -74,6 +77,9 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     ellipsis: {
         type: import("vue").PropType<boolean>;
     };
+    horizontalMenuProps: {
+        type: import("vue").PropType<Partial<import("./sub-menu.vue").SubMenuProps>>;
+    };
 }>> & {
     onSelect?: ((menuItem: import("./types").MenuItemClicked, routerResult?: Promise<void | import("vue-router").NavigationFailure> | undefined) => any) | undefined;
     onClose?: ((val: {

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

@@ -1,4 +1,5 @@
 import type { NavigationFailure } from 'vue-router';
+import { type SubMenuProps } from './sub-menu.vue';
 import type { MenuItemClicked } from './types';
 export interface MenuProps {
     /** 菜单展示模式 */
@@ -19,10 +20,11 @@ export interface MenuProps {
     collapseTransition?: boolean;
     /** 是否省略多余的子项（仅在横向模式生效） */
     ellipsis?: boolean;
+    horizontalMenuProps?: Partial<SubMenuProps>;
 }
 declare const _default: import("vue").DefineComponent<{
     mode: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
+        type: import("vue").PropType<"vertical" | "horizontal">;
     };
     defaultActive: {
         type: import("vue").PropType<string>;
@@ -48,6 +50,9 @@ declare const _default: import("vue").DefineComponent<{
     ellipsis: {
         type: import("vue").PropType<boolean>;
     };
+    horizontalMenuProps: {
+        type: import("vue").PropType<Partial<SubMenuProps>>;
+    };
 }, {
     open: (index: string) => void;
     close: (index: string, indexPath: string[], e?: Event | undefined) => void;
@@ -70,7 +75,7 @@ declare const _default: import("vue").DefineComponent<{
     }) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mode: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
+        type: import("vue").PropType<"vertical" | "horizontal">;
     };
     defaultActive: {
         type: import("vue").PropType<string>;
@@ -96,6 +101,9 @@ declare const _default: import("vue").DefineComponent<{
     ellipsis: {
         type: import("vue").PropType<boolean>;
     };
+    horizontalMenuProps: {
+        type: import("vue").PropType<Partial<SubMenuProps>>;
+    };
 }>> & {
     onSelect?: ((menuItem: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
     onClose?: ((val: {

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"),C=require("@vft/utils"),H=require("../icon/index.cjs"),J=require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const K=require("../../utils/vue/vnode.cjs"),B=require("../../hooks/use-namespace/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"),p=B.useNamespace("menu"),_=n.defineComponent({name:p.b()}),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}},emits:["update:collapse","sub-menu-click","select","close","open"],setup(u,{expose:P,emit:m}){const x=n.useSlots(),h=n.getCurrentInstance(),I=h.appContext.config.globalProperties.$router,i=n.ref(),O=B.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&&g(l,o.indexPath)})},g=(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}))},y=(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})=>{s.value.includes(t)?y(t,l,e):g(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(!(C.isNullOrUndefined(t)||C.isNullOrUndefined(l))){if(u.router&&I){const o=e.route||t,v=I.push(o).then(c=>(c||(a.value=t),c));m("select",e,v)}else a.value=t,m("select",e);C.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},$=()=>{var d;if(!i.value)return-1;const e=Array.from(((d=i.value)==null?void 0:d.childNodes)??[]).filter(q=>q.nodeName!=="#text"||q.nodeValue),t=64,l=Number.parseInt(getComputedStyle(i.value).paddingLeft,10),o=Number.parseInt(getComputedStyle(i.value).paddingRight,10),v=i.value.clientWidth-l-o;let c=0,b=0;return e.forEach((q,G)=>{c+=q.offsetWidth||0,c<=v-t&&(b=G+1)}),b===e.length?-1:b},D=(e,t=33.34)=>{let l;return()=>{l&&clearTimeout(l),l=setTimeout(()=>{e()},t)}};let T=!0;const N=()=>{const e=()=>{f.value=-1,n.nextTick(()=>{f.value=$()})};T?e():D(e)(),T=!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 S;n.watchEffect(()=>{u.mode==="horizontal"&&u.ellipsis?S=J.useResizeObserver(i,N).stop:S==null||S()});const k=e=>{M.value[e.index]=e},w=e=>{delete M.value[e.index]},L=e=>{r.value[e.index]=e},U=e=>{delete r.value[e.index]},z=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:z,inSubMenuMouseEnterTimer:j,inSubMenuMouseleaveTimer:F,addMenuItem:L,removeMenuItem:U,addSubMenu:k,removeSubMenu:w,openMenu:g,closeMenu:y,handleMenuItemClick:W,handleSubMenuClick:E})),n.provide(`subMenu:${h.uid}`,{addSubMenu:k,removeSubMenu:w,mouseInChild:n.ref(!1),level:0}),n.onMounted(()=>{u.mode==="horizontal"&&new Z.default(h.vnode.el,p.namespace.value)}),P({open:e=>{const{indexPath:t}=M.value[e];t.forEach(l=>g(l,t))},close:y,handleResize:N,menu:i,inSubMenu:z}),()=>{var v;let e=((v=x.default)==null?void 0:v.call(x))??[];const t=[];if(u.mode==="horizontal"&&i.value){const c=K.flattedChildren(e),b=f.value===-1?c:c.slice(0,f.value),d=f.value===-1?[]:c.slice(f.value);d!=null&&d.length&&u.ellipsis&&(e=b,t.push(n.h(X.default,{index:"sub-menu-more",class:O.e("hide-arrow")},{title:()=>n.h(H.VftIcon,{icon:"icon-menu-line",class:O.e("icon-more")}),default:()=>d})))}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"),C=require("@vft/utils"),H=require("../icon/index.cjs"),J=require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const K=require("../../utils/vue/vnode.cjs"),w=require("../../hooks/use-namespace/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"),p=w.useNamespace("menu"),_=n.defineComponent({name:p.b()}),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:{}},emits:["update:collapse","sub-menu-click","select","close","open"],setup(u,{expose:B,emit:m}){const x=n.useSlots(),h=n.getCurrentInstance(),I=h.appContext.config.globalProperties.$router,i=n.ref(),O=w.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&&g(l,o.indexPath)})},g=(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}))},y=(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})=>{s.value.includes(t)?y(t,l,e):g(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(!(C.isNullOrUndefined(t)||C.isNullOrUndefined(l))){if(u.router&&I){const o=e.route||t,v=I.push(o).then(c=>(c||(a.value=t),c));m("select",e,v)}else a.value=t,m("select",e);C.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},$=()=>{var d;if(!i.value)return-1;const e=Array.from(((d=i.value)==null?void 0:d.childNodes)??[]).filter(q=>q.nodeName!=="#text"||q.nodeValue),t=64,l=Number.parseInt(getComputedStyle(i.value).paddingLeft,10),o=Number.parseInt(getComputedStyle(i.value).paddingRight,10),v=i.value.clientWidth-l-o;let c=0,b=0;return e.forEach((q,G)=>{c+=q.offsetWidth||0,c<=v-t&&(b=G+1)}),b===e.length?-1:b},D=(e,t=33.34)=>{let l;return()=>{l&&clearTimeout(l),l=setTimeout(()=>{e()},t)}};let T=!0;const z=()=>{const e=()=>{f.value=-1,n.nextTick(()=>{f.value=$()})};T?e():D(e)(),T=!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 S;n.watchEffect(()=>{u.mode==="horizontal"&&u.ellipsis?S=J.useResizeObserver(i,z).stop:S==null||S()});const N=e=>{M.value[e.index]=e},P=e=>{delete M.value[e.index]},L=e=>{r.value[e.index]=e},U=e=>{delete r.value[e.index]},k=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:k,inSubMenuMouseEnterTimer:j,inSubMenuMouseleaveTimer:F,addMenuItem:L,removeMenuItem:U,addSubMenu:N,removeSubMenu:P,openMenu:g,closeMenu:y,handleMenuItemClick:W,handleSubMenuClick:E})),n.provide(`subMenu:${h.uid}`,{addSubMenu:N,removeSubMenu:P,mouseInChild:n.ref(!1),level:0}),n.onMounted(()=>{u.mode==="horizontal"&&new Z.default(h.vnode.el,p.namespace.value)}),B({open:e=>{const{indexPath:t}=M.value[e];t.forEach(l=>g(l,t))},close:y,handleResize:z,menu:i,inSubMenu:k}),()=>{var v;let e=((v=x.default)==null?void 0:v.call(x))??[];const t=[];if(u.mode==="horizontal"&&i.value){const c=K.flattedChildren(e),b=f.value===-1?c:c.slice(0,f.value),d=f.value===-1?[]:c.slice(f.value);d!=null&&d.length&&u.ellipsis&&(e=b,t.push(n.h(X.default,{index:"sub-menu-more",class:O.e("hide-arrow"),...u.horizontalMenuProps},{title:()=>n.h(H.VftIcon,{icon:"icon-menu-line",class:O.e("icon-more")}),default:()=>d})))}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/modal/index.d.ts

@@ -6,11 +6,11 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         $props: {
             title?: string | undefined;
             center?: boolean | undefined;
-            draggable?: boolean | undefined;
             fullscreen?: boolean | undefined;
             modelValue?: boolean | undefined;
             customClass?: string | undefined;
             showClose?: boolean | undefined;
+            draggable?: boolean | undefined;
             closeOnPressEscape?: boolean | undefined;
             alignCenter?: boolean | undefined;
             appendToBody?: boolean | undefined;
@@ -24,9 +24,9 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             showActionButtonGroup?: boolean | undefined;
             showSubmitButton?: boolean | undefined;
             showCancelButton?: boolean | undefined;
+            style?: unknown;
             readonly top?: string | undefined;
             readonly width?: string | number | undefined;
-            style?: unknown;
             readonly zIndex?: number | undefined;
             key?: string | number | symbol | undefined;
             ref?: import("vue").VNodeRef | undefined;
@@ -93,12 +93,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            top: {
-                type: import("vue").PropType<string>;
-            };
-            width: {
-                type: import("vue").PropType<string | number>;
-            };
             title: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -107,13 +101,15 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            top: {
+                type: import("vue").PropType<string>;
+            };
+            width: {
+                type: import("vue").PropType<string | number>;
+            };
             zIndex: {
                 type: import("vue").PropType<number>;
             };
-            draggable: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             fullscreen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -130,6 +126,10 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            draggable: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             closeOnPressEscape: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -208,11 +208,11 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         }, string, {
             title: string;
             center: boolean;
-            draggable: boolean;
             fullscreen: boolean;
             modelValue: boolean;
             customClass: string;
             showClose: boolean;
+            draggable: boolean;
             closeOnPressEscape: boolean;
             alignCenter: boolean;
             appendToBody: boolean;
@@ -247,12 +247,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        top: {
-            type: import("vue").PropType<string>;
-        };
-        width: {
-            type: import("vue").PropType<string | number>;
-        };
         title: {
             type: import("vue").PropType<string>;
             default: string;
@@ -261,13 +255,15 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        top: {
+            type: import("vue").PropType<string>;
+        };
+        width: {
+            type: import("vue").PropType<string | number>;
+        };
         zIndex: {
             type: import("vue").PropType<number>;
         };
-        draggable: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         fullscreen: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -284,6 +280,10 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        draggable: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         closeOnPressEscape: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -362,12 +362,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    top: {
-        type: import("vue").PropType<string>;
-    };
-    width: {
-        type: import("vue").PropType<string | number>;
-    };
     title: {
         type: import("vue").PropType<string>;
         default: string;
@@ -376,13 +370,15 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    top: {
+        type: import("vue").PropType<string>;
+    };
+    width: {
+        type: import("vue").PropType<string | number>;
+    };
     zIndex: {
         type: import("vue").PropType<number>;
     };
-    draggable: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     fullscreen: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -399,6 +395,10 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    draggable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     closeOnPressEscape: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -477,11 +477,11 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
 }, string, {
     title: string;
     center: boolean;
-    draggable: boolean;
     fullscreen: boolean;
     modelValue: boolean;
     customClass: string;
     showClose: boolean;
+    draggable: boolean;
     closeOnPressEscape: boolean;
     alignCenter: boolean;
     appendToBody: boolean;