vft 0.0.145 → 0.0.147

package/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/components/menu/menu.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as P, useSlots as X, getCurrentInstance as Y, ref as s, computed as Z, watch as T, watchEffect as _, provide as B, reactive as ee, onMounted as te, h as I, nextTick as ne } from "vue";
-import { isNullOrUndefined as E, isMobile as le } from "@vft/utils";
+import { defineComponent as E, useSlots as X, getCurrentInstance as Y, ref as s, computed as Z, watch as T, watchEffect as _, provide as A, reactive as ee, onMounted as te, h as I, nextTick as ne } from "vue";
+import { isNullOrUndefined as B, isMobile as le } from "@vft/utils";
 import { VftIcon as oe } from "../icon/index.js";
 import { useResizeObserver as ue } from "@vueuse/core";
 import "../../utils/ns-cover.js";
@@ -15,9 +15,9 @@ import re from "./utils/menu-bar.js";
 const b = (
   /* hoist-static*/
   W("menu")
-), de = P({
+), de = E({
   name: b.b()
-}), ke = /* @__PURE__ */ P({
+}), ze = /* @__PURE__ */ E({
   ...de,
   props: {
     mode: { default: "vertical" },
@@ -28,11 +28,12 @@ const b = (
     menuTrigger: { default: "hover" },
     collapse: { type: Boolean },
     collapseTransition: { type: Boolean, default: !0 },
-    ellipsis: { type: Boolean, default: !0 }
+    ellipsis: { type: Boolean, default: !0 },
+    horizontalMenuProps: {}
   },
   emits: ["update:collapse", "sub-menu-click", "select", "close", "open"],
   setup(n, { expose: V, emit: v }) {
-    const y = X(), h = Y(), O = h.appContext.config.globalProperties.$router, i = s(), k = W("sub-menu"), f = s(-1), u = s(
+    const y = X(), h = Y(), O = h.appContext.config.globalProperties.$router, i = s(), z = W("sub-menu"), f = s(-1), u = s(
       n.defaultOpeneds && !n.collapse ? n.defaultOpeneds.slice(0) : []
     ), a = s(n.defaultActive), r = s({}), p = s({}), $ = Z(() => n.mode === "horizontal" || n.mode === "vertical" && n.collapse), q = () => {
       const e = a.value && r.value[a.value];
@@ -58,7 +59,7 @@ const b = (
     }, L = (e) => {
       (n.mode === "horizontal" || n.collapse) && (u.value = []);
       const { index: t, indexPath: l } = e;
-      if (!(E(t) || E(l))) {
+      if (!(B(t) || B(l))) {
         if (n.router && O) {
           const o = e.route || t, m = O.push(o).then((c) => (c || (a.value = t), c));
           v("select", e, m);
@@ -96,14 +97,14 @@ const b = (
         }, t);
       };
     };
-    let z = !0;
-    const N = () => {
+    let k = !0;
+    const P = () => {
       const e = () => {
         f.value = -1, ne(() => {
           f.value = U();
         });
       };
-      z ? e() : j(e)(), z = !1;
+      k ? e() : j(e)(), k = !1;
     };
     T(
       () => n.defaultActive,
@@ -118,18 +119,18 @@ const b = (
     ), T(r.value, q);
     let S;
     _(() => {
-      n.mode === "horizontal" && n.ellipsis ? S = ue(i, N).stop : S == null || S();
+      n.mode === "horizontal" && n.ellipsis ? S = ue(i, P).stop : S == null || S();
     });
-    const R = (e) => {
+    const N = (e) => {
       p.value[e.index] = e;
-    }, w = (e) => {
+    }, R = (e) => {
       delete p.value[e.index];
     }, G = (e) => {
       r.value[e.index] = e;
     }, H = (e) => {
       delete r.value[e.index];
-    }, A = s(!1), J = s(), K = s();
-    return B(
+    }, w = s(!1), J = s(), K = s();
+    return A(
       "rootMenu",
       ee({
         props: h.props,
@@ -138,21 +139,21 @@ const b = (
         subMenus: p,
         activeIndex: a,
         isMenuPopup: $,
-        inSubMenu: A,
+        inSubMenu: w,
         inSubMenuMouseEnterTimer: J,
         inSubMenuMouseleaveTimer: K,
         addMenuItem: G,
         removeMenuItem: H,
-        addSubMenu: R,
-        removeSubMenu: w,
+        addSubMenu: N,
+        removeSubMenu: R,
         openMenu: g,
         closeMenu: C,
         handleMenuItemClick: L,
         handleSubMenuClick: D
       })
-    ), B(`subMenu:${h.uid}`, {
-      addSubMenu: R,
-      removeSubMenu: w,
+    ), A(`subMenu:${h.uid}`, {
+      addSubMenu: N,
+      removeSubMenu: R,
       mouseInChild: s(!1),
       // 表示当前是第一级的 sub-menu
       level: 0
@@ -164,9 +165,9 @@ const b = (
         t.forEach((l) => g(l, t));
       },
       close: C,
-      handleResize: N,
+      handleResize: P,
       menu: i,
-      inSubMenu: A
+      inSubMenu: w
     }), () => {
       var m;
       let e = ((m = y.default) == null ? void 0 : m.call(y)) ?? [];
@@ -178,12 +179,13 @@ const b = (
             ie,
             {
               index: "sub-menu-more",
-              class: k.e("hide-arrow")
+              class: z.e("hide-arrow"),
+              ...n.horizontalMenuProps
             },
             {
               title: () => I(oe, {
                 icon: "icon-menu-line",
-                class: k.e("icon-more")
+                class: z.e("icon-more")
               }),
               default: () => d
             }
@@ -210,5 +212,5 @@ const b = (
   }
 });
 export {
-  ke as default
+  ze as default
 };