vft 0.0.13 → 0.0.14

package/es/packages/components/focus-trap/focus-trap.vue.mjs

@@ -0,0 +1,11 @@
+import r from "./focus-trap.vue2.mjs";
+import { renderSlot as e } from "vue";
+import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
+function n(o, s, f, p, a, d) {
+  return e(o.$slots, "default", { handleKeydown: o.onKeydown });
+}
+const u = /* @__PURE__ */ t(r, [["render", n]]);
+export {
+  u as default
+};
+//# sourceMappingURL=focus-trap.vue.mjs.map

package/es/packages/components/focus-trap/focus-trap.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-trap.vue2.mjs","sources":["../../../../../../packages/components/focus-trap/focus-trap.vue"],"sourcesContent":["<template>\n  <slot :handle-keydown=\"onKeydown\" />\n</template>\n\n<script lang=\"ts\">\nimport { EVENT_CODE } from '@vft/constants';\nimport { useEscapeKeydown } from '@vft/use';\nimport { isString } from '@vft/utils';\nimport { isNil } from 'lodash';\nimport type { PropType } from 'vue';\nimport {\n  defineComponent,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  unref,\n  watch\n} from 'vue';\nimport {\n  FOCUS_AFTER_RELEASED,\n  FOCUS_AFTER_TRAPPED,\n  FOCUS_AFTER_TRAPPED_OPTS,\n  FOCUS_TRAP_INJECTION_KEY,\n  ON_RELEASE_FOCUS_EVT,\n  ON_TRAP_FOCUS_EVT\n} from './tokens';\nimport type { FocusLayer } from './utils';\nimport {\n  createFocusOutPreventedEvent,\n  focusableStack,\n  focusFirstDescendant,\n  getEdges,\n  isFocusCausedByUserEvent,\n  obtainAllFocusableElements,\n  tryFocus,\n  useFocusReason\n} from './utils';\n\nexport default defineComponent({\n  name: 'VftFocusTrap',\n  inheritAttrs: false,\n  props: {\n    loop: Boolean,\n    trapped: Boolean,\n    focusTrapEl: Object as PropType<HTMLElement>,\n    focusStartEl: {\n      type: [Object, String] as PropType<'container' | 'first' | HTMLElement>,\n      default: 'first'\n    }\n  },\n  emits: [\n    ON_TRAP_FOCUS_EVT,\n    ON_RELEASE_FOCUS_EVT,\n    'focusin',\n    'focusout',\n    'focusout-prevented',\n    'release-requested'\n  ],\n  setup (props, { emit }) {\n\t\tconst forwardRef = ref<HTMLElement | undefined>()\n\t\tlet lastFocusBeforeTrapped: HTMLElement | null\n\t\tlet lastFocusAfterTrapped: HTMLElement | null\n\n\t\tconst { focusReason } = useFocusReason()\n\n\t\tuseEscapeKeydown((event) => {\n\t\t\tif (props.trapped && !focusLayer.paused) {\n\t\t\t\temit('release-requested', event)\n\t\t\t}\n\t\t})\n\n\t\tconst focusLayer: FocusLayer = {\n\t\t\tpaused: false,\n\t\t\tpause () {\n\t\t\t\tthis.paused = true\n\t\t\t},\n\t\t\tresume () {\n\t\t\t\tthis.paused = false\n\t\t\t},\n\t\t}\n\n\t\tconst onKeydown = (e: KeyboardEvent) => {\n\t\t\tif (!props.loop && !props.trapped) return\n\t\t\tif (focusLayer.paused) return\n\n\t\t\tconst { key, altKey, ctrlKey, metaKey, currentTarget, shiftKey } = e\n\t\t\tconst { loop } = props\n\t\t\tconst isTabbing =\n\t\t\t\tkey === EVENT_CODE.tab && !altKey && !ctrlKey && !metaKey\n\n\t\t\tconst currentFocusingEl = document.activeElement\n\t\t\tif (isTabbing && currentFocusingEl) {\n\t\t\t\tconst container = currentTarget as HTMLElement\n\t\t\t\tconst [first, last] = getEdges(container)\n\t\t\t\tconst isTabbable = first && last\n\t\t\t\tif (!isTabbable) {\n\t\t\t\t\tif (currentFocusingEl === container) {\n\t\t\t\t\t\tconst focusoutPreventedEvent = createFocusOutPreventedEvent({\n\t\t\t\t\t\t\tfocusReason: focusReason.value,\n\t\t\t\t\t\t})\n\t\t\t\t\t\temit('focusout-prevented', focusoutPreventedEvent)\n\t\t\t\t\t\tif (!focusoutPreventedEvent.defaultPrevented) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (!shiftKey && currentFocusingEl === last) {\n\t\t\t\t\t\tconst focusoutPreventedEvent = createFocusOutPreventedEvent({\n\t\t\t\t\t\t\tfocusReason: focusReason.value,\n\t\t\t\t\t\t})\n\t\t\t\t\t\temit('focusout-prevented', focusoutPreventedEvent)\n\t\t\t\t\t\tif (!focusoutPreventedEvent.defaultPrevented) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\tif (loop) tryFocus(first, true)\n\t\t\t\t\t\t}\n\t\t\t\t\t} else if (\n\t\t\t\t\t\tshiftKey &&\n\t\t\t\t\t\t[first, container].includes(currentFocusingEl as HTMLElement)\n\t\t\t\t\t) {\n\t\t\t\t\t\tconst focusoutPreventedEvent = createFocusOutPreventedEvent({\n\t\t\t\t\t\t\tfocusReason: focusReason.value,\n\t\t\t\t\t\t})\n\t\t\t\t\t\temit('focusout-prevented', focusoutPreventedEvent)\n\t\t\t\t\t\tif (!focusoutPreventedEvent.defaultPrevented) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\tif (loop) tryFocus(last, true)\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tprovide(FOCUS_TRAP_INJECTION_KEY, {\n\t\t\tfocusTrapRef: forwardRef,\n\t\t\tonKeydown,\n\t\t})\n\n\t\twatch(\n\t\t\t() => props.focusTrapEl,\n\t\t\t(focusTrapEl) => {\n\t\t\t\tif (focusTrapEl) {\n\t\t\t\t\tforwardRef.value = focusTrapEl\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ immediate: true }\n\t\t)\n\n\t\twatch([forwardRef], ([forwardRef], [oldForwardRef]) => {\n\t\t\tif (forwardRef) {\n\t\t\t\tforwardRef.addEventListener('keydown', onKeydown)\n\t\t\t\tforwardRef.addEventListener('focusin', onFocusIn)\n\t\t\t\tforwardRef.addEventListener('focusout', onFocusOut)\n\t\t\t}\n\t\t\tif (oldForwardRef) {\n\t\t\t\toldForwardRef.removeEventListener('keydown', onKeydown)\n\t\t\t\toldForwardRef.removeEventListener('focusin', onFocusIn)\n\t\t\t\toldForwardRef.removeEventListener('focusout', onFocusOut)\n\t\t\t}\n\t\t})\n\n\t\tconst trapOnFocus = (e: Event) => {\n\t\t\temit(ON_TRAP_FOCUS_EVT, e)\n\t\t}\n\t\tconst releaseOnFocus = (e: Event) => emit(ON_RELEASE_FOCUS_EVT, e)\n\n\t\tconst onFocusIn = (e: FocusEvent) => {\n\t\t\tconst trapContainer = unref(forwardRef)\n\t\t\tif (!trapContainer) return\n\n\t\t\tconst target = e.target as HTMLElement | null\n\t\t\tconst relatedTarget = e.relatedTarget as HTMLElement | null\n\t\t\tconst isFocusedInTrap = target && trapContainer.contains(target)\n\n\t\t\tif (!props.trapped) {\n\t\t\t\tconst isPrevFocusedInTrap =\n\t\t\t\t\trelatedTarget && trapContainer.contains(relatedTarget)\n\t\t\t\tif (!isPrevFocusedInTrap) {\n\t\t\t\t\tlastFocusBeforeTrapped = relatedTarget\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (isFocusedInTrap) emit('focusin', e)\n\n\t\t\tif (focusLayer.paused) return\n\n\t\t\tif (props.trapped) {\n\t\t\t\tif (isFocusedInTrap) {\n\t\t\t\t\tlastFocusAfterTrapped = target\n\t\t\t\t} else {\n\t\t\t\t\ttryFocus(lastFocusAfterTrapped, true)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst onFocusOut = (e: Event) => {\n\t\t\tconst trapContainer = unref(forwardRef)\n\t\t\tif (focusLayer.paused || !trapContainer) return\n\n\t\t\tif (props.trapped) {\n\t\t\t\tconst relatedTarget = (e as FocusEvent)\n\t\t\t\t\t.relatedTarget as HTMLElement | null\n\t\t\t\tif (!isNil(relatedTarget) && !trapContainer.contains(relatedTarget)) {\n\t\t\t\t\t// Give embedded focus layer time to pause this layer before reclaiming focus\n\t\t\t\t\t// And only reclaim focus if it should currently be trapping\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tif (!focusLayer.paused && props.trapped) {\n\t\t\t\t\t\t\tconst focusoutPreventedEvent = createFocusOutPreventedEvent({\n\t\t\t\t\t\t\t\tfocusReason: focusReason.value,\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\temit('focusout-prevented', focusoutPreventedEvent)\n\t\t\t\t\t\t\tif (!focusoutPreventedEvent.defaultPrevented) {\n\t\t\t\t\t\t\t\ttryFocus(lastFocusAfterTrapped, true)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}, 0)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst target = e.target as HTMLElement | null\n\t\t\t\tconst isFocusedInTrap = target && trapContainer.contains(target)\n\t\t\t\tif (!isFocusedInTrap) emit('focusout', e)\n\t\t\t}\n\t\t}\n\n\t\tasync function startTrap () {\n\t\t\t// Wait for forwardRef to resolve\n\t\t\tawait nextTick()\n\t\t\tconst trapContainer = unref(forwardRef)\n\t\t\tif (trapContainer) {\n\t\t\t\tfocusableStack.push(focusLayer)\n\t\t\t\tconst prevFocusedElement = trapContainer.contains(\n\t\t\t\t\tdocument.activeElement\n\t\t\t\t)\n\t\t\t\t\t? lastFocusBeforeTrapped\n\t\t\t\t\t: document.activeElement\n\t\t\t\tlastFocusBeforeTrapped = prevFocusedElement as HTMLElement | null\n\t\t\t\tconst isPrevFocusContained = trapContainer.contains(prevFocusedElement)\n\t\t\t\tif (!isPrevFocusContained) {\n\t\t\t\t\tconst focusEvent = new Event(\n\t\t\t\t\t\tFOCUS_AFTER_TRAPPED,\n\t\t\t\t\t\tFOCUS_AFTER_TRAPPED_OPTS\n\t\t\t\t\t)\n\t\t\t\t\ttrapContainer.addEventListener(FOCUS_AFTER_TRAPPED, trapOnFocus)\n\t\t\t\t\ttrapContainer.dispatchEvent(focusEvent)\n\t\t\t\t\tif (!focusEvent.defaultPrevented) {\n\t\t\t\t\t\tnextTick(() => {\n\t\t\t\t\t\t\tlet focusStartEl = props.focusStartEl\n\t\t\t\t\t\t\tif (!isString(focusStartEl)) {\n\t\t\t\t\t\t\t\ttryFocus(focusStartEl)\n\t\t\t\t\t\t\t\tif (document.activeElement !== focusStartEl) {\n\t\t\t\t\t\t\t\t\tfocusStartEl = 'first'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (focusStartEl === 'first') {\n\t\t\t\t\t\t\t\tfocusFirstDescendant(\n\t\t\t\t\t\t\t\t\tobtainAllFocusableElements(trapContainer),\n\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tdocument.activeElement === prevFocusedElement ||\n\t\t\t\t\t\t\t\tfocusStartEl === 'container'\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\ttryFocus(trapContainer)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tfunction stopTrap () {\n\t\t\tconst trapContainer = unref(forwardRef)\n\n\t\t\tif (trapContainer) {\n\t\t\t\ttrapContainer.removeEventListener(FOCUS_AFTER_TRAPPED, trapOnFocus)\n\n\t\t\t\tconst releasedEvent = new CustomEvent(FOCUS_AFTER_RELEASED, {\n\t\t\t\t\t...FOCUS_AFTER_TRAPPED_OPTS,\n\t\t\t\t\tdetail: {\n\t\t\t\t\t\tfocusReason: focusReason.value,\n\t\t\t\t\t},\n\t\t\t\t})\n\t\t\t\ttrapContainer.addEventListener(FOCUS_AFTER_RELEASED, releaseOnFocus)\n\t\t\t\ttrapContainer.dispatchEvent(releasedEvent)\n\t\t\t\tif (\n\t\t\t\t\t!releasedEvent.defaultPrevented &&\n\t\t\t\t\t(focusReason.value == 'keyboard' ||\n\t\t\t\t\t\t!isFocusCausedByUserEvent() ||\n\t\t\t\t\t\ttrapContainer.contains(document.activeElement))\n\t\t\t\t) {\n\t\t\t\t\ttryFocus(lastFocusBeforeTrapped ?? document.body)\n\t\t\t\t}\n\n\t\t\t\ttrapContainer.removeEventListener(FOCUS_AFTER_RELEASED, trapOnFocus)\n\t\t\t\tfocusableStack.remove(focusLayer)\n\t\t\t}\n\t\t}\n\n\t\tonMounted(() => {\n\t\t\tif (props.trapped) {\n\t\t\t\tstartTrap()\n\t\t\t}\n\n\t\t\twatch(\n\t\t\t\t() => props.trapped,\n\t\t\t\t(trapped) => {\n\t\t\t\t\tif (trapped) {\n\t\t\t\t\t\tstartTrap()\n\t\t\t\t\t} else {\n\t\t\t\t\t\tstopTrap()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\t\t})\n\n\t\tonBeforeUnmount(() => {\n\t\t\tif (props.trapped) {\n\t\t\t\tstopTrap()\n\t\t\t}\n\t\t})\n\n\t\treturn {\n\t\t\tonKeydown,\n\t\t}\n  }\n});\n</script>\n"],"names":["_sfc_main","defineComponent","ON_TRAP_FOCUS_EVT","ON_RELEASE_FOCUS_EVT","props","emit","forwardRef","ref","lastFocusBeforeTrapped","lastFocusAfterTrapped","focusReason","useFocusReason","useEscapeKeydown","event","focusLayer","onKeydown","key","altKey","ctrlKey","metaKey","currentTarget","shiftKey","loop","isTabbing","EVENT_CODE","currentFocusingEl","container","first","last","getEdges","focusoutPreventedEvent","createFocusOutPreventedEvent","tryFocus","provide","FOCUS_TRAP_INJECTION_KEY","watch","focusTrapEl","oldForwardRef","onFocusIn","onFocusOut","trapOnFocus","releaseOnFocus","trapContainer","unref","target","relatedTarget","isFocusedInTrap","isNil","startTrap","nextTick","focusableStack","prevFocusedElement","focusEvent","FOCUS_AFTER_TRAPPED","FOCUS_AFTER_TRAPPED_OPTS","focusStartEl","isString","focusFirstDescendant","obtainAllFocusableElements","stopTrap","releasedEvent","FOCUS_AFTER_RELEASED","isFocusCausedByUserEvent","onMounted","trapped","onBeforeUnmount"],"mappings":"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"}

package/es/packages/components/focus-trap/tokens.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.mjs","sources":["../../../../../../packages/components/focus-trap/tokens.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue';\n\nexport const FOCUS_AFTER_TRAPPED = 'focus-trap.focus-after-trapped';\nexport const FOCUS_AFTER_RELEASED = 'focus-trap.focus-after-released';\nexport const FOCUSOUT_PREVENTED = 'focus-trap.focusout-prevented';\nexport const FOCUS_AFTER_TRAPPED_OPTS: EventInit = {\n\tcancelable: true,\n\tbubbles: false,\n};\nexport const FOCUSOUT_PREVENTED_OPTS: EventInit = {\n\tcancelable: true,\n\tbubbles: false,\n};\n\nexport const ON_TRAP_FOCUS_EVT = 'focusAfterTrapped';\nexport const ON_RELEASE_FOCUS_EVT = 'focusAfterReleased';\n\nexport type FocusTrapInjectionContext = {\n\tfocusTrapRef: Ref<HTMLElement | undefined>\n\tonKeydown: (e: KeyboardEvent) => void\n}\n\nexport const FOCUS_TRAP_INJECTION_KEY: InjectionKey<FocusTrapInjectionContext> =\n\tSymbol('vftFocusTrap');\n"],"names":["FOCUS_AFTER_TRAPPED","FOCUS_AFTER_RELEASED","FOCUSOUT_PREVENTED","FOCUS_AFTER_TRAPPED_OPTS","FOCUSOUT_PREVENTED_OPTS","ON_TRAP_FOCUS_EVT","ON_RELEASE_FOCUS_EVT","FOCUS_TRAP_INJECTION_KEY"],"mappings":"AAEO,MAAMA,IAAsB,kCACtBC,IAAuB,mCACvBC,IAAqB,iCACrBC,IAAsC;AAAA,EAClD,YAAY;AAAA,EACZ,SAAS;AACV,GACaC,IAAqC;AAAA,EACjD,YAAY;AAAA,EACZ,SAAS;AACV,GAEaC,IAAoB,qBACpBC,IAAuB,sBAOvBC,IACZ,OAAO,cAAc;"}

package/es/packages/components/focus-trap/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../../../../packages/components/focus-trap/utils.ts"],"sourcesContent":["import { onBeforeUnmount, onMounted, ref } from 'vue'\nimport { FOCUSOUT_PREVENTED, FOCUSOUT_PREVENTED_OPTS } from './tokens'\n\nconst focusReason = ref<'pointer' | 'keyboard'>()\nconst lastUserFocusTimestamp = ref<number>(0)\nconst lastAutomatedFocusTimestamp = ref<number>(0)\nlet focusReasonUserCount = 0\n\nexport type FocusLayer = {\n\tpaused: boolean\n\tpause: () => void\n\tresume: () => void\n}\n\nexport type FocusStack = FocusLayer[]\n\nexport const obtainAllFocusableElements = (\n\telement: HTMLElement\n): HTMLElement[] => {\n\tconst nodes: HTMLElement[] = []\n\tconst walker = document.createTreeWalker(element, NodeFilter.SHOW_ELEMENT, {\n\t\tacceptNode: (\n\t\t\tnode: Element & {\n\t\t\t\tdisabled: boolean\n\t\t\t\thidden: boolean\n\t\t\t\ttype: string\n\t\t\t\ttabIndex: number\n\t\t\t}\n\t\t) => {\n\t\t\tconst isHiddenInput = node.tagName === 'INPUT' && node.type === 'hidden'\n\t\t\tif (node.disabled || node.hidden || isHiddenInput)\n\t\t\t\treturn NodeFilter.FILTER_SKIP\n\t\t\treturn node.tabIndex >= 0 || node === document.activeElement\n\t\t\t\t? NodeFilter.FILTER_ACCEPT\n\t\t\t\t: NodeFilter.FILTER_SKIP\n\t\t},\n\t})\n\twhile (walker.nextNode()) nodes.push(walker.currentNode as HTMLElement)\n\t\n\treturn nodes\n}\n\nexport const getVisibleElement = (\n\telements: HTMLElement[],\n\tcontainer: HTMLElement\n) => {\n\tfor (const element of elements) {\n\t\tif (!isHidden(element, container)) return element\n\t}\n}\n\nexport const isHidden = (element: HTMLElement, container: HTMLElement) => {\n\tif (process.env.NODE_ENV === 'test') return false\n\tif (getComputedStyle(element).visibility === 'hidden') return true\n\t\n\twhile (element) {\n\t\tif (container && element === container) return false\n\t\tif (getComputedStyle(element).display === 'none') return true\n\t\telement = element.parentElement as HTMLElement\n\t}\n\t\n\treturn false\n}\n\nexport const getEdges = (container: HTMLElement) => {\n\tconst focusable = obtainAllFocusableElements(container)\n\tconst first = getVisibleElement(focusable, container)\n\tconst last = getVisibleElement(focusable.reverse(), container)\n\treturn [first, last]\n}\n\nconst isSelectable = (\n\telement: any\n): element is HTMLInputElement & {select: () => void} => {\n\treturn element instanceof HTMLInputElement && 'select' in element\n}\n\nexport const tryFocus = (\n\telement?: HTMLElement | {focus: () => void} | null,\n\tshouldSelect?: boolean\n) => {\n\tif (element && element.focus) {\n\t\tconst prevFocusedElement = document.activeElement\n\t\telement.focus({ preventScroll: true })\n\t\tlastAutomatedFocusTimestamp.value = window.performance.now()\n\t\tif (\n\t\t\telement !== prevFocusedElement &&\n\t\t\tisSelectable(element) &&\n\t\t\tshouldSelect\n\t\t) {\n\t\t\telement.select()\n\t\t}\n\t}\n}\n\nfunction removeFromStack<T> (list: T[], item: T) {\n\tconst copy = [...list]\n\t\n\tconst idx = list.indexOf(item)\n\t\n\tif (idx !== -1) {\n\t\tcopy.splice(idx, 1)\n\t}\n\treturn copy\n}\n\nconst createFocusableStack = () => {\n\tlet stack = [] as FocusStack\n\t\n\tconst push = (layer: FocusLayer) => {\n\t\tconst currentLayer = stack[0]\n\t\t\n\t\tif (currentLayer && layer !== currentLayer) {\n\t\t\tcurrentLayer.pause()\n\t\t}\n\t\t\n\t\tstack = removeFromStack(stack, layer)\n\t\tstack.unshift(layer)\n\t}\n\t\n\tconst remove = (layer: FocusLayer) => {\n\t\tstack = removeFromStack(stack, layer)\n\t\tstack[0]?.resume?.()\n\t}\n\t\n\treturn {\n\t\tpush,\n\t\tremove,\n\t}\n}\n\nexport const focusFirstDescendant = (\n\telements: HTMLElement[],\n\tshouldSelect = false\n) => {\n\tconst prevFocusedElement = document.activeElement\n\tfor (const element of elements) {\n\t\ttryFocus(element, shouldSelect)\n\t\tif (document.activeElement !== prevFocusedElement) return\n\t}\n}\n\nexport const focusableStack = createFocusableStack()\n\nexport const isFocusCausedByUserEvent = (): boolean => {\n\treturn lastUserFocusTimestamp.value > lastAutomatedFocusTimestamp.value\n}\n\nconst notifyFocusReasonPointer = () => {\n\tfocusReason.value = 'pointer'\n\tlastUserFocusTimestamp.value = window.performance.now()\n}\n\nconst notifyFocusReasonKeydown = () => {\n\tfocusReason.value = 'keyboard'\n\tlastUserFocusTimestamp.value = window.performance.now()\n}\n\nexport const useFocusReason = (): {\n\tfocusReason: typeof focusReason\n\tlastUserFocusTimestamp: typeof lastUserFocusTimestamp\n\tlastAutomatedFocusTimestamp: typeof lastAutomatedFocusTimestamp\n} => {\n\tonMounted(() => {\n\t\tif (focusReasonUserCount === 0) {\n\t\t\tdocument.addEventListener('mousedown', notifyFocusReasonPointer)\n\t\t\tdocument.addEventListener('touchstart', notifyFocusReasonPointer)\n\t\t\tdocument.addEventListener('keydown', notifyFocusReasonKeydown)\n\t\t}\n\t\tfocusReasonUserCount++\n\t})\n\t\n\tonBeforeUnmount(() => {\n\t\tfocusReasonUserCount--\n\t\tif (focusReasonUserCount <= 0) {\n\t\t\tdocument.removeEventListener('mousedown', notifyFocusReasonPointer)\n\t\t\tdocument.removeEventListener('touchstart', notifyFocusReasonPointer)\n\t\t\tdocument.removeEventListener('keydown', notifyFocusReasonKeydown)\n\t\t}\n\t})\n\t\n\treturn {\n\t\tfocusReason,\n\t\tlastUserFocusTimestamp,\n\t\tlastAutomatedFocusTimestamp,\n\t}\n}\n\nexport const createFocusOutPreventedEvent = (\n\tdetail: CustomEventInit['detail']\n) => {\n\treturn new CustomEvent(FOCUSOUT_PREVENTED, {\n\t\t...FOCUSOUT_PREVENTED_OPTS,\n\t\tdetail,\n\t})\n}\n"],"names":["focusReason","ref","lastUserFocusTimestamp","lastAutomatedFocusTimestamp","focusReasonUserCount","obtainAllFocusableElements","element","nodes","walker","node","isHiddenInput","getVisibleElement","elements","container","isHidden","getEdges","focusable","first","last","isSelectable","tryFocus","shouldSelect","prevFocusedElement","removeFromStack","list","item","copy","idx","createFocusableStack","stack","layer","currentLayer","_b","_a","focusFirstDescendant","focusableStack","isFocusCausedByUserEvent","notifyFocusReasonPointer","notifyFocusReasonKeydown","useFocusReason","onMounted","onBeforeUnmount","createFocusOutPreventedEvent","detail","FOCUSOUT_PREVENTED","FOCUSOUT_PREVENTED_OPTS"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.vue2.mjs","sources":["../../../../../../packages/components/icon/icon.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('icon')\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 { computed, type CSSProperties, inject } from 'vue';\nimport { addUnit } from '@vft/utils';\nimport { useNamespace } from '@vft-ui/hooks';\n\nexport interface IconProps {\n  /** 是否显示图标右上角小红点 */\n  dot?: boolean;\n  /** 图标名称或图片链接 */\n  icon: string;\n  /** 图标大小 */\n  size?: Numberish;\n  /** 图标右上角徽标的内容 */\n  badge?: Numberish;\n  /** 图标颜色 */\n  color?: string;\n  /** 类名前缀，用于使用自定义图标 */\n  classPrefix?: string;\n  spin?: boolean;\n  cursor?: boolean;\n  scale?: number\n}\n\nconst emit = defineEmits(['click']);\n\ndefineProps({\n  \"dot\": { type: Boolean,  },\n  \"icon\": null,\n  \"size\": null,\n  \"badge\": null,\n  \"color\": null,\n  \"classPrefix\": null,\n  \"spin\": { type: Boolean,  },\n  \"cursor\": { type: Boolean,  },\n  \"scale\": null\n})\n\n\n\n;\n\nconst style = computed(() => {\n  const _style: CSSProperties = {};\n  if (__props.color) {\n    _style['color'] = __props.color;\n  }\n  if (__props.size) {\n    _style['fontSize'] = addUnit(__props.size);\n  }\n  if (__props.spin) {\n    _style['animation'] = 'vft-rotate 1s linear 0s infinite';\n  }\n  if (__props.cursor) {\n    _style['cursor'] = 'pointer';\n  }\n  if (__props.scale) {\n    _style.transform = 'scale(0.8)';\n  }\n  return _style;\n});\n\nconst isImage = (name?: string) => name?.includes('/');\nconst isImageIcon = isImage(__props.icon);\n\n\nconst _classPrefix = computed(() => __props.classPrefix);\nconst classes = computed(() => (isImageIcon ? '' : [__props.icon.startsWith('vi-') ? 'vicon' : 'iconfont', `${_classPrefix.value || ''}${__props.icon}`]));\n</script>\n\n<template>\n\t<div>\n\t\t<slot></slot>\n\t</div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","computed","_style","__props","addUnit","isImageIcon","name","_classPrefix"],"mappings":";;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,MAAM;AAAA,GAGhDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;;;;;;;AA0Ca,IAAAI,EAAS,MAAM;AAC3B,YAAMC,IAAwB,CAAA;AAC9B,aAAIC,EAAQ,UACHD,EAAA,QAAWC,EAAQ,QAExBA,EAAQ,SACVD,EAAO,WAAcE,EAAQD,EAAQ,IAAI,IAEvCA,EAAQ,SACVD,EAAO,YAAe,qCAEpBC,EAAQ,WACVD,EAAO,SAAY,YAEjBC,EAAQ,UACVD,EAAO,YAAY,eAEdA;AAAA,IAAA,CACR;AAGK,UAAAG,KADU,CAACC,MAAkBA,KAAA,gBAAAA,EAAM,SAAS,MACtBH,EAAQ,IAAI,GAGlCI,IAAeN,EAAS,MAAME,EAAQ,WAAW;AACvC,WAAAF,EAAS,MAAOI,IAAc,KAAK,CAACF,EAAQ,KAAK,WAAW,KAAK,IAAI,UAAU,YAAY,GAAGI,EAAa,SAAS,KAAKJ,EAAQ,MAAM,CAAE;;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/icon/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils';\n\nimport Icon, { type IconProps } from './icon.vue';\n\nexport {\n\ttype IconProps\n} from './icon.vue';\n\nexport const VftIcon = withInstall(Icon);\nexport default VftIcon;\n"],"names":["VftIcon","withInstall","Icon"],"mappings":";;;;;AAQa,MAAAA,IAAUC,EAAYC,CAAI;"}

package/es/packages/components/index.mjs

@@ -0,0 +1,53 @@
+import { VftDivider as r } from "./divider/index.mjs";
+import { VftIcon as f } from "./icon/index.mjs";
+import { VftAvatar as x } from "./avatar/index.mjs";
+import { VftEmpty as n } from "./empty/index.mjs";
+import { VftResult as V } from "./result/index.mjs";
+import { VftException as s } from "./exception/index.mjs";
+import { VftTabPane as T, VftTabs as l } from "./tabs/index.mjs";
+import { VftPopper as M } from "./popper/index.mjs";
+import { VftCollapseTransition as C } from "./collapse-transition/index.mjs";
+import { VftTooltip as y } from "./tooltip/index.mjs";
+import { VftPopover as c } from "./popover/index.mjs";
+import { VftMenu as v, VftMenuItem as A, VftMenuItemGroup as D, VftSubMenu as I } from "./menu/index.mjs";
+import { createContextMenu as R, destroyContextMenu as G } from "./context-menu/createContextMenu.mjs";
+import { useContextMenu as S } from "./context-menu/useContextMenu.mjs";
+import { VftMultipleTabs as j } from "./multiple-tabs/index.mjs";
+import { EmptyEnum as q } from "./empty/constants.mjs";
+import { TabsRootContextKey as B } from "./tabs/types.mjs";
+import { default as H } from "./popper/arrow.vue2.mjs";
+import { default as L } from "./popper/trigger.vue2.mjs";
+import { default as O } from "./popper/content.vue2.mjs";
+import { useTabDropdown as U } from "./multiple-tabs/use/use-tab-dropdown.mjs";
+import { initAffixTabs as X, useTabsDrag as Y } from "./multiple-tabs/use/use-multiple-tabs.mjs";
+export {
+  q as EmptyEnum,
+  B as TabsRootContextKey,
+  x as VftAvatar,
+  C as VftCollapseTransition,
+  r as VftDivider,
+  n as VftEmpty,
+  s as VftException,
+  f as VftIcon,
+  v as VftMenu,
+  A as VftMenuItem,
+  D as VftMenuItemGroup,
+  j as VftMultipleTabs,
+  c as VftPopover,
+  M as VftPopper,
+  H as VftPopperArrow,
+  O as VftPopperContent,
+  L as VftPopperTrigger,
+  V as VftResult,
+  I as VftSubMenu,
+  T as VftTabPane,
+  l as VftTabs,
+  y as VftTooltip,
+  R as createContextMenu,
+  G as destroyContextMenu,
+  X as initAffixTabs,
+  S as useContextMenu,
+  U as useTabDropdown,
+  Y as useTabsDrag
+};
+//# sourceMappingURL=index.mjs.map

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

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

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

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

@@ -0,0 +1,16 @@
+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

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

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

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

@@ -0,0 +1,117 @@
+import { defineComponent as S, getCurrentInstance as M, inject as V, computed as r, 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 f, normalizeClass as $, withCtx as j, renderSlot as v, 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 k } 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";
+const W = ["title"], b = (
+  /* hoist-static*/
+  k("menu-item")
+), X = S({
+  name: b.b()
+}), Ue = /* @__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 y = M(), w = k("menu"), a = k("menu-item"), n = e.isAloneUse ? null : V("rootMenu");
+    !n && !e.isAloneUse && P(b.b(), "can not inject root menu");
+    const { parentMenu: p, indexPath: g } = L(
+      y,
+      r(() => e.index)
+    ), i = e.isAloneUse ? null : V(`subMenu:${p.value.uid}`);
+    !i && !e.isAloneUse && P(b.b(), "can not inject sub menu");
+    const h = r(() => e.index === (n == null ? void 0 : n.activeIndex)), l = Y({
+      index: e.index,
+      indexPath: g,
+      active: h
+    }), z = () => {
+      e.disabled || (n == null || n.handleMenuItemClick({
+        index: e.index,
+        indexPath: g.value,
+        route: e.route
+      }), T("click", l));
+    }, x = r(() => H(e.icon, "icon")), A = r(() => J(y, "title"));
+    return D(() => {
+      e.isAloneUse || (i == null || i.addSubMenu(l), n == null || n.addMenuItem(l));
+    }), F(() => {
+      e.isAloneUse || (i == null || i.removeSubMenu(l), n == null || n.removeMenuItem(l));
+    }), (m, 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),
+        f("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(p)) == null ? void 0 : U.type) == null ? void 0 : B.name) === "vft-menu" && ((C = t(n)) != null && C.props.collapse) && m.$slots.title ? (o(), s(t(R), {
+            key: 0,
+            placement: "right",
+            "fallback-placements": ["left"],
+            persistent: ""
+          }, {
+            content: j(() => [
+              v(m.$slots, "title")
+            ]),
+            default: j(() => [
+              f("div", {
+                class: $(t(w).be("tooltip", "trigger"))
+              }, [
+                v(m.$slots, "default")
+              ], 2)
+            ]),
+            _: 3
+          })) : (o(), c(d, { key: 1 }, [
+            (N = m.$slots) != null && N.default ? v(m.$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),
+              f("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 {
+  Ue as default
+};
+//# sourceMappingURL=menu-item.vue2.mjs.map

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

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

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

@@ -0,0 +1,234 @@
+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 r, Fragment as ae, withDirectives as re, 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 se } from "../collapse-transition/index.mjs";
+import { VftTooltip as ie } from "../tooltip/index.mjs";
+import "../popover/index.mjs";
+import "./index.mjs";
+import { singleAttrToObj as ce, renderTNode as pe } from "@vft/utils";
+import "@vft/use";
+import "../multiple-tabs/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 de from "./use-menu.mjs";
+import { useMenuCssVar as ve } from "./use-menu-css-var.mjs";
+const S = (
+  /* hoist-static*/
+  I("sub-menu")
+), me = Z({
+  name: S.b()
+}), De = /* @__PURE__ */ Z({
+  ...me,
+  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 m = Y(), {
+      indexPath: h,
+      parentMenu: z
+    } = de(m, n(() => o.index)), s = I("menu"), i = 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 c;
+    const B = x(!1), G = x(), A = x(null), P = n(() => d.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 ? `${s.namespace.value}-zoom-in-left` : `${s.namespace.value}-zoom-in-top`), K = n(() => d.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"]), p = n(() => e.openedMenus.includes(o.index)), f = n(() => {
+      let t = !1;
+      return Object.values(T.value).forEach((a) => {
+        a.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 || ""), d = n(() => e.props.mode), C = _({
+      index: o.index,
+      indexPath: h,
+      active: f
+    }), $ = n(() => d.value !== "horizontal" ? {
+      color: F.value
+    } : {
+      borderBottomColor: f.value ? e.props.activeTextColor ? E.value : "" : "transparent",
+      color: f.value ? E.value : F.value
+    }), Q = () => {
+      var t, a, l;
+      return (l = (a = (t = A.value) == null ? void 0 : t.popperRef) == null ? void 0 : a.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, a = 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, c == null || c(), {
+        stop: c
+      } = L(() => {
+        e.openMenu(o.index, h.value);
+      }, a), w.value && ((l = z.value.vnode.el) == null || l.dispatchEvent(new MouseEvent("mouseenter")))));
+    }, y = (t = !1) => {
+      var a, l;
+      e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (c == null || c(), u.mouseInChild.value = !1, {
+        stop: c
+      } = L(() => !B.value && e.closeMenu(o.index, h.value), o.hideTimeout), w.value && t && ((a = m.parent) == null ? void 0 : a.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;
+      }, a = (l) => {
+        delete T.value[l.index];
+      };
+      oe(`subMenu:${m.uid}`, {
+        addSubMenu: t,
+        removeSubMenu: a,
+        handleMouseleave: y,
+        mouseInChild: B,
+        level: u.level + 1
+      });
+    }
+    q({
+      opened: p
+    }), te(() => {
+      e.addSubMenu(C), u.addSubMenu(C);
+    }), ne(() => {
+      u.removeSubMenu(C), e.removeSubMenu(C);
+    });
+    const v = le(), X = n(() => d.value === "horizontal" && M.value || d.value === "vertical" && !e.props.collapse ? {
+      icon: "vi-arrow-down",
+      size: 20,
+      ...o.expandIcon
+    } : {
+      icon: "vi-arrow-right",
+      size: 18,
+      ...o.collapseIcon
+    }), V = n(() => ce(o.icon, "icon")), N = n(() => pe(m, "title"));
+    return () => {
+      var R;
+      const t = [(R = V.value) != null && R.icon ? r(H, {
+        ...V.value
+      }) : null, r("span", {
+        class: o.showArrow ? i.e("text") : "",
+        title: m.props.title
+      }, N.value), o.showArrow ? r(H, {
+        class: i.e("icon-arrow"),
+        ...X.value,
+        style: {
+          transform: p.value ? "rotateZ(180deg)" : "none"
+        }
+      }) : !1], a = ve(e.props, u.level + 1), l = e.isMenuPopup ? r(ie, {
+        ref: A,
+        visible: p.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 r("div", {
+            class: [s.m(d.value), s.m("popup-container"), o.popperClass],
+            onMouseenter: (k) => g(k, 100),
+            onMouseleave: () => y(!0),
+            onFocus: (k) => g(k, 100)
+          }, [r("ul", {
+            class: [s.b(), s.m("popup"), s.m(`popup-${P.value}`)],
+            style: a.value
+          }, [(b = v.default) == null ? void 0 : b.call(v)])]);
+        },
+        default: () => r("div", {
+          class: i.e("title"),
+          style: [$.value, {
+            backgroundColor: j.value
+          }],
+          onClick: O
+        }, t)
+      }) : (
+        /**
+         *  Fragment 碎片化节点，可以让 dom 没有根节点
+         *
+         *  以下是无需 tooltip 渲染的组件，通常是侧边栏没有折叠的时候
+         */
+        r(ae, {}, [N.value ? r("div", {
+          class: i.e("title"),
+          style: [$.value, {
+            backgroundColor: j.value
+          }],
+          ref: G,
+          onClick: O
+        }, t) : null, r(se, {}, {
+          default: () => {
+            var b;
+            return re(r("ul", {
+              role: "menu",
+              class: [s.b(), s.m("inline")],
+              style: a.value
+            }, [(b = v.default) == null ? void 0 : b.call(v)]), [[ue, p.value]]);
+          }
+        })])
+      );
+      return r("li", {
+        class: [i.b(), i.is("active", f.value), i.is("opened", p.value), i.is("disabled", o.disabled)],
+        role: "menuitem",
+        ariaHaspopup: !0,
+        ariaExpanded: p.value,
+        onMouseenter: g,
+        onMouseleave: () => y(!0),
+        onFocus: g
+      }, [l]);
+    };
+  }
+});
+export {
+  De as default
+};
+//# sourceMappingURL=sub-menu.vue2.mjs.map