npm - vft - Versions diffs - 0.0.19 → 0.0.20 - Mend

vft 0.0.19 → 0.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1763) hide show

package/lib/components/focus-trap/focus-trap.vue.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./focus-trap.vue2.js"),t=require("vue"),u=require("../../_virtual/_plugin-vue_export-helper.js");function o(e,s,l,a,d,c){return t.renderSlot(e.$slots,"default",{handleKeydown:e.onKeydown})}const n=u.default(r.default,[["render",o]]);exports.default=n;
2	+ //# sourceMappingURL=focus-trap.vue.js.map

package/lib/components/focus-trap/focus-trap.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"focus-trap.vue2.js","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/lib/components/focus-trap/tokens.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tokens.js","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":"gFAEO,MAAMA,EAAsB,iCACtBC,EAAuB,kCACvBC,EAAqB,gCACrBC,EAAsC,CAClD,WAAY,GACZ,QAAS,EACV,EACaC,EAAqC,CACjD,WAAY,GACZ,QAAS,EACV,EAEaC,EAAoB,oBACpBC,EAAuB,qBAOvBC,EACZ,OAAO,cAAc"}

package/lib/components/focus-trap/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","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/lib/components/footer-layout/footer-layout.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"footer-layout.vue2.js","sources":["../../../../../packages/components/footer-layout/footer-layout.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('footer-layout')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n name: ns.b()\n});</script>\n<script setup lang=\"ts\">\nimport { addUnit, generateCssVars, isNullOrUndefined } from '@vft/utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { computed } from 'vue';\n\ninterface LayoutFooterProps {\n leftDistance?: number;\n}\n\ndefineProps({\n \"leftDistance\": null\n})\n\n\n\n;\n\nconst style = computed(() => {\n\treturn generateCssVars(\n isNullOrUndefined(__props.leftDistance) ? {} : {\n 'left': addUnit(__props.leftDistance) as string\n }, 'layout-footer');\n});\n</script>\n\n<template>\n <div :class=\"ns.b()\" :style=\"style\">\n <div :class=\"ns.e('left')\"><slot name=\"left\"/></div>\n <div :class=\"ns.e('center')\"><slot /></div>\n <div :class=\"ns.e('right')\"><slot name=\"right\" /></div>\n </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","style","computed","generateCssVars","isNullOrUndefined","__props","addUnit"],"mappings":"kVACA,MAAMA,EAAuBC,EAAAA,aAAa,eAAe,EAGzDC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,+DAkBK,MAAAI,EAAQC,EAAAA,SAAS,IACfC,EAAA,gBACJC,EAAAA,kBAAkBC,EAAQ,YAAY,EAAI,GAAK,CAC/C,KAAQC,EAAAA,QAAQD,EAAQ,YAAY,CACtC,EAAG,eAAA,CACJ"}

package/lib/components/footer-layout/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../packages/components/footer-layout/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport FooterLayout from './footer-layout.vue'\n\nexport const VftFooterLayout = withInstall(FooterLayout)\n\nexport default VftFooterLayout\n"],"names":["VftFooterLayout","withInstall","FooterLayout"],"mappings":"iQAIaA,EAAkBC,cAAYC,EAAY,OAAA"}

package/lib/components/full-screen/full-screen.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"full-screen.vue2.js","sources":["../../../../../packages/components/full-screen/full-screen.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('full-screen')\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 { useFullscreen } from '@vft/use';\nimport { VftIcon as Icon } from '@vft-ui/components/icon';\nimport { useNamespace } from '@vft-ui/hooks';\n\n\n\n;\n\nconst { toggle, isFullscreen } = useFullscreen();\n</script>\n\n<template>\n <span :class=\"ns.b()\" @click=\"toggle\">\n <icon :icon=\"!isFullscreen ? 'vi-full-screen' : 'vi-exit-screen'\" />\n {{ !isFullscreen ? '全屏' : '退出全屏' }}\n </span>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","toggle","isFullscreen","useFullscreen"],"mappings":"oYACA,MAAMA,EAAuBC,EAAAA,aAAa,aAAa,EAGvDC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC,qCAUD,KAAM,CAAE,OAAAI,EAAQ,aAAAC,CAAa,EAAIC,EAAc,cAAA"}

package/lib/components/full-screen/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../packages/components/full-screen/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport FullScreen from './full-screen.vue'\n\nexport const VftFullScreen = withInstall(FullScreen)\n\nexport default VftFullScreen\n"],"names":["VftFullScreen","withInstall","FullScreen"],"mappings":"+PAIaA,EAAgBC,cAAYC,EAAU,OAAA"}

package/lib/components/header-layout/header-layout.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"header-layout.vue2.js","sources":["../../../../../packages/components/header-layout/header-layout.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('header-layout')\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 } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { type LogoProps, VftLogo as Logo } from '@vft-ui/components/logo';\n\ninterface LayoutHeaderProps {\n logoCfg: LogoProps;\n}\n\ndefineProps({\n \"logoCfg\": null\n})\n\n\n\n;\n\nconst getHeaderClass = computed(() => {\n return [\n ns.b(),\n {\n [`${ns.m('fixed')}`]: true\n }\n ];\n});\n</script>\n\n<template>\n <div :class=\"getHeaderClass\">\n <div :class=\"ns.e('top')\">\n <div :class=\"ns.e('left')\">\n <logo v-bind=\"logoCfg\" />\n <slot name=\"left\" />\n </div>\n <div :class=\"ns.e('right')\">\n <slot />\n </div>\n </div>\n <slot name=\"bottom\" />\n </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","getHeaderClass","computed"],"mappings":"oXACMA,EAAuBC,EAAAA,aAAa,eAAe,EAGzDC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,0DAkBK,MAAAI,EAAiBC,EAAAA,SAAS,IACvB,CACLL,EAAG,EAAE,EACL,CACE,CAAC,GAAGA,EAAG,EAAE,OAAO,GAAG,EAAG,EACxB,CAAA,CAEH"}

package/lib/components/header-layout/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../packages/components/header-layout/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport HeaderLayout from './header-layout.vue'\n\nexport const VftHeaderLayout = withInstall(HeaderLayout)\n\nexport default VftHeaderLayout\n"],"names":["VftHeaderLayout","withInstall","HeaderLayout"],"mappings":"iQAIaA,EAAkBC,cAAYC,EAAY,OAAA"}

package/lib/components/icon/icon.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"icon.vue2.js","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":"kVACA,MAAMA,EAAuBC,EAAAA,aAAa,MAAM,EAGhDC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,yMA0CaI,EAAAA,SAAS,IAAM,CAC3B,MAAMC,EAAwB,CAAA,EAC9B,OAAIC,EAAQ,QACHD,EAAA,MAAWC,EAAQ,OAExBA,EAAQ,OACVD,EAAO,SAAcE,EAAQ,QAAAD,EAAQ,IAAI,GAEvCA,EAAQ,OACVD,EAAO,UAAe,oCAEpBC,EAAQ,SACVD,EAAO,OAAY,WAEjBC,EAAQ,QACVD,EAAO,UAAY,cAEdA,CAAA,CACR,EAGK,MAAAG,GADWC,GAAkBA,GAAA,YAAAA,EAAM,SAAS,MACtBH,EAAQ,IAAI,EAGlCI,EAAeN,EAAA,SAAS,IAAME,EAAQ,WAAW,EACvCF,OAAAA,WAAS,IAAOI,EAAc,GAAK,CAACF,EAAQ,KAAK,WAAW,KAAK,EAAI,QAAU,WAAY,GAAGI,EAAa,OAAS,KAAKJ,EAAQ,MAAM,CAAE"}

package/lib/components/icon/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","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":"wPAQaA,EAAUC,cAAYC,EAAI,OAAA"}

package/lib/components/icon-text/icon-text.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"icon-text.vue2.js","sources":["../../../../../packages/components/icon-text/icon-text.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('icon-text')\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 { addUnit, singleAttrToObj } from '@vft/utils';\nimport { computed } from 'vue';\nimport { VftIcon, type IconProps } from '@vft-ui/components/icon';\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface IconTextProps {\n text: string;\n icon: IconProps;\n color?: string;\n hoverColor?: string;\n distance?: Numberish;\n reverse?: boolean;\n}\n\ndefineProps({\n \"text\": null,\n \"icon\": null,\n \"color\": { default: '#434343' },\n \"hoverColor\": null,\n \"distance\": null,\n \"reverse\": { type: Boolean, }\n})\n\n\n\n;\n\nconst emit = defineEmits(['click']);\n\nconst _hoverColor = computed(() => {\n return __props.hoverColor ? __props.hoverColor : __props.color;\n});\n\nconst _icon = computed(() => {\n return singleAttrToObj(__props.icon, 'icon', { size: 16, color: __props.color }) as IconProps;\n});\n\nconst distanceStyle = computed(() => {\n return __props.reverse ? { marginLeft: addUnit(__props.distance) } : { marginRight: addUnit(__props.distance) };\n});\n</script>\n\n<template>\n <span :class=\"ns.b()\" @click=\"emit('click')\">\n <vft-icon v-if=\"!reverse\" v-bind=\"_icon\" :style=\"distanceStyle\"/>\n {{ text }}\n <vft-icon v-if=\"reverse\" v-bind=\"_icon\" :style=\"distanceStyle\"/>\n </span>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","computed","__props","_icon","singleAttrToObj","distanceStyle","addUnit"],"mappings":"gXACA,MAAMA,EAAuBC,EAAAA,aAAa,WAAW,EAGrDC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,yKA+BmBI,EAAAA,SAAS,IACpBC,EAAQ,WAAaA,EAAQ,WAAaA,EAAQ,KAC1D,EAEK,MAAAC,EAAQF,EAAAA,SAAS,IACdG,kBAAgBF,EAAQ,KAAM,OAAQ,CAAE,KAAM,GAAI,MAAOA,EAAQ,KAAO,CAAA,CAChF,EAEKG,EAAgBJ,EAAAA,SAAS,IACtBC,EAAQ,QAAU,CAAE,WAAYI,EAAAA,QAAQJ,EAAQ,QAAQ,CAAE,EAAI,CAAE,YAAaI,EAAAA,QAAQJ,EAAQ,QAAQ,CAAE,CAC/G"}

package/lib/components/icon-text/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":["../../../../../packages/components/icon-text/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport IconText from './icon-text.vue'\n\nexport const VftIconText = withInstall(IconText)\n\nexport default VftIconText\n"],"names":["VftIconText","withInstall","IconText"],"mappings":"6PAIaA,EAAcC,cAAYC,EAAQ,OAAA"}

package/lib/components/iframe-layout/iframe-layout.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"iframe-layout.vue2.js","sources":["../../../../../packages/components/iframe-layout/iframe-layout.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('iframe-layout')\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 { unref } from 'vue';\nimport { type RouteLocationNormalized } from 'vue-router';\nimport { type RouteRecordItem } from '@vft/router';\nimport { useNamespace } from '@vft-ui/hooks';\nimport FramePage from './iframe-page.vue';\nimport { useRouter } from 'vue-router';\n\ninterface Props {\n iframePages: RouteLocationNormalized[]\n}\n\ndefineProps({\n \"iframePages\": null\n})\n\n\n\n;\n\nconst router = useRouter();\n\nfunction showIframe(item: RouteRecordItem) {\n return item.fullPath === unref(router.currentRoute).fullPath;\n}\n</script>\n\n<template>\n <template v-for=\"item in iframePages\" :key=\"item.query ? item.fullPath : item.path\">\n <frame-page\n v-if=\"item.meta.frameSrc\"\n v-show=\"showIframe(item)\" :frameSrc=\"item.meta.frameSrc\" />\n </template>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","router","useRouter","showIframe","item","unref"],"mappings":"iZACMA,EAAuBC,EAAAA,aAAa,eAAe,EAGzDC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC,8DAqBD,MAAMI,EAASC,EAAAA,YAEf,SAASC,EAAWC,EAAuB,CACzC,OAAOA,EAAK,WAAaC,EAAAA,MAAMJ,EAAO,YAAY,EAAE,QACtD"}

package/lib/components/iframe-layout/iframe-page.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"iframe-page.vue2.js","sources":["../../../../../packages/components/iframe-layout/iframe-page.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('iframe-page')\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 { useNamespace } from '@vft-ui/hooks';\n\ninterface IframePageProps {\n frameSrc: string;\n}\n\ndefineProps({\n \"frameSrc\": { default: '' }\n})\n\n\n\n;\n</script>\n\n<template>\n <iframe :class=\"ns.b()\" :src=\"frameSrc\" />\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent"],"mappings":"gWACMA,EAAuBC,EAAAA,aAAa,aAAa,EAGvDC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC"}

package/lib/components/iframe-layout/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../packages/components/iframe-layout/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport IframeLayout from './iframe-layout.vue'\n\nexport const VftIframeLayout = withInstall(IframeLayout)\n\nexport default VftIframeLayout\n"],"names":["VftIframeLayout","withInstall","IframeLayout"],"mappings":"iQAIaA,EAAkBC,cAAYC,EAAY,OAAA"}

package/lib/components/image/image.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"image.vue2.js","sources":["../../../../../packages/components/image/image.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { ImgFitType } from './types';\nimport {\n computed,\n nextTick,\n onMounted,\n useAttrs as useRawAttrs,\n watch,\n ref\n} from 'vue';\nimport { isClient, useEventListener, useThrottleFn } from '@vueuse/core';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { useAttrs } from '@vft/use';\nimport {\n getScrollContainer,\n isElement,\n isInContainer,\n isString\n} from '@vft/utils';\n\nimport type { CSSProperties, StyleValue } from 'vue';\n\ninterface Props {\n hideOnClickModal?: boolean\n src?: string\n fit?: ImgFitType\n loading?: 'eager' | 'lazy'\n lazy?: boolean\n scrollContainer?: string | HTMLElement\n previewSrcList?: string[]\n previewTeleported?: boolean\n zIndex?: number\n initialIndex?: number\n infinite?: boolean\n closeOnPressEscape?: boolean\n}\n\ndefineProps({\n \"hideOnClickModal\": { type: Boolean, default: false },\n \"src\": { default: '' },\n \"fit\": { default: '' },\n \"loading\": null,\n \"lazy\": { type: Boolean, },\n \"scrollContainer\": null,\n \"previewSrcList\": { default: [] },\n \"previewTeleported\": { type: Boolean, default: false },\n \"zIndex\": null,\n \"initialIndex\": { default: 0 },\n \"infinite\": { type: Boolean, default: true },\n \"closeOnPressEscape\": { type: Boolean, default: true }\n})\n\nconst emit = defineEmits(['load', 'error', 'switch', 'close', 'show']);\n\nlet prevOverflow = '';\n\nconst ns = useNamespace('image');\nconst rawAttrs = useRawAttrs();\nconst attrs = useAttrs();\n\nconst imageSrc = ref<string | undefined>();\nconst hasLoadError = ref(false);\nconst isLoading = ref(true);\nconst showViewer = ref(false);\nconst container = ref<HTMLElement>();\nconst _scrollContainer = ref<HTMLElement | Window>();\n\nconst supportLoading = isClient && 'loading' in HTMLImageElement.prototype;\nlet stopScrollListener: (() => void) | undefined;\nlet stopWheelListener: (() => void) | undefined;\n\nconst containerStyle = computed(() => rawAttrs.style as StyleValue);\n\nconst imageStyle = computed<CSSProperties>(() => {\n if (isClient && __props.fit) {\n return { objectFit: __props.fit };\n }\n return {};\n});\n\nconst preview = computed(() => {\n return Array.isArray(__props.previewSrcList) && __props.previewSrcList.length > 0;\n});\n\nconst imageIndex = computed(() => {\n let previewIndex = __props.initialIndex;\n if (__props.initialIndex > __props.previewSrcList.length - 1) {\n previewIndex = 0;\n }\n return previewIndex;\n});\n\nconst isManual = computed(() => {\n if (__props.loading === 'eager') return false;\n return (!supportLoading && __props.loading === 'lazy') || __props.lazy;\n});\n\nconst loadImage = () => {\n if (!isClient) return;\n\n // reset status\n isLoading.value = true;\n hasLoadError.value = false;\n imageSrc.value = __props.src;\n};\n\nfunction handleLoad (event: Event) {\n isLoading.value = false;\n hasLoadError.value = false;\n emit('load', event);\n}\n\nfunction handleError (event: Event) {\n isLoading.value = false;\n hasLoadError.value = true;\n emit('error', event);\n}\n\nfunction handleLazyLoad () {\n if (isInContainer(container.value, _scrollContainer.value)) {\n loadImage();\n removeLazyLoadListener();\n }\n}\n\nconst lazyLoadHandler = useThrottleFn(handleLazyLoad, 200);\n\nasync function addLazyLoadListener () {\n if (!isClient) return;\n\n await nextTick();\n\n if (isElement(__props.scrollContainer)) {\n _scrollContainer.value = __props.scrollContainer;\n } else if (isString(__props.scrollContainer) && __props.scrollContainer !== '') {\n _scrollContainer.value =\n document.querySelector<HTMLElement>(__props.scrollContainer) ?? undefined;\n } else if (container.value) {\n _scrollContainer.value = getScrollContainer(container.value);\n }\n\n if (_scrollContainer.value) {\n stopScrollListener = useEventListener(\n _scrollContainer,\n 'scroll',\n lazyLoadHandler\n );\n setTimeout(() => handleLazyLoad(), 100);\n }\n}\n\nfunction removeLazyLoadListener () {\n if (!isClient || !_scrollContainer.value || !lazyLoadHandler) return;\n\n stopScrollListener?.();\n _scrollContainer.value = undefined;\n}\n\nfunction wheelHandler (e: WheelEvent) {\n if (!e.ctrlKey) return;\n\n if (e.deltaY < 0) {\n e.preventDefault();\n return false;\n } else if (e.deltaY > 0) {\n e.preventDefault();\n return false;\n }\n}\n\nfunction clickHandler () {\n // don't show viewer when preview is false\n if (!preview.value) return;\n\n stopWheelListener = useEventListener('wheel', wheelHandler, {\n passive: false\n });\n\n // prevent body scroll\n prevOverflow = document.body.style.overflow;\n document.body.style.overflow = 'hidden';\n showViewer.value = true;\n emit('show');\n}\n\nfunction closeViewer () {\n stopWheelListener?.();\n document.body.style.overflow = prevOverflow;\n showViewer.value = false;\n emit('close');\n}\n\nfunction switchViewer (val: number) {\n emit('switch', val);\n}\n\nwatch(\n () => __props.src,\n () => {\n if (isManual.value) {\n // reset status\n isLoading.value = true;\n hasLoadError.value = false;\n removeLazyLoadListener();\n addLazyLoadListener();\n } else {\n loadImage();\n }\n }\n);\n\nonMounted(() => {\n if (isManual.value) {\n addLazyLoadListener();\n } else {\n loadImage();\n }\n});\n</script>\n\n<template>\n <div ref=\"container\" :class=\"[ns.b(), $attrs.class]\" :style=\"containerStyle\">\n <img\n v-if=\"imageSrc !== undefined && !hasLoadError\"\n v-bind=\"attrs\"\n :src=\"imageSrc\"\n :loading=\"loading\"\n :style=\"imageStyle\"\n :class=\"[\n ns.e('inner'),\n preview && ns.e('preview'),\n isLoading && ns.is('loading'),\n ]\"\n @click=\"clickHandler\"\n @load=\"handleLoad\"\n @error=\"handleError\"\n />\n <div v-if=\"isLoading || hasLoadError\" :class=\"ns.e('wrapper')\">\n <slot v-if=\"isLoading\" name=\"placeholder\">\n <div :class=\"ns.e('placeholder')\" />\n </slot>\n <slot v-else-if=\"hasLoadError\" name=\"error\">\n <div :class=\"ns.e('error')\">加载失败</div>\n </slot>\n </div>\n </div>\n</template>\n\n"],"names":["ns","useNamespace","rawAttrs","useRawAttrs","attrs","useAttrs","imageSrc","ref","hasLoadError","isLoading","showViewer","container","_scrollContainer","supportLoading","isClient","stopScrollListener","containerStyle","computed","imageStyle","__props","preview","previewIndex","isManual","loadImage","handleLoad","event","emit","handleError","handleLazyLoad","isInContainer","removeLazyLoadListener","lazyLoadHandler","useThrottleFn","addLazyLoadListener","nextTick","isElement","isString","getScrollContainer","useEventListener","wheelHandler","e","clickHandler","watch","onMounted"],"mappings":"izBAyDM,MAAAA,EAAKC,eAAa,OAAO,EACzBC,EAAWC,EAAAA,WACXC,EAAQC,EAAAA,WAERC,EAAWC,EAAAA,MACXC,EAAeD,MAAI,EAAK,EACxBE,EAAYF,MAAI,EAAI,EACpBG,EAAaH,MAAI,EAAK,EACtBI,EAAYJ,EAAAA,MACZK,EAAmBL,EAAAA,MAEnBM,EAAiBC,EAAY,UAAA,YAAa,iBAAiB,UAC7D,IAAAC,EAGJ,MAAMC,EAAiBC,EAAA,SAAS,IAAMf,EAAS,KAAmB,EAE5DgB,EAAaD,EAAAA,SAAwB,IACrCH,EAAA,UAAYK,EAAQ,IACf,CAAE,UAAWA,EAAQ,KAEvB,EACR,EAEKC,EAAUH,EAAAA,SAAS,IAChB,MAAM,QAAQE,EAAQ,cAAc,GAAKA,EAAQ,eAAe,OAAS,CACjF,EAEkBF,EAAAA,SAAS,IAAM,CAChC,IAAII,EAAeF,EAAQ,aAC3B,OAAIA,EAAQ,aAAeA,EAAQ,eAAe,OAAS,IAC1CE,EAAA,GAEVA,CAAA,CACR,EAEK,MAAAC,EAAWL,EAAAA,SAAS,IACpBE,EAAQ,UAAY,QAAgB,GAChC,CAACN,GAAkBM,EAAQ,UAAY,QAAWA,EAAQ,IACnE,EAEKI,EAAY,IAAM,CACjBT,EAAA,WAGLL,EAAU,MAAQ,GAClBD,EAAa,MAAQ,GACrBF,EAAS,MAAQa,EAAQ,IAAA,EAG3B,SAASK,EAAYC,EAAc,CACjChB,EAAU,MAAQ,GAClBD,EAAa,MAAQ,GACrBkB,EAAK,OAAQD,CAAK,CACpB,CAEA,SAASE,EAAaF,EAAc,CAClChB,EAAU,MAAQ,GAClBD,EAAa,MAAQ,GACrBkB,EAAK,QAASD,CAAK,CACrB,CAEA,SAASG,GAAkB,CACrBC,EAAc,cAAAlB,EAAU,MAAOC,EAAiB,KAAK,IAC7CW,IACaO,IAE3B,CAEM,MAAAC,EAAkBC,EAAAA,cAAcJ,EAAgB,GAAG,EAEzD,eAAeK,GAAuB,CAC/BnB,EAAA,WAEL,MAAMoB,EAAS,SAAA,EAEXC,EAAA,UAAUhB,EAAQ,eAAe,EACnCP,EAAiB,MAAQO,EAAQ,gBACxBiB,EAAS,SAAAjB,EAAQ,eAAe,GAAKA,EAAQ,kBAAoB,GAC1EP,EAAiB,MACf,SAAS,cAA2BO,EAAQ,eAAe,GAAK,OACzDR,EAAU,QACFC,EAAA,MAAQyB,EAAAA,mBAAmB1B,EAAU,KAAK,GAGzDC,EAAiB,QACEG,EAAAuB,EAAA,iBACnB1B,EACA,SACAmB,CAAA,EAES,WAAA,IAAMH,IAAkB,GAAG,GAE1C,CAEA,SAASE,GAA0B,CAC7B,CAAChB,EAAAA,UAAY,CAACF,EAAiB,OAAS,CAACmB,IAExBhB,GAAA,MAAAA,IACrBH,EAAiB,MAAQ,OAC3B,CAEA,SAAS2B,EAAcC,EAAe,CACpC,GAAKA,EAAE,QAEH,IAAAA,EAAE,OAAS,EACb,OAAAA,EAAE,eAAe,EACV,GACT,GAAWA,EAAE,OAAS,EACpB,OAAAA,EAAE,eAAe,EACV,GAEX,CAEA,SAASC,GAAgB,CAElBrB,EAAQ,QAEOkB,EAAA,iBAAiB,QAASC,EAAc,CAC1D,QAAS,EAAA,CACV,EAGc,SAAS,KAAK,MAAM,SAC1B,SAAA,KAAK,MAAM,SAAW,SAC/B7B,EAAW,MAAQ,GACnBgB,EAAK,MAAM,EACb,CAaAgB,OAAAA,EAAA,MACE,IAAMvB,EAAQ,IACd,IAAM,CACAG,EAAS,OAEXb,EAAU,MAAQ,GAClBD,EAAa,MAAQ,GACEsB,IACHG,KAEVV,GAEd,CAAA,EAGFoB,EAAAA,UAAU,IAAM,CACVrB,EAAS,MACSW,IAEVV,GACZ,CACD"}

package/lib/components/image/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":["../../../../../packages/components/image/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Image from './image.vue'\n\nexport const VftImage = withInstall(Image)\n\nexport default VftImage\n\nexport * from './types'\n"],"names":["VftImage","withInstall","Image"],"mappings":"yPAIaA,EAAWC,cAAYC,EAAK,OAAA"}

package/lib/components/input/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":["../../../../../packages/components/input/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Input from './input.vue'\n\nexport const VftInput = withInstall(Input)\n\nexport default VftInput\n\n"],"names":["VftInput","withInstall","Input"],"mappings":"yPAIaA,EAAWC,cAAYC,EAAK,OAAA"}

package/lib/components/input/input.vue2.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),D=require("@vft/constants"),we=require("@vft/use"),u=require("@vft/utils"),ne=require("@vueuse/core"),k=require("element-plus"),Ee=require("lodash"),C=require("../icon/index.js"),te=require("./utils.js"),oe=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("../../hooks/use-z-index/index.js");require("@vue/shared");const F=require("../../utils/error.js"),Be=["role"],Ve=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:null,size:{default:""},disabled:{type:Boolean},modelValue:null,type:{default:"text"},resize:null,autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{type:Function},parser:{type:Function},placeholder:null,form:null,readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:null,prefixIcon:null,clearIcon:null,containerRole:null,label:null,tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:null,focusWidth:null},emits:{[D.UPDATE_MODEL_EVENT]:n=>u.isString(n),input:n=>u.isString(n),change:n=>u.isString(n),suffixclick:n=>u.isString(n),focus:n=>n instanceof FocusEvent,blur:n=>n instanceof FocusEvent,clear:()=>!0,mouseleave:n=>n instanceof MouseEvent,mouseenter:n=>n instanceof MouseEvent,keydown:n=>n instanceof Event,compositionstart:n=>n instanceof CompositionEvent,compositionupdate:n=>n instanceof CompositionEvent,compositionend:n=>n instanceof CompositionEvent},setup(n,{expose:ae,emit:l}){const p=e.useAttrs(),d=e.useSlots(),O=e.computed(()=>{const t={};return n.containerRole==="combobox"&&(t["aria-haspopup"]=p["aria-haspopup"],t["aria-owns"]=p["aria-owns"],t["aria-expanded"]=p["aria-expanded"]),t}),le=e.computed(()=>[n.type==="textarea"?$.b():o.b(),o.m(re.value),o.is("disabled",m.value),o.is("exceed",fe.value),o.is("focus",f.value),{[o.b("group")]:d.prepend\|\|d.append,[o.bm("group","append")]:d.append,[o.bm("group","prepend")]:d.prepend,[o.m("prefix")]:d.prefix\|\|n.prefixIcon,[o.m("suffix")]:d.suffix\|\|n.suffixIcon\|\|n.clearable\|\|n.showPassword,[o.bm("suffix","password-clear")]:V.value&&M.value},p.class]),se=e.getCurrentInstance(),ue=e.computed(()=>[o.e("wrapper"),o.is("focus",f.value)]),r=we.useAttrs({excludeKeys:e.computed(()=>Object.keys(O.value))}),{form:I,formItem:s}=k.useFormItem(),{inputId:R}=k.useFormItemInputId(se.props,{formItemContext:s}),re=k.useSize(),m=k.useDisabled(),o=oe.useNamespace("input"),$=oe.useNamespace("textarea"),w=e.shallowRef(),v=e.shallowRef(),f=e.ref(!1),N=e.ref(!1),h=e.ref(!1),E=e.ref(!1),K=e.ref(),P=e.shallowRef(n.inputStyle),x=e.computed(()=>w.value\|\|v.value),T=e.computed(()=>u.singleAttrToObj(n.prefixIcon,"icon")),W=e.computed(()=>u.singleAttrToObj(n.suffixIcon,"icon")),ce=e.computed(()=>u.singleAttrToObj(n.clearIcon,"icon",{icon:"vi-close-full",size:16})),j=e.computed(()=>(I==null?void 0:I.statusIcon)??!1),B=e.computed(()=>(s==null?void 0:s.validateState)\|\|""),L=e.computed(()=>B.value&&"vi-user"),ie=e.computed(()=>E.value?{icon:"vi-view",size:16}:{icon:"vi-no-view",size:16}),de=e.computed(()=>[p.style,n.inputStyle,n.focusWidth&&f.value?{width:u.addUnit(n.focusWidth)}:{}]),U=e.computed(()=>[n.inputStyle,P.value,{resize:n.resize}]),i=e.computed(()=>Ee.isNil(n.modelValue)?"":String(n.modelValue)),V=e.computed(()=>n.clearable&&!m.value&&!n.readonly&&!!i.value&&(f.value\|\|N.value)),M=e.computed(()=>n.showPassword&&!m.value&&!n.readonly&&!!i.value&&(!!i.value\|\|f.value)),y=e.computed(()=>n.showWordLimit&&!!r.value.maxlength&&(n.type==="text"\|\|n.type==="textarea")&&!m.value&&!n.readonly&&!n.showPassword),q=e.computed(()=>Array.from(i.value).length),fe=e.computed(()=>!!y.value&&q.value>Number(r.value.maxlength)),me=e.computed(()=>!!d.suffix\|\|!!n.suffixIcon\|\|V.value\|\|n.showPassword\|\|y.value\|\|!!B.value&&j.value),[ve,ye]=k.useCursor(w);ne.useResizeObserver(v,t=>{if(!y.value\|\|n.resize!=="both")return;const a=t[0],{width:c}=a.contentRect;K.value={right:`calc(100% - ${c+15+6}px)`}});const S=()=>{if(!(!ne.isClient\|\|n.type!=="textarea"))if(n.autosize){const t=u.isObject(n.autosize)?n.autosize.minRows:void 0,a=u.isObject(n.autosize)?n.autosize.maxRows:void 0;P.value={...te.calcTextareaHeight(v.value,t,a)}}else P.value={minHeight:te.calcTextareaHeight(v.value).minHeight}},b=()=>{const t=x.value;!t\|\|t.value===i.value\|\|(t.value=i.value)},A=async t=>{ve();let{value:a}=t.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),n.formatter&&(a=n.parser?n.parser(a):a,a=n.formatter(a)),!h.value){if(a===i.value){b();return}l(D.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),b(),ye()}},H=t=>{l("change",t.target.value)},pe=()=>{l("suffixclick",n.modelValue)},G=t=>{l("compositionstart",t),h.value=!0},he=t=>/([(\uAC00-\uD7AF)\|(\u3130-\u318F)])+/gi.test(t),J=t=>{var g;l("compositionupdate",t);const a=(g=t.target)==null?void 0:g.value,c=a[a.length-1]\|\|"";h.value=!he(c)},Q=t=>{l("compositionend",t),h.value&&(h.value=!1,A(t))},xe=()=>{E.value=!E.value,z()},z=async()=>{var t;await e.nextTick(),(t=x.value)==null\|\|t.focus()},be=()=>{var t;return(t=x.value)==null?void 0:t.blur()},X=t=>{f.value=!0,l("focus",t)},Y=t=>{var a;f.value=!1,l("blur",t),n.validateEvent&&((a=s==null?void 0:s.validate)==null\|\|a.call(s,"blur").catch(c=>F.debugWarn(c)))},ge=t=>{N.value=!1,l("mouseleave",t)},ke=t=>{N.value=!0,l("mouseenter",t)},Z=t=>{let a=t.key;if(t.target.type==="number"&&["e","+","-0","E"].includes(a))return t.returnValue=!1,!1;l("keydown",t)},Ce=()=>{var t;(t=x.value)==null\|\|t.select()},_=()=>{l(D.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>n.modelValue,()=>{var t;e.nextTick(()=>S()),n.validateEvent&&((t=s==null?void 0:s.validate)==null\|\|t.call(s,"change").catch(a=>F.debugWarn(a)))}),e.watch(i,()=>b()),e.watch(()=>n.type,async()=>{await e.nextTick(),b(),S()}),e.onMounted(()=>{!n.formatter&&n.parser&&F.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),b(),e.nextTick(S)}),ae({input:w,textarea:v,ref:x,textareaStyle:U,autosize:n.autosize,focus:z,blur:be,select:Ce,clear:_,resizeTextarea:S}),(t,a)=>{var c,g,ee;return e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(e.unref(O),{class:e.unref(le),style:e.unref(de),role:n.containerRole,onMouseenter:ke,onMouseleave:ge}),[n.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("group","prepend"))},[e.renderSlot(t.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(ue))},[t.$slots.prefix\|\|(c=e.unref(T))!=null&&c.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("prefix-inner")),onClick:z},[e.renderSlot(t.$slots,"prefix"),(g=e.unref(T))!=null&&g.icon?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.mergeProps({key:0},e.unref(T),{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(R),ref_key:"input",ref:w,class:e.unref(o).e("inner")},e.unref(r),{type:n.showPassword?E.value?"text":"password":n.type,disabled:e.unref(m),formatter:n.formatter,parser:n.parser,readonly:n.readonly,autocomplete:n.autocomplete,tabindex:n.tabindex,"aria-label":n.label,placeholder:n.placeholder,style:n.inputStyle,form:n.form,onCompositionstart:G,onCompositionupdate:J,onCompositionend:Q,onInput:A,onFocus:X,onBlur:Y,onChange:H,onKeydown:Z}),null,16,Ve),e.unref(me)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("suffix-inner")),onClick:z},[!e.unref(V)\|\|!e.unref(M)\|\|!e.unref(y)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(t.$slots,"suffix"),(ee=e.unref(W))!=null&&ee.icon?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.mergeProps({key:0,onClick:pe},e.unref(W),{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.unref(V)?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.mergeProps({key:1,class:[e.unref(o).e("icon"),e.unref(o).e("clear")]},e.unref(ce),{onMousedown:e.withModifiers(e.unref(u.noop),["prevent"]),onClick:_}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),e.unref(M)?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.mergeProps({key:2},e.unref(ie),{class:[e.unref(o).e("icon"),e.unref(o).e("password")],onClick:xe}),null,16,["class"])):e.createCommentVNode("",!0),e.unref(y)?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(o).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("count-inner"))},e.toDisplayString(e.unref(q))+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),e.unref(B)&&e.unref(L)&&e.unref(j)?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),{key:4,icon:e.unref(L),class:e.normalizeClass([e.unref(o).e("icon"),e.unref(o).e("validateIcon"),e.unref(o).is("loading",e.unref(B)==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),t.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).be("group","append"))},[e.renderSlot(t.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(R),ref_key:"textarea",ref:v,class:e.unref($).e("inner")},e.unref(r),{tabindex:n.tabindex,disabled:e.unref(m),readonly:n.readonly,autocomplete:n.autocomplete,style:e.unref(U),"aria-label":n.label,placeholder:n.placeholder,form:n.form,onCompositionstart:G,onCompositionupdate:J,onCompositionend:Q,onInput:A,onFocus:X,onBlur:Y,onChange:H,onKeydown:Z}),null,16,Se),e.unref(y)?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(K.value),class:e.normalizeClass(e.unref(o).e("count"))},e.toDisplayString(e.unref(q))+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Be)),[[e.vShow,n.type!=="hidden"]])}}});exports.default=ze;
2	+ //# sourceMappingURL=input.vue2.js.map

package/lib/components/input/input.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"input.vue2.js","sources":["../../../../../packages/components/input/input.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport { UPDATE_MODEL_EVENT } from '@vft/constants';\nimport { useAttrs } from '@vft/use';\nimport { isObject, noop, isString, singleAttrToObj, addUnit } from '@vft/utils';\nimport { isClient, useResizeObserver } from '@vueuse/core';\nimport { useCursor, useDisabled, useFormItem, useFormItemInputId, useSize } from 'element-plus';\nimport { isNil } from 'lodash';\nimport { VftIcon, type IconProps } from '@vft-ui/components/icon';\nimport type { StyleValue } from 'vue';\nimport {\n computed,\n nextTick,\n onMounted,\n ref,\n shallowRef,\n useAttrs as useRawAttrs,\n useSlots,\n watch,\n getCurrentInstance\n} from 'vue';\nimport { calcTextareaHeight } from './utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { debugWarn } from '../../utils';\n\ntype TargetElement = HTMLInputElement | HTMLTextAreaElement;\n\ninterface InputProps {\n id?: string;\n size?: 'default' | 'small' | 'large';\n disabled?: boolean;\n modelValue?: string | number;\n type?: string;\n resize?: 'none' | 'both' | 'horizontal' | 'vertical';\n autosize?: {minRows?: number; maxRows?: number} | boolean;\n autocomplete?: string;\n formatter?: Function;\n parser?: Function;\n placeholder?: string;\n form?: string;\n readonly?: boolean;\n clearable?: boolean;\n showPassword?: boolean;\n showWordLimit?: boolean;\n suffixIcon?: IconProps;\n prefixIcon?: IconProps;\n clearIcon?: IconProps;\n containerRole?: string;\n label?: string;\n tabindex?: string | number;\n validateEvent?: boolean;\n inputStyle?: StyleValue;\n focusWidth?: Numberish\n}\n\ndefineProps({\n \"id\": null,\n \"size\": { default: '' },\n \"disabled\": { type: Boolean, },\n \"modelValue\": null,\n \"type\": { default: 'text' },\n \"resize\": null,\n \"autosize\": { type: [Object, Boolean], default: false },\n \"autocomplete\": { default: 'off' },\n \"formatter\": { type: Function, },\n \"parser\": { type: Function, },\n \"placeholder\": null,\n \"form\": null,\n \"readonly\": { type: Boolean, },\n \"clearable\": { type: Boolean, },\n \"showPassword\": { type: Boolean, },\n \"showWordLimit\": { type: Boolean, },\n \"suffixIcon\": null,\n \"prefixIcon\": null,\n \"clearIcon\": null,\n \"containerRole\": null,\n \"label\": null,\n \"tabindex\": { default: 0 },\n \"validateEvent\": { type: Boolean, default: true },\n \"inputStyle\": null,\n \"focusWidth\": null\n})\n\nconst emit = defineEmits({\n [UPDATE_MODEL_EVENT]: (value: string) => isString(value),\n input: (value: string) => isString(value),\n change: (value: string) => isString(value),\n suffixclick: (value) => isString(value),\n focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n clear: () => true,\n mouseleave: (evt: MouseEvent) => evt instanceof MouseEvent,\n mouseenter: (evt: MouseEvent) => evt instanceof MouseEvent,\n // NOTE: when autofill by browser, the keydown event is instanceof Event, not KeyboardEvent\n // relative bug report https://github.com/element-plus/element-plus/issues/6665\n keydown: (evt: KeyboardEvent | Event) => evt instanceof Event,\n compositionstart: (evt: CompositionEvent) => evt instanceof CompositionEvent,\n compositionupdate: (evt: CompositionEvent) => evt instanceof CompositionEvent,\n compositionend: (evt: CompositionEvent) => evt instanceof CompositionEvent\n});\n\nconst rawAttrs = useRawAttrs();\nconst slots = useSlots();\n\nconst containerAttrs = computed(() => {\n const comboBoxAttrs: Record<string, unknown> = {};\n if (__props.containerRole === 'combobox') {\n comboBoxAttrs['aria-haspopup'] = rawAttrs['aria-haspopup'];\n comboBoxAttrs['aria-owns'] = rawAttrs['aria-owns'];\n comboBoxAttrs['aria-expanded'] = rawAttrs['aria-expanded'];\n }\n return comboBoxAttrs;\n});\n\nconst containerKls = computed(() => [\n __props.type === 'textarea' ? nsTextarea.b() : nsInput.b(),\n nsInput.m(inputSize.value),\n nsInput.is('disabled', inputDisabled.value),\n nsInput.is('exceed', inputExceed.value),\n nsInput.is('focus', focused.value),\n {\n [nsInput.b('group')]: slots.prepend || slots.append,\n [nsInput.bm('group', 'append')]: slots.append,\n [nsInput.bm('group', 'prepend')]: slots.prepend,\n [nsInput.m('prefix')]: slots.prefix || __props.prefixIcon,\n [nsInput.m('suffix')]: slots.suffix || __props.suffixIcon || __props.clearable || __props.showPassword,\n [nsInput.bm('suffix', 'password-clear')]: showClear.value && showPwdVisible.value\n },\n rawAttrs.class\n]);\n\nconst instance = getCurrentInstance()!;\n\nconst wrapperKls = computed(() => [nsInput.e('wrapper'), nsInput.is('focus', focused.value)]);\n\nconst attrs = useAttrs({\n excludeKeys: computed<string[]>(() => {\n return Object.keys(containerAttrs.value);\n })\n});\n\nconst { form: _form, formItem } = useFormItem();\nconst { inputId } = useFormItemInputId(instance.props, {\n formItemContext: formItem\n});\nconst inputSize = useSize();\nconst inputDisabled = useDisabled();\nconst nsInput = useNamespace('input');\nconst nsTextarea = useNamespace('textarea');\n\nconst input = shallowRef<HTMLInputElement>();\nconst textarea = shallowRef<HTMLTextAreaElement>();\n\nconst focused = ref(false);\nconst hovering = ref(false);\nconst isComposing = ref(false);\nconst passwordVisible = ref(false);\nconst countStyle = ref<StyleValue>();\nconst textareaCalcStyle = shallowRef(__props.inputStyle);\n\nconst _ref = computed(() => input.value || textarea.value);\n\nconst _prefixIcon = computed(() => {\n return singleAttrToObj(__props.prefixIcon, 'icon') as IconProps;\n});\n\nconst _suffixIcon = computed(() => {\n return singleAttrToObj(__props.suffixIcon, 'icon') as IconProps;\n});\n\nconst _clearIcon = computed(() => {\n return singleAttrToObj(__props.clearIcon, 'icon', { icon: 'vi-close-full', size: 16 }) as IconProps;\n});\n\nconst needStatusIcon = computed(() => _form?.statusIcon ?? false);\nconst validateState = computed(() => formItem?.validateState || '');\nconst validateIcon = computed(() => validateState.value && 'vi-user');\nconst passwordIcon = computed(\n () => (passwordVisible.value ? { icon: 'vi-view', size: 16 } : { icon: 'vi-no-view', size: 16 }));\nconst containerStyle = computed<StyleValue>(() => [rawAttrs.style as StyleValue, __props.inputStyle!,\n __props.focusWidth && focused.value ? { width: addUnit(__props.focusWidth) } : {}]);\n\nconst textareaStyle = computed<StyleValue>(\n () => [__props.inputStyle!, textareaCalcStyle.value as StyleValue, { resize: __props.resize }]);\nconst nativeInputValue = computed(() => (isNil(__props.modelValue) ? '' : String(__props.modelValue)));\nconst showClear = computed(\n () => __props.clearable && !inputDisabled.value && !__props.readonly && !!nativeInputValue.value && (focused.value || hovering.value));\nconst showPwdVisible = computed(\n () => __props.showPassword && !inputDisabled.value && !__props.readonly && !!nativeInputValue.value && (!!nativeInputValue.value || focused.value));\nconst isWordLimitVisible = computed(\n () => __props.showWordLimit && !!attrs.value.maxlength && (__props.type === 'text' || __props.type === 'textarea') && !inputDisabled.value && !__props.readonly && !__props.showPassword);\nconst textLength = computed(() => Array.from(nativeInputValue.value).length);\nconst inputExceed = computed(\n () =>\n // show exceed style if length of initial value greater then maxlength\n !!isWordLimitVisible.value && textLength.value > Number(attrs.value.maxlength)\n);\nconst suffixVisible = computed(\n () => !!slots.suffix || !!__props.suffixIcon || showClear.value || __props.showPassword || isWordLimitVisible.value || (!!validateState.value && needStatusIcon.value));\n\nconst [recordCursor, setCursor] = useCursor(input);\n\nuseResizeObserver(textarea, (entries) => {\n if (!isWordLimitVisible.value || __props.resize !== 'both') return;\n const entry = entries[0];\n const { width } = entry.contentRect;\n countStyle.value = {\n /** right: 100% - width + padding(15) + right(6) */\n right: `calc(100% - ${width + 15 + 6}px)`\n };\n});\n\nconst resizeTextarea = () => {\n if (!isClient || __props.type !== 'textarea') return;\n\n if (__props.autosize) {\n const minRows = isObject(__props.autosize) ? __props.autosize.minRows : undefined;\n const maxRows = isObject(__props.autosize) ? __props.autosize.maxRows : undefined;\n textareaCalcStyle.value = {\n ...calcTextareaHeight(textarea.value!, minRows, maxRows)\n };\n } else {\n textareaCalcStyle.value = {\n minHeight: calcTextareaHeight(textarea.value!).minHeight\n };\n }\n};\n\nconst setNativeInputValue = () => {\n const input = _ref.value;\n if (!input || input.value === nativeInputValue.value) return;\n input.value = nativeInputValue.value;\n};\n\nconst handleInput = async(event: InputEvent) => {\n recordCursor();\n\n let { value } = event.target as TargetElement;\n\n // 处理 number 下 maxlength 失效的问题\n if (attrs.value.maxlength && value.length >= attrs.value.maxlength) {\n value = value.slice(0, Number(attrs.value.maxlength));\n }\n\n if (__props.formatter) {\n value = __props.parser ? __props.parser(value) : value;\n value = __props.formatter(value);\n }\n\n // should not emit input during composition\n // see: https://github.com/ElemeFE/element/issues/10516\n if (isComposing.value) return;\n\n // hack for https://github.com/ElemeFE/element/issues/8548\n // should remove the following line when we don't support IE\n if (value === nativeInputValue.value) {\n setNativeInputValue();\n return;\n }\n\n emit(UPDATE_MODEL_EVENT, value);\n emit('input', value);\n\n // ensure native input value is controlled\n // see: https://github.com/ElemeFE/element/issues/12850\n await nextTick();\n setNativeInputValue();\n setCursor();\n};\n\nconst handleChange = (event: Event) => {\n emit('change', (event.target as TargetElement).value);\n};\n\nconst handleSuffixClick = () => {\n emit('suffixclick', __props.modelValue);\n};\n\nconst handleCompositionStart = (event: CompositionEvent) => {\n emit('compositionstart', event);\n isComposing.value = true;\n};\n\nconst isKorean = (text: string) => /([(\\uAC00-\\uD7AF)|(\\u3130-\\u318F)])+/gi.test(text);\n\nconst handleCompositionUpdate = (event: CompositionEvent) => {\n emit('compositionupdate', event);\n const text = (event.target as HTMLInputElement)?.value;\n const lastCharacter = text[text.length - 1] || '';\n isComposing.value = !isKorean(lastCharacter);\n};\n\nconst handleCompositionEnd = (event: CompositionEvent) => {\n emit('compositionend', event);\n if (isComposing.value) {\n isComposing.value = false;\n handleInput(event);\n }\n};\n\nconst handlePasswordVisible = () => {\n passwordVisible.value = !passwordVisible.value;\n focus();\n};\n\nconst focus = async() => {\n // see: https://github.com/ElemeFE/element/issues/18573\n await nextTick();\n _ref.value?.focus();\n};\n\nconst blur = () => _ref.value?.blur();\n\nconst handleFocus = (event: FocusEvent) => {\n focused.value = true;\n emit('focus', event);\n};\n\nconst handleBlur = (event: FocusEvent) => {\n focused.value = false;\n emit('blur', event);\n if (__props.validateEvent) {\n formItem?.validate?.('blur').catch((err) => debugWarn(err));\n }\n};\n\nconst handleMouseLeave = (evt: MouseEvent) => {\n hovering.value = false;\n emit('mouseleave', evt);\n};\n\nconst handleMouseEnter = (evt: MouseEvent) => {\n hovering.value = true;\n emit('mouseenter', evt);\n};\n\nconst handleKeydown = (evt: KeyboardEvent) => {\n let key = evt.key;\n if ((evt.target as TargetElement).type === 'number') {\n const forbidKey = ['e', '+', '-0', 'E'];\n if (forbidKey.includes(key)){\n evt.returnValue = false;\n return false;\n }\n }\n\n emit('keydown', evt);\n};\n\nconst select = () => {\n _ref.value?.select();\n};\n\nconst clear = () => {\n emit(UPDATE_MODEL_EVENT, '');\n emit('change', '');\n emit('clear');\n emit('input', '');\n};\n\nwatch(\n () => __props.modelValue,\n () => {\n nextTick(() => resizeTextarea());\n if (__props.validateEvent) {\n formItem?.validate?.('change').catch((err) => debugWarn(err));\n }\n }\n);\n\n// native input value is set explicitly\n// do not use v-model / :value in template\n// see: https://github.com/ElemeFE/element/issues/14521\nwatch(nativeInputValue, () => setNativeInputValue());\n\n// when change between <input> and <textarea>,\n// update DOM dependent value and styles\n// https://github.com/ElemeFE/element/issues/14857\nwatch(\n () => __props.type,\n async() => {\n await nextTick();\n setNativeInputValue();\n resizeTextarea();\n }\n);\n\nonMounted(() => {\n if (!__props.formatter && __props.parser) {\n debugWarn('VftInput', 'If you set the parser, you also need to set the formatter.');\n }\n setNativeInputValue();\n nextTick(resizeTextarea);\n});\n\ndefineExpose({\n /** @description HTML input element */\n input,\n /** @description HTML textarea element */\n textarea,\n /** @description HTML element, input or textarea */\n ref: _ref,\n /** @description style of textarea. */\n textareaStyle,\n\n /** @description from props (used on unit test) */\n autosize: __props.autosize,\n\n /** @description HTML input element native method */\n focus,\n /** @description HTML input element native method */\n blur,\n /** @description HTML input element native method */\n select,\n /** @description clear input value */\n clear,\n /** @description resize textarea. */\n resizeTextarea\n});\n</script>\n\n<template>\n <div v-show=\"type !== 'hidden'\" v-bind=\"containerAttrs\" :class=\"containerKls\"\n :style=\"containerStyle\" :role=\"containerRole\" @mouseenter=\"handleMouseEnter\"\n @mouseleave=\"handleMouseLeave\">\n \n <template v-if=\"type !== 'textarea'\">\n \n <div v-if=\"$slots.prepend\" :class=\"nsInput.be('group', 'prepend')\">\n <slot name=\"prepend\" />\n </div>\n\n <div :class=\"wrapperKls\">\n \n <span v-if=\"$slots.prefix || _prefixIcon?.icon\" :class=\"nsInput.e('prefix')\">\n <span :class=\"nsInput.e('prefix-inner')\" @click=\"focus\">\n <slot name=\"prefix\" />\n <vft-icon v-if=\"_prefixIcon?.icon\" v-bind=\"_prefixIcon\" :class=\"nsInput.e('icon')\" />\n </span>\n </span>\n\n <input\n :id=\"inputId\"\n ref=\"input\"\n :class=\"nsInput.e('inner')\"\n v-bind=\"attrs\"\n :type=\"showPassword ? (passwordVisible ? 'text' : 'password') : type\"\n :disabled=\"inputDisabled\"\n :formatter=\"formatter\"\n :parser=\"parser\"\n :readonly=\"readonly\"\n :autocomplete=\"autocomplete\"\n :tabindex=\"tabindex\"\n :aria-label=\"label\"\n :placeholder=\"placeholder\"\n :style=\"inputStyle\"\n :form=\"form\"\n @compositionstart=\"handleCompositionStart\"\n @compositionupdate=\"handleCompositionUpdate\"\n @compositionend=\"handleCompositionEnd\"\n @input=\"handleInput\"\n @focus=\"handleFocus\"\n @blur=\"handleBlur\"\n @change=\"handleChange\"\n @keydown=\"handleKeydown\"\n />\n\n \n <span v-if=\"suffixVisible\" :class=\"nsInput.e('suffix')\">\n <span :class=\"nsInput.e('suffix-inner')\" @click=\"focus\">\n <template v-if=\"!showClear || !showPwdVisible || !isWordLimitVisible\">\n <slot name=\"suffix\" />\n <vft-icon\n @click=\"handleSuffixClick\"\n v-if=\"_suffixIcon?.icon\" v-bind=\"_suffixIcon\" :class=\"nsInput.e('icon')\" />\n </template>\n <vft-icon v-if=\"showClear\" :class=\"[nsInput.e('icon'), nsInput.e('clear')]\"\n v-bind=\"_clearIcon\" @mousedown.prevent=\"noop\" @click=\"clear\" />\n <vft-icon v-if=\"showPwdVisible\" v-bind=\"passwordIcon\"\n :class=\"[nsInput.e('icon'), nsInput.e('password')]\" @click=\"handlePasswordVisible\" />\n <span v-if=\"isWordLimitVisible\" :class=\"nsInput.e('count')\">\n <span\n :class=\"nsInput.e('count-inner')\">{{ textLength }} / {{ attrs.maxlength }}</span>\n </span>\n <vft-icon\n v-if=\"validateState && validateIcon && needStatusIcon\"\n :icon=\"validateIcon\"\n :class=\"[nsInput.e('icon'), nsInput.e('validateIcon'), nsInput.is('loading', validateState === 'validating')]\"\n />\n </span>\n </span>\n </div>\n\n \n <div v-if=\"$slots.append\" :class=\"nsInput.be('group', 'append')\">\n <slot name=\"append\" />\n </div>\n </template>\n\n \n <template v-else>\n <textarea\n :id=\"inputId\"\n ref=\"textarea\"\n :class=\"nsTextarea.e('inner')\"\n v-bind=\"attrs\"\n :tabindex=\"tabindex\"\n :disabled=\"inputDisabled\"\n :readonly=\"readonly\"\n :autocomplete=\"autocomplete\"\n :style=\"textareaStyle\"\n :aria-label=\"label\"\n :placeholder=\"placeholder\"\n :form=\"form\"\n @compositionstart=\"handleCompositionStart\"\n @compositionupdate=\"handleCompositionUpdate\"\n @compositionend=\"handleCompositionEnd\"\n @input=\"handleInput\"\n @focus=\"handleFocus\"\n @blur=\"handleBlur\"\n @change=\"handleChange\"\n @keydown=\"handleKeydown\"\n />\n <span v-if=\"isWordLimitVisible\" :style=\"countStyle\"\n :class=\"nsInput.e('count')\">{{ textLength }} / {{ attrs.maxlength }}</span>\n </template>\n </div>\n</template>\n"],"names":["rawAttrs","useRawAttrs","slots","useSlots","containerAttrs","computed","comboBoxAttrs","__props","containerKls","nsTextarea","nsInput","inputSize","inputDisabled","inputExceed","focused","showClear","showPwdVisible","instance","getCurrentInstance","wrapperKls","attrs","useAttrs","_form","formItem","useFormItem","inputId","useFormItemInputId","useSize","useDisabled","useNamespace","input","shallowRef","textarea","ref","hovering","isComposing","passwordVisible","countStyle","textareaCalcStyle","_ref","_prefixIcon","singleAttrToObj","_suffixIcon","_clearIcon","needStatusIcon","validateState","validateIcon","passwordIcon","containerStyle","addUnit","textareaStyle","nativeInputValue","isNil","isWordLimitVisible","textLength","suffixVisible","recordCursor","setCursor","useCursor","useResizeObserver","entries","entry","width","resizeTextarea","isClient","minRows","isObject","maxRows","calcTextareaHeight","setNativeInputValue","handleInput","event","value","emit","UPDATE_MODEL_EVENT","nextTick","handleChange","handleSuffixClick","handleCompositionStart","isKorean","text","handleCompositionUpdate","_a","lastCharacter","handleCompositionEnd","handlePasswordVisible","focus","blur","handleFocus","handleBlur","err","debugWarn","handleMouseLeave","evt","handleMouseEnter","handleKeydown","key","select","clear","watch","onMounted","expose"],"mappings":"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"}

package/lib/components/input/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","sources":["../../../../../packages/components/input/utils.ts"],"sourcesContent":["import { isNumber } from '@vft/utils';\n\nlet hiddenTextarea: HTMLTextAreaElement | undefined = undefined;\n\nconst HIDDEN_STYLE = `\n height:0 !important;\n visibility:hidden !important;\n overflow:hidden !important;\n position:absolute !important;\n z-index:-1000 !important;\n top:0 !important;\n right:0 !important;\n`;\n\nconst CONTEXT_STYLE = [\n 'letter-spacing',\n 'line-height',\n 'padding-top',\n 'padding-bottom',\n 'font-family',\n 'font-weight',\n 'font-size',\n 'text-rendering',\n 'text-transform',\n 'width',\n 'text-indent',\n 'padding-left',\n 'padding-right',\n 'border-width',\n 'box-sizing'\n];\n\ntype NodeStyle = {\n contextStyle: string;\n boxSizing: string;\n paddingSize: number;\n borderSize: number;\n};\n\ntype TextAreaHeight = {\n height: string;\n minHeight?: string;\n};\n\nfunction calculateNodeStyling(targetElement: Element): NodeStyle {\n const style = window.getComputedStyle(targetElement);\n\n const boxSizing = style.getPropertyValue('box-sizing');\n\n const paddingSize = Number.parseFloat(style.getPropertyValue('padding-bottom')) + Number.parseFloat(style.getPropertyValue('padding-top'));\n\n const borderSize = Number.parseFloat(style.getPropertyValue('border-bottom-width')) + Number.parseFloat(style.getPropertyValue('border-top-width'));\n\n const contextStyle = CONTEXT_STYLE.map((name) => `${name}:${style.getPropertyValue(name)}`).join(';');\n\n return { contextStyle, paddingSize, borderSize, boxSizing };\n}\n\nexport function calcTextareaHeight(targetElement: HTMLTextAreaElement, minRows = 1, maxRows?: number): TextAreaHeight {\n if (!hiddenTextarea) {\n hiddenTextarea = document.createElement('textarea');\n document.body.appendChild(hiddenTextarea);\n }\n\n const { paddingSize, borderSize, boxSizing, contextStyle } = calculateNodeStyling(targetElement);\n\n hiddenTextarea.setAttribute('style', `${contextStyle};${HIDDEN_STYLE}`);\n hiddenTextarea.value = targetElement.value || targetElement.placeholder || '';\n\n let height = hiddenTextarea.scrollHeight;\n const result = {} as TextAreaHeight;\n\n if (boxSizing === 'border-box') {\n height = height + borderSize;\n } else if (boxSizing === 'content-box') {\n height = height - paddingSize;\n }\n\n hiddenTextarea.value = '';\n const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;\n\n if (isNumber(minRows)) {\n let minHeight = singleRowHeight * minRows;\n if (boxSizing === 'border-box') {\n minHeight = minHeight + paddingSize + borderSize;\n }\n height = Math.max(minHeight, height);\n result.minHeight = `${minHeight}px`;\n }\n if (isNumber(maxRows)) {\n let maxHeight = singleRowHeight * maxRows;\n if (boxSizing === 'border-box') {\n maxHeight = maxHeight + paddingSize + borderSize;\n }\n height = Math.min(maxHeight, height);\n }\n result.height = `${height}px`;\n hiddenTextarea.parentNode?.removeChild(hiddenTextarea);\n hiddenTextarea = undefined;\n\n return result;\n}\n"],"names":["hiddenTextarea","HIDDEN_STYLE","CONTEXT_STYLE","calculateNodeStyling","targetElement","style","boxSizing","paddingSize","borderSize","name","calcTextareaHeight","minRows","maxRows","contextStyle","height","result","singleRowHeight","isNumber","minHeight","maxHeight","_a"],"mappings":"8GAEA,IAAIA,EAEJ,MAAMC,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUfC,EAAgB,CACpB,iBACA,cACA,cACA,iBACA,cACA,cACA,YACA,iBACA,iBACA,QACA,cACA,eACA,gBACA,eACA,YACF,EAcA,SAASC,EAAqBC,EAAmC,CACzD,MAAAC,EAAQ,OAAO,iBAAiBD,CAAa,EAE7CE,EAAYD,EAAM,iBAAiB,YAAY,EAE/CE,EAAc,OAAO,WAAWF,EAAM,iBAAiB,gBAAgB,CAAC,EAAI,OAAO,WAAWA,EAAM,iBAAiB,aAAa,CAAC,EAEnIG,EAAa,OAAO,WAAWH,EAAM,iBAAiB,qBAAqB,CAAC,EAAI,OAAO,WAAWA,EAAM,iBAAiB,kBAAkB,CAAC,EAIlJ,MAAO,CAAE,aAFYH,EAAc,IAAKO,GAAS,GAAGA,KAAQJ,EAAM,iBAAiBI,CAAI,GAAG,EAAE,KAAK,GAAG,EAE7E,YAAAF,EAAa,WAAAC,EAAY,UAAAF,CAAU,CAC5D,CAEO,SAASI,EAAmBN,EAAoCO,EAAU,EAAGC,EAAkC,OAC/GZ,IACcA,EAAA,SAAS,cAAc,UAAU,EACzC,SAAA,KAAK,YAAYA,CAAc,GAG1C,KAAM,CAAE,YAAAO,EAAa,WAAAC,EAAY,UAAAF,EAAW,aAAAO,GAAiBV,EAAqBC,CAAa,EAE/FJ,EAAe,aAAa,QAAS,GAAGa,KAAgBZ,GAAc,EACtED,EAAe,MAAQI,EAAc,OAASA,EAAc,aAAe,GAE3E,IAAIU,EAASd,EAAe,aAC5B,MAAMe,EAAS,CAAA,EAEXT,IAAc,aAChBQ,EAASA,EAASN,EACTF,IAAc,gBACvBQ,EAASA,EAASP,GAGpBP,EAAe,MAAQ,GACjB,MAAAgB,EAAkBhB,EAAe,aAAeO,EAElD,GAAAU,EAAAA,SAASN,CAAO,EAAG,CACrB,IAAIO,EAAYF,EAAkBL,EAC9BL,IAAc,eAChBY,EAAYA,EAAYX,EAAcC,GAE/BM,EAAA,KAAK,IAAII,EAAWJ,CAAM,EACnCC,EAAO,UAAY,GAAGG,KACxB,CACI,GAAAD,EAAAA,SAASL,CAAO,EAAG,CACrB,IAAIO,EAAYH,EAAkBJ,EAC9BN,IAAc,eAChBa,EAAYA,EAAYZ,EAAcC,GAE/BM,EAAA,KAAK,IAAIK,EAAWL,CAAM,CACrC,CACA,OAAAC,EAAO,OAAS,GAAGD,OACJM,EAAApB,EAAA,aAAA,MAAAoB,EAAY,YAAYpB,GACtBA,EAAA,OAEVe,CACT"}

package/lib/components/link/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":["../../../../../packages/components/link/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Link from './link.vue'\n\nexport const VftLink = withInstall(Link)\n\nexport default VftLink\n\n"],"names":["VftLink","withInstall","Link"],"mappings":"wPAIaA,EAAUC,cAAYC,EAAI,OAAA"}

package/lib/components/link/link.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"link.vue2.js","sources":["../../../../../packages/components/link/link.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('link')\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 { singleAttrToObj } from '@vft/utils';\nimport { computed } from 'vue';\nimport { type RouteLocationRaw } from 'vue-router';\nimport { type IconProps, VftIcon as Icon } from '@vft-ui/components/icon';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { useRouterHelper, type WinOpenType } from '@vft/router';\n\ninterface Props {\n type?: 'primary' | 'success' | 'warning' | 'info' | 'danger' | 'default';\n underline?: boolean\n disabled?: boolean\n route?: WinOpenType | RouteLocationRaw\n isReplace?: boolean\n icon?: IconProps\n}\n\ndefineProps({\n \"type\": { default: 'default' },\n \"underline\": { type: Boolean, default: true },\n \"disabled\": { type: Boolean, default: false },\n \"route\": null,\n \"isReplace\": { type: Boolean, },\n \"icon\": null\n})\n\n\n\n;\n\nconst emit = defineEmits(['click']);\n\nconst { go } = useRouterHelper();\n\nfunction handleClick (event: MouseEvent) {\n if (__props.route) {\n \tgo(__props.route as RouteLocationRaw, __props.isReplace);\n }\n if (!__props.disabled) emit('click', event);\n}\n\nconst _icon = computed(() => {\n return singleAttrToObj(__props.icon, 'icon') as IconProps;\n});\n</script>\n\n<template>\n <span\n :class=\"[\n ns.b(),\n ns.m(type),\n ns.is('disabled', disabled),\n ns.is('underline', underline && !disabled),\n ]\"\n @click=\"handleClick\"\n >\n <Icon v-if=\"_icon?.icon\" v-bind=\"_icon\" />\n <span v-if=\"$slots.default\" :class=\"ns.e('inner')\">\n <slot />\n </span>\n </span>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","go","useRouterHelper","handleClick","event","__props","emit","_icon","computed","singleAttrToObj"],"mappings":"+YACMA,EAAuBC,EAAAA,aAAa,MAAM,EAGhDC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC,oNAiCK,KAAA,CAAE,GAAAI,GAAOC,EAAAA,kBAEf,SAASC,EAAaC,EAAmB,CACnCC,EAAQ,OACRJ,EAAAI,EAAQ,MAA2BA,EAAQ,SAAS,EAEnDA,EAAQ,UAAUC,EAAK,QAASF,CAAK,CAC5C,CAEM,MAAAG,EAAQC,EAAAA,SAAS,IACdC,kBAAgBJ,EAAQ,KAAM,MAAM,CAC5C"}

package/lib/components/logo/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":["../../../../../packages/components/logo/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils';\n\nimport Logo from './logo.vue';\n\nexport const VftLogo = withInstall(Logo);\nexport default VftLogo;\n\nexport * from './types';\n"],"names":["VftLogo","withInstall","Logo"],"mappings":"wPAIaA,EAAUC,cAAYC,EAAI,OAAA"}

package/lib/components/logo/logo.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"logo.vue2.js","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":"yXACMA,EAAuBC,EAAAA,aAAa,MAAM,EAGhDC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC,gFAuBD,MAAMI,EAAeC,EAAAA,SAAS,IAAM,CAACL,EAAG,EAAG,CAAA,CAAC,EAEtC,CAAE,GAAAM,GAAOC,EAAAA,kBAEf,SAASC,GAAe,CAClBC,EAAQ,UACVH,EAAGG,EAAQ,QAAQ,CAEvB,CAEA,MAAMC,EAAWL,EAAAA,SAAS,IAAMI,EAAQ,SAAW,CAAA,EAAKT,EAAG,YAAY,CAAE,OAAQ,QAAA,CAAU,CAAC"}

package/lib/components/menu/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","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":"gWAOaA,EAAUC,cAAYC,UAAM,CAAA,SACxCC,EAAA,QAAA,cACAC,EAAA,QAAA,QACAC,EAAA,OACD,CAAC,EAEYC,EAAcC,kBAAgBJ,SAAQ,EACtCK,EAAmBD,kBAAgBH,SAAa,EAChDK,EAAaF,kBAAgBF,EAAO,OAAA"}

package/lib/components/menu/menu-collapse-transition.vue.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./menu-collapse-transition.vue2.js"),e=require("vue"),o=require("../../_virtual/_plugin-vue_export-helper.js");function n(t,s,l,i,a,p){return e.openBlock(),e.createBlock(e.Transition,e.mergeProps({mode:"out-in"},t.listeners),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)}const u=o.default(r.default,[["render",n]]);exports.default=u;
2	+ //# sourceMappingURL=menu-collapse-transition.vue.js.map

package/lib/components/menu/menu-collapse-transition.vue.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"menu-collapse-transition.vue.js","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":"4OA2DY,SAAAA,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,QAARC,YAAQ,EAAAC,cAAAC,EAAAA,WAAAC,EAAA,WAAA,CAAA,KAAA,QAAA,EAAAT,EAAA,SAAA,EAAA,CAAA,QAAAU,EAAA,QAAA,IAAA"}

package/lib/components/menu/menu-collapse-transition.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"menu-collapse-transition.vue2.js","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":"wVAOAA,EAAeC,kBAAgB,CAC7B,OAAQ,CACA,MAAAC,EAAKC,eAAa,MAAM,EAyCvB,MAAA,CACL,UAzCgB,CAChB,cAAgBC,GAAQA,EAAG,MAAM,QAAU,MAC3C,QAAQA,EAAIC,EAAM,CAChBC,EAAA,SAASF,EAAI,GAAGF,EAAG,UAAU,0BAA0B,EACvDE,EAAG,MAAM,QAAU,IACdC,GACP,EAEA,aAAaD,EAAI,CACfG,EAAA,YAAYH,EAAI,GAAGF,EAAG,UAAU,0BAA0B,EAC1DE,EAAG,MAAM,QAAU,EACrB,EAEA,cAAcA,EAAI,CACXA,EAAG,UACJA,EAAW,QAAU,IAGrBI,EAAAA,SAASJ,EAAIF,EAAG,EAAE,UAAU,CAAC,GAC/BK,EAAAA,YAAYH,EAAIF,EAAG,EAAE,UAAU,CAAC,EAC7BE,EAAA,QAAQ,YAAcA,EAAG,MAAM,SAClCA,EAAG,QAAQ,YAAcA,EAAG,YAAY,SAAS,EACjDE,EAAAA,SAASF,EAAIF,EAAG,EAAE,UAAU,CAAC,IAE7BI,EAAAA,SAASF,EAAIF,EAAG,EAAE,UAAU,CAAC,EAC1BE,EAAA,QAAQ,YAAcA,EAAG,MAAM,SAClCA,EAAG,QAAQ,YAAcA,EAAG,YAAY,SAAS,EACjDG,EAAAA,YAAYH,EAAIF,EAAG,EAAE,UAAU,CAAC,GAG/BE,EAAA,MAAM,MAAQ,GAAGA,EAAG,gBACvBA,EAAG,MAAM,SAAW,QACtB,EAEA,QAAQA,EAAiB,CACvBE,WAASF,EAAI,gCAAgC,EAC7CA,EAAG,MAAM,MAAQ,GAAGA,EAAG,QAAQ,eACjC,CAAA,CAIA,CAEJ,CACF,CAAC"}

package/lib/components/menu/menu-item-group.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"menu-item-group.vue2.js","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":"gVACA,MAAMA,EAAuBC,EAAAA,aAAa,iBAAiB,EAG3DC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC"}

package/lib/components/menu/menu-item.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"menu-item.vue2.js","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":"u/CACMA,EAAuBC,EAAAA,aAAa,WAAW,EAGrDC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,gOA6CD,MAAMI,EAAWC,EAAAA,qBAEXC,EAASL,eAAa,MAAM,EAE5BM,EAAaN,eAAa,WAAW,EAGrCO,EAAYC,EAAQ,WAAgD,KAAnCC,EAAAA,OAAqB,UAAU,EAClE,CAACF,GAAY,CAACC,EAAQ,YAAuBE,EAAAA,WAAAX,EAAG,EAAE,EAAG,0BAA0B,EAG7E,KAAA,CAAE,WAAAY,EAAY,UAAAC,CAAA,EAAcC,EAAA,QAChCV,EACAW,WAAS,IAAMN,EAAQ,KAAM,CAAA,EAIzBO,EAAWP,EAAQ,WAA0E,KAA7DC,EAAAA,OAAwB,WAAWE,EAAW,MAAM,KAAK,EAC3F,CAACI,GAAW,CAACP,EAAQ,YAAuBE,EAAAA,WAAAX,EAAG,EAAE,EAAG,yBAAyB,EAGjF,MAAMiB,EAASF,EAAAA,SAAS,IAAMN,EAAQ,SAAUD,GAAA,YAAAA,EAAU,YAAW,EAE/DU,EAA2BC,EAAAA,SAAS,CACxC,MAAOV,EAAQ,MACf,UAAAI,EACA,OAAAI,CAAA,CACD,EAGKG,EAAc,IAAM,CACnBX,EAAQ,WACXD,GAAA,MAAAA,EAAU,oBAAoB,CAC5B,MAAOC,EAAQ,MACf,UAAWI,EAAU,MACrB,MAAOJ,EAAQ,KAAA,GAEjBY,EAAK,QAASH,CAAI,EACpB,EAGII,EAAQP,EAAAA,SAAS,IACdQ,kBAAgBd,EAAQ,KAAM,MAAM,CAC5C,EAEKe,EAAQT,EAAAA,SAAS,IACdU,EAAA,YAAYrB,EAAU,OAAO,CACrC,EAEDsB,OAAAA,EAAAA,UAAU,IAAM,CACTjB,EAAQ,aAEXO,GAAA,MAAAA,EAAS,WAAWE,GAEpBV,GAAA,MAAAA,EAAU,YAAYU,GACxB,CACD,EAEDS,EAAAA,gBAAgB,IAAM,CACflB,EAAQ,aACXO,GAAA,MAAAA,EAAS,cAAcE,GACvBV,GAAA,MAAAA,EAAU,eAAeU,GAC3B,CACD"}

package/lib/components/menu/menu.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"menu.vue2.js","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/lib/components/menu/sub-menu.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"sub-menu.vue2.js","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/lib/components/menu/use-menu-css-var.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-menu-css-var.js","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":"oTAGa,MAAAA,EAAgB,CAACC,EAAYC,IAAkB,CACpD,MAAAC,EAAKC,eAAa,MAAM,EAC9B,OAAOC,WAAS,IACPF,EAAG,YAAY,CACpB,MAAO,GAAGD,GAAA,CACX,CACF,CACH"}

package/lib/components/menu/use-menu.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-menu.js","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":"mIAawB,SAAAA,EACtBC,EACAC,EACA,CAWM,MAAAC,EAAYC,EAAAA,SAAS,IAAM,CAC/B,IAAIC,EAASJ,EAAS,OAEhB,MAAAK,EAAO,CAACJ,EAAa,KAAK,EACzB,KAAAG,EAAO,KAAK,OAAS,YACtBA,EAAO,MAAM,OACVC,EAAA,QAAQD,EAAO,MAAM,KAAe,EAE3CA,EAASA,EAAO,OAEX,OAAAC,CAAA,CACR,EAiBM,MAAA,CACL,WATiBF,EAAAA,SAAS,IAAM,CAChC,IAAIC,EAASJ,EAAS,OACf,KAAAI,GAAU,CAAC,CAAC,WAAY,cAAc,EAAE,SAASA,EAAO,KAAK,IAAK,GACvEA,EAASA,EAAO,OAEX,OAAAA,CAAA,CACR,EAIC,UAAAF,CAAA,CAEJ"}

package/lib/components/menu/utils/menu-bar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"menu-bar.js","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":"8IAIA,MAAMA,CAAK,CACT,YAAmBC,EAAuBC,EAAmB,CAA1C,KAAA,QAAAD,EACjB,KAAK,KAAKC,CAAS,CACrB,CACA,KAAKA,EAAyB,CACtB,MAAAC,EAAe,KAAK,QAAQ,WAClC,MAAM,KAAWA,CAAY,EAAE,QAASC,GAAU,CAC5CA,EAAM,WAAa,GACjB,IAAAC,EAAA,QAASD,EAAsBF,CAAS,CAC9C,CACD,CACH,CACF"}

package/lib/components/menu/utils/menu-item.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"menu-item.js","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":"gMAIA,MAAMA,CAAS,CAEb,YAAmBC,EAAsBC,EAAmB,CAAzC,KAAA,QAAAD,EADnB,KAAO,QAA0B,KAE/B,KAAK,QAAU,KACf,KAAK,KAAKC,CAAS,CACrB,CAEA,KAAKA,EAAyB,CACvB,KAAA,QAAQ,aAAa,WAAY,GAAG,EACzC,MAAMC,EAAY,KAAK,QAAQ,cAAc,IAAID,QAAgB,EAC7DC,IACF,KAAK,QAAU,IAAIC,EAAQ,QAAA,KAAMD,CAAS,GAE5C,KAAK,aAAa,CACpB,CAEA,cAAqB,CACnB,KAAK,QAAQ,iBAAiB,UAAYE,GAAyB,CACjE,IAAIC,EAAU,GACd,OAAQD,EAAM,KAAM,CAClB,KAAKE,EAAAA,WAAW,KAAM,CACPC,EAAAA,aAAAH,EAAM,cAA8B,YAAY,EAC7D,KAAK,SAAW,KAAK,QAAQ,aAAa,CAAC,EACjCC,EAAA,GACV,KACF,CACA,KAAKC,EAAAA,WAAW,GAAI,CACLC,EAAAA,aAAAH,EAAM,cAA8B,YAAY,EACxD,KAAA,SAAW,KAAK,QAAQ,aAAa,KAAK,QAAQ,aAAa,OAAS,CAAC,EACpEC,EAAA,GACV,KACF,CACA,KAAKC,EAAAA,WAAW,IAAK,CACNC,EAAAA,aAAAH,EAAM,cAA8B,YAAY,EAC7D,KACF,CACA,KAAKE,EAAAA,WAAW,MAChB,KAAKA,EAAAA,WAAW,MAAO,CACXD,EAAA,GACTD,EAAM,cAA8B,QACrC,KACF,CACF,CACIC,GACFD,EAAM,eAAe,CACvB,CACD,CACH,CACF"}

package/lib/components/menu/utils/submenu.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"submenu.js","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":"sKAKA,MAAMA,CAAQ,CAGZ,YAAmBC,EAAyBC,EAAqB,CAA9C,KAAA,OAAAD,EAAyB,KAAA,QAAAC,EAD5C,KAAO,SAAW,EAEhB,KAAK,SAAW,EAChB,KAAK,KAAK,CACZ,CAEA,MAAa,CACX,KAAK,aAAe,KAAK,QAAQ,iBAAiB,IAAI,EACtD,KAAK,aAAa,CACpB,CAEA,aAAaC,EAAmB,CAC1BA,IAAQ,KAAK,aAAa,OACtBA,EAAA,EACGA,EAAM,IACTA,EAAA,KAAK,aAAa,OAAS,GAElC,KAAK,aAAaA,CAAG,EAAkB,MAAM,EAC9C,KAAK,SAAWA,CAClB,CAEA,cAAqB,CACb,MAAAC,EAAa,KAAK,OAAO,QAC/B,MAAM,UAAU,QAAQ,KAAK,KAAK,aAAeC,GAAgB,CAC5DA,EAAA,iBAAiB,UAAYC,GAAyB,CACvD,IAAIC,EAAU,GACd,OAAQD,EAAM,KAAM,CAClB,KAAKE,EAAAA,WAAW,KAAM,CACf,KAAA,aAAa,KAAK,SAAW,CAAC,EACzBD,EAAA,GACV,KACF,CACA,KAAKC,EAAAA,WAAW,GAAI,CACb,KAAA,aAAa,KAAK,SAAW,CAAC,EACzBD,EAAA,GACV,KACF,CACA,KAAKC,EAAAA,WAAW,IAAK,CACnBC,eAAaL,EAA2B,YAAY,EACpD,KACF,CACA,KAAKI,EAAAA,WAAW,MAChB,KAAKA,EAAAA,WAAW,MAAO,CACXD,EAAA,GACTD,EAAM,cAA8B,QACrC,KACF,CACF,CACA,OAAIC,IACFD,EAAM,eAAe,EACrBA,EAAM,gBAAgB,GAEjB,EAAA,CACR,CAAA,CACF,CACH,CACF"}

package/lib/components/multiple-tabs/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","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":"gVAIaA,EAAkBC,cAAYC,EAAY,OAAA"}