vft 0.0.127 → 0.0.129

package/es/components/message/message.vue2.js

@@ -1,11 +1,11 @@
 import { defineComponent as V, ref as d, computed as s, onMounted as H, watch as $, openBlock as i, createBlock as D, Transition as F, unref as n, withCtx as P, withDirectives as U, createElementVNode as Z, normalizeClass as r, normalizeStyle as j, createElementBlock as u, createVNode as w, normalizeProps as A, guardReactiveProps as G, createCommentVNode as k, renderSlot as _, toDisplayString as q, withModifiers as J, vShow as K } from "vue";
 import { EVENT_CODE as Q } from "@vft/constants";
-import { isObject as W } from "@vft/utils";
-import { useResizeObserver as X, useTimeoutFn as Y } from "@vueuse/core";
-import { useEventListener as x } from "@vft/use";
+import { useEventListener as W } from "@vft/use";
+import { isObject as X } from "@vft/utils";
+import { VftIcon as B } from "../icon/index.js";
+import { useResizeObserver as Y, useTimeoutFn as x } from "@vueuse/core";
 import "../config-provider/index.js";
 import { getLastOffset as ee, getOffsetOrSpace as oe } from "./instance.js";
-import { VftIcon as B } from "../icon/index.js";
 import { useGlobalComponentSettings as ne } from "../config-provider/hooks/use-global-config.js";
 const te = ["id"], se = ["innerHTML"], ie = ["onClick"], ge = /* @__PURE__ */ V({
   __name: "message",
@@ -30,10 +30,10 @@ const te = ["id"], se = ["innerHTML"], ie = ["onClick"], ge = /* @__PURE__ */ V(
     const o = M, { ns: t, zIndex: b } = ne("message"), { currentZIndex: L, nextZIndex: T } = b, f = d(), l = d(!1), g = d(0);
     let c;
     const z = /* @__PURE__ */ new Map([
-      ["success", { icon: "ico-ep:success-filled" }],
-      ["error", { icon: "ico-ep:circle-close-filled" }],
-      ["warning", { icon: "ico-ep:warning-filled" }]
-    ]), v = s(() => (o.icon ? W(o.icon) ? o.icon : { icon: o.icon } : "") || z.get(o.type) || ""), O = s(() => {
+      ["success", { icon: "icon-success-filled" }],
+      ["error", { icon: "icon-circle-close-filled" }],
+      ["warning", { icon: "icon-warning-filled" }]
+    ]), v = s(() => (o.icon ? X(o.icon) ? o.icon : { icon: o.icon } : "") || z.get(o.type) || ""), O = s(() => {
       const e = o.type;
       return { [t.bm("icon", e)]: e };
     }), E = s(() => ee(o.id)), y = s(
@@ -43,7 +43,7 @@ const te = ["id"], se = ["innerHTML"], ie = ["onClick"], ge = /* @__PURE__ */ V(
       zIndex: L.value
     }));
     function m() {
-      o.duration !== 0 && ({ stop: c } = Y(() => {
+      o.duration !== 0 && ({ stop: c } = x(() => {
         a();
       }, o.duration));
     }
@@ -63,7 +63,7 @@ const te = ["id"], se = ["innerHTML"], ie = ["onClick"], ge = /* @__PURE__ */ V(
       () => {
         C(), m();
       }
-    ), x(document, "keydown", R), X(f, () => {
+    ), W(document, "keydown", R), Y(f, () => {
       g.value = f.value.getBoundingClientRect().height;
     }), S({
       visible: l,
@@ -114,7 +114,7 @@ const te = ["id"], se = ["innerHTML"], ie = ["onClick"], ge = /* @__PURE__ */ V(
               class: r(n(t).e("closeBtn")),
               onClick: J(a, ["stop"])
             }, [
-              w(n(B), { icon: "ico-ep:circle-close" })
+              w(n(B), { icon: "icon-circle-close" })
             ], 10, ie)) : k("", !0)
           ], 46, te), [
             [K, l.value]

package/es/components/message/method.js

@@ -1,25 +1,25 @@
-import { render as f, createVNode as T } from "vue";
-import { isClient as v } from "@vueuse/core";
-import { isNumber as b, isString as u, isVNode as h, isFunction as a, isElement as y } from "@vft/utils";
+import { isNumber as T, isString as f, isVNode as h, isFunction as a, isElement as v } from "@vft/utils";
+import "../config-provider/index.js";
+import { isClient as b } from "@vueuse/core";
+import { render as u, createVNode as y } from "vue";
 import { debugWarn as C } from "../../utils/error.js";
-import "lodash";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { instances as i } from "./instance.js";
 import E from "./message.vue2.js";
 import { messageTypes as _, messageDefaults as z } from "./types.js";
-import { instances as i } from "./instance.js";
-import "../config-provider/index.js";
 import { messageConfig as g } from "../config-provider/constants.js";
 let M = 1;
 const x = (e) => {
-  const n = !e || u(e) || h(e) || a(e) ? { message: e } : e, o = {
+  const n = !e || f(e) || h(e) || a(e) ? { message: e } : e, o = {
     ...z,
     ...n
   };
   if (!o.appendTo)
     o.appendTo = document.body;
-  else if (u(o.appendTo)) {
+  else if (f(o.appendTo)) {
     let s = document.querySelector(o.appendTo);
-    y(s) || (C("VftMessage", "the appendTo option is not an HTMLElement. Falling back to document.body."), s = document.body), o.appendTo = s;
+    v(s) || (C("VftMessage", "the appendTo option is not an HTMLElement. Falling back to document.body."), s = document.body), o.appendTo = s;
   }
   return o;
 }, N = (e) => {
@@ -38,10 +38,10 @@ const x = (e) => {
     },
     // 清除 message element 防止内存泄漏
     onDestroy: () => {
-      f(null, c);
+      u(null, c);
     }
-  }, l = T(E, t, a(t.message) || h(t.message) ? { default: a(t.message) ? t.message : () => t.message } : null);
-  l.appContext = o || p._context, f(l, c), e.appendChild(c.firstElementChild);
+  }, l = y(E, t, a(t.message) || h(t.message) ? { default: a(t.message) ? t.message : () => t.message } : null);
+  l.appContext = o || p._context, u(l, c), e.appendChild(c.firstElementChild);
   const m = l.component, d = {
     id: s,
     vnode: l,
@@ -58,10 +58,10 @@ const x = (e) => {
   };
   return d;
 }, p = (e = {}, n) => {
-  if (!v)
+  if (!b)
     return { close: () => {
     } };
-  if (b(g.max) && i.length >= g.max)
+  if (T(g.max) && i.length >= g.max)
     return { close: () => {
     } };
   const o = x(e);

package/es/components/modal/index.js

@@ -1,9 +1,9 @@
-import { withInstall as o } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { withInstall as o } from "../../utils/vue/install.js";
+import "vue";
 import t from "./modal.vue2.js";
 import { useModal as d, useModalInner as u } from "./use/use-modal.js";
 const l = o(t);

package/es/components/modal/modal-footer-action.vue2.js

@@ -1,94 +1,94 @@
 import { defineComponent as O, computed as r, openBlock as m, createBlock as p, unref as t, normalizeProps as w, guardReactiveProps as y, withCtx as e, mergeProps as u, createTextVNode as c, toDisplayString as l, createCommentVNode as f, renderSlot as B } from "vue";
-import { useNamespace as g } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import "@vft/utils";
-import "../../utils/ns-cover.js";
-import "../divider/index.js";
-import "../icon/index.js";
+import "../alert/index.js";
 import "../avatar/index.js";
-import "../empty/index.js";
-import "../result/index.js";
-import "../tabs/index.js";
-import "../popper/index.js";
-import "../collapse-transition/index.js";
-import "../tooltip/index.js";
-import "../popover/index.js";
-import "../menu/index.js";
-import "../context-menu/context-menu.vue2.js";
-import "../multiple-tabs/index.js";
-import "../header-layout/index.js";
-import "../footer-layout/index.js";
-import "../iframe-layout/index.js";
-import "../router-view-content/index.js";
-import "../logo/index.js";
 import "../backtop/index.js";
-import "../container/index.js";
+import { VftButton as b } from "../button/index.js";
+import "../card/index.js";
+import "../check-tag/index.js";
+import "../checkbox/index.js";
+import "../clamp/index.js";
+import "../clamp-toggle/index.js";
+import "../col/index.js";
+import "../collapse-transition/index.js";
+import "../color-picker/index.js";
 import "../config-provider/index.js";
+import "../container/index.js";
+import "@vft/utils";
+import "../context-menu/context-menu.vue2.js";
+import "../date-picker/index.js";
+import "../date-time-select/index.js";
 import "../descriptions/index.js";
+import "../dialog/index.js";
+import "../divider/index.js";
+import "../drawer/index.js";
+import "../dropdown/index.js";
+import "../empty/index.js";
+import "../exception/index.js";
+import "../footer-layout/index.js";
+import "../form/index.js";
 import "../full-screen/index.js";
+import "../header-layout/index.js";
+import "../horizontal-menu/index.js";
+import "../icon/index.js";
 import "../icon-text/index.js";
+import "../iframe-layout/index.js";
 import "../image/index.js";
+import "../image-viewer/index.js";
 import "../input/index.js";
+import "../input-number/index.js";
 import "../link/index.js";
-import "../pagination/index.js";
-import "../tag/index.js";
-import "../side-menu/index.js";
-import "../qrcode/index.js";
+import "../list-cell/index.js";
+import "../logo/index.js";
+import "../menu/index.js";
+import "../multiple-tabs/index.js";
 import "../overlay/index.js";
-import "../clamp/index.js";
-import "../clamp-toggle/index.js";
 import "../page-wrapper/index.js";
-import "../exception/index.js";
-import "../search/index.js";
-import "../form/index.js";
-import { VftButton as b } from "../button/index.js";
-import "../checkbox/index.js";
+import "../pagination/index.js";
+import "../popconfirm/index.js";
+import "../popover/index.js";
+import "../popper/index.js";
+import "../qrcode/index.js";
 import "../radio/index.js";
-import "../switch/index.js";
-import "../color-picker/index.js";
+import "../result/index.js";
+import "../router-view-content/index.js";
+import { VftRow as g } from "../row/index.js";
 import "../scrollbar/index.js";
-import "../dropdown/index.js";
-import "../virtual-list/components/fixed-size-list.js";
-import "../virtual-list/components/dynamic-size-list.js";
-import "../virtual-list/components/fixed-size-grid.js";
-import "../virtual-list/components/dynamic-size-grid.js";
-import "../virtual-list/props.js";
+import "../search/index.js";
 import "../select/index.js";
-import "../verify-code/index.js";
+import "../side-menu/index.js";
+import "../skeleton/index.js";
+import "../slider/index.js";
+import "../space/index.js";
+import "../switch/index.js";
 import "../table/index.js";
-import "../image-viewer/index.js";
-import "../list-cell/index.js";
-import "../dialog/index.js";
-import "../date-time-select/index.js";
-import "../col/index.js";
-import { VftRow as h } from "../row/index.js";
-import "../horizontal-menu/index.js";
+import "../tabs/index.js";
+import "../tag/index.js";
 import "../time-picker/index.js";
-import "../date-picker/index.js";
-import "../check-tag/index.js";
+import "../tooltip/index.js";
 import "../tree/index.js";
-import "../skeleton/index.js";
-import "../space/index.js";
-import "../card/index.js";
-import "../popconfirm/index.js";
-import "../alert/index.js";
-import "../drawer/index.js";
-import "../input-number/index.js";
-import "../slider/index.js";
+import "../verify-code/index.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/fixed-size-list.js";
+import "../virtual-list/props.js";
 import "../autocomplete/index.js";
-import "../super-form/index.js";
+import "./index.js";
 import "../progress/index.js";
+import "../super-form/index.js";
 import "../upload/index.js";
-import "./index.js";
-import "../md-container/index.js";
+import "../md-code-demo/index.js";
+import "../md-code-tabs/index.js";
 import "../md-comment/index.js";
+import "../md-container/index.js";
 import "../md-tabs/index.js";
 import "../md-vue-playground/index.js";
-import "../md-code-demo/index.js";
-import "../md-code-tabs/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "lodash";
+import { useNamespace as h } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
 const no = /* @__PURE__ */ O({
   __name: "modal-footer-action",
@@ -100,11 +100,11 @@ const no = /* @__PURE__ */ O({
     actionRowOptions: {}
   },
   setup(i) {
-    const n = g("form-action"), d = r(() => ({
+    const n = h("form-action"), d = r(() => ({
       justify: "end",
       ...i.actionRowOptions
     })), s = r(() => Object.assign({ btnText: "确认" }, i.submitButtonOptions)), a = r(() => Object.assign({ btnText: "取消" }, i.cancelButtonOptions));
-    return (o, v) => (m(), p(t(h), w(y(d.value)), {
+    return (o, v) => (m(), p(t(g), w(y(d.value)), {
       default: e(() => [
         o.showCancelButton ? (m(), p(t(b), u({ key: 0 }, a.value, {
           class: t(n).e("cancel")

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

@@ -1,6 +1,6 @@
 import { defineComponent as V, useAttrs as k, ref as c, getCurrentInstance as M, computed as s, unref as t, watchEffect as S, watch as F, nextTick as d, openBlock as p, createBlock as m, mergeProps as P, createSlots as R, withCtx as B, renderSlot as _, createCommentVNode as A } from "vue";
-import { VftDialog as T } from "../dialog/index.js";
-import { isFunction as D, deepMerge as G } from "@vft/utils";
+import { isFunction as T, deepMerge as D } from "@vft/utils";
+import { VftDialog as G } from "../dialog/index.js";
 import I from "./modal-footer-action.vue2.js";
 const N = /* @__PURE__ */ V({
   __name: "modal",
@@ -77,7 +77,7 @@ const N = /* @__PURE__ */ V({
       }
     );
     async function i(e) {
-      if (e == null || e.stopPropagation(), o.closeFunc && D(o.closeFunc)) {
+      if (e == null || e.stopPropagation(), o.closeFunc && T(o.closeFunc)) {
         const f = await o.closeFunc();
         l.value = !f;
         return;
@@ -85,7 +85,7 @@ const N = /* @__PURE__ */ V({
       l.value = !1, n("close", e);
     }
     function g(e) {
-      u.value = G(t(u) || {}, e), Reflect.has(e, "modelValue") && (l.value = !!e.modelValue);
+      u.value = D(t(u) || {}, e), Reflect.has(e, "modelValue") && (l.value = !!e.modelValue);
     }
     const O = s(() => ({
       onClick: (e) => i(e),
@@ -94,7 +94,7 @@ const N = /* @__PURE__ */ V({
       onClick: () => n("submit"),
       ...o.submitButtonOptions
     }));
-    return (e, f) => (p(), m(t(T), P(b.value, { onClose: i }), R({
+    return (e, f) => (p(), m(t(G), P(b.value, { onClose: i }), R({
       default: B(() => [
         _(e.$slots, "default")
       ]),

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

@@ -1,14 +1,14 @@
-import { reactive as m, ref as d, computed as v, unref as n, toRaw as c, getCurrentInstance as P, watchEffect as V, nextTick as w } from "vue";
-import { isFunction as H } from "@vft/utils";
-import { isEqual as I } from "lodash";
-import { onBeforeUnMountedOrDeactivated as h } from "@vft/use";
-const i = m({}), p = m({});
+import { onBeforeUnMountedOrDeactivated as m } from "@vft/use";
+import { isFunction as V } from "@vft/utils";
+import { isEqual as w } from "lodash";
+import { reactive as v, ref as d, computed as P, unref as n, toRaw as c, getCurrentInstance as h, watchEffect as H, nextTick as I } from "vue";
+const i = v({}), p = v({});
 function x() {
   const r = d(null), l = d(!1), s = d("");
   function u(e, o) {
-    if (!P())
+    if (!h())
       throw new Error("useModal() can only be used inside setup() or functional components!");
-    s.value = o, h(() => {
+    s.value = o, m(() => {
       r.value = null, l.value = !1, i[n(s)] = null;
     }), !(n(l) && e === n(r)) && (r.value = e, l.value = !0, e.emitVisible = (M, a) => {
       p[a] = M;
@@ -22,7 +22,7 @@ function x() {
       var o;
       (o = t()) == null || o.setModalProps(e);
     },
-    getVisible: v(() => p[~~n(s)]),
+    getVisible: P(() => p[~~n(s)]),
     redoModalHeight: () => {
       var e, o;
       (o = (e = t()) == null ? void 0 : e.redoModalHeight) == null || o.call(e);
@@ -38,7 +38,7 @@ function x() {
         i[a] = null, i[a] = c(o);
         return;
       }
-      I(c(i[a]), c(o)) || (i[a] = c(o));
+      w(c(i[a]), c(o)) || (i[a] = c(o));
     },
     closeModal: () => {
       var e;
@@ -48,17 +48,17 @@ function x() {
   return [u, f];
 }
 const D = (r) => {
-  const l = d(null), s = P(), u = d(""), t = () => {
+  const l = d(null), s = h(), u = d(""), t = () => {
     const e = n(l);
     return e || console.error("useModalInner instance is undefined!"), e;
   }, f = (e, o) => {
-    h(() => {
+    m(() => {
       l.value = null;
     }), u.value = o, l.value = e, s == null || s.emit("register", e, o);
   };
-  return V(() => {
+  return H(() => {
     const e = i[n(u)];
-    e && (!r || !H(r) || w(() => {
+    e && (!r || !V(r) || I(() => {
       r(e);
     }));
   }), [
@@ -68,7 +68,7 @@ const D = (r) => {
         var o;
         (o = t()) == null || o.setModalProps({ loading: e });
       },
-      getVisible: v(() => p[~~n(u)]),
+      getVisible: P(() => p[~~n(u)]),
       changeOkLoading: (e = !0) => {
         var o;
         (o = t()) == null || o.setModalProps({ confirmLoading: e });

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

@@ -1,18 +1,18 @@
-import { withInstall as o } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { withInstall as o } from "../../utils/vue/install.js";
+import "vue";
 import t from "./multiple-tabs.vue2.js";
 import "./multiple-tabs.vue3.js";
-import { useTabDropdown as u } from "./use/use-tab-dropdown.js";
-import { initAffixTabs as T, useTabsDrag as c } from "./use/use-multiple-tabs.js";
+import { initAffixTabs as u, useTabsDrag as x } from "./use/use-multiple-tabs.js";
+import { useTabDropdown as c } from "./use/use-tab-dropdown.js";
 const l = o(t);
 export {
   l as VftMultipleTabs,
   l as default,
-  T as initAffixTabs,
-  u as useTabDropdown,
-  c as useTabsDrag
+  u as initAffixTabs,
+  c as useTabDropdown,
+  x as useTabsDrag
 };

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

@@ -2,99 +2,99 @@ import { defineComponent as P, getCurrentInstance as W, ref as b, computed as v,
 import { useRouterHelper as U, getRouterKeyPath as f, listenerRouteChange as j } from "@vft/router";
 import { useMultipleTabStore as q, useTabs as G } from "@vft/store";
 import { useRefs as J } from "@vft/use";
-import "@vft/utils";
-import "lodash";
-import "@vueuse/core";
-import { generateCssVars as _ } from "../../utils/ns-cover.js";
-import L from "hotkeys-js";
-import { onBeforeRouteLeave as O } from "vue-router";
-import { useNamespace as Q } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import "../divider/index.js";
-import "../icon/index.js";
+import "../alert/index.js";
 import "../avatar/index.js";
-import "../empty/index.js";
-import "../result/index.js";
-import { VftTabs as X, VftTabPane as Y } from "../tabs/index.js";
-import "../popper/index.js";
-import "../collapse-transition/index.js";
-import "../tooltip/index.js";
-import "../popover/index.js";
-import "../menu/index.js";
-import "../context-menu/context-menu.vue2.js";
-import "./index.js";
-import "../header-layout/index.js";
-import "../footer-layout/index.js";
-import "../iframe-layout/index.js";
-import "../router-view-content/index.js";
-import "../logo/index.js";
 import "../backtop/index.js";
-import "../container/index.js";
+import "../button/index.js";
+import "../card/index.js";
+import "../check-tag/index.js";
+import "../checkbox/index.js";
+import "../clamp/index.js";
+import "../clamp-toggle/index.js";
+import "../col/index.js";
+import "../collapse-transition/index.js";
+import "../color-picker/index.js";
 import "../config-provider/index.js";
+import "../container/index.js";
+import "@vft/utils";
+import "../context-menu/context-menu.vue2.js";
+import "../date-picker/index.js";
+import "../date-time-select/index.js";
 import "../descriptions/index.js";
+import "../dialog/index.js";
+import "../divider/index.js";
+import "../drawer/index.js";
+import "../dropdown/index.js";
+import "../empty/index.js";
+import "../exception/index.js";
+import "../footer-layout/index.js";
+import "../form/index.js";
 import "../full-screen/index.js";
+import "../header-layout/index.js";
+import "../horizontal-menu/index.js";
+import "../icon/index.js";
 import "../icon-text/index.js";
+import "../iframe-layout/index.js";
 import "../image/index.js";
+import "../image-viewer/index.js";
 import "../input/index.js";
+import "../input-number/index.js";
 import "../link/index.js";
-import "../pagination/index.js";
-import "../tag/index.js";
-import "../side-menu/index.js";
-import "../qrcode/index.js";
+import "../list-cell/index.js";
+import "../logo/index.js";
+import "../menu/index.js";
+import "./index.js";
 import "../overlay/index.js";
-import "../clamp/index.js";
-import "../clamp-toggle/index.js";
 import "../page-wrapper/index.js";
-import "../exception/index.js";
-import "../search/index.js";
-import "../form/index.js";
-import "../button/index.js";
-import "../checkbox/index.js";
+import "../pagination/index.js";
+import "../popconfirm/index.js";
+import "../popover/index.js";
+import "../popper/index.js";
+import "../qrcode/index.js";
 import "../radio/index.js";
-import "../switch/index.js";
-import "../color-picker/index.js";
+import "../result/index.js";
+import "../router-view-content/index.js";
+import "../row/index.js";
 import "../scrollbar/index.js";
-import "../dropdown/index.js";
-import "../virtual-list/components/fixed-size-list.js";
-import "../virtual-list/components/dynamic-size-list.js";
-import "../virtual-list/components/fixed-size-grid.js";
-import "../virtual-list/components/dynamic-size-grid.js";
-import "../virtual-list/props.js";
+import "../search/index.js";
 import "../select/index.js";
-import "../verify-code/index.js";
+import "../side-menu/index.js";
+import "../skeleton/index.js";
+import "../slider/index.js";
+import "../space/index.js";
+import "../switch/index.js";
 import "../table/index.js";
-import "../image-viewer/index.js";
-import "../list-cell/index.js";
-import "../dialog/index.js";
-import "../date-time-select/index.js";
-import "../col/index.js";
-import "../row/index.js";
-import "../horizontal-menu/index.js";
+import { VftTabs as L, VftTabPane as O } from "../tabs/index.js";
+import "../tag/index.js";
 import "../time-picker/index.js";
-import "../date-picker/index.js";
-import "../check-tag/index.js";
+import "../tooltip/index.js";
 import "../tree/index.js";
-import "../skeleton/index.js";
-import "../space/index.js";
-import "../card/index.js";
-import "../popconfirm/index.js";
-import "../alert/index.js";
-import "../drawer/index.js";
-import "../input-number/index.js";
-import "../slider/index.js";
+import "../verify-code/index.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/fixed-size-list.js";
+import "../virtual-list/props.js";
 import "../autocomplete/index.js";
-import "../super-form/index.js";
+import "../modal/index.js";
 import "../progress/index.js";
+import "../super-form/index.js";
 import "../upload/index.js";
-import "../modal/index.js";
-import "../md-container/index.js";
+import "../md-code-demo/index.js";
+import "../md-code-tabs/index.js";
 import "../md-comment/index.js";
+import "../md-container/index.js";
 import "../md-tabs/index.js";
 import "../md-vue-playground/index.js";
-import "../md-code-demo/index.js";
-import "../md-code-tabs/index.js";
+import "@vueuse/core";
+import { generateCssVars as _ } from "../../utils/ns-cover.js";
+import "lodash";
+import { useNamespace as Q } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
+import X from "hotkeys-js";
+import { onBeforeRouteLeave as Y } from "vue-router";
 import Z from "./tab-content.vue2.js";
 import { initAffixTabs as tt, useTabsDrag as et } from "./use/use-multiple-tabs.js";
 const ot = (
@@ -124,7 +124,7 @@ const ot = (
         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;
       }
-    }), O(() => {
+    }), Y(() => {
       x.value = r(l.currentRoute);
     }), j((t) => {
       var T;
@@ -168,7 +168,7 @@ const ot = (
       "item-border-radius": "5px 5px 0 0",
       "item-border": "none"
     }, "tabs"), ...d.tabsStyle })), { closeCurrent: w } = G();
-    L("command+e, ctrl+e", function() {
+    X("command+e, ctrl+e", function() {
       return w(), !1;
     });
     const V = v(() => ({
@@ -182,7 +182,7 @@ const ot = (
       class: D(r(ot).b()),
       style: H(N.value)
     }, [
-      C(r(X), {
+      C(r(L), {
         showBar: !1,
         fixTabCount: t.fixTabCount,
         fixExtraScrollWidth: t.fixExtraScrollWidth,
@@ -195,7 +195,7 @@ const ot = (
         default: R(() => [
           (h(!0), S(K, null, $(c.value, (o, n) => {
             var p;
-            return h(), F(r(Y), {
+            return h(), F(r(O), {
               key: r(f)(o) + n,
               closable: !((p = o.meta) != null && p.affix),
               index: n,