vft 0.0.239 → 0.0.241

package/es/components/modal/modal.vue.d.ts

@@ -6,7 +6,10 @@ export interface ModalProps extends DialogProps {
     confirmLoading?: boolean;
     loading?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ModalProps & ModalActionProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ModalProps & ModalActionProps>, {
     center: boolean;
     customClass: string;
     draggable: boolean;
@@ -27,9 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showActionButtonGroup: boolean;
     showSubmitButton: boolean;
     showCancelButton: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    [x: string]: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ModalProps & ModalActionProps>, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ModalProps & ModalActionProps>, {
     center: boolean;
     customClass: string;
     draggable: boolean;
@@ -50,7 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showActionButtonGroup: boolean;
     showSubmitButton: boolean;
     showCancelButton: boolean;
-}>>>, {
+}>>> & Readonly<{}>, {
     title: string;
     center: boolean;
     fullscreen: boolean;
@@ -68,12 +69,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     modal: boolean;
     openDelay: number;
     closeDelay: number;
-    showActionButtonGroup: boolean;
     showSubmitButton: boolean;
+    showActionButtonGroup: boolean;
     showCancelButton: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/es/components/modal/modal.vue2.js

@@ -81,7 +81,7 @@ const N = /* @__PURE__ */ O({
       }
     );
     async function d(e) {
-      if (e == null || e.stopPropagation(), t.closeFunc && G(t.closeFunc)) {
+      if (e?.stopPropagation(), t.closeFunc && G(t.closeFunc)) {
         const p = await t.closeFunc();
         l.value = !p;
         return;

package/es/components/modal/use/use-modal.js

@@ -1,100 +1,91 @@
-import { useKeepAliveLifeCycle as w } from "@vft/use";
-import { isFunction as H } from "@vft/utils";
-import { isEqual as I } from "lodash-es";
-import { reactive as P, ref as f, computed as h, unref as r, getCurrentInstance as V, watchEffect as L, nextTick as R, toRaw as M, onBeforeUnmount as b, onDeactivated as q } from "vue";
-const d = P({}), m = P({});
-function A() {
-  const s = f(null), l = f(!1), a = f(""), { onBeforeUnMountedOrDeactivated: c, onMountedOrActivated: i } = w();
-  function p(o, t) {
-    if (!V())
+import { useKeepAliveLifeCycle as I } from "@vft/use";
+import { isFunction as V } from "@vft/utils";
+import { isEqual as w } from "lodash-es";
+import { reactive as v, ref as d, computed as P, unref as n, getCurrentInstance as h, watchEffect as H, nextTick as L, toRaw as M, onBeforeUnmount as R, onDeactivated as b } from "vue";
+const u = v({}), m = v({});
+function y() {
+  const t = d(null), r = d(!1), l = d(""), { onBeforeUnMountedOrDeactivated: c, onMountedOrActivated: s } = I();
+  function p(o, a) {
+    if (!h())
       throw new Error(
         "useModal() can only be used inside setup() or functional components!"
       );
-    a.value = t, c(() => {
-      s.value = null, l.value = !1, d[r(a)] = null;
-    }), i(() => {
-      r(l) && o === r(s) || (s.value = o, l.value = !0, o.emitVisible = (g, u) => {
-        m[u] = g;
+    l.value = a, c(() => {
+      t.value = null, r.value = !1, u[n(l)] = null;
+    }), s(() => {
+      n(r) && o === n(t) || (t.value = o, r.value = !0, o.emitVisible = (g, i) => {
+        m[i] = g;
       });
     });
   }
   const e = () => {
-    const o = r(s);
+    const o = n(t);
     return o || console.error("useModal instance is undefined!"), o;
-  }, n = {
+  }, f = {
     setModalProps: (o) => {
-      var t;
-      (t = e()) == null || t.setModalProps(o);
+      e()?.setModalProps(o);
     },
-    getVisible: h(() => m[~~r(a)]),
+    getVisible: P(() => m[~~n(l)]),
     redoModalHeight: () => {
-      var o, t;
-      (t = (o = e()) == null ? void 0 : o.redoModalHeight) == null || t.call(o);
+      e()?.redoModalHeight?.();
     },
-    openModal: (o = !0, t, g = !0) => {
-      var v;
-      if ((v = e()) == null || v.setModalProps({
+    openModal: (o = !0, a, g = !0) => {
+      if (e()?.setModalProps({
         modelValue: o
-      }), !t) return;
-      const u = r(a);
+      }), !a) return;
+      const i = n(l);
       if (g) {
-        d[u] = null, d[u] = M(t);
+        u[i] = null, u[i] = M(a);
         return;
       }
-      I(M(d[u]), M(t)) || (d[u] = M(t));
+      w(M(u[i]), M(a)) || (u[i] = M(a));
     },
     closeModal: () => {
-      var o;
-      (o = e()) == null || o.setModalProps({ modelValue: !1 });
+      e()?.setModalProps({ modelValue: !1 });
     }
   };
-  return [p, n];
+  return [p, f];
 }
-const B = (s) => {
-  const l = f(null), a = V(), c = f(""), i = () => {
-    const e = r(l);
+const A = (t) => {
+  const r = d(null), l = h(), c = d(""), s = () => {
+    const e = n(r);
     return e || console.error("useModalInner instance is undefined!"), e;
-  }, p = (e, n) => {
-    b(() => {
-      l.value = null;
-    }), q(() => {
-      l.value = null;
-    }), c.value = n, l.value = e, a == null || a.emit("register", e, n);
+  }, p = (e, f) => {
+    R(() => {
+      r.value = null;
+    }), b(() => {
+      r.value = null;
+    }), c.value = f, r.value = e, l?.emit("register", e, f);
   };
-  return L(() => {
-    const e = d[r(c)];
-    e && (!s || !H(s) || R(() => {
-      s(e);
+  return H(() => {
+    const e = u[n(c)];
+    e && (!t || !V(t) || L(() => {
+      t(e);
     }));
   }), [
     p,
     {
       changeLoading: (e = !0) => {
-        var n;
-        (n = i()) == null || n.setModalProps({ loading: e });
+        s()?.setModalProps({ loading: e });
       },
-      getVisible: h(() => m[~~r(c)]),
+      getVisible: P(() => m[~~n(c)]),
       changeOkLoading: (e = !0) => {
-        var n;
-        (n = i()) == null || n.setModalProps({ confirmLoading: e });
+        s()?.setModalProps({ confirmLoading: e });
       },
       closeModal: () => {
-        var e;
-        (e = i()) == null || e.setModalProps({ modelValue: !1 });
+        s()?.setModalProps({ modelValue: !1 });
       },
       setModalProps: (e) => {
-        var n;
-        (n = i()) == null || n.setModalProps(e);
+        s()?.setModalProps(e);
       },
       redoModalHeight: () => {
-        var n;
-        const e = (n = i()) == null ? void 0 : n.redoModalHeight;
+        const e = s()?.redoModalHeight;
         e && e();
       }
     }
   ];
 };
 export {
-  A as useModal,
-  B as useModalInner
+  y as useModal,
+  A as useModalInner
 };

package/es/components/multiple-tabs/index.d.ts

@@ -1,36 +1,4 @@
-export declare const VftMultipleTabs: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-    tabsStyle: {
-        type: import("vue").PropType<Record<string, string | number>>;
-    };
-    contextMenuStyle: {
-        type: import("vue").PropType<Record<string, string | number>>;
-    };
-    canDrag: {
-        type: import("vue").PropType<boolean>;
-    };
-    fixTabCount: {
-        type: import("vue").PropType<number>;
-    };
-    fixExtraScrollWidth: {
-        type: import("vue").PropType<number>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    tabsStyle: {
-        type: import("vue").PropType<Record<string, string | number>>;
-    };
-    contextMenuStyle: {
-        type: import("vue").PropType<Record<string, string | number>>;
-    };
-    canDrag: {
-        type: import("vue").PropType<boolean>;
-    };
-    fixTabCount: {
-        type: import("vue").PropType<number>;
-    };
-    fixExtraScrollWidth: {
-        type: import("vue").PropType<number>;
-    };
-}>>, {}, {}>> & Record<string, any>;
+export declare const VftMultipleTabs: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftMultipleTabs;
 export * from './types';
 export * from './use';

package/es/components/multiple-tabs/multiple-tabs.vue.d.ts

@@ -1,12 +1,2 @@
-import { type MultipleTabsProps } from './types';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<MultipleTabsProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MultipleTabsProps>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

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

@@ -1,4 +1,4 @@
-import { defineComponent as P, getCurrentInstance as D, ref as x, computed as y, watchEffect as H, unref as r, onMounted as K, createElementBlock as R, openBlock as h, normalizeStyle as W, normalizeClass as $, createVNode as C, withCtx as S, Fragment as F, renderList as U, createBlock as j } from "vue";
+import { defineComponent as t, getCurrentInstance as i, ref as p, createElementBlock as m, openBlock as e, normalizeClass as n, unref as s } from "vue";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../backtop/index.js";
@@ -62,7 +62,7 @@ import "../slider/index.js";
 import "../space/index.js";
 import "../switch/index.js";
 import "../table/index.js";
-import { VftTabs as q, VftTabPane as G } from "../tabs/index.js";
+import "../tabs/index.js";
 import "../tag/index.js";
 import "../time-picker/index.js";
 import "../tooltip/index.js";
@@ -88,150 +88,30 @@ import "../md-container/index.js";
 import "../md-tabs/index.js";
 import "../md-vue-playground/index.js";
 import "@vueuse/core";
-import { generateCssVars as _ } from "../../utils/ns-cover.js";
+import "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as J } from "../../hooks/use-namespace/index.js";
+import { useNamespace as a } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
 import "../infinite-scroll/index.js";
 import "../progress-i/index.js";
-import { useRouterHelper as L, getRouterKeyPath as f, listenerRouteChange as O } from "@vft/router";
-import { useMultipleTabStore as Q, useTabs as X } from "@vft/store";
-import { useRefs as Y } from "@vft/use";
-import Z from "hotkeys-js";
-import { onBeforeRouteLeave as tt } from "vue-router";
-import et from "./tab-content.vue2.js";
-import { initAffixTabs as ot, useTabsDrag as rt } from "./use/use-multiple-tabs.js";
-const it = P({
+import "@vft/router";
+import { useMultipleTabStore as c } from "@vft/store";
+import { initAffixTabs as l } from "./use/use-multiple-tabs.js";
+import "vue-router";
+const u = t({
   name: "vft-multiple-tabs"
-}), io = /* @__PURE__ */ P({
-  ...it,
-  props: {
-    tabsStyle: {},
-    contextMenuStyle: {},
-    canDrag: { type: Boolean },
-    fixTabCount: {},
-    fixExtraScrollWidth: {}
-  },
-  setup(d) {
-    const k = J("multiple-tabs"), l = D().appContext.config.globalProperties.$router, i = ot(l), u = Q(), m = x(""), a = x(0), b = x(), { go: v } = L(l), c = y(() => u.getTabList.filter((t) => {
-      var e;
-      return !((e = t.meta) != null && e.hideTab);
-    }));
-    H(() => {
-      var t;
-      if (m.value) {
-        const e = c.value.findIndex((o) => f(o) === m.value);
-        e === -1 ? a.value = ((t = c.value) == null ? void 0 : t.length) - 1 : a.value = e, a.value = a.value < (i == null ? void 0 : i.length) ? (i == null ? void 0 : i.length) - 1 : a.value;
-      }
-    }), tt(() => {
-      b.value = r(l.currentRoute);
-    }), O(({ route: t }) => {
-      var g;
-      if (!t || (g = t.meta) != null && g.hasTokenToRoot)
-        return;
-      const { meta: e = {} } = t, { currentActivePath: o, hideTab: n } = e, p = n ? o : null, s = f(t);
-      if (m.value !== s && (m.value = s), p) {
-        let T = l.getRoutes().find((z) => z.path === o);
-        T && u.addTab(
-          T,
-          r(b),
-          a.value,
-          t
-        );
-      } else
-        u.addTab(r(t), r(b), a.value);
-    });
-    function w(t) {
-      var n, p;
-      if (m.value === t.paneName)
-        return;
-      const e = c.value[t.attrs.index];
-      m.value = t.paneName;
-      const o = (p = (n = e == null ? void 0 : e.meta) == null ? void 0 : n.hideActiveRoute) == null ? void 0 : p.fullPath;
-      v(o || e.fullPath || e.path);
-    }
-    function M(t) {
-      u.closeTabByKey(t, l);
-    }
-    const { refs: V, setRefs: B } = Y();
-    function A(t) {
-      const e = t.pane.attrs.index, o = t.event;
-      V.value[e].handleContext(o);
-    }
-    const E = y(() => ({ ..._({
-      padding: "4px 0 0",
-      "border-bottom": "none",
-      "header-height": "26px",
-      "font-size": "13px",
-      "item-padding": "0 10px",
-      "close-icon-left": "8px",
-      "item-distance": "1px",
-      "item-max-width": "180px",
-      "scroll-padding": "0 20px",
-      "header-margin": "0 0 0 8px",
-      "item-border-radius": "5px 5px 0 0",
-      "item-border": "none"
-    }, "tabs"), ...d.tabsStyle })), { closeCurrent: I } = X(), N = {
-      ..._(
-        {
-          "sub-item-height": "40px",
-          "item-min-width": "150px"
-        },
-        "menu"
-      ),
-      ...d.contextMenuStyle
-    };
-    return K(() => {
-      d.canDrag && rt(i), Z("command+e, ctrl+e", function() {
-        return I(), !1;
-      });
-    }), (t, e) => (h(), R("div", {
-      class: $(r(k).b()),
-      style: W(E.value)
-    }, [
-      C(r(q), {
-        "show-bar": !1,
-        "fix-tab-count": t.fixTabCount,
-        "fix-extra-scroll-width": t.fixExtraScrollWidth,
-        modelValue: m.value,
-        "onUpdate:modelValue": e[0] || (e[0] = (o) => m.value = o),
-        onTabClick: w,
-        onTabRemove: M,
-        onTabContextMenu: A
-      }, {
-        default: S(() => [
-          (h(!0), R(F, null, U(c.value, (o, n) => {
-            var p;
-            return h(), j(r(G), {
-              key: r(f)(o) + n,
-              closable: !((p = o.meta) != null && p.affix),
-              index: n,
-              name: r(f)(o)
-            }, {
-              label: S(() => {
-                var s;
-                return [
-                  C(et, {
-                    "context-menu-style": N,
-                    "affix-num": (s = r(i)) == null ? void 0 : s.length,
-                    ref_for: !0,
-                    ref: r(B)(n),
-                    "tab-item": o
-                  }, null, 8, ["affix-num", "tab-item"])
-                ];
-              }),
-              _: 2
-            }, 1032, ["closable", "index", "name"]);
-          }), 128))
-        ]),
-        _: 1
-      }, 8, ["fix-tab-count", "fix-extra-scroll-width", "modelValue"])
-    ], 6));
+}), uo = /* @__PURE__ */ t({
+  ...u,
+  setup(f) {
+    const o = a("multiple-tabs"), r = i().appContext.config.globalProperties.$router;
+    return l(r), c(), p(""), (b, d) => (e(), m("div", {
+      class: n(s(o).b())
+    }, null, 2));
   }
 });
 export {
-  io as default
+  uo as default
 };

package/es/components/multiple-tabs/tab-content.vue.d.ts

@@ -5,9 +5,9 @@ interface Props {
     contextMenuStyle?: Record<string, string | number>;
     visible?: boolean;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {
     handleContext: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -1,5 +1,5 @@
-import { defineComponent as c, computed as r, createBlock as l, openBlock as f, unref as s, withModifiers as x } from "vue";
-import { singleAttrToObj as b } from "@vft/utils";
+import { defineComponent as u, computed as m, createElementBlock as c, openBlock as l, toDisplayString as f } from "vue";
+import { singleAttrToObj as s } from "@vft/utils";
 import "../context-menu/context-menu.vue2.js";
 import "../alert/index.js";
 import "../avatar/index.js";
@@ -31,7 +31,7 @@ import "../full-screen/index.js";
 import "../header-layout/index.js";
 import "../horizontal-menu/index.js";
 import "../icon/index.js";
-import { VftIconText as I } from "../icon-text/index.js";
+import "../icon-text/index.js";
 import "../iframe-layout/index.js";
 import "../image/index.js";
 import "../image-viewer/index.js";
@@ -97,12 +97,12 @@ import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
 import "../infinite-scroll/index.js";
 import "../progress-i/index.js";
-import { useContextMenu as d } from "../context-menu/useContextMenu.js";
+import { useContextMenu as x } from "../context-menu/useContextMenu.js";
 import "vue-router";
 import "@vft/store";
 import "@vft/use";
-import { useTabDropdown as v } from "./use/use-tab-dropdown.js";
-const Io = /* @__PURE__ */ c({
+import { useTabDropdown as b } from "./use/use-tab-dropdown.js";
+const so = /* @__PURE__ */ u({
   __name: "tab-content",
   props: {
     tabItem: {},
@@ -110,32 +110,25 @@ const Io = /* @__PURE__ */ c({
     contextMenuStyle: {},
     visible: { type: Boolean }
   },
-  setup(t, { expose: p }) {
-    const [e] = d(), i = r(() => t.tabItem.meta && t.tabItem.meta.title), n = r(() => {
-      var o;
-      return b((o = t.tabItem.meta) == null ? void 0 : o.icon, "icon");
-    }), { getDropMenuList: a, handleContextMenu: u } = v(
+  setup(t, { expose: i }) {
+    const [r] = x(), p = m(() => t.tabItem.meta && t.tabItem.meta.title);
+    m(() => s(t.tabItem.meta?.icon, "icon"));
+    const { getDropMenuList: e, handleContextMenu: n } = b(
       t.tabItem,
       t.affixNum
     );
-    function m(o) {
-      u(t.tabItem)(o), e({
+    function a(o) {
+      n(t.tabItem)(o), r({
         event: o,
         styles: t.contextMenuStyle,
-        items: a.value
+        items: e.value
       });
     }
-    return p({
-      handleContext: m
-    }), (o, M) => (f(), l(s(I), {
-      class: "vft-multiple-tabs__title",
-      title: i.value,
-      icon: n.value,
-      text: i.value,
-      onContextmenu: x(m, ["stop"])
-    }, null, 8, ["title", "icon", "text"]));
+    return i({
+      handleContext: a
+    }), (o, d) => (l(), c("div", null, f(p.value), 1));
   }
 });
 export {
-  Io as default
+  so as default
 };

package/es/components/multiple-tabs/use/use-multiple-tabs.js

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