vft 0.0.19 → 0.0.21

package/es/components/multiple-tabs/multiple-tabs.vue2.mjs

@@ -0,0 +1,174 @@
+import { defineComponent as _, ref as b, computed as h, watchEffect as D, unref as r, openBlock as x, createElementBlock as T, normalizeClass as E, normalizeStyle as H, createVNode as R, withCtx as C, Fragment as K, renderList as F, createBlock as U } from "vue";
+import { useRouterHelper as $, getRouterKeyPath as c, listenerRouteChange as j } from "@vft/router";
+import { useMultipleTabStore as q, useTabs as G } from "@vft/store";
+import { useRefs as J } from "@vft/use";
+import { generateCssVars as S } from "@vft/utils";
+import L from "hotkeys-js";
+import { useRouter as O, onBeforeRouteLeave as Q } from "vue-router";
+import { useNamespace as W } 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 "../divider/index.mjs";
+import "../icon/index.mjs";
+import "../avatar/index.mjs";
+import "../empty/index.mjs";
+import "../result/index.mjs";
+import "../exception/index.mjs";
+import { VftTabs as X, VftTabPane as Y } from "../tabs/index.mjs";
+import "../popper/index.mjs";
+import "../collapse-transition/index.mjs";
+import "../tooltip/index.mjs";
+import "../popover/index.mjs";
+import "../menu/index.mjs";
+import "./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 Z from "./tab-content.vue2.mjs";
+import { initAffixTabs as ee, useTabsDrag as te } from "./use/use-multiple-tabs.mjs";
+const P = (
+  /* hoist-static*/
+  W("multiple-tabs")
+), oe = _({
+  name: P.b()
+}), Ze = /* @__PURE__ */ _({
+  ...oe,
+  props: {
+    tabsStyle: null,
+    contextMenuStyle: null,
+    canDrag: { type: Boolean }
+  },
+  setup(f) {
+    const n = ee();
+    f.canDrag && te(n);
+    const s = q(), a = b(""), l = b(0), d = b(), v = O(), { go: g } = $(), p = h(() => s.getTabList.filter((e) => {
+      var t;
+      return !((t = e.meta) != null && t.hideTab);
+    }));
+    D(() => {
+      var e;
+      if (a.value) {
+        const t = p.value.findIndex((o) => c(o) === a.value);
+        t === -1 ? l.value = ((e = p.value) == null ? void 0 : e.length) - 1 : l.value = t, l.value = l.value < (n == null ? void 0 : n.length) ? (n == null ? void 0 : n.length) - 1 : l.value;
+      }
+    }), Q(() => {
+      d.value = r(v.currentRoute);
+    }), j((e) => {
+      if (!e)
+        return;
+      const { meta: t = {} } = e, { currentActivePath: o, hideTab: i } = t, m = i ? o : null, u = c(e);
+      if (a.value !== u && (a.value = u), m) {
+        let y = v.getRoutes().find((z) => z.path === o);
+        y && s.addTab(y, r(d), l.value, e);
+      } else
+        s.addTab(r(e), r(d), l.value);
+    });
+    function M(e) {
+      var i, m;
+      if (a.value === e.paneName)
+        return;
+      const t = p.value[e.attrs.index];
+      a.value = e.paneName;
+      const o = (m = (i = t == null ? void 0 : t.meta) == null ? void 0 : i.hideActiveRoute) == null ? void 0 : m.fullPath;
+      g(o || t.fullPath || t.path);
+    }
+    function k(e) {
+      s.closeTabByKey(e, v);
+    }
+    const [B, I] = J();
+    function N(e) {
+      const t = e.pane.attrs.index, o = e.event;
+      B.value[t].handleContext(o);
+    }
+    const w = h(() => ({ ...S({
+      padding: "4px 0 0",
+      "header-height": "26px",
+      "item-color": "#5C5C5C",
+      "item-bg-color": "#f8f8f8",
+      "font-size": "13px",
+      "item-padding": "0 10px",
+      "close-icon-left": "8px",
+      "item-distance": "10px",
+      "item-max-width": "348px",
+      "header-margin": "0 0 0 8px"
+    }, "tabs", "vft"), ...f.tabsStyle })), { closeCurrent: V } = G();
+    L("command+e, ctrl+e", function() {
+      return V(), !1;
+    });
+    const A = h(() => ({
+      ...S({
+        border: "1px solid #dcdfe6",
+        "sub-item-height": "40px",
+        "item-min-width": "150px"
+      }, "menu", "vft"),
+      ...f.contextMenuStyle
+    }));
+    return (e, t) => (x(), T("div", {
+      class: E(r(P).b()),
+      style: H(r(w))
+    }, [
+      R(r(X), {
+        "model-value": a.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (o) => a.value = o),
+        type: "card",
+        onTabClick: M,
+        onTabRemove: k,
+        onTabContextMenu: N,
+        closeIconCfg: { color: "white" }
+      }, {
+        default: C(() => [
+          (x(!0), T(K, null, F(r(p), (o, i) => {
+            var m;
+            return x(), U(r(Y), {
+              key: r(c)(o) + i,
+              closable: !((m = o.meta) != null && m.affix),
+              index: i,
+              name: r(c)(o)
+            }, {
+              label: C(() => {
+                var u;
+                return [
+                  R(Z, {
+                    contextMenuStyle: r(A),
+                    affixNum: (u = r(n)) == null ? void 0 : u.length,
+                    ref_for: !0,
+                    ref: r(I)(i),
+                    tabItem: o
+                  }, null, 8, ["contextMenuStyle", "affixNum", "tabItem"])
+                ];
+              }),
+              _: 2
+            }, 1032, ["closable", "index", "name"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["model-value"])
+    ], 6));
+  }
+});
+export {
+  Ze as default
+};
+//# sourceMappingURL=multiple-tabs.vue2.mjs.map

package/es/components/multiple-tabs/multiple-tabs.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiple-tabs.vue2.mjs","sources":["../../../../../packages/components/multiple-tabs/multiple-tabs.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('multiple-tabs')\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 { getRouterKeyPath, listenerRouteChange, useRouterHelper } from '@vft/router';\nimport { useMultipleTabStore, useTabs } from '@vft/store';\nimport { useRefs } from '@vft/use';\nimport { generateCssVars } from '@vft/utils';\nimport hotkeys from 'hotkeys-js';\nimport { computed, ref, unref, watchEffect } from 'vue';\nimport type { RouteLocationNormalized, RouteMeta } from 'vue-router';\nimport { useRouter, onBeforeRouteLeave } from 'vue-router';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { VftTabs, VftTabPane, type TabsPaneContext } from '@vft-ui/components';\n\nimport TabContent from './tab-content.vue';\nimport type { TabContentExpose } from './types';\nimport { initAffixTabs, useTabsDrag } from './use';\n\ninterface MultipleTabsProps {\n  tabsStyle?: Record<string, Numberish>;\n  contextMenuStyle?: Record<string, Numberish>;\n  canDrag?: boolean;\n}\n\ndefineProps({\n  \"tabsStyle\": null,\n  \"contextMenuStyle\": null,\n  \"canDrag\": { type: Boolean,  }\n})\n\n\n\n;\n\nconst affixList = initAffixTabs();\n\nif (__props.canDrag) {\n  useTabsDrag(affixList);\n}\n\nconst tabStore = useMultipleTabStore();\n\n// active path for tab\nconst activePathRef = ref('');\nconst activeIndex = ref(0);\nconst fromRoute = ref();\n\nconst router = useRouter();\nconst { go } = useRouterHelper();\n\n// get current tab list\nconst getTabsState = computed(() => {\n  return tabStore.getTabList.filter((item) => {\n    return !item.meta?.hideTab;\n  });\n});\n\n\nwatchEffect(() => {\n  if (activePathRef.value) {\n    const _activeIndex = getTabsState.value.findIndex(item => {\n      return getRouterKeyPath(item) === activePathRef.value;\n    });\n    if (_activeIndex === -1) {\n      activeIndex.value = getTabsState.value?.length - 1;\n    } else {\n      activeIndex.value = _activeIndex;\n    }\n    activeIndex.value = activeIndex.value < affixList?.length ? affixList?.length - 1 : activeIndex.value;\n  }\n});\n\nonBeforeRouteLeave(() => {\n  fromRoute.value = unref(router.currentRoute);\n});\n\nlistenerRouteChange((route) => {\n  if (!route) {\n    return;\n  }\n\n  const { meta = {} } = route;\n  const { currentActivePath, hideTab } = meta as RouteMeta;\n\n  const isHide = !hideTab ? null : currentActivePath;\n\n  // set current active tab value\n  const activePath = getRouterKeyPath(route);\n\n  if (activePathRef.value !== activePath) {\n    activePathRef.value = activePath;\n  }\n\n  if (isHide) {\n    // 如果当前 tab 是隐藏的，则从路由中根据 currentActivePath 寻找到此路由的信息，然后在 tabStore 添加此路由\n    let findParentRoute = router.getRoutes().find((item) => item.path === currentActivePath);\n    findParentRoute && tabStore.addTab(findParentRoute as unknown as RouteLocationNormalized, unref(fromRoute), activeIndex.value, route);\n  } else {\n    tabStore.addTab(unref(route), unref(fromRoute), activeIndex.value);\n  }\n});\n\n// 点击 tab 根据 tab 传入的 path 路径，跳转到对应页面\nfunction handleClick (pane: TabsPaneContext) {\n  if (activePathRef.value === pane.paneName) {\n  \treturn;\n  }\n  const clickTab = getTabsState.value[pane.attrs.index];\n  activePathRef.value = pane.paneName as string;\n  const hideActiveRoutePath = (clickTab?.meta?.hideActiveRoute as RouteLocationNormalized)?.fullPath;\n  if (hideActiveRoutePath) {\n    go(hideActiveRoutePath);\n  } else {\n    go(clickTab.fullPath || clickTab.path);\n  }\n}\n\n// click x close tab\nfunction handleRemove (targetPath: string) {\n  tabStore.closeTabByKey(targetPath, router);\n}\n\nconst [refs, setRefs] = useRefs<TabContentExpose>();\n\nfunction handleContextMenu (data: {pane: {attrs: {index: number;};}; event: any;}) {\n  const _index = data.pane.attrs.index;\n  const _event = data.event;\n  refs.value[_index].handleContext(_event);\n}\n\nconst _tabsStyle = computed(() => {\n  let initTabStyle: Record<string, Numberish> = {\n    padding: '4px 0 0',\n    'header-height': '26px',\n    'item-color': '#5C5C5C',\n    'item-bg-color': '#f8f8f8',\n    'font-size': '13px',\n    'item-padding': '0 10px',\n    'close-icon-left': '8px',\n    'item-distance': '10px',\n    'item-max-width': '348px',\n    'header-margin': '0 0 0 8px'\n  };\n\n  return { ...generateCssVars(initTabStyle, 'tabs', 'vft'), ...__props.tabsStyle };\n});\n\nconst { closeCurrent } = useTabs();\n\nhotkeys('command+e, ctrl+e', function () {\n  closeCurrent();\n  return false;\n});\n\nconst _contextMenuStyle = computed(() => {\n  return {\n    ...generateCssVars({\n      border: '1px solid #dcdfe6',\n      'sub-item-height': '40px',\n      'item-min-width': '150px'\n    }, 'menu', 'vft'),\n    ...__props.contextMenuStyle\n  };\n});\n</script>\n\n<template>\n  <div :class=\"ns.b()\" :style=\"_tabsStyle\">\n    <vft-tabs\n      v-model:model-value=\"activePathRef\"\n      type=\"card\"\n      @tabClick=\"handleClick\"\n      @tabRemove=\"handleRemove\"\n      @tabContextMenu=\"handleContextMenu\"\n      :closeIconCfg=\"{ color: 'white'}\"\n    >\n      <!--why key add index：key not update after sort -->\n      <template v-for=\"(item, index) in getTabsState\" :key=\"getRouterKeyPath(item) + index\">\n        <vft-tab-pane :closable=\"!(item.meta?.affix)\" :index=\"index\" :name=\"getRouterKeyPath(item)\">\n          <template #label>\n            <tab-content :contextMenuStyle=\"_contextMenuStyle\" :affixNum=\"affixList?.length\"\n              :ref=\"setRefs(index)\" :tabItem=\"item\" />\n          </template>\n        </vft-tab-pane>\n      </template>\n    </vft-tabs>\n  </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","affixList","initAffixTabs","__props","useTabsDrag","tabStore","useMultipleTabStore","activePathRef","ref","activeIndex","fromRoute","router","useRouter","go","useRouterHelper","getTabsState","computed","item","_a","watchEffect","_activeIndex","getRouterKeyPath","onBeforeRouteLeave","unref","listenerRouteChange","route","meta","currentActivePath","hideTab","isHide","activePath","findParentRoute","handleClick","pane","clickTab","hideActiveRoutePath","_b","handleRemove","targetPath","refs","setRefs","useRefs","handleContextMenu","data","_index","_event","_tabsStyle","generateCssVars","closeCurrent","useTabs","hotkeys","_contextMenuStyle"],"mappings":"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"}

package/es/components/multiple-tabs/tab-content.vue2.mjs

@@ -0,0 +1,76 @@
+import { defineComponent as l, computed as u, openBlock as c, createElementBlock as s, unref as e, withModifiers as f, toDisplayString as x } from "vue";
+import "@vft/utils";
+import "@vft/use";
+import "../divider/index.mjs";
+import "../icon/index.mjs";
+import "../avatar/index.mjs";
+import "../empty/index.mjs";
+import "../result/index.mjs";
+import "../exception/index.mjs";
+import "../tabs/index.mjs";
+import "../popper/index.mjs";
+import "../collapse-transition/index.mjs";
+import "../tooltip/index.mjs";
+import "../popover/index.mjs";
+import "../menu/index.mjs";
+import "./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 "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import { useContextMenu as b } from "../context-menu/useContextMenu.mjs";
+import { useTabDropdown as d } from "./use/use-tab-dropdown.mjs";
+import "vue-router";
+import "@vft/store";
+const C = ["title", "onContextmenu"], st = /* @__PURE__ */ l({
+  __name: "tab-content",
+  props: {
+    tabItem: null,
+    affixNum: null,
+    contextMenuStyle: null
+  },
+  setup(t, { expose: r }) {
+    const [p] = b(), m = u(() => t.tabItem.meta && t.tabItem.meta.title), { getDropMenuList: n, handleContextMenu: a } = d(t.tabItem, t.affixNum);
+    function i(o) {
+      a(t.tabItem)(o), p({
+        event: o,
+        styles: t.contextMenuStyle,
+        items: n.value
+      });
+    }
+    return r({
+      handleContext: i
+    }), (o, M) => (c(), s("span", {
+      title: e(m),
+      class: "vft-multiple-tabs__title",
+      onContextmenu: f(i, ["stop"])
+    }, x(e(m)), 41, C));
+  }
+});
+export {
+  st as default
+};
+//# sourceMappingURL=tab-content.vue2.mjs.map

package/es/components/multiple-tabs/tab-content.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-content.vue2.mjs","sources":["../../../../../packages/components/multiple-tabs/tab-content.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { type RouteLocationNormalized } from 'vue-router';\nimport { useContextMenu } from '@vft-ui/components/context-menu';\nimport type { TabContentExpose } from './types';\nimport { useTabDropdown } from './use';\n\ninterface Props {\n  tabItem: RouteLocationNormalized;\n  affixNum: number;\n  contextMenuStyle?: Record<string, Numberish>;\n}\n\ndefineProps({\n  \"tabItem\": null,\n  \"affixNum\": null,\n  \"contextMenuStyle\": null\n})\n\nconst [createContextMenu] = useContextMenu();\n\nconst getTitle = computed(() => {\n  return __props.tabItem.meta && (__props.tabItem.meta.title as string);\n});\n\nconst { getDropMenuList, handleContextMenu } = useTabDropdown(__props.tabItem, __props.affixNum);\n\nfunction handleContext(e: MouseEvent) {\n  handleContextMenu(__props.tabItem)(e);\n  createContextMenu({\n    event: e,\n    styles: __props.contextMenuStyle,\n    items: getDropMenuList.value\n  });\n}\n\ndefineExpose<TabContentExpose>({\n  handleContext\n});\n</script>\n\n<template>\n  <span :title=\"getTitle\" class=\"vft-multiple-tabs__title\" @contextmenu.stop=\"handleContext\">{{ getTitle }}</span>\n</template>\n"],"names":["createContextMenu","useContextMenu","getTitle","computed","__props","getDropMenuList","handleContextMenu","useTabDropdown","handleContext","e","expose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBM,UAAA,CAACA,CAAiB,IAAIC,KAEtBC,IAAWC,EAAS,MACjBC,EAAQ,QAAQ,QAASA,EAAQ,QAAQ,KAAK,KACtD,GAEK,EAAE,iBAAAC,GAAiB,mBAAAC,MAAsBC,EAAeH,EAAQ,SAASA,EAAQ,QAAQ;AAE/F,aAASI,EAAcC,GAAe;AAClB,MAAAH,EAAAF,EAAQ,OAAO,EAAEK,CAAC,GAClBT,EAAA;AAAA,QAChB,OAAOS;AAAA,QACP,QAAQL,EAAQ;AAAA,QAChB,OAAOC,EAAgB;AAAA,MAAA,CACxB;AAAA,IACH;AAE+B,WAAAK,EAAA;AAAA,MAC7B,eAAAF;AAAA,IAAA,CACD;;;;;;;"}

package/es/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/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/components/overlay/index.mjs.map

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.vue2.mjs","sources":["../../../../../packages/components/overlay/overlay.vue"],"sourcesContent":["<script lang=\"ts\">\nenum PatchFlags {\n  TEXT = 1,\n  CLASS = 2,\n  STYLE = 4,\n  PROPS = 8,\n  FULL_PROPS = 16,\n  HYDRATE_EVENTS = 32,\n  STABLE_FRAGMENT = 64,\n  KEYED_FRAGMENT = 128,\n  UNKEYED_FRAGMENT = 256,\n  NEED_PATCH = 512,\n  DYNAMIC_SLOTS = 1024,\n  HOISTED = -1,\n  BAIL = -2\n}\nconst ns = /* hoist-static*/ useNamespace('overlay')\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 { createVNode, useSlots, type CSSProperties, h, renderSlot } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { NOOP } from '@vue/shared';\n\n\n\ninterface Props {\n  mask?: boolean;\n  onlyNode?: boolean\n  customMaskEvent?: boolean;\n  overlayClass?: any;\n  zIndex?: Numberish;\n}\n\nconst useSameTarget = (handleClick?: (e: MouseEvent) => void) => {\n  if (!handleClick) {\n    return { onClick: NOOP, onMousedown: NOOP, onMouseup: NOOP };\n  }\n\n  let mousedownTarget = false;\n  let mouseupTarget = false;\n\n  const onClick = (e: MouseEvent) => {\n    // if and only if\n    if (mousedownTarget && mouseupTarget) {\n      handleClick(e);\n    }\n    mousedownTarget = mouseupTarget = false;\n  };\n\n  const onMousedown = (e: MouseEvent) => {\n    // marking current mousedown target.\n    mousedownTarget = e.target === e.currentTarget;\n  };\n  const onMouseup = (e: MouseEvent) => {\n    // marking current mouseup target.\n    mouseupTarget = e.target === e.currentTarget;\n  };\n\n  return { onClick, onMousedown, onMouseup };\n};\n\ndefineProps({\n  \"mask\": { type: Boolean,  },\n  \"onlyNode\": { type: Boolean,  },\n  \"customMaskEvent\": { type: Boolean,  },\n  \"overlayClass\": null,\n  \"zIndex\": null\n})\n\n\n\n;\n\nconst emit = defineEmits(['click']);\n\nconst slots = useSlots();\n\nconst onMaskClick = (e: MouseEvent) => {\n  emit('click', e);\n};\n\nconst { onClick, onMousedown, onMouseup } = useSameTarget(__props.customMaskEvent ? undefined : onMaskClick);\n\ndefineRender(() => {\n  return __props.mask\n    ? createVNode(\n        'div',\n        {\n          class: [ns.b(), __props.overlayClass],\n          style: {\n            zIndex: __props.zIndex\n          },\n          onClick,\n          onMousedown,\n          onMouseup\n        },\n        [renderSlot(slots, 'default')],\n        PatchFlags.STYLE | PatchFlags.CLASS | PatchFlags.PROPS,\n        ['onClick', 'onMouseup', 'onMousedown']\n      )\n    : __props.onlyNode ? h(\n      'div',\n      {},\n      [renderSlot(slots, 'default')]\n    ) : h(\n        'div',\n        {\n          class: __props.overlayClass,\n          style: {\n            zIndex: __props.zIndex,\n            position: 'fixed',\n            top: '0px',\n            right: '0px',\n            bottom: '0px',\n            left: '0px'\n          } as CSSProperties\n        },\n        [renderSlot(slots, 'default')]\n      );\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","useSameTarget","handleClick","NOOP","mousedownTarget","mouseupTarget","slots","useSlots","onMaskClick","e","emit","onClick","onMousedown","onMouseup","__props","createVNode","renderSlot","h"],"mappings":";;;;;;;;AAgBA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,SAAS;AAAA,GAGnDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;;;AAgBK,UAAAI,IAAgB,CAACC,MAA0C;AAC/D,UAAI,CAACA;AACH,eAAO,EAAE,SAASC,GAAM,aAAaA,GAAM,WAAWA;AAGxD,UAAIC,IAAkB,IAClBC,IAAgB;AAmBpB,aAAO,EAAE,SAjBO,CAAC,MAAkB;AAEjC,QAAID,KAAmBC,KACrBH,EAAY,CAAC,GAEfE,IAAkBC,IAAgB;AAAA,MAAA,GAYlB,aATE,CAAC,MAAkB;AAEnB,QAAAD,IAAA,EAAE,WAAW,EAAE;AAAA,MAAA,GAOJ,WALb,CAAC,MAAkB;AAEnB,QAAAC,IAAA,EAAE,WAAW,EAAE;AAAA,MAAA;IAGQ,GAiBrCC,IAAQC,KAERC,IAAc,CAACC,MAAkB;AACrC,MAAAC,EAAK,SAASD,CAAC;AAAA,IAAA,GAGX,EAAE,SAAAE,GAAS,aAAAC,GAAa,WAAAC,MAAcZ,EAAca,EAAQ,kBAAkB,SAAYN,CAAW;AAE9F,WAAA,MACJM,EAAQ,OACXC;AAAA,MACE;AAAA,MACA;AAAA,QACE,OAAO,CAAClB,EAAG,EAAE,GAAGiB,EAAQ,YAAY;AAAA,QACpC,OAAO;AAAA,UACL,QAAQA,EAAQ;AAAA,QAClB;AAAA,QACA,SAAAH;AAAA,QACA,aAAAC;AAAA,QACA,WAAAC;AAAA,MACF;AAAA,MACA,CAACG,EAAWV,GAAO,SAAS,CAAC;AAAA,MAC7B;AAAA,MACA,CAAC,WAAW,aAAa,aAAa;AAAA,IAAA,IAExCQ,EAAQ,WAAWG;AAAA,MACnB;AAAA,MACA,CAAC;AAAA,MACD,CAACD,EAAWV,GAAO,SAAS,CAAC;AAAA,IAAA,IAC3BW;AAAA,MACA;AAAA,MACA;AAAA,QACE,OAAOH,EAAQ;AAAA,QACf,OAAO;AAAA,UACL,QAAQA,EAAQ;AAAA,UAChB,UAAU;AAAA,UACV,KAAK;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,MAAM;AAAA,QACR;AAAA,MACF;AAAA,MACA,CAACE,EAAWV,GAAO,SAAS,CAAC;AAAA,IAAA;AAAA;;"}

package/es/components/page-wrapper/index.d.ts

@@ -0,0 +1,12 @@
+export declare const VftPageWrapper: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+}>>, {}>> & Record<string, any>;
+export default VftPageWrapper;

package/es/components/page-wrapper/index.mjs

@@ -0,0 +1,11 @@
+import { withInstall as t } from "../../utils/vue/install.mjs";
+import "vue";
+import "@vue/shared";
+import "@vft/utils";
+import r from "./page-wrapper.vue2.mjs";
+const f = t(r);
+export {
+  f as VftPageWrapper,
+  f as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/components/page-wrapper/index.mjs.map

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

package/es/components/page-wrapper/page-wrapper.vue.d.ts

@@ -0,0 +1,13 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/es/components/page-wrapper/page-wrapper.vue.mjs

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

package/es/components/page-wrapper/page-wrapper.vue.mjs.map

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

package/es/components/page-wrapper/page-wrapper.vue2.mjs

@@ -0,0 +1,43 @@
+import { defineComponent as s, openBlock as p, createElementBlock as i, normalizeClass as o, unref as e, createElementVNode as r, toDisplayString as m, renderSlot as c } from "vue";
+import { useNamespace as u } 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 { useRouterHelper as d } from "@vft/router";
+const t = (
+  /* hoist-static*/
+  u("page-wrapper")
+), f = s({
+  name: t.b()
+}), S = /* @__PURE__ */ s({
+  ...f,
+  props: {
+    title: null
+  },
+  setup(l) {
+    const { getTitle: n } = d();
+    return (a, _) => (p(), i("div", {
+      class: o(e(t).b())
+    }, [
+      r("div", {
+        class: o(e(t).e("header"))
+      }, [
+        r("span", {
+          class: o(e(t).e("title"))
+        }, m(l.title || e(n)), 3)
+      ], 2),
+      r("div", {
+        class: o(e(t).e("content"))
+      }, [
+        c(a.$slots, "default")
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  S as default
+};
+//# sourceMappingURL=page-wrapper.vue2.mjs.map

package/es/components/page-wrapper/page-wrapper.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-wrapper.vue2.mjs","sources":["../../../../../packages/components/page-wrapper/page-wrapper.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('page-wrapper')\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 { useNamespace } from '@vft-ui/hooks';\nimport { useRouterHelper } from '@vft/router';\n\ninterface Props {\n  title?: string;\n}\n\ndefineProps({\n  \"title\": null\n})\n\n\n\n;\n\nconst { getTitle } = useRouterHelper();\n</script>\n\n<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('header')\">\n      <span :class=\"ns.e('title')\">{{ title || getTitle }}</span>\n    </div>\n    <div :class=\"ns.e('content')\">\n      <slot />\n    </div>\n  </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","getTitle","useRouterHelper"],"mappings":";;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,cAAc;AAAA,GAGxDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;AAiBK,UAAA,EAAE,UAAAI,MAAaC;;;;;;;;;;;;;;;;;;;"}

package/es/components/page-wrapper/style/css.mjs

@@ -0,0 +1,3 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-page-wrapper.css";
+//# sourceMappingURL=css.mjs.map

package/es/components/page-wrapper/style/index.mjs

@@ -0,0 +1,3 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/page-wrapper.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/components/pagination/components/jumper.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jumper.vue2.mjs","sources":["../../../../../../packages/components/pagination/components/jumper.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('jump')\" :disabled=\"disabled\">\n    <span :class=\"[ns.e('goto')]\">{{ t('el.pagination.goto') }}</span>\n    <vft-input\n      :size=\"size\"\n      :class=\"[ns.e('editor'), ns.is('in-pagination')]\"\n      :min=\"1\"\n      :max=\"pageCount\"\n      :disabled=\"disabled\"\n      :model-value=\"innerValue\"\n      :validate-event=\"false\"\n      type=\"number\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n    />\n    <span :class=\"[ns.e('classifier')]\">页</span>\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue';\nimport { type ComponentSize } from '../../types';\nimport { useNamespace } from '@vft-ui/hooks';\nimport VftInput from '@vft-ui/components/input';\nimport { usePagination } from '../usePagination';\n\ninterface Props {\n  size: ComponentSize\n}\n\ndefineProps({\n  \"size\": null\n})\n\nconst ns = useNamespace('pagination');\nconst { pageCount, disabled, currentPage, changeEvent } = usePagination();\nconst userInput = ref<number>();\nconst innerValue = computed(() => userInput.value ?? currentPage?.value);\n\nfunction handleInput(val: number | string) {\n  userInput.value = +val;\n}\n\nfunction handleChange(val: number | string) {\n  val = Math.trunc(+val);\n  changeEvent?.(+val);\n  userInput.value = undefined;\n}\n</script>\n"],"names":["ns","useNamespace","pageCount","disabled","currentPage","changeEvent","usePagination","userInput","ref","innerValue","computed","handleInput","val","handleChange"],"mappings":";;;;;;;;;;;;;;;;AAkCM,UAAAA,IAAKC,EAAa,YAAY,GAC9B,EAAE,WAAAC,GAAW,UAAAC,GAAU,aAAAC,GAAa,aAAAC,EAAA,IAAgBC,KACpDC,IAAYC,KACZC,IAAaC,EAAS,MAAMH,EAAU,UAASH,KAAA,gBAAAA,EAAa,MAAK;AAEvE,aAASO,EAAYC,GAAsB;AACzC,MAAAL,EAAU,QAAQ,CAACK;AAAA,IACrB;AAEA,aAASC,EAAaD,GAAsB;AACpC,MAAAA,IAAA,KAAK,MAAM,CAACA,CAAG,GACrBP,KAAA,QAAAA,EAAc,CAACO,IACfL,EAAU,QAAQ;AAAA,IACpB;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/pagination/components/next.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"next.vue2.mjs","sources":["../../../../../../packages/components/pagination/components/next.vue"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-next\"\n    :disabled=\"internalDisabled\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"nextText\">{{ nextText }}</span>\n    <vft-icon icon=\"vi-arrow-right\" :size=\"16\" />\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport VftIcon from '@vft-ui/components/icon';\n\ninterface Props {\n  disabled?: boolean;\n  currentPage?: number;\n  pageCount?: number;\n  nextText?: string;\n}\n\ndefineProps({\n  \"disabled\": { type: Boolean,  },\n  \"currentPage\": { default: 1 },\n  \"pageCount\": { default: 50 },\n  \"nextText\": null\n})\n\ndefineEmits(['click']);\n\nconst internalDisabled = computed(\n  () =>\n    __props.disabled ||\n    __props.currentPage === __props.pageCount ||\n    __props.pageCount === 0\n);\n</script>\n"],"names":["internalDisabled","computed","__props"],"mappings":";;;;;;;;;;;;AAiCA,UAAMA,IAAmBC;AAAA,MACvB,MACEC,EAAQ,YACRA,EAAQ,gBAAgBA,EAAQ,aAChCA,EAAQ,cAAc;AAAA,IAAA;;;;;;;;;;;;;;;;"}

package/es/components/pagination/components/pager.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pager.vue2.mjs","sources":["../../../../../../packages/components/pagination/components/pager.vue"],"sourcesContent":["<template>\n  <ul :class=\"nsPager.b()\" @click=\"onPagerClick\" @keyup.enter=\"onEnter\">\n    <li\n      v-if=\"pageCount > 0\"\n      :class=\"[\n        nsPager.is('active', currentPage === 1),\n        nsPager.is('disabled', disabled),\n      ]\"\n      class=\"number\"\n      :aria-current=\"currentPage === 1\"\n      :tabindex=\"tabindex\"\n    >\n      1\n    </li>\n    <li\n      v-if=\"showPrevMore\"\n      :class=\"[\n        'more',\n        'btn-quickprev',\n        nsIcon.b(),\n        nsPager.is('disabled', disabled),\n      ]\"\n      :tabindex=\"tabindex\"\n      @mouseenter=\"onMouseEnter(true)\"\n      @mouseleave=\"quickPrevHover = false\"\n      @focus=\"onFocus(true)\"\n      @blur=\"quickPrevFocus = false\"\n    >\n      <Icon v-if=\"(quickPrevHover || quickPrevFocus) && !disabled\" icon=\"vi-arrow-lefts\" :size=\"12\" :scale=\"0.8\" />\n      <Icon v-else icon=\"vi-more\" />\n    </li>\n    <li\n      v-for=\"pager in pagers\"\n      :key=\"pager\"\n      :class=\"[\n        nsPager.is('active', currentPage === pager),\n        nsPager.is('disabled', disabled),\n      ]\"\n      class=\"number\"\n      :aria-current=\"currentPage === pager\"\n      :tabindex=\"tabindex\"\n    >\n      {{ pager }}\n    </li>\n    <li\n      v-if=\"showNextMore\"\n      :class=\"[\n        'more',\n        'btn-quicknext',\n        nsIcon.b(),\n        nsPager.is('disabled', disabled),\n      ]\"\n      :tabindex=\"tabindex\"\n      @mouseenter=\"onMouseEnter()\"\n      @mouseleave=\"quickNextHover = false\"\n      @focus=\"onFocus()\"\n      @blur=\"quickNextFocus = false\"\n    >\n      <Icon v-if=\"(quickNextHover || quickNextFocus) && !disabled\" icon=\"vi-arrow-rights\" :size=\"12\"\n        :scale=\"0.8\" />\n      <Icon v-else icon=\"vi-more\" />\n    </li>\n    <li\n      v-if=\"pageCount > 1\"\n      :class=\"[\n        nsPager.is('active', currentPage === pageCount),\n        nsPager.is('disabled', disabled),\n      ]\"\n      class=\"number\"\n      :aria-current=\"currentPage === pageCount\"\n      :tabindex=\"tabindex\"\n    >\n      {{ pageCount }}\n    </li>\n  </ul>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, watchEffect } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { VftIcon as Icon } from '@vft-ui/components/icon';\n\ninterface Props {\n  currentPage?: number;\n  pageCount: number;\n  pagerCount?: number;\n  disabled?: boolean;\n}\n\ndefineProps({\n  \"currentPage\": { default: 1 },\n  \"pageCount\": null,\n  \"pagerCount\": { default: 7 },\n  \"disabled\": { type: Boolean,  }\n})\n\nconst emit = defineEmits(['change']);\nconst nsPager = useNamespace('pager');\nconst nsIcon = useNamespace('icon');\nconst showPrevMore = ref(false);\nconst showNextMore = ref(false);\nconst quickPrevHover = ref(false);\nconst quickNextHover = ref(false);\nconst quickPrevFocus = ref(false);\nconst quickNextFocus = ref(false);\nconst pagers = computed(() => {\n  const halfPagerCount = (__props.pagerCount - 1) / 2;\n  let showPrevMore = false;\n  let showNextMore = false;\n  if (__props.pageCount > __props.pagerCount) {\n    if (__props.currentPage > __props.pagerCount - halfPagerCount) {\n      showPrevMore = true;\n    }\n    if (__props.currentPage < __props.pageCount - halfPagerCount) {\n      showNextMore = true;\n    }\n  }\n  const array: number[] = [];\n  if (showPrevMore && !showNextMore) {\n    const startPage = __props.pageCount - (__props.pagerCount - 2);\n    for (let i = startPage; i < __props.pageCount; i++) {\n      array.push(i);\n    }\n  } else if (!showPrevMore && showNextMore) {\n    for (let i = 2; i < __props.pagerCount; i++) {\n      array.push(i);\n    }\n  } else if (showPrevMore && showNextMore) {\n    const offset = Math.floor(__props.pagerCount / 2) - 1;\n    for (let i = __props.currentPage - offset; i <= __props.currentPage + offset; i++) {\n      array.push(i);\n    }\n  } else {\n    for (let i = 2; i < __props.pageCount; i++) {\n      array.push(i);\n    }\n  }\n  return array;\n});\nconst tabindex = computed(() => (__props.disabled ? -1 : 0));\nwatchEffect(() => {\n  const halfPagerCount = (__props.pagerCount - 1) / 2;\n  showPrevMore.value = false;\n  showNextMore.value = false;\n  if (__props.pageCount! > __props.pagerCount) {\n    if (__props.currentPage > __props.pagerCount - halfPagerCount) {\n      showPrevMore.value = true;\n    }\n    if (__props.currentPage < __props.pageCount! - halfPagerCount) {\n      showNextMore.value = true;\n    }\n  }\n});\n\nfunction onMouseEnter (forward = false) {\n  if (__props.disabled) return;\n  if (forward) {\n    quickPrevHover.value = true;\n  } else {\n    quickNextHover.value = true;\n  }\n}\n\nfunction onFocus (forward = false) {\n  if (forward) {\n    quickPrevFocus.value = true;\n  } else {\n    quickNextFocus.value = true;\n  }\n}\n\nfunction onEnter (e: UIEvent) {\n  const target = e.target as HTMLElement;\n  if (\n    target.tagName.toLowerCase() === 'li' &&\n    Array.from(target.classList).includes('number')\n  ) {\n    const newPage = Number(target.textContent);\n    if (newPage !== __props.currentPage) {\n      emit('change', newPage);\n    }\n  } else if (\n    target.tagName.toLowerCase() === 'li' &&\n    Array.from(target.classList).includes('more')\n  ) {\n    onPagerClick(e);\n  }\n}\n\nfunction onPagerClick (event: UIEvent) {\n  const target = event.target as HTMLElement;\n  if (target.tagName.toLowerCase() === 'ul' || __props.disabled) {\n    return;\n  }\n  let newPage = Number(target.textContent);\n  const pagerCountOffset = __props.pagerCount - 2;\n  if (target.className.includes('more')) {\n    if (target.className.includes('quickprev')) {\n      newPage = __props.currentPage - pagerCountOffset;\n    } else if (target.className.includes('quicknext')) {\n      newPage = __props.currentPage + pagerCountOffset;\n    }\n  }\n  if (!Number.isNaN(+newPage)) {\n    if (newPage < 1) {\n      newPage = 1;\n    }\n    if (newPage > __props.pageCount) {\n      newPage = __props.pageCount;\n    }\n  }\n  if (newPage !== __props.currentPage) {\n    emit('change', newPage);\n  }\n}\n</script>\n"],"names":["nsPager","useNamespace","nsIcon","showPrevMore","ref","showNextMore","quickPrevHover","quickNextHover","quickPrevFocus","quickNextFocus","pagers","computed","halfPagerCount","__props","array","startPage","i","offset","tabindex","watchEffect","onMouseEnter","forward","onFocus","onEnter","e","target","newPage","emit","onPagerClick","event","pagerCountOffset"],"mappings":"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"}

package/es/components/pagination/components/prev.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"prev.vue2.mjs","sources":["../../../../../../packages/components/pagination/components/prev.vue"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-prev\"\n    :disabled=\"internalDisabled\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"emit('click', $event)\"\n  >\n    <span v-if=\"prevText\">{{ prevText }}</span>\n    <Icon icon=\"vi-arrow-left\" :size=\"16\"/>\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { VftIcon as Icon } from '@vft-ui/components/icon';\n\ninterface Props {\n  disabled?: boolean\n  currentPage?: number\n  prevText?:string\n}\n\ndefineProps({\n  \"disabled\": { type: Boolean,  },\n  \"currentPage\": { default: 1 },\n  \"prevText\": null\n})\n\nconst emit = defineEmits(['click']);\n\nconst internalDisabled = computed(\n  () => __props.disabled || __props.currentPage <= 1\n);\n</script>\n"],"names":["internalDisabled","computed","__props"],"mappings":";;;;;;;;;;;AA+BA,UAAMA,IAAmBC;AAAA,MACvB,MAAMC,EAAQ,YAAYA,EAAQ,eAAe;AAAA,IAAA;;;;;;;;;;;;;;;;"}

package/es/components/pagination/components/sizes.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.vue2.mjs","sources":["../../../../../../packages/components/pagination/components/sizes.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('sizes')\">\n    <!--<el-select-->\n    <!--  :model-value=\"innerPageSize\"-->\n    <!--  :disabled=\"disabled\"-->\n    <!--  :popper-class=\"popperClass\"-->\n    <!--  :size=\"size\"-->\n    <!--  :validate-event=\"false\"-->\n    <!--  @change=\"handleChange\"-->\n    <!--&gt;-->\n    <!--  <el-option-->\n    <!--    v-for=\"item in innerPageSizes\"-->\n    <!--    :key=\"item\"-->\n    <!--    :value=\"item\"-->\n    <!--    :label=\"item + '条/页'\"-->\n    <!--  />-->\n    <!--</el-select>-->\n\t\t暂无\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue';\nimport { isEqual } from 'lodash';\n// import { ElOption, ElSelect } from 'element-plus';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { usePagination } from '../usePagination';\n\ninterface Props {\n  pageSize?: number\n  pageSizes?: number[]\n  popperClass?: string\n  disabled?: boolean\n  size?: string\n}\n\ndefineProps({\n  \"pageSize\": null,\n  \"pageSizes\": { default: [10, 20, 30, 40, 50, 100] },\n  \"popperClass\": null,\n  \"disabled\": { type: Boolean,  },\n  \"size\": null\n})\n\nconst emit = defineEmits(['page-size-change']);\nconst ns = useNamespace('pagination');\nconst pagination = usePagination();\nconst innerPageSize = ref<number>(__props.pageSize!);\n\nwatch(\n  () => __props.pageSizes,\n  (newVal, oldVal) => {\n    if (isEqual(newVal, oldVal)) return;\n    if (Array.isArray(newVal)) {\n      const _pageSize = newVal.includes(__props.pageSize!)\n        ? __props.pageSize\n        : __props.pageSizes[0];\n      emit('page-size-change', _pageSize);\n    }\n  }\n);\n\nwatch(\n  () => __props.pageSize,\n  (newVal) => {\n    innerPageSize.value = newVal!;\n  }\n);\n\nconst innerPageSizes = computed(() => __props.pageSizes);\nfunction handleChange(val: number) {\n  if (val !== innerPageSize.value) {\n    innerPageSize.value = val;\n    pagination.handleSizeChange?.(Number(val));\n  }\n}\n</script>\n"],"names":["ns","useNamespace","usePagination","innerPageSize","ref","__props","watch","newVal","oldVal","isEqual","_pageSize","emit","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;AA6CM,UAAAA,IAAKC,EAAa,YAAY;AACjB,IAAAC,EAAc;AAC3B,UAAAC,IAAgBC,EAAYC,EAAQ,QAAS;AAEnD,WAAAC;AAAA,MACE,MAAMD,EAAQ;AAAA,MACd,CAACE,GAAQC,MAAW;AACd,YAAA,CAAAC,EAAQF,GAAQC,CAAM,KACtB,MAAM,QAAQD,CAAM,GAAG;AACnB,gBAAAG,IAAYH,EAAO,SAASF,EAAQ,QAAS,IAC/CA,EAAQ,WACRA,EAAQ,UAAU,CAAC;AACvB,UAAAM,EAAK,oBAAoBD,CAAS;AAAA,QACpC;AAAA,MACF;AAAA,IAAA,GAGFJ;AAAA,MACE,MAAMD,EAAQ;AAAA,MACd,CAACE,MAAW;AACV,QAAAJ,EAAc,QAAQI;AAAA,MACxB;AAAA,IAAA,GAGqBK,EAAS,MAAMP,EAAQ,SAAS;;;;;"}

package/es/components/pagination/components/total.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"total.vue2.mjs","sources":["../../../../../../packages/components/pagination/components/total.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('total')\" :disabled=\"disabled\">\n    {{ total }}\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@vft-ui/hooks';\nimport { usePagination } from '../usePagination';\n\nconst ns = useNamespace('pagination');\nconst { disabled } = usePagination();\n\ninterface Props {\n  total: number;\n}\n\ndefineProps({\n  \"total\": { default: 1000 }\n})\n</script>\n"],"names":["ns","useNamespace","disabled","usePagination"],"mappings":";;;;;;;;;;;;;;;AAUM,UAAAA,IAAKC,EAAa,YAAY,GAC9B,EAAE,UAAAC,MAAaC;;;;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/pagination/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Pagination from './pagination'\n\nexport const VftPagination = withInstall(Pagination)\nexport default VftPagination\n\nexport * from './pagination'\nexport * from './usePagination'\n"],"names":["VftPagination","withInstall","Pagination"],"mappings":";;;;;;;AAIa,MAAAA,IAAgBC,EAAYC,CAAU;"}

package/es/components/pagination/pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.mjs","sources":["../../../../../packages/components/pagination/pagination.ts"],"sourcesContent":["import { isNumber } from '@vft/utils';\nimport { computed, type ComputedRef, defineComponent, getCurrentInstance, h, type InjectionKey, provide, ref, watch, type WritableComputedRef } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\n\nimport Prev from './components/prev.vue';\nimport Next from './components/next.vue';\nimport Sizes from './components/sizes.vue';\nimport Jumper from './components/jumper.vue';\nimport Total from './components/total.vue';\nimport Pager from './components/pager.vue';\n\nimport type { VNode } from 'vue';\nimport { elPaginationKey } from './usePagination';\n\n/**\n * It it user's responsibility to guarantee that the value of props.total... is number\n * (same as pageSize, defaultPageSize, currentPage, defaultCurrentPage, pageCount)\n * Otherwise we can reasonable infer that the corresponding field is absent\n */\nconst isAbsent = (v: unknown): v is undefined => typeof v !== 'number';\n\ntype LayoutKey = 'prev' | 'pager' | 'next' | 'jumper' | '->' | 'total' | 'sizes' | 'slot';\n\nexport const paginationEmits = {\n  'update:current-page': (val: number) => isNumber(val),\n  'update:page-size': (val: number) => isNumber(val),\n  'size-change': (val: number) => isNumber(val),\n  'current-change': (val: number) => isNumber(val),\n  'prev-click': (val: number) => isNumber(val),\n  'next-click': (val: number) => isNumber(val)\n};\nexport type PaginationEmits = typeof paginationEmits;\n\nconst componentName = 'VftPagination';\nexport default defineComponent({\n  name: componentName,\n  props: {\n    /**\n     * @description total item count\n     */\n    total: Number,\n    /**\n     * @description options of item count per page\n     */\n    pageSize: Number,\n    /**\n     * @description default initial value of page size\n     */\n    defaultPageSize: Number,\n    /**\n     * @description current page number\n     */\n    currentPage: Number,\n    /**\n     * @description default initial value of current-page\n     */\n    defaultCurrentPage: Number,\n    /**\n     * @description total page count. Set either `total` or `page-count` and pages will be displayed; if you need `page-sizes`, `total` is required\n     */\n    pageCount: Number,\n    /**\n     * @description number of pagers. Pagination collapses when the total page count exceeds this value\n     */\n    pagerCount: {\n      type: Number,\n      validator: (value: unknown) => {\n        return isNumber(value) && Math.trunc(value) === value && value > 4 && value < 22 && value % 2 === 1;\n      },\n      default: 7\n    },\n    /**\n     * @description layout of Pagination, elements separated with a comma\n     */\n    layout: {\n      type: String,\n      default: (['prev', 'pager', 'next', 'jumper', '->', 'total'] as LayoutKey[]).join(', ')\n    },\n    /**\n     * @description item count of each page\n     */\n    pageSizes: {\n      type: Array,\n      default: [10, 20, 30, 40, 50, 100]\n    },\n    /**\n     * @description custom class name for the page size Select's dropdown\n     */\n    popperClass: {\n      type: String,\n      default: ''\n    },\n    /**\n     * @description text for the prev button\n     */\n    prevText: {\n      type: String,\n      default: ''\n    },\n    /**\n     * @description icon for the prev button, higher priority of `prev-text`\n     */\n    prevIcon: {\n      type: String,\n      default: () => 'ArrowLeft'\n    },\n    /**\n     * @description text for the next button\n     */\n    nextText: {\n      type: String,\n      default: ''\n    },\n    /**\n     * @description icon for the next button, higher priority of `next-text`\n     */\n    nextIcon: {\n      type: String,\n      default: () => 'ArrowRight'\n    },\n    /**\n     * @description whether to use small pagination\n     */\n    small: Boolean,\n    /**\n     * @description whether the buttons have a background color\n     */\n    background: Boolean,\n    /**\n     * @description whether Pagination is disabled\n     */\n    disabled: Boolean,\n    /**\n     * @description whether to hide when there's only one page\n     */\n    hideOnSinglePage: Boolean\n  },\n  emits: paginationEmits,\n  setup(props, { emit, slots }) {\n    const ns = useNamespace('pagination');\n    const vnodeProps = getCurrentInstance()!.vnode.props || {};\n    // we can find @xxx=\"xxx\" props on `vnodeProps` to check if user bind corresponding events\n    const hasCurrentPageListener = 'onUpdate:currentPage' in vnodeProps || 'onUpdate:current-page' in vnodeProps || 'onCurrentChange' in vnodeProps;\n    const hasPageSizeListener = 'onUpdate:pageSize' in vnodeProps || 'onUpdate:page-size' in vnodeProps || 'onSizeChange' in vnodeProps;\n    const assertValidUsage = computed(() => {\n      // Users have to set either one, otherwise count of pages cannot be determined\n      if (isAbsent(props.total) && isAbsent(props.pageCount)) return false;\n      // <el-pagination ...otherProps :current-page=\"xxx\" /> without corresponding listener is forbidden now\n      // Users have to use two way binding of `currentPage`\n      // If users just want to provide a default value, `defaultCurrentPage` is here for you\n      if (!isAbsent(props.currentPage) && !hasCurrentPageListener) return false;\n      // When you want to change sizes, things get more complex, detailed below\n      // Basically the most important value we need is page count\n      // either directly from props.pageCount\n      // or calculated from props.total\n      // we will take props.pageCount precedence over props.total\n      if (props.layout.includes('sizes')) {\n        if (!isAbsent(props.pageCount)) {\n          // if props.pageCount is assign by user, then user have to watch pageSize change\n          // and recalculate pageCount\n          if (!hasPageSizeListener) return false;\n        } else if (!isAbsent(props.total)) {\n          // Otherwise, we will see if user have props.pageSize defined\n          // If so, meaning user want to have pageSize controlled himself/herself from component\n          // Thus page size listener is required\n          // users are account for page size change\n          if (!isAbsent(props.pageSize)) {\n            if (!hasPageSizeListener) {\n              return false;\n            }\n          } else {\n            // (else block just for explaination)\n            // else page size is controlled by el-pagination internally\n          }\n        }\n      }\n      return true;\n    });\n\n    const innerPageSize = ref(isAbsent(props.defaultPageSize) ? 10 : props.defaultPageSize);\n    const innerCurrentPage = ref(isAbsent(props.defaultCurrentPage) ? 1 : props.defaultCurrentPage);\n\n    const pageSizeBridge = computed({\n      get() {\n        return isAbsent(props.pageSize) ? innerPageSize.value : props.pageSize;\n      },\n      set(v: number) {\n        if (isAbsent(props.pageSize)) {\n          innerPageSize.value = v;\n        }\n        if (hasPageSizeListener) {\n          emit('update:page-size', v);\n          emit('size-change', v);\n        }\n      }\n    });\n\n    const pageCountBridge = computed<number>(() => {\n      let pageCount = 0;\n      if (!isAbsent(props.pageCount)) {\n        pageCount = props.pageCount;\n      } else if (!isAbsent(props.total)) {\n        pageCount = Math.max(1, Math.ceil(props.total / pageSizeBridge.value));\n      }\n      return pageCount;\n    });\n\n    const currentPageBridge = computed<number>({\n      get() {\n        return isAbsent(props.currentPage) ? innerCurrentPage.value : props.currentPage;\n      },\n      set(v) {\n        let newCurrentPage = v;\n        if (v < 1) {\n          newCurrentPage = 1;\n        } else if (v > pageCountBridge.value) {\n          newCurrentPage = pageCountBridge.value;\n        }\n        if (isAbsent(props.currentPage)) {\n          innerCurrentPage.value = newCurrentPage;\n        }\n        if (hasCurrentPageListener) {\n          emit('update:current-page', newCurrentPage);\n          emit('current-change', newCurrentPage);\n        }\n      }\n    });\n\n    watch(pageCountBridge, (val) => {\n      if (currentPageBridge.value > val) currentPageBridge.value = val;\n    });\n\n    function handleCurrentChange(val: number) {\n      currentPageBridge.value = val;\n    }\n\n    function handleSizeChange(val: number) {\n      pageSizeBridge.value = val;\n      const newPageCount = pageCountBridge.value;\n      if (currentPageBridge.value > newPageCount) {\n        currentPageBridge.value = newPageCount;\n      }\n    }\n\n    function prev() {\n      if (props.disabled) return;\n      currentPageBridge.value -= 1;\n      emit('prev-click', currentPageBridge.value);\n    }\n\n    function next() {\n      if (props.disabled) return;\n      currentPageBridge.value += 1;\n      emit('next-click', currentPageBridge.value);\n    }\n\n    function addClass(element: any, cls: string) {\n      if (element) {\n        if (!element.props) {\n          element.props = {};\n        }\n        element.props.class = [element.props.class, cls].join(' ');\n      }\n    }\n\n    provide(elPaginationKey, {\n      pageCount: pageCountBridge,\n      disabled: computed(() => props.disabled),\n      currentPage: currentPageBridge,\n      changeEvent: handleCurrentChange,\n      handleSizeChange\n    });\n\n    return () => {\n      if (!assertValidUsage.value) {\n        // debugWarn(componentName, t('el.pagination.deprecationWarning'));\n        return null;\n      }\n      if (!props.layout) return null;\n      if (props.hideOnSinglePage && pageCountBridge.value <= 1) return null;\n      const rootChildren: Array<VNode | VNode[] | null> = [];\n      const rightWrapperChildren: Array<VNode | VNode[] | null> = [];\n      const rightWrapperRoot = h('div', { class: ns.e('rightwrapper') }, rightWrapperChildren);\n      const TEMPLATE_MAP: Record<Exclude<LayoutKey, '->'>, VNode | VNode[] | null> = {\n        prev: h(Prev, {\n          disabled: props.disabled,\n          currentPage: currentPageBridge.value,\n          prevText: props.prevText,\n          prevIcon: props.prevIcon,\n          onClick: prev\n        }),\n        jumper: h(Jumper, {\n          size: props.small ? 'small' : 'default'\n        }),\n        pager: h(Pager, {\n          currentPage: currentPageBridge.value,\n          pageCount: pageCountBridge.value,\n          pagerCount: props.pagerCount,\n          onChange: handleCurrentChange,\n          disabled: props.disabled\n        }),\n        next: h(Next, {\n          disabled: props.disabled,\n          currentPage: currentPageBridge.value,\n          pageCount: pageCountBridge.value,\n          nextText: props.nextText,\n          nextIcon: props.nextIcon,\n          onClick: next\n        }),\n        sizes: h(Sizes, {\n          pageSize: pageSizeBridge.value,\n          pageSizes: props.pageSizes,\n          popperClass: props.popperClass,\n          disabled: props.disabled,\n          size: props.small ? 'small' : 'default'\n        }),\n        slot: slots?.default?.() ?? null,\n        total: h(Total, { total: isAbsent(props.total) ? 0 : props.total })\n      };\n\n      const components = props.layout.split(',').map((item: string) => item.trim()) as LayoutKey[];\n\n      let haveRightWrapper = false;\n\n      components.forEach((c) => {\n        if (c === '->') {\n          haveRightWrapper = true;\n          return;\n        }\n        if (!haveRightWrapper) {\n          rootChildren.push(TEMPLATE_MAP[c]);\n        } else {\n          rightWrapperChildren.push(TEMPLATE_MAP[c]);\n        }\n      });\n\n      addClass(rootChildren[0], ns.is('first'));\n      addClass(rootChildren[rootChildren.length - 1], ns.is('last'));\n\n      if (haveRightWrapper && rightWrapperChildren.length > 0) {\n        addClass(rightWrapperChildren[0], ns.is('first'));\n        addClass(rightWrapperChildren[rightWrapperChildren.length - 1], ns.is('last'));\n        rootChildren.push(rightWrapperRoot);\n      }\n      return h(\n        'div',\n        {\n          role: 'pagination',\n          'aria-label': 'pagination',\n          class: [\n            ns.b(),\n            ns.is('background', props.background),\n            {\n              [ns.m('small')]: props.small\n            }\n          ]\n        },\n        rootChildren\n      );\n    };\n  }\n});\n"],"names":["isAbsent","v","paginationEmits","val","isNumber","componentName","Pagination","defineComponent","value","props","emit","slots","ns","useNamespace","vnodeProps","getCurrentInstance","hasCurrentPageListener","hasPageSizeListener","assertValidUsage","computed","innerPageSize","ref","innerCurrentPage","pageSizeBridge","pageCountBridge","pageCount","currentPageBridge","newCurrentPage","watch","handleCurrentChange","handleSizeChange","newPageCount","prev","next","addClass","element","cls","provide","elPaginationKey","rootChildren","rightWrapperChildren","rightWrapperRoot","h","TEMPLATE_MAP","Prev","Jumper","Pager","Next","Sizes","_a","Total","components","item","haveRightWrapper","c"],"mappings":"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"}

package/es/components/pagination/usePagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.mjs","sources":["../../../../../packages/components/pagination/usePagination.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey, WritableComputedRef } from 'vue';\nimport { inject } from 'vue';\nexport interface ElPaginationContext {\n  currentPage?: WritableComputedRef<number>;\n  pageCount?: ComputedRef<number>;\n  disabled?: ComputedRef<boolean>;\n  changeEvent?: (val: number) => void;\n  handleSizeChange?: (val: number) => void;\n}\n\nexport const elPaginationKey: InjectionKey<ElPaginationContext> = Symbol('elPaginationKey');\n\nexport const usePagination = () => inject(elPaginationKey, {});\n"],"names":["elPaginationKey","usePagination","inject"],"mappings":";AAUa,MAAAA,IAAqD,OAAO,iBAAiB,GAE7EC,IAAgB,MAAMC,EAAOF,GAAiB,CAAE,CAAA;"}

package/es/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/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/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/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;;;;;;;;;"}