vft 0.0.18 → 0.0.19

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

@@ -0,0 +1,172 @@
+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 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()
+}), Xe = /* @__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 {
+  Xe as default
+};
+//# sourceMappingURL=multiple-tabs.vue2.mjs.map

package/es/packages/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/packages/components/multiple-tabs/tab-content.vue2.mjs

@@ -0,0 +1,69 @@
+import { defineComponent as l, computed as u, openBlock as c, createElementBlock as s, unref as i, 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 { 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"], rt = /* @__PURE__ */ l({
+  __name: "tab-content",
+  props: {
+    tabItem: null,
+    affixNum: null,
+    contextMenuStyle: null
+  },
+  setup(t, { expose: r }) {
+    const [n] = b(), e = u(() => t.tabItem.meta && t.tabItem.meta.title), { getDropMenuList: p, handleContextMenu: a } = d(t.tabItem, t.affixNum);
+    function m(o) {
+      a(t.tabItem)(o), n({
+        event: o,
+        styles: t.contextMenuStyle,
+        items: p.value
+      });
+    }
+    return r({
+      handleContext: m
+    }), (o, M) => (c(), s("span", {
+      title: i(e),
+      class: "vft-multiple-tabs__title",
+      onContextmenu: f(m, ["stop"])
+    }, x(i(e)), 41, C));
+  }
+});
+export {
+  rt as default
+};
+//# sourceMappingURL=tab-content.vue2.mjs.map

package/es/packages/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/packages/components/multiple-tabs/use/index.mjs.map

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

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.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/overlay/index.mjs

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

package/es/packages/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/packages/components/overlay/overlay.vue.mjs

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

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

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

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

@@ -0,0 +1,77 @@
+import { defineComponent as c, useSlots as x, createVNode as y, renderSlot as u, h as r } from "vue";
+import { useNamespace as v } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import { NOOP as a } from "@vue/shared";
+import "@vft/utils";
+const i = (
+  /* hoist-static*/
+  v("overlay")
+), C = c({
+  name: i.b()
+}), h = /* @__PURE__ */ c({
+  ...C,
+  props: {
+    mask: { type: Boolean },
+    onlyNode: { type: Boolean },
+    customMaskEvent: { type: Boolean },
+    overlayClass: null,
+    zIndex: null
+  },
+  emits: ["click"],
+  setup(o, { emit: d }) {
+    const m = (n) => {
+      if (!n)
+        return { onClick: a, onMousedown: a, onMouseup: a };
+      let s = !1, l = !1;
+      return { onClick: (e) => {
+        s && l && n(e), s = l = !1;
+      }, onMousedown: (e) => {
+        s = e.target === e.currentTarget;
+      }, onMouseup: (e) => {
+        l = e.target === e.currentTarget;
+      } };
+    }, t = x(), p = (n) => {
+      d("click", n);
+    }, { onClick: f, onMousedown: M, onMouseup: k } = m(o.customMaskEvent ? void 0 : p);
+    return () => o.mask ? y(
+      "div",
+      {
+        class: [i.b(), o.overlayClass],
+        style: {
+          zIndex: o.zIndex
+        },
+        onClick: f,
+        onMousedown: M,
+        onMouseup: k
+      },
+      [u(t, "default")],
+      14,
+      ["onClick", "onMouseup", "onMousedown"]
+    ) : o.onlyNode ? r(
+      "div",
+      {},
+      [u(t, "default")]
+    ) : r(
+      "div",
+      {
+        class: o.overlayClass,
+        style: {
+          zIndex: o.zIndex,
+          position: "fixed",
+          top: "0px",
+          right: "0px",
+          bottom: "0px",
+          left: "0px"
+        }
+      },
+      [u(t, "default")]
+    );
+  }
+});
+export {
+  h as default
+};
+//# sourceMappingURL=overlay.vue2.mjs.map

package/es/packages/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/packages/components/overlay/style/css.mjs

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

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

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

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

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

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

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

package/es/packages/components/pagination/components/jumper.vue.mjs

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

package/es/packages/components/pagination/components/jumper.vue.mjs.map

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

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

@@ -0,0 +1,52 @@
+import { defineComponent as f, ref as g, computed as _, openBlock as b, createElementBlock as h, normalizeClass as o, unref as e, createElementVNode as p, toDisplayString as v, createVNode as z } from "vue";
+import { useNamespace as C } 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 { VftInput as V } from "../../input/index.mjs";
+import { usePagination as x } from "../usePagination.mjs";
+const I = ["disabled"], w = /* @__PURE__ */ f({
+  __name: "jumper",
+  props: {
+    size: null
+  },
+  setup(r) {
+    const n = C("pagination"), { pageCount: m, disabled: l, currentPage: t, changeEvent: s } = x(), i = g(), u = _(() => i.value ?? (t == null ? void 0 : t.value));
+    function d(a) {
+      i.value = +a;
+    }
+    function c(a) {
+      a = Math.trunc(+a), s == null || s(+a), i.value = void 0;
+    }
+    return (a, N) => (b(), h("span", {
+      class: o(e(n).e("jump")),
+      disabled: e(l)
+    }, [
+      p("span", {
+        class: o([e(n).e("goto")])
+      }, v(a.t("el.pagination.goto")), 3),
+      z(e(V), {
+        size: r.size,
+        class: o([e(n).e("editor"), e(n).is("in-pagination")]),
+        min: 1,
+        max: e(m),
+        disabled: e(l),
+        "model-value": e(u),
+        "validate-event": !1,
+        type: "number",
+        "onUpdate:modelValue": d,
+        onChange: c
+      }, null, 8, ["size", "class", "max", "disabled", "model-value"]),
+      p("span", {
+        class: o([e(n).e("classifier")])
+      }, "页", 2)
+    ], 10, I));
+  }
+});
+export {
+  w as default
+};
+//# sourceMappingURL=jumper.vue2.mjs.map

package/es/packages/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/packages/components/pagination/components/next.vue.mjs

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

package/es/packages/components/pagination/components/next.vue.mjs.map

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

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

@@ -0,0 +1,34 @@
+import { defineComponent as r, computed as c, openBlock as o, createElementBlock as i, unref as t, toDisplayString as s, createCommentVNode as u, createVNode as m } from "vue";
+import { VftIcon as b } from "../../icon/index.mjs";
+const f = ["disabled", "aria-disabled"], x = { key: 0 }, p = /* @__PURE__ */ r({
+  __name: "next",
+  props: {
+    disabled: { type: Boolean },
+    currentPage: { default: 1 },
+    pageCount: { default: 50 },
+    nextText: null
+  },
+  emits: ["click"],
+  setup(e) {
+    const n = c(
+      () => e.disabled || e.currentPage === e.pageCount || e.pageCount === 0
+    );
+    return (d, a) => (o(), i("button", {
+      type: "button",
+      class: "btn-next",
+      disabled: t(n),
+      "aria-disabled": t(n),
+      onClick: a[0] || (a[0] = (l) => d.$emit("click", l))
+    }, [
+      e.nextText ? (o(), i("span", x, s(e.nextText), 1)) : u("", !0),
+      m(t(b), {
+        icon: "vi-arrow-right",
+        size: 16
+      })
+    ], 8, f));
+  }
+});
+export {
+  p as default
+};
+//# sourceMappingURL=next.vue2.mjs.map

package/es/packages/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/packages/components/pagination/components/pager.vue.mjs

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

package/es/packages/components/pagination/components/pager.vue.mjs.map

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