vft 0.0.19 → 0.0.21

package/es/packages/components/logo/logo.vue2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"logo.vue2.mjs","sources":["../../../../../../packages/components/logo/logo.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('logo')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { useRouterHelper } from '@vft/router';\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface LogoProps {\n  title: string;\n  logo: string;\n  /** 点击 logo 跳转路径 */\n  jumpPath?: string;\n}\n\ndefineProps({\n  \"title\": null,\n  \"logo\": null,\n  \"jumpPath\": null\n})\n\n\n\n;\n\nconst getLogoClass = computed(() => [ns.b()]);\n\nconst { go } = useRouterHelper();\n\nfunction onClickLogo () {\n  if (__props.jumpPath) {\n    go(__props.jumpPath);\n  }\n}\n\nconst logoVars = computed(() => __props.jumpPath ? {} : ns.cssVarBlock({ cursor: 'inital' }));\n</script>\n\n<template>\n  <div :class=\"getLogoClass\" @click=\"onClickLogo\" :style=\"logoVars\">\n    <img :class=\"ns.e('img')\" :src=\"logo\" alt=\"\" />\n    <div class=\"ml-2 truncate\" :class=\"ns.e('title')\">{{ title }}</div>\n  </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","getLogoClass","computed","go","useRouterHelper","onClickLogo","__props","logoVars"],"mappings":";;;;;;;;;mBACMA;AAAA;AAAA,EAAuBC,EAAa,MAAM;AAAA,GAGhDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;AAuBD,UAAMI,IAAeC,EAAS,MAAM,CAACL,EAAG,EAAG,CAAA,CAAC,GAEtC,EAAE,IAAAM,MAAOC;AAEf,aAASC,IAAe;AACtB,MAAIC,EAAQ,YACVH,EAAGG,EAAQ,QAAQ;AAAA,IAEvB;AAEA,UAAMC,IAAWL,EAAS,MAAMI,EAAQ,WAAW,CAAA,IAAKT,EAAG,YAAY,EAAE,QAAQ,SAAA,CAAU,CAAC;;;;;;;;;;;;;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/menu/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@vft-ui/utils'\n\nimport Menu from './menu.vue'\nimport MenuItem from './menu-item.vue'\nimport MenuItemGroup from './menu-item-group.vue'\nimport SubMenu from './sub-menu.vue'\n\nexport const VftMenu = withInstall(Menu, {\n\tMenuItem,\n\tMenuItemGroup,\n\tSubMenu,\n})\nexport default VftMenu\nexport const VftMenuItem = withNoopInstall(MenuItem)\nexport const VftMenuItemGroup = withNoopInstall(MenuItemGroup)\nexport const VftSubMenu = withNoopInstall(SubMenu)\n\nexport * from './types'\n"],"names":["VftMenu","withInstall","Menu","MenuItem","MenuItemGroup","SubMenu","VftMenuItem","withNoopInstall","VftMenuItemGroup","VftSubMenu"],"mappings":";;;;;;;;AAOa,MAAAA,IAAUC,EAAYC,GAAM;AAAA,EAAA,UACxCC;AAAAA,EAAA,eACAC;AAAAA,EAAA,SACAC;AACD,CAAC,GAEYC,IAAcC,EAAgBJ,CAAQ,GACtCK,IAAmBD,EAAgBH,CAAa,GAChDK,IAAaF,EAAgBF,CAAO;"}

package/es/packages/components/menu/menu-collapse-transition.vue.mjs

@@ -1,16 +0,0 @@
-import o from "./menu-collapse-transition.vue2.mjs";
-import { openBlock as r, createBlock as t, Transition as n, mergeProps as s, withCtx as i, renderSlot as a } from "vue";
-import p from "../../../_virtual/_plugin-vue_export-helper.mjs";
-function f(e, l, c, m, d, u) {
-  return r(), t(n, s({ mode: "out-in" }, e.listeners), {
-    default: i(() => [
-      a(e.$slots, "default")
-    ]),
-    _: 3
-  }, 16);
-}
-const k = /* @__PURE__ */ p(o, [["render", f]]);
-export {
-  k as default
-};
-//# sourceMappingURL=menu-collapse-transition.vue.mjs.map

package/es/packages/components/menu/menu-collapse-transition.vue.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-collapse-transition.vue.mjs","sources":["../../../../../../packages/components/menu/menu-collapse-transition.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { addClass, hasClass, removeClass } from '@vft/utils';\n\nimport type { BaseTransitionProps, TransitionProps } from 'vue';\n\nexport default defineComponent({\n  setup() {\n    const ns = useNamespace('menu');\n    const listeners = {\n      onBeforeEnter: (el) => (el.style.opacity = '0.2'),\n      onEnter(el, done) {\n        addClass(el, `${ns.namespace.value}-opacity-transition`);\n        el.style.opacity = '1';\n        done();\n      },\n\n      onAfterEnter(el) {\n        removeClass(el, `${ns.namespace.value}-opacity-transition`);\n        el.style.opacity = '';\n      },\n\n      onBeforeLeave(el) {\n        if (!el.dataset) {\n          ;(el as any).dataset = {};\n        }\n\n        if (hasClass(el, ns.m('collapse'))) {\n          removeClass(el, ns.m('collapse'));\n          el.dataset.oldOverflow = el.style.overflow;\n          el.dataset.scrollWidth = el.clientWidth.toString();\n          addClass(el, ns.m('collapse'));\n        } else {\n          addClass(el, ns.m('collapse'));\n          el.dataset.oldOverflow = el.style.overflow;\n          el.dataset.scrollWidth = el.clientWidth.toString();\n          removeClass(el, ns.m('collapse'));\n        }\n\n        el.style.width = `${el.scrollWidth}px`;\n        el.style.overflow = 'hidden';\n      },\n\n      onLeave(el: HTMLElement) {\n        addClass(el, 'horizontal-collapse-transition');\n        el.style.width = `${el.dataset.scrollWidth}px`;\n      }\n    } as BaseTransitionProps<HTMLElement> as TransitionProps;\n\n    return {\n      listeners\n    };\n  }\n});\n</script>\n\n<template>\n  <transition mode=\"out-in\" v-bind=\"listeners\">\n    <slot />\n  </transition>\n</template>\n"],"names":["_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createBlock","_Transition","_mergeProps","_withCtx"],"mappings":";;;AA2DY,SAAAA,EAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SAARC,EAAQ,GAAAC,EAAAC,GAAAC,EAAA,EAAA,MAAA,SAAA,GAAAT,EAAA,SAAA,GAAA;AAAA,IAAA,SAAAU,EAAA,MAAA;AAAA;;;;;;"}

package/es/packages/components/menu/menu-collapse-transition.vue2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-collapse-transition.vue2.mjs","sources":["../../../../../../packages/components/menu/menu-collapse-transition.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { addClass, hasClass, removeClass } from '@vft/utils';\n\nimport type { BaseTransitionProps, TransitionProps } from 'vue';\n\nexport default defineComponent({\n  setup() {\n    const ns = useNamespace('menu');\n    const listeners = {\n      onBeforeEnter: (el) => (el.style.opacity = '0.2'),\n      onEnter(el, done) {\n        addClass(el, `${ns.namespace.value}-opacity-transition`);\n        el.style.opacity = '1';\n        done();\n      },\n\n      onAfterEnter(el) {\n        removeClass(el, `${ns.namespace.value}-opacity-transition`);\n        el.style.opacity = '';\n      },\n\n      onBeforeLeave(el) {\n        if (!el.dataset) {\n          ;(el as any).dataset = {};\n        }\n\n        if (hasClass(el, ns.m('collapse'))) {\n          removeClass(el, ns.m('collapse'));\n          el.dataset.oldOverflow = el.style.overflow;\n          el.dataset.scrollWidth = el.clientWidth.toString();\n          addClass(el, ns.m('collapse'));\n        } else {\n          addClass(el, ns.m('collapse'));\n          el.dataset.oldOverflow = el.style.overflow;\n          el.dataset.scrollWidth = el.clientWidth.toString();\n          removeClass(el, ns.m('collapse'));\n        }\n\n        el.style.width = `${el.scrollWidth}px`;\n        el.style.overflow = 'hidden';\n      },\n\n      onLeave(el: HTMLElement) {\n        addClass(el, 'horizontal-collapse-transition');\n        el.style.width = `${el.dataset.scrollWidth}px`;\n      }\n    } as BaseTransitionProps<HTMLElement> as TransitionProps;\n\n    return {\n      listeners\n    };\n  }\n});\n</script>\n\n<template>\n  <transition mode=\"out-in\" v-bind=\"listeners\">\n    <slot />\n  </transition>\n</template>\n"],"names":["_sfc_main","defineComponent","ns","useNamespace","el","done","addClass","removeClass","hasClass"],"mappings":";;;;;;;;AAOA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,QAAQ;AACA,UAAAC,IAAKC,EAAa,MAAM;AAyCvB,WAAA;AAAA,MACL,WAzCgB;AAAA,QAChB,eAAe,CAACC,MAAQA,EAAG,MAAM,UAAU;AAAA,QAC3C,QAAQA,GAAIC,GAAM;AAChB,UAAAC,EAASF,GAAI,GAAGF,EAAG,UAAU,0BAA0B,GACvDE,EAAG,MAAM,UAAU,KACdC;QACP;AAAA,QAEA,aAAaD,GAAI;AACf,UAAAG,EAAYH,GAAI,GAAGF,EAAG,UAAU,0BAA0B,GAC1DE,EAAG,MAAM,UAAU;AAAA,QACrB;AAAA,QAEA,cAAcA,GAAI;AACZ,UAACA,EAAG,YACJA,EAAW,UAAU,KAGrBI,EAASJ,GAAIF,EAAG,EAAE,UAAU,CAAC,KAC/BK,EAAYH,GAAIF,EAAG,EAAE,UAAU,CAAC,GAC7BE,EAAA,QAAQ,cAAcA,EAAG,MAAM,UAClCA,EAAG,QAAQ,cAAcA,EAAG,YAAY,SAAS,GACjDE,EAASF,GAAIF,EAAG,EAAE,UAAU,CAAC,MAE7BI,EAASF,GAAIF,EAAG,EAAE,UAAU,CAAC,GAC1BE,EAAA,QAAQ,cAAcA,EAAG,MAAM,UAClCA,EAAG,QAAQ,cAAcA,EAAG,YAAY,SAAS,GACjDG,EAAYH,GAAIF,EAAG,EAAE,UAAU,CAAC,IAG/BE,EAAA,MAAM,QAAQ,GAAGA,EAAG,iBACvBA,EAAG,MAAM,WAAW;AAAA,QACtB;AAAA,QAEA,QAAQA,GAAiB;AACvB,UAAAE,EAASF,GAAI,gCAAgC,GAC7CA,EAAG,MAAM,QAAQ,GAAGA,EAAG,QAAQ;AAAA,QACjC;AAAA,MAAA;AAAA,IAIA;AAAA,EAEJ;AACF,CAAC;"}

package/es/packages/components/menu/menu-item-group.vue2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item-group.vue2.mjs","sources":["../../../../../../packages/components/menu/menu-item-group.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('menu-item-group')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<template>\n  <li :class=\"ns.b()\">\n    <div :class=\"ns.e('title')\">\n      <template v-if=\"!$slots.title\">{{ title }}</template>\n      <slot v-else name=\"title\" />\n    </div>\n    <ul>\n      <slot />\n    </ul>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface Props {\n\ttitle?: string\n}\n\ndefineProps({\n  \"title\": null\n});\n\n\n\n;\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent"],"mappings":";;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,iBAAiB;AAAA,GAG3DC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,137 +0,0 @@
-import { defineComponent as S, getCurrentInstance as M, inject as V, computed as l, reactive as Y, onMounted as D, onBeforeUnmount as F, openBlock as o, createElementBlock as c, Fragment as d, createBlock as s, unref as t, createCommentVNode as u, createElementVNode as p, normalizeClass as $, withCtx as j, renderSlot as f, normalizeProps as O, mergeProps as q, createVNode as G } from "vue";
-import { singleAttrToObj as H, renderTNode as J, VNode as K } from "@vft/utils";
-import "@vue/shared";
-import { throwError as P } from "../../utils/error.mjs";
-import { useNamespace as v } from "../../hooks/use-namespace/index.mjs";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.mjs";
-import "@vueuse/core";
-import L from "./use-menu.mjs";
-import { VftDivider as E } from "../divider/index.mjs";
-import { VftIcon as Q } from "../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 { VftTooltip as R } from "../tooltip/index.mjs";
-import "../popover/index.mjs";
-import "./index.mjs";
-import "@vft/use";
-import "../multiple-tabs/index.mjs";
-import "../header-layout/index.mjs";
-import "../footer-layout/index.mjs";
-import "../iframe-layout/index.mjs";
-import "../router-view-content/index.mjs";
-import "../logo/index.mjs";
-import "../back-top/index.mjs";
-import "../config-provider/index.mjs";
-import "../descriptions/index.mjs";
-import "../full-screen/index.mjs";
-import "../icon-text/index.mjs";
-import "../image/index.mjs";
-import "../input/index.mjs";
-import "../link/index.mjs";
-import "../pagination/index.mjs";
-import "../tag/index.mjs";
-import "../side-menu/index.mjs";
-import "../qrcode/index.mjs";
-import "../overlay/index.mjs";
-import "../clamp/index.mjs";
-import "../clamp-toggle/index.mjs";
-const W = ["title"], k = (
-  /* hoist-static*/
-  v("menu-item")
-), X = S({
-  name: k.b()
-}), Ge = /* @__PURE__ */ S({
-  ...X,
-  props: {
-    index: null,
-    route: null,
-    disabled: { type: Boolean },
-    icon: null,
-    title: null,
-    isAloneUse: { type: Boolean },
-    divider: { type: Boolean },
-    className: null,
-    reverse: { type: Boolean }
-  },
-  emits: ["click"],
-  setup(e, { emit: T }) {
-    const b = M(), w = v("menu"), a = v("menu-item"), i = e.isAloneUse ? null : V("rootMenu");
-    !i && !e.isAloneUse && P(k.b(), "can not inject root menu");
-    const { parentMenu: y, indexPath: g } = L(
-      b,
-      l(() => e.index)
-    ), n = e.isAloneUse ? null : V(`subMenu:${y.value.uid}`);
-    !n && !e.isAloneUse && P(k.b(), "can not inject sub menu");
-    const h = l(() => e.index === (i == null ? void 0 : i.activeIndex)), m = Y({
-      index: e.index,
-      indexPath: g,
-      active: h
-    }), z = () => {
-      e.disabled || (i == null || i.handleMenuItemClick({
-        index: e.index,
-        indexPath: g.value,
-        route: e.route
-      }), T("click", m));
-    }, x = l(() => H(e.icon, "icon")), A = l(() => J(b, "title"));
-    return D(() => {
-      e.isAloneUse || (n == null || n.addSubMenu(m), i == null || i.addMenuItem(m));
-    }), F(() => {
-      e.isAloneUse || (n == null || n.removeSubMenu(m), i == null || i.removeMenuItem(m));
-    }), (r, Z) => {
-      var U, B, C, N, I;
-      return o(), c(d, null, [
-        e.reverse && e.divider ? (o(), s(t(E), {
-          key: 0,
-          marginY: "0"
-        })) : u("", !0),
-        p("li", {
-          class: $([e.className, t(a).b(), t(a).is("active", e.isAloneUse ? !1 : t(h)), t(a).is("disabled", e.disabled)]),
-          role: "menuitem",
-          tabindex: "-1",
-          onClick: z
-        }, [
-          ((B = (U = t(y)) == null ? void 0 : U.type) == null ? void 0 : B.name) === "vft-menu" && ((C = t(i)) != null && C.props.collapse) && r.$slots.title ? (o(), s(t(R), {
-            key: 0,
-            placement: "right",
-            "fallback-placements": ["left"],
-            persistent: ""
-          }, {
-            content: j(() => [
-              f(r.$slots, "title")
-            ]),
-            default: j(() => [
-              p("div", {
-                class: $(t(w).be("tooltip", "trigger"))
-              }, [
-                f(r.$slots, "default")
-              ], 2)
-            ]),
-            _: 3
-          })) : (o(), c(d, { key: 1 }, [
-            (N = r.$slots) != null && N.default ? f(r.$slots, "default", { key: 0 }) : (o(), c(d, { key: 1 }, [
-              (I = t(x)) != null && I.icon ? (o(), s(t(Q), O(q({ key: 0 }, t(x))), null, 16)) : u("", !0),
-              p("span", { title: t(A) }, [
-                G(t(K), { content: t(A) }, null, 8, ["content"])
-              ], 8, W)
-            ], 64))
-          ], 64))
-        ], 2),
-        !e.reverse && e.divider ? (o(), s(t(E), {
-          key: 1,
-          marginY: "0"
-        })) : u("", !0)
-      ], 64);
-    };
-  }
-});
-export {
-  Ge as default
-};
-//# sourceMappingURL=menu-item.vue2.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item.vue2.mjs","sources":["../../../../../../packages/components/menu/menu-item.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('menu-item')\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 { renderTNode, singleAttrToObj, VNode } from '@vft/utils';\nimport { computed, getCurrentInstance, inject, onBeforeUnmount, onMounted, reactive } from 'vue';\nimport { throwError } from '@vft-ui/utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { type RouteLocationRaw } from 'vue-router';\nimport useMenu from './use-menu';\nimport { VftIcon as Icon, type IconProps, VftTooltip as Tooltip, VftDivider } from '@vft-ui/components';\n\nimport type { MenuItemRegistered, MenuProvider, SubMenuProvider } from './types';\n\ninterface Props {\n  /** 唯一标志 */\n  index?: string;\n  /** Vue Router 路径对象 */\n  route?: RouteLocationRaw;\n  /** 是否禁用 */\n  disabled?: boolean;\n  icon?: IconProps;\n  title?: string;\n  isAloneUse?: boolean;\n  divider?: boolean;\n  className?: string\n  reverse?: boolean\n}\n\ndefineProps({\n  \"index\": null,\n  \"route\": null,\n  \"disabled\": { type: Boolean,  },\n  \"icon\": null,\n  \"title\": null,\n  \"isAloneUse\": { type: Boolean,  },\n  \"divider\": { type: Boolean,  },\n  \"className\": null,\n  \"reverse\": { type: Boolean,  }\n})\n\n\n\nconst emit = defineEmits(['click']);\n\n;\n\nconst instance = getCurrentInstance()!;\n\nconst nsMenu = useNamespace('menu');\n\nconst nsMenuItem = useNamespace('menu-item');\n\n// 获取来自 menu.vue 中注入的数据\nconst rootMenu = !__props.isAloneUse ? inject<MenuProvider>('rootMenu') : null;\nif (!rootMenu && !__props.isAloneUse) throwError(ns.b(), 'can not inject root menu');\n\n// indexPath：当前 menu-item 对应的 index 和 vft-sub-menu 的 index，parentMenu 为 vft-sub-menu 组件\nconst { parentMenu, indexPath } = useMenu(\n  instance,\n  computed(() => __props.index!)\n);\n\n// 注入来自 sub-menu 中的 provide 数据\nconst subMenu = !__props.isAloneUse ? inject<SubMenuProvider>(`subMenu:${parentMenu.value.uid}`) : null;\nif (!subMenu && !__props.isAloneUse) throwError(ns.b(), 'can not inject sub menu');\n\n// 当前是否为 active\nconst active = computed(() => __props.index === rootMenu?.activeIndex);\n\nconst item: MenuItemRegistered = reactive({\n  index: __props.index!,\n  indexPath,\n  active\n});\n\n// 点击具体菜单项\nconst handleClick = () => {\n  if (!__props.disabled) {\n    rootMenu?.handleMenuItemClick({\n      index: __props.index!,\n      indexPath: indexPath.value,\n      route: __props.route\n    });\n    emit('click', item);\n  }\n};\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon') as IconProps;\n});\n\nconst title = computed(() => {\n  return renderTNode(instance, 'title');\n});\n\nonMounted(() => {\n  if (!__props.isAloneUse) {\n    // 触发 sub-menu,vue 中的 addSubMenu\n    subMenu?.addSubMenu(item);\n    // 触发 menu.vue 中的 addMenuItem 更新 items\n    rootMenu?.addMenuItem(item);\n  }\n});\n\nonBeforeUnmount(() => {\n  if (!__props.isAloneUse) {\n    subMenu?.removeSubMenu(item);\n    rootMenu?.removeMenuItem(item);\n  }\n});\n</script>\n\n<template>\n  <vft-divider v-if=\"reverse && divider\" marginY=\"0\" />\n  <li :class=\"[className, nsMenuItem.b(), nsMenuItem.is('active', isAloneUse ? false : active), nsMenuItem.is('disabled', disabled)]\" role=\"menuitem\" tabindex=\"-1\" @click=\"handleClick\">\n    <tooltip\n      v-if=\"parentMenu?.type?.name === 'vft-menu' && rootMenu?.props.collapse && $slots.title\"\n      placement=\"right\" :fallback-placements=\"['left']\" persistent>\n      <template #content>\n        <slot name=\"title\" />\n      </template>\n      <div :class=\"nsMenu.be('tooltip', 'trigger')\">\n        <slot />\n      </div>\n    </tooltip>\n    <template v-else>\n      <slot v-if=\"$slots?.default\"/>\n      <template v-else>\n        <Icon v-if=\"_icon?.icon\" v-bind=\"_icon\" />\n        <span :title=\"title\"><v-node :content=\"title\" /></span>\n      </template>\n    </template>\n  </li>\n  <vft-divider v-if=\"!reverse && divider\" marginY=\"0\" />\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","instance","getCurrentInstance","nsMenu","nsMenuItem","rootMenu","__props","inject","throwError","parentMenu","indexPath","useMenu","computed","subMenu","active","item","reactive","handleClick","emit","_icon","singleAttrToObj","title","renderTNode","onMounted","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBACMA;AAAA;AAAA,EAAuBC,EAAa,WAAW;AAAA,GAGrDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;;;;;;;AA6CD,UAAMI,IAAWC,KAEXC,IAASL,EAAa,MAAM,GAE5BM,IAAaN,EAAa,WAAW,GAGrCO,IAAYC,EAAQ,aAAgD,OAAnCC,EAAqB,UAAU;AAClE,IAAA,CAACF,KAAY,CAACC,EAAQ,cAAuBE,EAAAX,EAAG,EAAE,GAAG,0BAA0B;AAG7E,UAAA,EAAE,YAAAY,GAAY,WAAAC,EAAA,IAAcC;AAAA,MAChCV;AAAA,MACAW,EAAS,MAAMN,EAAQ,KAAM;AAAA,IAAA,GAIzBO,IAAWP,EAAQ,aAA0E,OAA7DC,EAAwB,WAAWE,EAAW,MAAM,KAAK;AAC3F,IAAA,CAACI,KAAW,CAACP,EAAQ,cAAuBE,EAAAX,EAAG,EAAE,GAAG,yBAAyB;AAGjF,UAAMiB,IAASF,EAAS,MAAMN,EAAQ,WAAUD,KAAA,gBAAAA,EAAU,YAAW,GAE/DU,IAA2BC,EAAS;AAAA,MACxC,OAAOV,EAAQ;AAAA,MACf,WAAAI;AAAA,MACA,QAAAI;AAAA,IAAA,CACD,GAGKG,IAAc,MAAM;AACpB,MAACX,EAAQ,aACXD,KAAA,QAAAA,EAAU,oBAAoB;AAAA,QAC5B,OAAOC,EAAQ;AAAA,QACf,WAAWI,EAAU;AAAA,QACrB,OAAOJ,EAAQ;AAAA,MAAA,IAEjBY,EAAK,SAASH,CAAI;AAAA,IACpB,GAGII,IAAQP,EAAS,MACdQ,EAAgBd,EAAQ,MAAM,MAAM,CAC5C,GAEKe,IAAQT,EAAS,MACdU,EAAYrB,GAAU,OAAO,CACrC;AAED,WAAAsB,EAAU,MAAM;AACV,MAACjB,EAAQ,eAEXO,KAAA,QAAAA,EAAS,WAAWE,IAEpBV,KAAA,QAAAA,EAAU,YAAYU;AAAA,IACxB,CACD,GAEDS,EAAgB,MAAM;AAChB,MAAClB,EAAQ,eACXO,KAAA,QAAAA,EAAS,cAAcE,IACvBV,KAAA,QAAAA,EAAU,eAAeU;AAAA,IAC3B,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"menu.vue2.mjs","sources":["../../../../../../packages/components/menu/menu.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('menu')\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 {\n  computed,\n  getCurrentInstance,\n  h,\n  nextTick,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  watch,\n  watchEffect,\n  useSlots\n} from 'vue';\nimport { useResizeObserver } from '@vueuse/core';\nimport { flattedChildren } from '../../utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport Menubar from './utils/menu-bar';\nimport MenuCollapseTransition from './menu-collapse-transition.vue';\nimport SubMenu from './sub-menu.vue';\nimport { useMenuCssVar } from './use-menu-css-var';\nimport type { MenuProvider, SubMenuProvider } from './types';\nimport type { Router } from 'vue-router';\nimport type { VNode, VNodeArrayChildren } from 'vue';\nimport type { UseResizeObserverReturn } from '@vueuse/core';\nimport Icon from '@vft-ui/components/icon';\n\ninterface MenuProps {\n  /** 菜单展示模式 */\n  mode?: 'horizontal' | 'vertical';\n  /** 页面加载时默认激活菜单的 index（menu-item 的index） */\n  defaultActive?: string;\n  /** 默认打开的 sub-menu 的 index 的数组 */\n  defaultOpeneds?: string[];\n  /** 是否只保持一个子菜单的展开 */\n  uniqueOpened?: boolean;\n  /** 是否启用 vue-router 模式。 启用该模式会在激活导航时以 index 作为 path 进行路由跳转 使用 default-active 来设置加载时的激活项 */\n  router?: boolean;\n  /** 子菜单打开的触发方式，只在 mode 为 horizontal 时有效 */\n  menuTrigger?: 'hover' | 'click';\n  collapse?: boolean;\n  /** 是否水平折叠收起菜单（仅在 mode 为 vertical 时可用) */\n  backgroundColor?: string;\n  textColor?: string;\n  activeTextColor?: string;\n  /** 是否开启折叠动画 */\n  collapseTransition?: boolean;\n  /** 是否省略多余的子项（仅在横向模式生效） */\n  ellipsis?: boolean;\n}\n\ndefineProps({\n  \"mode\": { default: 'vertical' },\n  \"defaultActive\": { default: '' },\n  \"defaultOpeneds\": { default: [] },\n  \"uniqueOpened\": { type: Boolean,  },\n  \"router\": { type: Boolean,  },\n  \"menuTrigger\": { default: 'hover' },\n  \"collapse\": { type: Boolean,  },\n  \"backgroundColor\": null,\n  \"textColor\": null,\n  \"activeTextColor\": null,\n  \"collapseTransition\": { type: Boolean, default: true },\n  \"ellipsis\": { type: Boolean, default: true }\n})\n\nconst emit = defineEmits([\n  'close',\n  'open',\n  'select'\n]);\n\n\n\n;\n\nconst slots = useSlots();\n\nconst instance = getCurrentInstance()!;\n\n// get router instance\nconst _router = instance.appContext.config.globalProperties.$router as Router;\n\nconst menu = ref<HTMLUListElement>();\n\nconst nsSubMenu = useNamespace('sub-menu');\n\n// data\nconst sliceIndex = ref(-1);\n\n// 展开的菜单项数组 defaultOpeneds 配置的对应 sub-menu 中的数组，并且菜单不能是收缩状态\nconst openedMenus = ref<MenuProvider['openedMenus']>(\n  __props.defaultOpeneds && !__props.collapse ? __props.defaultOpeneds.slice(0) : []\n);\n\n// 页面加载时默认激活菜单的 index，最终提供给 menu-item 去使用\nconst activeIndex = ref<MenuProvider['activeIndex']>(__props.defaultActive);\n\n/**\n * 主要是存储 menu-item 中的菜单项\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 */\nconst items = ref<MenuProvider['items']>({});\n\n/**\n * 主要是存储 sub-menu 中的菜单项\n * 格式如下\n * ```\n * {\n *  mio:{index: 'mio', indexPath: ['mio'], active: false},\n *  test:{index: 'test', indexPath: ['test'], active: false}\n * }\n * ```\n */\nconst subMenus = ref<MenuProvider['subMenus']>({});\n\n/**\n * @description 是否需要 tooltip 1.水平模式的菜单需要 2.竖直类型的菜单在收缩时需要\n * @author wfd\n * @date 2022/11/8 13:22\n * @example\n * @type {ComputedRef<MenuProvider[\"isMenuPopup\"]>}\n */\nconst isMenuPopup = computed<MenuProvider['isMenuPopup']>(() => {\n  return __props.mode === 'horizontal' || (__props.mode === 'vertical' && __props.collapse) as MenuProvider['isMenuPopup'];\n});\n\n// 当配置了 defaultActive 时菜单的展开设置\nconst initMenu = () =>  {\n  // 如果设置了 activeIndex 且当前的 activeIndex 项在 items 中存在\n  // 获取当前激活菜单的 item {index: '1-1', indexPath: ['mio', '1-1'], active: false}\n  const activeItem = activeIndex.value && items.value[activeIndex.value];\n  // 只在竖直模式，且非折叠模式，且子菜单配置为激活时触发\n  if (!activeItem || __props.mode === 'horizontal' || __props.collapse) return;\n  // ['mio', '1-1']\n  const indexPath = activeItem.indexPath;\n\n  // 展开该菜单项的路径上所有子菜单\n  indexPath.forEach((index) => {\n    // {index: 'mio', indexPath: ['mio'], active: false}\n    const subMenu = subMenus.value[index];\n    subMenu && openMenu(index, subMenu.indexPath);\n  });\n};\n\n/**\n * @description 展开子菜单\n * @author wfd\n * @date 2022/11/8 16:44\n * @example\n * @param {string} index\n * @param {string[]} indexPath\n */\nconst openMenu: MenuProvider['openMenu'] = (index: string, indexPath: string[]) => {\n  // 如果当前点击的 index 在 openedMenus 中，则不向下执行操作\n  if (openedMenus.value.includes(index)) return;\n  // 将不在该菜单路径下的其余菜单收起\n  if (__props.uniqueOpened) {\n    openedMenus.value = openedMenus.value.filter((index: string) => indexPath.includes(index));\n  }\n  // 将点击的 index 加入到 openedMenus 中\n  openedMenus.value.push(index);\n  emit('open', index, indexPath);\n};\n\n/**\n * @description 关闭当前点击的 sub-menu 对应的 index，主要是从 openedMenus 移除该项\n * @author wfd\n * @date 2022/11/8 16:43\n * @example\n * @param {string} index\n * @param {string[]} indexPath\n */\nconst closeMenu: MenuProvider['closeMenu'] = (index, indexPath) => {\n  const i = openedMenus.value.indexOf(index);\n  if (i !== -1) {\n    openedMenus.value.splice(i, 1);\n  }\n  emit('close', index, indexPath);\n};\n\n// sub-menu 点击事件，主要是展开收缩菜单，通过控制 openedMenus 的值\nconst handleSubMenuClick: MenuProvider['handleSubMenuClick'] = ({ index, indexPath }) => {\n  // 判断当前点击的 sub-menu 菜单是否已经在 openedMenus 中\n  const isOpened = openedMenus.value.includes(index);\n\n  // 如果已经在 openedMenus 中，代表当前菜单已经展开（展开则调用 close 关闭），否则未打开（则调用 open 给展开）\n  if (isOpened) {\n    closeMenu(index, indexPath);\n  } else {\n    openMenu(index, indexPath);\n  }\n};\n\n/**\n * @description 子项点击跳转事件，如果 menu.vue 配置了 route 为 true，则执行路由跳转，否则触发\n * emit('select') 只返回数据\n * @author wfd\n * @date 2022/11/8 18:30\n * @example\n * @param {MenuItemClicked} menuItem\n */\nconst handleMenuItemClick: MenuProvider['handleMenuItemClick'] = (menuItem) => {\n\n  if (__props.mode === 'horizontal' || __props.collapse) {\n    openedMenus.value = [];\n  }\n  const { index, indexPath } = menuItem;\n  if (index === undefined || indexPath === undefined) return;\n\n  if (__props.router && _router) {\n    // 路由跳转的路径如果 menu-item 配置了则，采用 menu-item 的，否则采用 index 为 router 路径\n    const route = menuItem.route || index;\n    const routerResult = _router.push(route).then((res) => {\n      if (!res) activeIndex.value = index;\n      return res;\n    });\n    emit('select', menuItem, routerResult);\n  } else {\n    activeIndex.value = index;\n\n    emit('select', menuItem);\n  }\n};\n\n/**\n * 更新 activeIndex\n * @param {string} val\n */\nconst updateActiveIndex = (val: string) => {\n  const itemsInData = items.value;\n  // 首先从最新的 val 中去 items 取数据，如果没有取到再去 items 对应的 activeIndex 去取\n  const item = itemsInData[val] || (activeIndex.value && itemsInData[activeIndex.value]) || itemsInData[__props.defaultActive];\n\n  // 更新 activeIndex\n  if (item) {\n    activeIndex.value = item.index;\n  } else {\n    activeIndex.value = val;\n  }\n};\n\nconst calcSliceIndex = () => {\n  if (!menu.value) return -1;\n  const items = Array.from(menu.value?.childNodes ?? []).filter(\n    (item) => item.nodeName !== '#text' || item.nodeValue) as HTMLElement[];\n  const moreItemWidth = 64;\n  const paddingLeft = Number.parseInt(getComputedStyle(menu.value!).paddingLeft, 10);\n  const paddingRight = Number.parseInt(getComputedStyle(menu.value!).paddingRight, 10);\n  const menuWidth = menu.value!.clientWidth - paddingLeft - paddingRight;\n  let calcWidth = 0;\n  let sliceIndex = 0;\n  items.forEach((item, index) => {\n    calcWidth += item.offsetWidth || 0;\n    if (calcWidth <= menuWidth - moreItemWidth) {\n      sliceIndex = index + 1;\n    }\n  });\n  return sliceIndex === items.length ? -1 : sliceIndex;\n};\n\n// 常见的计算机监视器FPS为60Hz，这意味着每秒重画60次。计算公式：1000ms60≈ 16.67ms，为了避免“调整大小”时重复触发的特定机会，将等待设置为16.67 2=33.34\nconst debounce = (fn: () => void, wait = 33.34) => {\n  let timmer: ReturnType<typeof setTimeout> | null;\n  return () => {\n    timmer && clearTimeout(timmer);\n    timmer = setTimeout(() => {\n      fn();\n    }, wait);\n  };\n};\n\nlet isFirstTimeRender = true;\nconst handleResize = () => {\n  const callback = () => {\n    sliceIndex.value = -1;\n    nextTick(() => {\n      sliceIndex.value = calcSliceIndex();\n    });\n  };\n  // 第一次调整大小时直接执行回调以避免抖动\n  isFirstTimeRender ? callback() : debounce(callback)();\n  isFirstTimeRender = false;\n};\n\n// defaultActive 变化时触发时更新 activeIndex\nwatch(\n  () => __props.defaultActive,\n  (currentActive) => {\n    // 如果最新的 defaultActive 在 items 中不存在则 activeIndex 更新为空\n    if (!items.value[currentActive]) {\n      activeIndex.value = '';\n    }\n    updateActiveIndex(currentActive);\n  }\n);\n\nwatch(\n  () => __props.collapse,\n  (value) => {\n    if (value) openedMenus.value = [];\n  }\n);\n\n// 监控 items 的变化(在 menu-item.vue 中的 onMounted 中执行产生变化)，然后执行 initMenu\nwatch(items.value, initMenu);\n\nlet resizeStopper: UseResizeObserverReturn['stop'];\nwatchEffect(() => {\n  if (__props.mode === 'horizontal' && __props.ellipsis) resizeStopper = useResizeObserver(menu, handleResize).stop;\n  else resizeStopper?.();\n});\n\n// 提供给 sub-menu.vue 使用，将每一个 sub-menu 的数据存储在 subMenus 中\nconst addSubMenu: MenuProvider['addSubMenu'] = (item) => {\n  subMenus.value[item.index] = item;\n};\n\nconst removeSubMenu: MenuProvider['removeSubMenu'] = (item) => {\n  delete subMenus.value[item.index];\n};\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 */\nconst addMenuItem: MenuProvider['addMenuItem'] = (item) => {\n  items.value[item.index] = item;\n};\n\nconst removeMenuItem: MenuProvider['removeMenuItem'] = (item) => {\n  delete items.value[item.index];\n};\n\n/**\n * 提供以下方法与属性给 sub-menu.vue 使用\n */\nprovide<MenuProvider>(\n  'rootMenu',\n  reactive({\n    props: instance.props,\n    openedMenus,\n    items,\n    subMenus,\n    activeIndex,\n    isMenuPopup,\n\n    addMenuItem,\n    removeMenuItem,\n    addSubMenu,\n    removeSubMenu,\n    openMenu,\n    closeMenu,\n    handleMenuItemClick,\n    handleSubMenuClick\n  })\n);\n\nprovide<SubMenuProvider>(`subMenu:${instance.uid}`, {\n  addSubMenu,\n  removeSubMenu,\n  mouseInChild: ref(false),\n  // 表示当前是第一级的 sub-menu\n  level: 0\n});\n\nonMounted(() => {\n  if (__props.mode === 'horizontal') {\n    new Menubar(instance.vnode.el!, ns.namespace.value);\n  }\n});\n\n// 触发展开菜单事件\nconst open = (index: string) => {\n  const { indexPath } = subMenus.value[index];\n  indexPath.forEach((i) => openMenu(i, indexPath));\n};\n\ndefineExpose({\n  open,\n  close: closeMenu,\n  handleResize\n});\n\ndefineRender(() => {\n  let slot: VNodeArrayChildren = slots.default?.() ?? [];\n  const vShowMore: VNode[] = [];\n\n  // 水平默认下执行\n  if (__props.mode === 'horizontal' && menu.value) {\n    const originalSlot = flattedChildren(slot) as VNodeArrayChildren;\n    const slotDefault = sliceIndex.value === -1 ? originalSlot : originalSlot.slice(0,\n      sliceIndex.value);\n\n    const slotMore = sliceIndex.value === -1 ? [] : originalSlot.slice(sliceIndex.value);\n\n    if (slotMore?.length && __props.ellipsis) {\n      slot = slotDefault;\n      vShowMore.push(\n        h(\n          SubMenu,\n          {\n            index: 'sub-menu-more',\n            class: nsSubMenu.e('hide-arrow')\n          },\n          {\n            title: () => h(\n              Icon,\n              {\n                icon: 'vi-item',\n                class: nsSubMenu.e('icon-more')\n              }\n            ),\n            default: () => slotMore\n          }\n        )\n      );\n    }\n  }\n\n  const ulStyle = useMenuCssVar(instance.props, 0);\n\n  const vMenu = h(\n    'ul',\n    {\n      key: String(__props.collapse),\n      role: 'menubar',\n      ref: menu,\n      style: ulStyle.value,\n      class: {\n        [ns.b()]: true,\n        [ns.m(__props.mode)]: true,\n        [ns.m('collapse')]: __props.collapse\n      }\n    },\n    [...slot, ...vShowMore]\n  );\n\n  if (__props.collapseTransition && __props.mode === 'vertical') {\n    return h(MenuCollapseTransition, () => vMenu);\n  }\n\n  return vMenu;\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","slots","useSlots","instance","getCurrentInstance","_router","menu","ref","nsSubMenu","sliceIndex","openedMenus","__props","activeIndex","items","subMenus","isMenuPopup","computed","initMenu","activeItem","index","subMenu","openMenu","indexPath","emit","closeMenu","i","handleSubMenuClick","handleMenuItemClick","menuItem","route","routerResult","res","updateActiveIndex","val","itemsInData","item","calcSliceIndex","_a","moreItemWidth","paddingLeft","paddingRight","menuWidth","calcWidth","debounce","fn","wait","timmer","isFirstTimeRender","handleResize","callback","nextTick","watch","currentActive","value","resizeStopper","watchEffect","useResizeObserver","addSubMenu","removeSubMenu","addMenuItem","removeMenuItem","provide","reactive","onMounted","Menubar","expose","slot","vShowMore","originalSlot","flattedChildren","slotDefault","slotMore","h","SubMenu","Icon","ulStyle","useMenuCssVar","vMenu","MenuCollapseTransition"],"mappings":"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"}

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

@@ -1,254 +0,0 @@
-import { defineComponent as Z, getCurrentInstance as Y, computed as n, inject as D, ref as x, reactive as _, watch as ee, provide as oe, onMounted as te, onBeforeUnmount as ne, useSlots as le, h as a, Fragment as re, withDirectives as ae, vShow as ue } from "vue";
-import "../divider/index.mjs";
-import { VftIcon as H } from "../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 { VftCollapseTransition as ie } from "../collapse-transition/index.mjs";
-import { VftTooltip as se } from "../tooltip/index.mjs";
-import "../popover/index.mjs";
-import "./index.mjs";
-import { singleAttrToObj as pe, renderTNode as ce } from "@vft/utils";
-import "@vft/use";
-import "../multiple-tabs/index.mjs";
-import "../header-layout/index.mjs";
-import "../footer-layout/index.mjs";
-import "../iframe-layout/index.mjs";
-import "../router-view-content/index.mjs";
-import "../logo/index.mjs";
-import "../back-top/index.mjs";
-import "../config-provider/index.mjs";
-import "../descriptions/index.mjs";
-import "../full-screen/index.mjs";
-import "../icon-text/index.mjs";
-import "../image/index.mjs";
-import "../input/index.mjs";
-import "../link/index.mjs";
-import "../pagination/index.mjs";
-import "../tag/index.mjs";
-import "../side-menu/index.mjs";
-import "../qrcode/index.mjs";
-import "../overlay/index.mjs";
-import "../clamp/index.mjs";
-import "../clamp-toggle/index.mjs";
-import { useNamespace as I } from "../../hooks/use-namespace/index.mjs";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.mjs";
-import { useTimeoutFn as L } from "@vueuse/core";
-import "@vue/shared";
-import { throwError as U } from "../../utils/error.mjs";
-import me from "./use-menu.mjs";
-import { useMenuCssVar as de } from "./use-menu-css-var.mjs";
-const S = (
-  /* hoist-static*/
-  I("sub-menu")
-), ve = Z({
-  name: S.b()
-}), ao = /* @__PURE__ */ Z({
-  ...ve,
-  props: {
-    index: null,
-    showTimeout: {
-      default: 300
-    },
-    hideTimeout: {
-      default: 300
-    },
-    popperClass: null,
-    disabled: {
-      type: Boolean
-    },
-    popperAppendToBody: {
-      type: Boolean,
-      default: void 0
-    },
-    popperOffset: {
-      default: 6
-    },
-    expandIcon: {
-      default: {}
-    },
-    collapseIcon: {
-      default: {}
-    },
-    title: null,
-    icon: null,
-    showArrow: {
-      type: Boolean,
-      default: !0
-    },
-    toolTipCfg: null
-  },
-  setup(o, {
-    expose: q
-  }) {
-    const v = Y(), {
-      indexPath: h,
-      parentMenu: z
-    } = me(v, n(() => o.index)), i = I("menu"), s = I("sub-menu"), e = D("rootMenu");
-    e || U(S.b(), "can not inject root menu");
-    const u = D(`subMenu:${z.value.uid}`);
-    u || U(S.b(), "can not inject sub menu");
-    const T = x({});
-    let p;
-    const B = x(!1), G = x(), A = x(null), P = n(() => m.value === "horizontal" && M.value ? "bottom-start" : "right-start"), M = n(() => u.level === 0), w = n(() => o.popperAppendToBody === void 0 ? M.value : Boolean(o.popperAppendToBody)), J = n(() => e.props.collapse ? `${i.namespace.value}-zoom-in-left` : `${i.namespace.value}-zoom-in-top`), K = n(() => m.value === "horizontal" && M.value ? ["bottom-start", "bottom-end", "top-start", "top-end", "right-start", "left-start"] : ["right-start", "left-start", "bottom-start", "bottom-end", "top-start", "top-end"]), c = n(() => e.openedMenus.includes(o.index)), f = n(() => {
-      let t = !1;
-      return Object.values(T.value).forEach((r) => {
-        r.active && (t = !0);
-      }), o.index === e.activeIndex && (t = !0), t;
-    }), j = n(() => e.props.backgroundColor || ""), E = n(() => e.props.activeTextColor || ""), F = n(() => e.props.textColor || ""), m = n(() => e.props.mode), C = _({
-      index: o.index,
-      indexPath: h,
-      active: f
-    }), $ = n(() => m.value !== "horizontal" ? {
-      color: F.value
-    } : {
-      borderBottomColor: f.value ? e.props.activeTextColor ? E.value : "" : "transparent",
-      color: f.value ? E.value : F.value
-    }), Q = () => {
-      var t, r, l;
-      return (l = (r = (t = A.value) == null ? void 0 : t.popperRef) == null ? void 0 : r.popperInstanceRef) == null ? void 0 : l.destroy();
-    }, W = (t) => {
-      t || Q();
-    }, O = () => {
-      e.props.menuTrigger === "hover" && e.props.mode === "horizontal" || e.props.collapse && e.props.mode === "vertical" || o.disabled || e.handleSubMenuClick({
-        index: o.index,
-        indexPath: h.value,
-        active: f.value
-      });
-    }, g = (t, r = o.showTimeout) => {
-      var l;
-      t.type !== "focus" && (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled || (u.mouseInChild.value = !0, p == null || p(), {
-        stop: p
-      } = L(() => {
-        e.openMenu(o.index, h.value);
-      }, r), w.value && ((l = z.value.vnode.el) == null || l.dispatchEvent(new MouseEvent("mouseenter")))));
-    }, y = (t = !1) => {
-      var r, l;
-      e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (p == null || p(), u.mouseInChild.value = !1, {
-        stop: p
-      } = L(() => !B.value && e.closeMenu(o.index, h.value), o.hideTimeout), w.value && t && ((r = v.parent) == null ? void 0 : r.type.name) === "vft-sub-menu" && ((l = u.handleMouseleave) == null || l.call(u, !0)));
-    };
-    ee(() => e.props.collapse, (t) => W(Boolean(t)));
-    {
-      const t = (l) => {
-        T.value[l.index] = l;
-      }, r = (l) => {
-        delete T.value[l.index];
-      };
-      oe(`subMenu:${v.uid}`, {
-        addSubMenu: t,
-        removeSubMenu: r,
-        handleMouseleave: y,
-        mouseInChild: B,
-        level: u.level + 1
-      });
-    }
-    q({
-      opened: c
-    }), te(() => {
-      e.addSubMenu(C), u.addSubMenu(C);
-    }), ne(() => {
-      u.removeSubMenu(C), e.removeSubMenu(C);
-    });
-    const d = le(), X = n(() => m.value === "horizontal" && M.value || m.value === "vertical" && !e.props.collapse ? {
-      icon: "vi-arrow-down",
-      size: 20,
-      ...o.expandIcon
-    } : {
-      icon: "vi-arrow-right",
-      size: 18,
-      ...o.collapseIcon
-    }), V = n(() => pe(o.icon, "icon")), N = n(() => ce(v, "title"));
-    return () => {
-      var R;
-      const t = [(R = V.value) != null && R.icon ? a(H, {
-        ...V.value
-      }) : null, a("span", {
-        class: o.showArrow ? s.e("text") : "",
-        title: v.props.title
-      }, N.value), o.showArrow ? a(H, {
-        class: s.e("icon-arrow"),
-        ...X.value,
-        style: {
-          transform: c.value ? "rotateZ(180deg)" : "none"
-        }
-      }) : !1], r = de(e.props, u.level + 1), l = e.isMenuPopup ? a(se, {
-        ref: A,
-        visible: c.value,
-        effect: "light",
-        pure: !0,
-        offset: o.popperOffset,
-        showArrow: !1,
-        persistent: !0,
-        popperClass: o.popperClass,
-        placement: P.value,
-        teleported: w.value,
-        fallbackPlacements: K.value,
-        transition: J.value,
-        gpuAcceleration: !1,
-        ...o.toolTipCfg
-      }, {
-        content: () => {
-          var b;
-          return a("div", {
-            class: [i.m(m.value), i.m("popup-container"), o.popperClass],
-            onMouseenter: (k) => g(k, 100),
-            onMouseleave: () => y(!0),
-            onFocus: (k) => g(k, 100)
-          }, [a("ul", {
-            class: [i.b(), i.m("popup"), i.m(`popup-${P.value}`)],
-            style: r.value
-          }, [(b = d.default) == null ? void 0 : b.call(d)])]);
-        },
-        default: () => a("div", {
-          class: s.e("title"),
-          style: [$.value, {
-            backgroundColor: j.value
-          }],
-          onClick: O
-        }, t)
-      }) : (
-        /**
-         *  Fragment 碎片化节点，可以让 dom 没有根节点
-         *
-         *  以下是无需 tooltip 渲染的组件，通常是侧边栏没有折叠的时候
-         */
-        a(re, {}, [N.value ? a("div", {
-          class: s.e("title"),
-          style: [$.value, {
-            backgroundColor: j.value
-          }],
-          ref: G,
-          onClick: O
-        }, t) : null, a(ie, {}, {
-          default: () => {
-            var b;
-            return ae(a("ul", {
-              role: "menu",
-              class: [i.b(), i.m("inline")],
-              style: r.value
-            }, [(b = d.default) == null ? void 0 : b.call(d)]), [[ue, c.value]]);
-          }
-        })])
-      );
-      return a("li", {
-        class: [s.b(), s.is("active", f.value), s.is("opened", c.value), s.is("disabled", o.disabled)],
-        role: "menuitem",
-        ariaHaspopup: !0,
-        ariaExpanded: c.value,
-        onMouseenter: g,
-        onMouseleave: () => y(!0),
-        onFocus: g
-      }, [l]);
-    };
-  }
-});
-export {
-  ao as default
-};
-//# sourceMappingURL=sub-menu.vue2.mjs.map

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

@@ -1 +0,0 @@
-{"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/use-menu-css-var.mjs.map

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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/multiple-tabs/index.mjs.map

@@ -1 +0,0 @@
-{"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;"}