vft 0.0.48 → 0.0.51

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

@@ -1,4 +1,4 @@
-import { defineComponent as Z, getCurrentInstance as Y, computed as n, inject as D, ref as x, reactive as _, watch as ee, provide as oe, onMounted as te, onBeforeUnmount as ne, useSlots as re, h as a, Fragment as le, withDirectives as ae, vShow as ie } from "vue";
+import { defineComponent as Z, getCurrentInstance as Y, computed as r, inject as D, ref as x, reactive as _, watch as ee, provide as oe, onMounted as te, onBeforeUnmount as re, useSlots as ne, h as i, Fragment as le, withDirectives as ie, vShow as ae } from "vue";
 import "../divider/index.js";
 import { VftIcon as H } from "../icon/index.js";
 import "../avatar/index.js";
@@ -7,10 +7,10 @@ import "../result/index.js";
 import "../tabs/index.js";
 import "../popper/index.js";
 import { VftCollapseTransition as ue } from "../collapse-transition/index.js";
-import { VftTooltip as se } from "../tooltip/index.js";
+import { VftTooltip as pe } from "../tooltip/index.js";
 import "../popover/index.js";
 import "./index.js";
-import { singleAttrToObj as pe, renderTNode as ce } from "@vft/utils";
+import { singleAttrToObj as se, renderTNode as me } from "@vft/utils";
 import "@vft/use";
 import "../multiple-tabs/multiple-tabs.vue2.js";
 import "@vft/router";
@@ -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";
@@ -54,14 +70,16 @@ import "../../hooks/use-z-index/index.js";
 import { useTimeoutFn as L } from "@vueuse/core";
 import { throwError as U } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
-import me from "./use-menu.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import ce from "./use-menu.js";
 import { useMenuCssVar as de } from "./use-menu-css-var.js";
 const S = (
   /* hoist-static*/
   I("sub-menu")
 ), ve = Z({
   name: S.b()
-}), go = /* @__PURE__ */ Z({
+}), No = /* @__PURE__ */ Z({
   ...ve,
   props: {
     index: null,
@@ -102,29 +120,29 @@ const S = (
     const v = Y(), {
       indexPath: h,
       parentMenu: z
-    } = me(v, n(() => o.index)), u = I("menu"), s = I("sub-menu"), e = D("rootMenu");
+    } = ce(v, r(() => o.index)), u = I("menu"), p = I("sub-menu"), e = D("rootMenu");
     e || U(S.b(), "can not inject root menu");
-    const i = D(`subMenu:${z.value.uid}`);
-    i || U(S.b(), "can not inject sub menu");
+    const a = D(`subMenu:${z.value.uid}`);
+    a || U(S.b(), "can not inject sub menu");
     const T = x({});
-    let p;
-    const B = x(!1), G = x(), A = x(null), P = n(() => m.value === "horizontal" && M.value ? "bottom-start" : "right-start"), M = n(() => i.level === 0), w = n(() => o.popperAppendToBody === void 0 ? M.value : Boolean(o.popperAppendToBody)), J = n(() => e.props.collapse ? `${u.namespace.value}-zoom-in-left` : `${u.namespace.value}-zoom-in-top`), K = n(() => m.value === "horizontal" && M.value ? ["bottom-start", "bottom-end", "top-start", "top-end", "right-start", "left-start"] : ["right-start", "left-start", "bottom-start", "bottom-end", "top-start", "top-end"]), c = n(() => e.openedMenus.includes(o.index)), f = n(() => {
+    let s;
+    const B = x(!1), G = x(), A = x(null), P = r(() => c.value === "horizontal" && M.value ? "bottom-start" : "right-start"), M = r(() => a.level === 0), w = r(() => o.popperAppendToBody === void 0 ? M.value : Boolean(o.popperAppendToBody)), J = r(() => e.props.collapse ? `${u.namespace.value}-zoom-in-left` : `${u.namespace.value}-zoom-in-top`), K = r(() => c.value === "horizontal" && M.value ? ["bottom-start", "bottom-end", "top-start", "top-end", "right-start", "left-start"] : ["right-start", "left-start", "bottom-start", "bottom-end", "top-start", "top-end"]), m = r(() => e.openedMenus.includes(o.index)), f = r(() => {
       let t = !1;
       return Object.values(T.value).forEach((l) => {
         l.active && (t = !0);
       }), o.index === e.activeIndex && (t = !0), t;
-    }), j = n(() => e.props.backgroundColor || ""), E = n(() => e.props.activeTextColor || ""), F = n(() => e.props.textColor || ""), m = n(() => e.props.mode), C = _({
+    }), j = r(() => e.props.backgroundColor || ""), E = r(() => e.props.activeTextColor || ""), F = r(() => e.props.textColor || ""), c = r(() => e.props.mode), C = _({
       index: o.index,
       indexPath: h,
       active: f
-    }), $ = n(() => m.value !== "horizontal" ? {
+    }), $ = r(() => c.value !== "horizontal" ? {
       color: F.value
     } : {
       borderBottomColor: f.value ? e.props.activeTextColor ? E.value : "" : "transparent",
       color: f.value ? E.value : F.value
     }), Q = () => {
-      var t, l, r;
-      return (r = (l = (t = A.value) == null ? void 0 : t.popperRef) == null ? void 0 : l.popperInstanceRef) == null ? void 0 : r.destroy();
+      var t, l, n;
+      return (n = (l = (t = A.value) == null ? void 0 : t.popperRef) == null ? void 0 : l.popperInstanceRef) == null ? void 0 : n.destroy();
     }, W = (t) => {
       t || Q();
     }, O = () => {
@@ -134,41 +152,41 @@ const S = (
         active: f.value
       });
     }, g = (t, l = o.showTimeout) => {
-      var r;
-      t.type !== "focus" && (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled || (i.mouseInChild.value = !0, p == null || p(), {
-        stop: p
+      var n;
+      t.type !== "focus" && (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled || (a.mouseInChild.value = !0, s == null || s(), {
+        stop: s
       } = L(() => {
         e.openMenu(o.index, h.value);
-      }, l), w.value && ((r = z.value.vnode.el) == null || r.dispatchEvent(new MouseEvent("mouseenter")))));
+      }, l), w.value && ((n = z.value.vnode.el) == null || n.dispatchEvent(new MouseEvent("mouseenter")))));
     }, y = (t = !1) => {
-      var l, r;
-      e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (p == null || p(), i.mouseInChild.value = !1, {
-        stop: p
-      } = L(() => !B.value && e.closeMenu(o.index, h.value), o.hideTimeout), w.value && t && ((l = v.parent) == null ? void 0 : l.type.name) === "vft-sub-menu" && ((r = i.handleMouseleave) == null || r.call(i, !0)));
+      var l, n;
+      e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (s == null || s(), a.mouseInChild.value = !1, {
+        stop: s
+      } = L(() => !B.value && e.closeMenu(o.index, h.value), o.hideTimeout), w.value && t && ((l = v.parent) == null ? void 0 : l.type.name) === "vft-sub-menu" && ((n = a.handleMouseleave) == null || n.call(a, !0)));
     };
     ee(() => e.props.collapse, (t) => W(Boolean(t)));
     {
-      const t = (r) => {
-        T.value[r.index] = r;
-      }, l = (r) => {
-        delete T.value[r.index];
+      const t = (n) => {
+        T.value[n.index] = n;
+      }, l = (n) => {
+        delete T.value[n.index];
       };
       oe(`subMenu:${v.uid}`, {
         addSubMenu: t,
         removeSubMenu: l,
         handleMouseleave: y,
         mouseInChild: B,
-        level: i.level + 1
+        level: a.level + 1
       });
     }
     q({
-      opened: c
+      opened: m
     }), te(() => {
-      e.addSubMenu(C), i.addSubMenu(C);
-    }), ne(() => {
-      i.removeSubMenu(C), e.removeSubMenu(C);
+      e.addSubMenu(C), a.addSubMenu(C);
+    }), re(() => {
+      a.removeSubMenu(C), e.removeSubMenu(C);
     });
-    const d = re(), X = n(() => m.value === "horizontal" && M.value || m.value === "vertical" && !e.props.collapse ? {
+    const d = ne(), X = r(() => c.value === "horizontal" && M.value || c.value === "vertical" && !e.props.collapse ? {
       icon: "ico-ep:arrow-down",
       size: 20,
       ...o.expandIcon
@@ -176,23 +194,23 @@ const S = (
       icon: "ico-ep:arrow-right",
       size: 18,
       ...o.collapseIcon
-    }), V = n(() => pe(o.icon, "icon")), N = n(() => ce(v, "title"));
+    }), V = r(() => se(o.icon, "icon")), N = r(() => me(v, "title"));
     return () => {
       var R;
-      const t = [(R = V.value) != null && R.icon ? a(H, {
+      const t = [(R = V.value) != null && R.icon ? i(H, {
         ...V.value
-      }) : null, a("span", {
-        class: o.showArrow ? s.e("text") : "",
+      }) : null, i("span", {
+        class: o.showArrow ? p.e("text") : "",
         title: v.props.title
-      }, N.value), o.showArrow ? a(H, {
-        class: s.e("icon-arrow"),
+      }, N.value), o.showArrow ? i(H, {
+        class: p.e("icon-arrow"),
         ...X.value,
         style: {
-          transform: c.value ? "rotateZ(180deg)" : "none"
+          transform: m.value ? "rotateZ(180deg)" : "none"
         }
-      }) : !1], l = de(e.props, i.level + 1), r = e.isMenuPopup ? a(se, {
+      }) : !1], l = de(e.props, a.level + 1), n = e.isMenuPopup ? i(pe, {
         ref: A,
-        visible: c.value,
+        visible: m.value,
         effect: "light",
         pure: !0,
         offset: o.popperOffset,
@@ -208,18 +226,18 @@ const S = (
       }, {
         content: () => {
           var b;
-          return a("div", {
-            class: [u.m(m.value), u.m("popup-container"), o.popperClass],
+          return i("div", {
+            class: [u.m(c.value), u.m("popup-container"), o.popperClass],
             onMouseenter: (k) => g(k, 100),
             onMouseleave: () => y(!0),
             onFocus: (k) => g(k, 100)
-          }, [a("ul", {
+          }, [i("ul", {
             class: [u.b(), u.m("popup"), u.m(`popup-${P.value}`)],
             style: l.value
           }, [(b = d.default) == null ? void 0 : b.call(d)])]);
         },
-        default: () => a("div", {
-          class: s.e("title"),
+        default: () => i("div", {
+          class: p.e("title"),
           style: [$.value, {
             backgroundColor: j.value
           }],
@@ -231,36 +249,36 @@ const S = (
          *
          *  以下是无需 tooltip 渲染的组件，通常是侧边栏没有折叠的时候
          */
-        a(le, {}, [N.value ? a("div", {
-          class: s.e("title"),
+        i(le, {}, [N.value ? i("div", {
+          class: p.e("title"),
           style: [$.value, {
             backgroundColor: j.value
           }],
           ref: G,
           onClick: O
-        }, t) : null, a(ue, {}, {
+        }, t) : null, i(ue, {}, {
           default: () => {
             var b;
-            return ae(a("ul", {
+            return ie(i("ul", {
               role: "menu",
               class: [u.b(), u.m("inline")],
               style: l.value
-            }, [(b = d.default) == null ? void 0 : b.call(d)]), [[ie, c.value]]);
+            }, [(b = d.default) == null ? void 0 : b.call(d)]), [[ae, m.value]]);
           }
         })])
       );
-      return a("li", {
-        class: [s.b(), s.is("active", f.value), s.is("opened", c.value), s.is("disabled", o.disabled)],
+      return i("li", {
+        class: [p.b(), p.is("active", f.value), p.is("opened", m.value), p.is("disabled", o.disabled)],
         role: "menuitem",
         ariaHaspopup: !0,
-        ariaExpanded: c.value,
+        ariaExpanded: m.value,
         onMouseenter: g,
         onMouseleave: () => y(!0),
         onFocus: g
-      }, [r]);
+      }, [n]);
     };
   }
 });
 export {
-  go as default
+  No as default
 };

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

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

package/es/components/message/index.js

@@ -1,15 +1,16 @@
 import { withInstallFunction as s } 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 e from "./method.js";
-import { messageDefaults as l, messageTypes as n } from "./types.js";
-const i = s(e, "$message");
+import { messageDefaults as n, messageTypes as u } from "./types.js";
+const f = s(e, "$message");
 export {
-  i as Message,
-  i as VftMessage,
-  i as default,
-  l as messageDefaults,
-  n as messageTypes
+  f as Message,
+  f as VftMessage,
+  f as default,
+  n as messageDefaults,
+  u as messageTypes
 };

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

@@ -1,6 +1,22 @@
 import type { PropType as __PropType } from 'vue';
 import { type VNode } from 'vue';
 import type { MessageType } from './types';
+export interface MessageProps {
+    customClass?: string;
+    center?: boolean;
+    dangerouslyUseHTMLString?: boolean;
+    duration: number;
+    icon?: string;
+    id: string;
+    message?: string | VNode | (() => VNode);
+    onClose?: Function;
+    showClose?: boolean;
+    type: MessageType;
+    offset: number;
+    zIndex?: number;
+    grouping?: boolean;
+    repeatNum?: number;
+}
 declare const _sfc_main: import("vue").DefineComponent<{
     customClass: {
         type: __PropType<string | undefined>;

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

@@ -1,16 +1,13 @@
-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 { EVENT_CODE as G } from "@vft/constants";
-import { isObject as J } from "@vft/utils";
-import { useResizeObserver as K, useTimeoutFn as Q } from "@vueuse/core";
-import { useEventListener as W } from "@vft/use";
-import { useNamespace as X } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "../../utils/ns-cover.js";
-import { getLastOffset as Y } from "./instance.js";
-import { VftIcon as B } from "../icon/index.js";
-const Z = ["id"], _ = ["innerHTML"], ee = ["onClick"], ge = /* @__PURE__ */ E({
+import { defineComponent as R, ref as y, computed as i, onMounted as V, watch as H, openBlock as l, createBlock as $, Transition as D, unref as e, withCtx as F, withDirectives as P, createElementVNode as U, normalizeClass as c, normalizeStyle as Z, createElementBlock as f, createVNode as k, normalizeProps as j, guardReactiveProps as A, createCommentVNode as B, renderSlot as G, 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 _ } from "@vft/use";
+import "../config-provider/index.js";
+import { getLastOffset as ee, getOffsetOrSpace as te } from "./instance.js";
+import { VftIcon as M } from "../icon/index.js";
+import { useGlobalComponentSettings as ne } from "../config-provider/hooks/use-global-config.js";
+const oe = ["id"], se = ["innerHTML"], ie = ["onClick"], ye = /* @__PURE__ */ R({
   __name: "message",
   props: {
     customClass: null,
@@ -29,100 +26,105 @@ const Z = ["id"], _ = ["innerHTML"], ee = ["onClick"], ge = /* @__PURE__ */ E({
     repeatNum: null
   },
   emits: ["destroy"],
-  setup(o, { expose: M }) {
-    const t = o, n = X("message"), f = g(), r = g(!1), p = g(0);
+  setup(t, { expose: S }) {
+    const n = t, { ns: o, zIndex: b } = ne("message"), { currentZIndex: L, nextZIndex: x } = b, m = y(), r = y(!1), p = y(0);
     let a;
-    const L = /* @__PURE__ */ new Map([
+    const T = /* @__PURE__ */ new Map([
       ["success", { icon: "ico-ep:success-filled" }],
       ["error", { icon: "ico-ep:circle-close-filled" }],
       ["warning", { icon: "ico-ep:warning-filled" }]
-    ]), y = i(() => (t.icon ? J(t.icon) ? t.icon : { icon: t.icon } : "") || L.get(t.type) || ""), b = i(() => {
-      const s = t.type;
-      return { [n.bm("icon", s)]: s };
-    }), S = i(() => Y(t.id)), v = i(() => t.offset + S.value), T = i(() => p.value + v.value), z = i(() => ({
-      top: `${v.value}px`,
-      zIndex: t.zIndex
+    ]), v = i(() => (n.icon ? W(n.icon) ? n.icon : { icon: n.icon } : "") || T.get(n.type) || ""), z = i(() => {
+      const s = n.type;
+      return { [o.bm("icon", s)]: s };
+    }), O = i(() => ee(n.id)), C = i(
+      () => te(n.id, n.offset) + O.value
+    ), E = i(() => p.value + C.value), I = i(() => ({
+      top: `${C.value}px`,
+      zIndex: L.value
     }));
     function d() {
-      t.duration !== 0 && ({ stop: a } = Q(() => {
+      n.duration !== 0 && ({ stop: a } = Y(() => {
         u();
-      }, t.duration));
+      }, n.duration));
     }
-    function C() {
+    function h() {
       a == null || a();
     }
     function u() {
       r.value = !1;
     }
     function N({ code: s }) {
-      s === G.esc && u();
+      s === Q.esc && u();
     }
-    return x(() => {
-      d(), r.value = !0;
-    }), O(
-      () => t.repeatNum,
+    return V(() => {
+      d(), x(), r.value = !0;
+    }), H(
+      () => n.repeatNum,
       () => {
-        C(), d();
+        h(), d();
       }
-    ), W(document, "keydown", N), K(f, () => {
-      p.value = f.value.getBoundingClientRect().height;
-    }), M({
+    ), _(document, "keydown", N), X(m, () => {
+      p.value = m.value.getBoundingClientRect().height;
+    }), S({
       visible: r,
-      bottom: T,
+      bottom: E,
       close: u
-    }), (s, h) => (l(), R(V, {
-      name: e(n).b("fade"),
-      onBeforeLeave: o.onClose,
-      onAfterLeave: h[0] || (h[0] = (oe) => s.$emit("destroy"))
+    }), (s, w) => (l(), $(D, {
+      name: e(o).b("fade"),
+      onBeforeLeave: t.onClose,
+      onAfterLeave: w[0] || (w[0] = (g) => s.$emit("destroy"))
     }, {
-      default: H(() => [
-        I($("div", {
-          id: o.id,
-          ref_key: "messageRef",
-          ref: f,
-          class: c([
-            e(n).b(),
-            { [e(n).m(o.type)]: o.type && !o.icon },
-            e(n).is("center", o.center),
-            e(n).is("closable", o.showClose),
-            o.customClass
-          ]),
-          style: D(e(z)),
-          role: "alert",
-          onMouseenter: C,
-          onMouseleave: d
-        }, [
-          e(y) ? (l(), m("div", {
-            key: 0,
-            class: c([e(n).e("icon"), e(b)])
+      default: F(() => {
+        var g;
+        return [
+          P(U("div", {
+            id: t.id,
+            ref_key: "messageRef",
+            ref: m,
+            class: c([
+              e(o).b(),
+              { [e(o).m(t.type)]: t.type && !t.icon },
+              e(o).is("center", t.center),
+              e(o).is("closable", t.showClose),
+              t.customClass
+            ]),
+            style: Z(e(I)),
+            role: "alert",
+            onMouseenter: h,
+            onMouseleave: d
           }, [
-            w(e(B), F(P(e(y))), null, 16)
-          ], 2)) : k("", !0),
-          U(s.$slots, "default", {}, () => [
-            o.dangerouslyUseHTMLString ? (l(), m("p", {
-              key: 1,
-              class: c(e(n).e("content")),
-              innerHTML: o.message
-            }, null, 10, _)) : (l(), m("p", {
+            (g = e(v)) != null && g.icon ? (l(), f("div", {
               key: 0,
-              class: c(e(n).e("content"))
-            }, j(o.message), 3))
-          ]),
-          o.showClose ? (l(), m("div", {
-            key: 1,
-            class: c(e(n).e("closeBtn")),
-            onClick: A(u, ["stop"])
-          }, [
-            w(e(B), { icon: "ico-ep:circle-close" })
-          ], 10, ee)) : k("", !0)
-        ], 46, Z), [
-          [q, r.value]
-        ])
-      ]),
+              class: c([e(o).e("icon"), e(z)])
+            }, [
+              k(e(M), j(A(e(v))), null, 16)
+            ], 2)) : B("", !0),
+            G(s.$slots, "default", {}, () => [
+              t.dangerouslyUseHTMLString ? (l(), f("p", {
+                key: 1,
+                class: c(e(o).e("content")),
+                innerHTML: t.message
+              }, null, 10, se)) : (l(), f("p", {
+                key: 0,
+                class: c(e(o).e("content"))
+              }, q(t.message), 3))
+            ]),
+            t.showClose ? (l(), f("div", {
+              key: 1,
+              class: c(e(o).e("closeBtn")),
+              onClick: J(u, ["stop"])
+            }, [
+              k(e(M), { icon: "ico-ep:circle-close" })
+            ], 10, ie)) : B("", !0)
+          ], 46, oe), [
+            [K, r.value]
+          ])
+        ];
+      }),
       _: 3
     }, 8, ["name", "onBeforeLeave"]));
   }
 });
 export {
-  ge as default
+  ye as default
 };