vft 0.0.32 → 0.0.35

package/es/components/md-vue-playground/md-vue-playground.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as n, shallowRef as f, computed as w, onMounted as g, createVNode as e, withDirectives as u, resolveDirective as r, h } from "vue";
+import { defineComponent as c, ref as n, shallowRef as f, computed as w, onMounted as g, createVNode as e, withDirectives as r, resolveDirective as u, h } from "vue";
 import { useNamespace as V } from "../../hooks/use-namespace/index.mjs";
 import "@popperjs/core";
 import "lodash";
@@ -6,6 +6,7 @@ import "../../hooks/use-z-index/index.mjs";
 import "@vueuse/core";
 import "@vue/shared";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 import "@vue/repl/style.css";
 import { getVuePlaygroundSettings as C } from "./playground.mjs";
 import { VftIcon as R } from "../icon/index.mjs";
@@ -14,7 +15,7 @@ const p = (
   V("md-vue-playground")
 ), y = c({
   name: p.b()
-}), P = /* @__PURE__ */ c({
+}), j = /* @__PURE__ */ c({
   ...y,
   props: {
     title: null,
@@ -24,10 +25,10 @@ const p = (
   setup(t) {
     const a = n(!0), i = f(), s = n(), o = w(() => C(t.settings)), l = n(o.value.showCode || !1), d = async () => {
       const {
-        ReplStore: v,
-        Repl: m
+        ReplStore: m,
+        Repl: v
       } = await import("@vue/repl");
-      i.value = m, s.value = new v({
+      i.value = v, s.value = new m({
         serializedState: decodeURIComponent(t.files),
         showOutput: !0
       }), o.value.vueVersion && await s.value.setVueVersion(o.value.vueVersion);
@@ -38,23 +39,23 @@ const p = (
       class: p.b()
     }, [e("div", {
       class: "title-wrapper"
-    }, [u(e("div", {
+    }, [r(e("div", {
       class: "title"
-    }, [decodeURIComponent(t.title)]), [[r("if"), t.title]]), e(R, {
+    }, [decodeURIComponent(t.title)]), [[u("if"), t.title]]), e(R, {
       cursor: !0,
       icon: l.value ? "i-bx:collapse-alt" : "i-bx:expand-alt",
       size: 20,
       onClick: () => {
         l.value = !l.value;
       }
-    }, null)]), u(e("div", {
+    }, null)]), r(e("div", {
       class: ["repl-container", l.value ? "show-code" : "hide-code"]
     }, [i.value ? h(i.value, {
       store: s.value,
       ...o.value
-    }) : null]), [[r("spin"), a.value]])]);
+    }) : null]), [[u("spin"), a.value]])]);
   }
 });
 export {
-  P as default
+  j as default
 };

package/es/components/menu/index.d.ts

@@ -123,7 +123,7 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
             required: false;
         };
         title: {
-            type: import("vue").PropType<string | undefined>;
+            type: import("vue").PropType<string | number | undefined>;
             required: false;
         };
         isAloneUse: {
@@ -160,7 +160,7 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
             required: false;
         };
         title: {
-            type: import("vue").PropType<string | undefined>;
+            type: import("vue").PropType<string | number | undefined>;
             required: false;
         };
         isAloneUse: {
@@ -322,7 +322,7 @@ export declare const VftMenuItem: import("vft/es/utils").SFCWithInstall<import("
         required: false;
     };
     title: {
-        type: import("vue").PropType<string | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     isAloneUse: {
@@ -359,7 +359,7 @@ export declare const VftMenuItem: import("vft/es/utils").SFCWithInstall<import("
         required: false;
     };
     title: {
-        type: import("vue").PropType<string | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     isAloneUse: {

package/es/components/menu/index.mjs

@@ -2,19 +2,20 @@ import { withInstall as r, withNoopInstall as t } from "../../utils/vue/install.
 import "vue";
 import "@vue/shared";
 import "@vft/utils";
-import f from "./menu.vue2.mjs";
+import "../../utils/ns-cover.mjs";
+import i from "./menu.vue2.mjs";
 import o from "./menu-item.vue2.mjs";
 import m from "./menu-item-group.vue2.mjs";
 import n from "./sub-menu.vue2.mjs";
-const M = r(f, {
+const I = r(i, {
   MenuItem: o,
   MenuItemGroup: m,
   SubMenu: n
-}), I = t(o), l = t(m), V = t(n);
+}), l = t(o), V = t(m), $ = t(n);
 export {
-  M as VftMenu,
-  I as VftMenuItem,
-  l as VftMenuItemGroup,
-  V as VftSubMenu,
-  M as default
+  I as VftMenu,
+  l as VftMenuItem,
+  V as VftMenuItemGroup,
+  $ as VftSubMenu,
+  I as default
 };

package/es/components/menu/menu-collapse-transition.vue2.mjs

@@ -6,7 +6,8 @@ import "../../hooks/use-z-index/index.mjs";
 import "@vueuse/core";
 import "@vue/shared";
 import { addClass as s, removeClass as a, hasClass as n } from "@vft/utils";
-const u = i({
+import "../../utils/ns-cover.mjs";
+const w = i({
   setup() {
     const o = r("menu");
     return {
@@ -29,5 +30,5 @@ const u = i({
   }
 });
 export {
-  u as default
+  w as default
 };

package/es/components/menu/menu-item-group.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as m, openBlock as o, createElementBlock as l, normalizeClass as r, unref as s, createElementVNode as n, Fragment as p, createTextVNode as u, toDisplayString as c, renderSlot as i } from "vue";
+import { defineComponent as m, openBlock as o, createElementBlock as l, normalizeClass as r, unref as s, createElementVNode as i, Fragment as p, createTextVNode as u, toDisplayString as c, renderSlot as n } from "vue";
 import { useNamespace as d } from "../../hooks/use-namespace/index.mjs";
 import "@popperjs/core";
 import "lodash";
@@ -6,12 +6,13 @@ import "../../hooks/use-z-index/index.mjs";
 import "@vueuse/core";
 import "@vue/shared";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 const t = (
   /* hoist-static*/
   d("menu-item-group")
 ), f = m({
   name: t.b()
-}), E = /* @__PURE__ */ m({
+}), S = /* @__PURE__ */ m({
   ...f,
   props: {
     title: null
@@ -20,19 +21,19 @@ const t = (
     return (e, _) => (o(), l("li", {
       class: r(s(t).b())
     }, [
-      n("div", {
+      i("div", {
         class: r(s(t).e("title"))
       }, [
-        e.$slots.title ? i(e.$slots, "title", { key: 1 }) : (o(), l(p, { key: 0 }, [
+        e.$slots.title ? n(e.$slots, "title", { key: 1 }) : (o(), l(p, { key: 0 }, [
           u(c(a.title), 1)
         ], 64))
       ], 2),
-      n("ul", null, [
-        i(e.$slots, "default")
+      i("ul", null, [
+        n(e.$slots, "default")
       ])
     ], 2));
   }
 });
 export {
-  E as default
+  S as default
 };

package/es/components/menu/menu-item.vue.d.ts

@@ -19,7 +19,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     title: {
-        type: __PropType<string | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     isAloneUse: {
@@ -56,7 +56,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     title: {
-        type: __PropType<string | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     isAloneUse: {

package/es/components/menu/menu-item.vue2.mjs

@@ -2,6 +2,7 @@ import { defineComponent as S, getCurrentInstance as M, inject as V, computed as
 import { singleAttrToObj as H, renderTNode as J, VNode as K } from "@vft/utils";
 import "@vue/shared";
 import { throwError as P } from "../../utils/error.mjs";
+import "../../utils/ns-cover.mjs";
 import { useNamespace as v } from "../../hooks/use-namespace/index.mjs";
 import "@popperjs/core";
 import "lodash";
@@ -59,7 +60,7 @@ const W = ["title"], k = (
   v("menu-item")
 ), X = S({
   name: k.b()
-}), tt = /* @__PURE__ */ S({
+}), it = /* @__PURE__ */ S({
   ...X,
   props: {
     index: null,
@@ -144,5 +145,5 @@ const W = ["title"], k = (
   }
 });
 export {
-  tt as default
+  it as default
 };

package/es/components/menu/menu.vue2.mjs

@@ -3,6 +3,7 @@ import { useResizeObserver as _ } from "@vueuse/core";
 import "@vue/shared";
 import { flattedChildren as ee } from "../../utils/vue/vnode.mjs";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 import { useNamespace as N } from "../../hooks/use-namespace/index.mjs";
 import "@popperjs/core";
 import "lodash";
@@ -17,7 +18,7 @@ const M = (
   N("menu")
 ), ae = B({
   name: M.b()
-}), Ie = /* @__PURE__ */ B({
+}), ye = /* @__PURE__ */ B({
   ...ae,
   props: {
     mode: { default: "vertical" },
@@ -202,5 +203,5 @@ const M = (
   }
 });
 export {
-  Ie as default
+  ye as default
 };

package/es/components/menu/sub-menu.vue2.mjs

@@ -53,6 +53,7 @@ import "../../hooks/use-z-index/index.mjs";
 import { useTimeoutFn as L } from "@vueuse/core";
 import "@vue/shared";
 import { throwError as U } from "../../utils/error.mjs";
+import "../../utils/ns-cover.mjs";
 import me from "./use-menu.mjs";
 import { useMenuCssVar as de } from "./use-menu-css-var.mjs";
 const S = (
@@ -60,7 +61,7 @@ const S = (
   I("sub-menu")
 ), ve = Z({
   name: S.b()
-}), Co = /* @__PURE__ */ Z({
+}), go = /* @__PURE__ */ Z({
   ...ve,
   props: {
     index: null,
@@ -261,5 +262,5 @@ const S = (
   }
 });
 export {
-  Co as default
+  go as default
 };

package/es/components/menu/use-menu-css-var.mjs

@@ -6,12 +6,13 @@ import "../../hooks/use-z-index/index.mjs";
 import "@vueuse/core";
 import "@vue/shared";
 import "@vft/utils";
-const f = (p, r) => {
+import "../../utils/ns-cover.mjs";
+const V = (p, r) => {
   const o = m("menu");
   return t(() => o.cssVarBlock({
     level: `${r}`
   }));
 };
 export {
-  f as useMenuCssVar
+  V as useMenuCssVar
 };

package/es/components/message/index.mjs

@@ -2,13 +2,14 @@ import { withInstallFunction as s } from "../../utils/vue/install.mjs";
 import "vue";
 import "@vue/shared";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 import e from "./method.mjs";
-import { messageDefaults as g, messageTypes as l } from "./types.mjs";
-const p = s(e, "$message");
+import { messageDefaults as l, messageTypes as n } from "./types.mjs";
+const i = s(e, "$message");
 export {
-  p as Message,
-  p as VftMessage,
-  p as default,
-  g as messageDefaults,
-  l as messageTypes
+  i as Message,
+  i as VftMessage,
+  i as default,
+  l as messageDefaults,
+  n as messageTypes
 };

package/es/components/message/message.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as E, ref as g, computed as i, onMounted as x, watch as O, openBlock as l, createBlock as R, Transition as V, unref as e, withCtx as H, withDirectives as I, createElementVNode as $, normalizeClass as c, normalizeStyle as D, createElementBlock as m, createVNode as w, normalizeProps as F, guardReactiveProps as P, createCommentVNode as k, renderSlot as U, toDisplayString as j, withModifiers as A, vShow as q } from "vue";
+import { defineComponent as E, ref as p, computed as i, onMounted as x, watch as O, openBlock as l, createBlock as R, Transition as V, unref as e, withCtx as H, withDirectives as I, createElementVNode as $, normalizeClass as c, normalizeStyle as D, createElementBlock as m, createVNode as w, normalizeProps as F, guardReactiveProps as P, createCommentVNode as k, renderSlot as U, toDisplayString as j, withModifiers as A, vShow as q } from "vue";
 import { EVENT_CODE as G } from "@vft/constants";
 import { isObject as J } from "@vft/utils";
 import { useResizeObserver as K, useTimeoutFn as Q } from "@vueuse/core";
@@ -8,6 +8,7 @@ import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.mjs";
 import "@vue/shared";
+import "../../utils/ns-cover.mjs";
 import { getLastOffset as Y } from "./instance.mjs";
 import { VftIcon as B } from "../icon/index.mjs";
 const Z = ["id"], _ = ["innerHTML"], ee = ["onClick"], ge = /* @__PURE__ */ E({
@@ -30,7 +31,7 @@ const Z = ["id"], _ = ["innerHTML"], ee = ["onClick"], ge = /* @__PURE__ */ E({
   },
   emits: ["destroy"],
   setup(t, { expose: M }) {
-    const o = t, n = X("message"), f = g(), r = g(!1), p = g(0);
+    const o = t, n = X("message"), f = p(), r = p(!1), g = p(0);
     let a;
     const L = /* @__PURE__ */ new Map([
       ["success", { icon: "i-ep:success-filled" }],
@@ -39,7 +40,7 @@ const Z = ["id"], _ = ["innerHTML"], ee = ["onClick"], ge = /* @__PURE__ */ E({
     ]), y = i(() => (o.icon ? J(o.icon) ? o.icon : { icon: o.icon } : "") || L.get(o.type) || ""), b = i(() => {
       const s = o.type;
       return { [n.bm("icon", s)]: s };
-    }), S = i(() => Y(o.id)), v = i(() => o.offset + S.value), T = i(() => p.value + v.value), z = i(() => ({
+    }), S = i(() => Y(o.id)), v = i(() => o.offset + S.value), T = i(() => g.value + v.value), z = i(() => ({
       top: `${v.value}px`,
       zIndex: o.zIndex
     }));
@@ -65,7 +66,7 @@ const Z = ["id"], _ = ["innerHTML"], ee = ["onClick"], ge = /* @__PURE__ */ E({
         C(), d();
       }
     ), W(document, "keydown", N), K(f, () => {
-      p.value = f.value.getBoundingClientRect().height;
+      g.value = f.value.getBoundingClientRect().height;
     }), M({
       visible: r,
       bottom: T,

package/es/components/message/method.mjs

@@ -1,11 +1,13 @@
 import { render as u, createVNode as v } from "vue";
 import { isClient as b } from "@vueuse/core";
 import { isNumber as y, isString as g, isVNode as h, isFunction as a, isElement as z } from "@vft/utils";
+import "../config-provider/hooks/use-global-config.mjs";
 import "@popperjs/core";
 import "lodash";
 import { useZIndex as C } from "../../hooks/use-z-index/index.mjs";
 import "@vue/shared";
 import { debugWarn as E } from "../../utils/error.mjs";
+import "../../utils/ns-cover.mjs";
 import _ from "./message.vue2.mjs";
 import { messageTypes as I, messageDefaults as M } from "./types.mjs";
 import { instances as r } from "./instance.mjs";
@@ -32,22 +34,22 @@ const T = (e) => {
   const { handler: o } = e;
   o.close();
 }, A = ({ appendTo: e, ...n }, o) => {
-  const { nextZIndex: t } = C(), s = `message_${N++}`, l = n.onClose, i = document.createElement("div"), c = {
+  const { nextZIndex: t } = C(), s = `message_${N++}`, m = n.onClose, i = document.createElement("div"), c = {
     ...n,
     zIndex: t() + n.zIndex,
     id: s,
     onClose: () => {
-      l == null || l(), V(f);
+      m == null || m(), V(f);
     },
     // 清除 message element 防止内存泄漏
     onDestroy: () => {
       u(null, i);
     }
-  }, m = v(_, c, a(c.message) || h(c.message) ? { default: a(c.message) ? c.message : () => c.message } : null);
-  m.appContext = o || p._context, u(m, i), e.appendChild(i.firstElementChild);
-  const d = m.component, f = {
+  }, p = v(_, c, a(c.message) || h(c.message) ? { default: a(c.message) ? c.message : () => c.message } : null);
+  p.appContext = o || l._context, u(p, i), e.appendChild(i.firstElementChild);
+  const d = p.component, f = {
     id: s,
-    vnode: m,
+    vnode: p,
     vm: d,
     handler: {
       // instead of calling the onClose function directly,
@@ -57,10 +59,10 @@ const T = (e) => {
         d.exposed.visible.value = !1;
       }
     },
-    props: m.component.props
+    props: p.component.props
   };
   return f;
-}, p = (e = {}, n) => {
+}, l = (e = {}, n) => {
   if (!b)
     return { close: () => {
     } };
@@ -69,9 +71,9 @@ const T = (e) => {
     } };
   const o = T(e);
   if (o.grouping && r.length) {
-    const s = r.find(({ vnode: l }) => {
+    const s = r.find(({ vnode: m }) => {
       var i;
-      return ((i = l.props) == null ? void 0 : i.message) === o.message;
+      return ((i = m.props) == null ? void 0 : i.message) === o.message;
     });
     if (s)
       return s.props.repeatNum += 1, s.props.type = o.type, s.handler;
@@ -80,18 +82,18 @@ const T = (e) => {
   return r.push(t), t.handler;
 };
 I.forEach((e) => {
-  p[e] = (n = {}, o) => {
+  l[e] = (n = {}, o) => {
     const t = T(n);
-    return p({ ...t, type: e }, o);
+    return l({ ...t, type: e }, o);
   };
 });
 function D(e) {
   for (const n of r)
     (!e || e === n.props.type) && n.handler.close();
 }
-p.closeAll = D;
-p._context = null;
+l.closeAll = D;
+l._context = null;
 export {
   D as closeAll,
-  p as default
+  l as default
 };

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

@@ -11,6 +11,7 @@ import "lodash";
 import "../../hooks/use-z-index/index.mjs";
 import "@vueuse/core";
 import "@vue/shared";
+import "../../utils/ns-cover.mjs";
 import "../divider/index.mjs";
 import "../icon/index.mjs";
 import "../avatar/index.mjs";
@@ -59,7 +60,7 @@ const P = (
   W("multiple-tabs")
 ), ot = _({
   name: P.b()
-}), ie = /* @__PURE__ */ _({
+}), ae = /* @__PURE__ */ _({
   ...ot,
   props: {
     tabsStyle: null,
@@ -175,5 +176,5 @@ const P = (
   }
 });
 export {
-  ie as default
+  ae as default
 };

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

@@ -46,13 +46,15 @@ import "../md-vue-playground/index.mjs";
 import "../md-code-demo/index.mjs";
 import "../md-code-tabs/index.mjs";
 import "../message/index.mjs";
+import "../config-provider/hooks/use-global-config.mjs";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.mjs";
 import "@vueuse/core";
 import "@vue/shared";
+import "../../utils/ns-cover.mjs";
 import { useContextMenu as d } from "../context-menu/useContextMenu.mjs";
-const C = ["title", "onContextmenu"], ht = /* @__PURE__ */ l({
+const C = ["title", "onContextmenu"], yt = /* @__PURE__ */ l({
   __name: "tab-content",
   props: {
     tabItem: null,
@@ -78,5 +80,5 @@ const C = ["title", "onContextmenu"], ht = /* @__PURE__ */ l({
   }
 });
 export {
-  ht as default
+  yt as default
 };

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

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

package/es/components/overlay/index.mjs

@@ -2,9 +2,10 @@ import { withInstall as t } from "../../utils/vue/install.mjs";
 import "vue";
 import "@vue/shared";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 import o from "./overlay.vue2.mjs";
-const f = t(o);
+const l = t(o);
 export {
-  f as VftOverlay,
-  f as default
+  l as VftOverlay,
+  l as default
 };