npm - vft - Versions diffs - 0.0.14 → 0.0.15 - Mend

vft 0.0.14 → 0.0.15

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 (1008) hide show

package/es/components/slot/only-child.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"only-child.mjs","sources":["../../../../../packages/components/slot/only-child.tsx"],"sourcesContent":["import {\n Comment,\n Fragment,\n Text,\n cloneVNode,\n defineComponent,\n inject,\n withDirectives,\n} from 'vue'\nimport { NOOP, isObject } from '@vue/shared'\nimport {\n FORWARD_REF_INJECTION_KEY,\n useForwardRefDirective,\n useNamespace,\n} from '@vft-ui/hooks'\nimport { debugWarn } from '@vft-ui/utils'\n\nimport type { Ref, VNode } from 'vue'\n\nconst NAME = 'VftOnlyChild'\n\nexport const OnlyChild = defineComponent({\n name: NAME,\n setup(_, { slots, attrs }) {\n const forwardRefInjection = inject(FORWARD_REF_INJECTION_KEY)\n const forwardRefDirective = useForwardRefDirective(\n forwardRefInjection?.setForwardRef ?? NOOP\n )\n return () => {\n const defaultSlot = slots.default?.(attrs)\n if (!defaultSlot) return null\n\n if (defaultSlot.length > 1) {\n debugWarn(NAME, 'requires exact only one valid child.')\n return null\n }\n\n const firstLegitNode = findFirstLegitChild(defaultSlot)\n if (!firstLegitNode) {\n debugWarn(NAME, 'no valid child node found')\n return null\n }\n\n return withDirectives(cloneVNode(firstLegitNode!, attrs), [\n [forwardRefDirective],\n ])\n }\n },\n})\n\nfunction findFirstLegitChild(node: VNode[] | undefined): VNode | null {\n if (!node) return null\n const children = node as VNode[]\n for (const child of children) {\n /**\n * when user uses h(Fragment, [text]) to render plain string,\n * this switch case just cannot handle, when the value is primitives\n * we should just return the wrapped string\n */\n if (isObject(child)) {\n switch (child.type) {\n case Comment:\n continue\n case Text:\n case 'svg':\n return wrapTextContent(child)\n case Fragment:\n return findFirstLegitChild(child.children as VNode[])\n default:\n return child\n }\n }\n return wrapTextContent(child)\n }\n return null\n}\n\nfunction wrapTextContent(s: string | VNode) {\n const ns = useNamespace('only-child')\n return <span class={ns.e('content')}>{s}</span>\n}\n\nexport type OnlyChildExpose = {\n forwardRef: Ref<HTMLElement>\n}\n"],"names":["NAME","OnlyChild","defineComponent","name","setup","_","slots","attrs","forwardRefInjection","inject","FORWARD_REF_INJECTION_KEY","forwardRefDirective","useForwardRefDirective","setForwardRef","NOOP","defaultSlot","default","length","debugWarn","firstLegitNode","findFirstLegitChild","withDirectives","cloneVNode","node","children","child","isObject","type","Comment","Text","wrapTextContent","Fragment","s","ns","useNamespace","_createVNode","e"],"mappings":";;;;;;;;;;AAmBA,MAAMA,IAAO,gBAEAC,IAAYC,gBAAAA,EAAgB;AAAA,EACvCC,MAAMH;AAAAA,EACNI,MAAMC,GAAG;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,EAAM,GAAG;AACzB,UAAMC,IAAsBC,EAAOC,CAAyB,GACtDC,IAAsBC,GAC1BJ,KAAAA,gBAAAA,EAAqBK,kBAAiBC,CAAI;AAE5C,WAAO,MAAM;;AACX,YAAMC,KAAcT,IAAAA,EAAMU,YAANV,gBAAAA,EAAAA,KAAAA,GAAgBC;AACpC,UAAI,CAACQ;AAAa,eAAO;AAEzB,UAAIA,EAAYE,SAAS;AACvBC,eAAAA,EAAUlB,GAAM,sCAAsC,GAC/C;AAGT,YAAMmB,IAAiBC,EAAoBL,CAAW;AACtD,aAAKI,IAKEE,EAAeC,EAAWH,GAAiBZ,CAAK,GAAG,CACxD,CAACI,CAAmB,CAAC,CACtB,KANCO,EAAUlB,GAAM,2BAA2B,GACpC;AAAA;EAOb;AACF,CAAC;AAED,SAASoB,EAAoBG,GAAyC;AACpE,MAAI,CAACA;AAAM,WAAO;AAClB,QAAMC,IAAWD;AACjB,aAAWE,KAASD,GAAU;AAM5B,QAAIE,EAASD,CAAK;AAChB,cAAQA,EAAME,MAAI;AAAA,QAChB,KAAKC;AACH;AAAA,QACF,KAAKC;AAAAA,QACL,KAAK;AACH,iBAAOC,EAAgBL,CAAK;AAAA,QAC9B,KAAKM;AACH,iBAAOX,EAAoBK,EAAMD,QAAQ;AAAA,QAC3C;AACE,iBAAOC;AAAAA,MAAK;AAGlB,WAAOK,EAAgBL,CAAK;AAAA,EAC9B;AACA,SAAO;AACT;AAEA,SAASK,EAAgBE,GAAmB;AAC1C,QAAMC,IAAKC,EAAa,YAAY;AACpC,SAAAC,EAAA,QAAA;AAAA,IAAA,OAAoBF,EAAGG,EAAE,SAAS;AAAA,EAAC,GAAA,CAAGJ,CAAC,CAAA;AACzC;"}

package/es/components/tabs/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/components/tabs/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@vft-ui/utils'\nimport Tabs from './tabs.vue';\nimport TabPane from './tab-pane.vue';\n\nexport const VftTabs = withInstall(Tabs, { TabPane })\nexport const VftTabPane = withNoopInstall(TabPane)\nexport default VftTabs\n\nexport * from './types';\n"],"names":["VftTabs","withInstall","Tabs","TabPane","VftTabPane","withNoopInstall"],"mappings":";;;;;;;AAIO,MAAMA,IAAUC,EAAYC,GAAM,EAAA,SAAEC,GAAS,GACvCC,IAAaC,EAAgBF,CAAO;"}

package/es/components/tabs/tab-bar.vue2.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tab-bar.vue2.mjs","sources":["../../../../../packages/components/tabs/tab-bar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { type TabsPaneContext, TabsRootContextKey } from './types';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { capitalize } from '@vft/utils';\nimport { getCurrentInstance, inject, nextTick, ref, watch, computed } from 'vue';\nimport { useResizeObserver } from '@vueuse/core';\n\nimport type { CSSProperties } from 'vue';\n\nconst props = defineProps({\n \"tabs\": null\n});\n\nconst instance = getCurrentInstance()!;\nconst rootTabs = inject(TabsRootContextKey)!;\n\nconst ns = useNamespace('tabs');\n\nconst barRef = ref<HTMLDivElement>();\nconst barStyle = ref<CSSProperties>();\n\nconst getBarStyle = (): CSSProperties => {\n let offset = 0;\n let tabSize = 0;\n\n const sizeName = ['top', 'bottom'].includes(rootTabs.props.tabPosition!)\n ? 'width'\n : 'height';\n const sizeDir = sizeName === 'width' ? 'x' : 'y';\n const position = sizeDir === 'x' ? 'left' : 'top';\n\n props.tabs.every((tab) => {\n const $el = instance.parent?.refs?.[`tab-${tab.uid}`] as HTMLElement;\n if (!$el) return false;\n\n if (!tab.active) {\n return true;\n }\n offset = $el[`offset${capitalize(position)}`];\n tabSize = $el[`client${capitalize(sizeName)}`];\n\n const tabStyles = window.getComputedStyle($el);\n\n if (sizeName === 'width') {\n if (props.tabs.length > 1) {\n tabSize -=\n Number.parseFloat(tabStyles.paddingLeft) +\n Number.parseFloat(tabStyles.paddingRight);\n }\n offset += Number.parseFloat(tabStyles.paddingLeft);\n }\n return false;\n });\n\n return {\n [sizeName]: `${tabSize}px`,\n transform: `translate${capitalize(sizeDir)}(${offset}px)`\n };\n};\n\nconst update = () => (barStyle.value = getBarStyle());\n\nwatch(\n () => props.tabs,\n async () => {\n await nextTick();\n update();\n },\n { immediate: true }\n);\n\nconst _tabPosition = computed(() => {\n return rootTabs.props.tabPosition!;\n});\n\nuseResizeObserver(barRef, () => update());\n\ndefineExpose({\n ref: barRef,\n update\n});\n</script>\n\n<template>\n <div\n ref=\"barRef\"\n :class=\"[ns.e('active-bar'), ns.is(_tabPosition)]\"\n :style=\"barStyle\"\n />\n</template>\n"],"names":["instance","getCurrentInstance","rootTabs","inject","TabsRootContextKey","ns","useNamespace","barRef","ref","barStyle","getBarStyle","offset","tabSize","sizeName","sizeDir","position","props","tab","$el","_b","_a","capitalize","tabStyles","update","watch","nextTick","_tabPosition","computed","useResizeObserver","expose"],"mappings":";;;;;;;;;;;;;;;iBAaMA,IAAWC,KACXC,IAAWC,EAAOC,CAAkB,GAEpCC,IAAKC,EAAa,MAAM,GAExBC,IAASC,KACTC,IAAWD,KAEXE,IAAc,MAAqB;AACvC,UAAIC,IAAS,GACTC,IAAU;AAER,YAAAC,IAAW,CAAC,OAAO,QAAQ,EAAE,SAASX,EAAS,MAAM,WAAY,IACnE,UACA,UACEY,IAAUD,MAAa,UAAU,MAAM,KACvCE,IAAWD,MAAY,MAAM,SAAS;AAEtC,aAAAE,EAAA,KAAK,MAAM,CAACC,MAAQ;;AACxB,cAAMC,KAAMC,KAAAC,IAAApB,EAAS,WAAT,gBAAAoB,EAAiB,SAAjB,gBAAAD,EAAwB,OAAOF,EAAI;AAC/C,YAAI,CAACC;AAAY,iBAAA;AAEb,YAAA,CAACD,EAAI;AACA,iBAAA;AAET,QAAAN,IAASO,EAAI,SAASG,EAAWN,CAAQ,GAAG,GAC5CH,IAAUM,EAAI,SAASG,EAAWR,CAAQ,GAAG;AAEvC,cAAAS,IAAY,OAAO,iBAAiBJ,CAAG;AAE7C,eAAIL,MAAa,YACXG,EAAM,KAAK,SAAS,MAEpBJ,KAAA,OAAO,WAAWU,EAAU,WAAW,IACvC,OAAO,WAAWA,EAAU,YAAY,IAElCX,KAAA,OAAO,WAAWW,EAAU,WAAW,IAE5C;AAAA,MAAA,CACR,GAEM;AAAA,QACL,CAACT,CAAQ,GAAG,GAAGD;AAAA,QACf,WAAW,YAAYS,EAAWP,CAAO,KAAKH;AAAA,MAAA;AAAA,IAChD,GAGIY,IAAS,MAAOd,EAAS,QAAQC,EAAY;AAEnD,IAAAc;AAAA,MACE,MAAMR,EAAM;AAAA,MACZ,YAAY;AACV,cAAMS,EAAS,GACRF;MACT;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IAAA;AAGd,UAAAG,IAAeC,EAAS,MACrBzB,EAAS,MAAM,WACvB;AAEiB,WAAA0B,EAAArB,GAAQ,MAAMgB,EAAA,CAAQ,GAE3BM,EAAA;AAAA,MACX,KAAKtB;AAAA,MACL,QAAAgB;AAAA,IAAA,CACD;;;;;;;;"}

package/es/components/tabs/tab-nav.vue2.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tab-nav.vue2.mjs","sources":["../../../../../packages/components/tabs/tab-nav.vue"],"sourcesContent":["<script lang=\"tsx\">\nconst ns_nav = /* hoist-static*/ useNamespace('tab-nav')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns_nav.b()\n});</script>\n<script lang=\"tsx\" setup>\nimport { throwError } from '@vft-ui/utils';\nimport {\n computed,\n type CSSProperties,\n getCurrentInstance,\n inject,\n nextTick,\n onMounted,\n onUpdated,\n ref,\n watch\n} from 'vue';\nimport { type IconProps, VftIcon } from '@vft-ui/components';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { capitalize } from '@vft/utils';\nimport { EVENT_CODE } from '@vft/constants';\nimport { TabsRootContextKey } from './types';\nimport type { TabsPaneContext, TabsType, Scrollable } from './types';\nimport { useDocumentVisibility, useResizeObserver, useWindowFocus } from '@vueuse/core';\nimport TabBar from './tab-bar.vue';\n\ninterface TabNavProps {\n panes: TabsPaneContext[];\n /** 标签是否同时可增加和关闭 */\n editable?: boolean;\n /** 标签是否可增加 */\n addable?: boolean;\n /** tab 类型 */\n type?: TabsType;\n stretch?: boolean;\n /** 图标配置 */\n closeIconCfg?: IconProps;\n addIconCfg?: IconProps;\n arrowLeftIconCfg?: IconProps;\n arrowRightIconCfg?: IconProps;\n}\n\ndefineProps({\n \"panes\": null,\n \"editable\": { type: Boolean, },\n \"addable\": { type: Boolean, },\n \"type\": null,\n \"stretch\": { type: Boolean, },\n \"closeIconCfg\": null,\n \"addIconCfg\": null,\n \"arrowLeftIconCfg\": null,\n \"arrowRightIconCfg\": null\n})\n\nconst emit = defineEmits(['tabClick', 'tabRemove', 'tabAdd', 'tabContextmenu']);\n\n\n\n;\n\nconst vm = getCurrentInstance()!;\n\n// 获取从 index.vue 提供的数据信息\nconst rootTabs = inject(TabsRootContextKey)!;\nif (!rootTabs) throwError(ns_nav.b(), `<vft-tabs><tab-nav /></vft-tabs>`)\n\nconst ns = useNamespace('tabs');\nconst visibility = useDocumentVisibility();\nconst focused = useWindowFocus();\n\n// 整个 nav dom 包含前进后退 btn (vft-tabs__nav-wrap)\nconst el$ = ref<HTMLDivElement>();\n// el$ 子节点包含 newButton (vft-tabs__nav-scroll)\nconst navScroll$ = ref<HTMLDivElement>();\n// navScroll$ 子节点 (vft-tabs__nav)\nconst nav$ = ref<HTMLDivElement>();\n\n/** 是否展示左右滚动 */\nconst scrollable = ref<false | Scrollable>(false);\n// 记录滚动时的偏移量\nconst navOffset = ref(0);\nconst isFocus = ref(false);\nconst focusable = ref(true);\n\n// 根据 tabPosition 确定 sizeName 是 width or height\nconst sizeName = computed(() => ['top', 'bottom'].includes(rootTabs.props.tabPosition!) ? 'width' : 'height');\n\n// 设置 tab 导航栏的 translateX or translateY 的偏移量\nconst navStyle = computed<CSSProperties>(() => {\n const dir = sizeName.value === 'width' ? 'X' : 'Y';\n return {\n transform: `translate${dir}(-${navOffset.value}px)`\n };\n});\n\n// 向前滚动\nconst scrollPrev = () => {\n if (!navScroll$.value) return;\n const containerSize =\n navScroll$.value[`offset${capitalize(sizeName.value)}`];\n const currentOffset = navOffset.value;\n\n if (!currentOffset) return;\n\n navOffset.value = currentOffset > containerSize ? currentOffset - containerSize : 0;\n};\n\n// 向后滚动\nconst scrollNext = () => {\n if (!navScroll$.value || !nav$.value) return;\n\n const navSize = nav$.value[`offset${capitalize(sizeName.value)}`];\n const containerSize =\n navScroll$.value[`offset${capitalize(sizeName.value)}`];\n const currentOffset = navOffset.value;\n\n if (navSize - currentOffset <= containerSize) return;\n\n navOffset.value = navSize - currentOffset > containerSize * 2\n ? currentOffset + containerSize\n : navSize - containerSize;\n};\n\n// 滚动到激活的 tab 主要是获取 navOffset 的值\nconst scrollToActiveTab = async() => {\n const nav = nav$.value;\n if (!scrollable.value || !el$.value || !navScroll$.value || !nav) return;\n\n await nextTick();\n\n const activeTab = el$.value.querySelector('.is-active');\n if (!activeTab) return;\n\n const navScroll = navScroll$.value;\n const isHorizontal = ['top', 'bottom'].includes(\n rootTabs.props.tabPosition!\n );\n const activeTabBounding = activeTab.getBoundingClientRect();\n // vft-tabs__nav-scroll\n const navScrollBounding = navScroll.getBoundingClientRect();\n const maxOffset = isHorizontal\n ? nav.offsetWidth - navScrollBounding.width\n : nav.offsetHeight - navScrollBounding.height;\n\n const currentOffset = navOffset.value;\n\n let newOffset = currentOffset;\n\n if (isHorizontal) {\n if (activeTabBounding.left < navScrollBounding.left) {\n newOffset =\n currentOffset - (navScrollBounding.left - activeTabBounding.left);\n }\n if (activeTabBounding.right > navScrollBounding.right) {\n newOffset =\n currentOffset + activeTabBounding.right - navScrollBounding.right;\n }\n } else {\n if (activeTabBounding.top < navScrollBounding.top) {\n newOffset =\n currentOffset - (navScrollBounding.top - activeTabBounding.top);\n }\n if (activeTabBounding.bottom > navScrollBounding.bottom) {\n newOffset =\n currentOffset +\n (activeTabBounding.bottom - navScrollBounding.bottom);\n }\n }\n newOffset = Math.max(newOffset, 0);\n navOffset.value = Math.min(newOffset, maxOffset);\n};\n\nconst update = () => {\n if (!nav$.value || !navScroll$.value) return;\n // 根据 position 的不同获取 nav$(vft-tabs__nav) 的 offsetWidth or offsetHeight\n const navSize = nav$.value[`offset${capitalize(sizeName.value)}`];\n // 获取到 navScroll$ 的 offsetWidth or offsetHeight\n const containerSize = navScroll$.value[`offset${capitalize(sizeName.value)}`];\n // 获取到当前的偏移量\n const currentOffset = navOffset.value;\n // 由于 navScroll$ 的 overflow 是 hidden，所以当 vft-tabs__nav 撑开时其宽度可能会超过 vft-tabs__nav-scroll\n if (containerSize < navSize) {\n scrollable.value = scrollable.value || {};\n scrollable.value.prev = currentOffset;\n scrollable.value.next = currentOffset + containerSize < navSize;\n if (navSize - currentOffset < containerSize) {\n navOffset.value = navSize - containerSize;\n }\n } else {\n scrollable.value = false;\n if (currentOffset > 0) {\n navOffset.value = 0;\n }\n }\n};\n\nconst changeTab = (e: KeyboardEvent) => {\n const code = e.code;\n\n const { up, down, left, right } = EVENT_CODE;\n if (![up, down, left, right].includes(code)) return;\n\n // 左右上下键更换tab\n const tabList = Array.from(\n (e.currentTarget as HTMLDivElement).querySelectorAll<HTMLDivElement>(\n '[role=tab]:not(.is-disabled)'\n )\n );\n const currentIndex = tabList.indexOf(e.target as HTMLDivElement);\n\n let nextIndex: number;\n if (code === left || code === up) {\n // left\n if (currentIndex === 0) {\n // first\n nextIndex = tabList.length - 1;\n } else {\n nextIndex = currentIndex - 1;\n }\n } else {\n // right\n if (currentIndex < tabList.length - 1) {\n // not last\n nextIndex = currentIndex + 1;\n } else {\n nextIndex = 0;\n }\n }\n tabList[nextIndex].focus(); // 改变焦点元素\n tabList[nextIndex].click(); // 选中下一个tab\n setFocus();\n};\n\nconst setFocus = () => {\n if (focusable.value) isFocus.value = true;\n};\nconst removeFocus = () => (isFocus.value = false);\n\nwatch(visibility, (visibility) => {\n if (visibility === 'hidden') {\n focusable.value = false;\n } else if (visibility === 'visible') {\n setTimeout(() => (focusable.value = true), 50);\n }\n});\n\nwatch(focused, (focused) => {\n if (focused) {\n setTimeout(() => (focusable.value = true), 50);\n } else {\n focusable.value = false;\n }\n});\n\n// 监听 resize 触发 update\nuseResizeObserver(el$, update);\n\nonMounted(() => setTimeout(() => scrollToActiveTab(), 0));\nonUpdated(() => update());\n\ndefineExpose({\n scrollToActiveTab,\n removeFocus\n});\n\nwatch(\n () => __props.panes,\n () => vm.update(),\n { flush: 'post' }\n);\n\n// 前进后退标签\nconst scrollBtn = computed(() => {\n return scrollable.value\n ? [\n <span\n class={[\n ns.e('nav-prev'),\n ns.is('disabled', !scrollable.value.prev)\n ]}\n onClick={scrollPrev}\n >\n {__props.arrowLeftIconCfg?.icon ? <VftIcon {...__props.arrowLeftIconCfg}></VftIcon> : null}\n </span>,\n <span\n class={[\n ns.e('nav-next'),\n ns.is('disabled', !scrollable.value.next)\n ]}\n onClick={scrollNext}\n >\n {__props.arrowRightIconCfg?.icon ? <VftIcon {...__props.arrowRightIconCfg}></VftIcon> : null}\n </span>\n ]\n : null;\n});\n\n// 渲染 tab-pane\nconst tabs = computed(() => {\n return __props.panes?.map((pane, index) => {\n const uid = pane.uid;\n const disabled = pane.props.disabled;\n const tabName = pane.props.name ?? pane.index ?? `${index}`;\n const closable = !disabled && (pane.isClosable || __props.editable);\n pane.index = `${index}`;\n\n // 关闭标签图标\n const btnClose = closable ? (\n <span class=\"is-icon-close\" onClick={(ev: MouseEvent) => emit('tabRemove', pane, ev)}>\n {__props.closeIconCfg?.icon ? <VftIcon {...__props.closeIconCfg}></VftIcon> : null}\n </span>\n ) : null;\n\n const tabLabelContent = pane.slots.label?.() || pane.props.label;\n const tabindex = !disabled && pane.active ? 0 : -1;\n\n return (\n <div\n ref={`tab-${uid}`}\n class={[\n ns.e('item'),\n ns.is(rootTabs.props.tabPosition!),\n ns.is('active', pane.active),\n ns.is('disabled', disabled),\n ns.is('closable', closable),\n ns.is('focus', isFocus.value)\n ]}\n id={`tab-${tabName}`}\n key={`tab-${uid}`}\n aria-controls={`pane-${tabName}`}\n role=\"tab\"\n aria-selected={pane.active}\n tabindex={tabindex}\n onFocus={() => setFocus()}\n onBlur={() => removeFocus()}\n onClick={(ev: MouseEvent) => {\n removeFocus();\n emit('tabClick', pane, tabName, ev);\n }}\n onContextmenu={(event) => {\n event.preventDefault();\n emit('tabContextmenu', { pane, index, event });\n }}\n onKeydown={(ev: KeyboardEvent) => {\n if (\n closable &&\n (ev.code === EVENT_CODE.delete ||\n ev.code === EVENT_CODE.backspace)\n ) {\n emit('tabRemove', pane, ev);\n }\n }}\n >\n {...[tabLabelContent, btnClose]}\n </div>\n );\n });\n});\n\n// 增加 tab 的 dom\nconst newButton =\n __props.editable || __props.addable ? (\n <span\n class={ns.e('new-tab')}\n tabindex=\"0\"\n onClick={() => emit('tabAdd')}\n onKeydown={(ev: KeyboardEvent) => {\n if (ev.code === EVENT_CODE.enter) emit('tabAdd');\n }}\n >\n {__props.addIconCfg?.icon ? <VftIcon {...__props.addIconCfg}></VftIcon> : null}\n </span>\n ) : null;\n\ndefineRender(() => {\n return (\n <div\n ref={el$}\n class={[\n ns.e('nav-wrap'),\n ns.is('scrollable', !!scrollable.value),\n ns.is(rootTabs.props.tabPosition!)\n ]}\n >\n {scrollBtn.value}\n <div class={ns.e('nav-scroll')} ref={navScroll$}>\n <div\n class={[\n ns.e('nav'),\n ns.is(rootTabs.props.tabPosition!),\n ns.is(\n 'stretch',\n __props.stretch &&\n ['top', 'bottom'].includes(rootTabs.props.tabPosition!)\n )\n ]}\n ref={nav$}\n style={navStyle.value}\n role=\"tablist\"\n onKeydown={changeTab}\n >\n {...[\n !__props.type ? <TabBar tabs={[...__props.panes]} /> : null,\n tabs.value\n ]}\n </div>\n {newButton}\n </div>\n </div>\n );\n});\n</script>\n"],"names":["ns_nav","useNamespace","__default__","DO_defineComponent","name","b","vm","getCurrentInstance","rootTabs","inject","TabsRootContextKey","throwError","ns","visibility","useDocumentVisibility","focused","useWindowFocus","el$","ref","navScroll$","nav$","scrollable","navOffset","isFocus","focusable","sizeName","computed","includes","props","tabPosition","navStyle","transform","value","scrollPrev","containerSize","capitalize","currentOffset","scrollNext","navSize","scrollToActiveTab","nav","nextTick","activeTab","querySelector","navScroll","isHorizontal","activeTabBounding","getBoundingClientRect","navScrollBounding","maxOffset","offsetWidth","width","offsetHeight","height","newOffset","left","right","top","bottom","Math","max","min","update","prev","next","changeTab","e","code","up","down","EVENT_CODE","tabList","Array","from","currentTarget","querySelectorAll","currentIndex","indexOf","target","nextIndex","length","focus","click","setFocus","removeFocus","watch","setTimeout","useResizeObserver","onMounted","onUpdated","expose","__props","panes","flush","scrollBtn","_createVNode","is","arrowLeftIconCfg","icon","VftIcon","arrowRightIconCfg","tabs","map","pane","index","uid","disabled","tabName","closable","isClosable","editable","btnClose","ev","emit","closeIconCfg","tabLabelContent","slots","label","tabindex","active","onFocus","onBlur","event","preventDefault","delete","backspace","newButton","addable","onClick","enter","addIconCfg","stretch","type","TabBar"],"mappings":"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"}

package/es/components/tabs/tab-pane.vue2.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tab-pane.vue2.mjs","sources":["../../../../../packages/components/tabs/tab-pane.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('tab-pane')\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 { throwError } from '@vft-ui/utils';\nimport { type TabsPaneContext, TabsRootContextKey } from './types';\nimport { useNamespace } from '@vft-ui/hooks';\nimport {\n computed,\n getCurrentInstance,\n inject,\n onMounted,\n onUnmounted,\n reactive,\n ref,\n useSlots,\n watch\n} from 'vue';\nimport { eagerComputed } from '@vueuse/core';\n\ninterface TabPaneProps {\n /** 选项卡标题 */\n label?: string;\n /** 与选项卡绑定值 value 对应的标识符，表示选项卡别名 */\n name?: Numberish;\n /** 标签是否可关闭 */\n closable?: boolean;\n /** 是否禁用 */\n disabled?: boolean;\n /** 标签是否延迟渲染 */\n lazy?: boolean;\n}\n\ndefineProps({\n \"label\": null,\n \"name\": null,\n \"closable\": { type: Boolean, },\n \"disabled\": { type: Boolean, },\n \"lazy\": { type: Boolean, }\n})\n\n\n\n;\n\nconst vm = getCurrentInstance()!;\n\nconst slots = useSlots();\n\nconst tabsRoot = inject(TabsRootContextKey)!;\n\nif (!tabsRoot)\n\tthrowError(ns.b(), 'usage: <vft-tabs><vft-tab-pane /></vft-tabs/>')\n\nconst index = ref<string>();\n// 可关闭\nconst isClosable = computed(() => __props.closable || tabsRoot.props.closable);\n// 激活\nconst active = eagerComputed(() => {\n return tabsRoot.currentName.value === (__props.name ?? index.value);\n});\n\nconst loaded = ref(active.value);\n\nconst paneName = computed(() => __props.name ?? index.value);\n\nconst shouldBeRender = eagerComputed(() => {\n return !__props.lazy || loaded.value || active.value;\n});\n\nwatch(active, (val) => {\n if (val) loaded.value = true;\n});\n\nconst pane = reactive({\n uid: vm.uid,\n slots,\n props: vm.props as unknown as TabPaneProps,\n paneName,\n active,\n index,\n isClosable,\n attrs: vm.attrs\n});\n\n\nonMounted(() => {\n tabsRoot.registerPane(pane as TabsPaneContext);\n});\n\nonUnmounted(() => {\n tabsRoot.unregisterPane(pane.uid);\n});\n</script>\n\n<template>\n <div v-if=\"shouldBeRender\" v-show=\"active\" :id=\"`pane-${paneName}`\" :class=\"ns.b()\"\n role=\"tabpanel\" :aria-hidden=\"!active\" :aria-labelledby=\"`tab-${paneName}`\">\n <slot />\n </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","vm","getCurrentInstance","slots","useSlots","tabsRoot","inject","TabsRootContextKey","throwError","index","ref","isClosable","computed","__props","active","eagerComputed","loaded","paneName","shouldBeRender","watch","val","pane","reactive","onMounted","onUnmounted"],"mappings":";;;;;;;;;;oDACMA;AAAA;AAAA,EAAuBC,EAAa,UAAU;AAAA,GAGpDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;;AA2CD,UAAMI,IAAKC,KAELC,IAAQC,KAERC,IAAWC,EAAOC,CAAkB;AAE1C,IAAKF,KACOG,EAAAX,EAAG,EAAE,GAAG,+CAA+C;AAEnE,UAAMY,IAAQC,KAERC,IAAaC,EAAS,MAAMC,EAAQ,YAAYR,EAAS,MAAM,QAAQ,GAEvES,IAASC,EAAc,MACpBV,EAAS,YAAY,WAAWQ,EAAQ,QAAQJ,EAAM,MAC9D,GAEKO,IAASN,EAAII,EAAO,KAAK,GAEzBG,IAAWL,EAAS,MAAMC,EAAQ,QAAQJ,EAAM,KAAK,GAErDS,IAAiBH,EAAc,MAC5B,CAACF,EAAQ,QAAQG,EAAO,SAASF,EAAO,KAChD;AAEK,IAAAK,EAAAL,GAAQ,CAACM,MAAQ;AACjB,MAAAA,MAAKJ,EAAO,QAAQ;AAAA,IAAA,CACzB;AAED,UAAMK,IAAOC,EAAS;AAAA,MACpB,KAAKrB,EAAG;AAAA,MACR,OAAAE;AAAA,MACA,OAAOF,EAAG;AAAA,MACV,UAAAgB;AAAA,MACA,QAAAH;AAAA,MACA,OAAAL;AAAA,MACA,YAAAE;AAAA,MACA,OAAOV,EAAG;AAAA,IAAA,CACX;AAGD,WAAAsB,EAAU,MAAM;AACd,MAAAlB,EAAS,aAAagB,CAAuB;AAAA,IAAA,CAC9C,GAEDG,EAAY,MAAM;AACP,MAAAnB,EAAA,eAAegB,EAAK,GAAG;AAAA,IAAA,CACjC;;;;;;;;;;;;;;"}

package/es/components/tabs/tabs.vue2.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tabs.vue2.mjs","sources":["../../../../../packages/components/tabs/tabs.vue"],"sourcesContent":["<script lang=\"tsx\">\nconst ns = /* hoist-static*/ useNamespace('tabs')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n name: ns.b()\n});</script>\n<script setup lang=\"tsx\">\nimport { type IconProps } from '@vft-ui/components';\nimport { useNamespace, useOrderedChildren } from '@vft-ui/hooks';\nimport { UPDATE_MODEL_EVENT } from '@vft/constants';\nimport { isNumberish, isUndefined } from '@vft/utils';\nimport { computed, getCurrentInstance, nextTick, provide, ref, useSlots, watch } from 'vue';\nimport TabNav from './tab-nav.vue';\nimport { type TabsPaneContext, type TabsProps, TabsRootContextKey, type TabsType } from './types';\n\ninterface TabsProps {\n /** 风格类型 */\n type?: TabsType;\n /** 标签是否可关闭 */\n closable?: boolean;\n /** 标签是否可增加 */\n addable?: boolean;\n /** 绑定值，选中选项卡的 name */\n modelValue: Numberish;\n /** 标签是否同时可增加和关闭 */\n editable?: boolean;\n /** 选项卡所在位置 */\n tabPosition?: 'top' | 'right' | 'bottom' | 'left';\n /** 切换标签之前的钩子函数，若返回 false 或者返回被 reject 的 Promise，则阻止切换 */\n beforeLeave?: Function;\n /** 是否自动撑开宽度 */\n stretch?: boolean;\n /** icon 配置 */\n closeIconCfg?: IconProps;\n addIconCfg?: IconProps;\n arrowLeftIconCfg?: IconProps;\n arrowRightIconCfg?: IconProps;\n}\n\ndefineProps({\n \"type\": { default: '' },\n \"closable\": { type: Boolean, },\n \"addable\": { type: Boolean, default: false },\n \"modelValue\": null,\n \"editable\": { type: Boolean, },\n \"tabPosition\": { default: 'top' },\n \"beforeLeave\": { type: Function, },\n \"stretch\": { type: Boolean, },\n \"closeIconCfg\": null,\n \"addIconCfg\": null,\n \"arrowLeftIconCfg\": null,\n \"arrowRightIconCfg\": null\n})\n\nconst emit = defineEmits({\n [UPDATE_MODEL_EVENT]: (name: Numberish) => isNumberish(name),\n /** 点击 */\n tabClick: (pane: TabsPaneContext, ev: Event) => ev instanceof Event,\n /** 右键点击 */\n tabContextMenu: (pane: TabsPaneContext, index: number, ev: Event) => ev instanceof Event,\n tabChange: (name: Numberish) => isNumberish(name),\n edit: (paneName: Numberish | undefined, action: 'remove' | 'add') =>\n ['remove', 'add'].includes(action),\n /** 移除 */\n tabRemove: (name: Numberish) => isNumberish(name),\n /** 增加 */\n tabAdd: () => true\n});\n\n\n\n;\n\nconst vm = getCurrentInstance()!;\n\nconst slots = useSlots();\n\n// tab-nav 实例\nconst nav$ = ref();\n\n// 默认的激活的 tab\nconst currentName = ref<Numberish>(__props.modelValue ?? '0');\n\n// 更新当前 current tab 触发 tabChange 以及更新 modelValue\nconst changeCurrentName = (value: Numberish) => {\n currentName.value = value;\n emit('update:modelValue', value);\n emit('tabChange', value);\n};\n\n// value 值为当前点击的 tab 值\nconst setCurrentName = async (value?: Numberish) => {\n // 如果 currentName 等于原值，或者 value 不存在，不执行\n if (currentName.value === value || isUndefined(value)) return;\n\n try {\n // 切换标签之前的钩子函数，若返回 false 或者返回被 reject 的 Promise，则阻止切换 */\n const canLeave = await __props.beforeLeave?.(value, currentName.value);\n if (canLeave !== false) {\n // 更新 tab 值\n changeCurrentName(value);\n //\n nav$.value?.removeFocus?.();\n }\n } catch {}\n};\n\n/**\n * @description tab 点击事件\n * @author wfd\n * @date 2022/10/18 09:07\n * @example\n * @param {TabsPaneContext} tab 当前被点击的 tab 信息\n * @param {Numberish} tabName 被点击的 tab 值\n * @param {Event} event\n */\nconst handleTabClick = (tab: TabsPaneContext, tabName: Numberish, event: Event) => {\n // 如果 TabPaneProps 中设置了 disabled 则禁止点击\n if (tab.props.disabled) return;\n // 更新 currentName\n setCurrentName(tabName);\n // 抛出 tabClick 事件\n emit('tabClick', tab, event);\n};\n\nconst handleTabRemove = (pane: TabsPaneContext, ev: Event) => {\n if (pane.props.disabled || isUndefined(pane.props.name)) return;\n ev.stopPropagation();\n emit('edit', pane.props.name, 'remove');\n emit('tabRemove', pane.props.name);\n};\n\n// 监听 modelValue 改变触发改变 currentName\nwatch(\n () => __props.modelValue,\n (modelValue) => setCurrentName(modelValue)\n);\n\n// 当前激活的 tab 变化触发 nav$ scrollToActiveTab 方法\nwatch(currentName, async () => {\n await nextTick();\n nav$.value?.scrollToActiveTab();\n});\n\n// 增加 tab 事件\nconst handleTabAdd = () => {\n emit('edit', undefined, 'add');\n emit('tabAdd');\n};\n\nconst handleContextmenu = (pane: TabsPaneContext, index: number, ev: Event) => {\n emit('tabContextMenu', pane, index, ev);\n};\n\n// 默认渲染的内容区域\nconst panels = computed(() => {\n return <div class={ns.e('content')}>{slots.default?.()}</div>;\n});\n\n// 找出当前 tab 组件下 vft-tab-pane 的组件实例对象\nconst { children: panes, addChild: registerPane, removeChild: unregisterPane } = useOrderedChildren<TabsPaneContext>(getCurrentInstance()!, 'vft-tab-pane');\n\nprovide(TabsRootContextKey, {\n props: vm.props as unknown as TabsProps,\n currentName,\n registerPane,\n unregisterPane\n});\n\ndefineExpose({\n currentName\n});\n\n// 图标相关\nconst _addIconCfg = computed(() => {\n return {\n icon: 'vi-add',\n color: 'black',\n size: 12,\n ...__props.addIconCfg\n };\n});\n\nconst _closeIconCfg = computed(() => {\n return {\n icon: 'vi-close',\n size: 12,\n ...__props.closeIconCfg\n };\n});\n\nconst _arrowLeftIconCfg = computed(() => {\n return {\n icon: 'vi-arrow-left',\n size: 18,\n ...__props.arrowLeftIconCfg\n };\n});\n\nconst _arrowRightIconCfg = computed(() => {\n return {\n icon: 'vi-arrow-right',\n size: 18,\n ...__props.arrowRightIconCfg\n };\n});\n\nconst header = computed(() => {\n return (\n <div class={[ns.e('header'), ns.is(__props.tabPosition)]}>\n <TabNav\n ref={nav$}\n currentName={currentName.value}\n panes={panes.value}\n stretch={__props.stretch}\n closeIconCfg={_closeIconCfg.value}\n addIconCfg={_addIconCfg.value}\n arrowRightIconCfg={_arrowRightIconCfg.value}\n arrowLeftIconCfg={_arrowLeftIconCfg.value}\n editable={__props.editable}\n addable={__props.addable}\n type={__props.type}\n onTabClick={handleTabClick}\n onTabRemove={handleTabRemove}\n onTabAdd={handleTabAdd}\n onTabContextmenu={handleContextmenu}\n />\n {slots.headerRight?.()}\n </div>\n );\n});\n\ndefineRender(() => {\n return (\n <div\n class={[\n ns.b(),\n ns.m(__props.tabPosition),\n {\n [ns.m('card')]: __props.type === 'card',\n [ns.m('border-card')]: __props.type === 'border-card'\n }\n ]}\n >\n {...__props.tabPosition !== 'bottom' ? [header.value, panels.value] : [panels.value, header.value]}\n </div>\n );\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","name","b","vm","getCurrentInstance","slots","useSlots","nav$","ref","currentName","__props","modelValue","changeCurrentName","value","emit","setCurrentName","isUndefined","beforeLeave","removeFocus","handleTabClick","tab","tabName","event","props","disabled","handleTabRemove","pane","ev","stopPropagation","watch","nextTick","scrollToActiveTab","handleTabAdd","undefined","handleContextmenu","index","panels","computed","_createVNode","e","default","children","panes","addChild","registerPane","removeChild","unregisterPane","useOrderedChildren","provide","TabsRootContextKey","expose","_addIconCfg","icon","color","size","addIconCfg","_closeIconCfg","closeIconCfg","_arrowLeftIconCfg","arrowLeftIconCfg","_arrowRightIconCfg","arrowRightIconCfg","header","is","tabPosition","TabNav","stretch","editable","addable","type","headerRight","m"],"mappings":"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"}

package/es/components/tabs/types.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"types.mjs","sources":["../../../../../packages/components/tabs/types.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey, Ref, Slots, UnwrapRef } from 'vue';\nimport { type IconProps } from '@vft-ui/components';\n\nexport type TabsPaneContext = UnwrapRef<{\n uid: number;\n slots: Slots;\n props: TabPaneProps;\n paneName: ComputedRef<string | number | undefined>;\n active: ComputedRef<boolean>;\n index: Ref<string | undefined>;\n isClosable: ComputedRef<boolean>;\n attrs: Record<string, any>;\n}>;\n\nexport type TabsType = 'card' | 'border-card' | '';\n\nexport interface TabsRootContext {\n props: TabsProps;\n currentName: Ref<string | number>;\n registerPane: (pane: TabsPaneContext) => void;\n unregisterPane: (uid: number) => void;\n}\n\nexport interface TabPaneProps {\n /** 选项卡标题 */\n label: string;\n /** 与选项卡绑定值 value 对应的标识符，表示选项卡别名 */\n name: Numberish;\n /** 标签是否可关闭 */\n closable: boolean;\n /** 是否禁用 */\n disabled: boolean;\n /** 标签是否延迟渲染 */\n lazy: boolean;\n}\n\nexport interface TabsProps {\n /** 风格类型 */\n type?: TabsType;\n /** 标签是否可关闭 */\n closable?: boolean;\n /** 标签是否可增加 */\n addable?: boolean;\n /** 绑定值，选中选项卡的 name */\n modelValue: Numberish;\n /** 标签是否同时可增加和关闭 */\n editable?: boolean;\n /** 选项卡所在位置 */\n tabPosition?: 'top' | 'right' | 'bottom' | 'left';\n /** 切换标签之前的钩子函数，若返回 false 或者返回被 reject 的 Promise，则阻止切换 */\n beforeLeave?: Function;\n stretch?: boolean;\n closeIconCfg?: IconProps;\n addIconCfg?: IconProps;\n arrowLeftIconCfg?: IconProps;\n arrowRightIconCfg?: IconProps;\n}\n\nexport const TabsRootContextKey: InjectionKey<TabsRootContext> = Symbol('tabsRootContextKey');\n\nexport interface Scrollable {\n next?: boolean;\n prev?: number;\n}\n\nexport type TabsPanes = Record<number, TabsPaneContext>;\n"],"names":["TabsRootContextKey"],"mappings":"AA0Da,MAAAA,IAAoD,OAAO,oBAAoB;"}

package/es/components/tooltip/constants.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"constants.mjs","sources":["../../../../../packages/components/tooltip/constants.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue';\n\nexport type Arrayable<T> = T | T[];\nexport type TooltipTriggerType = 'hover' | 'focus' | 'click' | 'contextmenu';\n\nexport type VftTooltipInjectionContext = {\n controlled: Ref<boolean>\n id: Ref<string>\n open: Ref<boolean>\n trigger: Ref<Arrayable<TooltipTriggerType>>\n onOpen: (e?: Event) => void\n onClose: (e?: Event) => void\n onToggle: (e: Event) => void\n onShow: () => void\n onHide: () => void\n onBeforeShow: () => void\n onBeforeHide: () => void\n updatePopper: () => void\n}\n\nexport const TOOLTIP_INJECTION_KEY: InjectionKey<VftTooltipInjectionContext> = Symbol('vftTooltip');\n"],"names":["TOOLTIP_INJECTION_KEY"],"mappings":"AAoBa,MAAAA,IAAkE,OAAO,YAAY;"}

package/es/components/tooltip/content.vue2.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"content.vue2.mjs","sources":["../../../../../packages/components/tooltip/content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'VftTooltipContent',\n\tinheritAttrs: false\n});\n</script>\n<template>\n\t<teleport :disabled=\"!teleported\" :to=\"_appendTo\">\n\t\t<transition\n\t\t\t\t:name=\"transitionClass\"\n\t\t\t\t@after-leave=\"onTransitionLeave\"\n\t\t\t\t@before-enter=\"onBeforeEnter\"\n\t\t\t\t@after-enter=\"onAfterShow\"\n\t\t\t\t@before-leave=\"onBeforeLeave\"\n\t\t>\n\t\t\t<vft-popper-content\n\t\t\t\t\tv-if=\"shouldRender\"\n\t\t\t\t\tv-show=\"shouldShow\"\n\t\t\t\t\t:id=\"id\"\n\t\t\t\t\tref=\"contentRef\"\n\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t:aria-label=\"ariaLabel\"\n\t\t\t\t\t:aria-hidden=\"ariaHidden\"\n\t\t\t\t\t:boundaries-padding=\"boundariesPadding\"\n\t\t\t\t\t:fallback-placements=\"fallbackPlacements\"\n\t\t\t\t\t:gpu-acceleration=\"gpuAcceleration\"\n\t\t\t\t\t:offset=\"offset\"\n\t\t\t\t\t:placement=\"placement\"\n\t\t\t\t\t:popper-options=\"popperOptions\"\n\t\t\t\t\t:strategy=\"strategy\"\n\t\t\t\t\t:effect=\"effect\"\n\t\t\t\t\t:enterable=\"enterable\"\n\t\t\t\t\t:pure=\"pure\"\n\t\t\t\t\t:popper-class=\"popperClass\"\n\t\t\t\t\t:popper-style=\"[popperStyle, contentStyle]\"\n\t\t\t\t\t:reference-el=\"referenceEl\"\n\t\t\t\t\t:trigger-target-el=\"triggerTargetEl\"\n\t\t\t\t\t:visible=\"shouldShow\"\n\t\t\t\t\t:z-index=\"zIndex\"\n\t\t\t\t\t@mouseenter=\"onContentEnter\"\n\t\t\t\t\t@mouseleave=\"onContentLeave\"\n\t\t\t\t\t@blur=\"onBlur\"\n\t\t\t\t\t@close=\"onClose\"\n\t\t\t>\n\t\t\t\t<template v-if=\"!destroyed\">\n\t\t\t\t\t<slot />\n\t\t\t\t</template>\n\t\t\t</vft-popper-content>\n\t\t</transition>\n\t</teleport>\n</template>\n\n<script lang=\"ts\" setup>\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { Options, Placement } from '@popperjs/core';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { computed, inject, onBeforeUnmount, ref, type StyleValue, unref, watch } from 'vue';\nimport { onClickOutside } from '@vueuse/core';\nimport { usePopperContainerId } from '@vft-ui/hooks';\nimport { composeEventHandlers } from '@vft-ui/utils';\nimport { VftPopperContent } from '@vft-ui/components/popper';\nimport { TOOLTIP_INJECTION_KEY } from './constants';\n\n;\n\ninterface ToolTipProps {\n\tboundariesPadding?: number;\n\tfallbackPlacements?: Placement[];\n\tgpuAcceleration?: boolean;\n\toffset?: number;\n\tplacement?: Placement;\n\tpopperOptions?: Partial<Options>;\n\tstrategy?: 'fixed' | 'absolute';\n\tstyle?: StyleValue;\n\tclassName?: ClassType;\n\teffect?: string;\n\tenterable?: boolean;\n\tpure?: boolean;\n\tfocusOnShow?: boolean;\n\ttrapping?: boolean;\n\tpopperClass?: ClassType;\n\tpopperStyle?: StyleValue;\n\treferenceEl?: HTMLElement;\n\ttriggerTargetEl?: HTMLElement;\n\tstopPopperMouseEvent?: boolean;\n\tvirtualTriggering?: boolean;\n\tzIndex?: number;\n\t// ---- useDelayedToggleProps\n\tshowAfter?: number;\n\thideAfter?: number;\n\t// ---- tooltip content\n\tappendTo?: HTMLElement | string;\n\tcontent?: string;\n\trawContent?: boolean;\n\tpersistent?: boolean;\n\tariaLabel?: string;\n\tvisible?: boolean;\n\ttransition?: string;\n\tteleported?: boolean;\n\tdisabled?: boolean;\n}\n\ndefineProps({\n \"boundariesPadding\": { default: 0 },\n \"fallbackPlacements\": null,\n \"gpuAcceleration\": { type: Boolean, default: true },\n \"offset\": { default: 12 },\n \"placement\": { default: 'bottom' },\n \"popperOptions\": { default: {} },\n \"strategy\": { default: 'absolute' },\n \"style\": null,\n \"className\": null,\n \"effect\": { default: 'dark' },\n \"enterable\": { type: Boolean, default: true },\n \"pure\": { type: Boolean, },\n \"focusOnShow\": { type: Boolean, default: false },\n \"trapping\": { type: Boolean, default: false },\n \"popperClass\": null,\n \"popperStyle\": null,\n \"referenceEl\": null,\n \"triggerTargetEl\": null,\n \"stopPopperMouseEvent\": { type: Boolean, default: true },\n \"virtualTriggering\": { type: Boolean, },\n \"zIndex\": null,\n \"showAfter\": { default: 0 },\n \"hideAfter\": { default: 200 },\n \"appendTo\": null,\n \"content\": { default: '' },\n \"rawContent\": { type: Boolean, default: false },\n \"persistent\": { type: Boolean, },\n \"ariaLabel\": null,\n \"visible\": { type: Boolean, default: null },\n \"transition\": { default: 'vft-fade-in-linear' },\n \"teleported\": { type: Boolean, default: true },\n \"disabled\": { type: Boolean, }\n})\n\nconst { selector } = usePopperContainerId();\nconst ns = useNamespace('tooltip');\n// TODO any is temporary, replace with `InstanceType<typeof ElPopperContent> | null` later\nconst contentRef = ref<any>(null);\nconst destroyed = ref(false);\nconst {\n\tcontrolled,\n\tid,\n\topen,\n\ttrigger,\n\tonClose,\n\tonOpen,\n\tonShow,\n\tonHide,\n\tonBeforeShow,\n\tonBeforeHide,\n} = inject(TOOLTIP_INJECTION_KEY, undefined)!;\n\nconst transitionClass = computed(() => {\n\treturn __props.transition || `${ns.namespace.value}-fade-in-linear`;\n});\n\nconst persistentRef = computed(() => {\n\t// For testing, we would always want the content to be rendered\n\t// to the DOM, so we need to return true here.\n\tif (process.env.NODE_ENV === 'test') {\n\t\treturn true\n\t}\n\treturn __props.persistent\n})\n\nonBeforeUnmount(() => {\n\tdestroyed.value = true\n})\n\nconst shouldRender = computed(() => {\n\treturn unref(persistentRef) ? true : unref(open)\n})\n\nconst shouldShow = computed(() => {\n\treturn __props.disabled ? false : unref(open)\n})\n\nconst _appendTo = computed(() => {\n\treturn __props.appendTo || selector.value\n})\n\nconst contentStyle = computed(() => (__props.style ?? {}) as any)\n\nconst ariaHidden = computed(() => !unref(open))\n\nconst onTransitionLeave = () => {\n\tonHide()\n}\n\nconst stopWhenControlled = () => {\n\tif (unref(controlled)) return true\n}\n\nconst onContentEnter = composeEventHandlers(stopWhenControlled, () => {\n\tif (__props.enterable && unref(trigger) === 'hover') {\n\t\tonOpen()\n\t}\n})\n\nconst onContentLeave = composeEventHandlers(stopWhenControlled, () => {\n\tif (unref(trigger) === 'hover') {\n\t\tonClose()\n\t}\n})\n\nconst onBeforeEnter = () => {\n\tcontentRef.value?.updatePopper?.()\n\tonBeforeShow?.()\n}\n\nconst onBeforeLeave = () => {\n\tonBeforeHide?.()\n}\n\nconst onAfterShow = () => {\n\tonShow()\n\tstopHandle = onClickOutside(\n\t\tcomputed(() => {\n\t\t\treturn contentRef.value?.popperContentRef\n\t\t}),\n\t\t() => {\n\t\t\tif (unref(controlled)) return\n\t\t\tconst $trigger = unref(trigger)\n\t\t\tif ($trigger !== 'hover') {\n\t\t\t\tonClose()\n\t\t\t}\n\t\t}\n\t)\n}\n\nconst onBlur = () => {\n\tif (!__props.virtualTriggering) {\n\t\tonClose()\n\t}\n}\n\nlet stopHandle: ReturnType<typeof onClickOutside>\n\nwatch(\n\t() => unref(open),\n\t(val) => {\n\t\tif (!val) {\n\t\t\tstopHandle?.()\n\t\t}\n\t},\n\t{\n\t\tflush: 'post',\n\t}\n)\n\nwatch(\n\t() => __props.content,\n\t() => {\n\t\tcontentRef.value?.updatePopper?.()\n\t}\n)\n\ndefineExpose({\n\t/**\n\t * @description el-popper-content component instance\n\t */\n\tcontentRef,\n})\n</script>\n"],"names":["__default__","DO_defineComponent","selector","usePopperContainerId","ns","useNamespace","contentRef","ref","destroyed","controlled","id","open","trigger","onClose","onOpen","onShow","onHide","onBeforeShow","onBeforeHide","inject","TOOLTIP_INJECTION_KEY","transitionClass","computed","__props","persistentRef","onBeforeUnmount","shouldRender","unref","shouldShow","_appendTo","contentStyle","ariaHidden","onTransitionLeave","stopWhenControlled","onContentEnter","composeEventHandlers","onContentLeave","onBeforeEnter","_b","_a","onBeforeLeave","onAfterShow","stopHandle","onClickOutside","onBlur","watch","val","expose"],"mappings":";;;;;;;;;;;;;AAEA,MAAAA,KAA6BC,EAAmB;AAAA,EAC/C,MAAM;AAAA,EACN,cAAc;AACf,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqIK,UAAA,EAAE,UAAAC,MAAaC,MACfC,IAAKC,EAAa,SAAS,GAE3BC,IAAaC,EAAS,IAAI,GAC1BC,IAAYD,EAAI,EAAK,GACrB;AAAA,MACL,YAAAE;AAAA,MACA,IAAAC;AAAA,MACA,MAAAC;AAAA,MACA,SAAAC;AAAA,MACA,SAAAC;AAAA,MACA,QAAAC;AAAA,MACA,QAAAC;AAAA,MACA,QAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,IACD,IAAIC,EAAOC,IAAuB,MAAS,GAErCC,IAAkBC,EAAS,MACzBC,EAAQ,cAAc,GAAGnB,EAAG,UAAU,sBAC7C,GAEKoB,IAAgBF,EAAS,MAG1B,QAAQ,IAAI,aAAa,SACrB,KAEDC,EAAQ,UACf;AAED,IAAAE,EAAgB,MAAM;AACrB,MAAAjB,EAAU,QAAQ;AAAA,IAAA,CAClB;AAEK,UAAAkB,IAAeJ,EAAS,MACtBK,EAAMH,CAAa,IAAI,KAAOG,EAAMhB,CAAI,CAC/C,GAEKiB,IAAaN,EAAS,MACpBC,EAAQ,WAAW,KAAQI,EAAMhB,CAAI,CAC5C,GAEKkB,IAAYP,EAAS,MACnBC,EAAQ,YAAYrB,EAAS,KACpC,GAEK4B,IAAeR,EAAS,MAAOC,EAAQ,SAAS,CAAU,CAAA,GAE1DQ,IAAaT,EAAS,MAAM,CAACK,EAAMhB,CAAI,CAAC,GAExCqB,IAAoB,MAAM;AACxB,MAAAhB;IAAA,GAGFiB,IAAqB,MAAM;AAChC,UAAIN,EAAMlB,CAAU;AAAU,eAAA;AAAA,IAAA,GAGzByB,IAAiBC,EAAqBF,GAAoB,MAAM;AACrE,MAAIV,EAAQ,aAAaI,EAAMf,CAAO,MAAM,WACpCE;IACR,CACA,GAEKsB,IAAiBD,EAAqBF,GAAoB,MAAM;AACjE,MAAAN,EAAMf,CAAO,MAAM,WACdC;IACT,CACA,GAEKwB,IAAgB,MAAM;;AAC3B,OAAAC,KAAAC,IAAAjC,EAAW,UAAX,gBAAAiC,EAAkB,iBAAlB,QAAAD,EAAA,KAAAC,IACetB,KAAA,QAAAA;AAAA,IAAA,GAGVuB,IAAgB,MAAM;AACZ,MAAAtB,KAAA,QAAAA;AAAA,IAAA,GAGVuB,IAAc,MAAM;AAClB,MAAA1B,KACM2B,IAAAC;AAAA,QACZrB,EAAS,MAAM;;AACd,kBAAOiB,IAAAjC,EAAW,UAAX,gBAAAiC,EAAkB;AAAA,QAAA,CACzB;AAAA,QACD,MAAM;AACL,cAAIZ,EAAMlB,CAAU;AAAG;AAEvB,UADiBkB,EAAMf,CAAO,MACb,WACRC;QAEV;AAAA,MAAA;AAAA,IACD,GAGK+B,IAAS,MAAM;AAChB,MAACrB,EAAQ,qBACJV;IACT;AAGG,QAAA6B;AAEJ,WAAAG;AAAA,MACC,MAAMlB,EAAMhB,CAAI;AAAA,MAChB,CAACmC,MAAQ;AACR,QAAKA,KACSJ,KAAA,QAAAA;AAAA,MAEf;AAAA,MACA;AAAA,QACC,OAAO;AAAA,MACR;AAAA,IAAA,GAGDG;AAAA,MACC,MAAMtB,EAAQ;AAAA,MACd,MAAM;;AACL,SAAAe,KAAAC,IAAAjC,EAAW,UAAX,gBAAAiC,EAAkB,iBAAlB,QAAAD,EAAA,KAAAC;AAAA,MACD;AAAA,IAAA,GAGYQ,EAAA;AAAA;AAAA;AAAA;AAAA,MAIZ,YAAAzC;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/tooltip/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/components/tooltip/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\nimport Tooltip from './tooltip.vue'\n\nexport const VftTooltip = withInstall(Tooltip)\nexport default VftTooltip\n\nexport * from './types'\n"],"names":["VftTooltip","withInstall","Tooltip"],"mappings":";;;;;AAGa,MAAAA,IAAaC,EAAYC,CAAO;"}

package/es/components/tooltip/tooltip.vue2.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tooltip.vue2.mjs","sources":["../../../../../packages/components/tooltip/tooltip.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'vft-tooltip'\n});\n</script>\n<template>\n\t<vft-popper ref=\"popperRef\" :role=\"role\">\n\t\t<tooltip-trigger :disabled=\"disabled\"\n\t\t\t\t:trigger=\"trigger\"\n\t\t\t\t:trigger-keys=\"triggerKeys\"\n\t\t\t\t:virtual-ref=\"virtualRef\"\n\t\t\t\t:virtual-triggering=\"virtualTriggering\">\n\t\t\t<slot v-if=\"$slots.default\" />\n\t\t</tooltip-trigger>\n\t\t<tooltip-content\n\t\t\t\tref=\"contentRef\"\n\t\t\t\t:aria-label=\"ariaLabel\"\n\t\t\t\t:boundaries-padding=\"boundariesPadding\"\n\t\t\t\t:content=\"content\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:effect=\"effect\"\n\t\t\t\t:enterable=\"enterable\"\n\t\t\t\t:fallback-placements=\"fallbackPlacements\"\n\t\t\t\t:hide-after=\"hideAfter\"\n\t\t\t\t:gpu-acceleration=\"gpuAcceleration\"\n\t\t\t\t:offset=\"offset\"\n\t\t\t\t:persistent=\"persistent\"\n\t\t\t\t:popper-class=\"popperClass\"\n\t\t\t\t:popper-style=\"popperStyle\"\n\t\t\t\t:placement=\"placement\"\n\t\t\t\t:popper-options=\"popperOptions\"\n\t\t\t\t:pure=\"pure\"\n\t\t\t\t:raw-content=\"rawContent\"\n\t\t\t\t:reference-el=\"referenceEl\"\n\t\t\t\t:trigger-target-el=\"triggerTargetEl\"\n\t\t\t\t:show-after=\"showAfter\"\n\t\t\t\t:strategy=\"strategy\"\n\t\t\t\t:teleported=\"teleported\"\n\t\t\t\t:transition=\"transition\"\n\t\t\t\t:virtual-triggering=\"virtualTriggering\"\n\t\t\t\t:z-index=\"zIndex\"\n\t\t\t\t:append-to=\"appendTo\"\n\t\t>\n\t\t\t<slot name=\"content\">\n\t\t\t\t<span v-if=\"rawContent\" v-html=\"content\" />\n\t\t\t\t<span v-else>{{ content }}</span>\n\t\t\t</slot>\n\t\t\t<vft-popper-arrow v-if=\"showArrow\" :arrow-offset=\"arrowOffset\" />\n\t\t</tooltip-content>\n\t</vft-popper>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { Options, Placement } from '@popperjs/core';\nimport { EVENT_CODE } from '@vft/constants';\nimport { computed, onDeactivated, provide, readonly, ref, type StyleValue, unref, watch } from 'vue';\nimport { VftPopper, VftPopperArrow, type Measurable } from '@vft-ui/components/popper';\n\nimport { isBoolean } from '@vft/utils';\nimport { useDelayedToggle, useId, usePopperContainer } from '@vft-ui/hooks';\nimport { TOOLTIP_INJECTION_KEY } from './constants';\nimport TooltipTrigger from './trigger.vue';\nimport TooltipContent from './content.vue';\nimport type { TooltipTriggerType } from './types';\nimport { useTooltipModelToggle } from './utils';\n\n;\n\nexport interface ToolTipProps {\n\trole?: 'dialog' | 'grid' | 'group' | 'listbox' | 'menu' | 'navigation' | 'tooltip' | 'tree';\n\tshowArrow?: boolean;\n\tarrowOffset?: number;\n\tvirtualRef?: Measurable;\n\tvirtualTriggering?: boolean;\n\tonMouseenter?: Function;\n\tonMouseleave?: Function;\n\tonClick?: Function;\n\tonKeydown?: Function;\n\tonFocus?: Function;\n\tonBlur?: Function;\n\tonContextmenu?: Function;\n\tid?: string;\n\topen?: boolean;\n\tboundariesPadding?: number;\n\tfallbackPlacements?: Placement[];\n\tgpuAcceleration?: boolean;\n\toffset?: number;\n\tplacement?: Placement;\n\tpopperOptions?: Partial<Options>;\n\tstrategy?: 'fixed' | 'absolute';\n\tstyle?: StyleValue;\n\tclassName?: ClassType;\n\teffect?: 'light' | 'dark';\n\tvisible?: boolean;\n\tenterable?: boolean;\n\tpure?: boolean;\n\tfocusOnShow?: boolean;\n\ttrapping?: boolean;\n\tpopperClass?: ClassType;\n\tpopperStyle?: StyleValue;\n\treferenceEl?: HTMLElement;\n\ttriggerTargetEl?: HTMLElement;\n\tstopPopperMouseEvent?: boolean;\n\tariaLabel?: string;\n\tzIndex?: number;\n\t// ==\n\tshowAfter?: number;\n\thideAfter?: number;\n\tappendTo?: HTMLElement | string;\n\tcontent?: string;\n\trawContent?: boolean;\n\tpersistent?: boolean;\n\ttransition?: string;\n\tteleported?: boolean;\n\tdisabled?: boolean;\n\ttrigger?: TooltipTriggerType;\n\ttriggerKeys?: string[];\n}\n\ndefineProps({\n \"role\": { default: 'tooltip' },\n \"showArrow\": { type: Boolean, default: true },\n \"arrowOffset\": { default: 5 },\n \"virtualRef\": null,\n \"virtualTriggering\": { type: Boolean, },\n \"onMouseenter\": { type: Function, },\n \"onMouseleave\": { type: Function, },\n \"onClick\": { type: Function, },\n \"onKeydown\": { type: Function, },\n \"onFocus\": { type: Function, },\n \"onBlur\": { type: Function, },\n \"onContextmenu\": { type: Function, },\n \"id\": null,\n \"open\": { type: Boolean, },\n \"boundariesPadding\": { default: 0 },\n \"fallbackPlacements\": null,\n \"gpuAcceleration\": { type: Boolean, default: true },\n \"offset\": { default: 12 },\n \"placement\": { default: 'bottom' },\n \"popperOptions\": { default: {} },\n \"strategy\": { default: 'absolute' },\n \"style\": null,\n \"className\": null,\n \"effect\": { default: 'dark' },\n \"visible\": { type: Boolean, default: null },\n \"enterable\": { type: Boolean, default: true },\n \"pure\": { type: Boolean, },\n \"focusOnShow\": { type: Boolean, default: false },\n \"trapping\": { type: Boolean, default: false },\n \"popperClass\": null,\n \"popperStyle\": null,\n \"referenceEl\": null,\n \"triggerTargetEl\": null,\n \"stopPopperMouseEvent\": { type: Boolean, default: true },\n \"ariaLabel\": null,\n \"zIndex\": null,\n \"showAfter\": { default: 0 },\n \"hideAfter\": { default: 200 },\n \"appendTo\": null,\n \"content\": { default: '' },\n \"rawContent\": { type: Boolean, default: false },\n \"persistent\": { type: Boolean, },\n \"transition\": { default: 'vft-fade-in-linear' },\n \"teleported\": { type: Boolean, default: true },\n \"disabled\": { type: Boolean, },\n \"trigger\": { default: 'hover' },\n \"triggerKeys\": { default: [EVENT_CODE.enter, EVENT_CODE.space] }\n})\n\nconst emit = defineEmits(['before-show', 'before-hide', 'show', 'hide', 'open', 'close']);\nusePopperContainer();\n\nconst id = useId();\n// TODO any is temporary, replace with `InstanceType<typeof ElPopper> | null` later\nconst popperRef = ref<any>();\n// TODO any is temporary, replace with `InstanceType<typeof ElTooltipContent> | null` later\nconst contentRef = ref<any>();\n\nconst updatePopper = () => {\n\tconst popperComponent = unref(popperRef);\n\tif (popperComponent) {\n\t\tpopperComponent.popperInstanceRef?.update();\n\t}\n};\nconst open = ref(false);\nconst toggleReason = ref<Event>();\n\nconst { show, hide, hasUpdateHandler } = useTooltipModelToggle({\n\tindicator: open,\n\ttoggleReason,\n});\n\nconst { onOpen, onClose } = useDelayedToggle({\n\tshowAfter: __props.showAfter,\n\thideAfter: __props.hideAfter,\n\topen: show,\n\tclose: hide\n});\n\nconst controlled = computed(() => isBoolean(__props.visible) && !hasUpdateHandler.value);\n\nprovide(TOOLTIP_INJECTION_KEY, {\n\tcontrolled,\n\tid,\n\topen: readonly(open),\n\ttrigger: __props.trigger,\n\tonOpen: (event?: Event) => {\n\t\tonOpen(event);\n\t},\n\tonClose: (event?: Event) => {\n\t\tonClose(event);\n\t},\n\tonToggle: (event?: Event) => {\n\t\tif (unref(open)) {\n\t\t\tonClose(event);\n\t\t} else {\n\t\t\tonOpen(event);\n\t\t}\n\t},\n\tonShow: () => {\n\t\temit('show', toggleReason.value);\n\t},\n\tonHide: () => {\n\t\temit('hide', toggleReason.value);\n\t},\n\tonBeforeShow: () => {\n\t\temit('before-show', toggleReason.value);\n\t},\n\tonBeforeHide: () => {\n\t\temit('before-hide', toggleReason.value);\n\t},\n\tupdatePopper,\n});\n\nwatch(\n\t() => __props.disabled,\n\t(disabled) => {\n\t\tif (disabled && open.value) {\n\t\t\topen.value = false;\n\t\t}\n\t}\n);\n\nconst isFocusInsideContent = () => {\n\tconst popperContent: HTMLElement | undefined =\n\t\tcontentRef.value?.contentRef?.popperContentRef;\n\treturn popperContent && popperContent.contains(document.activeElement);\n};\n\nonDeactivated(() => open.value && hide());\n\ndefineExpose({\n\t/**\n\t * @description el-popper component instance\n\t */\n\tpopperRef,\n\t/**\n\t * @description el-tooltip-content component instance\n\t */\n\tcontentRef,\n\t/**\n\t * @description validate current focus event is trigger inside el-tooltip-content\n\t */\n\tisFocusInsideContent,\n\t/**\n\t * @description update el-popper component instance\n\t */\n\tupdatePopper,\n\t/**\n\t * @description expose onOpen function to mange el-tooltip open state\n\t */\n\tonOpen,\n\t/**\n\t * @description expose onOpen function to mange el-tooltip open state\n\t */\n\tonClose,\n\t/**\n\t * @description expose hide function\n\t */\n\thide,\n});\n</script>\n\n"],"names":["__default__","DO_defineComponent","usePopperContainer","id","useId","popperRef","ref","contentRef","updatePopper","popperComponent","unref","_a","open","toggleReason","show","hide","hasUpdateHandler","useTooltipModelToggle","onOpen","onClose","useDelayedToggle","__props","controlled","computed","isBoolean","provide","TOOLTIP_INJECTION_KEY","readonly","event","emit","watch","disabled","isFocusInsideContent","popperContent","_b","onDeactivated","expose"],"mappings":";;;;;;;;;;;;;;;;;yCAEAA,IAA6BC,EAAmB;AAAA,EAC/C,MAAM;AACP,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKkB,IAAAC;AAEnB,UAAMC,IAAKC,KAELC,IAAYC,KAEZC,IAAaD,KAEbE,IAAe,MAAM;;AACpB,YAAAC,IAAkBC,EAAML,CAAS;AACvC,MAAII,OACHE,IAAAF,EAAgB,sBAAhB,QAAAE,EAAmC;AAAA,IACpC,GAEKC,IAAON,EAAI,EAAK,GAChBO,IAAeP,KAEf,EAAE,MAAAQ,GAAM,MAAAC,GAAM,kBAAAC,EAAA,IAAqBC,EAAsB;AAAA,MAC9D,WAAWL;AAAA,MACX,cAAAC;AAAA,IAAA,CACA,GAEK,EAAE,QAAAK,GAAQ,SAAAC,EAAQ,IAAIC,EAAiB;AAAA,MAC5C,WAAWC,EAAQ;AAAA,MACnB,WAAWA,EAAQ;AAAA,MACnB,MAAMP;AAAA,MACN,OAAOC;AAAA,IAAA,CACP,GAEKO,IAAaC,EAAS,MAAMC,EAAUH,EAAQ,OAAO,KAAK,CAACL,EAAiB,KAAK;AAEvF,IAAAS,EAAQC,GAAuB;AAAA,MAC9B,YAAAJ;AAAA,MACA,IAAAnB;AAAA,MACA,MAAMwB,EAASf,CAAI;AAAA,MACnB,SAASS,EAAQ;AAAA,MACjB,QAAQ,CAACO,MAAkB;AAC1B,QAAAV,EAAOU,CAAK;AAAA,MACb;AAAA,MACA,SAAS,CAACA,MAAkB;AAC3B,QAAAT,EAAQS,CAAK;AAAA,MACd;AAAA,MACA,UAAU,CAACA,MAAkB;AACxB,QAAAlB,EAAME,CAAI,IACbO,EAAQS,CAAK,IAEbV,EAAOU,CAAK;AAAA,MAEd;AAAA,MACA,QAAQ,MAAM;AACR,QAAAC,EAAA,QAAQhB,EAAa,KAAK;AAAA,MAChC;AAAA,MACA,QAAQ,MAAM;AACR,QAAAgB,EAAA,QAAQhB,EAAa,KAAK;AAAA,MAChC;AAAA,MACA,cAAc,MAAM;AACd,QAAAgB,EAAA,eAAehB,EAAa,KAAK;AAAA,MACvC;AAAA,MACA,cAAc,MAAM;AACd,QAAAgB,EAAA,eAAehB,EAAa,KAAK;AAAA,MACvC;AAAA,MACA,cAAAL;AAAA,IAAA,CACA,GAEDsB;AAAA,MACC,MAAMT,EAAQ;AAAA,MACd,CAACU,MAAa;AACT,QAAAA,KAAYnB,EAAK,UACpBA,EAAK,QAAQ;AAAA,MAEf;AAAA,IAAA;AAGD,UAAMoB,IAAuB,MAAM;;AAC5B,YAAAC,KACLC,KAAAvB,IAAAJ,EAAW,UAAX,gBAAAI,EAAkB,eAAlB,gBAAAuB,EAA8B;AAC/B,aAAOD,KAAiBA,EAAc,SAAS,SAAS,aAAa;AAAA,IAAA;AAGtE,WAAAE,EAAc,MAAMvB,EAAK,SAASG,EAAM,CAAA,GAE3BqB,EAAA;AAAA;AAAA;AAAA;AAAA,MAIZ,WAAA/B;AAAA;AAAA;AAAA;AAAA,MAIA,YAAAE;AAAA;AAAA;AAAA;AAAA,MAIA,sBAAAyB;AAAA;AAAA;AAAA;AAAA,MAIA,cAAAxB;AAAA;AAAA;AAAA;AAAA,MAIA,QAAAU;AAAA;AAAA;AAAA;AAAA,MAIA,SAAAC;AAAA;AAAA;AAAA;AAAA,MAIA,MAAAJ;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/tooltip/trigger.vue2.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"trigger.vue2.mjs","sources":["../../../../../packages/components/tooltip/trigger.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n name: 'VftTooltipTrigger'\n});\n</script>\n<template>\n <vft-popper-trigger\n :id=\"id\"\n :virtual-ref=\"virtualRef\"\n :open=\"open\"\n :virtual-triggering=\"virtualTriggering\"\n :class=\"ns.e('trigger')\"\n @blur=\"onBlur\"\n @click=\"onClick\"\n @contextmenu=\"onContextMenu\"\n @focus=\"onFocus\"\n @mouseenter=\"onMouseenter\"\n @mouseleave=\"onMouseleave\"\n @keydown=\"onKeydown\"\n >\n <slot />\n </vft-popper-trigger>\n</template>\n<script lang=\"ts\" setup>\nimport { EVENT_CODE } from '@vft/constants';\nimport { inject, ref, unref } from 'vue';\nimport type { Measurable } from '../popper';\nimport { VftPopperTrigger } from '@vft-ui/components/popper'\nimport { composeEventHandlers } from '../../utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { TOOLTIP_INJECTION_KEY } from './constants';\nimport { type TooltipTriggerType } from './types';\nimport { whenTrigger } from './utils';\nimport type { OnlyChildExpose } from '@vft-ui/components/slot'\n\n;\n\ninterface Props {\n disabled?: boolean\n trigger?: TooltipTriggerType\n triggerKeys?: string[]\n virtualRef?: Measurable\n virtualTriggering?: boolean\n}\n\ndefineProps({\n \"disabled\": { type: Boolean, },\n \"trigger\": { default: 'hover' },\n \"triggerKeys\": { default: [EVENT_CODE.enter, EVENT_CODE.space] },\n \"virtualRef\": null,\n \"virtualTriggering\": { type: Boolean, }\n})\n\nconst ns = useNamespace('tooltip');\nconst { controlled, id, open, onOpen, onClose, onToggle } = inject(\n TOOLTIP_INJECTION_KEY,\n undefined\n)!;\n\nconst triggerRef = ref<OnlyChildExpose | null>(null)\n\nconst stopWhenControlledOrDisabled = () => {\n\tif (unref(controlled) || __props.disabled) {\n\t\treturn true\n\t}\n}\n\nconst onMouseenter = composeEventHandlers(\n\tstopWhenControlledOrDisabled,\n\twhenTrigger(__props.trigger, 'hover', onOpen)\n)\nconst onMouseleave = composeEventHandlers(\n\tstopWhenControlledOrDisabled,\n\twhenTrigger(__props.trigger, 'hover', onClose)\n)\nconst onClick = composeEventHandlers(\n\tstopWhenControlledOrDisabled,\n\twhenTrigger(__props.trigger, 'click', (e) => {\n\t\t// distinguish left click\n\t\tif ((e as MouseEvent).button === 0) {\n\t\t\tonToggle(e)\n\t\t}\n\t})\n)\n\nconst onFocus = composeEventHandlers(\n\tstopWhenControlledOrDisabled,\n\twhenTrigger(__props.trigger, 'focus', onOpen)\n)\n\nconst onBlur = composeEventHandlers(\n\tstopWhenControlledOrDisabled,\n\twhenTrigger(__props.trigger, 'focus', onClose)\n)\n\nconst onContextMenu = composeEventHandlers(\n\tstopWhenControlledOrDisabled,\n\twhenTrigger(__props.trigger, 'contextmenu', (e: Event) => {\n\t\te.preventDefault()\n\t\tonToggle(e)\n\t})\n)\n\nconst onKeydown = composeEventHandlers(\n\tstopWhenControlledOrDisabled,\n\t(e: KeyboardEvent) => {\n\t\tconst { code } = e\n\t\tif (__props.triggerKeys.includes(code)) {\n\t\t\te.preventDefault()\n\t\t\tonToggle(e)\n\t\t}\n\t}\n)\n\ndefineExpose({\n\t/**\n\t * @description trigger element\n\t */\n\ttriggerRef,\n})\n</script>\n"],"names":["__default__","DO_defineComponent","ns","useNamespace","controlled","id","open","onOpen","onClose","onToggle","inject","TOOLTIP_INJECTION_KEY","triggerRef","ref","stopWhenControlledOrDisabled","unref","__props","onMouseenter","composeEventHandlers","whenTrigger","onMouseleave","onClick","e","onFocus","onBlur","onContextMenu","onKeydown","code","expose"],"mappings":";;;;;;;;;;;;;;AAEA,MAAAA,IAA6BC,EAAmB;AAAA,EAC9C,MAAM;AACR,CAAC;;;;;;;;;;AAkDK,UAAAC,IAAKC,EAAa,SAAS,GAC3B,EAAE,YAAAC,GAAY,IAAAC,GAAI,MAAAC,GAAM,QAAAC,GAAQ,SAAAC,GAAS,UAAAC,MAAaC;AAAA,MAC1DC;AAAA,MACA;AAAA,IAAA,GAGIC,IAAaC,EAA4B,IAAI,GAE7CC,IAA+B,MAAM;AAC1C,UAAIC,EAAMX,CAAU,KAAKY,EAAQ;AACzB,eAAA;AAAA,IACR,GAGKC,IAAeC;AAAA,MACpBJ;AAAA,MACAK,EAAYH,EAAQ,SAAS,SAAST,CAAM;AAAA,IAAA,GAEvCa,IAAeF;AAAA,MACpBJ;AAAA,MACAK,EAAYH,EAAQ,SAAS,SAASR,CAAO;AAAA,IAAA,GAExCa,IAAUH;AAAA,MACfJ;AAAA,MACAK,EAAYH,EAAQ,SAAS,SAAS,CAACM,MAAM;AAEvC,QAAAA,EAAiB,WAAW,KAChCb,EAASa,CAAC;AAAA,MACX,CACA;AAAA,IAAA,GAGIC,IAAUL;AAAA,MACfJ;AAAA,MACAK,EAAYH,EAAQ,SAAS,SAAST,CAAM;AAAA,IAAA,GAGvCiB,IAASN;AAAA,MACdJ;AAAA,MACAK,EAAYH,EAAQ,SAAS,SAASR,CAAO;AAAA,IAAA,GAGxCiB,IAAgBP;AAAA,MACrBJ;AAAA,MACAK,EAAYH,EAAQ,SAAS,eAAe,CAACM,MAAa;AACzD,QAAAA,EAAE,eAAe,GACjBb,EAASa,CAAC;AAAA,MAAA,CACV;AAAA,IAAA,GAGII,IAAYR;AAAA,MACjBJ;AAAA,MACA,CAACQ,MAAqB;AACf,cAAA,EAAE,MAAAK,EAAS,IAAAL;AACjB,QAAIN,EAAQ,YAAY,SAASW,CAAI,MACpCL,EAAE,eAAe,GACjBb,EAASa,CAAC;AAAA,MAEZ;AAAA,IAAA;AAGY,WAAAM,EAAA;AAAA;AAAA;AAAA;AAAA,MAIZ,YAAAhB;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/tooltip/utils.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.mjs","sources":["../../../../../packages/components/tooltip/utils.ts"],"sourcesContent":["import { createModelToggleComposable } from '@vft-ui/hooks';\nimport { unref } from 'vue'\nimport { isArray } from '@vft/utils'\nimport type { Arrayable } from '@vft-ui/utils'\nimport type { Ref } from 'vue'\nimport type { TooltipTriggerType } from './types';\n\nexport const isTriggerType = (\n\ttrigger: Arrayable<TooltipTriggerType>,\n\ttype: TooltipTriggerType\n) => {\n\tif (isArray(trigger)) {\n\t\treturn trigger.includes(type)\n\t}\n\treturn trigger === type\n}\n\nexport const whenTrigger = (\n\ttrigger: Ref<Arrayable<TooltipTriggerType>>,\n\ttype: TooltipTriggerType,\n\thandler: (e: Event) => void\n) => {\n\treturn (e: Event) => {\n\t\tisTriggerType(unref(trigger), type) && handler(e)\n\t}\n}\n\nexport const {\n\tuseModelToggle: useTooltipModelToggle,\n} = createModelToggleComposable('visible' as const)\n\n"],"names":["isTriggerType","trigger","type","isArray","whenTrigger","handler","e","unref","useTooltipModelToggle","createModelToggleComposable"],"mappings":";;;;;;;;AAOa,MAAAA,IAAgB,CAC5BC,GACAC,MAEIC,EAAQF,CAAO,IACXA,EAAQ,SAASC,CAAI,IAEtBD,MAAYC,GAGPE,IAAc,CAC1BH,GACAC,GACAG,MAEO,CAACC,MAAa;AACpB,EAAAN,EAAcO,EAAMN,CAAO,GAAGC,CAAI,KAAKG,EAAQC,CAAC;AAAA,GAIrC;AAAA,EACZ,gBAAgBE;AACjB,IAAIC,EAA4B,SAAkB;"}

package/es/constants/aria.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"aria.mjs","sources":["../../../../packages/constants/aria.ts"],"sourcesContent":["export const EVENT_CODE = {\n tab: 'Tab',\n enter: 'Enter',\n space: 'Space',\n left: 'ArrowLeft', // 37\n up: 'ArrowUp', // 38\n right: 'ArrowRight', // 39\n down: 'ArrowDown', // 40\n esc: 'Escape',\n delete: 'Delete',\n backspace: 'Backspace',\n numpadEnter: 'NumpadEnter',\n pageUp: 'PageUp',\n pageDown: 'PageDown',\n home: 'Home',\n end: 'End',\n}\n"],"names":["EVENT_CODE"],"mappings":"AAAO,MAAMA,IAAa;AAAA,EACxB,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA;AAAA,EACN,IAAI;AAAA;AAAA,EACJ,OAAO;AAAA;AAAA,EACP,MAAM;AAAA;AAAA,EACN,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AAAA,EACN,KAAK;AACP;"}

package/es/constants/date.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"date.mjs","sources":["../../../../packages/constants/date.ts"],"sourcesContent":["export const datePickTypes = [\n 'year',\n 'month',\n 'date',\n 'dates',\n 'week',\n 'datetime',\n 'datetimerange',\n 'daterange',\n 'monthrange',\n] as const\n\nexport const WEEK_DAYS = [\n 'sun',\n 'mon',\n 'tue',\n 'wed',\n 'thu',\n 'fri',\n 'sat',\n] as const\n\nexport type DatePickType = typeof datePickTypes[number]\n"],"names":["datePickTypes","WEEK_DAYS"],"mappings":"AAAO,MAAMA,IAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/es/constants/event.mjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"event.mjs","sources":["../../../../packages/constants/event.ts"],"sourcesContent":["export const UPDATE_MODEL_EVENT = 'update:modelValue'\nexport const CHANGE_EVENT = 'change'\nexport const INPUT_EVENT = 'input'\n"],"names":["UPDATE_MODEL_EVENT","CHANGE_EVENT","INPUT_EVENT"],"mappings":"AAAO,MAAMA,IAAqB,qBACrBC,IAAe,UACfC,IAAc;"}

package/es/constants/key.mjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"key.mjs","sources":["../../../../packages/constants/key.ts"],"sourcesContent":["export const INSTALLED_KEY = Symbol('INSTALLED_KEY')\n"],"names":["INSTALLED_KEY"],"mappings":"AAAa,MAAAA,IAAgB,OAAO,eAAe;"}

package/es/constants/size.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"size.mjs","sources":["../../../../packages/constants/size.ts"],"sourcesContent":["export const componentSizes = ['', 'default', 'small', 'large'] as const\n\nexport type ComponentSize = typeof componentSizes[number]\n\nexport const componentSizeMap = {\n large: 40,\n default: 32,\n small: 24,\n} as const\n"],"names":["componentSizes","componentSizeMap"],"mappings":"AAAO,MAAMA,IAAiB,CAAC,IAAI,WAAW,SAAS,OAAO,GAIjDC,IAAmB;AAAA,EAC9B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT;"}

package/es/hooks/use-delayed-toggle/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-delayed-toggle/index.ts"],"sourcesContent":["import { unref } from 'vue';\nimport { useTimeout } from '../use-timeout';\n\nexport type UseDelayedToggleProps = {\n\topen: (event?: Event) => void;\n\tclose: (event?: Event) => void;\n\tshowAfter: number;\n\thideAfter: number;\n};\n\nexport const useDelayedToggle = ({ showAfter = 0, hideAfter = 200, open, close }: UseDelayedToggleProps) => {\n\tconst { registerTimeout } = useTimeout();\n\t\n\tconst onOpen = (event?: Event) => {\n\t\tregisterTimeout(() => {\n\t\t\topen(event);\n\t\t}, unref(showAfter));\n\t};\n\t\n\tconst onClose = (event?: Event) => {\n\t\tregisterTimeout(() => {\n\t\t\tclose(event);\n\t\t}, unref(hideAfter));\n\t};\n\t\n\treturn {\n\t\tonOpen,\n\t\tonClose\n\t};\n};\n"],"names":["useDelayedToggle","showAfter","hideAfter","open","close","registerTimeout","useTimeout","event","unref"],"mappings":";;AAUa,MAAAA,IAAmB,CAAC,EAAE,WAAAC,IAAY,GAAG,WAAAC,IAAY,KAAK,MAAAC,GAAM,OAAAC,QAAmC;AACrG,QAAA,EAAE,iBAAAC,MAAoBC;AAcrB,SAAA;AAAA,IACN,QAbc,CAACC,MAAkB;AACjC,MAAAF,EAAgB,MAAM;AACrB,QAAAF,EAAKI,CAAK;AAAA,MAAA,GACRC,EAAMP,CAAS,CAAC;AAAA,IAAA;AAAA,IAWnB,SARe,CAACM,MAAkB;AAClC,MAAAF,EAAgB,MAAM;AACrB,QAAAD,EAAMG,CAAK;AAAA,MAAA,GACTC,EAAMN,CAAS,CAAC;AAAA,IAAA;AAAA,EAKnB;AAEF;"}

package/es/hooks/use-forward-ref/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-forward-ref/index.ts"],"sourcesContent":["import { provide } from 'vue'\n\nimport type { InjectionKey, ObjectDirective, Ref } from 'vue'\n\ntype ForwardRefSetter = <T>(el: T) => void\n\nexport type ForwardRefInjectionContext = {\n setForwardRef: ForwardRefSetter\n}\n\nexport const FORWARD_REF_INJECTION_KEY: InjectionKey<ForwardRefInjectionContext> =\n Symbol('vftForwardRef')\n\nexport const useForwardRef = <T>(forwardRef: Ref<T | null>) => {\n const setForwardRef = (el: T) => {\n forwardRef.value = el\n }\n\n provide(FORWARD_REF_INJECTION_KEY, {\n setForwardRef,\n })\n}\n\nexport const useForwardRefDirective = (\n setForwardRef: ForwardRefSetter\n): ObjectDirective => {\n return {\n mounted(el) {\n setForwardRef(el)\n },\n updated(el) {\n setForwardRef(el)\n },\n unmounted() {\n setForwardRef(null)\n },\n }\n}\n"],"names":["FORWARD_REF_INJECTION_KEY","useForwardRef","forwardRef","provide","el","useForwardRefDirective","setForwardRef"],"mappings":";AAUa,MAAAA,IACX,OAAO,eAAe,GAEXC,IAAgB,CAAIC,MAA8B;AAK7D,EAAAC,EAAQH,GAA2B;AAAA,IACjC,eALoB,CAACI,MAAU;AAC/B,MAAAF,EAAW,QAAQE;AAAA,IAAA;AAAA,EAInB,CACD;AACH,GAEaC,IAAyB,CACpCC,OAEO;AAAA,EACL,QAAQF,GAAI;AACV,IAAAE,EAAcF,CAAE;AAAA,EAClB;AAAA,EACA,QAAQA,GAAI;AACV,IAAAE,EAAcF,CAAE;AAAA,EAClB;AAAA,EACA,YAAY;AACV,IAAAE,EAAc,IAAI;AAAA,EACpB;AAAA;"}

package/es/hooks/use-id/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-id/index.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, unref } from 'vue'\nimport { isClient } from '@vueuse/core'\nimport { debugWarn } from '@vft-ui/utils'\nimport { useGetDerivedNamespace } from '../use-namespace'\n\nimport type { InjectionKey, Ref } from 'vue'\nimport type { MaybeRef } from '@vueuse/core'\n\nexport type ElIdInjectionContext = {\n prefix: number\n current: number\n}\n\nconst defaultIdInjection = {\n prefix: Math.floor(Math.random() * 10000),\n current: 0,\n}\n\nexport const ID_INJECTION_KEY: InjectionKey<ElIdInjectionContext> =\n Symbol('elIdInjection')\n\nexport const useIdInjection = (): ElIdInjectionContext => {\n return getCurrentInstance()\n ? inject(ID_INJECTION_KEY, defaultIdInjection)\n : defaultIdInjection\n}\n\nexport const useId = (deterministicId?: MaybeRef<string>): Ref<string> => {\n const idInjection = useIdInjection()\n if (!isClient && idInjection === defaultIdInjection) {\n debugWarn(\n 'IdInjection',\n `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed\nusage: app.provide(ID_INJECTION_KEY, {\n prefix: number,\n current: number,\n})`\n )\n }\n\n const namespace = useGetDerivedNamespace()\n const idRef = computed(\n () =>\n unref(deterministicId) ||\n `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`\n )\n\n return idRef\n}\n"],"names":["defaultIdInjection","ID_INJECTION_KEY","useIdInjection","getCurrentInstance","inject","useId","deterministicId","idInjection","isClient","debugWarn","namespace","useGetDerivedNamespace","computed","unref"],"mappings":";;;;;AAaA,MAAMA,IAAqB;AAAA,EACzB,QAAQ,KAAK,MAAM,KAAK,OAAA,IAAW,GAAK;AAAA,EACxC,SAAS;AACX,GAEaC,IACX,OAAO,eAAe,GAEXC,IAAiB,MACrBC,EAAmB,IACtBC,EAAOH,GAAkBD,CAAkB,IAC3CA,GAGOK,IAAQ,CAACC,MAAoD;AACxE,QAAMC,IAAcL;AAChB,EAAA,CAACM,KAAYD,MAAgBP,KAC/BS;AAAA,IACE;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAQJ,QAAMC,IAAYC;AAOX,SANOC;AAAA,IACZ,MACEC,EAAMP,CAAe,KACrB,GAAGI,EAAU,YAAYH,EAAY,UAAUA,EAAY;AAAA,EAAA;AAIjE;"}

package/es/hooks/use-model-toggle/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-model-toggle/index.ts"],"sourcesContent":["import { isBoolean } from '@vft/utils';\nimport { isFunction } from '@vue/shared';\nimport { isClient } from '@vueuse/core';\nimport type { ComponentPublicInstance, Ref } from 'vue';\nimport { computed, getCurrentInstance, onMounted, watch } from 'vue';\nimport type { RouteLocationNormalizedLoaded } from 'vue-router';\n\nexport const createModelToggleComposable = <T extends string> (name: T) => {\n\tconst updateEventKey = `update:${name}` as const\n\tconst updateEventKeyRaw = `onUpdate:${name}` as const\n\tconst useModelToggleEmits = [updateEventKey]\n\t\n\tconst useModelToggle = ({\n\t\tindicator,\n\t\ttoggleReason,\n\t\tshouldHideWhenRouteChanges,\n\t\tshouldProceed,\n\t\tonShow,\n\t\tonHide,\n\t}: ModelToggleParams) => {\n\t\tconst instance = getCurrentInstance()!\n\t\tconst { emit } = instance\n\t\tconst props = instance.props as any\n\t\tconst hasUpdateHandler = computed(() =>\n\t\t\tisFunction(props[updateEventKeyRaw])\n\t\t)\n\t\t// when it matches the default value we say this is absent\n\t\t// though this could be mistakenly passed from the user but we need to rule out that\n\t\t// condition\n\t\tconst isModelBindingAbsent = computed(() => props[name] === null)\n\t\t\n\t\tconst doShow = (event?: Event) => {\n\t\t\tif (indicator.value === true) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\t\n\t\t\tindicator.value = true\n\t\t\tif (toggleReason) {\n\t\t\t\ttoggleReason.value = event\n\t\t\t}\n\t\t\tif (isFunction(onShow)) {\n\t\t\t\tonShow(event)\n\t\t\t}\n\t\t}\n\t\t\n\t\tconst doHide = (event?: Event) => {\n\t\t\tif (indicator.value === false) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\t\n\t\t\tindicator.value = false\n\t\t\tif (toggleReason) {\n\t\t\t\ttoggleReason.value = event\n\t\t\t}\n\t\t\tif (isFunction(onHide)) {\n\t\t\t\tonHide(event)\n\t\t\t}\n\t\t}\n\t\t\n\t\tconst show = (event?: Event) => {\n\t\t\tif (\n\t\t\t\tprops.disabled === true ||\n\t\t\t\t(isFunction(shouldProceed) && !shouldProceed())\n\t\t\t)\n\t\t\t\treturn\n\t\t\t\n\t\t\tconst shouldEmit = hasUpdateHandler.value && isClient\n\t\t\t\n\t\t\tif (shouldEmit) {\n\t\t\t\temit(updateEventKey, true)\n\t\t\t}\n\t\t\t\n\t\t\tif (isModelBindingAbsent.value || !shouldEmit) {\n\t\t\t\tdoShow(event)\n\t\t\t}\n\t\t}\n\t\t\n\t\tconst hide = (event?: Event) => {\n\t\t\tif (props.disabled === true || !isClient) return\n\t\t\t\n\t\t\tconst shouldEmit = hasUpdateHandler.value && isClient\n\t\t\t\n\t\t\tif (shouldEmit) {\n\t\t\t\temit(updateEventKey, false)\n\t\t\t}\n\t\t\t\n\t\t\tif (isModelBindingAbsent.value || !shouldEmit) {\n\t\t\t\tdoHide(event)\n\t\t\t}\n\t\t}\n\t\t\n\t\tconst onChange = (val: boolean) => {\n\t\t\tif (!isBoolean(val)) return\n\t\t\tif (props.disabled && val) {\n\t\t\t\tif (hasUpdateHandler.value) {\n\t\t\t\t\temit(updateEventKey, false)\n\t\t\t\t}\n\t\t\t} else if (indicator.value !== val) {\n\t\t\t\tif (val) {\n\t\t\t\t\tdoShow()\n\t\t\t\t} else {\n\t\t\t\t\tdoHide()\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t\n\t\tconst toggle = () => {\n\t\t\tif (indicator.value) {\n\t\t\t\thide()\n\t\t\t} else {\n\t\t\t\tshow()\n\t\t\t}\n\t\t}\n\t\t\n\t\twatch(() => props[name], onChange)\n\t\t\n\t\tif (\n\t\t\tshouldHideWhenRouteChanges &&\n\t\t\tinstance.appContext.config.globalProperties.$route !== undefined\n\t\t) {\n\t\t\twatch(\n\t\t\t\t() => ({\n\t\t\t\t\t...(\n\t\t\t\t\t\tinstance.proxy as ComponentPublicInstance<{\n\t\t\t\t\t\t\t$route: RouteLocationNormalizedLoaded\n\t\t\t\t\t\t}>\n\t\t\t\t\t).$route,\n\t\t\t\t}),\n\t\t\t\t() => {\n\t\t\t\t\tif (shouldHideWhenRouteChanges.value && indicator.value) {\n\t\t\t\t\t\thide()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\t\t}\n\t\t\n\t\tonMounted(() => {\n\t\t\tonChange(props[name])\n\t\t})\n\t\t\n\t\treturn {\n\t\t\thide,\n\t\t\tshow,\n\t\t\ttoggle,\n\t\t\thasUpdateHandler,\n\t\t}\n\t}\n\t\n\treturn {\n\t\tuseModelToggle,\n\t\t// useModelToggleProps,\n\t\tuseModelToggleEmits,\n\t}\n}\n\nconst { useModelToggle, useModelToggleEmits } =\n\tcreateModelToggleComposable('modelValue')\n\nexport { useModelToggle, useModelToggleEmits }\n\nexport type ModelToggleParams = {\n\tindicator: Ref<boolean>\n\ttoggleReason?: Ref<Event | undefined>\n\tshouldHideWhenRouteChanges?: Ref<boolean>\n\tshouldProceed?: () => boolean\n\tonShow?: (event?: Event) => void\n\tonHide?: (event?: Event) => void\n}\n"],"names":["createModelToggleComposable","name","updateEventKey","updateEventKeyRaw","indicator","toggleReason","shouldHideWhenRouteChanges","shouldProceed","onShow","onHide","instance","getCurrentInstance","emit","props","hasUpdateHandler","computed","isFunction","isModelBindingAbsent","doShow","event","doHide","show","shouldEmit","isClient","hide","onChange","val","isBoolean","toggle","watch","onMounted","useModelToggle","useModelToggleEmits"],"mappings":";;;;AAOa,MAAAA,IAA8B,CAAoBC,MAAY;AAC1E,QAAMC,IAAiB,UAAUD,KAC3BE,IAAoB,YAAYF;AA2I/B,SAAA;AAAA,IACN,gBAzIsB,CAAC;AAAA,MACvB,WAAAG;AAAA,MACA,cAAAC;AAAA,MACA,4BAAAC;AAAA,MACA,eAAAC;AAAA,MACA,QAAAC;AAAA,MACA,QAAAC;AAAA,IAAA,MACwB;AACxB,YAAMC,IAAWC,KACX,EAAE,MAAAC,EAAS,IAAAF,GACXG,IAAQH,EAAS,OACjBI,IAAmBC;AAAA,QAAS,MACjCC,EAAWH,EAAMV,CAAiB,CAAC;AAAA,MAAA,GAK9Bc,IAAuBF,EAAS,MAAMF,EAAMZ,CAAI,MAAM,IAAI,GAE1DiB,IAAS,CAACC,MAAkB;AAC7B,QAAAf,EAAU,UAAU,OAIxBA,EAAU,QAAQ,IACdC,MACHA,EAAa,QAAQc,IAElBH,EAAWR,CAAM,KACpBA,EAAOW,CAAK;AAAA,MACb,GAGKC,IAAS,CAACD,MAAkB;AAC7B,QAAAf,EAAU,UAAU,OAIxBA,EAAU,QAAQ,IACdC,MACHA,EAAa,QAAQc,IAElBH,EAAWP,CAAM,KACpBA,EAAOU,CAAK;AAAA,MACb,GAGKE,IAAO,CAACF,MAAkB;AAC/B,YACCN,EAAM,aAAa,MAClBG,EAAWT,CAAa,KAAK,CAACA,EAAc;AAE7C;AAEK,cAAAe,IAAaR,EAAiB,SAASS;AAE7C,QAAID,KACHV,EAAKV,GAAgB,EAAI,IAGtBe,EAAqB,SAAS,CAACK,MAClCJ,EAAOC,CAAK;AAAA,MACb,GAGKK,IAAO,CAACL,MAAkB;AAC3B,YAAAN,EAAM,aAAa,MAAQ,CAACU;AAAU;AAEpC,cAAAD,IAAaR,EAAiB,SAASS;AAE7C,QAAID,KACHV,EAAKV,GAAgB,EAAK,IAGvBe,EAAqB,SAAS,CAACK,MAClCF,EAAOD,CAAK;AAAA,MACb,GAGKM,IAAW,CAACC,MAAiB;AAC9B,QAACC,EAAUD,CAAG,MACdb,EAAM,YAAYa,IACjBZ,EAAiB,SACpBF,EAAKV,GAAgB,EAAK,IAEjBE,EAAU,UAAUsB,MAC1BA,IACIR,MAEAE;MAET,GAGKQ,IAAS,MAAM;AACpB,QAAIxB,EAAU,QACRoB,MAEAH;MACN;AAGD,aAAAQ,EAAM,MAAMhB,EAAMZ,CAAI,GAAGwB,CAAQ,GAGhCnB,KACAI,EAAS,WAAW,OAAO,iBAAiB,WAAW,UAEvDmB;AAAA,QACC,OAAO;AAAA,UACN,GACCnB,EAAS,MAGR;AAAA,QAAA;AAAA,QAEH,MAAM;AACD,UAAAJ,EAA2B,SAASF,EAAU,SAC5CoB;QAEP;AAAA,MAAA,GAIFM,EAAU,MAAM;AACN,QAAAL,EAAAZ,EAAMZ,CAAI,CAAC;AAAA,MAAA,CACpB,GAEM;AAAA,QACN,MAAAuB;AAAA,QACA,MAAAH;AAAA,QACA,QAAAO;AAAA,QACA,kBAAAd;AAAA,MAAA;AAAA,IACD;AAAA;AAAA,IAMA,qBA7I2B,CAACZ,CAAc;AAAA,EA6I1C;AAEF,GAEM,EAAE,gBAAA6B,GAAgB,qBAAAC,MACvBhC,EAA4B,YAAY;"}

package/es/hooks/use-namespace/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-namespace/index.ts"],"sourcesContent":["import { computed, inject, ref, unref } from 'vue'\n\nimport type { InjectionKey, Ref } from 'vue'\n\nexport const defaultNamespace = 'vft';\nconst statePrefix = 'is-';\n\nexport const _bem = (namespace: string, block: string, blockSuffix: string, element: string, modifier: string) => {\n let cls = `${namespace}-${block}`;\n if (blockSuffix) {\n cls += `-${blockSuffix}`;\n }\n if (element) {\n cls += `__${element}`;\n }\n if (modifier) {\n cls += `--${modifier}`;\n }\n return cls;\n};\n\nexport const namespaceContextKey: InjectionKey<Ref<string | undefined>> =\n Symbol('localeContextKey')\n\nexport const useGetDerivedNamespace = () => {\n const derivedNamespace = inject(namespaceContextKey, ref(defaultNamespace))\n const namespace = computed(() => {\n return unref(derivedNamespace) || defaultNamespace\n })\n return namespace\n}\n\nexport const useNamespace = (block: string) => {\n // const namespace = useGlobalConfig('namespace', defaultNamespace);\n const namespace = ref('vft');\n // vri-button | (test) = vri-button-test\n const b = (blockSuffix = '') => _bem(namespace.value, block, blockSuffix, '', '');\n // e('test'): vri-button__test\n const e = (element?: string) => (element ? _bem(namespace.value, block, '', element, '') : '');\n // m('test'): vri-button--test\n const m = (modifier?: string) => (modifier ? _bem(namespace.value, block, '', '', modifier) : '');\n // be('test'): vri-button-par__sub\n const be = (blockSuffix?: string, element?: string) => (blockSuffix && element ? _bem(namespace.value, block, blockSuffix, element, '') : '');\n // em('test'): vri-button__par--sub\n const em = (element?: string, modifier?: string) => (element && modifier ? _bem(namespace.value, block, '', element, modifier) : '');\n // bm('test'): vri-button-par--sub\n const bm = (blockSuffix?: string, modifier?: string) => (blockSuffix && modifier ? _bem(namespace.value, block, blockSuffix, '', modifier) : '');\n // bem('test'): vri-button-par__sub--sun\n const bem = (blockSuffix?: string, element?: string, modifier?: string) => (blockSuffix && element && modifier ? _bem(namespace.value, block, blockSuffix, element, modifier) : '');\n // is('show', true): is-show\n const is: {\n (name: string, state: boolean | undefined): string;\n (name: string): string;\n } = (name: string, ...args: [boolean | undefined] | []) => {\n const state = args.length >= 1 ? args[0]! : true;\n return name && state ? `${statePrefix}${name}` : '';\n };\n\n // cssVar({'border-style': 'solid','border-width': '10px',}): { \"--vri-border-style\": \"solid\",\"--vri-border-width\": \"10px\" }\n const cssVar = (object: Record<string, string|undefined>) => {\n const styles: Record<string, string> = {};\n for (const key in object) {\n if (object[key]) {\n styles[`--${namespace.value}-${key}`] = object[key]!;\n }\n }\n return styles;\n };\n\n // cssVarBlock({ 'border-style': 'solid', 'border-width': '10px' })：{ \"--vri-button-border-style\": \"solid\", \"--vri-button-border-width\": \"10px\" }\n const cssVarBlock = (object: Record<string, string | undefined>) => {\n const styles: Record<string, string> = {};\n for (const key in object) {\n if (object[key]) {\n styles[`--${namespace.value}-${block}-${key}`] = object[key]!;\n }\n }\n return styles;\n };\n\n // cssVarName('test')：--vri-test\n const cssVarName = (name: string) => `--${namespace.value}-${name}`;\n\n // cssVarBlockName('test')：--vri-button-test\n const cssVarBlockName = (name: string) => `--${namespace.value}-${block}-${name}`;\n\n return {\n namespace,\n b,\n e,\n m,\n be,\n em,\n bm,\n bem,\n is,\n // css\n cssVar,\n cssVarName,\n cssVarBlock,\n cssVarBlockName\n };\n};\n\nexport type UseNamespaceReturn = ReturnType<typeof useNamespace>;\n"],"names":["defaultNamespace","statePrefix","_bem","namespace","block","blockSuffix","element","modifier","cls","namespaceContextKey","useGetDerivedNamespace","derivedNamespace","inject","ref","computed","unref","useNamespace","name","args","state","object","styles","key"],"mappings":";AAIO,MAAMA,IAAmB,OAC1BC,IAAc,OAEPC,IAAO,CAACC,GAAmBC,GAAeC,GAAqBC,GAAiBC,MAAqB;AAC5G,MAAAC,IAAM,GAAGL,KAAaC;AAC1B,SAAIC,MACFG,KAAO,IAAIH,MAETC,MACFE,KAAO,KAAKF,MAEVC,MACFC,KAAO,KAAKD,MAEPC;AACT,GAEaC,IACX,OAAO,kBAAkB,GAEdC,IAAyB,MAAM;AAC1C,QAAMC,IAAmBC,EAAOH,GAAqBI,EAAIb,CAAgB,CAAC;AAInE,SAHWc,EAAS,MAClBC,EAAMJ,CAAgB,KAAKX,CACnC;AAEH,GAEagB,IAAe,CAACZ,MAAkB;AAEvC,QAAAD,IAAYU,EAAI,KAAK;AAoDpB,SAAA;AAAA,IACL,WAAAV;AAAA,IACA,GApDQ,CAACE,IAAc,OAAOH,EAAKC,EAAU,OAAOC,GAAOC,GAAa,IAAI,EAAE;AAAA,IAqD9E,GAnDQ,CAACC,MAAsBA,IAAUJ,EAAKC,EAAU,OAAOC,GAAO,IAAIE,GAAS,EAAE,IAAI;AAAA,IAoDzF,GAlDQ,CAACC,MAAuBA,IAAWL,EAAKC,EAAU,OAAOC,GAAO,IAAI,IAAIG,CAAQ,IAAI;AAAA,IAmD5F,IAjDS,CAACF,GAAsBC,MAAsBD,KAAeC,IAAUJ,EAAKC,EAAU,OAAOC,GAAOC,GAAaC,GAAS,EAAE,IAAI;AAAA,IAkDxI,IAhDS,CAACA,GAAkBC,MAAuBD,KAAWC,IAAWL,EAAKC,EAAU,OAAOC,GAAO,IAAIE,GAASC,CAAQ,IAAI;AAAA,IAiD/H,IA/CS,CAACF,GAAsBE,MAAuBF,KAAeE,IAAWL,EAAKC,EAAU,OAAOC,GAAOC,GAAa,IAAIE,CAAQ,IAAI;AAAA,IAgD3I,KA9CU,CAACF,GAAsBC,GAAkBC,MAAuBF,KAAeC,KAAWC,IAAWL,EAAKC,EAAU,OAAOC,GAAOC,GAAaC,GAASC,CAAQ,IAAI;AAAA,IA+C9K,IA1CE,CAACU,MAAiBC,MAAqC;AACzD,YAAMC,IAAQD,EAAK,UAAU,IAAIA,EAAK,CAAC,IAAK;AAC5C,aAAOD,KAAQE,IAAQ,GAAGlB,IAAcgB,MAAS;AAAA,IAAA;AAAA;AAAA,IA0CjD,QAtCa,CAACG,MAA6C;AAC3D,YAAMC,IAAiC,CAAA;AACvC,iBAAWC,KAAOF;AACZ,QAAAA,EAAOE,CAAG,MACZD,EAAO,KAAKlB,EAAU,SAASmB,GAAK,IAAIF,EAAOE,CAAG;AAG/C,aAAAD;AAAA,IAAA;AAAA,IAgCP,YAjBiB,CAACJ,MAAiB,KAAKd,EAAU,SAASc;AAAA,IAkB3D,aA7BkB,CAACG,MAA+C;AAClE,YAAMC,IAAiC,CAAA;AACvC,iBAAWC,KAAOF;AACZ,QAAAA,EAAOE,CAAG,MACZD,EAAO,KAAKlB,EAAU,SAASC,KAASkB,GAAK,IAAIF,EAAOE,CAAG;AAGxD,aAAAD;AAAA,IAAA;AAAA,IAuBP,iBAhBsB,CAACJ,MAAiB,KAAKd,EAAU,SAASC,KAASa;AAAA,EAgBzE;AAEJ;"}

package/es/hooks/use-ordered-children/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-ordered-children/index.ts"],"sourcesContent":["import { isVNode, shallowRef } from 'vue';\nimport { flattedChildren } from '@vft-ui/utils'\n\n\nimport type { ComponentInternalInstance, VNode } from 'vue'\n\nconst getOrderedChildren = <T> (\n\tvm: ComponentInternalInstance,\n\tchildComponentName: string,\n\tchildren: Record<number, T>\n): T[] => {\n\tconst nodes = flattedChildren(vm.subTree).filter(\n\t\t(n): n is VNode =>\n\t\t\tisVNode(n) &&\n\t\t\t(n.type as any)?.name === childComponentName &&\n\t\t\t!!n.component\n\t)\n\tconst uids = nodes.map((n) => n.component!.uid)\n\treturn uids.map((uid) => children[uid]).filter((p) => !!p)\n}\n\nexport const useOrderedChildren = <T extends {uid: number}> (\n\tvm: ComponentInternalInstance,\n\tchildComponentName: string\n) => {\n\tconst children: Record<number, T> = {}\n\tconst orderedChildren = shallowRef<T[]>([])\n\t\n\tconst addChild = (child: T) => {\n\t\tchildren[child.uid] = child\n\t\torderedChildren.value = getOrderedChildren(vm, childComponentName, children)\n\t}\n\tconst removeChild = (uid: number) => {\n\t\tdelete children[uid]\n\t\torderedChildren.value = orderedChildren.value.filter(\n\t\t\t(children) => children.uid !== uid\n\t\t)\n\t}\n\t\n\treturn {\n\t\tchildren: orderedChildren,\n\t\taddChild,\n\t\tremoveChild,\n\t}\n}\n"],"names":["getOrderedChildren","vm","childComponentName","children","flattedChildren","n","isVNode","_a","uid","p","useOrderedChildren","orderedChildren","shallowRef","child"],"mappings":";;;;AAMA,MAAMA,IAAqB,CAC1BC,GACAC,GACAC,MAEcC,EAAgBH,EAAG,OAAO,EAAE;AAAA,EACzC,CAACI,MACA;;AAAA,WAAAC,EAAQD,CAAC,OACRE,IAAAF,EAAE,SAAF,gBAAAE,EAAgB,UAASL,KAC1B,CAAC,CAACG,EAAE;AAAA;AAAA,EAEa,IAAI,CAACA,MAAMA,EAAE,UAAW,GAAG,EAClC,IAAI,CAACG,MAAQL,EAASK,CAAG,CAAC,EAAE,OAAO,CAACC,MAAM,CAAC,CAACA,CAAC,GAG7CC,IAAqB,CACjCT,GACAC,MACI;AACJ,QAAMC,IAA8B,CAAA,GAC9BQ,IAAkBC,EAAgB,CAAA,CAAE;AAanC,SAAA;AAAA,IACN,UAAUD;AAAA,IACV,UAbgB,CAACE,MAAa;AACrB,MAAAV,EAAAU,EAAM,GAAG,IAAIA,GACtBF,EAAgB,QAAQX,EAAmBC,GAAIC,GAAoBC,CAAQ;AAAA,IAAA;AAAA,IAY3E,aAVmB,CAACK,MAAgB;AACpC,aAAOL,EAASK,CAAG,GACHG,EAAA,QAAQA,EAAgB,MAAM;AAAA,QAC7C,CAACR,MAAaA,EAAS,QAAQK;AAAA,MAAA;AAAA,IAChC;AAAA,EAMA;AAEF;"}

package/es/hooks/use-popper/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-popper/index.ts"],"sourcesContent":["import { computed, onBeforeUnmount, ref, shallowRef, unref, watch } from 'vue'\nimport { createPopper } from '@popperjs/core'\nimport { fromPairs } from 'lodash'\n\nimport type { Ref } from 'vue'\nimport type {\n Instance,\n Modifier,\n Options,\n State,\n VirtualElement,\n} from '@popperjs/core'\n\ntype ElementType = HTMLElement | undefined\ntype ReferenceElement = ElementType | VirtualElement\nexport type PartialOptions = Partial<Options>\n\nexport const usePopper = (\n referenceElementRef: Ref<ReferenceElement>,\n popperElementRef: Ref<ElementType>,\n opts: Ref<PartialOptions> | PartialOptions = {} as PartialOptions\n) => {\n const stateUpdater = {\n name: 'updateState',\n enabled: true,\n phase: 'write',\n fn: ({ state }) => {\n const derivedState = deriveState(state)\n\n Object.assign(states.value, derivedState)\n },\n requires: ['computeStyles'],\n } as Modifier<'updateState', any>\n\n const options = computed<Options>(() => {\n const { onFirstUpdate, placement, strategy, modifiers } = unref(opts)\n\n return {\n onFirstUpdate,\n placement: placement || 'bottom',\n strategy: strategy || 'absolute',\n modifiers: [\n ...(modifiers || []),\n stateUpdater,\n { name: 'applyStyles', enabled: false },\n ],\n }\n })\n\n const instanceRef = shallowRef<Instance | undefined>()\n const states = ref<Pick<State, 'styles' | 'attributes'>>({\n styles: {\n popper: {\n position: unref(options).strategy,\n left: '0',\n top: '0',\n },\n arrow: {\n position: 'absolute',\n },\n },\n attributes: {},\n })\n\n const destroy = () => {\n if (!instanceRef.value) return\n\n instanceRef.value.destroy()\n instanceRef.value = undefined\n }\n\n watch(\n options,\n (newOptions) => {\n const instance = unref(instanceRef)\n if (instance) {\n instance.setOptions(newOptions)\n }\n },\n {\n deep: true,\n }\n )\n\n watch(\n [referenceElementRef, popperElementRef],\n ([referenceElement, popperElement]) => {\n destroy()\n if (!referenceElement || !popperElement) return\n\n instanceRef.value = createPopper(\n referenceElement,\n popperElement,\n unref(options)\n )\n }\n )\n\n onBeforeUnmount(() => {\n destroy()\n })\n\n return {\n state: computed(() => ({ ...(unref(instanceRef)?.state || {}) })),\n styles: computed(() => unref(states).styles),\n attributes: computed(() => unref(states).attributes),\n update: () => unref(instanceRef)?.update(),\n forceUpdate: () => unref(instanceRef)?.forceUpdate(),\n // Preventing end users from modifying the instance.\n instanceRef: computed(() => unref(instanceRef)),\n }\n}\n\nfunction deriveState(state: State) {\n const elements = Object.keys(state.elements) as unknown as Array<\n keyof State['elements']\n >\n\n const styles = fromPairs(\n elements.map(\n (element) =>\n [element, state.styles[element] || {}] as [\n string,\n State['styles'][keyof State['styles']]\n ]\n )\n )\n\n const attributes = fromPairs(\n elements.map(\n (element) =>\n [element, state.attributes[element]] as [\n string,\n State['attributes'][keyof State['attributes']]\n ]\n )\n )\n\n return {\n styles,\n attributes,\n }\n}\n\nexport type UsePopperReturn = ReturnType<typeof usePopper>\n"],"names":["usePopper","referenceElementRef","popperElementRef","opts","stateUpdater","state","derivedState","deriveState","states","options","computed","onFirstUpdate","placement","strategy","modifiers","unref","instanceRef","shallowRef","ref","destroy","watch","newOptions","instance","referenceElement","popperElement","createPopper","onBeforeUnmount","_a","elements","styles","fromPairs","element","attributes"],"mappings":"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"}

package/es/hooks/use-popper-container/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-popper-container/index.ts"],"sourcesContent":["import { computed, onBeforeMount } from 'vue'\nimport { isClient } from '@vueuse/core'\nimport { useGetDerivedNamespace } from '../use-namespace'\nimport { useIdInjection } from '../use-id'\n\nlet cachedContainer: HTMLElement\n\nexport const usePopperContainerId = () => {\n const namespace = useGetDerivedNamespace()\n const idInjection = useIdInjection()\n\n const id = computed(() => {\n return `${namespace.value}-popper-container-${idInjection.prefix}`\n })\n const selector = computed(() => `#${id.value}`)\n\n return {\n id,\n selector,\n }\n}\n\nconst createContainer = (id: string) => {\n const container = document.createElement('div')\n container.id = id\n document.body.appendChild(container)\n return container\n}\n\nexport const usePopperContainer = () => {\n onBeforeMount(() => {\n if (!isClient) return\n\n const { id, selector } = usePopperContainerId()\n // This is for bypassing the error that when under testing env, we often encounter\n // document.body.innerHTML = '' situation\n // for this we need to disable the caching since it's not really needed\n if (\n process.env.NODE_ENV === 'test' ||\n (!cachedContainer && !document.body.querySelector(selector.value))\n ) {\n cachedContainer = createContainer(id.value)\n }\n })\n}\n"],"names":["cachedContainer","usePopperContainerId","namespace","useGetDerivedNamespace","idInjection","useIdInjection","id","computed","selector","createContainer","container","usePopperContainer","onBeforeMount","isClient"],"mappings":";;;;AAKA,IAAIA;AAEG,MAAMC,IAAuB,MAAM;AACxC,QAAMC,IAAYC,KACZC,IAAcC,KAEdC,IAAKC,EAAS,MACX,GAAGL,EAAU,0BAA0BE,EAAY,QAC3D,GACKI,IAAWD,EAAS,MAAM,IAAID,EAAG,OAAO;AAEvC,SAAA;AAAA,IACL,IAAAA;AAAA,IACA,UAAAE;AAAA,EAAA;AAEJ,GAEMC,IAAkB,CAACH,MAAe;AAChC,QAAAI,IAAY,SAAS,cAAc,KAAK;AAC9C,SAAAA,EAAU,KAAKJ,GACN,SAAA,KAAK,YAAYI,CAAS,GAC5BA;AACT,GAEaC,IAAqB,MAAM;AACtC,EAAAC,EAAc,MAAM;AAClB,QAAI,CAACC;AAAU;AAEf,UAAM,EAAE,IAAAP,GAAI,UAAAE,EAAS,IAAIP,EAAqB;AAI9C,KACE,QAAQ,IAAI,aAAa,UACxB,CAACD,KAAmB,CAAC,SAAS,KAAK,cAAcQ,EAAS,KAAK,OAE9CR,IAAAS,EAAgBH,EAAG,KAAK;AAAA,EAC5C,CACD;AACH;"}

package/es/hooks/use-timeout/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-timeout/index.ts"],"sourcesContent":["import { tryOnScopeDispose } from '@vueuse/core';\n\nexport function useTimeout() {\n let timeoutHandle: number;\n\n const registerTimeout = (fn: (...args: any[]) => any, delay: number) => {\n cancelTimeout();\n timeoutHandle = window.setTimeout(fn, delay);\n };\n const cancelTimeout = () => window.clearTimeout(timeoutHandle);\n\n tryOnScopeDispose(() => cancelTimeout());\n\n return {\n registerTimeout,\n cancelTimeout\n };\n}\n"],"names":["useTimeout","timeoutHandle","registerTimeout","fn","delay","cancelTimeout","tryOnScopeDispose"],"mappings":";AAEO,SAASA,IAAa;AACvB,MAAAC;AAEE,QAAAC,IAAkB,CAACC,GAA6BC,MAAkB;AACxD,IAAAC,KACEJ,IAAA,OAAO,WAAWE,GAAIC,CAAK;AAAA,EAAA,GAEvCC,IAAgB,MAAM,OAAO,aAAaJ,CAAa;AAE3C,SAAAK,EAAA,MAAMD,GAAe,GAEhC;AAAA,IACL,iBAAAH;AAAA,IACA,eAAAG;AAAA,EAAA;AAEJ;"}

package/es/hooks/use-z-index/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-z-index/index.ts"],"sourcesContent":["import { computed, inject, ref, unref } from 'vue'\nimport { isNumber } from '@vft/utils'\n\nimport type { InjectionKey, Ref } from 'vue'\n\nconst zIndex = ref(0)\nconst defaultInitialZIndex = 2000\n\nexport const zIndexContextKey: InjectionKey<Ref<number | undefined>> =\n Symbol('zIndexContextKey')\n\nexport const useZIndex = () => {\n const zIndexInjection = inject(zIndexContextKey, undefined)\n const initialZIndex = computed(() => {\n const zIndexFromInjection = unref(zIndexInjection)\n return isNumber(zIndexFromInjection)\n ? zIndexFromInjection\n : defaultInitialZIndex\n })\n const currentZIndex = computed(() => initialZIndex.value + zIndex.value)\n\n const nextZIndex = () => {\n zIndex.value++\n return currentZIndex.value\n }\n\n return {\n initialZIndex,\n currentZIndex,\n nextZIndex,\n }\n}\n"],"names":["zIndex","ref","defaultInitialZIndex","zIndexContextKey","useZIndex","zIndexInjection","inject","initialZIndex","computed","zIndexFromInjection","unref","isNumber","currentZIndex"],"mappings":";;AAKA,MAAMA,IAASC,EAAI,CAAC,GACdC,IAAuB,KAEhBC,IACX,OAAO,kBAAkB,GAEdC,IAAY,MAAM;AACvB,QAAAC,IAAkBC,EAAOH,GAAkB,MAAS,GACpDI,IAAgBC,EAAS,MAAM;AAC7B,UAAAC,IAAsBC,EAAML,CAAe;AAC1C,WAAAM,EAASF,CAAmB,IAC/BA,IACAP;AAAA,EAAA,CACL,GACKU,IAAgBJ,EAAS,MAAMD,EAAc,QAAQP,EAAO,KAAK;AAOhE,SAAA;AAAA,IACL,eAAAO;AAAA,IACA,eAAAK;AAAA,IACA,YARiB,OACVZ,EAAA,SACAY,EAAc;AAAA,EAMrB;AAEJ;"}

package/es/index.mjs CHANGED Viewed

@@ -1,43 +1,43 @@
 import e from "./defaults.mjs";
-import { VftDivider as m } from "./packages/components/divider/index.mjs";
-import { VftIcon as s } from "./packages/components/icon/index.mjs";
-import { VftAvatar as n } from "./packages/components/avatar/index.mjs";
-import { VftEmpty as l } from "./packages/components/empty/index.mjs";
-import { VftResult as d } from "./packages/components/result/index.mjs";
-import { VftException as T } from "./packages/components/exception/index.mjs";
-import { VftTabPane as I, VftTabs as C } from "./packages/components/tabs/index.mjs";
-import { VftPopper as N } from "./packages/components/popper/index.mjs";
-import { VftCollapseTransition as M } from "./packages/components/collapse-transition/index.mjs";
-import { VftTooltip as P } from "./packages/components/tooltip/index.mjs";
-import { VftPopover as b } from "./packages/components/popover/index.mjs";
-import { VftMenu as A, VftMenuItem as v, VftMenuItemGroup as K, VftSubMenu as R } from "./packages/components/menu/index.mjs";
-import { createContextMenu as S, destroyContextMenu as w } from "./packages/components/context-menu/createContextMenu.mjs";
-import { useContextMenu as Y } from "./packages/components/context-menu/useContextMenu.mjs";
-import { VftMultipleTabs as G } from "./packages/components/multiple-tabs/index.mjs";
-import { EVENT_CODE as j } from "./packages/constants/aria.mjs";
-import { WEEK_DAYS as J, datePickTypes as U } from "./packages/constants/date.mjs";
-import { CHANGE_EVENT as h, INPUT_EVENT as H, UPDATE_MODEL_EVENT as Z } from "./packages/constants/event.mjs";
-import { INSTALLED_KEY as B } from "./packages/constants/key.mjs";
-import { componentSizeMap as X, componentSizes as $ } from "./packages/constants/size.mjs";
-import { _bem as oe, defaultNamespace as re, namespaceContextKey as te, useGetDerivedNamespace as pe, useNamespace as fe } from "./packages/hooks/use-namespace/index.mjs";
-import { usePopper as xe } from "./packages/hooks/use-popper/index.mjs";
-import { useZIndex as ae, zIndexContextKey as ne } from "./packages/hooks/use-z-index/index.mjs";
-import { FORWARD_REF_INJECTION_KEY as le, useForwardRef as ie, useForwardRefDirective as de } from "./packages/hooks/use-forward-ref/index.mjs";
-import { ID_INJECTION_KEY as Te, useId as Ve, useIdInjection as Ie } from "./packages/hooks/use-id/index.mjs";
-import { usePopperContainer as ce, usePopperContainerId as Ne } from "./packages/hooks/use-popper-container/index.mjs";
-import { useDelayedToggle as Me } from "./packages/hooks/use-delayed-toggle/index.mjs";
-import { useTimeout as Pe } from "./packages/hooks/use-timeout/index.mjs";
-import { useOrderedChildren as be } from "./packages/hooks/use-ordered-children/index.mjs";
-import { createModelToggleComposable as Ae, useModelToggle as ve, useModelToggleEmits as Ke } from "./packages/hooks/use-model-toggle/index.mjs";
+import { VftDivider as m } from "./components/divider/index.mjs";
+import { VftIcon as s } from "./components/icon/index.mjs";
+import { VftAvatar as n } from "./components/avatar/index.mjs";
+import { VftEmpty as l } from "./components/empty/index.mjs";
+import { VftResult as d } from "./components/result/index.mjs";
+import { VftException as T } from "./components/exception/index.mjs";
+import { VftTabPane as I, VftTabs as C } from "./components/tabs/index.mjs";
+import { VftPopper as N } from "./components/popper/index.mjs";
+import { VftCollapseTransition as M } from "./components/collapse-transition/index.mjs";
+import { VftTooltip as P } from "./components/tooltip/index.mjs";
+import { VftPopover as b } from "./components/popover/index.mjs";
+import { VftMenu as A, VftMenuItem as v, VftMenuItemGroup as K, VftSubMenu as R } from "./components/menu/index.mjs";
+import { createContextMenu as S, destroyContextMenu as w } from "./components/context-menu/createContextMenu.mjs";
+import { useContextMenu as Y } from "./components/context-menu/useContextMenu.mjs";
+import { VftMultipleTabs as G } from "./components/multiple-tabs/index.mjs";
+import { EVENT_CODE as j } from "./constants/aria.mjs";
+import { WEEK_DAYS as J, datePickTypes as U } from "./constants/date.mjs";
+import { CHANGE_EVENT as h, INPUT_EVENT as H, UPDATE_MODEL_EVENT as Z } from "./constants/event.mjs";
+import { INSTALLED_KEY as B } from "./constants/key.mjs";
+import { componentSizeMap as X, componentSizes as $ } from "./constants/size.mjs";
+import { _bem as oe, defaultNamespace as re, namespaceContextKey as te, useGetDerivedNamespace as pe, useNamespace as fe } from "./hooks/use-namespace/index.mjs";
+import { usePopper as xe } from "./hooks/use-popper/index.mjs";
+import { useZIndex as ae, zIndexContextKey as ne } from "./hooks/use-z-index/index.mjs";
+import { FORWARD_REF_INJECTION_KEY as le, useForwardRef as ie, useForwardRefDirective as de } from "./hooks/use-forward-ref/index.mjs";
+import { ID_INJECTION_KEY as Te, useId as Ve, useIdInjection as Ie } from "./hooks/use-id/index.mjs";
+import { usePopperContainer as ce, usePopperContainerId as Ne } from "./hooks/use-popper-container/index.mjs";
+import { useDelayedToggle as Me } from "./hooks/use-delayed-toggle/index.mjs";
+import { useTimeout as Pe } from "./hooks/use-timeout/index.mjs";
+import { useOrderedChildren as be } from "./hooks/use-ordered-children/index.mjs";
+import { createModelToggleComposable as Ae, useModelToggle as ve, useModelToggleEmits as Ke } from "./hooks/use-model-toggle/index.mjs";
 import { makeInstaller as Oe } from "./make-installer.mjs";
 import { default as we } from "dayjs";
-import { EmptyEnum as Ye } from "./packages/components/empty/constants.mjs";
-import { TabsRootContextKey as Ge } from "./packages/components/tabs/types.mjs";
-import { default as je } from "./packages/components/popper/arrow.vue2.mjs";
-import { default as Je } from "./packages/components/popper/trigger.vue2.mjs";
-import { default as We } from "./packages/components/popper/content.vue2.mjs";
-import { useTabDropdown as He } from "./packages/components/multiple-tabs/use/use-tab-dropdown.mjs";
-import { initAffixTabs as qe, useTabsDrag as Be } from "./packages/components/multiple-tabs/use/use-multiple-tabs.mjs";
+import { EmptyEnum as Ye } from "./components/empty/constants.mjs";
+import { TabsRootContextKey as Ge } from "./components/tabs/types.mjs";
+import { default as je } from "./components/popper/arrow.vue2.mjs";
+import { default as Je } from "./components/popper/trigger.vue2.mjs";
+import { default as We } from "./components/popper/content.vue2.mjs";
+import { useTabDropdown as He } from "./components/multiple-tabs/use/use-tab-dropdown.mjs";
+import { initAffixTabs as qe, useTabsDrag as Be } from "./components/multiple-tabs/use/use-multiple-tabs.mjs";
 const r = e.install, t = e.version;
 export {
   h as CHANGE_EVENT,

package/es/make-installer.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { INSTALLED_KEY as t } from "./packages/constants/key.mjs";
+import { INSTALLED_KEY as t } from "./constants/key.mjs";
 import { version as e } from "./package.json.mjs";
 const f = (o = []) => ({
   version: e,

package/es/package.json.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-const o = "0.0.14";
+const o = "0.0.15";
 export {
   o as version
 };