vft 0.0.149 → 0.0.151

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

@@ -15,73 +15,11 @@ export interface MenuItemProps {
     reverse?: boolean;
     [key: string]: any;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    [x: string]: {
-        type: globalThis.PropType<any>;
-    };
-    index: {
-        type: globalThis.PropType<string>;
-    };
-    route: {
-        type: globalThis.PropType<RouteLocationRaw>;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    icon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    title: {
-        type: globalThis.PropType<string | number>;
-    };
-    isAloneUse: {
-        type: globalThis.PropType<boolean>;
-    };
-    divider: {
-        type: globalThis.PropType<boolean>;
-    };
-    className: {
-        type: globalThis.PropType<string>;
-    };
-    reverse: {
-        type: globalThis.PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<MenuItemProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
     mouseenter: (...args: any[]) => void;
     mouseleave: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    [x: string]: {
-        type: globalThis.PropType<any>;
-    };
-    index: {
-        type: globalThis.PropType<string>;
-    };
-    route: {
-        type: globalThis.PropType<RouteLocationRaw>;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    icon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    title: {
-        type: globalThis.PropType<string | number>;
-    };
-    isAloneUse: {
-        type: globalThis.PropType<boolean>;
-    };
-    divider: {
-        type: globalThis.PropType<boolean>;
-    };
-    className: {
-        type: globalThis.PropType<string>;
-    };
-    reverse: {
-        type: globalThis.PropType<boolean>;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MenuItemProps>>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onMouseenter?: ((...args: any[]) => any) | undefined;
     onMouseleave?: ((...args: any[]) => any) | undefined;
@@ -90,6 +28,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     default?(_: {}): 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;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -1,5 +1,5 @@
-import { defineComponent as Y, getCurrentInstance as G, useAttrs as H, inject as P, computed as u, reactive as J, onMounted as K, onBeforeUnmount as L, openBlock as r, createElementBlock as k, Fragment as b, createBlock as p, unref as o, createCommentVNode as d, createElementVNode as y, normalizeClass as A, withCtx as E, renderSlot as g, normalizeProps as S, mergeProps as T, createVNode as Q } from "vue";
-import { singleAttrToObj as R, renderTNode as W, VNode as X } from "@vft/utils";
+import { defineComponent as D, getCurrentInstance as J, useAttrs as K, inject as P, computed as u, reactive as L, onMounted as Q, onBeforeUnmount as R, openBlock as r, createElementBlock as k, Fragment as y, createBlock as p, unref as o, createCommentVNode as d, createElementVNode as b, normalizeClass as A, withCtx as E, renderSlot as g, normalizeProps as S, mergeProps as T, createVNode as W } from "vue";
+import { singleAttrToObj as X, renderTNode as Y, VNode as Z } from "@vft/utils";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../backtop/index.js";
@@ -64,7 +64,7 @@ import "../table/index.js";
 import "../tabs/index.js";
 import "../tag/index.js";
 import "../time-picker/index.js";
-import { VftTooltip as Z } from "../tooltip/index.js";
+import { VftTooltip as _ } from "../tooltip/index.js";
 import "../tree/index.js";
 import "../verify-code/index.js";
 import "../virtual-list/components/dynamic-size-grid.js";
@@ -94,15 +94,15 @@ import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
 import "../infinite-scroll/index.js";
 import "../progress-i/index.js";
-import _ from "./use-menu.js";
-const tt = ["title"], c = (
+import tt from "./use-menu.js";
+const et = ["title"], c = (
   /* hoist-static*/
   U("menu-item")
-), et = Y({
+), it = D({
   name: c.b(),
   inheritAttrs: !1
-}), Je = /* @__PURE__ */ Y({
-  ...et,
+}), Le = /* @__PURE__ */ D({
+  ...it,
   props: {
     index: {},
     route: {},
@@ -115,38 +115,38 @@ const tt = ["title"], c = (
     reverse: { type: Boolean }
   },
   emits: ["click", "mouseenter", "mouseleave"],
-  setup(e, { emit: f }) {
-    const B = G(), D = H(), F = U("menu"), v = U("menu-item"), t = e.isAloneUse ? null : P("rootMenu");
+  setup(e, { emit: F }) {
+    const f = F, B = J(), O = K(), q = U("menu"), v = U("menu-item"), t = e.isAloneUse ? null : P("rootMenu");
     !t && !e.isAloneUse && z(c.b(), "can not inject root menu");
-    const { parentMenu: C, indexPath: N } = _(
+    const { parentMenu: C, indexPath: N } = tt(
       B,
       u(() => e.index)
     ), m = e.isAloneUse ? null : P(`subMenu:${C.value.uid}`);
     !m && !e.isAloneUse && z(c.b(), "can not inject sub menu");
-    const $ = u(() => e.index === (t == null ? void 0 : t.activeIndex)), n = J({
+    const $ = u(() => e.index === (t == null ? void 0 : t.activeIndex)), n = L({
       index: e.index,
       indexPath: N,
       active: $
-    }), O = () => {
+    }), G = () => {
       e.disabled || (t == null || t.handleMenuItemClick({
-        ...D,
+        ...O,
         index: e.index,
         indexPath: N.value,
         route: e.route
       }), f("click", n));
-    }, l = u(() => R(e.icon, "icon")), q = u(() => W(B, "title"));
-    return K(() => {
+    }, l = u(() => X(e.icon, "icon")), H = u(() => Y(B, "title"));
+    return Q(() => {
       e.isAloneUse || (m == null || m.addSubMenu(n), t == null || t.addMenuItem(n));
-    }), L(() => {
+    }), R(() => {
       e.isAloneUse || (m == null || m.removeSubMenu(n), t == null || t.removeMenuItem(n));
     }), (i, s) => {
       var I, V, h, j, M;
-      return r(), k(b, null, [
+      return r(), k(y, null, [
         i.reverse && i.divider ? (r(), p(o(w), {
           key: 0,
-          marginY: "0"
+          "margin-y": "0"
         })) : d("", !0),
-        y("li", {
+        b("li", {
           class: A([
             i.className,
             o(v).b(),
@@ -157,9 +157,9 @@ const tt = ["title"], c = (
           onMouseleave: s[1] || (s[1] = (a) => f("mouseleave")),
           role: "menuitem",
           tabindex: "-1",
-          onClick: O
+          onClick: G
         }, [
-          ((V = (I = o(C)) == null ? void 0 : I.type) == null ? void 0 : V.name) === "vft-menu" && ((h = o(t)) != null && h.props.collapse) && i.$slots.title ? (r(), p(o(Z), {
+          ((V = (I = o(C)) == null ? void 0 : I.type) == null ? void 0 : V.name) === "vft-menu" && ((h = o(t)) != null && h.props.collapse) && i.$slots.title ? (r(), p(o(_), {
             key: 0,
             placement: "right",
             "fallback-placements": ["left"],
@@ -171,8 +171,8 @@ const tt = ["title"], c = (
             default: E(() => {
               var a;
               return [
-                y("div", {
-                  class: A(o(F).be("tooltip", "trigger"))
+                b("div", {
+                  class: A(o(q).be("tooltip", "trigger"))
                 }, [
                   (a = l.value) != null && a.icon ? (r(), p(o(x), S(T({ key: 0 }, l.value)), null, 16)) : d("", !0),
                   g(i.$slots, "default")
@@ -180,26 +180,26 @@ const tt = ["title"], c = (
               ];
             }),
             _: 3
-          })) : (r(), k(b, { key: 1 }, [
-            (j = i.$slots) != null && j.default ? g(i.$slots, "default", { key: 0 }) : (r(), k(b, { key: 1 }, [
+          })) : (r(), k(y, { key: 1 }, [
+            (j = i.$slots) != null && j.default ? g(i.$slots, "default", { key: 0 }) : (r(), k(y, { key: 1 }, [
               (M = l.value) != null && M.icon ? (r(), p(o(x), S(T({ key: 0 }, l.value)), null, 16)) : d("", !0),
-              y("span", {
+              b("span", {
                 class: A(o(c).e("text")),
                 title: i.title
               }, [
-                Q(o(X), { content: q.value }, null, 8, ["content"])
-              ], 10, tt)
+                W(o(Z), { content: H.value }, null, 8, ["content"])
+              ], 10, et)
             ], 64))
           ], 64))
         ], 34),
         !i.reverse && i.divider ? (r(), p(o(w), {
           key: 1,
-          marginY: "0"
+          "margin-y": "0"
         })) : d("", !0)
       ], 64);
     };
   }
 });
 export {
-  Je as default
+  Le as default
 };

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

@@ -22,38 +22,7 @@ export interface MenuProps {
     ellipsis?: boolean;
     horizontalMenuProps?: Partial<SubMenuProps>;
 }
-declare const _default: import("vue").DefineComponent<{
-    mode: {
-        type: globalThis.PropType<"vertical" | "horizontal">;
-    };
-    defaultActive: {
-        type: globalThis.PropType<string>;
-    };
-    defaultOpeneds: {
-        type: globalThis.PropType<string[]>;
-    };
-    uniqueOpened: {
-        type: globalThis.PropType<boolean>;
-    };
-    router: {
-        type: globalThis.PropType<boolean>;
-    };
-    menuTrigger: {
-        type: globalThis.PropType<"click" | "hover">;
-    };
-    collapse: {
-        type: globalThis.PropType<boolean>;
-    };
-    collapseTransition: {
-        type: globalThis.PropType<boolean>;
-    };
-    ellipsis: {
-        type: globalThis.PropType<boolean>;
-    };
-    horizontalMenuProps: {
-        type: globalThis.PropType<Partial<SubMenuProps>>;
-    };
-}, {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<MenuProps>, {
     open: (index: string) => void;
     close: (index: string, indexPath: string[], e?: Event | undefined) => void;
     handleResize: () => void;
@@ -73,38 +42,7 @@ declare const _default: import("vue").DefineComponent<{
         indexPath: string[];
         event?: Event | undefined;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    mode: {
-        type: globalThis.PropType<"vertical" | "horizontal">;
-    };
-    defaultActive: {
-        type: globalThis.PropType<string>;
-    };
-    defaultOpeneds: {
-        type: globalThis.PropType<string[]>;
-    };
-    uniqueOpened: {
-        type: globalThis.PropType<boolean>;
-    };
-    router: {
-        type: globalThis.PropType<boolean>;
-    };
-    menuTrigger: {
-        type: globalThis.PropType<"click" | "hover">;
-    };
-    collapse: {
-        type: globalThis.PropType<boolean>;
-    };
-    collapseTransition: {
-        type: globalThis.PropType<boolean>;
-    };
-    ellipsis: {
-        type: globalThis.PropType<boolean>;
-    };
-    horizontalMenuProps: {
-        type: globalThis.PropType<Partial<SubMenuProps>>;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MenuProps>>> & {
     onSelect?: ((menuItem: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
     onClose?: ((val: {
         index: string;
@@ -120,3 +58,12 @@ declare const _default: import("vue").DefineComponent<{
     "onSub-menu-click"?: ((val: any) => any) | undefined;
 }, {}, {}>;
 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/menu/menu.vue2.js

@@ -1,24 +1,24 @@
-import { defineComponent as E, useSlots as X, getCurrentInstance as Y, ref as s, computed as Z, watch as T, watchEffect as _, provide as A, reactive as ee, onMounted as te, h as I, nextTick as ne } from "vue";
-import { isNullOrUndefined as B, isMobile as le } from "@vft/utils";
-import { VftIcon as oe } from "../icon/index.js";
-import { useResizeObserver as ue } from "@vueuse/core";
+import { defineComponent as E, useSlots as Y, getCurrentInstance as Z, ref as i, computed as _, watch as T, watchEffect as ee, provide as A, reactive as te, onMounted as ne, h as I, nextTick as le } from "vue";
+import { isNullOrUndefined as B, isMobile as oe } from "@vft/utils";
+import { VftIcon as ue } from "../icon/index.js";
+import { useResizeObserver as ae } from "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { flattedChildren as ae } from "../../utils/vue/vnode.js";
+import { flattedChildren as ie } from "../../utils/vue/vnode.js";
 import { useNamespace as W } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import se from "./menu-collapse-transition.vue.js";
-import ie from "./sub-menu.vue2.js";
-import { useMenuCssVar as ce } from "./use-menu-css-var.js";
-import re from "./utils/menu-bar.js";
+import ce from "./sub-menu.vue2.js";
+import { useMenuCssVar as re } from "./use-menu-css-var.js";
+import de from "./utils/menu-bar.js";
 const b = (
   /* hoist-static*/
   W("menu")
-), de = E({
+), me = E({
   name: b.b()
-}), ze = /* @__PURE__ */ E({
-  ...de,
+}), ke = /* @__PURE__ */ E({
+  ...me,
   props: {
     mode: { default: "vertical" },
     defaultActive: { default: "" },
@@ -32,10 +32,10 @@ const b = (
     horizontalMenuProps: {}
   },
   emits: ["update:collapse", "sub-menu-click", "select", "close", "open"],
-  setup(n, { expose: V, emit: v }) {
-    const y = X(), h = Y(), O = h.appContext.config.globalProperties.$router, i = s(), z = W("sub-menu"), f = s(-1), u = s(
+  setup(n, { expose: V, emit: $ }) {
+    const v = $, y = Y(), h = Z(), O = h.appContext.config.globalProperties.$router, s = i(), z = W("sub-menu"), m = i(-1), u = i(
       n.defaultOpeneds && !n.collapse ? n.defaultOpeneds.slice(0) : []
-    ), a = s(n.defaultActive), r = s({}), p = s({}), $ = Z(() => n.mode === "horizontal" || n.mode === "vertical" && n.collapse), q = () => {
+    ), a = i(n.defaultActive), r = i({}), p = i({}), q = _(() => n.mode === "horizontal" || n.mode === "vertical" && n.collapse), D = () => {
       const e = a.value && r.value[a.value];
       if (!e || n.mode === "horizontal" || n.collapse)
         return;
@@ -50,46 +50,46 @@ const b = (
     }, C = (e, t, l) => {
       const o = u.value.indexOf(e);
       o !== -1 && u.value.splice(o, 1), v("close", { index: e, indexPath: t, e: l });
-    }, D = ({
+    }, L = ({
       e,
       index: t,
       indexPath: l
     }) => {
       u.value.includes(t) ? C(t, l, e) : g(t, l, e), v("sub-menu-click", { e, index: t, indexPath: l });
-    }, L = (e) => {
+    }, F = (e) => {
       (n.mode === "horizontal" || n.collapse) && (u.value = []);
       const { index: t, indexPath: l } = e;
       if (!(B(t) || B(l))) {
         if (n.router && O) {
-          const o = e.route || t, m = O.push(o).then((c) => (c || (a.value = t), c));
-          v("select", e, m);
+          const o = e.route || t, f = O.push(o).then((c) => (c || (a.value = t), c));
+          v("select", e, f);
         } else
           a.value = t, v("select", e);
-        le() && setTimeout(() => {
+        oe() && setTimeout(() => {
           u.value = [];
         }, 100);
       }
-    }, F = (e) => {
+    }, U = (e) => {
       const t = r.value, l = t[e] || a.value && t[a.value] || t[n.defaultActive];
       l ? a.value = l.index : a.value = e;
-    }, U = () => {
+    }, j = () => {
       var d;
-      if (!i.value)
+      if (!s.value)
         return -1;
-      const e = Array.from(((d = i.value) == null ? void 0 : d.childNodes) ?? []).filter(
+      const e = Array.from(((d = s.value) == null ? void 0 : d.childNodes) ?? []).filter(
         (x) => x.nodeName !== "#text" || x.nodeValue
       ), t = 64, l = Number.parseInt(
-        getComputedStyle(i.value).paddingLeft,
+        getComputedStyle(s.value).paddingLeft,
         10
       ), o = Number.parseInt(
-        getComputedStyle(i.value).paddingRight,
+        getComputedStyle(s.value).paddingRight,
         10
-      ), m = i.value.clientWidth - l - o;
+      ), f = s.value.clientWidth - l - o;
       let c = 0, M = 0;
-      return e.forEach((x, Q) => {
-        c += x.offsetWidth || 0, c <= m - t && (M = Q + 1);
+      return e.forEach((x, X) => {
+        c += x.offsetWidth || 0, c <= f - t && (M = X + 1);
       }), M === e.length ? -1 : M;
-    }, j = (e, t = 33.34) => {
+    }, G = (e, t = 33.34) => {
       let l;
       return () => {
         l && clearTimeout(l), l = setTimeout(() => {
@@ -100,65 +100,65 @@ const b = (
     let k = !0;
     const P = () => {
       const e = () => {
-        f.value = -1, ne(() => {
-          f.value = U();
+        m.value = -1, le(() => {
+          m.value = j();
         });
       };
-      k ? e() : j(e)(), k = !1;
+      k ? e() : G(e)(), k = !1;
     };
     T(
       () => n.defaultActive,
       (e) => {
-        r.value[e] || (a.value = ""), F(e);
+        r.value[e] || (a.value = ""), U(e);
       }
     ), T(
       () => n.collapse,
       (e) => {
         e && (u.value = []);
       }
-    ), T(r.value, q);
+    ), T(r.value, D);
     let S;
-    _(() => {
-      n.mode === "horizontal" && n.ellipsis ? S = ue(i, P).stop : S == null || S();
+    ee(() => {
+      n.mode === "horizontal" && n.ellipsis ? S = ae(s, P).stop : S == null || S();
     });
     const N = (e) => {
       p.value[e.index] = e;
     }, R = (e) => {
       delete p.value[e.index];
-    }, G = (e) => {
-      r.value[e.index] = e;
     }, H = (e) => {
+      r.value[e.index] = e;
+    }, J = (e) => {
       delete r.value[e.index];
-    }, w = s(!1), J = s(), K = s();
+    }, w = i(!1), K = i(), Q = i();
     return A(
       "rootMenu",
-      ee({
+      te({
         props: h.props,
         openedMenus: u,
         items: r,
         subMenus: p,
         activeIndex: a,
-        isMenuPopup: $,
+        isMenuPopup: q,
         inSubMenu: w,
-        inSubMenuMouseEnterTimer: J,
-        inSubMenuMouseleaveTimer: K,
-        addMenuItem: G,
-        removeMenuItem: H,
+        inSubMenuMouseEnterTimer: K,
+        inSubMenuMouseleaveTimer: Q,
+        addMenuItem: H,
+        removeMenuItem: J,
         addSubMenu: N,
         removeSubMenu: R,
         openMenu: g,
         closeMenu: C,
-        handleMenuItemClick: L,
-        handleSubMenuClick: D
+        handleMenuItemClick: F,
+        handleSubMenuClick: L
       })
     ), A(`subMenu:${h.uid}`, {
       addSubMenu: N,
       removeSubMenu: R,
-      mouseInChild: s(!1),
+      mouseInChild: i(!1),
       // 表示当前是第一级的 sub-menu
       level: 0
-    }), te(() => {
-      n.mode === "horizontal" && new re(h.vnode.el, b.namespace.value);
+    }), ne(() => {
+      n.mode === "horizontal" && new de(h.vnode.el, b.namespace.value);
     }), V({
       open: (e) => {
         const { indexPath: t } = p.value[e];
@@ -166,24 +166,24 @@ const b = (
       },
       close: C,
       handleResize: P,
-      menu: i,
+      menu: s,
       inSubMenu: w
     }), () => {
-      var m;
-      let e = ((m = y.default) == null ? void 0 : m.call(y)) ?? [];
+      var f;
+      let e = ((f = y.default) == null ? void 0 : f.call(y)) ?? [];
       const t = [];
-      if (n.mode === "horizontal" && i.value) {
-        const c = ae(e), M = f.value === -1 ? c : c.slice(0, f.value), d = f.value === -1 ? [] : c.slice(f.value);
+      if (n.mode === "horizontal" && s.value) {
+        const c = ie(e), M = m.value === -1 ? c : c.slice(0, m.value), d = m.value === -1 ? [] : c.slice(m.value);
         d != null && d.length && n.ellipsis && (e = M, t.push(
           I(
-            ie,
+            ce,
             {
               index: "sub-menu-more",
               class: z.e("hide-arrow"),
               ...n.horizontalMenuProps
             },
             {
-              title: () => I(oe, {
+              title: () => I(ue, {
                 icon: "icon-menu-line",
                 class: z.e("icon-more")
               }),
@@ -192,12 +192,12 @@ const b = (
           )
         ));
       }
-      const l = ce(h.props, 0), o = I(
+      const l = re(h.props, 0), o = I(
         "ul",
         {
           key: String(n.collapse),
           role: "menubar",
-          ref: i,
+          ref: s,
           style: l.value,
           class: {
             [b.b()]: !0,
@@ -212,5 +212,5 @@ const b = (
   }
 });
 export {
-  ze as default
+  ke as default
 };