vft 0.0.469 → 0.0.471

package/es/components/carousel/use-carousel.js

@@ -11,7 +11,7 @@ import "../../hooks/use-model-toggle/index.js";
 import { useOrderedChildren as ge } from "../../hooks/use-ordered-children/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { carouselContextKey as Se, CAROUSEL_ITEM_NAME as H } from "./constants.js";
+import { CAROUSEL_ITEM_NAME as H, carouselContextKey as Se } from "./constants.js";
 const L = 300, ze = (t, O, M) => {
   const {
     children: o,

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/input/input.vue2.js

@@ -13,8 +13,8 @@ import "../../hooks/use-z-index/index.js";
 import { UPDATE_MODEL_EVENT as Q } from "@vft/constants";
 import { useAttrs as Ze, useCursor as _e } from "@vft/use";
 import { calcTextareaHeight as he } from "./utils.js";
-import { useFormItem as et, useFormItemInputId as tt } from "../form/hooks/use-form-item.js";
-import { useFormSize as at, useFormDisabled as nt } from "../form/hooks/use-form-common-props.js";
+import { useFormSize as et, useFormDisabled as tt } from "../form/hooks/use-form-common-props.js";
+import { useFormItem as at, useFormItemInputId as nt } from "../form/hooks/use-form-item.js";
 const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], It = /* @__PURE__ */ Oe({
   __name: "input",
   props: {
@@ -85,9 +85,9 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       n.is("focus", v.value)
     ]), d = Ze({
       excludeKeys: l(() => Object.keys(X.value))
-    }), { form: Ce, formItem: F } = et(), { inputId: Y } = tt(we.props, {
+    }), { form: Ce, formItem: F } = at(), { inputId: Y } = nt(we.props, {
       formItemContext: F
-    }), ke = at(), x = nt(), n = ye("input"), Z = ye("textarea"), M = H(), p = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || p.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
+    }), ke = et(), x = tt(), n = ye("input"), Z = ye("textarea"), M = H(), p = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || p.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
       icon: "icon-circle-close",
       size: 16
     })), te = l(() => Ce?.statusIcon ?? !1), I = l(() => F?.validateState || ""), ae = l(

package/es/components/input-tag/composables/use-input-tag.js

@@ -1,6 +1,6 @@
 import { shallowRef as B, ref as L, computed as c, watch as G } from "vue";
 import { EVENT_CODE as g } from "../../../constants/aria.js";
-import { CHANGE_EVENT as i, UPDATE_MODEL_EVENT as d, INPUT_EVENT as H } from "../../../constants/event.js";
+import { CHANGE_EVENT as i, INPUT_EVENT as H, UPDATE_MODEL_EVENT as d } from "../../../constants/event.js";
 import "@vueuse/core";
 import { isUndefined as K } from "@vft/utils";
 import { debugWarn as C } from "../../../utils/error.js";

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
 };

package/es/components/super-form/super-form-item.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as X, computed as j, ref as re, unref as c, useSlots as oe, createVNode as a, mergeProps as q, withDirectives as ie, vShow as ne, createTextVNode as O, isVNode as le, resolveComponent as N } from "vue";
+import { defineComponent as X, computed as j, ref as re, unref as c, useSlots as oe, createVNode as a, mergeProps as q, withDirectives as ie, vShow as ne, isVNode as le, createTextVNode as O, resolveComponent as N } from "vue";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../avatar-stack/index.js";

package/es/hooks/use-z-index/index.js

@@ -2,14 +2,14 @@ import "@vueuse/core";
 import { isNumber as m, isClient as p } from "@vft/utils";
 import { debugWarn as l } from "../../utils/error.js";
 import "../../components/config-provider/hooks/use-global-config.js";
-import { getCurrentInstance as i, inject as e, computed as c, unref as v, ref as Z } from "vue";
+import { ref as v, getCurrentInstance as i, inject as e, computed as c, unref as Z } from "vue";
 import "lodash-es";
 import "../../components/form/index.js";
 const s = {
   current: 0
-}, u = Z(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
+}, u = v(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
   const n = i() ? e(d, s) : s, x = I || (i() ? e(y, void 0) : void 0), t = c(() => {
-    const r = v(x);
+    const r = Z(x);
     return m(r) ? r : f;
   }), o = c(() => t.value + u.value), a = () => (n.current++, u.value = n.current, o.value);
   return !p && !e(d) && l(

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.469",
+  "version": "0.0.471",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.469";
+const o = "0.0.471";
 export {
   o as version
 };

package/es/utils/vue/vnode.js

@@ -1,4 +1,4 @@
-import { hasOwn as m, camelize as N, isArray as E } from "@vft/utils";
+import { isArray as E, hasOwn as m, camelize as N } from "@vft/utils";
 import { isVNode as o, Fragment as S, Comment as A, Text as s, createCommentVNode as L, createBlock as _, openBlock as C } from "vue";
 import { debugWarn as O } from "../error.js";
 const R = "utils/vue/vnode";

package/lib/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/lib/components/horizontal-menu/horizontal-menu.vue2.cjs

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

package/lib/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;