vft 0.0.19 → 0.0.21

package/es/components/tabs/tab-nav.vue2.mjs

@@ -0,0 +1,207 @@
+import { defineComponent as E, getCurrentInstance as Z, inject as _, ref as g, computed as I, watch as O, onMounted as tt, onUpdated as et, createVNode as r, nextTick as ot } from "vue";
+import "@vue/shared";
+import { throwError as nt } from "../../utils/error.mjs";
+import "../divider/index.mjs";
+import { VftIcon as T } from "../icon/index.mjs";
+import "../avatar/index.mjs";
+import "../empty/index.mjs";
+import "../result/index.mjs";
+import "../exception/index.mjs";
+import "./index.mjs";
+import "../popper/index.mjs";
+import "../collapse-transition/index.mjs";
+import "../tooltip/index.mjs";
+import "../popover/index.mjs";
+import "../menu/index.mjs";
+import { capitalize as y } from "@vft/utils";
+import "@vft/use";
+import "../multiple-tabs/index.mjs";
+import "../header-layout/index.mjs";
+import "../footer-layout/index.mjs";
+import "../iframe-layout/index.mjs";
+import "../router-view-content/index.mjs";
+import "../logo/index.mjs";
+import "../back-top/index.mjs";
+import "../config-provider/index.mjs";
+import "../descriptions/index.mjs";
+import "../full-screen/index.mjs";
+import "../icon-text/index.mjs";
+import "../image/index.mjs";
+import "../input/index.mjs";
+import "../link/index.mjs";
+import "../pagination/index.mjs";
+import "../tag/index.mjs";
+import "../side-menu/index.mjs";
+import "../qrcode/index.mjs";
+import "../overlay/index.mjs";
+import "../clamp/index.mjs";
+import "../clamp-toggle/index.mjs";
+import "../page-wrapper/index.mjs";
+import "../message/index.mjs";
+import { useNamespace as K } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import { useDocumentVisibility as lt, useWindowFocus as at, useResizeObserver as it } from "@vueuse/core";
+import { EVENT_CODE as k } from "@vft/constants";
+import { TabsRootContextKey as st } from "./types.mjs";
+import rt from "./tab-bar.vue2.mjs";
+const V = (
+  /* hoist-static*/
+  K("tab-nav")
+), ct = E({
+  name: V.b()
+}), le = /* @__PURE__ */ E({
+  ...ct,
+  props: {
+    panes: null,
+    editable: {
+      type: Boolean
+    },
+    addable: {
+      type: Boolean
+    },
+    type: null,
+    stretch: {
+      type: Boolean
+    },
+    closeIconCfg: null,
+    addIconCfg: null,
+    arrowLeftIconCfg: null,
+    arrowRightIconCfg: null
+  },
+  emits: ["tabClick", "tabRemove", "tabAdd", "tabContextmenu"],
+  setup(l, {
+    expose: D,
+    emit: C
+  }) {
+    var A;
+    const M = Z(), b = _(st);
+    b || nt(V.b(), "<vft-tabs><tab-nav /></vft-tabs>");
+    const o = K("tabs"), q = lt(), H = at(), $ = g(), d = g(), h = g(), f = g(!1), v = g(0), S = g(!1), x = g(!0), w = I(() => ["top", "bottom"].includes(b.props.tabPosition) ? "width" : "height"), W = I(() => ({
+      transform: `translate${w.value === "width" ? "X" : "Y"}(-${v.value}px)`
+    })), j = () => {
+      if (!d.value)
+        return;
+      const e = d.value[`offset${y(w.value)}`], t = v.value;
+      t && (v.value = t > e ? t - e : 0);
+    }, U = () => {
+      if (!d.value || !h.value)
+        return;
+      const e = h.value[`offset${y(w.value)}`], t = d.value[`offset${y(w.value)}`], n = v.value;
+      e - n <= t || (v.value = e - n > t * 2 ? n + t : e - t);
+    }, R = async () => {
+      const e = h.value;
+      if (!f.value || !$.value || !d.value || !e)
+        return;
+      await ot();
+      const t = $.value.querySelector(".is-active");
+      if (!t)
+        return;
+      const n = d.value, p = ["top", "bottom"].includes(b.props.tabPosition), s = t.getBoundingClientRect(), a = n.getBoundingClientRect(), u = p ? e.offsetWidth - a.width : e.offsetHeight - a.height, c = v.value;
+      let i = c;
+      p ? (s.left < a.left && (i = c - (a.left - s.left)), s.right > a.right && (i = c + s.right - a.right)) : (s.top < a.top && (i = c - (a.top - s.top)), s.bottom > a.bottom && (i = c + (s.bottom - a.bottom))), i = Math.max(i, 0), v.value = Math.min(i, u);
+    }, z = () => {
+      if (!h.value || !d.value)
+        return;
+      const e = h.value[`offset${y(w.value)}`], t = d.value[`offset${y(w.value)}`], n = v.value;
+      t < e ? (f.value = f.value || {}, f.value.prev = n, f.value.next = n + t < e, e - n < t && (v.value = e - t)) : (f.value = !1, n > 0 && (v.value = 0));
+    }, X = (e) => {
+      const t = e.code, {
+        up: n,
+        down: p,
+        left: s,
+        right: a
+      } = k;
+      if (![n, p, s, a].includes(t))
+        return;
+      const u = Array.from(e.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")), c = u.indexOf(e.target);
+      let i;
+      t === s || t === n ? c === 0 ? i = u.length - 1 : i = c - 1 : c < u.length - 1 ? i = c + 1 : i = 0, u[i].focus(), u[i].click(), P();
+    }, P = () => {
+      x.value && (S.value = !0);
+    }, B = () => S.value = !1;
+    O(q, (e) => {
+      e === "hidden" ? x.value = !1 : e === "visible" && setTimeout(() => x.value = !0, 50);
+    }), O(H, (e) => {
+      e ? setTimeout(() => x.value = !0, 50) : x.value = !1;
+    }), it($, z), tt(() => setTimeout(() => R(), 0)), et(() => z()), D({
+      scrollToActiveTab: R,
+      removeFocus: B
+    }), O(() => l.panes, () => M.update(), {
+      flush: "post"
+    });
+    const Y = I(() => {
+      var e, t;
+      return f.value ? [r("span", {
+        class: [o.e("nav-prev"), o.is("disabled", !f.value.prev)],
+        onClick: j
+      }, [(e = l.arrowLeftIconCfg) != null && e.icon ? r(T, l.arrowLeftIconCfg, null) : null]), r("span", {
+        class: [o.e("nav-next"), o.is("disabled", !f.value.next)],
+        onClick: U
+      }, [(t = l.arrowRightIconCfg) != null && t.icon ? r(T, l.arrowRightIconCfg, null) : null])] : null;
+    }), G = I(() => {
+      var e;
+      return (e = l.panes) == null ? void 0 : e.map((t, n) => {
+        var N, F, L;
+        const p = t.uid, s = t.props.disabled, a = t.props.name ?? t.index ?? `${n}`, u = !s && (t.isClosable || l.editable);
+        t.index = `${n}`;
+        const c = u ? r("span", {
+          class: "is-icon-close",
+          onClick: (m) => C("tabRemove", t, m)
+        }, [(N = l.closeIconCfg) != null && N.icon ? r(T, l.closeIconCfg, null) : null]) : null, i = ((L = (F = t.slots).label) == null ? void 0 : L.call(F)) || t.props.label, Q = !s && t.active ? 0 : -1;
+        return r("div", {
+          ref: `tab-${p}`,
+          class: [o.e("item"), o.is(b.props.tabPosition), o.is("active", t.active), o.is("disabled", s), o.is("closable", u), o.is("focus", S.value)],
+          id: `tab-${a}`,
+          key: `tab-${p}`,
+          "aria-controls": `pane-${a}`,
+          role: "tab",
+          "aria-selected": t.active,
+          tabindex: Q,
+          onFocus: () => P(),
+          onBlur: () => B(),
+          onClick: (m) => {
+            B(), C("tabClick", t, a, m);
+          },
+          onContextmenu: (m) => {
+            m.preventDefault(), C("tabContextmenu", {
+              pane: t,
+              index: n,
+              event: m
+            });
+          },
+          onKeydown: (m) => {
+            u && (m.code === k.delete || m.code === k.backspace) && C("tabRemove", t, m);
+          }
+        }, [i, c]);
+      });
+    }), J = l.editable || l.addable ? r("span", {
+      class: o.e("new-tab"),
+      tabindex: "0",
+      onClick: () => C("tabAdd"),
+      onKeydown: (e) => {
+        e.code === k.enter && C("tabAdd");
+      }
+    }, [(A = l.addIconCfg) != null && A.icon ? r(T, l.addIconCfg, null) : null]) : null;
+    return () => r("div", {
+      ref: $,
+      class: [o.e("nav-wrap"), o.is("scrollable", !!f.value), o.is(b.props.tabPosition)]
+    }, [Y.value, r("div", {
+      class: o.e("nav-scroll"),
+      ref: d
+    }, [r("div", {
+      class: [o.e("nav"), o.is(b.props.tabPosition), o.is("stretch", l.stretch && ["top", "bottom"].includes(b.props.tabPosition))],
+      ref: h,
+      style: W.value,
+      role: "tablist",
+      onKeydown: X
+    }, [l.type ? null : r(rt, {
+      tabs: [...l.panes]
+    }, null), G.value]), J])]);
+  }
+});
+export {
+  le as default
+};
+//# sourceMappingURL=tab-nav.vue2.mjs.map

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

@@ -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

@@ -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

@@ -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

@@ -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/tag/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/tag/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Tag from './tag.vue'\n\nexport const VftTag = withInstall(Tag)\n\nexport default VftTag\n\n"],"names":["VftTag","withInstall","Tag"],"mappings":";;;;;AAIa,MAAAA,IAASC,EAAYC,CAAG;"}

package/es/components/tag/style/css.mjs.map

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

package/es/components/tag/style/index.mjs.map

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

package/es/components/tag/tag.vue2.mjs

@@ -0,0 +1,76 @@
+import { defineComponent as m, useSlots as d, computed as f, createVNode as n, Transition as p, isVNode as b } from "vue";
+import { useSize as y } from "element-plus";
+import { VftIcon as g } from "../icon/index.mjs";
+import { useNamespace as h } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import "@vft/utils";
+function k(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !b(e);
+}
+const x = /* @__PURE__ */ m({
+  __name: "tag",
+  props: {
+    closable: {
+      type: Boolean
+    },
+    type: null,
+    hit: {
+      type: Boolean
+    },
+    disableTransitions: {
+      type: Boolean,
+      default: !0
+    },
+    color: null,
+    size: null,
+    effect: {
+      default: "light"
+    },
+    round: {
+      type: Boolean
+    }
+  },
+  emits: ["close", "click"],
+  setup(e, {
+    emit: c
+  }) {
+    const l = d(), i = y(), t = h("tag"), s = f(() => [t.b(), t.is("closable", e.closable), t.m(e.type), t.m(i.value), t.m(e.effect), t.is("hit", e.hit), t.is("round", e.round)]), r = (o) => {
+      c("close", o);
+    }, u = (o) => {
+      c("click", o);
+    }, a = () => {
+      var o;
+      return n("span", {
+        class: s.value,
+        style: {
+          backgroundColor: e.color
+        },
+        onClick: u
+      }, [n("span", {
+        class: t.e("content")
+      }, [(o = l.default) == null ? void 0 : o.call(l)]), e.closable ? n("div", {
+        class: t.e("close"),
+        onClick: r
+      }, [n(g, {
+        icon: "vi-close"
+      }, null)]) : ""]);
+    };
+    return () => {
+      let o;
+      return e.disableTransitions ? a() : n(p, {
+        name: `${t.namespace.value}-zoom-in-center`,
+        appear: !0
+      }, k(o = a()) ? o : {
+        default: () => [o]
+      });
+    };
+  }
+});
+export {
+  x as default
+};
+//# sourceMappingURL=tag.vue2.mjs.map

package/es/components/tag/tag.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.vue2.mjs","sources":["../../../../../packages/components/tag/tag.vue"],"sourcesContent":["<script lang=\"tsx\" setup>\nimport { useSize } from 'element-plus';\nimport { type ComponentSize } from '../types';\nimport Icon from '@vft-ui/components/icon';\nimport { computed, Transition, useSlots } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport type { TagType } from './types';\n\ninterface Props {\n  closable?: boolean;\n  type?: TagType;\n  hit?: boolean;\n  disableTransitions?: boolean;\n  color?: string;\n  size?: ComponentSize;\n  effect?: 'dark' | 'light' | 'plain';\n  round?: boolean;\n}\n\ndefineProps({\n  \"closable\": { type: Boolean,  },\n  \"type\": null,\n  \"hit\": { type: Boolean,  },\n  \"disableTransitions\": { type: Boolean, default: true },\n  \"color\": null,\n  \"size\": null,\n  \"effect\": { default: 'light' },\n  \"round\": { type: Boolean,  }\n})\n\nconst emit = defineEmits(['close', 'click']);\nconst slots = useSlots();\n\nconst tagSize = useSize();\nconst ns = useNamespace('tag');\nconst classes = computed(() => {\n  return [\n    ns.b(),\n    ns.is('closable', __props.closable),\n    ns.m(__props.type),\n    ns.m(tagSize.value),\n    ns.m(__props.effect),\n    ns.is('hit', __props.hit),\n    ns.is('round', __props.round)\n  ];\n});\n\n// methods\nconst handleClose = (event: MouseEvent) => {\n  emit('close', event);\n};\n\nconst handleClick = (event: MouseEvent) => {\n  emit('click', event);\n};\n\nconst renderTag = () => {\n  return <span class={classes.value}\n    style={{ backgroundColor: __props.color }} onClick={handleClick}>\n    <span class={ns.e('content')}>\n      {slots.default?.()}\n    </span>\n    {\n      __props.closable ? <div class={ns.e('close')} onClick={handleClose}>\n        <Icon icon=\"vi-close\" />\n      </div> : ''\n    }\n  </span>;\n};\n\ndefineRender(() => {\n  return __props.disableTransitions ? renderTag() :\n    <Transition name={`${ns.namespace.value}-zoom-in-center`} appear>\n      {renderTag()}\n    </Transition>;\n});\n</script>\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","slots","useSlots","tagSize","useSize","ns","useNamespace","classes","computed","b","is","__props","closable","m","type","value","effect","hit","round","handleClose","event","emit","handleClick","renderTag","_createVNode","backgroundColor","color","e","default","Icon","_slot","disableTransitions","Transition","namespace"],"mappings":";;;;;;;;;;AAK6C,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,EAAAL,CAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0B7C,UAAMM,IAAQC,KAERC,IAAUC,KACVC,IAAKC,EAAa,KAAK,GACvBC,IAAUC,EAAS,MAChB,CACLH,EAAGI,EAAC,GACJJ,EAAGK,GAAG,YAAYC,EAAQC,QAAQ,GAClCP,EAAGQ,EAAEF,EAAQG,IAAI,GACjBT,EAAGQ,EAAEV,EAAQY,KAAK,GAClBV,EAAGQ,EAAEF,EAAQK,MAAM,GACnBX,EAAGK,GAAG,OAAOC,EAAQM,GAAG,GACxBZ,EAAGK,GAAG,SAASC,EAAQO,KAAK,CAAC,CAEhC,GAGKC,IAAeC,CAAAA,MAAsB;AACzCC,MAAAA,EAAK,SAASD,CAAK;AAAA,OAGfE,IAAeF,CAAAA,MAAsB;AACzCC,MAAAA,EAAK,SAASD,CAAK;AAAA,OAGfG,IAAYA,MAAM;;AACtB,aAAAC,EAAA,QAAA;AAAA,QAAA,OAAoBjB,EAAQQ;AAAAA,QAAK,OACxB;AAAA,UAAEU,iBAAiBd,EAAQe;AAAAA,QAAO;AAAA,QAAA,SAAWJ;AAAAA,MAAW,GAAA,CAAAE,EAAA,QAAA;AAAA,QAAA,OAClDnB,EAAGsB,EAAE,SAAS;AAAA,SACxB1B,EAAAA,IAAAA,EAAM2B,YAAN3B,gBAAAA,EAAAA,KAAAA,EAAiB,IAGlBU,EAAQC,WAAQY,EAAA,OAAA;AAAA,QAAA,OAAenB,EAAGsB,EAAE,OAAO;AAAA,QAAC,SAAWR;AAAAA,SAAWK,CAAAA,EAAAK,GAAA;AAAA,QAAA,MACrD;AAAA,MAAU,GAAA,IAAA,CAAA,CAAA,IACd,EAAE,CAAA;AAAA;AAKJ,WAAA,MAAM;AAAA,UAAAC;AACjB,aAAOnB,EAAQoB,qBAAqBR,EAAS,IAAEC,EAAAQ,GAAA;AAAA,QAAA,MAC1B,GAAE3B,EAAG4B,UAAUlB;AAAAA,QAAsB,QAAA;AAAA,MAAA,GAAArB,EAAAoC,IACrDP,EAAW,CAAA,IAAAO,IAAA;AAAA,QAAAF,SAAAA,MAAA,CAAAE,CAAA;AAAA,OACD;AAAA;;;"}

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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/components/types.mjs

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

package/es/components/types.mjs.map

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

package/es/constants/aria.mjs.map

@@ -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

@@ -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

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

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

@@ -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/defaults.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
     version: string;
-    install: (app: import("vue").App<any>, options?: any) => void;
+    install: (app: import("vue").App<any>, options?: Partial<import("vft/es/components").ConfigProviderProps> | undefined) => void;
 };
 export default _default;

package/es/defaults.mjs

@@ -1,7 +1,8 @@
 import { makeInstaller as o } from "./make-installer.mjs";
-import t from "./component.mjs";
-const m = o([...t]);
+import r from "./component.mjs";
+import t from "./plugin.mjs";
+const n = o([...r, ...t]);
 export {
-  m as default
+  n as default
 };
 //# sourceMappingURL=defaults.mjs.map

package/es/defaults.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.mjs","sources":["../../../packages/vft/defaults.ts"],"sourcesContent":["import { makeInstaller } from './make-installer'\nimport Components from './component'\n\nexport default makeInstaller([...Components, ...[]])\n"],"names":["installer","makeInstaller","Components"],"mappings":";;AAGA,MAAeA,IAAAC,EAAc,CAAC,GAAGC,CAAiB,CAAC;"}
+{"version":3,"file":"defaults.mjs","sources":["../../../packages/vft/defaults.ts"],"sourcesContent":["import { makeInstaller } from './make-installer'\nimport Components from './component'\nimport Plugins from './plugin'\n\nexport default makeInstaller([...Components, ...Plugins])\n"],"names":["installer","makeInstaller","Components","Plugins"],"mappings":";;;AAIA,MAAeA,IAAAC,EAAc,CAAC,GAAGC,GAAY,GAAGC,CAAO,CAAC;"}

package/es/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './use-namespace';
+export * from './use-cursor';
 export * from './use-popper';
 export * from './use-z-index';
 export * from './use-forward-ref';

package/es/hooks/index.mjs

@@ -0,0 +1,38 @@
+import { _bem as r, defaultNamespace as t, namespaceContextKey as s, useGetDerivedNamespace as p, useNamespace as u } from "./use-namespace/index.mjs";
+import { useCursor as a } from "./use-cursor/index.mjs";
+import { usePopper as x } from "./use-popper/index.mjs";
+import { defaultInitialZIndex as n, useZIndex as l, zIndexContextKey as I } from "./use-z-index/index.mjs";
+import { FORWARD_REF_INJECTION_KEY as C, useForwardRef as g, useForwardRefDirective as c } from "./use-forward-ref/index.mjs";
+import { ID_INJECTION_KEY as T, useId as E, useIdInjection as _ } from "./use-id/index.mjs";
+import { usePopperContainer as R, usePopperContainerId as F } from "./use-popper-container/index.mjs";
+import { useDelayedToggle as O } from "./use-delayed-toggle/index.mjs";
+import { useTimeout as M } from "./use-timeout/index.mjs";
+import { useOrderedChildren as b } from "./use-ordered-children/index.mjs";
+import { createModelToggleComposable as w, useModelToggle as J, useModelToggleEmits as Y } from "./use-model-toggle/index.mjs";
+export {
+  C as FORWARD_REF_INJECTION_KEY,
+  T as ID_INJECTION_KEY,
+  r as _bem,
+  w as createModelToggleComposable,
+  n as defaultInitialZIndex,
+  t as defaultNamespace,
+  s as namespaceContextKey,
+  a as useCursor,
+  O as useDelayedToggle,
+  g as useForwardRef,
+  c as useForwardRefDirective,
+  p as useGetDerivedNamespace,
+  E as useId,
+  _ as useIdInjection,
+  J as useModelToggle,
+  Y as useModelToggleEmits,
+  u as useNamespace,
+  b as useOrderedChildren,
+  x as usePopper,
+  R as usePopperContainer,
+  F as usePopperContainerId,
+  M as useTimeout,
+  l as useZIndex,
+  I as zIndexContextKey
+};
+//# sourceMappingURL=index.mjs.map

package/es/hooks/index.mjs.map

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

package/es/hooks/use-cursor/index.d.ts

@@ -0,0 +1,2 @@
+import type { ShallowRef } from 'vue';
+export declare function useCursor(input: ShallowRef<HTMLInputElement | undefined>): [() => void, () => void];