vft 0.0.470 → 0.0.471

package/es/components/autocomplete/autocomplete.vue.d.ts

@@ -62,9 +62,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -480,9 +480,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;

package/es/components/autocomplete/index.d.ts

@@ -85,9 +85,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
+                readonly visible?: boolean | null | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
-                readonly visible?: boolean | null | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
@@ -503,9 +503,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
+                readonly visible?: boolean | null | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
-                readonly visible?: boolean | null | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
@@ -1006,9 +1006,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
+                readonly visible?: boolean | null | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
-                readonly visible?: boolean | null | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
@@ -1424,9 +1424,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
+                readonly visible?: boolean | null | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
-                readonly visible?: boolean | null | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
@@ -1916,9 +1916,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -2334,9 +2334,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;

package/es/components/button/index.d.ts

@@ -24,12 +24,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         autofocus: {
             type: import("vue").PropType<boolean>;
         };
-        dark: {
-            type: import("vue").PropType<boolean>;
-        };
         icon: {
             type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
+        dark: {
+            type: import("vue").PropType<boolean>;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
         };
@@ -114,12 +114,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         autofocus: {
             type: import("vue").PropType<boolean>;
         };
-        dark: {
-            type: import("vue").PropType<boolean>;
-        };
         icon: {
             type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
+        dark: {
+            type: import("vue").PropType<boolean>;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
         };
@@ -199,12 +199,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     autofocus: {
         type: import("vue").PropType<boolean>;
     };
-    dark: {
-        type: import("vue").PropType<boolean>;
-    };
     icon: {
         type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
+    dark: {
+        type: import("vue").PropType<boolean>;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
     };

package/es/components/horizontal-menu/horizontal-menu.vue.d.ts

@@ -14,6 +14,9 @@ export interface HorizontalMenuProps {
     defaultActive?: string;
     defaultOpeneds?: Array<string | number>;
     menuOptions?: Partial<MenuProps>;
+    enableScroll?: boolean;
+    scrollThreshold?: number;
+    scrollMaxHeight?: string;
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<HorizontalMenuProps>>, {
     isInSubMenu: import("vue").ComputedRef<any>;

package/es/components/horizontal-menu/horizontal-menu.vue2.js

@@ -1,20 +1,23 @@
-import { defineComponent as I, computed as w, getCurrentInstance as F, useSlots as G, ref as K, createVNode as i, mergeProps as O } from "vue";
-import { useRouterHelper as Q } from "@vft/router";
-import { isUrl as W } from "@vft/utils";
-import { VftMenu as X, VftSubMenu as Y, VftMenuItem as Z } from "../menu/index.js";
+import { defineComponent as I, computed as S, getCurrentInstance as Y, useSlots as q, ref as F, createVNode as c, mergeProps as w, createTextVNode as K, isVNode as Q } from "vue";
+import { useRouterHelper as X } from "@vft/router";
+import { isUrl as Z } from "@vft/utils";
+import { VftMenu as _, VftSubMenu as ee, VftMenuItem as te, VftMenuItemGroup as ne } from "../menu/index.js";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
+import { useNamespace as le } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { MenuTypeEnum as ee } from "./constants.js";
-const ne = I({
+import { MenuTypeEnum as oe } from "./constants.js";
+function ue(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !Q(t);
+}
+const ae = I({
   name: "vft-horizontal-menu"
-}), he = /* @__PURE__ */ I({
-  ...ne,
+}), xe = /* @__PURE__ */ I({
+  ...ae,
   props: {
     menus: {},
     attrMapping: {},
@@ -39,100 +42,117 @@ const ne = I({
     },
     defaultActive: {},
     defaultOpeneds: {},
-    menuOptions: {}
+    menuOptions: {},
+    enableScroll: {
+      type: Boolean,
+      default: !0
+    },
+    scrollThreshold: {
+      default: 10
+    },
+    scrollMaxHeight: {
+      default: "400px"
+    }
   },
   emits: ["open", "close", "select", "sub-menu-click"],
-  setup(n, {
-    expose: L,
-    emit: N
+  setup(t, {
+    expose: N,
+    emit: A
   }) {
-    const f = N, b = _("horizontal-menu"), V = w(() => (e, o, a) => ({
-      "grid-template-rows": `repeat(${Math.min(e?.[o]?.[t.value.children]?.length || 0, Number(a || n.maxRowLength ? a || n.maxRowLength : e?.[o]?.[t.value.children]?.length))}, auto)`
-    })), t = w(() => ({
+    const p = A, b = le("horizontal-menu"), L = S(() => (e, o, a) => ({
+      "grid-template-rows": `repeat(${Math.min(e?.[o]?.[l.value.children]?.length || 0, Number(a || t.maxRowLength ? a || t.maxRowLength : e?.[o]?.[l.value.children]?.length))}, auto)`
+    })), l = S(() => ({
       path: "path",
       children: "children",
       title: "title",
       index: "path",
       icon: "icon",
       disabled: "disabled",
-      ...n.attrMapping
-    })), J = F(), m = G(), T = K(), k = J.appContext.config.globalProperties.$router, v = (e, o, a) => {
-      const c = e[t.value.path], r = e[t.value.title], l = e?.[t.value.index], M = e?.[t.value.icon], h = !!e?.[t.value.disabled], d = n.disabledJudgeTurnOver ? !h : h, g = l || c || o + r;
-      return i(Z, O(e, {
+      ...t.attrMapping
+    })), B = Y(), h = q(), O = F(), T = B.appContext.config.globalProperties.$router, v = (e, o, a) => {
+      const i = e[l.value.path], r = e[l.value.title], n = e?.[l.value.index], M = e?.[l.value.icon], m = !!e?.[l.value.disabled], d = t.disabledJudgeTurnOver ? !m : m, g = n || i || o + r;
+      return c(te, w(e, {
         key: g,
         index: String(g),
         icon: M,
-        route: c,
+        route: i,
         title: r,
-        disabled: n.openDisabled && d,
+        disabled: t.openDisabled && d,
         className: a ? "vft-menu-popup-item" : "vft-menu-no-popup-item"
       }), {
-        default: a ? m.menuItem ? () => m.menuItem?.({
+        default: a ? h.menuItem ? () => h.menuItem?.({
           item: e
-        }) : null : m.menuTopItem ? () => m.menuTopItem?.({
+        }) : null : h.menuTopItem ? () => h.menuTopItem?.({
           item: e
         }) : null
       });
+    }, J = (e) => {
+      p("open", e);
+    }, j = (e) => {
+      p("close", e);
     }, z = (e) => {
-      f("open", e);
-    }, B = (e) => {
-      f("close", e);
-    }, D = (e) => {
-      f("sub-menu-click", e);
-    }, S = (e, o, a) => {
-      const c = e[t.value.path], r = e[t.value.title], l = e?.[t.value.children], M = e?.[t.value.index], h = e?.[t.value.icon], d = e?.menuOrder, g = e?.maxRowLength, R = !!e?.[t.value.disabled], $ = n.disabledJudgeTurnOver ? !R : R, A = M || c || o + r, x = e.type === ee.TILE;
+      p("sub-menu-click", e);
+    }, H = (e, o) => !t.enableScroll || !e ? e : o > t.scrollThreshold ? c(ne, {
+      style: {
+        maxHeight: t.scrollMaxHeight,
+        overflowY: "auto"
+      }
+    }, ue(e) ? e : {
+      default: () => [e]
+    }) : e, k = (e, o, a) => {
+      const i = e[l.value.path], r = e[l.value.title], n = e?.[l.value.children], M = e?.[l.value.index], m = e?.[l.value.icon], d = e?.menuOrder, g = e?.maxRowLength, R = !!e?.[l.value.disabled], E = t.disabledJudgeTurnOver ? !R : R, V = M || i || o + r, x = e.type === oe.TILE;
       let y = [];
       if (x)
         if (d) {
           const u = d.flat();
-          if (u?.length < l.length) {
-            const p = Math.max.apply(null, u);
-            for (let s = p + 1; s < l.length; s++)
+          if (u?.length < n.length) {
+            const f = Math.max.apply(null, u);
+            for (let s = f + 1; s < n.length; s++)
               d.push([s]);
           }
           y = d;
         } else
-          for (let u = 0; u < l.length; u++)
+          for (let u = 0; u < n.length; u++)
             y.push([u]);
-      return l?.length || e?.render ? i(Y, O(n.subMenuCfg, e, {
-        index: String(A),
-        key: A,
-        icon: h,
-        showArrow: e.showArrow ?? n.subMenuCfg.showArrow,
-        disabled: n.openDisabled && $,
+      return n?.length || e?.render ? c(ee, w(t.subMenuCfg, e, {
+        index: String(V),
+        key: V,
+        icon: m,
+        showArrow: e.showArrow ?? t.subMenuCfg.showArrow,
+        disabled: t.openDisabled && E,
         toolTipCfg: {
-          ...n.subMenuCfg.toolTipCfg || {},
+          ...t.subMenuCfg.toolTipCfg || {},
           ...e.subMenuCfg?.toolTipCfg || {}
         },
         teleported: !1,
         "popper-class": [x ? b.e("tile") : "", b.e("normal")]
       }), {
-        default: () => [e?.render ? e?.render : x ? y.map((u, p) => i("div", {
+        default: () => [H(e?.render ? e?.render : x ? y.map((u, f) => c("div", {
           class: "content-main",
-          key: p
-        }, [u.map((s, j) => {
-          const C = l?.[s]?.[t.value.children], H = l?.[s]?.maxRowLength;
-          return l?.length ? i("div", {
+          key: f
+        }, [u.map((s, $) => {
+          const C = n?.[s]?.[l.value.children], G = n?.[s]?.maxRowLength;
+          return n?.length ? c("div", {
             class: "content-col",
-            key: j
-          }, [i("span", {
+            key: $
+          }, [c("span", {
             class: C?.length ? "title" : ""
-          }, [l?.[s]?.[t.value.title]]), C?.length ? i("div", {
+          }, [n?.[s]?.[l.value.title]]), C?.length ? c("div", {
             class: "content",
-            style: V.value(l, s, H || g)
-          }, [C.map((U, q) => v(U, q, !0))]) : null]) : null;
-        })])) : l.map((u, p) => u[t.value.children]?.length ? S(u, p, !0) : v(u, p, !0))],
+            style: L.value(n, s, G || g)
+          }, [C.map((U, W) => v(U, W, !0))]) : null]) : null;
+        })])) : n.map((u, f) => u[l.value.children]?.length ? k(u, f, !0) : v(u, f, !0)), n?.length || 0)],
         title: () => r
       }) : v(e, o, a);
     };
-    async function P(e) {
-      if (n.useRouterJump) {
+    async function D(e) {
+      if (t.useRouterJump) {
         const {
           go: o
-        } = Q(k), a = e.route;
-        let c = e.route;
-        e.indexPath.some((l) => W(l)) && (c = e.indexPath.slice(-2).join("/"));
-        const r = k.getRoutes().filter((l) => l.path === c)?.[0]?.meta?.linkTarget;
+        } = X(T), a = e.route;
+        let i = e.route;
+        e.indexPath.some((n) => Z(n)) && (i = e.indexPath.slice(-2).join("/"));
+        const r = T.getRoutes().filter((n) => n.path === i)?.[0]?.meta?.linkTarget;
         o(r ? {
           url: a,
           winOpenOpt: {
@@ -140,26 +160,26 @@ const ne = I({
           }
         } : a);
       }
-      f("select", e);
+      p("select", e);
     }
-    const E = w(() => T.value?.inSubMenu);
-    return L({
-      isInSubMenu: E
-    }), () => i(X, O(n.menuOptions, {
-      ref: T,
-      onSelect: P,
-      onOpen: z,
-      onClose: B,
-      onSubMenuClick: D,
+    const P = S(() => O.value?.inSubMenu);
+    return N({
+      isInSubMenu: P
+    }), () => c(_, w(t.menuOptions, {
+      ref: O,
+      onSelect: D,
+      onOpen: J,
+      onClose: j,
+      onSubMenuClick: z,
       mode: "horizontal",
       class: b.b(),
-      defaultActive: n.defaultActive,
-      defaultOpeneds: n.defaultOpeneds
+      defaultActive: t.defaultActive,
+      defaultOpeneds: t.defaultOpeneds
     }), {
-      default: () => [n.menus?.length ? n.menus.map((e, o) => S(e, o, !1)) : null]
+      default: () => [t.menus?.length ? t.menus.map((e, o) => k(e, o, !1)) : null, K("·")]
     });
   }
 });
 export {
-  he as default
+  xe as default
 };

package/es/components/horizontal-menu/index.d.ts

@@ -32,6 +32,15 @@ export declare const VftHorizontalMenu: import("vft/es/utils").SFCWithInstall<im
     menuOptions: {
         type: import("vue").PropType<Partial<import("vft/es/vft").MenuProps>>;
     };
+    enableScroll: {
+        type: import("vue").PropType<boolean>;
+    };
+    scrollThreshold: {
+        type: import("vue").PropType<number>;
+    };
+    scrollMaxHeight: {
+        type: import("vue").PropType<string>;
+    };
 }>, {
     isInSubMenu: import("vue").ComputedRef<any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -76,6 +85,15 @@ export declare const VftHorizontalMenu: import("vft/es/utils").SFCWithInstall<im
     menuOptions: {
         type: import("vue").PropType<Partial<import("vft/es/vft").MenuProps>>;
     };
+    enableScroll: {
+        type: import("vue").PropType<boolean>;
+    };
+    scrollThreshold: {
+        type: import("vue").PropType<number>;
+    };
+    scrollMaxHeight: {
+        type: import("vue").PropType<string>;
+    };
 }>> & Readonly<{
     onSelect?: ((val: {
         route: string;

package/es/components/menu/menu-item-group.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as n, createElementBlock as o, openBlock as r, normalizeClass as l, unref as i, createElementVNode as m, renderSlot as s, Fragment as a, createTextVNode as u, toDisplayString as c } from "vue";
+import { defineComponent as n, createElementBlock as t, openBlock as o, normalizeClass as i, unref as m, createCommentVNode as a, createElementVNode as p, renderSlot as s, Fragment as u, createTextVNode as c, toDisplayString as d } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -8,31 +8,32 @@ import { useNamespace as f } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const d = n({
+const k = n({
   name: "vft-menu-item-group"
-}), V = /* @__PURE__ */ n({
-  ...d,
+}), b = /* @__PURE__ */ n({
+  ...k,
   props: {
     title: {}
   },
-  setup(p) {
-    const t = f("menu-item-group");
-    return (e, _) => (r(), o("li", {
-      class: l(i(t).b())
+  setup(r) {
+    const l = f("menu-item-group");
+    return (e, g) => (o(), t("li", {
+      class: i(m(l).b())
     }, [
-      m("div", {
-        class: l(i(t).e("title"))
+      r.title || e.$slots.title ? (o(), t("div", {
+        key: 0,
+        class: i(m(l).e("title"))
       }, [
-        e.$slots.title ? s(e.$slots, "title", { key: 1 }) : (r(), o(a, { key: 0 }, [
-          u(c(p.title), 1)
+        e.$slots.title ? s(e.$slots, "title", { key: 1 }) : (o(), t(u, { key: 0 }, [
+          c(d(r.title), 1)
         ], 64))
-      ], 2),
-      m("ul", null, [
+      ], 2)) : a("", !0),
+      p("ul", null, [
         s(e.$slots, "default")
       ])
     ], 2));
   }
 });
 export {
-  V as default
+  b as default
 };

package/es/components/multiple-tabs/style/css.d.ts

@@ -1,2 +1,3 @@
 import 'vft/theme-style/vft-multiple-tabs.css';
 import 'vft/es/components/tabs/style/css';
+import 'vft/es/components/icon/style/css';

package/es/components/multiple-tabs/style/css.js

@@ -1,3 +1,4 @@
 import "vft/theme-style/base.css";
 import "vft/theme-style/vft-multiple-tabs.css";
 import "vft/theme-style/vft-tabs.css";
+import "vft/theme-style/vft-icon.css";

package/es/components/multiple-tabs/style/index.d.ts

@@ -1,2 +1,3 @@
 import 'vft/theme-style/src/multiple-tabs.scss';
 import 'vft/es/components/tabs/style';
+import 'vft/es/components/icon/style';

package/es/components/multiple-tabs/style/index.js

@@ -1,3 +1,4 @@
 import "vft/theme-style/src/base.scss";
 import "vft/theme-style/src/multiple-tabs.scss";
 import "vft/theme-style/src/tabs.scss";
+import "vft/theme-style/src/icon.scss";

package/es/components/multiple-tabs/use/use-tab-dropdown.js

@@ -1,32 +1,33 @@
 import { getRouterKeyPath as d } from "@vft/router";
-import { useMultipleTabStore as D, useTabs as v } from "@vft/store";
+import { useMultipleTabStore as v, useTabs as w } from "@vft/store";
 import "@vft/utils";
-import { reactive as w, computed as M } from "vue";
+import { reactive as M, computed as P } from "vue";
 import "../../context-menu/context-menu.vue2.js";
 import "../../icon/index.js";
 import "vue-router";
-function K(e, t) {
-  const i = w({
+function W(e, t) {
+  const i = M({
     current: null,
     currentIndex: 0
-  }), n = D(), {
-    refreshPage: g,
-    closeAll: a,
+  }), n = v(), {
+    refreshPage: a,
+    closeAll: g,
     close: u,
     closeLeft: h,
     closeOther: f,
     closeRight: p,
     newWinTab: x,
-    fullScreen: b
-  } = v(), L = M(() => {
+    fullScreen: L,
+    alonePage: b
+  } = w(), C = P(() => {
     if (!e)
       return;
-    const { meta: r } = e, o = i.currentIndex, c = o === 0 || o <= t, s = n.getTabList.length <= t || o === n.getTabList.length - 1 && n.getLastDragEndIndex >= 0, C = n.getTabList.length === t || n.getTabList.length === t + 1 && o === t, l = n.getTabList.length === t;
+    const { meta: r } = e, o = i.currentIndex, c = o === 0 || o <= t, l = n.getTabList.length <= t || o === n.getTabList.length - 1 && n.getLastDragEndIndex >= 0, D = n.getTabList.length === t || n.getTabList.length === t + 1 && o === t, s = n.getTabList.length === t;
     return [
       {
         iconCfg: { icon: "icon-refresh-right" },
         text: "刷新",
-        handler: () => g(e)
+        handler: () => a(e)
       },
       {
         iconCfg: { icon: "icon-new-tab" },
@@ -37,7 +38,7 @@ function K(e, t) {
       {
         iconCfg: { icon: "icon-close-tab" },
         text: "关闭标签页",
-        disabled: !!r?.affix || l,
+        disabled: !!r?.affix || s,
         handler: () => u(e)
       },
       {
@@ -49,26 +50,31 @@ function K(e, t) {
       {
         iconCfg: { icon: "icon-arrow-close-right" },
         text: "关闭右侧标签页",
-        disabled: s,
+        disabled: l,
         divider: !0,
         handler: () => p(e)
       },
       {
         iconCfg: { icon: "icon-close-box-multiple-outline" },
         text: "关闭其它标签页",
-        disabled: C,
+        disabled: D,
         handler: () => f(e)
       },
       {
         iconCfg: { icon: "icon-vector-square-delete" },
         text: "关闭所有标签页",
-        disabled: l,
+        disabled: s,
         divider: !0,
-        handler: () => a()
+        handler: () => g()
       },
       {
         iconCfg: { icon: "icon-full-screen" },
         text: "全屏",
+        handler: () => L(e)
+      },
+      {
+        iconCfg: { icon: "icon-separate" },
+        text: "独立页面",
         handler: () => b(e)
       }
     ];
@@ -79,13 +85,13 @@ function K(e, t) {
         return;
       o?.preventDefault();
       const c = n.getTabList.findIndex(
-        (s) => d(s) === d(r)
+        (l) => d(l) === d(r)
       );
       i.current = r, i.currentIndex = c;
     };
   }
-  return { getDropMenuList: L, handleContextMenu: T };
+  return { getDropMenuList: C, handleContextMenu: T };
 }
 export {
-  K as useTabDropdown
+  W as useTabDropdown
 };