vft 0.0.48 → 0.0.51

package/es/components/message/method.js

@@ -1,98 +1,94 @@
-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.js";
-import "@popperjs/core";
+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 { debugWarn as C } from "../../utils/error.js";
 import "lodash";
-import { useZIndex as C } from "../../hooks/use-z-index/index.js";
-import { debugWarn as E } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
-import _ from "./message.vue2.js";
-import { messageTypes as I, messageDefaults as M } from "./types.js";
-import { instances as r } 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 x } from "../config-provider/constants.js";
-let N = 1;
-const T = (e) => {
-  const n = !e || g(e) || h(e) || a(e) ? { message: e } : e, o = {
-    ...M,
+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 = {
+    ...z,
     ...n
   };
   if (!o.appendTo)
     o.appendTo = document.body;
-  else if (g(o.appendTo)) {
-    let t = document.querySelector(o.appendTo);
-    z(t) || (E("VftMessage", "the appendTo option is not an HTMLElement. Falling back to document.body."), t = document.body), o.appendTo = t;
+  else if (u(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;
   }
   return o;
-}, V = (e) => {
-  const n = r.indexOf(e);
+}, N = (e) => {
+  const n = i.indexOf(e);
   if (n === -1)
     return;
-  r.splice(n, 1);
+  i.splice(n, 1);
   const { handler: o } = e;
   o.close();
-}, A = ({ appendTo: e, ...n }, o) => {
-  const { nextZIndex: t } = C(), s = `message_${N++}`, m = n.onClose, i = document.createElement("div"), c = {
+}, V = ({ appendTo: e, ...n }, o) => {
+  const s = `message_${M++}`, r = n.onClose, c = document.createElement("div"), t = {
     ...n,
-    zIndex: t() + n.zIndex,
     id: s,
     onClose: () => {
-      m == null || m(), V(f);
+      r == null || r(), N(d);
     },
     // 清除 message element 防止内存泄漏
     onDestroy: () => {
-      u(null, i);
+      f(null, c);
     }
-  }, 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 = {
+  }, 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);
+  const m = l.component, d = {
     id: s,
-    vnode: p,
-    vm: d,
+    vnode: l,
+    vm: m,
     handler: {
       // instead of calling the onClose function directly,
       // setting this value so that we can have the full lifecycle
       // for out component, so that all closing steps will not be skipped.
       close: () => {
-        d.exposed.visible.value = !1;
+        m.exposed.visible.value = !1;
       }
     },
-    props: p.component.props
+    props: l.component.props
   };
-  return f;
-}, l = (e = {}, n) => {
-  if (!b)
+  return d;
+}, p = (e = {}, n) => {
+  if (!v)
     return { close: () => {
     } };
-  if (y(x.max) && r.length >= x.max)
+  if (b(g.max) && i.length >= g.max)
     return { close: () => {
     } };
-  const o = T(e);
-  if (o.grouping && r.length) {
-    const s = r.find(({ vnode: m }) => {
-      var i;
-      return ((i = m.props) == null ? void 0 : i.message) === o.message;
+  const o = x(e);
+  if (o.grouping && i.length) {
+    const r = i.find(({ vnode: c }) => {
+      var t;
+      return ((t = c.props) == null ? void 0 : t.message) === o.message;
     });
-    if (s)
-      return s.props.repeatNum += 1, s.props.type = o.type, s.handler;
+    if (r)
+      return r.props.repeatNum += 1, r.props.type = o.type, r.handler;
   }
-  const t = A(o, n);
-  return r.push(t), t.handler;
+  const s = V(o, n);
+  return i.push(s), s.handler;
 };
-I.forEach((e) => {
-  l[e] = (n = {}, o) => {
-    const t = T(n);
-    return l({ ...t, type: e }, o);
+_.forEach((e) => {
+  p[e] = (n = {}, o) => {
+    const s = x(n);
+    return p({ ...s, type: e }, o);
   };
 });
-function D(e) {
-  for (const n of r)
+function A(e) {
+  for (const n of i)
     (!e || e === n.props.type) && n.handler.close();
 }
-l.closeAll = D;
-l._context = null;
+p.closeAll = A;
+p._context = null;
 export {
-  D as closeAll,
-  l as default
+  A as closeAll,
+  p as default
 };

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

@@ -1,28 +1,30 @@
-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 { defineComponent as P, ref as h, computed as b, watchEffect as E, unref as r, openBlock as x, createElementBlock as R, normalizeClass as H, normalizeStyle as K, createVNode as C, withCtx as S, Fragment as F, renderList as U, createBlock as $ } from "vue";
+import { useRouterHelper as j, getRouterKeyPath as c, listenerRouteChange as q } from "@vft/router";
+import { useMultipleTabStore as G, useTabs as J } from "@vft/store";
+import { useRefs as L } from "@vft/use";
 import "@vft/utils";
-import { generateCssVars as S } from "../../utils/ns-cover.js";
 import "lodash";
-import L from "hotkeys-js";
-import { useRouter as O, onBeforeRouteLeave as Q } from "vue-router";
-import { useNamespace as W } from "../../hooks/use-namespace/index.js";
+import "@vueuse/core";
+import { generateCssVars as _ } from "../../utils/ns-cover.js";
+import O from "hotkeys-js";
+import { useRouter as Q, onBeforeRouteLeave as W } from "vue-router";
+import { useNamespace as X } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
+import "@vue/reactivity";
+import "@vue/shared";
 import "../divider/index.js";
 import "../icon/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 { VftTabs as Y, VftTabPane as Z } 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 { initAffixTabs as Z, useTabsDrag as ee } from "./use/use-multiple-tabs.js";
+import { initAffixTabs as tt, useTabsDrag as et } from "./use/use-multiple-tabs.js";
 import "../header-layout/index.js";
 import "../footer-layout/index.js";
 import "../iframe-layout/index.js";
@@ -47,6 +49,22 @@ 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 "../radio/index.js";
+import "../switch/index.js";
+import "../color-picker/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 "../select-v2/index.js";
+import "../verify-code/index.js";
+import "../table/index.js";
+import "../image-viewer/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -54,62 +72,63 @@ import "../md-vue-playground/index.js";
 import "../md-code-demo/index.js";
 import "../md-code-tabs/index.js";
 import "../message/index.js";
-import te from "./tab-content.vue2.js";
-const P = (
+import ot from "./tab-content.vue2.js";
+const M = (
   /* hoist-static*/
-  W("multiple-tabs")
-), oe = _({
-  name: P.b()
-}), at = /* @__PURE__ */ _({
-  ...oe,
+  X("multiple-tabs")
+), rt = P({
+  name: M.b()
+}), _e = /* @__PURE__ */ P({
+  ...rt,
   props: {
     tabsStyle: null,
     contextMenuStyle: null,
     canDrag: { type: Boolean }
   },
   setup(f) {
-    const n = Z();
-    f.canDrag && ee(n);
-    const u = q(), i = b(""), m = b(0), d = b(), v = O(), { go: g } = $(), s = h(() => u.getTabList.filter((e) => {
-      var t;
-      return !((t = e.meta) != null && t.hideTab);
-    }));
-    D(() => {
+    const i = tt();
+    f.canDrag && et(i);
+    const u = G(), n = h(""), a = h(0), d = h(), v = Q(), { go: g } = j(), s = b(() => u.getTabList.filter((t) => {
       var e;
-      if (i.value) {
-        const t = s.value.findIndex((o) => c(o) === i.value);
-        t === -1 ? m.value = ((e = s.value) == null ? void 0 : e.length) - 1 : m.value = t, m.value = m.value < (n == null ? void 0 : n.length) ? (n == null ? void 0 : n.length) - 1 : m.value;
+      return !((e = t.meta) != null && e.hideTab);
+    }));
+    E(() => {
+      var t;
+      if (n.value) {
+        const e = s.value.findIndex((o) => c(o) === n.value);
+        e === -1 ? a.value = ((t = s.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;
       }
-    }), Q(() => {
+    }), W(() => {
       d.value = r(v.currentRoute);
-    }), j((e) => {
-      if (!e)
+    }), q((t) => {
+      var y;
+      if (!t || (y = t.meta) != null && y.hasTokenToRoot)
         return;
-      const { meta: t = {} } = e, { currentActivePath: o, hideTab: a } = t, l = a ? o : null, p = c(e);
-      if (i.value !== p && (i.value = p), l) {
-        let y = v.getRoutes().find((z) => z.path === o);
-        y && u.addTab(y, r(d), m.value, e);
+      const { meta: e = {} } = t, { currentActivePath: o, hideTab: m } = e, l = m ? o : null, p = c(t);
+      if (n.value !== p && (n.value = p), l) {
+        let T = v.getRoutes().find((D) => D.path === o);
+        T && u.addTab(T, r(d), a.value, t);
       } else
-        u.addTab(r(e), r(d), m.value);
+        u.addTab(r(t), r(d), a.value);
     });
-    function M(e) {
-      var a, l;
-      if (i.value === e.paneName)
+    function k(t) {
+      var m, l;
+      if (n.value === t.paneName)
         return;
-      const t = s.value[e.attrs.index];
-      i.value = e.paneName;
-      const o = (l = (a = t == null ? void 0 : t.meta) == null ? void 0 : a.hideActiveRoute) == null ? void 0 : l.fullPath;
-      g(o || t.fullPath || t.path);
+      const e = s.value[t.attrs.index];
+      n.value = t.paneName;
+      const o = (l = (m = e == null ? void 0 : e.meta) == null ? void 0 : m.hideActiveRoute) == null ? void 0 : l.fullPath;
+      g(o || e.fullPath || e.path);
     }
-    function k(e) {
-      u.closeTabByKey(e, v);
+    function B(t) {
+      u.closeTabByKey(t, v);
     }
-    const [B, I] = J();
-    function N(e) {
-      const t = e.pane.attrs.index, o = e.event;
-      B.value[t].handleContext(o);
+    const [I, N] = L();
+    function w(t) {
+      const e = t.pane.attrs.index, o = t.event;
+      I.value[e].handleContext(o);
     }
-    const w = h(() => ({ ...S({
+    const V = b(() => ({ ..._({
       padding: "4px 0 0",
       "header-height": "26px",
       "item-color": "#5C5C5C",
@@ -121,48 +140,48 @@ const P = (
       "item-max-width": "348px",
       "scroll-padding": "0 20px",
       "header-margin": "0 0 0 8px"
-    }, "tabs"), ...f.tabsStyle })), { closeCurrent: V } = G();
-    L("command+e, ctrl+e", function() {
-      return V(), !1;
+    }, "tabs"), ...f.tabsStyle })), { closeCurrent: A } = J();
+    O("command+e, ctrl+e", function() {
+      return A(), !1;
     });
-    const A = h(() => ({
-      ...S({
+    const z = b(() => ({
+      ..._({
         border: "1px solid #dcdfe6",
         "sub-item-height": "40px",
         "item-min-width": "150px"
       }, "menu"),
       ...f.contextMenuStyle
     }));
-    return (e, t) => (x(), T("div", {
-      class: E(r(P).b()),
-      style: H(r(w))
+    return (t, e) => (x(), R("div", {
+      class: H(r(M).b()),
+      style: K(r(V))
     }, [
-      R(r(X), {
-        "model-value": i.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (o) => i.value = o),
+      C(r(Y), {
+        "model-value": n.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (o) => n.value = o),
         type: "card",
-        onTabClick: M,
-        onTabRemove: k,
-        onTabContextMenu: N,
+        onTabClick: k,
+        onTabRemove: B,
+        onTabContextMenu: w,
         closeIconCfg: { color: "white" }
       }, {
-        default: C(() => [
-          (x(!0), T(K, null, F(r(s), (o, a) => {
+        default: S(() => [
+          (x(!0), R(F, null, U(r(s), (o, m) => {
             var l;
-            return x(), U(r(Y), {
-              key: r(c)(o) + a,
+            return x(), $(r(Z), {
+              key: r(c)(o) + m,
               closable: !((l = o.meta) != null && l.affix),
-              index: a,
+              index: m,
               name: r(c)(o)
             }, {
-              label: C(() => {
+              label: S(() => {
                 var p;
                 return [
-                  R(te, {
-                    contextMenuStyle: r(A),
-                    affixNum: (p = r(n)) == null ? void 0 : p.length,
+                  C(ot, {
+                    contextMenuStyle: r(z),
+                    affixNum: (p = r(i)) == null ? void 0 : p.length,
                     ref_for: !0,
-                    ref: r(I)(a),
+                    ref: r(N)(m),
                     tabItem: o
                   }, null, 8, ["contextMenuStyle", "affixNum", "tabItem"])
                 ];
@@ -177,5 +196,5 @@ const P = (
   }
 });
 export {
-  at as default
+  _e as default
 };

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

@@ -40,6 +40,22 @@ 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 "../radio/index.js";
+import "../switch/index.js";
+import "../color-picker/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 "../select-v2/index.js";
+import "../verify-code/index.js";
+import "../table/index.js";
+import "../image-viewer/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -53,24 +69,26 @@ import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
 import { useContextMenu as d } from "../context-menu/useContextMenu.js";
-const C = ["title", "onContextmenu"], yt = /* @__PURE__ */ l({
+const C = ["title", "onContextmenu"], Ht = /* @__PURE__ */ l({
   __name: "tab-content",
   props: {
     tabItem: null,
     affixNum: null,
     contextMenuStyle: null
   },
-  setup(t, { expose: e }) {
-    const [p] = d(), m = u(() => t.tabItem.meta && t.tabItem.meta.title), { getDropMenuList: n, handleContextMenu: a } = b(t.tabItem, t.affixNum);
+  setup(t, { expose: p }) {
+    const [e] = d(), m = u(() => t.tabItem.meta && t.tabItem.meta.title), { getDropMenuList: n, handleContextMenu: a } = b(t.tabItem, t.affixNum);
     function i(o) {
-      a(t.tabItem)(o), p({
+      a(t.tabItem)(o), e({
         event: o,
         styles: t.contextMenuStyle,
         items: n.value
       });
     }
-    return e({
+    return p({
       handleContext: i
     }), (o, M) => (c(), s("span", {
       title: r(m),
@@ -80,5 +98,5 @@ const C = ["title", "onContextmenu"], yt = /* @__PURE__ */ l({
   }
 });
 export {
-  yt as default
+  Ht as default
 };

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

@@ -16,7 +16,7 @@ export declare const VftOverlay: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     zIndex: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -37,7 +37,7 @@ export declare const VftOverlay: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     zIndex: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
 }>> & {

package/es/components/overlay/index.js

@@ -1,11 +1,12 @@
 import { withInstall as t } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
-import "../../utils/ns-cover.js";
 import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
 import o from "./overlay.vue2.js";
-const l = t(o);
+const s = t(o);
 export {
-  l as VftOverlay,
-  l as default
+  s as VftOverlay,
+  s as default
 };

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

@@ -17,7 +17,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     zIndex: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -38,7 +38,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     zIndex: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
 }>> & {

package/es/components/overlay/overlay.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, useSlots as x, createVNode as y, renderSlot as u, h as r } from "vue";
+import { defineComponent as i, useSlots as x, createVNode as y, renderSlot as u, h as r } from "vue";
 import { useNamespace as v } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -6,12 +6,14 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import { noop as a } from "@vft/utils";
 import "../../utils/ns-cover.js";
-const i = (
+import "@vue/reactivity";
+import "@vue/shared";
+const c = (
   /* hoist-static*/
   v("overlay")
-), C = c({
-  name: i.b()
-}), V = /* @__PURE__ */ c({
+), C = i({
+  name: c.b()
+}), q = /* @__PURE__ */ i({
   ...C,
   props: {
     mask: { type: Boolean },
@@ -22,24 +24,24 @@ const i = (
   },
   emits: ["click"],
   setup(o, { emit: d }) {
-    const m = (n) => {
-      if (!n)
+    const m = (t) => {
+      if (!t)
         return { onClick: a, onMousedown: a, onMouseup: a };
       let s = !1, l = !1;
       return { onClick: (e) => {
-        s && l && n(e), s = l = !1;
+        s && l && t(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);
+    }, n = x(), p = (t) => {
+      d("click", t);
     }, { onClick: f, onMousedown: M, onMouseup: k } = m(o.customMaskEvent ? void 0 : p);
     return () => o.mask ? y(
       "div",
       {
-        class: [i.b(), o.overlayClass],
+        class: [c.b(), o.overlayClass],
         style: {
           zIndex: o.zIndex
         },
@@ -47,13 +49,13 @@ const i = (
         onMousedown: M,
         onMouseup: k
       },
-      [u(t, "default")],
+      [u(n, "default")],
       14,
       ["onClick", "onMouseup", "onMousedown"]
     ) : o.onlyNode ? r(
       "div",
       {},
-      [u(t, "default")]
+      [u(n, "default")]
     ) : r(
       "div",
       {
@@ -67,10 +69,10 @@ const i = (
           left: "0px"
         }
       },
-      [u(t, "default")]
+      [u(n, "default")]
     );
   }
 });
 export {
-  V as default
+  q as default
 };

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

@@ -1,11 +1,12 @@
 import { withInstall as t } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
-import "../../utils/ns-cover.js";
 import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
 import r from "./page-wrapper.vue2.js";
-const e = t(r);
+const s = t(r);
 export {
-  e as VftPageWrapper,
-  e as default
+  s as VftPageWrapper,
+  s as default
 };