vft 0.0.149 → 0.0.151

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

@@ -26,89 +26,26 @@ export interface MenuConProps {
     defaultActive?: string;
     defaultOpeneds?: Array<string | number>;
 }
-declare const _default: import("vue").DefineComponent<{
-    height: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    width: {
-        type: globalThis.PropType<string | number>;
-        default: number;
-    };
-    collapse: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    defaultActive: {
-        type: globalThis.PropType<string>;
-    };
-    defaultOpeneds: {
-        type: globalThis.PropType<(string | number)[]>;
-    };
-    uniqueOpened: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    isFixedLeft: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    menus: {
-        type: globalThis.PropType<MenuType[]>;
-        required: true;
-    };
-    collapseWidth: {
-        type: globalThis.PropType<string | number>;
-        default: number;
-    };
-    attrMapping: {
-        type: globalThis.PropType<MenuAttrMapping>;
-    };
-    menuTopBottomHeight: {
-        type: globalThis.PropType<number>;
-        default: number;
-    };
-    showCollapse: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    dragOption: {
-        type: globalThis.PropType<Sortable.Options & {
-            dragClassName: string;
-        }>;
-    };
-    dragWidthCfg: {
-        type: globalThis.PropType<boolean | {
-            maxWidth?: number | undefined;
-            minWidth?: number | undefined;
-        }>;
-        default: boolean;
-    };
-    useRouterJump: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    openDisabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    autoScrollActiveDom: {
-        type: globalThis.PropType<number | boolean>;
-        default: boolean;
-    };
-    openMenuCollapse: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    disabledJudgeTurnOver: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-}, {
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MenuConProps>, {
+    isFixedLeft: boolean;
+    autoScrollActiveDom: boolean;
+    openMenuCollapse: boolean;
+    width: number;
+    collapseWidth: number;
+    uniqueOpened: boolean;
+    collapse: boolean;
+    showCollapse: boolean;
+    disabledJudgeTurnOver: boolean;
+    dragWidthCfg: boolean;
+    height: string;
+    menuTopBottomHeight: number;
+    useRouterJump: boolean;
+}>, {
     sideRef: globalThis.Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:collapse": (val: boolean) => void;
     "update:width": (val: string | number) => void;
-    dragEnd: (oldIndex: Sortable.SortableEvent, newIndex: Sortable.SortableEvent) => void;
+    dragEnd: (oldIndex: SortableEvent, newIndex: SortableEvent) => void;
     dragWidthEnd: () => void;
     select: (val: {
         route: string;
@@ -117,91 +54,28 @@ declare const _default: import("vue").DefineComponent<{
     subMenuClick: (val: any) => void;
     menuItemMouseenter: (val: any) => void;
     menuItemMouseleave: (val: any) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    height: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    width: {
-        type: globalThis.PropType<string | number>;
-        default: number;
-    };
-    collapse: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    defaultActive: {
-        type: globalThis.PropType<string>;
-    };
-    defaultOpeneds: {
-        type: globalThis.PropType<(string | number)[]>;
-    };
-    uniqueOpened: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    isFixedLeft: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    menus: {
-        type: globalThis.PropType<MenuType[]>;
-        required: true;
-    };
-    collapseWidth: {
-        type: globalThis.PropType<string | number>;
-        default: number;
-    };
-    attrMapping: {
-        type: globalThis.PropType<MenuAttrMapping>;
-    };
-    menuTopBottomHeight: {
-        type: globalThis.PropType<number>;
-        default: number;
-    };
-    showCollapse: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    dragOption: {
-        type: globalThis.PropType<Sortable.Options & {
-            dragClassName: string;
-        }>;
-    };
-    dragWidthCfg: {
-        type: globalThis.PropType<boolean | {
-            maxWidth?: number | undefined;
-            minWidth?: number | undefined;
-        }>;
-        default: boolean;
-    };
-    useRouterJump: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    openDisabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    autoScrollActiveDom: {
-        type: globalThis.PropType<number | boolean>;
-        default: boolean;
-    };
-    openMenuCollapse: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    disabledJudgeTurnOver: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MenuConProps>, {
+    isFixedLeft: boolean;
+    autoScrollActiveDom: boolean;
+    openMenuCollapse: boolean;
+    width: number;
+    collapseWidth: number;
+    uniqueOpened: boolean;
+    collapse: boolean;
+    showCollapse: boolean;
+    disabledJudgeTurnOver: boolean;
+    dragWidthCfg: boolean;
+    height: string;
+    menuTopBottomHeight: number;
+    useRouterJump: boolean;
+}>>> & {
     onSelect?: ((val: {
         route: string;
         indexPath: string[];
     }) => any) | undefined;
     "onUpdate:collapse"?: ((val: boolean) => any) | undefined;
     "onUpdate:width"?: ((val: string | number) => any) | undefined;
-    onDragEnd?: ((oldIndex: Sortable.SortableEvent, newIndex: Sortable.SortableEvent) => any) | undefined;
+    onDragEnd?: ((oldIndex: SortableEvent, newIndex: SortableEvent) => any) | undefined;
     onDragWidthEnd?: (() => any) | undefined;
     onSubMenuClick?: ((val: any) => any) | undefined;
     onMenuItemMouseenter?: ((val: any) => any) | undefined;
@@ -225,3 +99,20 @@ declare const _default: import("vue").DefineComponent<{
     disabledJudgeTurnOver: boolean;
 }, {}>;
 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_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,7 +1,7 @@
-import { defineComponent as I, toRefs as re, useSlots as ne, getCurrentInstance as le, ref as C, computed as g, h as M, createVNode as f, onMounted as ie, nextTick as pe, watch as ae, isVNode as ue } from "vue";
-import { listenerRouteChange as se, useRouterHelper as de } from "@vft/router";
-import { useSortable as me } from "@vft/use";
-import { isUrl as ce, isNullOrUndefined as j, addUnit as E, isNumber as fe } from "@vft/utils";
+import { defineComponent as I, toRefs as ie, useSlots as ne, getCurrentInstance as le, ref as C, computed as g, h as M, createVNode as f, onMounted as pe, nextTick as ae, watch as ue, isVNode as se } from "vue";
+import { listenerRouteChange as de, useRouterHelper as me } from "@vft/router";
+import { useSortable as ce } from "@vft/use";
+import { isUrl as fe, isNullOrUndefined as j, addUnit as E, isNumber as he } from "@vft/utils";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../backtop/index.js";
@@ -31,7 +31,7 @@ import "../form/index.js";
 import "../full-screen/index.js";
 import "../header-layout/index.js";
 import "../horizontal-menu/index.js";
-import { VftIcon as he } from "../icon/index.js";
+import { VftIcon as ve } from "../icon/index.js";
 import "../icon-text/index.js";
 import "../iframe-layout/index.js";
 import "../image/index.js";
@@ -41,7 +41,7 @@ import "../input-number/index.js";
 import "../link/index.js";
 import "../list-cell/index.js";
 import "../logo/index.js";
-import { VftMenu as ve, VftSubMenu as ge, VftMenuItem as q } from "../menu/index.js";
+import { VftMenu as ge, VftSubMenu as be, VftMenuItem as q } from "../menu/index.js";
 import "../multiple-tabs/index.js";
 import "../overlay/index.js";
 import "../page-wrapper/index.js";
@@ -89,24 +89,24 @@ import "../md-vue-playground/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as be } from "../../hooks/use-namespace/index.js";
+import { useNamespace as ye } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
 import "../infinite-scroll/index.js";
 import "../progress-i/index.js";
-import { useDragLine as ye } from "./use-drag-line.js";
+import { useDragLine as Ce } from "./use-drag-line.js";
 const u = (
   /* hoist-static*/
-  be("side-menu")
+  ye("side-menu")
 );
-function Ce(b) {
-  return typeof b == "function" || Object.prototype.toString.call(b) === "[object Object]" && !ue(b);
+function Me(b) {
+  return typeof b == "function" || Object.prototype.toString.call(b) === "[object Object]" && !se(b);
 }
-const Me = I({
+const Se = I({
   name: "vft-side-menu"
-}), co = /* @__PURE__ */ I({
-  ...Me,
+}), fo = /* @__PURE__ */ I({
+  ...Se,
   props: {
     isFixedLeft: {
       type: Boolean,
@@ -168,15 +168,15 @@ const Me = I({
   emits: ["update:collapse", "update:width", "dragEnd", "dragWidthEnd", "select", "subMenuClick", "menuItemMouseenter", "menuItemMouseleave"],
   setup(b, {
     expose: L,
-    emit: m
+    emit: P
   }) {
     const t = b, {
       defaultActive: S,
       collapse: h,
-      uniqueOpened: P,
+      uniqueOpened: H,
       defaultOpeneds: x,
-      openMenuCollapse: H
-    } = re(t), l = ne(), B = le(), _ = C(), p = g(() => ({
+      openMenuCollapse: U
+    } = ie(t), m = P, n = ne(), B = le(), _ = C(), p = g(() => ({
       path: "path",
       children: "children",
       title: "title",
@@ -185,29 +185,29 @@ const Me = I({
       disabled: "disabled",
       ...t.attrMapping
     }));
-    se((e) => {
+    de((e) => {
       var o;
       !e || (o = e.meta) != null && o.hideSide && !t.useRouterJump || (_.value = e.path);
     });
-    const U = (e) => {
+    const F = (e) => {
       var r;
       const o = e.e;
       if (t.autoScrollActiveDom && o) {
-        const a = fe(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, n = o.target;
-        (r = y.value) != null && r.menu && n && setTimeout(() => {
-          y.value.menu.scrollTop = y.value.menu.scrollTop + (n.getBoundingClientRect().top - y.value.menu.getBoundingClientRect().top) + a;
+        const a = he(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, i = o.target;
+        (r = y.value) != null && r.menu && i && setTimeout(() => {
+          y.value.menu.scrollTop = y.value.menu.scrollTop + (i.getBoundingClientRect().top - y.value.menu.getBoundingClientRect().top) + a;
         }, 300);
       }
       m("subMenuClick", e);
-    }, F = (e) => {
-      m("menuItemMouseenter", e);
     }, Z = (e) => {
+      m("menuItemMouseenter", e);
+    }, $ = (e) => {
       m("menuItemMouseleave", e);
     }, T = (e, o) => {
-      const r = e[p.value.path], a = e[p.value.title], n = e == null ? void 0 : e[p.value.children], c = e == null ? void 0 : e[p.value.index], s = e == null ? void 0 : e[p.value.icon], d = !!(e != null && e[p.value.disabled]), v = t.disabledJudgeTurnOver ? !d : d, N = c || r || o + a;
-      return n != null && n.length ? M(
+      const r = e[p.value.path], a = e[p.value.title], i = e == null ? void 0 : e[p.value.children], c = e == null ? void 0 : e[p.value.index], s = e == null ? void 0 : e[p.value.icon], d = !!(e != null && e[p.value.disabled]), v = t.disabledJudgeTurnOver ? !d : d, N = c || r || o + a;
+      return i != null && i.length ? M(
         // @ts-ignore
-        ge,
+        be,
         {
           ...e,
           popperAppendToBody: !0,
@@ -219,23 +219,23 @@ const Me = I({
           popperClass: u.e("popper")
         },
         {
-          default: () => n == null ? void 0 : n.map((i, X) => {
+          default: () => i == null ? void 0 : i.map((l, ee) => {
             var V;
-            const w = i[p.value.path], W = i[p.value.index], ee = i[p.value.icon], te = i[p.value.title], A = !!i[p.value.disabled], oe = t.disabledJudgeTurnOver ? !A : A;
-            return (V = i == null ? void 0 : i[p.value.children]) != null && V.length ? T(i, X) : (
+            const w = l[p.value.path], W = l[p.value.index], te = l[p.value.icon], oe = l[p.value.title], A = !!l[p.value.disabled], re = t.disabledJudgeTurnOver ? !A : A;
+            return (V = l == null ? void 0 : l[p.value.children]) != null && V.length ? T(l, ee) : (
               // @ts-ignore
               M(q, {
-                ...i,
+                ...l,
                 key: W || w,
                 index: W || w,
                 route: w,
-                icon: ee,
-                title: te,
-                disabled: t.openDisabled && oe
-              }, l.menuItem ? () => {
+                icon: te,
+                title: oe,
+                disabled: t.openDisabled && re
+              }, n.menuItem ? () => {
                 var J;
-                return (J = l.menuItem) == null ? void 0 : J.call(l, {
-                  item: i
+                return (J = n.menuItem) == null ? void 0 : J.call(n, {
+                  item: l
                 });
               } : "")
             );
@@ -249,48 +249,48 @@ const Me = I({
         route: r,
         icon: s,
         disabled: t.openDisabled && v,
-        onMouseenter: () => F(e),
-        onMouseleave: () => Z(e)
-      }, l.menuItem ? () => {
-        var i;
-        return (i = l.menuItem) == null ? void 0 : i.call(l, {
+        onMouseenter: () => Z(e),
+        onMouseleave: () => $(e)
+      }, n.menuItem ? () => {
+        var l;
+        return (l = n.menuItem) == null ? void 0 : l.call(n, {
           item: e,
           index: o
         });
       } : "");
-    }, y = C(), $ = g(() => ({
+    }, y = C(), z = g(() => ({
       ...t.collapseWidth === 0 && h.value ? {
         width: 0
       } : {},
       height: `calc(100% - ${t.menuTopBottomHeight}px)`
-    })), z = g(() => {
+    })), Y = g(() => {
       var o, r;
       let e;
-      return M(f(ve, {
+      return M(f(ge, {
         ref: y,
-        onSelect: Y,
-        onOpen: U,
+        onSelect: G,
+        onOpen: F,
         defaultActive: (S == null ? void 0 : S.value) || _.value,
         defaultOpeneds: x == null ? void 0 : x.value,
         class: [u.e("con"), (o = t.dragOption) != null && o.dragClassName ? u.e((r = t.dragOption) == null ? void 0 : r.dragClassName) : ""],
-        style: $.value,
-        collapse: H.value ? h.value : !1,
-        uniqueOpened: P.value,
+        style: z.value,
+        collapse: U.value ? h.value : !1,
+        uniqueOpened: H.value,
         collapseTransition: !1
-      }, Ce(e = t.menus.map((a, n) => T(a, n))) ? e : {
+      }, Me(e = t.menus.map((a, i) => T(a, i))) ? e : {
         default: () => [e]
       }));
     }), D = B.appContext.config.globalProperties.$router;
-    async function Y(e) {
+    async function G(e) {
       var o, r, a;
       if (t.useRouterJump) {
         const {
-          go: n
-        } = de(D), c = e.route;
+          go: i
+        } = me(D), c = e.route;
         let s = e.route;
-        e.indexPath.some((v) => ce(v)) && (s = e.indexPath.slice(-2).join("/"));
+        e.indexPath.some((v) => fe(v)) && (s = e.indexPath.slice(-2).join("/"));
         const d = (a = (r = (o = D.getRoutes().filter((v) => v.path === s)) == null ? void 0 : o[0]) == null ? void 0 : r.meta) == null ? void 0 : a.linkTarget;
-        n(d ? {
+        i(d ? {
           url: c,
           winOpenOpt: {
             target: d
@@ -299,13 +299,13 @@ const Me = I({
       }
       m("select", e);
     }
-    ie(() => {
-      pe(() => {
+    pe(() => {
+      ae(() => {
         var e, o, r;
         if ((e = t.dragOption) != null && e.dragClassName) {
           const a = (r = document.querySelectorAll("." + u.e((o = t.dragOption) == null ? void 0 : o.dragClassName))) == null ? void 0 : r[0], {
-            initSortable: n
-          } = me(a, {
+            initSortable: i
+          } = ce(a, {
             draggable: ".vft-menu-item",
             onEnd: (c) => {
               const {
@@ -316,52 +316,52 @@ const Me = I({
             },
             ...t.dragOption
           });
-          n();
+          i();
         }
       });
     });
-    const O = C(), R = C(), k = C(), G = g(() => ({
+    const O = C(), R = C(), k = C(), K = g(() => ({
       ...t.collapseWidth === 0 && h.value ? {
         borderRight: "none"
       } : {},
       width: E(t.width),
       height: t.height
     }));
-    ae(() => h.value, (e) => {
+    ue(() => h.value, (e) => {
       e ? m("update:width", t.collapseWidth) : m("update:width", k.value || t.width), k.value = t.width;
-    }), t.dragWidthCfg && ye(O, R, B);
-    const K = g(() => ({
+    }), t.dragWidthCfg && Ce(O, R, B);
+    const Q = g(() => ({
       left: E(t.width)
-    })), Q = g(() => [u.b(), t.isFixedLeft ? u.m("fixed") : ""]);
+    })), X = g(() => [u.b(), t.isFixedLeft ? u.m("fixed") : ""]);
     return L({
       sideRef: O
     }), () => {
       var e;
       return f("div", {
         ref: O,
-        class: Q.value,
-        style: G.value
-      }, [l.top ? f("div", {
+        class: X.value,
+        style: K.value
+      }, [n.top ? f("div", {
         class: u.e("top")
-      }, [l.top()]) : null, z.value, l.bottom ? f("div", {
+      }, [n.top()]) : null, Y.value, n.bottom ? f("div", {
         class: u.e("bottom")
-      }, [l.bottom()]) : t.showCollapse ? f("div", {
+      }, [n.bottom()]) : t.showCollapse ? f("div", {
         onClick: () => m("update:collapse", !h.value),
         class: [u.e("bottom"), u.e("collapse")]
-      }, [f(he, {
+      }, [f(ve, {
         style: {
           transform: h.value ? "rotateY(180deg)" : ""
         },
         size: 20,
         icon: "icon-sidebar-collapse"
-      }, null)]) : null, (e = l.default) == null ? void 0 : e.call(l), t.dragWidthCfg ? f("div", {
+      }, null)]) : null, (e = n.default) == null ? void 0 : e.call(n), t.dragWidthCfg ? f("div", {
         ref: R,
-        style: K.value,
+        style: Q.value,
         class: u.e("drag-bar")
       }, null) : null]);
     };
   }
 });
 export {
-  co as default
+  fo as default
 };