vft 0.0.369 → 0.0.370

package/lib/components/menu/menu-collapse-transition.vue2.cjs

@@ -1,54 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-require("@vueuse/core");
-const utils = require("@vft/utils");
-require("../config-provider/hooks/use-global-config.cjs");
-require("lodash-es");
-const index = require("../../hooks/use-namespace/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-const _sfc_main = vue.defineComponent({
-  setup() {
-    const ns = index.useNamespace("menu");
-    const listeners = {
-      onBeforeEnter: (el) => el.style.opacity = "0.2",
-      onEnter(el, done) {
-        utils.addClass(el, `${ns.namespace.value}-opacity-transition`);
-        el.style.opacity = "1";
-        done();
-      },
-      onAfterEnter(el) {
-        utils.removeClass(el, `${ns.namespace.value}-opacity-transition`);
-        el.style.opacity = "";
-      },
-      onBeforeLeave(el) {
-        if (!el.dataset) {
-          el.dataset = {};
-        }
-        if (utils.hasClass(el, ns.m("collapse"))) {
-          utils.removeClass(el, ns.m("collapse"));
-          el.dataset.oldOverflow = el.style.overflow;
-          el.dataset.scrollWidth = el.clientWidth.toString();
-          utils.addClass(el, ns.m("collapse"));
-        } else {
-          utils.addClass(el, ns.m("collapse"));
-          el.dataset.oldOverflow = el.style.overflow;
-          el.dataset.scrollWidth = el.clientWidth.toString();
-          utils.removeClass(el, ns.m("collapse"));
-        }
-        el.style.width = `${el.scrollWidth}px`;
-        el.style.overflow = "hidden";
-      },
-      onLeave(el) {
-        utils.addClass(el, "horizontal-collapse-transition");
-        el.style.width = `${el.dataset.scrollWidth}px`;
-      }
-    };
-    return {
-      listeners
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue");require("@vueuse/core");const t=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const r=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const i=o.defineComponent({setup(){const s=r.useNamespace("menu");return{listeners:{onBeforeEnter:e=>e.style.opacity="0.2",onEnter(e,a){t.addClass(e,`${s.namespace.value}-opacity-transition`),e.style.opacity="1",a()},onAfterEnter(e){t.removeClass(e,`${s.namespace.value}-opacity-transition`),e.style.opacity=""},onBeforeLeave(e){e.dataset||(e.dataset={}),t.hasClass(e,s.m("collapse"))?(t.removeClass(e,s.m("collapse")),e.dataset.oldOverflow=e.style.overflow,e.dataset.scrollWidth=e.clientWidth.toString(),t.addClass(e,s.m("collapse"))):(t.addClass(e,s.m("collapse")),e.dataset.oldOverflow=e.style.overflow,e.dataset.scrollWidth=e.clientWidth.toString(),t.removeClass(e,s.m("collapse"))),e.style.width=`${e.scrollWidth}px`,e.style.overflow="hidden"},onLeave(e){t.addClass(e,"horizontal-collapse-transition"),e.style.width=`${e.dataset.scrollWidth}px`}}}}});exports.default=i;

package/lib/components/menu/menu-item-group.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const menuItemGroup_vue_vue_type_script_setup_true_lang = require("./menu-item-group.vue2.cjs");
-exports.default = menuItemGroup_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./menu-item-group.vue2.cjs");exports.default=e.default;

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

@@ -1,40 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-require("@vueuse/core");
-require("@vft/utils");
-require("../config-provider/hooks/use-global-config.cjs");
-require("lodash-es");
-const index = require("../../hooks/use-namespace/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-const __default__ = vue.defineComponent({
-  name: "vft-menu-item-group"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    title: {}
-  },
-  setup(__props) {
-    const ns = index.useNamespace("menu-item-group");
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("li", {
-        class: vue.normalizeClass(vue.unref(ns).b())
-      }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(ns).e("title"))
-        }, [
-          !_ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
-          ], 64)) : vue.renderSlot(_ctx.$slots, "title", { key: 1 })
-        ], 2),
-        vue.createElementVNode("ul", null, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ])
-      ], 2);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const l=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const n=e.defineComponent({name:"vft-menu-item-group"}),o=e.defineComponent({...n,props:{title:{}},setup(s){const r=l.useNamespace("menu-item-group");return(t,u)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(e.unref(r).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("title"))},[t.$slots.title?e.renderSlot(t.$slots,"title",{key:1}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.title),1)],64))],2),e.createElementVNode("ul",null,[e.renderSlot(t.$slots,"default")])],2))}});exports.default=o;

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

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const menuItem_vue_vue_type_script_setup_true_lang = require("./menu-item.vue2.cjs");
-exports.default = menuItem_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./menu-item.vue2.cjs");exports.default=e.default;

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

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

package/lib/components/menu/menu.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const menu_vue_vue_type_script_setup_true_lang = require("./menu.vue2.cjs");
-exports.default = menu_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./menu.vue2.cjs");exports.default=e.default;

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

@@ -1,307 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const utils = require("@vft/utils");
-const index$1 = require("../icon/index.cjs");
-const core = require("@vueuse/core");
-require("../config-provider/hooks/use-global-config.cjs");
-require("lodash-es");
-const vnode = require("../../utils/vue/vnode.cjs");
-const index = require("../../hooks/use-namespace/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-const menuCollapseTransition = require("./menu-collapse-transition.vue.cjs");
-const subMenu_vue_vue_type_script_setup_true_lang = require("./sub-menu.vue2.cjs");
-const useMenuCssVar = require("./use-menu-css-var.cjs");
-const menuBar = require("./utils/menu-bar.cjs");
-const __default__ = vue.defineComponent({
-  name: "vft-menu"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    mode: { default: "vertical" },
-    defaultActive: { default: "" },
-    defaultOpeneds: { default: () => [] },
-    uniqueOpened: { type: Boolean },
-    router: { type: Boolean },
-    menuTrigger: { default: "hover" },
-    collapse: { type: Boolean },
-    collapseTransition: { type: Boolean, default: true },
-    ellipsis: { type: Boolean, default: true },
-    horizontalMenuProps: {},
-    persistent: { type: Boolean, default: true }
-  },
-  emits: ["update:collapse", "sub-menu-click", "select", "close", "open"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const emit = __emit;
-    const ns = index.useNamespace("menu");
-    const slots = vue.useSlots();
-    const instance = vue.getCurrentInstance();
-    const _router = instance.appContext.config.globalProperties.$router;
-    const menu = vue.ref();
-    const nsSubMenu = index.useNamespace("sub-menu");
-    const sliceIndex = vue.ref(-1);
-    const openedMenus = vue.ref(
-      __props.defaultOpeneds && !__props.collapse ? __props.defaultOpeneds.slice(0) : []
-    );
-    const activeIndex = vue.ref(__props.defaultActive);
-    const items = vue.ref({});
-    const subMenus = vue.ref({});
-    const isMenuPopup = vue.computed(() => {
-      return __props.mode === "horizontal" || __props.mode === "vertical" && __props.collapse;
-    });
-    const initMenu = () => {
-      const activeItem = activeIndex.value && items.value[activeIndex.value];
-      if (!activeItem || __props.mode === "horizontal" || __props.collapse) return;
-      const indexPath = activeItem.indexPath;
-      indexPath.forEach((index2) => {
-        const subMenu = subMenus.value[index2];
-        subMenu && openMenu(index2, subMenu.indexPath);
-      });
-    };
-    const openMenu = (index2, indexPath, e) => {
-      if (openedMenus.value.includes(index2)) return;
-      if (__props.uniqueOpened) {
-        openedMenus.value = openedMenus.value.filter(
-          (index22) => indexPath.includes(index22)
-        );
-      }
-      openedMenus.value.push(index2);
-      emit("open", { index: index2, indexPath, e });
-    };
-    const closeMenu = (index2, indexPath, e) => {
-      const i = openedMenus.value.indexOf(index2);
-      if (i !== -1) {
-        openedMenus.value.splice(i, 1);
-      }
-      emit("close", { index: index2, indexPath, e });
-    };
-    const handleSubMenuClick = ({
-      e,
-      index: index2,
-      indexPath,
-      isFirstLevel = false
-    }) => {
-      if (!isFirstLevel) {
-        const isOpened = openedMenus.value.includes(index2);
-        if (isOpened) {
-          closeMenu(index2, indexPath, e);
-        } else {
-          openMenu(index2, indexPath, e);
-        }
-      }
-      emit("sub-menu-click", { e, index: index2, indexPath });
-    };
-    const handleMenuItemClick = (menuItem) => {
-      if (__props.mode === "horizontal" || __props.collapse) {
-        openedMenus.value = [];
-      }
-      const { index: index2, indexPath } = menuItem;
-      if (utils.isNullOrUndefined(index2) || utils.isNullOrUndefined(indexPath)) return;
-      if (__props.router && _router) {
-        const route = menuItem.route || index2;
-        const routerResult = _router.push(route).then((res) => {
-          if (!res) activeIndex.value = index2;
-          return res;
-        });
-        emit("select", menuItem, routerResult);
-      } else {
-        activeIndex.value = index2;
-        emit("select", menuItem);
-      }
-      if (utils.isMobile()) {
-        setTimeout(() => {
-          openedMenus.value = [];
-        }, 100);
-      }
-    };
-    const updateActiveIndex = (val) => {
-      const itemsInData = items.value;
-      const item = itemsInData[val] || activeIndex.value && itemsInData[activeIndex.value] || itemsInData[__props.defaultActive];
-      if (item) {
-        activeIndex.value = item.index;
-      } else {
-        activeIndex.value = val;
-      }
-    };
-    const calcSliceIndex = () => {
-      if (!menu.value) return -1;
-      const items2 = Array.from(menu.value?.childNodes ?? []).filter(
-        (item) => item.nodeName !== "#text" || item.nodeValue
-      );
-      const moreItemWidth = 64;
-      const paddingLeft = Number.parseInt(
-        getComputedStyle(menu.value).paddingLeft,
-        10
-      );
-      const paddingRight = Number.parseInt(
-        getComputedStyle(menu.value).paddingRight,
-        10
-      );
-      const menuWidth = menu.value.clientWidth - paddingLeft - paddingRight;
-      let calcWidth = 0;
-      let sliceIndex2 = 0;
-      items2.forEach((item, index2) => {
-        calcWidth += item.offsetWidth || 0;
-        if (calcWidth <= menuWidth - moreItemWidth) {
-          sliceIndex2 = index2 + 1;
-        }
-      });
-      return sliceIndex2 === items2.length ? -1 : sliceIndex2;
-    };
-    const debounce = (fn, wait = 33.34) => {
-      let timmer;
-      return () => {
-        timmer && clearTimeout(timmer);
-        timmer = setTimeout(() => {
-          fn();
-        }, wait);
-      };
-    };
-    let isFirstTimeRender = true;
-    const handleResize = () => {
-      const callback = () => {
-        sliceIndex.value = -1;
-        vue.nextTick(() => {
-          sliceIndex.value = calcSliceIndex();
-        });
-      };
-      isFirstTimeRender ? callback() : debounce(callback)();
-      isFirstTimeRender = false;
-    };
-    vue.watch(
-      () => __props.defaultActive,
-      (currentActive) => {
-        if (!items.value[currentActive]) {
-          activeIndex.value = "";
-        }
-        updateActiveIndex(currentActive);
-      }
-    );
-    vue.watch(
-      () => __props.collapse,
-      (value) => {
-        if (value) openedMenus.value = [];
-      }
-    );
-    vue.watch(items.value, initMenu);
-    let resizeStopper;
-    vue.watchEffect(() => {
-      if (__props.mode === "horizontal" && __props.ellipsis)
-        resizeStopper = core.useResizeObserver(menu, handleResize).stop;
-      else resizeStopper?.();
-    });
-    const addSubMenu = (item) => {
-      subMenus.value[item.index] = item;
-    };
-    const removeSubMenu = (item) => {
-      delete subMenus.value[item.index];
-    };
-    const addMenuItem = (item) => {
-      items.value[item.index] = item;
-    };
-    const removeMenuItem = (item) => {
-      delete items.value[item.index];
-    };
-    const inSubMenu = vue.ref(false);
-    const inSubMenuMouseEnterTimer = vue.ref();
-    const inSubMenuMouseleaveTimer = vue.ref();
-    vue.provide(
-      "rootMenu",
-      vue.reactive({
-        props: instance.props,
-        openedMenus,
-        items,
-        subMenus,
-        activeIndex,
-        isMenuPopup,
-        inSubMenu,
-        inSubMenuMouseEnterTimer,
-        inSubMenuMouseleaveTimer,
-        addMenuItem,
-        removeMenuItem,
-        addSubMenu,
-        removeSubMenu,
-        openMenu,
-        closeMenu,
-        handleMenuItemClick,
-        handleSubMenuClick
-      })
-    );
-    vue.provide(`subMenu:${instance.uid}`, {
-      addSubMenu,
-      removeSubMenu,
-      mouseInChild: vue.ref(false),
-      // 表示当前是第一级的 sub-menu
-      level: 0
-    });
-    vue.onMounted(() => {
-      if (__props.mode === "horizontal") {
-        new menuBar.default(instance.vnode.el, ns.namespace.value);
-      }
-    });
-    const openSubMenu = (index2) => {
-      const { indexPath } = subMenus.value[index2];
-      indexPath.forEach((i) => openMenu(i, indexPath));
-    };
-    __expose({
-      open: openSubMenu,
-      close: closeMenu,
-      handleResize,
-      menu,
-      inSubMenu
-    });
-    return () => {
-      let slot = slots.default?.() ?? [];
-      const vShowMore = [];
-      if (__props.mode === "horizontal" && menu.value) {
-        const originalSlot = vnode.flattedChildren(slot);
-        const slotDefault = sliceIndex.value === -1 ? originalSlot : originalSlot.slice(0, sliceIndex.value);
-        const slotMore = sliceIndex.value === -1 ? [] : originalSlot.slice(sliceIndex.value);
-        if (slotMore?.length && __props.ellipsis) {
-          slot = slotDefault;
-          vShowMore.push(
-            vue.h(
-              subMenu_vue_vue_type_script_setup_true_lang.default,
-              {
-                index: "sub-menu-more",
-                class: nsSubMenu.e("hide-arrow"),
-                ...__props.horizontalMenuProps
-              },
-              {
-                title: () => vue.h(index$1.VftIcon, {
-                  icon: "icon-menu-line",
-                  class: nsSubMenu.e("icon-more")
-                }),
-                default: () => slotMore
-              }
-            )
-          );
-        }
-      }
-      const ulStyle = useMenuCssVar.useMenuCssVar(instance.props, 0);
-      const vMenu = vue.h(
-        "ul",
-        {
-          key: String(__props.collapse),
-          role: "menubar",
-          ref: menu,
-          style: ulStyle.value,
-          class: {
-            [ns.b()]: true,
-            [ns.m(__props.mode)]: true,
-            [ns.m("collapse")]: __props.collapse
-          }
-        },
-        [...slot, ...vShowMore]
-      );
-      if (__props.collapseTransition && __props.mode === "vertical") {
-        return vue.h(menuCollapseTransition.default, () => vMenu);
-      }
-      return vMenu;
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),q=require("@vft/utils"),H=require("../icon/index.cjs"),J=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const K=require("../../utils/vue/vnode.cjs"),P=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Q=require("./menu-collapse-transition.vue.cjs"),X=require("./sub-menu.vue2.cjs"),Y=require("./use-menu-css-var.cjs"),Z=require("./utils/menu-bar.cjs"),_=n.defineComponent({name:"vft-menu"}),ee=n.defineComponent({..._,props:{mode:{default:"vertical"},defaultActive:{default:""},defaultOpeneds:{default:()=>[]},uniqueOpened:{type:Boolean},router:{type:Boolean},menuTrigger:{default:"hover"},collapse:{type:Boolean},collapseTransition:{type:Boolean,default:!0},ellipsis:{type:Boolean,default:!0},horizontalMenuProps:{},persistent:{type:Boolean,default:!0}},emits:["update:collapse","sub-menu-click","select","close","open"],setup(u,{expose:k,emit:w}){const m=w,p=P.useNamespace("menu"),B=n.useSlots(),h=n.getCurrentInstance(),x=h.appContext.config.globalProperties.$router,i=n.ref(),y=P.useNamespace("sub-menu"),f=n.ref(-1),s=n.ref(u.defaultOpeneds&&!u.collapse?u.defaultOpeneds.slice(0):[]),a=n.ref(u.defaultActive),r=n.ref({}),M=n.ref({}),R=n.computed(()=>u.mode==="horizontal"||u.mode==="vertical"&&u.collapse),A=()=>{const e=a.value&&r.value[a.value];if(!e||u.mode==="horizontal"||u.collapse)return;e.indexPath.forEach(l=>{const o=M.value[l];o&&b(l,o.indexPath)})},b=(e,t,l)=>{s.value.includes(e)||(u.uniqueOpened&&(s.value=s.value.filter(o=>t.includes(o))),s.value.push(e),m("open",{index:e,indexPath:t,e:l}))},S=(e,t,l)=>{const o=s.value.indexOf(e);o!==-1&&s.value.splice(o,1),m("close",{index:e,indexPath:t,e:l})},E=({e,index:t,indexPath:l,isFirstLevel:o=!1})=>{o||(s.value.includes(t)?S(t,l,e):b(t,l,e)),m("sub-menu-click",{e,index:t,indexPath:l})},W=e=>{(u.mode==="horizontal"||u.collapse)&&(s.value=[]);const{index:t,indexPath:l}=e;if(!(q.isNullOrUndefined(t)||q.isNullOrUndefined(l))){if(u.router&&x){const o=e.route||t,c=x.push(o).then(d=>(d||(a.value=t),d));m("select",e,c)}else a.value=t,m("select",e);q.isMobile()&&setTimeout(()=>{s.value=[]},100)}},V=e=>{const t=r.value,l=t[e]||a.value&&t[a.value]||t[u.defaultActive];l?a.value=l.index:a.value=e},$=()=>{if(!i.value)return-1;const e=Array.from(i.value?.childNodes??[]).filter(g=>g.nodeName!=="#text"||g.nodeValue),t=64,l=Number.parseInt(getComputedStyle(i.value).paddingLeft,10),o=Number.parseInt(getComputedStyle(i.value).paddingRight,10),c=i.value.clientWidth-l-o;let d=0,v=0;return e.forEach((g,G)=>{d+=g.offsetWidth||0,d<=c-t&&(v=G+1)}),v===e.length?-1:v},D=(e,t=33.34)=>{let l;return()=>{l&&clearTimeout(l),l=setTimeout(()=>{e()},t)}};let C=!0;const I=()=>{const e=()=>{f.value=-1,n.nextTick(()=>{f.value=$()})};C?e():D(e)(),C=!1};n.watch(()=>u.defaultActive,e=>{r.value[e]||(a.value=""),V(e)}),n.watch(()=>u.collapse,e=>{e&&(s.value=[])}),n.watch(r.value,A);let O;n.watchEffect(()=>{u.mode==="horizontal"&&u.ellipsis?O=J.useResizeObserver(i,I).stop:O?.()});const T=e=>{M.value[e.index]=e},z=e=>{delete M.value[e.index]},L=e=>{r.value[e.index]=e},U=e=>{delete r.value[e.index]},N=n.ref(!1),j=n.ref(),F=n.ref();return n.provide("rootMenu",n.reactive({props:h.props,openedMenus:s,items:r,subMenus:M,activeIndex:a,isMenuPopup:R,inSubMenu:N,inSubMenuMouseEnterTimer:j,inSubMenuMouseleaveTimer:F,addMenuItem:L,removeMenuItem:U,addSubMenu:T,removeSubMenu:z,openMenu:b,closeMenu:S,handleMenuItemClick:W,handleSubMenuClick:E})),n.provide(`subMenu:${h.uid}`,{addSubMenu:T,removeSubMenu:z,mouseInChild:n.ref(!1),level:0}),n.onMounted(()=>{u.mode==="horizontal"&&new Z.default(h.vnode.el,p.namespace.value)}),k({open:e=>{const{indexPath:t}=M.value[e];t.forEach(l=>b(l,t))},close:S,handleResize:I,menu:i,inSubMenu:N}),()=>{let e=B.default?.()??[];const t=[];if(u.mode==="horizontal"&&i.value){const c=K.flattedChildren(e),d=f.value===-1?c:c.slice(0,f.value),v=f.value===-1?[]:c.slice(f.value);v?.length&&u.ellipsis&&(e=d,t.push(n.h(X.default,{index:"sub-menu-more",class:y.e("hide-arrow"),...u.horizontalMenuProps},{title:()=>n.h(H.VftIcon,{icon:"icon-menu-line",class:y.e("icon-more")}),default:()=>v})))}const l=Y.useMenuCssVar(h.props,0),o=n.h("ul",{key:String(u.collapse),role:"menubar",ref:i,style:l.value,class:{[p.b()]:!0,[p.m(u.mode)]:!0,[p.m("collapse")]:u.collapse}},[...e,...t]);return u.collapseTransition&&u.mode==="vertical"?n.h(Q.default,()=>o):o}}});exports.default=ee;

package/lib/components/menu/style/css.cjs

@@ -1,6 +1 @@
-"use strict";
-require("vft/theme-style/base.css");
-require("vft/theme-style/vft-tooltip.css");
-require("vft/theme-style/vft-popper.css");
-require("vft/theme-style/vft-icon.css");
-require("vft/theme-style/vft-menu.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-tooltip.css");require("vft/theme-style/vft-popper.css");require("vft/theme-style/vft-icon.css");require("vft/theme-style/vft-menu.css");

package/lib/components/menu/style/index.cjs

@@ -1,6 +1 @@
-"use strict";
-require("vft/theme-style/src/base.scss");
-require("vft/theme-style/src/tooltip.scss");
-require("vft/theme-style/src/popper.scss");
-require("vft/theme-style/src/icon.scss");
-require("vft/theme-style/src/menu.scss");
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/tooltip.scss");require("vft/theme-style/src/popper.scss");require("vft/theme-style/src/icon.scss");require("vft/theme-style/src/menu.scss");

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

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const subMenu_vue_vue_type_script_setup_true_lang = require("./sub-menu.vue2.cjs");
-exports.default = subMenu_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./sub-menu.vue2.cjs");exports.default=e.default;