vft 0.0.11 → 0.0.14

package/es/packages/components/multiple-tabs/use/use-multiple-tabs.mjs

@@ -0,0 +1,54 @@
+import { useSortable as m } from "@vft/use";
+import { isNullOrUndefined as u, arrSort as b } from "@vft/utils";
+import { ref as d, nextTick as x, toRaw as p } from "vue";
+import { useRouter as T } from "vue-router";
+import { useMultipleTabStore as c } from "@vft/store";
+function R() {
+  const o = d([]), n = c(), f = T();
+  function i(e) {
+    const t = [];
+    return e && e.forEach((s) => {
+      var l;
+      (l = s.meta) != null && l.affix && t.push(p(s));
+    }), t;
+  }
+  function a() {
+    const e = i(f.getRoutes());
+    b(e, ["meta", "order"]), o.value = e;
+    for (const t of e)
+      n.addTab({
+        meta: t.meta,
+        name: t.name,
+        path: t.path
+      });
+  }
+  let r = !1;
+  return r || (a(), r = !0), o.value.map((e) => {
+    var t;
+    return (t = e.meta) == null ? void 0 : t.title;
+  }).filter(Boolean);
+}
+function w(o) {
+  const n = c();
+  x(() => {
+    var a;
+    const f = (a = document.querySelectorAll(".vft-tabs__nav")) == null ? void 0 : a[0], { initSortable: i } = m(f, {
+      draggable: ".is-closable",
+      filter: (r) => {
+        var t;
+        const e = (t = r == null ? void 0 : r.target) == null ? void 0 : t.innerText;
+        return e ? o.includes(e) : !1;
+      },
+      onEnd: (r) => {
+        const { oldIndex: e, newIndex: t } = r;
+        u(e) || u(t) || e === t || n.sortTabs(e, t);
+      }
+    });
+    i();
+  });
+}
+export {
+  R as initAffixTabs,
+  w as useTabsDrag
+};
+//# sourceMappingURL=use-multiple-tabs.mjs.map

package/es/packages/components/multiple-tabs/use/use-multiple-tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-multiple-tabs.mjs","sources":["../../../../../../../packages/components/multiple-tabs/use/use-multiple-tabs.ts"],"sourcesContent":["import { useSortable } from '@vft/use';\nimport { arrSort, isNullOrUndefined } from '@vft/utils';\nimport type { SortableEvent } from 'sortablejs';\nimport { nextTick, ref, toRaw } from 'vue';\nimport type { RouteLocationNormalized } from 'vue-router';\nimport { useRouter } from 'vue-router';\nimport { useMultipleTabStore } from '@vft/store';\n\n/**\n * @description 初始化需要固定的 tab 标签\n * @author wfd\n * @date 2022/10/15 19:03\n * @example\n * @returns {string[]}\n */\nexport function initAffixTabs(): string[] {\n  const affixList = ref<RouteLocationNormalized[]>([]);\n\n  const tabStore = useMultipleTabStore();\n  const router = useRouter();\n\n  // 过滤需要固定的标签\n  function filterAffixTabs(routes: RouteLocationNormalized[]) {\n    const tabs: RouteLocationNormalized[] = [];\n    routes &&\n      routes.forEach((route) => {\n        if (route.meta?.affix) {\n          // console.log(route, 777, toRaw(route));\n          tabs.push(toRaw(route));\n        }\n      });\n    return tabs;\n  }\n\n  function addAffixTabs() {\n    const affixTabs = filterAffixTabs(router.getRoutes() as unknown as RouteLocationNormalized[]);\n\n    arrSort(affixTabs, ['meta', 'order']);\n\n    affixList.value = affixTabs;\n\n    for (const tab of affixTabs) {\n      tabStore.addTab({\n        meta: tab.meta,\n        name: tab.name,\n        path: tab.path\n      } as RouteLocationNormalized);\n    }\n  }\n\n  let isAddAffix = false;\n\n  // 开始执行固定标签\n  if (!isAddAffix) {\n    addAffixTabs();\n    isAddAffix = true;\n  }\n  return affixList.value.map((item) => item.meta?.title).filter(Boolean) as string[];\n}\n\nexport function useTabsDrag(affixTextList: string[]) {\n  const tabStore = useMultipleTabStore();\n  nextTick(() => {\n    const el = document.querySelectorAll('.vft-tabs__nav')?.[0] as HTMLElement;\n\n    const { initSortable } = useSortable(el, {\n      draggable: '.is-closable',\n      filter: (e) => {\n        const text = (e?.target as HTMLElement)?.innerText;\n        if (!text) return false;\n        return affixTextList.includes(text);\n      },\n\n      onEnd: (evt: SortableEvent) => {\n        const { oldIndex, newIndex } = evt;\n\n        if (isNullOrUndefined(oldIndex) || isNullOrUndefined(newIndex) || oldIndex === newIndex) {\n          return;\n        }\n\n        tabStore.sortTabs(oldIndex, newIndex);\n      }\n    });\n    initSortable();\n  });\n}\n"],"names":["initAffixTabs","affixList","ref","tabStore","useMultipleTabStore","router","useRouter","filterAffixTabs","routes","tabs","route","_a","toRaw","addAffixTabs","affixTabs","arrSort","tab","isAddAffix","item","useTabsDrag","affixTextList","nextTick","el","initSortable","useSortable","e","text","evt","oldIndex","newIndex","isNullOrUndefined"],"mappings":";;;;;AAeO,SAASA,IAA0B;AAClC,QAAAC,IAAYC,EAA+B,CAAA,CAAE,GAE7CC,IAAWC,KACXC,IAASC;AAGf,WAASC,EAAgBC,GAAmC;AAC1D,UAAMC,IAAkC,CAAA;AAEtC,WAAAD,KAAAA,EAAO,QAAQ,CAACE,MAAU;;AACpB,OAAAC,IAAAD,EAAM,SAAN,QAAAC,EAAY,SAETF,EAAA,KAAKG,EAAMF,CAAK,CAAC;AAAA,IACxB,CACD,GACID;AAAA,EACT;AAEA,WAASI,IAAe;AACtB,UAAMC,IAAYP,EAAgBF,EAAO,UAAmD,CAAA;AAE5F,IAAAU,EAAQD,GAAW,CAAC,QAAQ,OAAO,CAAC,GAEpCb,EAAU,QAAQa;AAElB,eAAWE,KAAOF;AAChB,MAAAX,EAAS,OAAO;AAAA,QACd,MAAMa,EAAI;AAAA,QACV,MAAMA,EAAI;AAAA,QACV,MAAMA,EAAI;AAAA,MAAA,CACgB;AAAA,EAEhC;AAEA,MAAIC,IAAa;AAGjB,SAAKA,MACUJ,KACAI,IAAA,KAERhB,EAAU,MAAM,IAAI,CAACiB,MAAA;;AAAS,YAAAP,IAAAO,EAAK,SAAL,gBAAAP,EAAW;AAAA,GAAK,EAAE,OAAO,OAAO;AACvE;AAEO,SAASQ,EAAYC,GAAyB;AACnD,QAAMjB,IAAWC;AACjB,EAAAiB,EAAS,MAAM;;AACb,UAAMC,KAAKX,IAAA,SAAS,iBAAiB,gBAAgB,MAA1C,gBAAAA,EAA8C,IAEnD,EAAE,cAAAY,EAAA,IAAiBC,EAAYF,GAAI;AAAA,MACvC,WAAW;AAAA,MACX,QAAQ,CAACG,MAAM;;AACP,cAAAC,KAAQf,IAAAc,KAAA,gBAAAA,EAAG,WAAH,gBAAAd,EAA2B;AACzC,eAAKe,IACEN,EAAc,SAASM,CAAI,IADhB;AAAA,MAEpB;AAAA,MAEA,OAAO,CAACC,MAAuB;AACvB,cAAA,EAAE,UAAAC,GAAU,UAAAC,EAAa,IAAAF;AAE/B,QAAIG,EAAkBF,CAAQ,KAAKE,EAAkBD,CAAQ,KAAKD,MAAaC,KAItE1B,EAAA,SAASyB,GAAUC,CAAQ;AAAA,MACtC;AAAA,IAAA,CACD;AACY,IAAAN;EAAA,CACd;AACH;"}

package/es/packages/components/multiple-tabs/use/use-tab-dropdown.mjs

@@ -0,0 +1,71 @@
+import { getRouterKeyPath as d } from "@vft/router";
+import { reactive as T, computed as C } from "vue";
+import { useMultipleTabStore as D, useTabs as M } from "@vft/store";
+function S(e, r) {
+  const i = T({
+    current: null,
+    currentIndex: 0
+  }), t = D(), { refreshPage: g, closeAll: a, close: h, closeLeft: u, closeOther: f, closeRight: p, newWinTab: x } = M(), L = C(() => {
+    if (!e)
+      return;
+    const { meta: o } = e, n = i.currentIndex, s = n === 0 || n <= r, c = t.getTabList.length <= r || n === t.getTabList.length - 1 && t.getLastDragEndIndex >= 0, b = t.getTabList.length === r || t.getTabList.length === r + 1 && n === r, l = t.getTabList.length === r;
+    return [
+      {
+        iconCfg: { icon: "vi-refresh" },
+        text: "刷新",
+        handler: () => g(e)
+      },
+      {
+        iconCfg: { icon: "vi-new-page" },
+        text: "新页面打开",
+        handler: () => x(e),
+        divider: !0
+      },
+      {
+        iconCfg: { icon: "vi-close" },
+        text: "关闭标签页",
+        disabled: !!(o != null && o.affix) || l,
+        handler: () => h(e)
+      },
+      {
+        iconCfg: { icon: "vi-close-left" },
+        text: "关闭左侧标签页",
+        disabled: s,
+        handler: () => u(e)
+      },
+      {
+        iconCfg: { icon: "vi-close-right" },
+        text: "关闭右侧标签页",
+        disabled: c,
+        divider: !0,
+        handler: () => p(e)
+      },
+      {
+        iconCfg: { icon: "vi-close-other" },
+        text: "关闭其它标签页",
+        disabled: b,
+        handler: () => f(e)
+      },
+      {
+        iconCfg: { icon: "vi-close-all" },
+        text: "关闭所有标签页",
+        disabled: l,
+        handler: () => a()
+      }
+    ];
+  });
+  function v(o) {
+    return (n) => {
+      if (!o)
+        return;
+      n == null || n.preventDefault();
+      const s = t.getTabList.findIndex((c) => d(c) === d(o));
+      i.current = o, i.currentIndex = s;
+    };
+  }
+  return { getDropMenuList: L, handleContextMenu: v };
+}
+export {
+  S as useTabDropdown
+};
+//# sourceMappingURL=use-tab-dropdown.mjs.map

package/es/packages/components/multiple-tabs/use/use-tab-dropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tab-dropdown.mjs","sources":["../../../../../../../packages/components/multiple-tabs/use/use-tab-dropdown.ts"],"sourcesContent":["import { getRouterKeyPath } from '@vft/router';\nimport { computed, reactive, unref } from 'vue';\nimport { type RouteLocationNormalized } from 'vue-router';\nimport { type ContextMenuItem } from '@vft-ui/components/context-menu';\nimport { useMultipleTabStore, useTabs } from '@vft/store';\n\nexport function useTabDropdown(tabItem: RouteLocationNormalized, affixNum: number) {\n  // 记录当前点击多 tab 的索引与 tab 的信息\n  const state = reactive({\n    current: null as Nullable<RouteLocationNormalized>,\n    currentIndex: 0\n  });\n\n  const tabStore = useMultipleTabStore();\n  const { refreshPage, closeAll, close, closeLeft, closeOther, closeRight, newWinTab } = useTabs();\n\n  /**\n   * @description 多 tab 菜单列表\n   */\n  const getDropMenuList = computed(() => {\n    if (!tabItem) {\n      return;\n    }\n    const { meta } = tabItem;\n\n    const index = state.currentIndex;\n\n    // 关闭左侧标签页\n    const closeLeftDisabled = index === 0 || index <= affixNum;\n    // 关闭右侧标签页\n    const closeRightDisabled = tabStore.getTabList.length <= affixNum || (index === tabStore.getTabList.length - 1 && tabStore.getLastDragEndIndex >= 0);\n    // 关闭其他\n    const closeOtherDisabled = tabStore.getTabList.length === affixNum || (tabStore.getTabList.length === affixNum + 1 && index === affixNum);\n    // 关闭所有\n    const disabled = tabStore.getTabList.length === affixNum;\n\n    const dropMenuList: ContextMenuItem[] = [\n      {\n        iconCfg: { icon: 'vi-refresh' },\n        text: '刷新',\n        handler: () => refreshPage(tabItem)\n      },\n      {\n        iconCfg: { icon: 'vi-new-page' },\n        text: '新页面打开',\n        handler: () => newWinTab(tabItem),\n        divider: true\n      },\n      {\n        iconCfg: { icon: 'vi-close' },\n        text: '关闭标签页',\n        disabled: !!meta?.affix || disabled,\n        handler: () => close(tabItem)\n      },\n      {\n        iconCfg: { icon: 'vi-close-left' },\n        text: '关闭左侧标签页',\n        disabled: closeLeftDisabled,\n        handler: () => closeLeft(tabItem)\n      },\n      {\n        iconCfg: { icon: 'vi-close-right' },\n        text: '关闭右侧标签页',\n        disabled: closeRightDisabled,\n        divider: true,\n        handler: () => closeRight(tabItem)\n      },\n      {\n        iconCfg: { icon: 'vi-close-other' },\n        text: '关闭其它标签页',\n        disabled: closeOtherDisabled,\n        handler: () => closeOther(tabItem)\n      },\n      {\n        iconCfg: { icon: 'vi-close-all' },\n        text: '关闭所有标签页',\n        disabled,\n        handler: () => closeAll()\n      }\n    ];\n\n    return dropMenuList;\n  });\n\n  // 点击 tab 右侧菜单事件\n  function handleContextMenu(tabItem: RouteLocationNormalized) {\n    return (e: Event) => {\n      if (!tabItem) {\n        return;\n      }\n      e?.preventDefault();\n\n      // 获取当前点击的 tab 在多 tab 列表中的位置\n      const index = tabStore.getTabList.findIndex((tab) => getRouterKeyPath(tab) === getRouterKeyPath(tabItem));\n      state.current = tabItem;\n      state.currentIndex = index;\n    };\n  }\n\n  return { getDropMenuList, handleContextMenu };\n}\n"],"names":["useTabDropdown","tabItem","affixNum","state","reactive","tabStore","useMultipleTabStore","refreshPage","closeAll","close","closeLeft","closeOther","closeRight","newWinTab","useTabs","getDropMenuList","computed","meta","index","closeLeftDisabled","closeRightDisabled","closeOtherDisabled","disabled","handleContextMenu","e","tab","getRouterKeyPath"],"mappings":";;;AAMgB,SAAAA,EAAeC,GAAkCC,GAAkB;AAEjF,QAAMC,IAAQC,EAAS;AAAA,IACrB,SAAS;AAAA,IACT,cAAc;AAAA,EAAA,CACf,GAEKC,IAAWC,KACX,EAAE,aAAAC,GAAa,UAAAC,GAAU,OAAAC,GAAO,WAAAC,GAAW,YAAAC,GAAY,YAAAC,GAAY,WAAAC,MAAcC,KAKjFC,IAAkBC,EAAS,MAAM;AACrC,QAAI,CAACf;AACH;AAEI,UAAA,EAAE,MAAAgB,EAAS,IAAAhB,GAEXiB,IAAQf,EAAM,cAGdgB,IAAoBD,MAAU,KAAKA,KAAShB,GAE5CkB,IAAqBf,EAAS,WAAW,UAAUH,KAAagB,MAAUb,EAAS,WAAW,SAAS,KAAKA,EAAS,uBAAuB,GAE5IgB,IAAqBhB,EAAS,WAAW,WAAWH,KAAaG,EAAS,WAAW,WAAWH,IAAW,KAAKgB,MAAUhB,GAE1HoB,IAAWjB,EAAS,WAAW,WAAWH;AA+CzC,WA7CiC;AAAA,MACtC;AAAA,QACE,SAAS,EAAE,MAAM,aAAa;AAAA,QAC9B,MAAM;AAAA,QACN,SAAS,MAAMK,EAAYN,CAAO;AAAA,MACpC;AAAA,MACA;AAAA,QACE,SAAS,EAAE,MAAM,cAAc;AAAA,QAC/B,MAAM;AAAA,QACN,SAAS,MAAMY,EAAUZ,CAAO;AAAA,QAChC,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,SAAS,EAAE,MAAM,WAAW;AAAA,QAC5B,MAAM;AAAA,QACN,UAAU,CAAC,EAACgB,KAAA,QAAAA,EAAM,UAASK;AAAA,QAC3B,SAAS,MAAMb,EAAMR,CAAO;AAAA,MAC9B;AAAA,MACA;AAAA,QACE,SAAS,EAAE,MAAM,gBAAgB;AAAA,QACjC,MAAM;AAAA,QACN,UAAUkB;AAAA,QACV,SAAS,MAAMT,EAAUT,CAAO;AAAA,MAClC;AAAA,MACA;AAAA,QACE,SAAS,EAAE,MAAM,iBAAiB;AAAA,QAClC,MAAM;AAAA,QACN,UAAUmB;AAAA,QACV,SAAS;AAAA,QACT,SAAS,MAAMR,EAAWX,CAAO;AAAA,MACnC;AAAA,MACA;AAAA,QACE,SAAS,EAAE,MAAM,iBAAiB;AAAA,QAClC,MAAM;AAAA,QACN,UAAUoB;AAAA,QACV,SAAS,MAAMV,EAAWV,CAAO;AAAA,MACnC;AAAA,MACA;AAAA,QACE,SAAS,EAAE,MAAM,eAAe;AAAA,QAChC,MAAM;AAAA,QACN,UAAAqB;AAAA,QACA,SAAS,MAAMd,EAAS;AAAA,MAC1B;AAAA,IAAA;AAAA,EAGK,CACR;AAGD,WAASe,EAAkBtB,GAAkC;AAC3D,WAAO,CAACuB,MAAa;AACnB,UAAI,CAACvB;AACH;AAEF,MAAAuB,KAAA,QAAAA,EAAG;AAGG,YAAAN,IAAQb,EAAS,WAAW,UAAU,CAACoB,MAAQC,EAAiBD,CAAG,MAAMC,EAAiBzB,CAAO,CAAC;AACxG,MAAAE,EAAM,UAAUF,GAChBE,EAAM,eAAee;AAAA,IAAA;AAAA,EAEzB;AAEO,SAAA,EAAE,iBAAAH,GAAiB,mBAAAQ;AAC5B;"}

package/es/packages/components/popover/directive.mjs

@@ -0,0 +1,16 @@
+const a = (t, e) => {
+  const o = e.arg || e.value, r = o == null ? void 0 : o.popperRef;
+  r && (r.triggerRef = t);
+}, c = {
+  mounted(t, e) {
+    a(t, e);
+  },
+  updated(t, e) {
+    a(t, e);
+  }
+}, s = "popover";
+export {
+  s as VPopover,
+  c as default
+};
+//# sourceMappingURL=directive.mjs.map

package/es/packages/components/popover/directive.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"directive.mjs","sources":["../../../../../../packages/components/popover/directive.ts"],"sourcesContent":["import type { DirectiveBinding, ObjectDirective } from 'vue'\n// import type { PopoverInstance } from './popover'\n\nconst attachEvents = (el: HTMLElement, binding: DirectiveBinding) => {\n\tconst popperComponent: any = binding.arg || binding.value\n\tconst popover = popperComponent?.popperRef\n\tif (popover) {\n\t\tpopover.triggerRef = el\n\t}\n}\n\nexport default {\n\tmounted (el, binding) {\n\t\tattachEvents(el, binding)\n\t},\n\tupdated (el, binding) {\n\t\tattachEvents(el, binding)\n\t},\n} as ObjectDirective\n\nexport const VPopover = 'popover'\n"],"names":["attachEvents","el","binding","popperComponent","popover","directive","VPopover"],"mappings":"AAGA,MAAMA,IAAe,CAACC,GAAiBC,MAA8B;AAC9D,QAAAC,IAAuBD,EAAQ,OAAOA,EAAQ,OAC9CE,IAAUD,KAAA,gBAAAA,EAAiB;AACjC,EAAIC,MACHA,EAAQ,aAAaH;AAEvB,GAEeI,IAAA;AAAA,EACd,QAASJ,GAAIC,GAAS;AACrB,IAAAF,EAAaC,GAAIC,CAAO;AAAA,EACzB;AAAA,EACA,QAASD,GAAIC,GAAS;AACrB,IAAAF,EAAaC,GAAIC,CAAO;AAAA,EACzB;AACD,GAEaI,IAAW;"}

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

@@ -0,0 +1,11 @@
+import { withInstall as o } from "../../utils/vue/install.mjs";
+import "vue";
+import "@vue/shared";
+import "@vft/utils";
+import t from "./popover.vue2.mjs";
+const a = o(t);
+export {
+  a as VftPopover,
+  a as default
+};
+//# sourceMappingURL=index.mjs.map

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

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

package/es/packages/components/popover/popover.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./popover.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=popover.vue.mjs.map

package/es/packages/components/popover/popover.vue.mjs.map

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

package/es/packages/components/popover/popover.vue2.mjs

@@ -0,0 +1,117 @@
+import { defineComponent as c, ref as k, computed as n, unref as o, openBlock as i, createBlock as A, mergeProps as S, withCtx as f, createElementBlock as $, normalizeClass as x, toDisplayString as s, createCommentVNode as d, renderSlot as u, createTextVNode as R } from "vue";
+import { addUnit as E } from "@vft/utils";
+import { useNamespace as N } 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 { VftTooltip as V } from "../tooltip/index.mjs";
+const r = (
+  /* hoist-static*/
+  N("popover")
+), H = c({
+  name: r.b()
+}), G = /* @__PURE__ */ c({
+  ...H,
+  props: {
+    trigger: { default: "hover" },
+    placement: { default: "bottom" },
+    disabled: { type: Boolean },
+    visible: { type: Boolean, default: null },
+    transition: { default: "vft-fade-in-linear" },
+    popperOptions: null,
+    tabindex: { default: 0 },
+    content: null,
+    popperStyle: null,
+    popperClass: null,
+    enterable: { type: Boolean, default: !0 },
+    effect: { default: "light" },
+    teleported: { type: Boolean, default: !0 },
+    title: null,
+    width: { default: 150 },
+    offset: null,
+    showAfter: { default: 0 },
+    hideAfter: { default: 200 },
+    autoClose: { default: 0 },
+    showArrow: { type: Boolean, default: !0 },
+    persistent: { type: Boolean, default: !0 }
+  },
+  emits: ["update:visible", "before-enter", "before-leave", "after-enter", "after-leave"],
+  setup(e, { expose: p, emit: l }) {
+    const a = k(), b = n(() => {
+      var t;
+      return (t = o(a)) == null ? void 0 : t.popperRef;
+    }), m = n(() => [
+      {
+        width: E(e.width)
+      },
+      e.popperStyle
+    ]), h = n(() => [r.b(), e.popperClass, { [r.m("plain")]: !!e.content }]), v = n(() => e.transition === `${r.namespace.value}-fade-in-linear`), w = () => {
+      var t;
+      (t = a.value) == null || t.hide();
+    }, y = () => {
+      l("before-enter");
+    }, g = () => {
+      l("before-leave");
+    }, B = () => {
+      l("after-enter");
+    }, C = () => {
+      l("update:visible", !1), l("after-leave");
+    };
+    return p({
+      /** @description popper ref */
+      popperRef: b,
+      /** @description hide popover */
+      hide: w
+    }), (t, L) => (i(), A(o(V), S({
+      ref_key: "tooltipRef",
+      ref: a
+    }, t.$attrs, {
+      trigger: e.trigger,
+      placement: e.placement,
+      disabled: e.disabled,
+      visible: e.visible,
+      transition: e.transition,
+      "popper-options": e.popperOptions,
+      tabindex: e.tabindex,
+      content: e.content,
+      offset: e.offset,
+      "show-after": e.showAfter,
+      "hide-after": e.hideAfter,
+      "auto-close": e.autoClose,
+      "show-arrow": e.showArrow,
+      "aria-label": e.title,
+      effect: e.effect,
+      enterable: e.enterable,
+      "popper-class": o(h),
+      "popper-style": o(m),
+      teleported: e.teleported,
+      persistent: e.persistent,
+      "gpu-acceleration": o(v),
+      onBeforeShow: y,
+      onBeforeHide: g,
+      onShow: B,
+      onHide: C
+    }), {
+      content: f(() => [
+        e.title ? (i(), $("div", {
+          key: 0,
+          class: x(o(r).e("title")),
+          role: "title"
+        }, s(e.title), 3)) : d("", !0),
+        u(t.$slots, "default", {}, () => [
+          R(s(e.content), 1)
+        ])
+      ]),
+      default: f(() => [
+        t.$slots.reference ? u(t.$slots, "reference", { key: 0 }) : d("", !0)
+      ]),
+      _: 3
+    }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "gpu-acceleration"]));
+  }
+});
+export {
+  G as default
+};
+//# sourceMappingURL=popover.vue2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.vue2.mjs","sources":["../../../../../../packages/components/popover/popover.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('popover')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<template>\n\t<vft-tooltip\n\t\t\tref=\"tooltipRef\"\n\t\t\tv-bind=\"$attrs\"\n\t\t\t:trigger=\"trigger\"\n\t\t\t:placement=\"placement\"\n\t\t\t:disabled=\"disabled\"\n\t\t\t:visible=\"visible\"\n\t\t\t:transition=\"transition\"\n\t\t\t:popper-options=\"popperOptions\"\n\t\t\t:tabindex=\"tabindex\"\n\t\t\t:content=\"content\"\n\t\t\t:offset=\"offset\"\n\t\t\t:show-after=\"showAfter\"\n\t\t\t:hide-after=\"hideAfter\"\n\t\t\t:auto-close=\"autoClose\"\n\t\t\t:show-arrow=\"showArrow\"\n\t\t\t:aria-label=\"title\"\n\t\t\t:effect=\"effect\"\n\t\t\t:enterable=\"enterable\"\n\t\t\t:popper-class=\"kls\"\n\t\t\t:popper-style=\"style\"\n\t\t\t:teleported=\"teleported\"\n\t\t\t:persistent=\"persistent\"\n\t\t\t:gpu-acceleration=\"gpuAcceleration\"\n\t\t\t@before-show=\"beforeEnter\"\n\t\t\t@before-hide=\"beforeLeave\"\n\t\t\t@show=\"afterEnter\"\n\t\t\t@hide=\"afterLeave\"\n\t>\n\t\t<template v-if=\"$slots.reference\">\n\t\t\t<slot name=\"reference\" />\n\t\t</template>\n\n\t\t<template #content>\n\t\t\t<div v-if=\"title\" :class=\"ns.e('title')\" role=\"title\">\n\t\t\t\t{{ title }}\n\t\t\t</div>\n\t\t\t<slot>\n\t\t\t\t{{ content }}\n\t\t\t</slot>\n\t\t</template>\n\t</vft-tooltip>\n</template>\n<script lang=\"ts\" setup>\nimport type { Options, Placement } from '@popperjs/core';\nimport { computed, ref, type StyleValue, unref } from 'vue';\nimport { addUnit } from '@vft/utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { VftTooltip, type TooltipTriggerType } from '@vft-ui/components/tooltip';\n\ninterface PopoverProps {\n\ttrigger?: TooltipTriggerType;\n\tplacement?: Placement;\n\tdisabled?: boolean;\n\tvisible?: boolean;\n\ttransition?: string;\n\tpopperOptions?: Partial<Options>;\n\ttabindex?: number;\n\tcontent?: string;\n\tpopperStyle?: StyleValue;\n\tpopperClass?: ClassType;\n\tenterable?: boolean;\n\teffect?: 'light' | 'dark';\n\tteleported?: boolean;\n\ttitle?: string;\n\twidth?: string | number;\n\toffset?: number;\n\tshowAfter?: number;\n\thideAfter?: number;\n\tautoClose?: number;\n\tshowArrow?: boolean;\n\tpersistent?: boolean;\n}\n\ndefineProps({\n  \"trigger\": { default: 'hover' },\n  \"placement\": { default: 'bottom' },\n  \"disabled\": { type: Boolean,  },\n  \"visible\": { type: Boolean, default: null },\n  \"transition\": { default: 'vft-fade-in-linear' },\n  \"popperOptions\": null,\n  \"tabindex\": { default: 0 },\n  \"content\": null,\n  \"popperStyle\": null,\n  \"popperClass\": null,\n  \"enterable\": { type: Boolean, default: true },\n  \"effect\": { default: 'light' },\n  \"teleported\": { type: Boolean, default: true },\n  \"title\": null,\n  \"width\": { default: 150 },\n  \"offset\": null,\n  \"showAfter\": { default: 0 },\n  \"hideAfter\": { default: 200 },\n  \"autoClose\": { default: 0 },\n  \"showArrow\": { type: Boolean, default: true },\n  \"persistent\": { type: Boolean, default: true }\n})\n\nconst emit = defineEmits(['update:visible', 'before-enter', 'before-leave', 'after-enter', 'after-leave']);\n\n\n\n;\n\nconst tooltipRef = ref();\nconst popperRef = computed(() => {\n\treturn unref(tooltipRef)?.popperRef;\n});\n\nconst style = computed(() => {\n\treturn [\n\t\t{\n\t\t\twidth: addUnit(__props.width)\n\t\t},\n\t\t__props.popperStyle!\n\t];\n});\n\nconst kls = computed(() => {\n\treturn [ns.b(), __props.popperClass!, { [ns.m('plain')]: !!__props.content }];\n});\n\nconst gpuAcceleration = computed(() => {\n\treturn __props.transition === `${ns.namespace.value}-fade-in-linear`;\n});\n\nconst hide = () => {\n\ttooltipRef.value?.hide();\n};\n\nconst beforeEnter = () => {\n\temit('before-enter');\n};\nconst beforeLeave = () => {\n\temit('before-leave');\n};\n\nconst afterEnter = () => {\n\temit('after-enter');\n};\n\nconst afterLeave = () => {\n\temit('update:visible', false);\n\temit('after-leave');\n};\n\ndefineExpose({\n\t/** @description popper ref */\n\tpopperRef,\n\t/** @description hide popover */\n\thide\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","tooltipRef","ref","popperRef","computed","_a","unref","style","addUnit","__props","kls","gpuAcceleration","hide","beforeEnter","emit","beforeLeave","afterEnter","afterLeave","expose"],"mappings":";;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,SAAS;AAAA,GAGnDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0GD,UAAMI,IAAaC,KACbC,IAAYC,EAAS,MAAM;;AACzB,cAAAC,IAAAC,EAAML,CAAU,MAAhB,gBAAAI,EAAmB;AAAA,IAAA,CAC1B,GAEKE,IAAQH,EAAS,MACf;AAAA,MACN;AAAA,QACC,OAAOI,EAAQC,EAAQ,KAAK;AAAA,MAC7B;AAAA,MACAA,EAAQ;AAAA,IAAA,CAET,GAEKC,IAAMN,EAAS,MACb,CAACP,EAAG,EAAK,GAAAY,EAAQ,aAAc,EAAE,CAACZ,EAAG,EAAE,OAAO,CAAC,GAAG,CAAC,CAACY,EAAQ,QAAS,CAAA,CAC5E,GAEKE,IAAkBP,EAAS,MACzBK,EAAQ,eAAe,GAAGZ,EAAG,UAAU,sBAC9C,GAEKe,IAAO,MAAM;;AAClB,OAAAP,IAAAJ,EAAW,UAAX,QAAAI,EAAkB;AAAA,IAAK,GAGlBQ,IAAc,MAAM;AACzB,MAAAC,EAAK,cAAc;AAAA,IAAA,GAEdC,IAAc,MAAM;AACzB,MAAAD,EAAK,cAAc;AAAA,IAAA,GAGdE,IAAa,MAAM;AACxB,MAAAF,EAAK,aAAa;AAAA,IAAA,GAGbG,IAAa,MAAM;AACxB,MAAAH,EAAK,kBAAkB,EAAK,GAC5BA,EAAK,aAAa;AAAA,IAAA;AAGN,WAAAI,EAAA;AAAA;AAAA,MAEZ,WAAAf;AAAA;AAAA,MAEA,MAAAS;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/popover/style/css.mjs

@@ -0,0 +1,4 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-popover.css";
+import "vft/theme-style/vft-popper.css";
+//# sourceMappingURL=css.mjs.map

package/es/packages/components/popover/style/css.mjs.map

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

package/es/packages/components/popover/style/index.mjs

@@ -0,0 +1,4 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/popover.scss.mjs";
+import "../../../theme-style/src/popper.scss.mjs";
+//# sourceMappingURL=index.mjs.map

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

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

package/es/packages/components/popover/types.mjs

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

package/es/packages/components/popover/types.mjs.map

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

package/es/packages/components/popper/arrow.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./arrow.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=arrow.vue.mjs.map

package/es/packages/components/popper/arrow.vue.mjs.map

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

package/es/packages/components/popper/arrow.vue2.mjs

@@ -0,0 +1,47 @@
+import { defineComponent as t, inject as m, watch as i, onBeforeUnmount as l, openBlock as c, createElementBlock as _, normalizeClass as u, unref as o, normalizeStyle as w } from "vue";
+import { useNamespace as d } 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";
+import { POPPER_CONTENT_INJECTION_KEY as O } from "./constants.mjs";
+const v = t({
+  name: "vft-popper-arrow",
+  inheritAttrs: !1
+}), x = /* @__PURE__ */ t({
+  ...v,
+  props: {
+    arrowOffset: { default: 5 }
+  },
+  setup(a, { expose: p }) {
+    const f = d("popper"), { arrowOffset: n, arrowRef: r, arrowStyle: s } = m(
+      O,
+      void 0
+    );
+    return i(
+      () => a.arrowOffset,
+      (e) => {
+        n.value = e;
+      }
+    ), l(() => {
+      r.value = void 0;
+    }), p({
+      /**
+       * @description Arrow element
+       */
+      arrowRef: r
+    }), (e, E) => (c(), _("span", {
+      ref_key: "arrowRef",
+      ref: r,
+      class: u(o(f).e("arrow")),
+      "data-popper-arrow": "",
+      style: w(o(s))
+    }, null, 6));
+  }
+});
+export {
+  x as default
+};
+//# sourceMappingURL=arrow.vue2.mjs.map

package/es/packages/components/popper/arrow.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.vue2.mjs","sources":["../../../../../../packages/components/popper/arrow.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'vft-popper-arrow',\n\tinheritAttrs: false\n});\n</script>\n<template>\n  <span ref=\"arrowRef\" :class=\"ns.e('arrow')\" data-popper-arrow :style=\"arrowStyle\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onBeforeUnmount, watch } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { POPPER_CONTENT_INJECTION_KEY } from './constants';\n\ninterface Props {\n  arrowOffset?: number\n}\n\ndefineProps({\n  \"arrowOffset\": { default: 5 }\n})\n\n;\n\nconst ns = useNamespace('popper');\nconst { arrowOffset: _arrowOffset, arrowRef, arrowStyle } = inject(\n  POPPER_CONTENT_INJECTION_KEY,\n  undefined\n)!;\n\nwatch(\n  () => __props.arrowOffset,\n  (val) => {\n    _arrowOffset.value = val;\n  }\n);\nonBeforeUnmount(() => {\n  arrowRef.value = undefined;\n});\n\ndefineExpose({\n  /**\n   * @description Arrow element\n   */\n  arrowRef\n});\n</script>\n"],"names":["__default__","DO_defineComponent","ns","useNamespace","_arrowOffset","arrowRef","arrowStyle","inject","POPPER_CONTENT_INJECTION_KEY","watch","__props","val","onBeforeUnmount","expose"],"mappings":";;;;;;;;;AAEA,MAAAA,IAA6BC,EAAmB;AAAA,EAC/C,MAAM;AAAA,EACN,cAAc;AACf,CAAC;;;;;;AAqBK,UAAAC,IAAKC,EAAa,QAAQ,GAC1B,EAAE,aAAaC,GAAc,UAAAC,GAAU,YAAAC,EAAe,IAAAC;AAAA,MAC1DC;AAAA,MACA;AAAA,IAAA;AAGF,WAAAC;AAAA,MACE,MAAMC,EAAQ;AAAA,MACd,CAACC,MAAQ;AACP,QAAAP,EAAa,QAAQO;AAAA,MACvB;AAAA,IAAA,GAEFC,EAAgB,MAAM;AACpB,MAAAP,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEYQ,EAAA;AAAA;AAAA;AAAA;AAAA,MAIX,UAAAR;AAAA,IAAA,CACD;;;;;;;;;"}

package/es/packages/components/popper/composables/index.mjs

@@ -0,0 +1,9 @@
+import { usePopperContent as p } from "./use-content.mjs";
+import { usePopperContentDOM as t } from "./use-content-dom.mjs";
+import { usePopperContentFocusTrap as s } from "./use-focus-trap.mjs";
+export {
+  p as usePopperContent,
+  t as usePopperContentDOM,
+  s as usePopperContentFocusTrap
+};
+//# sourceMappingURL=index.mjs.map

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

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

package/es/packages/components/popper/composables/use-content-dom.mjs

@@ -0,0 +1,43 @@
+import { computed as t, unref as o, ref as l } from "vue";
+import { useNamespace as f } from "../../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import { useZIndex as I } from "../../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import "@vft/utils";
+const g = (e, {
+  attributes: s,
+  styles: p,
+  role: a
+}) => {
+  const { nextZIndex: c } = I(), n = f("popper"), d = t(() => o(s).popper), r = l(e.zIndex || c()), i = t(() => [
+    n.b(),
+    n.is("pure", e.pure),
+    n.is(e.effect),
+    e.popperClass
+  ]), m = t(() => [
+    { zIndex: o(r) },
+    e.popperStyle || {},
+    o(p).popper
+  ]), u = t(
+    () => a.value === "dialog" ? "false" : void 0
+  ), x = t(
+    () => o(p).arrow || {}
+  );
+  return {
+    ariaModal: u,
+    arrowStyle: x,
+    contentAttrs: d,
+    contentClass: i,
+    contentStyle: m,
+    contentZIndex: r,
+    updateZIndex: () => {
+      r.value = e.zIndex || c();
+    }
+  };
+};
+export {
+  g as usePopperContentDOM
+};
+//# sourceMappingURL=use-content-dom.mjs.map

package/es/packages/components/popper/composables/use-content-dom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-content-dom.mjs","sources":["../../../../../../../packages/components/popper/composables/use-content-dom.ts"],"sourcesContent":["import { computed, ref, unref } from 'vue'\nimport { useNamespace, useZIndex } from '@vft-ui/hooks'\n\nimport type { CSSProperties, StyleValue } from 'vue'\nimport type { UsePopperReturn } from '@vft-ui/hooks'\nimport type { UsePopperContentReturn } from './use-content'\nimport type { PopperContentProps } from '../types'\n\nexport const usePopperContentDOM = (\n  props: PopperContentProps,\n  {\n    attributes,\n    styles,\n    role,\n  }: Pick<UsePopperReturn, 'attributes' | 'styles'> &\n    Pick<UsePopperContentReturn, 'role'>\n) => {\n  const { nextZIndex } = useZIndex()\n  const ns = useNamespace('popper')\n\n  const contentAttrs = computed(() => unref(attributes).popper)\n  const contentZIndex = ref<number>(props.zIndex || nextZIndex())\n  const contentClass = computed(() => [\n    ns.b(),\n    ns.is('pure', props.pure),\n    ns.is(props.effect!),\n    props.popperClass,\n  ])\n  const contentStyle = computed<StyleValue[]>(() => {\n    return [\n      { zIndex: unref(contentZIndex) } as CSSProperties,\n      props.popperStyle || {},\n      unref(styles).popper as CSSProperties,\n    ]\n  })\n  const ariaModal = computed<string | undefined>(() =>\n    role.value === 'dialog' ? 'false' : undefined\n  )\n  const arrowStyle = computed(\n    () => (unref(styles).arrow || {}) as CSSProperties\n  )\n\n  const updateZIndex = () => {\n    contentZIndex.value = props.zIndex || nextZIndex()\n  }\n\n  return {\n    ariaModal,\n    arrowStyle,\n    contentAttrs,\n    contentClass,\n    contentStyle,\n    contentZIndex,\n\n    updateZIndex,\n  }\n}\n\nexport type UsePopperContentDOMReturn = ReturnType<typeof usePopperContentDOM>\n"],"names":["usePopperContentDOM","props","attributes","styles","role","nextZIndex","useZIndex","ns","useNamespace","contentAttrs","computed","unref","contentZIndex","ref","contentClass","contentStyle","ariaModal","arrowStyle"],"mappings":";;;;;;;;AAQa,MAAAA,IAAsB,CACjCC,GACA;AAAA,EACE,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AACF,MAEG;AACG,QAAA,EAAE,YAAAC,MAAeC,KACjBC,IAAKC,EAAa,QAAQ,GAE1BC,IAAeC,EAAS,MAAMC,EAAMT,CAAU,EAAE,MAAM,GACtDU,IAAgBC,EAAYZ,EAAM,UAAUI,EAAY,CAAA,GACxDS,IAAeJ,EAAS,MAAM;AAAA,IAClCH,EAAG,EAAE;AAAA,IACLA,EAAG,GAAG,QAAQN,EAAM,IAAI;AAAA,IACxBM,EAAG,GAAGN,EAAM,MAAO;AAAA,IACnBA,EAAM;AAAA,EAAA,CACP,GACKc,IAAeL,EAAuB,MACnC;AAAA,IACL,EAAE,QAAQC,EAAMC,CAAa,EAAE;AAAA,IAC/BX,EAAM,eAAe,CAAC;AAAA,IACtBU,EAAMR,CAAM,EAAE;AAAA,EAAA,CAEjB,GACKa,IAAYN;AAAA,IAA6B,MAC7CN,EAAK,UAAU,WAAW,UAAU;AAAA,EAAA,GAEhCa,IAAaP;AAAA,IACjB,MAAOC,EAAMR,CAAM,EAAE,SAAS,CAAC;AAAA,EAAA;AAO1B,SAAA;AAAA,IACL,WAAAa;AAAA,IACA,YAAAC;AAAA,IACA,cAAAR;AAAA,IACA,cAAAK;AAAA,IACA,cAAAC;AAAA,IACA,eAAAH;AAAA,IAEA,cAZmB,MAAM;AACX,MAAAA,EAAA,QAAQX,EAAM,UAAUI,EAAW;AAAA,IAAA;AAAA,EAWjD;AAEJ;"}

package/es/packages/components/popper/composables/use-content.mjs

@@ -0,0 +1,64 @@
+import { inject as F, ref as a, computed as o, unref as t, watch as f, onMounted as M } from "vue";
+import { isUndefined as U } from "lodash";
+import { usePopper as _ } from "../../../hooks/use-popper/index.mjs";
+import "../../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import "@vft/utils";
+import { POPPER_INJECTION_KEY as C } from "../constants.mjs";
+import { buildPopperOptions as I, unwrapMeasurableEl as L } from "../utils.mjs";
+const T = 0, K = (r) => {
+  const { popperInstanceRef: m, contentRef: i, triggerRef: d, role: u } = F(
+    C,
+    void 0
+  ), s = a(), l = a(), R = o(() => ({
+    name: "eventListeners",
+    enabled: !!r.visible
+  })), E = o(() => {
+    const e = t(s), v = t(l) ?? T;
+    return {
+      name: "arrow",
+      enabled: !U(e),
+      options: {
+        element: e,
+        padding: v
+      }
+    };
+  }), w = o(() => ({
+    onFirstUpdate: () => {
+      n();
+    },
+    // @ts-ignore
+    ...I(r, [
+      t(E),
+      t(R)
+    ])
+  })), p = o(
+    () => L(r.referenceEl) || t(d)
+  ), { attributes: b, state: O, styles: P, update: n, forceUpdate: g, instanceRef: c } = _(p, i, w);
+  return f(c, (e) => m.value = e), M(() => {
+    f(
+      () => {
+        var e;
+        return (e = t(p)) == null ? void 0 : e.getBoundingClientRect();
+      },
+      () => {
+        n();
+      }
+    );
+  }), {
+    attributes: b,
+    arrowRef: s,
+    contentRef: i,
+    instanceRef: c,
+    state: O,
+    styles: P,
+    role: u,
+    forceUpdate: g,
+    update: n
+  };
+};
+export {
+  K as usePopperContent
+};
+//# sourceMappingURL=use-content.mjs.map

package/es/packages/components/popper/composables/use-content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-content.mjs","sources":["../../../../../../../packages/components/popper/composables/use-content.ts"],"sourcesContent":["import { computed, inject, onMounted, ref, unref, watch } from 'vue'\nimport { isUndefined } from 'lodash'\nimport { usePopper } from '@vft-ui/hooks'\nimport { POPPER_INJECTION_KEY } from '../constants'\nimport { buildPopperOptions, unwrapMeasurableEl } from '../utils'\n\nimport type { Modifier } from '@popperjs/core'\nimport type { PartialOptions } from '@vft-ui/hooks'\nimport type { PopperContentProps } from '../types'\n\nconst DEFAULT_ARROW_OFFSET = 0\n\nexport const usePopperContent = (props: PopperContentProps) => {\n  const { popperInstanceRef, contentRef, triggerRef, role } = inject(\n    POPPER_INJECTION_KEY,\n    undefined\n  )!\n\n  const arrowRef = ref<HTMLElement>()\n  const arrowOffset = ref<number>()\n\n  const eventListenerModifier = computed(() => {\n    return {\n      name: 'eventListeners',\n      enabled: !!props.visible,\n    } as Modifier<'eventListeners', any>\n  })\n\n  const arrowModifier = computed(() => {\n    const arrowEl = unref(arrowRef)\n    const offset = unref(arrowOffset) ?? DEFAULT_ARROW_OFFSET\n    // Seems like the `phase` and `fn` is required by Modifier type\n    // But on its documentation they didn't specify that.\n    // Refer to https://popper.js.org/docs/v2/modifiers/arrow/\n    return {\n      name: 'arrow',\n      enabled: !isUndefined(arrowEl),\n      options: {\n        element: arrowEl,\n        padding: offset,\n      },\n    } as any\n  })\n\n  const options = computed<PartialOptions>(() => {\n    return {\n      onFirstUpdate: () => {\n        update()\n      },\n      // @ts-ignore\n      ...buildPopperOptions(props, [\n        unref(arrowModifier),\n        unref(eventListenerModifier),\n      ]),\n    }\n  })\n\n  const computedReference = computed(\n    () => unwrapMeasurableEl(props.referenceEl) || unref(triggerRef)\n  )\n\n  const { attributes, state, styles, update, forceUpdate, instanceRef } =\n    usePopper(computedReference, contentRef, options)\n\n  watch(instanceRef, (instance) => (popperInstanceRef.value = instance))\n\n  onMounted(() => {\n    watch(\n      () => unref(computedReference)?.getBoundingClientRect(),\n      () => {\n        update()\n      }\n    )\n  })\n\n  return {\n    attributes,\n    arrowRef,\n    contentRef,\n    instanceRef,\n    state,\n    styles,\n    role,\n\n    forceUpdate,\n    update,\n  }\n}\n\nexport type UsePopperContentReturn = ReturnType<typeof usePopperContent>\n"],"names":["DEFAULT_ARROW_OFFSET","usePopperContent","props","popperInstanceRef","contentRef","triggerRef","role","inject","POPPER_INJECTION_KEY","arrowRef","ref","arrowOffset","eventListenerModifier","computed","arrowModifier","arrowEl","unref","offset","isUndefined","options","update","buildPopperOptions","computedReference","unwrapMeasurableEl","attributes","state","styles","forceUpdate","instanceRef","usePopper","watch","instance","onMounted","_a"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAuB,GAEhBC,IAAmB,CAACC,MAA8B;AAC7D,QAAM,EAAE,mBAAAC,GAAmB,YAAAC,GAAY,YAAAC,GAAY,MAAAC,EAAS,IAAAC;AAAA,IAC1DC;AAAA,IACA;AAAA,EAAA,GAGIC,IAAWC,KACXC,IAAcD,KAEdE,IAAwBC,EAAS,OAC9B;AAAA,IACL,MAAM;AAAA,IACN,SAAS,CAAC,CAACX,EAAM;AAAA,EAAA,EAEpB,GAEKY,IAAgBD,EAAS,MAAM;AAC7B,UAAAE,IAAUC,EAAMP,CAAQ,GACxBQ,IAASD,EAAML,CAAW,KAAKX;AAI9B,WAAA;AAAA,MACL,MAAM;AAAA,MACN,SAAS,CAACkB,EAAYH,CAAO;AAAA,MAC7B,SAAS;AAAA,QACP,SAASA;AAAA,QACT,SAASE;AAAA,MACX;AAAA,IAAA;AAAA,EACF,CACD,GAEKE,IAAUN,EAAyB,OAChC;AAAA,IACL,eAAe,MAAM;AACZ,MAAAO;IACT;AAAA;AAAA,IAEA,GAAGC,EAAmBnB,GAAO;AAAA,MAC3Bc,EAAMF,CAAa;AAAA,MACnBE,EAAMJ,CAAqB;AAAA,IAAA,CAC5B;AAAA,EAAA,EAEJ,GAEKU,IAAoBT;AAAA,IACxB,MAAMU,EAAmBrB,EAAM,WAAW,KAAKc,EAAMX,CAAU;AAAA,EAAA,GAG3D,EAAE,YAAAmB,GAAY,OAAAC,GAAO,QAAAC,GAAQ,QAAAN,GAAQ,aAAAO,GAAa,aAAAC,EAAA,IACtDC,EAAUP,GAAmBlB,GAAYe,CAAO;AAElD,SAAAW,EAAMF,GAAa,CAACG,MAAc5B,EAAkB,QAAQ4B,CAAS,GAErEC,EAAU,MAAM;AACd,IAAAF;AAAA,MACE;;AAAM,gBAAAG,IAAAjB,EAAMM,CAAiB,MAAvB,gBAAAW,EAA0B;AAAA;AAAA,MAChC,MAAM;AACG,QAAAb;MACT;AAAA,IAAA;AAAA,EACF,CACD,GAEM;AAAA,IACL,YAAAI;AAAA,IACA,UAAAf;AAAA,IACA,YAAAL;AAAA,IACA,aAAAwB;AAAA,IACA,OAAAH;AAAA,IACA,QAAAC;AAAA,IACA,MAAApB;AAAA,IAEA,aAAAqB;AAAA,IACA,QAAAP;AAAA,EAAA;AAEJ;"}

package/es/packages/components/popper/composables/use-focus-trap.mjs

@@ -0,0 +1,28 @@
+import { ref as r } from "vue";
+const d = (n, s) => {
+  const o = r(!1), t = r();
+  return {
+    focusStartRef: t,
+    trapped: o,
+    onFocusAfterReleased: (e) => {
+      var a;
+      ((a = e.detail) == null ? void 0 : a.focusReason) !== "pointer" && (t.value = "first", s("blur"));
+    },
+    onFocusAfterTrapped: () => {
+      s("focus");
+    },
+    onFocusInTrap: (e) => {
+      n.visible && !o.value && (e.target && (t.value = e.target), o.value = !0);
+    },
+    onFocusoutPrevented: (e) => {
+      n.trapping || (e.detail.focusReason === "pointer" && e.preventDefault(), o.value = !1);
+    },
+    onReleaseRequested: () => {
+      o.value = !1, s("close");
+    }
+  };
+};
+export {
+  d as usePopperContentFocusTrap
+};
+//# sourceMappingURL=use-focus-trap.mjs.map

package/es/packages/components/popper/composables/use-focus-trap.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-focus-trap.mjs","sources":["../../../../../../../packages/components/popper/composables/use-focus-trap.ts"],"sourcesContent":["import { ref } from 'vue'\n\nimport type { SetupContext } from 'vue'\nimport type { PopperContentProps } from '../types'\n\nexport const usePopperContentFocusTrap = (\n  props: PopperContentProps,\n  emit: any\n) => {\n  const trapped = ref(false)\n  const focusStartRef = ref<'container' | 'first' | HTMLElement>()\n\n  const onFocusAfterTrapped = () => {\n    emit('focus')\n  }\n\n  const onFocusAfterReleased = (event: CustomEvent) => {\n    if (event.detail?.focusReason !== 'pointer') {\n      focusStartRef.value = 'first'\n      emit('blur')\n    }\n  }\n\n  const onFocusInTrap = (event: FocusEvent) => {\n    if (props.visible && !trapped.value) {\n      if (event.target) {\n        focusStartRef.value = event.target as typeof focusStartRef.value\n      }\n      trapped.value = true\n    }\n  }\n\n  const onFocusoutPrevented = (event: CustomEvent) => {\n    if (!props.trapping) {\n      if (event.detail.focusReason === 'pointer') {\n        event.preventDefault()\n      }\n      trapped.value = false\n    }\n  }\n\n  const onReleaseRequested = () => {\n    trapped.value = false\n    emit('close')\n  }\n\n  return {\n    focusStartRef,\n    trapped,\n\n    onFocusAfterReleased,\n    onFocusAfterTrapped,\n    onFocusInTrap,\n    onFocusoutPrevented,\n    onReleaseRequested,\n  }\n}\n\nexport type UsePopperContentFocusTrapReturn = ReturnType<\n  typeof usePopperContentFocusTrap\n>\n"],"names":["usePopperContentFocusTrap","props","emit","trapped","ref","focusStartRef","event","_a"],"mappings":";AAKa,MAAAA,IAA4B,CACvCC,GACAC,MACG;AACG,QAAAC,IAAUC,EAAI,EAAK,GACnBC,IAAgBD;AAoCf,SAAA;AAAA,IACL,eAAAC;AAAA,IACA,SAAAF;AAAA,IAEA,sBAlC2B,CAACG,MAAuB;;AAC/C,QAAAC,IAAAD,EAAM,WAAN,gBAAAC,EAAc,iBAAgB,cAChCF,EAAc,QAAQ,SACtBH,EAAK,MAAM;AAAA,IACb;AAAA,IA+BA,qBAvC0B,MAAM;AAChC,MAAAA,EAAK,OAAO;AAAA,IAAA;AAAA,IAuCZ,eA7BoB,CAACI,MAAsB;AAC3C,MAAIL,EAAM,WAAW,CAACE,EAAQ,UACxBG,EAAM,WACRD,EAAc,QAAQC,EAAM,SAE9BH,EAAQ,QAAQ;AAAA,IAClB;AAAA,IAwBA,qBArB0B,CAACG,MAAuB;AAC9C,MAACL,EAAM,aACLK,EAAM,OAAO,gBAAgB,aAC/BA,EAAM,eAAe,GAEvBH,EAAQ,QAAQ;AAAA,IAClB;AAAA,IAgBA,oBAbyB,MAAM;AAC/B,MAAAA,EAAQ,QAAQ,IAChBD,EAAK,OAAO;AAAA,IAAA;AAAA,EAWZ;AAEJ;"}

package/es/packages/components/popper/constants.mjs

@@ -0,0 +1,6 @@
+const o = Symbol("popper"), p = Symbol("popperContent");
+export {
+  p as POPPER_CONTENT_INJECTION_KEY,
+  o as POPPER_INJECTION_KEY
+};
+//# sourceMappingURL=constants.mjs.map

package/es/packages/components/popper/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../../../packages/components/popper/constants.ts"],"sourcesContent":["import type { CSSProperties, ComputedRef, InjectionKey, Ref } from 'vue'\nimport type { Instance } from '@popperjs/core'\n\nexport type Measurable = {\n  getBoundingClientRect: () => DOMRect\n}\n\n/**\n * triggerRef indicates the element that triggers popper\n * contentRef indicates the element of popper content\n * referenceRef indicates the element that popper content relative with\n */\nexport type VftPopperInjectionContext = {\n  triggerRef: Ref<Measurable | undefined>\n  contentRef: Ref<HTMLElement | undefined>\n  popperInstanceRef: Ref<Instance | undefined>\n  referenceRef: Ref<Measurable | undefined>\n  role: ComputedRef<string>\n}\n\nexport type VftPopperContentInjectionContext = {\n  arrowRef: Ref<HTMLElement | undefined>\n  arrowOffset: Ref<number | undefined>\n  arrowStyle: ComputedRef<CSSProperties>\n}\n\nexport const POPPER_INJECTION_KEY: InjectionKey<VftPopperInjectionContext> =\n  Symbol('popper')\n\nexport const POPPER_CONTENT_INJECTION_KEY: InjectionKey<VftPopperContentInjectionContext> =\n  Symbol('popperContent')\n"],"names":["POPPER_INJECTION_KEY","POPPER_CONTENT_INJECTION_KEY"],"mappings":"AA0Ba,MAAAA,IACX,OAAO,QAAQ,GAEJC,IACX,OAAO,eAAe;"}

package/es/packages/components/popper/content.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./content.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=content.vue.mjs.map

package/es/packages/components/popper/content.vue.mjs.map

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