vft 0.0.430 → 0.0.431

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

@@ -1,4 +1,4 @@
-import { defineComponent as Z, getCurrentInstance as le, computed as l, inject as D, ref as C, reactive as ue, watch as ae, provide as se, onMounted as re, onBeforeUnmount as ie, useSlots as ce, h as s, Fragment as pe, withDirectives as me, vShow as de } from "vue";
+import { defineComponent as Z, getCurrentInstance as le, computed as l, inject as D, ref as C, reactive as ue, watch as ae, provide as se, onMounted as re, onBeforeUnmount as ie, useSlots as ce, h as u, Fragment as pe, withDirectives as me, vShow as de } from "vue";
 import { singleAttrToObj as g, renderTNode as ve, isMobile as fe } from "@vft/utils";
 import { VftTooltip as Me } from "../tooltip/index.js";
 import { VftIcon as L } from "../icon/index.js";
@@ -56,7 +56,7 @@ const Ce = Z({
     const y = G, I = w("sub-menu"), m = le(), {
       indexPath: f,
       parentMenu: k
-    } = he(m, l(() => o.index)), i = w("menu"), u = w("sub-menu"), e = D("rootMenu");
+    } = he(m, l(() => o.index)), i = w("menu"), a = w("sub-menu"), e = D("rootMenu");
     e || U(I.b(), "can not inject root menu");
     const r = D(`subMenu:${k.value.uid}`);
     r || U(I.b(), "can not inject sub menu");
@@ -64,8 +64,8 @@ const Ce = Z({
     let M;
     const z = C(!1), J = C(), E = C(null), A = l(() => p.value === "horizontal" && b.value ? "bottom-start" : "right-start"), b = l(() => r.level === 0), x = l(() => o.teleported === void 0 ? b.value : o.teleported), K = l(() => e.props.collapse ? `${i.namespace.value}-zoom-in-left` : `${i.namespace.value}-zoom-in-top`), Q = l(() => p.value === "horizontal" && b.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 = l(() => e.openedMenus.includes(o.index)), d = l(() => {
       let t = !1;
-      return Object.values(S.value).forEach((a) => {
-        a.active && (t = !0);
+      return Object.values(S.value).forEach((s) => {
+        s.active && (t = !0);
       }), o.index === e.activeIndex && (t = !0), t;
     }), B = l(() => e.props.backgroundColor || ""), P = l(() => e.props.activeTextColor || ""), F = l(() => e.props.textColor || ""), p = l(() => e.props.mode), W = l(() => e.props.persistent), h = ue({
       index: o.index,
@@ -79,7 +79,7 @@ const Ce = Z({
     }), X = () => E.value?.popperRef?.popperInstanceRef?.destroy(), Y = (t) => {
       t || X();
     }, O = (t) => {
-      const a = {
+      const s = {
         e: t,
         index: o.index,
         indexPath: f.value,
@@ -87,18 +87,18 @@ const Ce = Z({
       };
       if (e.props.menuTrigger === "hover" && e.props.mode === "horizontal" && !fe() || e.props.collapse && e.props.mode === "vertical" || o.disabled) {
         e.handleSubMenuClick({
-          ...a,
+          ...s,
           isFirstLevel: !0
         });
         return;
       }
-      e.handleSubMenuClick(a);
-    }, v = (t, a = o.showTimeout) => {
+      e.handleSubMenuClick(s);
+    }, v = (t, s = o.showTimeout) => {
       t.type !== "focus" && (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled || (r.mouseInChild.value = !0, M?.(), {
         stop: M
       } = H(() => {
         e.openMenu(o.index, f.value);
-      }, a), x.value && k.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")), y("mouseenter", t)));
+      }, s), x.value && k.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")), y("mouseenter", t)));
     }, _ = () => {
       e.inSubMenuMouseEnterTimer && clearTimeout(e.inSubMenuMouseEnterTimer), e.inSubMenuMouseleaveTimer && clearTimeout(e.inSubMenuMouseleaveTimer), e.inSubMenuMouseEnterTimer = setTimeout(() => {
         e.inSubMenu = !0;
@@ -107,23 +107,23 @@ const Ce = Z({
       e.inSubMenuMouseEnterTimer && clearTimeout(e.inSubMenuMouseEnterTimer), e.inSubMenuMouseleaveTimer && clearTimeout(e.inSubMenuMouseleaveTimer), e.inSubMenuMouseleaveTimer = setTimeout(() => {
         e.inSubMenu = !1;
       }, o.hideTimeout - 10);
-    }, T = (t, a = !1) => {
+    }, T = (t, s = !1) => {
       e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (M?.(), r.mouseInChild.value = !1, {
         stop: M
       } = H(() => {
         !z.value && e.closeMenu(o.index, f.value);
-      }, o.hideTimeout), x.value && a && m.parent?.type.name === "vft-sub-menu" && r.handleMouseleave?.(t, !0), y("mouseleave", t));
+      }, o.hideTimeout), x.value && s && m.parent?.type.name === "vft-sub-menu" && r.handleMouseleave?.(t, !0), y("mouseleave", t));
     };
     ae(() => e.props.collapse, (t) => Y(!!t));
     {
       const t = (n) => {
         S.value[n.index] = n;
-      }, a = (n) => {
+      }, s = (n) => {
         delete S.value[n.index];
       };
       se(`subMenu:${m.uid}`, {
         addSubMenu: t,
-        removeSubMenu: a,
+        removeSubMenu: s,
         handleMouseleave: T,
         mouseInChild: z,
         level: r.level + 1
@@ -146,18 +146,18 @@ const Ce = Z({
       ...te.value
     }), R = l(() => ve(m, "title"));
     return () => {
-      const t = [N.value?.icon ? s(L, {
+      const t = [N.value?.icon ? u(L, {
         ...N.value
-      }) : null, s("span", {
-        class: [u.e("text"), u.is("arrow", o.showArrow)],
+      }) : null, u("span", {
+        class: [a.e("text"), a.is("arrow", o.showArrow)],
         title: m.props.title
-      }, R.value), o.showArrow ? s(L, {
-        class: u.e("icon-arrow"),
+      }, R.value), o.showArrow ? u(L, {
+        class: a.e("icon-arrow"),
         ...ne.value,
         style: {
           transform: c.value ? "rotateZ(180deg)" : "none"
         }
-      }) : !1], a = e.isMenuPopup ? s(Me, {
+      }) : !1], s = e.isMenuPopup ? u(Me, {
         ref: E,
         visible: c.value,
         effect: "light",
@@ -173,17 +173,19 @@ const Ce = Z({
         gpuAcceleration: !1,
         ...o.toolTipCfg
       }, {
-        content: () => s("div", {
+        content: () => u("div", {
           class: [i.m(p.value), i.m("popup-container"), o.popperClass],
           onMouseenter: (n) => v(n, 100),
           onMouseleave: (n) => T(n, !0),
           onFocus: (n) => v(n, 100)
-        }, [s("ul", {
+        }, [u("div", {
           class: [i.b(), i.m("popup"), i.m(`popup-${A.value}`)],
           style: j.value
-        }, [V.default?.()])]),
-        default: () => s("div", {
-          class: u.e("title"),
+        }, [u("ul", {
+          class: i.m("popup-ul-list")
+        }, V.default?.())])]),
+        default: () => u("div", {
+          class: a.e("title"),
           style: [$.value, {
             backgroundColor: B.value
           }],
@@ -193,30 +195,30 @@ const Ce = Z({
         }, t)
       }) : (
         // 以下是无需 tooltip 渲染的组件，通常是侧边栏没有折叠的时候
-        s(pe, {}, [R.value ? s("div", {
-          class: u.e("title"),
+        u(pe, {}, [R.value ? u("div", {
+          class: a.e("title"),
           style: [$.value, {
             backgroundColor: B.value
           }],
           ref: J,
           onClick: O
-        }, t) : null, s(be, {}, {
-          default: () => me(s("ul", {
+        }, t) : null, u(be, {}, {
+          default: () => me(u("ul", {
             role: "menu",
             class: [i.b(), i.m("inline")],
             style: j.value
           }, [V.default?.()]), [[de, c.value]])
         })])
       );
-      return s("li", {
-        class: [u.b(), u.is("active", d.value), u.e(String(r.level)), u.is("in-popup", r.level !== 0), u.is("opened", c.value), u.is("arrow", !0), u.is("disabled", o.disabled)],
+      return u("li", {
+        class: [a.b(), a.is("active", d.value), a.e(String(r.level)), a.is("in-popup", r.level !== 0), a.is("opened", c.value), a.is("arrow", !0), a.is("disabled", o.disabled)],
         role: "menuitem",
         ariaHaspopup: !0,
         ariaExpanded: c.value,
         onMouseenter: [_, (n) => v(n)],
         onMouseleave: [ee, (n) => T(n, !0)],
         onFocus: v
-      }, [a]);
+      }, [s]);
     };
   }
 });

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

@@ -1,4 +1,4 @@
-import Sortable from 'sortablejs';
+import type { SortableEvent } from 'sortablejs';
 import type { MenuSelectEventData, SideMenuProps } from './types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SideMenuProps>, {
     isFixedLeft: boolean;
@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, {}, {}, {}, 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: MenuSelectEventData) => void;
     subMenuClick: (val: any) => void;
@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onSelect?: ((val: MenuSelectEventData) => 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;
     onSubMenuOpenClick?: ((val: any) => any) | undefined;

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

@@ -1,25 +1,25 @@
-import { defineComponent as J, toRefs as se, useSlots as ie, getCurrentInstance as de, ref as h, computed as b, watch as re, onMounted as ce, nextTick as pe, createVNode as p, h as y, isVNode as fe } from "vue";
-import { listenerRouteChange as me, useRouterHelper as ve } from "@vft/router";
-import { useSortable as he } from "@vft/use/sortable";
-import { isNullOrUndefined as V, isNumber as j, isUrl as ge } from "@vft/utils";
+import { defineComponent as J, toRefs as ie, useSlots as de, getCurrentInstance as re, ref as h, computed as b, watch as ce, onMounted as pe, nextTick as fe, createVNode as p, h as y, isVNode as me } from "vue";
+import { listenerRouteChange as ve, useRouterHelper as he } from "@vft/router";
+import { useSortable as ge } from "@vft/use/sortable";
+import { isNullOrUndefined as W, isNumber as j, isUrl as be } from "@vft/utils";
 import "@vueuse/core";
 import { addUnit as q } from "../../utils/helper.js";
 import "lodash-es";
 import "../form/index.js";
-import { VftIcon as be } from "../icon/index.js";
-import { VftMenu as ye, VftSubMenu as Me, VftMenuItem as E } from "../menu/index.js";
-import { useNamespace as Se } from "../../hooks/use-namespace/index.js";
+import { VftIcon as ye } from "../icon/index.js";
+import { VftMenu as Me, VftSubMenu as Se, VftMenuItem as E } from "../menu/index.js";
+import { useNamespace as Oe } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { useDragLine as Ce } from "./use-drag-line.js";
-function Oe(g) {
-  return typeof g == "function" || Object.prototype.toString.call(g) === "[object Object]" && !fe(g);
+function xe(g) {
+  return typeof g == "function" || Object.prototype.toString.call(g) === "[object Object]" && !me(g);
 }
-const xe = J({
+const _e = J({
   name: "vft-side-menu"
-}), Je = /* @__PURE__ */ J({
-  ...xe,
+}), Le = /* @__PURE__ */ J({
+  ..._e,
   props: {
     isFixedLeft: {
       type: Boolean,
@@ -98,7 +98,7 @@ const xe = J({
       defaultOpeneds: $,
       openMenuCollapse: F,
       defaultOpenedsLevel: M
-    } = se(t), u = Se("side-menu"), r = ie(), O = de(), x = h(), a = b(() => ({
+    } = ie(t), u = Oe("side-menu"), r = de(), C = re(), x = h(), a = b(() => ({
       path: "path",
       children: "children",
       title: "title",
@@ -114,7 +114,7 @@ const xe = J({
       };
       return n(e), l;
     };
-    me(({
+    ve(({
       route: e
     }) => {
       !e || e.meta?.hideSide && !t.useRouterJump || (x.value = e.path);
@@ -148,7 +148,7 @@ const xe = J({
       const l = e[a.value.path], n = e[a.value.title], s = e?.[a.value.children], i = e?.[a.value.index], v = e?.[a.value.icon], T = !!e?.[a.value.disabled], R = t.disabledJudgeTurnOver ? !T : T, N = i || l || o + n;
       return s?.length ? y(
         // @ts-ignore
-        Me,
+        Se,
         {
           ...e,
           popperAppendToBody: !0,
@@ -160,18 +160,18 @@ const xe = J({
           popperClass: u.e("popper")
         },
         {
-          default: () => s?.map((c, ne) => {
-            const C = c[a.value.path], I = c[a.value.index], oe = c[a.value.icon], ae = c[a.value.title], W = !!c[a.value.disabled], ue = t.disabledJudgeTurnOver ? !W : W;
-            return c?.[a.value.children]?.length ? B(c, ne) : (
+          default: () => s?.map((c, oe) => {
+            const O = c[a.value.path], I = c[a.value.index], ae = c[a.value.icon], ue = c[a.value.title], V = !!c[a.value.disabled], se = t.disabledJudgeTurnOver ? !V : V;
+            return c?.[a.value.children]?.length ? B(c, oe) : (
               // @ts-ignore
               y(E, {
                 ...c,
-                key: I || C,
-                index: I || C,
-                route: C,
-                icon: oe,
-                title: ae,
-                disabled: t.openDisabled && ue
+                key: I || O,
+                index: I || O,
+                route: O,
+                icon: ae,
+                title: ue,
+                disabled: t.openDisabled && se
               }, r.menuItem ? () => r.menuItem?.({
                 item: c
               }) : "")
@@ -197,14 +197,14 @@ const xe = J({
         width: 0
       } : {},
       height: `calc(100% - ${t.menuTopBottomHeight}px)`
-    })), w = O.appContext.config.globalProperties.$router;
+    })), w = C.appContext.config.globalProperties.$router;
     async function X(e) {
       if (t.useRouterJump) {
         const {
           go: o
-        } = ve(w), l = e.route;
+        } = he(w), l = e.route;
         let n = e.route;
-        e.indexPath.some((i) => ge(i)) && (n = e.indexPath.slice(-2).join("/"));
+        e.indexPath.some((i) => be(i)) && (n = e.indexPath.slice(-2).join("/"));
         const s = w.getRoutes().filter((i) => i.path === n)?.[0]?.meta?.linkTarget;
         o(s ? {
           url: l,
@@ -215,32 +215,34 @@ const xe = J({
       }
       d("select", e);
     }
-    const S = h(), k = h(), A = h(), ee = b(() => ({
+    const S = h(), D = h(), k = h(), ee = b(() => ({
       ...t.collapseWidth === 0 && f.value ? {
         borderRight: "none"
       } : {},
       width: q(t.width),
       height: t.height
     }));
-    re(() => f.value, (e) => {
-      e ? d("update:width", t.collapseWidth) : d("update:width", A.value || t.width), A.value = t.width;
-    }), t.dragWidthCfg && Ce(S, k, O);
-    const te = b(() => ({
+    ce(() => f.value, (e) => {
+      te.value || (e ? d("update:width", t.collapseWidth) : d("update:width", k.value || t.width), k.value = t.width);
+    });
+    const {
+      isDraging: te
+    } = Ce(S, D, C), le = b(() => ({
       left: q(t.width)
-    })), le = b(() => [u.b(), t.isFixedLeft ? u.m("fixed") : ""]), D = h([]);
-    return ce(() => {
-      pe(() => {
+    })), ne = b(() => [u.b(), t.isFixedLeft ? u.m("fixed") : ""]), A = h([]);
+    return pe(() => {
+      fe(() => {
         if (t.dragOption?.dragClassName) {
           const e = document.querySelectorAll(`.${u.e(t.dragOption?.dragClassName)}`)?.[0], {
             initSortable: o
-          } = he(e, {
+          } = ge(e, {
             draggable: ".vft-menu-item",
             onEnd: (l) => {
               const {
                 oldIndex: n,
                 newIndex: s
               } = l;
-              V(n) || V(s) || n === s || d("dragEnd", n, s);
+              W(n) || W(s) || n === s || d("dragEnd", n, s);
             },
             ...t.dragOption
           });
@@ -253,46 +255,46 @@ const xe = J({
       menuRef: m
     }), () => {
       let e;
-      return M.value && (D.value = Z(t.menus, j(M.value) ? M.value : 1 / 0)), p("div", {
+      return M.value && (A.value = Z(t.menus, j(M.value) ? M.value : 1 / 0)), p("div", {
         ref: S,
-        class: le.value,
+        class: ne.value,
         style: ee.value
       }, [r.top ? p("div", {
         class: u.e("top")
-      }, [r.top()]) : null, y(p(ye, {
+      }, [r.top()]) : null, y(p(Me, {
         ref: m,
         onSelect: X,
         onOpen: z,
         onSubMenuClick: Y,
         defaultActive: H?.value || x.value,
-        defaultOpeneds: $?.value || D.value,
+        defaultOpeneds: $?.value || A.value,
         disableSubMenuAction: t.disableSubMenuAction,
         class: [u.e("con"), t.dragOption?.dragClassName ? u.e(t.dragOption?.dragClassName) : ""],
         style: Q.value,
         collapse: F.value ? f.value : !1,
         uniqueOpened: U.value,
         collapseTransition: !1
-      }, Oe(e = t.menus.map((o, l) => B(o, l))) ? e : {
+      }, xe(e = t.menus.map((o, l) => B(o, l))) ? e : {
         default: () => [e]
       })), r.bottom ? p("div", {
         class: u.e("bottom")
       }, [r.bottom()]) : t.showCollapse ? p("div", {
         onClick: () => d("update:collapse", !f.value),
         class: [u.e("bottom"), u.e("collapse")]
-      }, [p(be, {
+      }, [p(ye, {
         style: {
           transform: f.value ? "rotateY(180deg)" : ""
         },
         size: 20,
         icon: "icon-sidebar-collapse"
       }, null)]) : null, r.default?.(), t.dragWidthCfg ? p("div", {
-        ref: k,
-        style: te.value,
+        ref: D,
+        style: le.value,
         class: u.e("drag-bar")
       }, null) : null]);
     };
   }
 });
 export {
-  Je as default
+  Le as default
 };

package/es/components/side-menu/use-drag-line.d.ts

@@ -1,2 +1,4 @@
 import { type Ref } from 'vue';
-export declare function useDragLine(siderRef: Ref<any>, dragBarRef: Ref<any>, instance: any): {};
+export declare function useDragLine(siderRef: Ref<any>, dragBarRef: Ref<any>, instance: any): {
+    isDraging: Ref<boolean, boolean>;
+};

package/es/components/side-menu/use-drag-line.js

@@ -1,42 +1,53 @@
-import { useDebounceFn as W, useThrottleFn as g } from "@vft/use";
-import { onMounted as x, nextTick as w, unref as u } from "vue";
-function M(f, d, r) {
-  const l = r.props?.dragWidthCfg?.minWidth || 200;
-  x(() => {
-    w(() => {
-      W(a, 100)();
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import { ref as x, onMounted as v, nextTick as d, unref as r } from "vue";
+import "lodash-es";
+import "../form/index.js";
+import { useDebounceFn as w, useThrottleFn as T } from "@vft/use";
+function k(p, c, n) {
+  const i = x(!1), l = n.props?.dragWidthCfg?.minWidth || 200;
+  v(() => {
+    n.props?.dragWidthCfg && d(() => {
+      w(g, 100)();
     });
   });
-  function c(e) {
-    const n = u(e);
-    return n ? Reflect.has(n, "$el") ? u(e)?.$el : u(e) : null;
+  function f(t) {
+    const o = r(t);
+    return o ? Reflect.has(o, "$el") ? r(t)?.$el : r(t) : null;
   }
-  function m(e, n, i) {
-    document.onmousemove = function(o) {
-      let t = e.left + (o.clientX - i);
-      o = o || window.event;
-      const s = r.props?.dragWidthCfg?.maxWidth || 800, h = u(l);
-      return t <= h ? void 0 : (t < 0 && (t = 0), t > s && (t = s), e.style.left = t + "px", g(() => {
-        r.emit("update:width", t);
+  function a(t, o, s) {
+    document.onmousemove = function(u) {
+      let e = t.left + (u.clientX - s);
+      u = u || window.event;
+      const m = n.props?.dragWidthCfg?.maxWidth || 800, W = r(l);
+      return e <= W ? void 0 : (e < 0 && (e = 0), e > m && (e = m), t.style.left = e + "px", T(() => {
+        n.emit("update:width", e + "px");
       }, 150)(), !1);
     };
   }
-  function p(e) {
+  function h(t) {
     document.onmouseup = function() {
-      document.onmousemove = null, document.onmouseup = null, e.releaseCapture?.();
+      document.onmousemove = null, document.onmouseup = null, i.value = !0, d(() => {
+        n.emit("dragWidthEnd"), setTimeout(() => {
+          i.value = !1;
+        }, 1e3);
+      }), t.releaseCapture?.();
     };
   }
-  function a() {
-    const e = c(d);
-    if (!e) return;
-    const n = c(f);
-    n && (e.onmousedown = (i) => {
-      const o = i?.clientX;
-      return e.left = e.offsetLeft, m(e, n, o), p(e), e.setCapture?.(), !1;
+  function g() {
+    const t = f(c);
+    if (!t) return;
+    const o = f(p);
+    o && (t.onmousedown = (s) => {
+      const u = s?.clientX;
+      return t.left = t.offsetLeft, a(t, o, u), h(t), t.setCapture?.(), !1;
     });
   }
-  return {};
+  return {
+    isDraging: i
+  };
 }
 export {
-  M as useDragLine
+  k as useDragLine
 };

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.430",
+  "version": "0.0.431",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.430";
+const o = "0.0.431";
 export {
   o as version
 };

package/lib/components/menu/sub-menu.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("@vft/utils"),ee=require("../tooltip/index.cjs"),V=require("../icon/index.cjs"),te=require("../collapse-transition/index.cjs"),N=require("@vueuse/core"),R=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const x=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const oe=require("./use-menu.cjs"),ne=require("./use-menu-css-var.cjs"),ue=e.defineComponent({name:"vft-sub-menu",inheritAttrs:!1}),le=e.defineComponent({...ue,props:{index:{},showTimeout:{default:300},hideTimeout:{default:300},popperClass:{},disabled:{type:Boolean},popperOffset:{default:6},expandIcon:{},collapseIcon:{},title:{},icon:{},showArrow:{type:Boolean,default:!0},toolTipCfg:{},teleported:{type:Boolean,default:void 0}},emits:["mouseenter","mouseleave"],setup(o,{expose:D,emit:L}){const S=L,w=x.useNamespace("sub-menu"),d=e.getCurrentInstance(),{indexPath:f,parentMenu:q}=oe.default(d,e.computed(()=>o.index)),a=x.useNamespace("menu"),l=x.useNamespace("sub-menu"),t=e.inject("rootMenu");t||R.throwError(w.b(),"can not inject root menu");const r=e.inject(`subMenu:${q.value.uid}`);r||R.throwError(w.b(),"can not inject sub menu");const C=e.ref({});let M;const y=e.ref(!1),H=e.ref(),I=e.ref(null),k=e.computed(()=>c.value==="horizontal"&&b.value?"bottom-start":"right-start"),b=e.computed(()=>r.level===0),g=e.computed(()=>o.teleported===void 0?b.value:o.teleported),U=e.computed(()=>t.props.collapse?`${a.namespace.value}-zoom-in-left`:`${a.namespace.value}-zoom-in-top`),Z=e.computed(()=>c.value==="horizontal"&&b.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"]),i=e.computed(()=>t.openedMenus.includes(o.index)),p=e.computed(()=>{let n=!1;return Object.values(C.value).forEach(s=>{s.active&&(n=!0)}),o.index===t.activeIndex&&(n=!0),n}),z=e.computed(()=>t.props.backgroundColor||""),E=e.computed(()=>t.props.activeTextColor||""),A=e.computed(()=>t.props.textColor||""),c=e.computed(()=>t.props.mode),G=e.computed(()=>t.props.persistent),h=e.reactive({index:o.index,indexPath:f,active:p}),j=ne.useMenuCssVar(t.props,r.level+1),P=e.computed(()=>c.value!=="horizontal"?{color:A.value}:{borderBottomColor:p.value?t.props.activeTextColor?E.value:"":"transparent",color:p.value?E.value:A.value}),J=()=>I.value?.popperRef?.popperInstanceRef?.destroy(),K=n=>{n||J()},$=n=>{const s={e:n,index:o.index,indexPath:f.value,active:p.value};if(t.props.menuTrigger==="hover"&&t.props.mode==="horizontal"&&!m.isMobile()||t.props.collapse&&t.props.mode==="vertical"||o.disabled){t.handleSubMenuClick({...s,isFirstLevel:!0});return}t.handleSubMenuClick(s)},v=(n,s=o.showTimeout)=>{n.type!=="focus"&&(t.props.menuTrigger==="click"&&t.props.mode==="horizontal"||!t.props.collapse&&t.props.mode==="vertical"||o.disabled||(r.mouseInChild.value=!0,M?.(),{stop:M}=N.useTimeoutFn(()=>{t.openMenu(o.index,f.value)},s),g.value&&q.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")),S("mouseenter",n)))},Q=()=>{t.inSubMenuMouseEnterTimer&&clearTimeout(t.inSubMenuMouseEnterTimer),t.inSubMenuMouseleaveTimer&&clearTimeout(t.inSubMenuMouseleaveTimer),t.inSubMenuMouseEnterTimer=setTimeout(()=>{t.inSubMenu=!0},o.showTimeout+10)},W=()=>{t.inSubMenuMouseEnterTimer&&clearTimeout(t.inSubMenuMouseEnterTimer),t.inSubMenuMouseleaveTimer&&clearTimeout(t.inSubMenuMouseleaveTimer),t.inSubMenuMouseleaveTimer=setTimeout(()=>{t.inSubMenu=!1},o.hideTimeout-10)},T=(n,s=!1)=>{t.props.menuTrigger==="click"&&t.props.mode==="horizontal"||!t.props.collapse&&t.props.mode==="vertical"||(M?.(),r.mouseInChild.value=!1,{stop:M}=N.useTimeoutFn(()=>{!y.value&&t.closeMenu(o.index,f.value)},o.hideTimeout),g.value&&s&&d.parent?.type.name==="vft-sub-menu"&&r.handleMouseleave?.(n,!0),S("mouseleave",n))};e.watch(()=>t.props.collapse,n=>K(!!n));{const n=u=>{C.value[u.index]=u},s=u=>{delete C.value[u.index]};e.provide(`subMenu:${d.uid}`,{addSubMenu:n,removeSubMenu:s,handleMouseleave:T,mouseInChild:y,level:r.level+1})}D({opened:i}),e.onMounted(()=>{t.addSubMenu(h),r.addSubMenu(h)}),e.onBeforeUnmount(()=>{r.removeSubMenu(h),t.removeSubMenu(h)});const B=e.useSlots(),F=e.computed(()=>m.singleAttrToObj(o.icon,"icon")),X=e.computed(()=>m.singleAttrToObj(o.expandIcon,"icon")),Y=e.computed(()=>m.singleAttrToObj(o.collapseIcon,"icon")),_=e.computed(()=>c.value==="horizontal"&&b.value||c.value==="vertical"&&!t.props.collapse?{icon:"icon-arrow-down",size:20,...X.value}:{icon:"icon-arrow-right",size:18,...Y.value}),O=e.computed(()=>m.renderTNode(d,"title"));return()=>{const n=[F.value?.icon?e.h(V.VftIcon,{...F.value}):null,e.h("span",{class:[l.e("text"),l.is("arrow",o.showArrow)],title:d.props.title},O.value),o.showArrow?e.h(V.VftIcon,{class:l.e("icon-arrow"),..._.value,style:{transform:i.value?"rotateZ(180deg)":"none"}}):!1],s=t.isMenuPopup?e.h(ee.VftTooltip,{ref:I,visible:i.value,effect:"light",pure:!0,offset:o.popperOffset,showArrow:!1,persistent:G.value,popperClass:o.popperClass,placement:k.value,teleported:g.value,fallbackPlacements:Z.value,transition:U.value,gpuAcceleration:!1,...o.toolTipCfg},{content:()=>e.h("div",{class:[a.m(c.value),a.m("popup-container"),o.popperClass],onMouseenter:u=>v(u,100),onMouseleave:u=>T(u,!0),onFocus:u=>v(u,100)},[e.h("ul",{class:[a.b(),a.m("popup"),a.m(`popup-${k.value}`)],style:j.value},[B.default?.()])]),default:()=>e.h("div",{class:l.e("title"),style:[P.value,{backgroundColor:z.value}],onMouseenter:u=>v(u),onMouseleave:u=>T(u,!0),onClick:u=>$(u)},n)}):e.h(e.Fragment,{},[O.value?e.h("div",{class:l.e("title"),style:[P.value,{backgroundColor:z.value}],ref:H,onClick:$},n):null,e.h(te.VftCollapseTransition,{},{default:()=>e.withDirectives(e.h("ul",{role:"menu",class:[a.b(),a.m("inline")],style:j.value},[B.default?.()]),[[e.vShow,i.value]])})]);return e.h("li",{class:[l.b(),l.is("active",p.value),l.e(String(r.level)),l.is("in-popup",r.level!==0),l.is("opened",i.value),l.is("arrow",!0),l.is("disabled",o.disabled)],role:"menuitem",ariaHaspopup:!0,ariaExpanded:i.value,onMouseenter:[Q,u=>v(u)],onMouseleave:[W,u=>T(u,!0)],onFocus:v},[s])}}});exports.default=le;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("@vft/utils"),ee=require("../tooltip/index.cjs"),V=require("../icon/index.cjs"),te=require("../collapse-transition/index.cjs"),N=require("@vueuse/core"),R=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const x=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const oe=require("./use-menu.cjs"),ne=require("./use-menu-css-var.cjs"),ue=e.defineComponent({name:"vft-sub-menu",inheritAttrs:!1}),le=e.defineComponent({...ue,props:{index:{},showTimeout:{default:300},hideTimeout:{default:300},popperClass:{},disabled:{type:Boolean},popperOffset:{default:6},expandIcon:{},collapseIcon:{},title:{},icon:{},showArrow:{type:Boolean,default:!0},toolTipCfg:{},teleported:{type:Boolean,default:void 0}},emits:["mouseenter","mouseleave"],setup(o,{expose:D,emit:L}){const S=L,w=x.useNamespace("sub-menu"),d=e.getCurrentInstance(),{indexPath:f,parentMenu:q}=oe.default(d,e.computed(()=>o.index)),a=x.useNamespace("menu"),l=x.useNamespace("sub-menu"),t=e.inject("rootMenu");t||R.throwError(w.b(),"can not inject root menu");const r=e.inject(`subMenu:${q.value.uid}`);r||R.throwError(w.b(),"can not inject sub menu");const C=e.ref({});let M;const y=e.ref(!1),H=e.ref(),I=e.ref(null),k=e.computed(()=>c.value==="horizontal"&&b.value?"bottom-start":"right-start"),b=e.computed(()=>r.level===0),g=e.computed(()=>o.teleported===void 0?b.value:o.teleported),U=e.computed(()=>t.props.collapse?`${a.namespace.value}-zoom-in-left`:`${a.namespace.value}-zoom-in-top`),Z=e.computed(()=>c.value==="horizontal"&&b.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"]),i=e.computed(()=>t.openedMenus.includes(o.index)),p=e.computed(()=>{let n=!1;return Object.values(C.value).forEach(s=>{s.active&&(n=!0)}),o.index===t.activeIndex&&(n=!0),n}),z=e.computed(()=>t.props.backgroundColor||""),E=e.computed(()=>t.props.activeTextColor||""),A=e.computed(()=>t.props.textColor||""),c=e.computed(()=>t.props.mode),G=e.computed(()=>t.props.persistent),h=e.reactive({index:o.index,indexPath:f,active:p}),j=ne.useMenuCssVar(t.props,r.level+1),P=e.computed(()=>c.value!=="horizontal"?{color:A.value}:{borderBottomColor:p.value?t.props.activeTextColor?E.value:"":"transparent",color:p.value?E.value:A.value}),J=()=>I.value?.popperRef?.popperInstanceRef?.destroy(),K=n=>{n||J()},$=n=>{const s={e:n,index:o.index,indexPath:f.value,active:p.value};if(t.props.menuTrigger==="hover"&&t.props.mode==="horizontal"&&!m.isMobile()||t.props.collapse&&t.props.mode==="vertical"||o.disabled){t.handleSubMenuClick({...s,isFirstLevel:!0});return}t.handleSubMenuClick(s)},v=(n,s=o.showTimeout)=>{n.type!=="focus"&&(t.props.menuTrigger==="click"&&t.props.mode==="horizontal"||!t.props.collapse&&t.props.mode==="vertical"||o.disabled||(r.mouseInChild.value=!0,M?.(),{stop:M}=N.useTimeoutFn(()=>{t.openMenu(o.index,f.value)},s),g.value&&q.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")),S("mouseenter",n)))},Q=()=>{t.inSubMenuMouseEnterTimer&&clearTimeout(t.inSubMenuMouseEnterTimer),t.inSubMenuMouseleaveTimer&&clearTimeout(t.inSubMenuMouseleaveTimer),t.inSubMenuMouseEnterTimer=setTimeout(()=>{t.inSubMenu=!0},o.showTimeout+10)},W=()=>{t.inSubMenuMouseEnterTimer&&clearTimeout(t.inSubMenuMouseEnterTimer),t.inSubMenuMouseleaveTimer&&clearTimeout(t.inSubMenuMouseleaveTimer),t.inSubMenuMouseleaveTimer=setTimeout(()=>{t.inSubMenu=!1},o.hideTimeout-10)},T=(n,s=!1)=>{t.props.menuTrigger==="click"&&t.props.mode==="horizontal"||!t.props.collapse&&t.props.mode==="vertical"||(M?.(),r.mouseInChild.value=!1,{stop:M}=N.useTimeoutFn(()=>{!y.value&&t.closeMenu(o.index,f.value)},o.hideTimeout),g.value&&s&&d.parent?.type.name==="vft-sub-menu"&&r.handleMouseleave?.(n,!0),S("mouseleave",n))};e.watch(()=>t.props.collapse,n=>K(!!n));{const n=u=>{C.value[u.index]=u},s=u=>{delete C.value[u.index]};e.provide(`subMenu:${d.uid}`,{addSubMenu:n,removeSubMenu:s,handleMouseleave:T,mouseInChild:y,level:r.level+1})}D({opened:i}),e.onMounted(()=>{t.addSubMenu(h),r.addSubMenu(h)}),e.onBeforeUnmount(()=>{r.removeSubMenu(h),t.removeSubMenu(h)});const B=e.useSlots(),F=e.computed(()=>m.singleAttrToObj(o.icon,"icon")),X=e.computed(()=>m.singleAttrToObj(o.expandIcon,"icon")),Y=e.computed(()=>m.singleAttrToObj(o.collapseIcon,"icon")),_=e.computed(()=>c.value==="horizontal"&&b.value||c.value==="vertical"&&!t.props.collapse?{icon:"icon-arrow-down",size:20,...X.value}:{icon:"icon-arrow-right",size:18,...Y.value}),O=e.computed(()=>m.renderTNode(d,"title"));return()=>{const n=[F.value?.icon?e.h(V.VftIcon,{...F.value}):null,e.h("span",{class:[l.e("text"),l.is("arrow",o.showArrow)],title:d.props.title},O.value),o.showArrow?e.h(V.VftIcon,{class:l.e("icon-arrow"),..._.value,style:{transform:i.value?"rotateZ(180deg)":"none"}}):!1],s=t.isMenuPopup?e.h(ee.VftTooltip,{ref:I,visible:i.value,effect:"light",pure:!0,offset:o.popperOffset,showArrow:!1,persistent:G.value,popperClass:o.popperClass,placement:k.value,teleported:g.value,fallbackPlacements:Z.value,transition:U.value,gpuAcceleration:!1,...o.toolTipCfg},{content:()=>e.h("div",{class:[a.m(c.value),a.m("popup-container"),o.popperClass],onMouseenter:u=>v(u,100),onMouseleave:u=>T(u,!0),onFocus:u=>v(u,100)},[e.h("div",{class:[a.b(),a.m("popup"),a.m(`popup-${k.value}`)],style:j.value},[e.h("ul",{class:a.m("popup-ul-list")},B.default?.())])]),default:()=>e.h("div",{class:l.e("title"),style:[P.value,{backgroundColor:z.value}],onMouseenter:u=>v(u),onMouseleave:u=>T(u,!0),onClick:u=>$(u)},n)}):e.h(e.Fragment,{},[O.value?e.h("div",{class:l.e("title"),style:[P.value,{backgroundColor:z.value}],ref:H,onClick:$},n):null,e.h(te.VftCollapseTransition,{},{default:()=>e.withDirectives(e.h("ul",{role:"menu",class:[a.b(),a.m("inline")],style:j.value},[B.default?.()]),[[e.vShow,i.value]])})]);return e.h("li",{class:[l.b(),l.is("active",p.value),l.e(String(r.level)),l.is("in-popup",r.level!==0),l.is("opened",i.value),l.is("arrow",!0),l.is("disabled",o.disabled)],role:"menuitem",ariaHaspopup:!0,ariaExpanded:i.value,onMouseenter:[Q,u=>v(u)],onMouseleave:[W,u=>T(u,!0)],onFocus:v},[s])}}});exports.default=le;

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

@@ -1,4 +1,4 @@
-import Sortable from 'sortablejs';
+import type { SortableEvent } from 'sortablejs';
 import type { MenuSelectEventData, SideMenuProps } from './types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SideMenuProps>, {
     isFixedLeft: boolean;
@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, {}, {}, {}, 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: MenuSelectEventData) => void;
     subMenuClick: (val: any) => void;
@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onSelect?: ((val: MenuSelectEventData) => 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;
     onSubMenuOpenClick?: ((val: any) => any) | undefined;

package/lib/components/side-menu/side-menu.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),R=require("@vft/router"),le=require("@vft/use/sortable"),g=require("@vft/utils");require("@vueuse/core");const I=require("../../utils/helper.cjs");require("lodash-es");require("../form/index.cjs");const oe=require("../icon/index.cjs"),b=require("../menu/index.cjs"),ue=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ae=require("./use-drag-line.cjs");function se(m){return typeof m=="function"||Object.prototype.toString.call(m)==="[object Object]"&&!n.isVNode(m)}const ie=n.defineComponent({name:"vft-side-menu"}),de=n.defineComponent({...ie,props:{isFixedLeft:{type:Boolean,default:!1},menus:{},width:{default:200},height:{default:"100%"},collapseWidth:{default:50},attrMapping:{},menuTopBottomHeight:{default:0},showCollapse:{type:Boolean,default:!1},dragOption:{},dragWidthCfg:{type:[Boolean,Object],default:!1},useRouterJump:{type:Boolean,default:!1},openDisabled:{type:Boolean},autoScrollActiveDom:{type:[Boolean,Number],default:!0},openMenuCollapse:{type:Boolean,default:!0},collapse:{type:Boolean,default:!1},uniqueOpened:{type:Boolean,default:!0},disabledJudgeTurnOver:{type:Boolean,default:!1},defaultActive:{},defaultOpeneds:{},defaultOpenedsLevel:{type:[Number,Boolean],default:!1},disableSubMenuAction:{type:Boolean,default:!1}},emits:["update:collapse","update:width","dragEnd","dragWidthEnd","select","subMenuClick","subMenuOpenClick","menuItemMouseenter","menuItemMouseleave"],setup(m,{expose:W,emit:j}){const t=m,r=j,{defaultActive:L,collapse:f,uniqueOpened:E,defaultOpeneds:J,openMenuCollapse:P,defaultOpenedsLevel:y}=n.toRefs(t),s=ue.useNamespace("side-menu"),c=n.useSlots(),O=n.getCurrentInstance(),C=n.ref(),a=n.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",disabled:"disabled",...t.attrMapping})),U=(e,u=1/0)=>{const l=[],o=(i,d=0)=>{d>=u||i.forEach(h=>{h[a.value.children]?.length&&(l.push(h[a.value.index]),o(h[a.value.children],d+1))})};return o(e),l};R.listenerRouteChange(({route:e})=>{!e||e.meta?.hideSide&&!t.useRouterJump||(C.value=e.path)});const $=e=>{const u=e.e;if(t.autoScrollActiveDom&&u){const l=g.isNumber(t.autoScrollActiveDom)?t.autoScrollActiveDom:0,o=u.target;x({activeDom:o,offset:l})}r("subMenuOpenClick",e)},H=e=>{r("subMenuClick",e)},x=({activeDom:e=null,offset:u=0,delay:l=300}={})=>{v.value?.menu&&setTimeout(()=>{const o=e||document.querySelector(".vft-menu-item.is-active")||document.querySelector(".vft-sub-menu.is-active");o&&(v.value.menu.scrollTop=v.value.menu.scrollTop+(o.getBoundingClientRect().top-v.value.menu.getBoundingClientRect().top)+u)},l)},F=e=>{r("menuItemMouseenter",e)},Z=e=>{r("menuItemMouseleave",e)},_=(e,u)=>{const l=e[a.value.path],o=e[a.value.title],i=e?.[a.value.children],d=e?.[a.value.index],h=e?.[a.value.icon],D=!!e?.[a.value.disabled],T=t.disabledJudgeTurnOver?!D:D,k=d||l||u+o;return i?.length?n.h(b.VftSubMenu,{...e,popperAppendToBody:!0,key:k,index:k,title:o,icon:h,disabled:t.openDisabled&&T,popperClass:s.e("popper")},{default:()=>i?.map((p,X)=>{const S=p[a.value.path],A=p[a.value.index],ee=p[a.value.icon],te=p[a.value.title],V=!!p[a.value.disabled],ne=t.disabledJudgeTurnOver?!V:V;return p?.[a.value.children]?.length?_(p,X):n.h(b.VftMenuItem,{...p,key:A||S,index:A||S,route:S,icon:ee,title:te,disabled:t.openDisabled&&ne},c.menuItem?()=>c.menuItem?.({item:p}):"")})}):n.h(b.VftMenuItem,{...e,key:d||l,index:d||l,title:o,route:l,icon:h,disabled:t.openDisabled&&T,onMouseenter:()=>F(e),onMouseleave:()=>Z(e)},c.menuItem?()=>c.menuItem?.({item:e,index:u}):"")},v=n.ref(),z=n.computed(()=>({...t.collapseWidth===0&&f.value?{width:0}:{},height:`calc(100% - ${t.menuTopBottomHeight}px)`})),q=O.appContext.config.globalProperties.$router;async function Y(e){if(t.useRouterJump){const{go:u}=R.useRouterHelper(q),l=e.route;let o=e.route;e.indexPath.some(d=>g.isUrl(d))&&(o=e.indexPath.slice(-2).join("/"));const i=q.getRoutes().filter(d=>d.path===o)?.[0]?.meta?.linkTarget;u(i?{url:l,winOpenOpt:{target:i}}:l)}r("select",e)}const M=n.ref(),N=n.ref(),B=n.ref(),G=n.computed(()=>({...t.collapseWidth===0&&f.value?{borderRight:"none"}:{},width:I.addUnit(t.width),height:t.height}));n.watch(()=>f.value,e=>{e?r("update:width",t.collapseWidth):r("update:width",B.value||t.width),B.value=t.width}),t.dragWidthCfg&&ae.useDragLine(M,N,O);const K=n.computed(()=>({left:I.addUnit(t.width)})),Q=n.computed(()=>[s.b(),t.isFixedLeft?s.m("fixed"):""]),w=n.ref([]);return n.onMounted(()=>{n.nextTick(()=>{if(t.dragOption?.dragClassName){const e=document.querySelectorAll(`.${s.e(t.dragOption?.dragClassName)}`)?.[0],{initSortable:u}=le.useSortable(e,{draggable:".vft-menu-item",onEnd:l=>{const{oldIndex:o,newIndex:i}=l;g.isNullOrUndefined(o)||g.isNullOrUndefined(i)||o===i||r("dragEnd",o,i)},...t.dragOption});u()}})}),W({sideRef:M,jumpActiveDom:x,menuRef:v}),()=>{let e;return y.value&&(w.value=U(t.menus,g.isNumber(y.value)?y.value:1/0)),n.createVNode("div",{ref:M,class:Q.value,style:G.value},[c.top?n.createVNode("div",{class:s.e("top")},[c.top()]):null,n.h(n.createVNode(b.VftMenu,{ref:v,onSelect:Y,onOpen:$,onSubMenuClick:H,defaultActive:L?.value||C.value,defaultOpeneds:J?.value||w.value,disableSubMenuAction:t.disableSubMenuAction,class:[s.e("con"),t.dragOption?.dragClassName?s.e(t.dragOption?.dragClassName):""],style:z.value,collapse:P.value?f.value:!1,uniqueOpened:E.value,collapseTransition:!1},se(e=t.menus.map((u,l)=>_(u,l)))?e:{default:()=>[e]})),c.bottom?n.createVNode("div",{class:s.e("bottom")},[c.bottom()]):t.showCollapse?n.createVNode("div",{onClick:()=>r("update:collapse",!f.value),class:[s.e("bottom"),s.e("collapse")]},[n.createVNode(oe.VftIcon,{style:{transform:f.value?"rotateY(180deg)":""},size:20,icon:"icon-sidebar-collapse"},null)]):null,c.default?.(),t.dragWidthCfg?n.createVNode("div",{ref:N,style:K.value,class:s.e("drag-bar")},null):null])}}});exports.default=de;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),R=require("@vft/router"),oe=require("@vft/use/sortable"),g=require("@vft/utils");require("@vueuse/core");const I=require("../../utils/helper.cjs");require("lodash-es");require("../form/index.cjs");const ue=require("../icon/index.cjs"),b=require("../menu/index.cjs"),ae=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const se=require("./use-drag-line.cjs");function ie(h){return typeof h=="function"||Object.prototype.toString.call(h)==="[object Object]"&&!n.isVNode(h)}const de=n.defineComponent({name:"vft-side-menu"}),re=n.defineComponent({...de,props:{isFixedLeft:{type:Boolean,default:!1},menus:{},width:{default:200},height:{default:"100%"},collapseWidth:{default:50},attrMapping:{},menuTopBottomHeight:{default:0},showCollapse:{type:Boolean,default:!1},dragOption:{},dragWidthCfg:{type:[Boolean,Object],default:!1},useRouterJump:{type:Boolean,default:!1},openDisabled:{type:Boolean},autoScrollActiveDom:{type:[Boolean,Number],default:!0},openMenuCollapse:{type:Boolean,default:!0},collapse:{type:Boolean,default:!1},uniqueOpened:{type:Boolean,default:!0},disabledJudgeTurnOver:{type:Boolean,default:!1},defaultActive:{},defaultOpeneds:{},defaultOpenedsLevel:{type:[Number,Boolean],default:!1},disableSubMenuAction:{type:Boolean,default:!1}},emits:["update:collapse","update:width","dragEnd","dragWidthEnd","select","subMenuClick","subMenuOpenClick","menuItemMouseenter","menuItemMouseleave"],setup(h,{expose:W,emit:j}){const t=h,r=j,{defaultActive:L,collapse:f,uniqueOpened:E,defaultOpeneds:J,openMenuCollapse:P,defaultOpenedsLevel:y}=n.toRefs(t),s=ae.useNamespace("side-menu"),c=n.useSlots(),O=n.getCurrentInstance(),C=n.ref(),a=n.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",disabled:"disabled",...t.attrMapping})),U=(e,u=1/0)=>{const l=[],o=(i,d=0)=>{d>=u||i.forEach(m=>{m[a.value.children]?.length&&(l.push(m[a.value.index]),o(m[a.value.children],d+1))})};return o(e),l};R.listenerRouteChange(({route:e})=>{!e||e.meta?.hideSide&&!t.useRouterJump||(C.value=e.path)});const $=e=>{const u=e.e;if(t.autoScrollActiveDom&&u){const l=g.isNumber(t.autoScrollActiveDom)?t.autoScrollActiveDom:0,o=u.target;x({activeDom:o,offset:l})}r("subMenuOpenClick",e)},H=e=>{r("subMenuClick",e)},x=({activeDom:e=null,offset:u=0,delay:l=300}={})=>{v.value?.menu&&setTimeout(()=>{const o=e||document.querySelector(".vft-menu-item.is-active")||document.querySelector(".vft-sub-menu.is-active");o&&(v.value.menu.scrollTop=v.value.menu.scrollTop+(o.getBoundingClientRect().top-v.value.menu.getBoundingClientRect().top)+u)},l)},F=e=>{r("menuItemMouseenter",e)},Z=e=>{r("menuItemMouseleave",e)},_=(e,u)=>{const l=e[a.value.path],o=e[a.value.title],i=e?.[a.value.children],d=e?.[a.value.index],m=e?.[a.value.icon],D=!!e?.[a.value.disabled],T=t.disabledJudgeTurnOver?!D:D,k=d||l||u+o;return i?.length?n.h(b.VftSubMenu,{...e,popperAppendToBody:!0,key:k,index:k,title:o,icon:m,disabled:t.openDisabled&&T,popperClass:s.e("popper")},{default:()=>i?.map((p,ee)=>{const S=p[a.value.path],A=p[a.value.index],te=p[a.value.icon],ne=p[a.value.title],V=!!p[a.value.disabled],le=t.disabledJudgeTurnOver?!V:V;return p?.[a.value.children]?.length?_(p,ee):n.h(b.VftMenuItem,{...p,key:A||S,index:A||S,route:S,icon:te,title:ne,disabled:t.openDisabled&&le},c.menuItem?()=>c.menuItem?.({item:p}):"")})}):n.h(b.VftMenuItem,{...e,key:d||l,index:d||l,title:o,route:l,icon:m,disabled:t.openDisabled&&T,onMouseenter:()=>F(e),onMouseleave:()=>Z(e)},c.menuItem?()=>c.menuItem?.({item:e,index:u}):"")},v=n.ref(),z=n.computed(()=>({...t.collapseWidth===0&&f.value?{width:0}:{},height:`calc(100% - ${t.menuTopBottomHeight}px)`})),q=O.appContext.config.globalProperties.$router;async function Y(e){if(t.useRouterJump){const{go:u}=R.useRouterHelper(q),l=e.route;let o=e.route;e.indexPath.some(d=>g.isUrl(d))&&(o=e.indexPath.slice(-2).join("/"));const i=q.getRoutes().filter(d=>d.path===o)?.[0]?.meta?.linkTarget;u(i?{url:l,winOpenOpt:{target:i}}:l)}r("select",e)}const M=n.ref(),N=n.ref(),B=n.ref(),G=n.computed(()=>({...t.collapseWidth===0&&f.value?{borderRight:"none"}:{},width:I.addUnit(t.width),height:t.height}));n.watch(()=>f.value,e=>{K.value||(e?r("update:width",t.collapseWidth):r("update:width",B.value||t.width),B.value=t.width)});const{isDraging:K}=se.useDragLine(M,N,O),Q=n.computed(()=>({left:I.addUnit(t.width)})),X=n.computed(()=>[s.b(),t.isFixedLeft?s.m("fixed"):""]),w=n.ref([]);return n.onMounted(()=>{n.nextTick(()=>{if(t.dragOption?.dragClassName){const e=document.querySelectorAll(`.${s.e(t.dragOption?.dragClassName)}`)?.[0],{initSortable:u}=oe.useSortable(e,{draggable:".vft-menu-item",onEnd:l=>{const{oldIndex:o,newIndex:i}=l;g.isNullOrUndefined(o)||g.isNullOrUndefined(i)||o===i||r("dragEnd",o,i)},...t.dragOption});u()}})}),W({sideRef:M,jumpActiveDom:x,menuRef:v}),()=>{let e;return y.value&&(w.value=U(t.menus,g.isNumber(y.value)?y.value:1/0)),n.createVNode("div",{ref:M,class:X.value,style:G.value},[c.top?n.createVNode("div",{class:s.e("top")},[c.top()]):null,n.h(n.createVNode(b.VftMenu,{ref:v,onSelect:Y,onOpen:$,onSubMenuClick:H,defaultActive:L?.value||C.value,defaultOpeneds:J?.value||w.value,disableSubMenuAction:t.disableSubMenuAction,class:[s.e("con"),t.dragOption?.dragClassName?s.e(t.dragOption?.dragClassName):""],style:z.value,collapse:P.value?f.value:!1,uniqueOpened:E.value,collapseTransition:!1},ie(e=t.menus.map((u,l)=>_(u,l)))?e:{default:()=>[e]})),c.bottom?n.createVNode("div",{class:s.e("bottom")},[c.bottom()]):t.showCollapse?n.createVNode("div",{onClick:()=>r("update:collapse",!f.value),class:[s.e("bottom"),s.e("collapse")]},[n.createVNode(ue.VftIcon,{style:{transform:f.value?"rotateY(180deg)":""},size:20,icon:"icon-sidebar-collapse"},null)]):null,c.default?.(),t.dragWidthCfg?n.createVNode("div",{ref:N,style:Q.value,class:s.e("drag-bar")},null):null])}}});exports.default=re;

package/lib/components/side-menu/use-drag-line.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@vft/use"),u=require("vue");function W(l,d,r){const a=r.props?.dragWidthCfg?.minWidth||200;u.onMounted(()=>{u.nextTick(()=>{f.useDebounceFn(h,100)()})});function s(e){const n=u.unref(e);return n?Reflect.has(n,"$el")?u.unref(e)?.$el:u.unref(e):null}function m(e,n,i){document.onmousemove=function(o){let t=e.left+(o.clientX-i);o=o||window.event;const c=r.props?.dragWidthCfg?.maxWidth||800,g=u.unref(a);return t<=g?void 0:(t<0&&(t=0),t>c&&(t=c),e.style.left=t+"px",f.useThrottleFn(()=>{r.emit("update:width",t)},150)(),!1)}}function p(e){document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null,e.releaseCapture?.()}}function h(){const e=s(d);if(!e)return;const n=s(l);n&&(e.onmousedown=i=>{const o=i?.clientX;return e.left=e.offsetLeft,m(e,n,o),p(e),e.setCapture?.(),!1})}return{}}exports.useDragLine=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const t=require("vue");require("lodash-es");require("../form/index.cjs");const d=require("@vft/use");function v(l,a,r){const i=t.ref(!1),m=r.props?.dragWidthCfg?.minWidth||200;t.onMounted(()=>{r.props?.dragWidthCfg&&t.nextTick(()=>{d.useDebounceFn(h,100)()})});function c(e){const n=t.unref(e);return n?Reflect.has(n,"$el")?t.unref(e)?.$el:t.unref(e):null}function p(e,n,s){document.onmousemove=function(o){let u=e.left+(o.clientX-s);o=o||window.event;const f=r.props?.dragWidthCfg?.maxWidth||800,W=t.unref(m);return u<=W?void 0:(u<0&&(u=0),u>f&&(u=f),e.style.left=u+"px",d.useThrottleFn(()=>{r.emit("update:width",u+"px")},150)(),!1)}}function g(e){document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null,i.value=!0,t.nextTick(()=>{r.emit("dragWidthEnd"),setTimeout(()=>{i.value=!1},1e3)}),e.releaseCapture?.()}}function h(){const e=c(a);if(!e)return;const n=c(l);n&&(e.onmousedown=s=>{const o=s?.clientX;return e.left=e.offsetLeft,p(e,n,o),g(e),e.setCapture?.(),!1})}return{isDraging:i}}exports.useDragLine=v;

package/lib/components/side-menu/use-drag-line.d.ts

@@ -1,2 +1,4 @@
 import { type Ref } from 'vue';
-export declare function useDragLine(siderRef: Ref<any>, dragBarRef: Ref<any>, instance: any): {};
+export declare function useDragLine(siderRef: Ref<any>, dragBarRef: Ref<any>, instance: any): {
+    isDraging: Ref<boolean, boolean>;
+};

package/lib/package.json.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.430";exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.431";exports.version=e;