vft 0.0.11 → 0.0.14

package/es/packages/components/menu/sub-menu.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sub-menu.vue2.mjs","sources":["../../../../../../packages/components/menu/sub-menu.vue"],"sourcesContent":["<script lang=\"tsx\">\nconst ns = /* hoist-static*/ useNamespace('sub-menu')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"tsx\" setup>\nimport { type IconProps, type Placement, type ToolTipProps, VftCollapseTransition as CollapseTransition, VftIcon as Icon, VftTooltip as Tooltip } from '@vft-ui/components';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { throwError } from '@vft-ui/utils';\nimport { renderTNode, singleAttrToObj } from '@vft/utils';\nimport { useTimeoutFn } from '@vueuse/core';\nimport type { CSSProperties, VNodeArrayChildren } from 'vue';\nimport { computed, Fragment, getCurrentInstance, h, inject, onBeforeUnmount, onMounted, provide, reactive, ref, useSlots, vShow, watch, withDirectives } from 'vue';\nimport type { MenuProvider, SubMenuProvider } from './types';\nimport useMenu from './use-menu';\nimport { useMenuCssVar } from './use-menu-css-var';\n\ninterface Props {\n  /** 唯一标志 */\n  index: string;\n  /** 展开 sub-menu 的延时 */\n  showTimeout?: number;\n  /** 收起 sub-menu 的延时 */\n  hideTimeout?: number;\n  /** 为 popper 添加类名 */\n  popperClass?: ClassType;\n  /** 是否禁用 */\n  disabled?: boolean;\n  popperAppendToBody?: boolean;\n  /** 弹出窗口偏移 */\n  popperOffset?: number;\n  expandIcon?: IconProps;\n  collapseIcon?: IconProps;\n  title?: string;\n  icon?: IconProps | string;\n  showArrow?: boolean;\n  toolTipCfg?: ToolTipProps;\n}\n\ndefineProps({\n  \"index\": null,\n  \"showTimeout\": { default: 300 },\n  \"hideTimeout\": { default: 300 },\n  \"popperClass\": null,\n  \"disabled\": { type: Boolean,  },\n  \"popperAppendToBody\": { type: Boolean, default: undefined },\n  \"popperOffset\": { default: 6 },\n  \"expandIcon\": { default: {} },\n  \"collapseIcon\": { default: {} },\n  \"title\": null,\n  \"icon\": null,\n  \"showArrow\": { type: Boolean, default: true },\n  \"toolTipCfg\": null\n})\n\n\n\n;\n\nconst instance = getCurrentInstance()!;\n\n// 返回当前 sub-menu 对应的 indexPath 页面中对 submenu 定义的 index parentMenu -> vft-menu 组件\nconst { indexPath, parentMenu } = useMenu(instance, computed(() => __props.index));\n\nconst nsMenu = useNamespace('menu');\nconst nsSubMenu = useNamespace('sub-menu');\n\n// 接受 vft-menu 组件中注入的数据\nconst rootMenu = inject<MenuProvider>('rootMenu');\nif (!rootMenu) throwError(ns.b(), 'can not inject root menu');\n\n// 接受 vft-menu 组件中注入的数据 parentMenu.value!.uid 当前 sub-menu 组件对应的 menu.vue 组件\nconst subMenu = inject<SubMenuProvider>(`subMenu:${parentMenu.value!.uid}`);\nif (!subMenu) throwError(ns.b(), 'can not inject sub menu');\n\n/**\n * 格式如下\n * ```\n * {\n *  1-1:{index: '1-1', indexPath: ['mio', '1-1'], active: false},\n *  1-2:{index: '1-2', indexPath: ['mio', '1-2'], active: false}\n * }\n * ```\n * @param {MenuItemRegistered} item\n */\nconst subMenus = ref<MenuProvider['subMenus']>({});\n\nlet timeout: (() => void) | undefined;\nconst mouseInChild = ref(false);\n\n// sub-menu-title 的 ref\nconst verticalTitleRef = ref<HTMLDivElement>();\n// tooltip 的实例\nconst vPopper = ref(null);\n\n// toolTop 的展示位置\nconst currentPlacement = computed<Placement>(\n  () => (mode.value === 'horizontal' && isFirstLevel.value ? 'bottom-start' : 'right-start'));\n\n// 是否为第一级的 subMenu\nconst isFirstLevel = computed(() => {\n  return subMenu.level === 0;\n});\n\nconst appendToBody = computed(() => {\n  return __props.popperAppendToBody === undefined ? isFirstLevel.value : Boolean(__props.popperAppendToBody);\n});\n\n// toolTip 弹出的动画名称\nconst menuTransitionName = computed(\n  () => (rootMenu.props.collapse ? `${nsMenu.namespace.value}-zoom-in-left` : `${nsMenu.namespace.value}-zoom-in-top`));\n\nconst fallbackPlacements = computed<Placement[]>(() =>\n  mode.value === 'horizontal' && isFirstLevel.value\n    ? ['bottom-start', 'bottom-end', 'top-start', 'top-end', 'right-start', 'left-start']\n    : ['right-start', 'left-start', 'bottom-start', 'bottom-end', 'top-start', 'top-end']\n);\n\n// 获取当前的 index 是否包含在 openedMenus 中，表示当前 sub-menu 是否已经展开，子节点就是通过这个使用 v-show 来显隐\nconst opened = computed(() => rootMenu.openedMenus.includes(__props.index));\n\nconst active = computed(() => {\n  let isActive = false;\n  Object.values(subMenus.value).forEach((subItem) => {\n    if (subItem.active) {\n      isActive = true;\n    }\n  });\n  if (__props.index === rootMenu.activeIndex) {\n    isActive = true;\n  }\n  return isActive;\n});\n\nconst backgroundColor = computed(() => rootMenu.props.backgroundColor || '');\n\nconst activeTextColor = computed(() => rootMenu.props.activeTextColor || '');\n\nconst textColor = computed(() => rootMenu.props.textColor || '');\n\nconst mode = computed(() => rootMenu.props.mode);\n\nconst item = reactive({\n  index: __props.index,\n  indexPath,\n  active\n});\n\n//\nconst titleStyle = computed<CSSProperties>(() => {\n  if (mode.value !== 'horizontal') {\n    return {\n      color: textColor.value\n    };\n  }\n  return {\n    borderBottomColor: active.value ? (rootMenu.props.activeTextColor ? activeTextColor.value : '') : 'transparent',\n    color: active.value ? activeTextColor.value : textColor.value\n  };\n});\n\n// 销毁 toolTip\nconst doDestroy = () => vPopper.value?.popperRef?.popperInstanceRef?.destroy();\n\n// 当菜单收缩展开时执行销毁 toolTip\nconst handleCollapseToggle = (value: boolean) => {\n  if (!value) {\n    doDestroy();\n  }\n};\n\n// sub-menu 菜单点击事件\nconst handleClick = () => {\n  // 以下几种情况不执行点击事件操作\n  if ((rootMenu.props.menuTrigger === 'hover' && rootMenu.props.mode === 'horizontal') || (rootMenu.props.collapse && rootMenu.props.mode === 'vertical') || __props.disabled) return;\n\n  // 调用 menn.vue 中的 handleSubMenuClick 点击事件，传入参数\n  rootMenu.handleSubMenuClick({\n    index: __props.index,\n    indexPath: indexPath.value,\n    active: active.value\n  });\n};\n\n// 滑入 sub-menu 菜单事件\nconst handleMouseenter = (event: MouseEvent | FocusEvent, _showTimeout = __props.showTimeout) => {\n  if (event.type === 'focus') {\n    return;\n  }\n  if ((rootMenu.props.menuTrigger === 'click' && rootMenu.props.mode === 'horizontal') || (!rootMenu.props.collapse && rootMenu.props.mode === 'vertical') || __props.disabled) {\n    return;\n  }\n  subMenu.mouseInChild.value = true;\n\n  // 根据 _showTimeout 展开滑入的菜单子项\n  timeout?.();\n  ({ stop: timeout } = useTimeoutFn(() => {\n    rootMenu.openMenu(__props.index, indexPath.value);\n  }, _showTimeout));\n\n  if (appendToBody.value) {\n    parentMenu.value.vnode.el?.dispatchEvent(new MouseEvent('mouseenter'));\n  }\n};\n\n// 离开滑入的菜单\nconst handleMouseleave = (deepDispatch = false) => {\n  if ((rootMenu.props.menuTrigger === 'click' && rootMenu.props.mode === 'horizontal') || (!rootMenu.props.collapse && rootMenu.props.mode === 'vertical')) {\n    return;\n  }\n  timeout?.();\n  subMenu.mouseInChild.value = false;\n  ({ stop: timeout } = useTimeoutFn(\n    () => !mouseInChild.value && rootMenu.closeMenu(__props.index, indexPath.value),\n    __props.hideTimeout));\n\n  if (appendToBody.value && deepDispatch) {\n    if (instance.parent?.type.name === 'vft-sub-menu') {\n      subMenu.handleMouseleave?.(true);\n    }\n  }\n};\n\n// 监听菜单的收缩展开决定是否销毁 ToolTip\nwatch(\n  () => rootMenu.props.collapse,\n  (value) => handleCollapseToggle(Boolean(value))\n);\n\n// 以下代码在 menu-item.vue 中触发\n{\n  /**\n   * 此函数在 menu-item 中触发，items.value 默认为空对象\n   * 最后添加后的 items 格式如下\n   * ```\n   * {\n   *  1-1:{index: '1-1', indexPath: ['mio', '1-1'], active: false},\n   *  1-2:{index: '1-2', indexPath: ['mio', '1-2'], active: false}\n   * }\n   * ```\n   * @param {MenuItemRegistered} item\n   */\n  const addSubMenu: SubMenuProvider['addSubMenu'] = (item) => {\n    subMenus.value[item.index] = item;\n  };\n  const removeSubMenu: SubMenuProvider['removeSubMenu'] = (item) => {\n    delete subMenus.value[item.index];\n  };\n  provide<SubMenuProvider>(`subMenu:${instance.uid}`, {\n    addSubMenu,\n    removeSubMenu,\n    handleMouseleave,\n    mouseInChild,\n    level: subMenu.level + 1\n  });\n}\n\ndefineExpose({\n  opened\n});\n\nonMounted(() => {\n  rootMenu.addSubMenu(item);\n  subMenu.addSubMenu(item);\n});\n\nonBeforeUnmount(() => {\n  subMenu.removeSubMenu(item);\n  rootMenu.removeSubMenu(item);\n});\n\nconst slots = useSlots();\n\n// 箭头设置\nconst subMenuIcon = computed(() => {\n  // 水平模式第一级 或者 竖直非折叠\n  return (mode.value === 'horizontal' && isFirstLevel.value) || (mode.value === 'vertical' && !rootMenu.props.collapse)\n    ? { icon: 'vi-arrow-down', size: 20, ...__props.expandIcon } :\n    { icon: 'vi-arrow-right', size: 18, ...__props.collapseIcon };\n});\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon') as IconProps;\n});\n\nconst titleCon = computed(() => {\n  return renderTNode(instance, 'title');\n});\n\ndefineRender(() => {\n  // sub-menu 的标题以及展开箭头 icon 相关\n  const titleTag: VNodeArrayChildren = [\n    _icon.value?.icon ? h(Icon, { ..._icon.value }) : null,\n    h(\n      'span',\n      {\n        class: __props.showArrow ? nsSubMenu.e('text') : '',\n        title: instance.props.title\n      },\n      titleCon.value\n    ),\n    __props.showArrow ? h(\n      Icon,\n      {\n        class: nsSubMenu.e('icon-arrow'),\n        ...subMenuIcon.value,\n        style: { transform: opened.value ? 'rotateZ(180deg)' : 'none' }\n      }\n    ) : false\n  ];\n\n  // 给 vft-menu class 这一栏加入 level 等级，以此来区分当前的 level: --vft-menu-level:2;\n  const ulStyle = useMenuCssVar(rootMenu.props, subMenu.level + 1);\n\n  /**\n   * rootMenu.isMenuPopup 是否需要 tooltip 1.水平模式的菜单需要 2.竖直类型的菜单在收缩时需要\n   * 如果需要 tooltip 用 h 函数渲染时，则采用 ElTooltip 组件\n   * @type {VNode}\n   */\n  const child = rootMenu.isMenuPopup\n    ? h(\n      Tooltip,\n      {\n        ref: vPopper,\n        visible: opened.value,\n        effect: 'light',\n        pure: true,\n        offset: __props.popperOffset,\n        showArrow: false,\n        persistent: true,\n        popperClass: __props.popperClass,\n        placement: currentPlacement.value,\n        teleported: appendToBody.value,\n        fallbackPlacements: fallbackPlacements.value,\n        transition: menuTransitionName.value,\n        gpuAcceleration: false,\n        ...__props.toolTipCfg\n      },\n      {\n        content: () =>\n          h(\n            'div',\n            {\n              class: [nsMenu.m(mode.value), nsMenu.m('popup-container'), __props.popperClass],\n              onMouseenter: (evt: MouseEvent) => handleMouseenter(evt, 100),\n              onMouseleave: () => handleMouseleave(true),\n              onFocus: (evt: FocusEvent) => handleMouseenter(evt, 100)\n            },\n            [\n              h(\n                'ul',\n                {\n                  class: [nsMenu.b(), nsMenu.m('popup'), nsMenu.m(\n                    `popup-${currentPlacement.value}`)],\n                  style: ulStyle.value\n                },\n                [slots.default?.()]\n              )\n            ]\n          ),\n        default: () =>\n          h(\n            'div',\n            {\n              class: nsSubMenu.e('title'),\n              style: [titleStyle.value, { backgroundColor: backgroundColor.value }],\n              onClick: handleClick\n            },\n            titleTag\n          )\n      }\n    )\n    :\n    /**\n     *  Fragment 碎片化节点，可以让 dom 没有根节点\n     *\n     *  以下是无需 tooltip 渲染的组件，通常是侧边栏没有折叠的时候\n     */\n    h(Fragment, {}, [\n      titleCon.value ? h(\n        'div',\n        {\n          class: nsSubMenu.e('title'),\n          style: [titleStyle.value, { backgroundColor: backgroundColor.value }],\n          ref: verticalTitleRef,\n          onClick: handleClick\n        },\n        titleTag\n      ) : null,\n      h(\n        CollapseTransition,\n        {},\n        {\n          default: () =>\n            withDirectives(\n              h(\n                'ul',\n                {\n                  role: 'menu',\n                  class: [nsMenu.b(), nsMenu.m('inline')],\n                  style: ulStyle.value\n                },\n                [slots.default?.()]\n              ),\n              [[vShow, opened.value]]\n            )\n        }\n      )\n    ]);\n\n  return h(\n    'li',\n    {\n      class: [nsSubMenu.b(), nsSubMenu.is('active', active.value),\n        nsSubMenu.is('opened', opened.value), nsSubMenu.is('disabled', __props.disabled)],\n      role: 'menuitem',\n      ariaHaspopup: true,\n      ariaExpanded: opened.value,\n      onMouseenter: handleMouseenter,\n      onMouseleave: () => handleMouseleave(true),\n      onFocus: handleMouseenter\n    },\n    [child]\n  );\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","name","b","instance","getCurrentInstance","indexPath","parentMenu","useMenu","computed","__props","index","nsMenu","nsSubMenu","rootMenu","inject","throwError","subMenu","value","uid","subMenus","ref","timeout","mouseInChild","verticalTitleRef","vPopper","currentPlacement","mode","isFirstLevel","level","appendToBody","popperAppendToBody","undefined","Boolean","menuTransitionName","props","collapse","namespace","fallbackPlacements","opened","openedMenus","includes","active","isActive","Object","values","forEach","subItem","activeIndex","backgroundColor","activeTextColor","textColor","item","reactive","titleStyle","color","borderBottomColor","doDestroy","popperRef","popperInstanceRef","destroy","handleCollapseToggle","handleClick","menuTrigger","disabled","handleSubMenuClick","handleMouseenter","event","_showTimeout","showTimeout","type","stop","useTimeoutFn","openMenu","vnode","el","dispatchEvent","MouseEvent","handleMouseleave","deepDispatch","closeMenu","hideTimeout","parent","watch","addSubMenu","removeSubMenu","provide","expose","onMounted","onBeforeUnmount","slots","useSlots","subMenuIcon","icon","size","expandIcon","collapseIcon","_icon","singleAttrToObj","titleCon","renderTNode","titleTag","h","Icon","class","showArrow","e","title","style","transform","ulStyle","useMenuCssVar","child","isMenuPopup","Tooltip","visible","effect","pure","offset","popperOffset","persistent","popperClass","placement","teleported","transition","gpuAcceleration","toolTipCfg","content","m","onMouseenter","evt","onMouseleave","onFocus","default","onClick","Fragment","CollapseTransition","withDirectives","role","vShow","is","ariaHaspopup","ariaExpanded"],"mappings":"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"}

package/es/packages/components/menu/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/es/packages/components/menu/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/packages/components/menu/use-menu-css-var.mjs

@@ -0,0 +1,18 @@
+import { computed as t } from "vue";
+import { useNamespace as m } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import "@vft/utils";
+const f = (p, r) => {
+  const o = m("menu");
+  return t(() => o.cssVarBlock({
+    level: `${r}`
+  }));
+};
+export {
+  f as useMenuCssVar
+};
+//# sourceMappingURL=use-menu-css-var.mjs.map

package/es/packages/components/menu/use-menu-css-var.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-menu-css-var.mjs","sources":["../../../../../../packages/components/menu/use-menu-css-var.ts"],"sourcesContent":["import { computed } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\n\nexport const useMenuCssVar = (props: any, level: number) => {\n  const ns = useNamespace('menu');\n  return computed(() => {\n    return ns.cssVarBlock({\n      level: `${level}`\n    });\n  });\n};\n"],"names":["useMenuCssVar","props","level","ns","useNamespace","computed"],"mappings":";;;;;;;;AAGa,MAAAA,IAAgB,CAACC,GAAYC,MAAkB;AACpD,QAAAC,IAAKC,EAAa,MAAM;AAC9B,SAAOC,EAAS,MACPF,EAAG,YAAY;AAAA,IACpB,OAAO,GAAGD;AAAA,EAAA,CACX,CACF;AACH;"}

package/es/packages/components/menu/use-menu.mjs

@@ -0,0 +1,23 @@
+import { computed as r } from "vue";
+function i(t, p) {
+  const u = r(() => {
+    let e = t.parent;
+    const n = [p.value];
+    for (; e.type.name !== "vft-menu"; )
+      e.props.index && n.unshift(e.props.index), e = e.parent;
+    return n;
+  });
+  return {
+    parentMenu: r(() => {
+      let e = t.parent;
+      for (; e && !["vft-menu", "vft-sub-menu"].includes(e.type.name); )
+        e = e.parent;
+      return e;
+    }),
+    indexPath: u
+  };
+}
+export {
+  i as default
+};
+//# sourceMappingURL=use-menu.mjs.map

package/es/packages/components/menu/use-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-menu.mjs","sources":["../../../../../../packages/components/menu/use-menu.ts"],"sourcesContent":["import { computed } from 'vue';\n\nimport type { ComponentInternalInstance, Ref } from 'vue';\n\n/**\n * @description menu-item 与 sub-menu 都会调用此方法\n * @author wfd\n * @date 2022/11/8 14:02\n * @example\n * @param {ComponentInternalInstance} instance\n * @param {Ref<string>} currentIndex\n * @returns {{indexPath: ComputedRef<string[]>, parentMenu: ComputedRef<ComponentInternalInstance>}}\n */\nexport default function useMenu(\n  instance: ComponentInternalInstance,\n  currentIndex: Ref<string>\n) {\n  \n  /**\n   * 这个 indexPath 是如何查找的，一般我们会给 vft-sub-menu 组件一个 index 属性，由于这个文件只有 menu-item 与 sub-menu 调用，\n   * 由于 sub-menu 向上查询，不会有 index 属性了，主要是不断去找 menu-item 的父组件的 props 中的 index 属性\n   *\n   * 所以最终 indexPath 返回 menu-item：[自身的 index，sub-menu 的 index]，sub-menu: [自身的index]\n   *\n   * sub-menu:['mio'] menu-item:['mio', '1-2']\n   * @type {ComputedRef<string[]>}\n   */\n  const indexPath = computed(() => {\n    let parent = instance.parent!;\n    \n    const path = [currentIndex.value];\n    while (parent.type.name !== 'vft-menu') {\n      if (parent.props.index) {\n        path.unshift(parent.props.index as string);\n      }\n      parent = parent.parent!;\n    }\n    return path;\n  });\n  \n  /**\n   * @description 如果是 sub-menu 文件最终返回的 parent 是 vft-menu 组件，如果是 menu-item 最终返回的是 vft-sub-menu 组件\n   * @author wfd\n   * @date 2022/11/8 16:23\n   * @example\n   * @type {ComputedRef<ComponentInternalInstance>}\n   */\n  const parentMenu = computed(() => {\n    let parent = instance.parent;\n    while (parent && !['vft-menu', 'vft-sub-menu'].includes(parent.type.name!)) {\n      parent = parent.parent;\n    }\n    return parent!;\n  });\n  \n  return {\n    parentMenu,\n    indexPath\n  };\n}\n"],"names":["useMenu","instance","currentIndex","indexPath","computed","parent","path"],"mappings":";AAawB,SAAAA,EACtBC,GACAC,GACA;AAWM,QAAAC,IAAYC,EAAS,MAAM;AAC/B,QAAIC,IAASJ,EAAS;AAEhB,UAAAK,IAAO,CAACJ,EAAa,KAAK;AACzB,WAAAG,EAAO,KAAK,SAAS;AACtB,MAAAA,EAAO,MAAM,SACVC,EAAA,QAAQD,EAAO,MAAM,KAAe,GAE3CA,IAASA,EAAO;AAEX,WAAAC;AAAA,EAAA,CACR;AAiBM,SAAA;AAAA,IACL,YATiBF,EAAS,MAAM;AAChC,UAAIC,IAASJ,EAAS;AACf,aAAAI,KAAU,CAAC,CAAC,YAAY,cAAc,EAAE,SAASA,EAAO,KAAK,IAAK;AACvE,QAAAA,IAASA,EAAO;AAEX,aAAAA;AAAA,IAAA,CACR;AAAA,IAIC,WAAAF;AAAA,EAAA;AAEJ;"}

package/es/packages/components/menu/utils/menu-bar.mjs

@@ -0,0 +1,16 @@
+import i from "./menu-item.mjs";
+class s {
+  constructor(o, e) {
+    this.domNode = o, this.init(e);
+  }
+  init(o) {
+    const e = this.domNode.childNodes;
+    Array.from(e).forEach((t) => {
+      t.nodeType === 1 && new i(t, o);
+    });
+  }
+}
+export {
+  s as default
+};
+//# sourceMappingURL=menu-bar.mjs.map

package/es/packages/components/menu/utils/menu-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-bar.mjs","sources":["../../../../../../../packages/components/menu/utils/menu-bar.ts"],"sourcesContent":["import MenuItem from './menu-item';\n\nimport type { RendererNode } from 'vue';\n\nclass Menu {\n  constructor(public domNode: RendererNode, namespace: string) {\n    this.init(namespace);\n  }\n  init(namespace: string): void {\n    const menuChildren = this.domNode.childNodes;\n    Array.from<Node>(menuChildren).forEach((child) => {\n      if (child.nodeType === 1) {\n        new MenuItem(child as HTMLElement, namespace);\n      }\n    });\n  }\n}\n\nexport default Menu;\n"],"names":["Menu","domNode","namespace","menuChildren","child","MenuItem"],"mappings":";AAIA,MAAMA,EAAK;AAAA,EACT,YAAmBC,GAAuBC,GAAmB;AAA1C,SAAA,UAAAD,GACjB,KAAK,KAAKC,CAAS;AAAA,EACrB;AAAA,EACA,KAAKA,GAAyB;AACtB,UAAAC,IAAe,KAAK,QAAQ;AAClC,UAAM,KAAWA,CAAY,EAAE,QAAQ,CAACC,MAAU;AAC5C,MAAAA,EAAM,aAAa,KACjB,IAAAC,EAASD,GAAsBF,CAAS;AAAA,IAC9C,CACD;AAAA,EACH;AACF;"}

package/es/packages/components/menu/utils/menu-item.mjs

@@ -0,0 +1,42 @@
+import { triggerEvent as u } from "@vft/utils";
+import { EVENT_CODE as s } from "@vft/constants";
+import r from "./submenu.mjs";
+class m {
+  constructor(e, t) {
+    this.domNode = e, this.submenu = null, this.submenu = null, this.init(t);
+  }
+  init(e) {
+    this.domNode.setAttribute("tabindex", "0");
+    const t = this.domNode.querySelector(`.${e}-menu`);
+    t && (this.submenu = new r(this, t)), this.addListeners();
+  }
+  addListeners() {
+    this.domNode.addEventListener("keydown", (e) => {
+      let t = !1;
+      switch (e.code) {
+        case s.down: {
+          u(e.currentTarget, "mouseenter"), this.submenu && this.submenu.gotoSubIndex(0), t = !0;
+          break;
+        }
+        case s.up: {
+          u(e.currentTarget, "mouseenter"), this.submenu && this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1), t = !0;
+          break;
+        }
+        case s.tab: {
+          u(e.currentTarget, "mouseleave");
+          break;
+        }
+        case s.enter:
+        case s.space: {
+          t = !0, e.currentTarget.click();
+          break;
+        }
+      }
+      t && e.preventDefault();
+    });
+  }
+}
+export {
+  m as default
+};
+//# sourceMappingURL=menu-item.mjs.map

package/es/packages/components/menu/utils/menu-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.mjs","sources":["../../../../../../../packages/components/menu/utils/menu-item.ts"],"sourcesContent":["import { triggerEvent } from '@vft/utils';\nimport { EVENT_CODE } from '@vft/constants';\nimport SubMenu from './submenu';\n\nclass MenuItem {\n  public submenu: SubMenu | null = null;\n  constructor(public domNode: HTMLElement, namespace: string) {\n    this.submenu = null;\n    this.init(namespace);\n  }\n\n  init(namespace: string): void {\n    this.domNode.setAttribute('tabindex', '0');\n    const menuChild = this.domNode.querySelector(`.${namespace}-menu`);\n    if (menuChild) {\n      this.submenu = new SubMenu(this, menuChild);\n    }\n    this.addListeners();\n  }\n\n  addListeners(): void {\n    this.domNode.addEventListener('keydown', (event: KeyboardEvent) => {\n      let prevDef = false;\n      switch (event.code) {\n        case EVENT_CODE.down: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter');\n          this.submenu && this.submenu.gotoSubIndex(0);\n          prevDef = true;\n          break;\n        }\n        case EVENT_CODE.up: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter');\n          this.submenu && this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1);\n          prevDef = true;\n          break;\n        }\n        case EVENT_CODE.tab: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseleave');\n          break;\n        }\n        case EVENT_CODE.enter:\n        case EVENT_CODE.space: {\n          prevDef = true;\n          (event.currentTarget as HTMLElement).click();\n          break;\n        }\n      }\n      if (prevDef) {\n        event.preventDefault();\n      }\n    });\n  }\n}\n\nexport default MenuItem;\n"],"names":["MenuItem","domNode","namespace","menuChild","SubMenu","event","prevDef","EVENT_CODE","triggerEvent"],"mappings":";;;AAIA,MAAMA,EAAS;AAAA,EAEb,YAAmBC,GAAsBC,GAAmB;AAAzC,SAAA,UAAAD,GADnB,KAAO,UAA0B,MAE/B,KAAK,UAAU,MACf,KAAK,KAAKC,CAAS;AAAA,EACrB;AAAA,EAEA,KAAKA,GAAyB;AACvB,SAAA,QAAQ,aAAa,YAAY,GAAG;AACzC,UAAMC,IAAY,KAAK,QAAQ,cAAc,IAAID,QAAgB;AACjE,IAAIC,MACF,KAAK,UAAU,IAAIC,EAAQ,MAAMD,CAAS,IAE5C,KAAK,aAAa;AAAA,EACpB;AAAA,EAEA,eAAqB;AACnB,SAAK,QAAQ,iBAAiB,WAAW,CAACE,MAAyB;AACjE,UAAIC,IAAU;AACd,cAAQD,EAAM,MAAM;AAAA,QAClB,KAAKE,EAAW,MAAM;AACP,UAAAC,EAAAH,EAAM,eAA8B,YAAY,GAC7D,KAAK,WAAW,KAAK,QAAQ,aAAa,CAAC,GACjCC,IAAA;AACV;AAAA,QACF;AAAA,QACA,KAAKC,EAAW,IAAI;AACL,UAAAC,EAAAH,EAAM,eAA8B,YAAY,GACxD,KAAA,WAAW,KAAK,QAAQ,aAAa,KAAK,QAAQ,aAAa,SAAS,CAAC,GACpEC,IAAA;AACV;AAAA,QACF;AAAA,QACA,KAAKC,EAAW,KAAK;AACN,UAAAC,EAAAH,EAAM,eAA8B,YAAY;AAC7D;AAAA,QACF;AAAA,QACA,KAAKE,EAAW;AAAA,QAChB,KAAKA,EAAW,OAAO;AACX,UAAAD,IAAA,IACTD,EAAM,cAA8B;AACrC;AAAA,QACF;AAAA,MACF;AACA,MAAIC,KACFD,EAAM,eAAe;AAAA,IACvB,CACD;AAAA,EACH;AACF;"}

package/es/packages/components/menu/utils/submenu.mjs

@@ -0,0 +1,45 @@
+import { triggerEvent as n } from "@vft/utils";
+import { EVENT_CODE as t } from "@vft/constants";
+class h {
+  constructor(e, o) {
+    this.parent = e, this.domNode = o, this.subIndex = 0, this.subIndex = 0, this.init();
+  }
+  init() {
+    this.subMenuItems = this.domNode.querySelectorAll("li"), this.addListeners();
+  }
+  gotoSubIndex(e) {
+    e === this.subMenuItems.length ? e = 0 : e < 0 && (e = this.subMenuItems.length - 1), this.subMenuItems[e].focus(), this.subIndex = e;
+  }
+  addListeners() {
+    const e = this.parent.domNode;
+    Array.prototype.forEach.call(this.subMenuItems, (o) => {
+      o.addEventListener("keydown", (s) => {
+        let r = !1;
+        switch (s.code) {
+          case t.down: {
+            this.gotoSubIndex(this.subIndex + 1), r = !0;
+            break;
+          }
+          case t.up: {
+            this.gotoSubIndex(this.subIndex - 1), r = !0;
+            break;
+          }
+          case t.tab: {
+            n(e, "mouseleave");
+            break;
+          }
+          case t.enter:
+          case t.space: {
+            r = !0, s.currentTarget.click();
+            break;
+          }
+        }
+        return r && (s.preventDefault(), s.stopPropagation()), !1;
+      });
+    });
+  }
+}
+export {
+  h as default
+};
+//# sourceMappingURL=submenu.mjs.map

package/es/packages/components/menu/utils/submenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"submenu.mjs","sources":["../../../../../../../packages/components/menu/utils/submenu.ts"],"sourcesContent":["// @ts-nocheck\nimport { triggerEvent } from '@vft/utils';\nimport { EVENT_CODE } from '@vft/constants';\nimport type MenuItem from './menu-item';\n\nclass SubMenu {\n  public subMenuItems: NodeList;\n  public subIndex = 0;\n  constructor(public parent: MenuItem, public domNode: ParentNode) {\n    this.subIndex = 0;\n    this.init();\n  }\n\n  init(): void {\n    this.subMenuItems = this.domNode.querySelectorAll('li');\n    this.addListeners();\n  }\n\n  gotoSubIndex(idx: number): void {\n    if (idx === this.subMenuItems.length) {\n      idx = 0;\n    } else if (idx < 0) {\n      idx = this.subMenuItems.length - 1;\n    }\n    (this.subMenuItems[idx] as HTMLElement).focus();\n    this.subIndex = idx;\n  }\n\n  addListeners(): void {\n    const parentNode = this.parent.domNode;\n    Array.prototype.forEach.call(this.subMenuItems, (el: Element) => {\n      el.addEventListener('keydown', (event: KeyboardEvent) => {\n        let prevDef = false;\n        switch (event.code) {\n          case EVENT_CODE.down: {\n            this.gotoSubIndex(this.subIndex + 1);\n            prevDef = true;\n            break;\n          }\n          case EVENT_CODE.up: {\n            this.gotoSubIndex(this.subIndex - 1);\n            prevDef = true;\n            break;\n          }\n          case EVENT_CODE.tab: {\n            triggerEvent(parentNode as HTMLElement, 'mouseleave');\n            break;\n          }\n          case EVENT_CODE.enter:\n          case EVENT_CODE.space: {\n            prevDef = true;\n            (event.currentTarget as HTMLElement).click();\n            break;\n          }\n        }\n        if (prevDef) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n        return false;\n      });\n    });\n  }\n}\n\nexport default SubMenu;\n"],"names":["SubMenu","parent","domNode","idx","parentNode","el","event","prevDef","EVENT_CODE","triggerEvent"],"mappings":";;AAKA,MAAMA,EAAQ;AAAA,EAGZ,YAAmBC,GAAyBC,GAAqB;AAA9C,SAAA,SAAAD,GAAyB,KAAA,UAAAC,GAD5C,KAAO,WAAW,GAEhB,KAAK,WAAW,GAChB,KAAK,KAAK;AAAA,EACZ;AAAA,EAEA,OAAa;AACX,SAAK,eAAe,KAAK,QAAQ,iBAAiB,IAAI,GACtD,KAAK,aAAa;AAAA,EACpB;AAAA,EAEA,aAAaC,GAAmB;AAC1B,IAAAA,MAAQ,KAAK,aAAa,SACtBA,IAAA,IACGA,IAAM,MACTA,IAAA,KAAK,aAAa,SAAS,IAElC,KAAK,aAAaA,CAAG,EAAkB,MAAM,GAC9C,KAAK,WAAWA;AAAA,EAClB;AAAA,EAEA,eAAqB;AACb,UAAAC,IAAa,KAAK,OAAO;AAC/B,UAAM,UAAU,QAAQ,KAAK,KAAK,cAAc,CAACC,MAAgB;AAC5D,MAAAA,EAAA,iBAAiB,WAAW,CAACC,MAAyB;AACvD,YAAIC,IAAU;AACd,gBAAQD,EAAM,MAAM;AAAA,UAClB,KAAKE,EAAW,MAAM;AACf,iBAAA,aAAa,KAAK,WAAW,CAAC,GACzBD,IAAA;AACV;AAAA,UACF;AAAA,UACA,KAAKC,EAAW,IAAI;AACb,iBAAA,aAAa,KAAK,WAAW,CAAC,GACzBD,IAAA;AACV;AAAA,UACF;AAAA,UACA,KAAKC,EAAW,KAAK;AACnB,YAAAC,EAAaL,GAA2B,YAAY;AACpD;AAAA,UACF;AAAA,UACA,KAAKI,EAAW;AAAA,UAChB,KAAKA,EAAW,OAAO;AACX,YAAAD,IAAA,IACTD,EAAM,cAA8B;AACrC;AAAA,UACF;AAAA,QACF;AACA,eAAIC,MACFD,EAAM,eAAe,GACrBA,EAAM,gBAAgB,IAEjB;AAAA,MAAA,CACR;AAAA,IAAA,CACF;AAAA,EACH;AACF;"}

package/es/packages/components/menu-item/style/css.mjs

@@ -0,0 +1,3 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-menu-item.css";
+//# sourceMappingURL=css.mjs.map

package/es/packages/components/menu-item/style/css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/packages/components/menu-item/style/index.mjs

@@ -0,0 +1,3 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/menu-item.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/menu-item-group/style/css.mjs

@@ -0,0 +1,3 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-menu-item-group.css";
+//# sourceMappingURL=css.mjs.map

package/es/packages/components/menu-item-group/style/index.mjs

@@ -0,0 +1,3 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/menu-item-group.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/multiple-tabs/index.mjs

@@ -0,0 +1,16 @@
+import { withInstall as o } from "../../utils/vue/install.mjs";
+import "vue";
+import "@vue/shared";
+import "@vft/utils";
+import t from "./multiple-tabs.vue2.mjs";
+import { useTabDropdown as l } from "./use/use-tab-dropdown.mjs";
+import { initAffixTabs as b, useTabsDrag as u } from "./use/use-multiple-tabs.mjs";
+const f = o(t);
+export {
+  f as VftMultipleTabs,
+  f as default,
+  b as initAffixTabs,
+  l as useTabDropdown,
+  u as useTabsDrag
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/multiple-tabs/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/multiple-tabs/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport MultipleTabs from './multiple-tabs.vue';\n\nexport const VftMultipleTabs = withInstall(MultipleTabs)\nexport default VftMultipleTabs\nexport * from './use';\nexport * from './types';\n"],"names":["VftMultipleTabs","withInstall","MultipleTabs"],"mappings":";;;;;;;AAIa,MAAAA,IAAkBC,EAAYC,CAAY;"}

package/es/packages/components/multiple-tabs/multiple-tabs.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./multiple-tabs.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=multiple-tabs.vue.mjs.map

package/es/packages/components/multiple-tabs/multiple-tabs.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiple-tabs.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/packages/components/multiple-tabs/multiple-tabs.vue2.mjs

@@ -0,0 +1,152 @@
+import { defineComponent as _, ref as b, computed as h, watchEffect as D, unref as n, openBlock as x, createElementBlock as T, normalizeClass as E, normalizeStyle as H, createVNode as R, withCtx as C, Fragment as K, renderList as F, createBlock as U } from "vue";
+import { useRouterHelper as $, getRouterKeyPath as f, listenerRouteChange as j } from "@vft/router";
+import { useMultipleTabStore as q, useTabs as G } from "@vft/store";
+import { useRefs as J } from "@vft/use";
+import { generateCssVars as S } from "@vft/utils";
+import L from "../../../node_modules/.pnpm/hotkeys-js@3.10.1/node_modules/hotkeys-js/dist/hotkeys.esm.mjs";
+import { useRouter as O, onBeforeRouteLeave as Q } from "vue-router";
+import { useNamespace as W } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import "../divider/index.mjs";
+import "../icon/index.mjs";
+import "../avatar/index.mjs";
+import "../empty/index.mjs";
+import "../result/index.mjs";
+import "../exception/index.mjs";
+import { VftTabs as X, VftTabPane as Y } from "../tabs/index.mjs";
+import "../popper/index.mjs";
+import "../collapse-transition/index.mjs";
+import "../tooltip/index.mjs";
+import "../popover/index.mjs";
+import "../menu/index.mjs";
+import "./index.mjs";
+import Z from "./tab-content.vue2.mjs";
+import { initAffixTabs as ee, useTabsDrag as te } from "./use/use-multiple-tabs.mjs";
+const P = (
+  /* hoist-static*/
+  W("multiple-tabs")
+), oe = _({
+  name: P.b()
+}), Ne = /* @__PURE__ */ _({
+  ...oe,
+  props: {
+    tabsStyle: null,
+    contextMenuStyle: null,
+    canDrag: { type: Boolean }
+  },
+  setup(p) {
+    const a = ee();
+    p.canDrag && te(a);
+    const s = q(), r = b(""), i = b(0), d = b(), v = O(), { go: g } = $(), c = h(() => s.getTabList.filter((e) => {
+      var t;
+      return !((t = e.meta) != null && t.hideTab);
+    }));
+    D(() => {
+      var e;
+      if (r.value) {
+        const t = c.value.findIndex((o) => f(o) === r.value);
+        t === -1 ? i.value = ((e = c.value) == null ? void 0 : e.length) - 1 : i.value = t, i.value = i.value < (a == null ? void 0 : a.length) ? (a == null ? void 0 : a.length) - 1 : i.value;
+      }
+    }), Q(() => {
+      d.value = n(v.currentRoute);
+    }), j((e) => {
+      if (!e)
+        return;
+      const { meta: t = {} } = e, { currentActivePath: o, hideTab: l } = t, u = l ? o : null, m = f(e);
+      if (r.value !== m && (r.value = m), u) {
+        let y = v.getRoutes().find((z) => z.path === o);
+        y && s.addTab(y, n(d), i.value, e);
+      } else
+        s.addTab(n(e), n(d), i.value);
+    });
+    function M(e) {
+      var l, u;
+      if (r.value === e.paneName)
+        return;
+      const t = c.value[e.attrs.index];
+      r.value = e.paneName;
+      const o = (u = (l = t == null ? void 0 : t.meta) == null ? void 0 : l.hideActiveRoute) == null ? void 0 : u.fullPath;
+      g(o || t.fullPath || t.path);
+    }
+    function k(e) {
+      s.closeTabByKey(e, v);
+    }
+    const [B, I] = J();
+    function N(e) {
+      const t = e.pane.attrs.index, o = e.event;
+      B.value[t].handleContext(o);
+    }
+    const w = h(() => ({ ...S({
+      padding: "4px 0 0",
+      "header-height": "26px",
+      "item-color": "#5C5C5C",
+      "item-bg-color": "#f8f8f8",
+      "font-size": "13px",
+      "item-padding": "0 10px",
+      "close-icon-left": "8px",
+      "item-distance": "10px",
+      "item-max-width": "348px",
+      "header-margin": "0 0 0 8px"
+    }, "tabs"), ...p.tabsStyle })), { closeCurrent: V } = G();
+    L("command+e, ctrl+e", function() {
+      return V(), !1;
+    });
+    const A = h(() => ({
+      ...S({
+        border: "1px solid #dcdfe6",
+        "sub-item-height": "40px",
+        "item-min-width": "150px"
+      }, "menu"),
+      ...p.contextMenuStyle
+    }));
+    return (e, t) => (x(), T("div", {
+      class: E(n(P).b()),
+      style: H(n(w))
+    }, [
+      R(n(X), {
+        "model-value": r.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (o) => r.value = o),
+        type: "card",
+        onTabClick: M,
+        onTabRemove: k,
+        onTabContextMenu: N,
+        closeIconCfg: { color: "white" }
+      }, {
+        default: C(() => [
+          (x(!0), T(K, null, F(n(c), (o, l) => {
+            var u;
+            return x(), U(n(Y), {
+              key: n(f)(o) + l,
+              closable: !((u = o.meta) != null && u.affix),
+              index: l,
+              name: n(f)(o)
+            }, {
+              label: C(() => {
+                var m;
+                return [
+                  R(Z, {
+                    contextMenuStyle: n(A),
+                    affixNum: (m = n(a)) == null ? void 0 : m.length,
+                    ref_for: !0,
+                    ref: n(I)(l),
+                    tabItem: o
+                  }, null, 8, ["contextMenuStyle", "affixNum", "tabItem"])
+                ];
+              }),
+              _: 2
+            }, 1032, ["closable", "index", "name"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["model-value"])
+    ], 6));
+  }
+});
+export {
+  Ne as default
+};
+//# sourceMappingURL=multiple-tabs.vue2.mjs.map

package/es/packages/components/multiple-tabs/multiple-tabs.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiple-tabs.vue2.mjs","sources":["../../../../../../packages/components/multiple-tabs/multiple-tabs.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('multiple-tabs')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { getRouterKeyPath, listenerRouteChange, useRouterHelper } from '@vft/router';\nimport { useMultipleTabStore, useTabs } from '@vft/store';\nimport { useRefs } from '@vft/use';\nimport { generateCssVars } from '@vft/utils';\nimport hotkeys from 'hotkeys-js';\nimport { computed, ref, unref, watchEffect } from 'vue';\nimport type { RouteLocationNormalized, RouteMeta } from 'vue-router';\nimport { useRouter, onBeforeRouteLeave } from 'vue-router';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { VftTabs, VftTabPane, type TabsPaneContext } from '@vft-ui/components';\n\nimport TabContent from './tab-content.vue';\nimport type { TabContentExpose } from './types';\nimport { initAffixTabs, useTabsDrag } from './use';\n\ninterface MultipleTabsProps {\n  tabsStyle?: Record<string, Numberish>;\n  contextMenuStyle?: Record<string, Numberish>;\n  canDrag?: boolean;\n}\n\ndefineProps({\n  \"tabsStyle\": null,\n  \"contextMenuStyle\": null,\n  \"canDrag\": { type: Boolean,  }\n})\n\n\n\n;\n\nconst affixList = initAffixTabs();\n\nif (__props.canDrag) {\n  useTabsDrag(affixList);\n}\n\nconst tabStore = useMultipleTabStore();\n\n// active path for tab\nconst activePathRef = ref('');\nconst activeIndex = ref(0);\nconst fromRoute = ref();\n\nconst router = useRouter();\nconst { go } = useRouterHelper();\n\n// get current tab list\nconst getTabsState = computed(() => {\n  return tabStore.getTabList.filter((item) => {\n    return !item.meta?.hideTab;\n  });\n});\n\n\nwatchEffect(() => {\n  if (activePathRef.value) {\n    const _activeIndex = getTabsState.value.findIndex(item => {\n      return getRouterKeyPath(item) === activePathRef.value;\n    });\n    if (_activeIndex === -1) {\n      activeIndex.value = getTabsState.value?.length - 1;\n    } else {\n      activeIndex.value = _activeIndex;\n    }\n    activeIndex.value = activeIndex.value < affixList?.length ? affixList?.length - 1 : activeIndex.value;\n  }\n});\n\nonBeforeRouteLeave(() => {\n  fromRoute.value = unref(router.currentRoute);\n});\n\nlistenerRouteChange((route) => {\n  if (!route) {\n    return;\n  }\n\n  const { meta = {} } = route;\n  const { currentActivePath, hideTab } = meta as RouteMeta;\n\n  const isHide = !hideTab ? null : currentActivePath;\n\n  // set current active tab value\n  const activePath = getRouterKeyPath(route);\n\n  if (activePathRef.value !== activePath) {\n    activePathRef.value = activePath;\n  }\n\n  if (isHide) {\n    // 如果当前 tab 是隐藏的，则从路由中根据 currentActivePath 寻找到此路由的信息，然后在 tabStore 添加此路由\n    let findParentRoute = router.getRoutes().find((item) => item.path === currentActivePath);\n    findParentRoute && tabStore.addTab(findParentRoute as unknown as RouteLocationNormalized, unref(fromRoute), activeIndex.value, route);\n  } else {\n    tabStore.addTab(unref(route), unref(fromRoute), activeIndex.value);\n  }\n});\n\n// 点击 tab 根据 tab 传入的 path 路径，跳转到对应页面\nfunction handleClick (pane: TabsPaneContext) {\n  if (activePathRef.value === pane.paneName) {\n  \treturn;\n  }\n  const clickTab = getTabsState.value[pane.attrs.index];\n  activePathRef.value = pane.paneName as string;\n  const hideActiveRoutePath = (clickTab?.meta?.hideActiveRoute as RouteLocationNormalized)?.fullPath;\n  if (hideActiveRoutePath) {\n    go(hideActiveRoutePath);\n  } else {\n    go(clickTab.fullPath || clickTab.path);\n  }\n}\n\n// click x close tab\nfunction handleRemove (targetPath: string) {\n  tabStore.closeTabByKey(targetPath, router);\n}\n\nconst [refs, setRefs] = useRefs<TabContentExpose>();\n\nfunction handleContextMenu (data: {pane: {attrs: {index: number;};}; event: any;}) {\n  const _index = data.pane.attrs.index;\n  const _event = data.event;\n  refs.value[_index].handleContext(_event);\n}\n\nconst _tabsStyle = computed(() => {\n  let initTabStyle: Record<string, Numberish> = {\n    padding: '4px 0 0',\n    'header-height': '26px',\n    'item-color': '#5C5C5C',\n    'item-bg-color': '#f8f8f8',\n    'font-size': '13px',\n    'item-padding': '0 10px',\n    'close-icon-left': '8px',\n    'item-distance': '10px',\n    'item-max-width': '348px',\n    'header-margin': '0 0 0 8px'\n  };\n\n  return { ...generateCssVars(initTabStyle, 'tabs'), ...__props.tabsStyle };\n});\n\nconst { closeCurrent } = useTabs();\n\nhotkeys('command+e, ctrl+e', function () {\n  closeCurrent();\n  return false;\n});\n\nconst _contextMenuStyle = computed(() => {\n  return {\n    ...generateCssVars({\n      border: '1px solid #dcdfe6',\n      'sub-item-height': '40px',\n      'item-min-width': '150px'\n    }, 'menu'),\n    ...__props.contextMenuStyle\n  };\n});\n</script>\n\n<template>\n  <div :class=\"ns.b()\" :style=\"_tabsStyle\">\n    <vft-tabs\n      v-model:model-value=\"activePathRef\"\n      type=\"card\"\n      @tabClick=\"handleClick\"\n      @tabRemove=\"handleRemove\"\n      @tabContextMenu=\"handleContextMenu\"\n      :closeIconCfg=\"{ color: 'white'}\"\n    >\n      <!--why key add index：key not update after sort -->\n      <template v-for=\"(item, index) in getTabsState\" :key=\"getRouterKeyPath(item) + index\">\n        <vft-tab-pane :closable=\"!(item.meta?.affix)\" :index=\"index\" :name=\"getRouterKeyPath(item)\">\n          <template #label>\n            <tab-content :contextMenuStyle=\"_contextMenuStyle\" :affixNum=\"affixList?.length\"\n              :ref=\"setRefs(index)\" :tabItem=\"item\" />\n          </template>\n        </vft-tab-pane>\n      </template>\n    </vft-tabs>\n  </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","affixList","initAffixTabs","__props","useTabsDrag","tabStore","useMultipleTabStore","activePathRef","ref","activeIndex","fromRoute","router","useRouter","go","useRouterHelper","getTabsState","computed","item","_a","watchEffect","_activeIndex","getRouterKeyPath","onBeforeRouteLeave","unref","listenerRouteChange","route","meta","currentActivePath","hideTab","isHide","activePath","findParentRoute","handleClick","pane","clickTab","hideActiveRoutePath","_b","handleRemove","targetPath","refs","setRefs","useRefs","handleContextMenu","data","_index","_event","_tabsStyle","generateCssVars","closeCurrent","useTabs","hotkeys","_contextMenuStyle"],"mappings":"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"}

package/es/packages/components/multiple-tabs/style/css.mjs

@@ -0,0 +1,3 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-multiple-tabs.css";
+//# sourceMappingURL=css.mjs.map

package/es/packages/components/multiple-tabs/style/css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/packages/components/multiple-tabs/style/index.mjs

@@ -0,0 +1,3 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/multiple-tabs.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/multiple-tabs/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/packages/components/multiple-tabs/tab-content.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./tab-content.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=tab-content.vue.mjs.map

package/es/packages/components/multiple-tabs/tab-content.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-content.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/packages/components/multiple-tabs/tab-content.vue2.mjs

@@ -0,0 +1,49 @@
+import { defineComponent as u, computed as p, openBlock as c, createElementBlock as s, unref as m, withModifiers as f, toDisplayString as x } from "vue";
+import "@vft/utils";
+import "@vft/use";
+import "../divider/index.mjs";
+import "../icon/index.mjs";
+import "../avatar/index.mjs";
+import "../empty/index.mjs";
+import "../result/index.mjs";
+import "../exception/index.mjs";
+import "../tabs/index.mjs";
+import "../popper/index.mjs";
+import "../collapse-transition/index.mjs";
+import "../tooltip/index.mjs";
+import "../popover/index.mjs";
+import "../menu/index.mjs";
+import "./index.mjs";
+import { useContextMenu as b } from "../context-menu/useContextMenu.mjs";
+import { useTabDropdown as d } from "./use/use-tab-dropdown.mjs";
+import "vue-router";
+import "@vft/store";
+const C = ["title", "onContextmenu"], H = /* @__PURE__ */ u({
+  __name: "tab-content",
+  props: {
+    tabItem: null,
+    affixNum: null,
+    contextMenuStyle: null
+  },
+  setup(t, { expose: i }) {
+    const [r] = b(), o = p(() => t.tabItem.meta && t.tabItem.meta.title), { getDropMenuList: a, handleContextMenu: l } = d(t.tabItem, t.affixNum);
+    function n(e) {
+      l(t.tabItem)(e), r({
+        event: e,
+        styles: t.contextMenuStyle,
+        items: a.value
+      });
+    }
+    return i({
+      handleContext: n
+    }), (e, M) => (c(), s("span", {
+      title: m(o),
+      class: "vri-multiple-tabs__title",
+      onContextmenu: f(n, ["stop"])
+    }, x(m(o)), 41, C));
+  }
+});
+export {
+  H as default
+};
+//# sourceMappingURL=tab-content.vue2.mjs.map

package/es/packages/components/multiple-tabs/tab-content.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-content.vue2.mjs","sources":["../../../../../../packages/components/multiple-tabs/tab-content.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { type RouteLocationNormalized } from 'vue-router';\nimport { useContextMenu } from '@vft-ui/components/context-menu';\nimport type { TabContentExpose } from './types';\nimport { useTabDropdown } from './use';\n\ninterface Props {\n  tabItem: RouteLocationNormalized;\n  affixNum: number;\n  contextMenuStyle?: Record<string, Numberish>;\n}\n\ndefineProps({\n  \"tabItem\": null,\n  \"affixNum\": null,\n  \"contextMenuStyle\": null\n})\n\nconst [createContextMenu] = useContextMenu();\n\nconst getTitle = computed(() => {\n  return __props.tabItem.meta && (__props.tabItem.meta.title as string);\n});\n\nconst { getDropMenuList, handleContextMenu } = useTabDropdown(__props.tabItem, __props.affixNum);\n\nfunction handleContext(e: MouseEvent) {\n  handleContextMenu(__props.tabItem)(e);\n  createContextMenu({\n    event: e,\n    styles: __props.contextMenuStyle,\n    items: getDropMenuList.value\n  });\n}\n\ndefineExpose<TabContentExpose>({\n  handleContext\n});\n</script>\n\n<template>\n  <span :title=\"getTitle\" class=\"vri-multiple-tabs__title\" @contextmenu.stop=\"handleContext\">{{ getTitle }}</span>\n</template>\n"],"names":["createContextMenu","useContextMenu","getTitle","computed","__props","getDropMenuList","handleContextMenu","useTabDropdown","handleContext","expose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBM,UAAA,CAACA,CAAiB,IAAIC,KAEtBC,IAAWC,EAAS,MACjBC,EAAQ,QAAQ,QAASA,EAAQ,QAAQ,KAAK,KACtD,GAEK,EAAE,iBAAAC,GAAiB,mBAAAC,MAAsBC,EAAeH,EAAQ,SAASA,EAAQ,QAAQ;AAE/F,aAASI,EAAc,GAAe;AAClB,MAAAF,EAAAF,EAAQ,OAAO,EAAE,CAAC,GAClBJ,EAAA;AAAA,QAChB,OAAO;AAAA,QACP,QAAQI,EAAQ;AAAA,QAChB,OAAOC,EAAgB;AAAA,MAAA,CACxB;AAAA,IACH;AAE+B,WAAAI,EAAA;AAAA,MAC7B,eAAAD;AAAA,IAAA,CACD;;;;;;;"}

package/es/packages/components/multiple-tabs/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/es/packages/components/multiple-tabs/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/packages/components/multiple-tabs/use/index.mjs

@@ -0,0 +1,8 @@
+import { useTabDropdown as a } from "./use-tab-dropdown.mjs";
+import { initAffixTabs as f, useTabsDrag as s } from "./use-multiple-tabs.mjs";
+export {
+  f as initAffixTabs,
+  a as useTabDropdown,
+  s as useTabsDrag
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/multiple-tabs/use/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}