vft 0.0.429 → 0.0.431

package/es/components/search/search.vue2.js

@@ -47,30 +47,30 @@ const re = g({
     inputStyle: { type: [Boolean, null, String, Object, Array] }
   },
   emits: ["update:modelValue", "blur", "focus", "clear", "enter", "prefixClick", "suffixClick", "mouseenter", "mouseleave", "keydown", "change", "input", "compositionstart", "compositionupdate", "compositionend"],
-  setup(t, { expose: P, emit: R }) {
-    const f = le("search"), o = R, y = a(), C = a(), c = a(), p = a(!1), m = a(!1), n = a(!1), S = u(
+  setup(o, { expose: x, emit: P }) {
+    const f = le("search"), t = P, y = a(), C = a(), c = a(), p = a(!1), m = a(!1), n = a(!1), R = u(
       () => b(
         {
-          width: t.activeWidth && (n.value || t.modelValue) ? d(t.activeWidth) : d(t.width)
+          width: o.activeWidth && (n.value || o.modelValue) ? d(o.activeWidth) : d(o.width)
         },
         "input"
       )
-    ), $ = u(
+    ), S = u(
       () => b(
         {
-          "active-width": t.activeWidth ? d(t.activeWidth) : d(t.width)
+          "active-width": o.activeWidth ? d(o.activeWidth) : d(o.width)
         },
         "search"
       )
-    ), x = u(() => ({
+    ), $ = u(() => ({
       "show-arrow": !1,
       transition: "vft-zoom-in-top",
       placement: "bottom-start",
       offset: 3,
       width: 500,
-      ...t.popoverCfg
+      ...o.popoverCfg
     })), E = (e) => {
-      o("update:modelValue", e), o("input", e);
+      t("update:modelValue", e), t("input", e);
     }, W = () => {
       v();
     };
@@ -81,46 +81,46 @@ const re = g({
       n.value = !1;
     }
     const I = () => {
-      o("clear"), s(!1);
+      t("clear"), s(!1);
     };
     function M() {
-      m.value = !0, o("mouseenter", t.modelValue);
+      m.value = !0, t("mouseenter", o.modelValue);
     }
     function U() {
-      m.value = !1, o("mouseleave", t.modelValue);
+      m.value = !1, t("mouseleave", o.modelValue);
     }
     const F = () => {
-      n.value = !0, p.value = !0, o("focus");
+      n.value = !0, p.value = !0, t("focus");
     };
     function N() {
-      p.value = !1, o("blur");
+      p.value = !1, t("blur");
     }
     function O() {
-      s(), o("prefixClick", t.modelValue);
+      s(), t("prefixClick", o.modelValue);
     }
     function j() {
-      s(), o("suffixClick", t.modelValue);
+      s(), t("suffixClick", o.modelValue);
     }
     function A() {
-      s(), o("enter", t.modelValue);
+      s(), t("enter", o.modelValue);
     }
     function s(e = !0) {
-      t.usePopover && v(), e && c.value.blur();
+      o.usePopover && v(), e && c.value.blur();
     }
     const D = (e) => {
-      o("keydown", e);
+      t("keydown", e);
     }, K = u(() => y.value?.popperRef?.contentRef), L = (e) => {
-      o("update:modelValue", e);
+      t("update:modelValue", e);
     }, H = (e) => {
-      o("change", e);
+      t("change", e);
     }, q = (e) => {
-      o("compositionstart", e);
+      t("compositionstart", e);
     }, G = (e) => {
-      o("compositionupdate", e);
+      t("compositionupdate", e);
     }, J = (e) => {
-      o("compositionend", e);
+      t("compositionend", e);
     };
-    return P({
+    return x({
       isFocus: p,
       isHover: m,
       visible: n,
@@ -131,14 +131,14 @@ const re = g({
       X((h(), V("div", {
         ref_key: "searchRef",
         ref: C,
-        class: w([l(f).b(), l(f).is("active", !!n.value || !!e.modelValue)]),
-        style: _($.value)
+        class: w([l(f).b(), l(f).is("active", !!n.value || !!o.modelValue)]),
+        style: _(S.value)
       }, [
         ee(l(ne), B({
           ref_key: "inputRef",
           ref: c
         }, e.$props, {
-          "input-style": S.value,
+          "input-style": R.value,
           onInput: E,
           onFocus: F,
           onEnter: A,
@@ -187,12 +187,12 @@ const re = g({
       ], 6)), [
         [l(ie), W, K.value]
       ]),
-      e.usePopover ? (h(), Y(l(ae), B({
+      o.usePopover ? (h(), Y(l(ae), B({
         key: 0,
         style: { "--vft-transition-duration": "3s" },
         ref_key: "popoverRef",
         ref: y
-      }, x.value, {
+      }, $.value, {
         "virtual-ref": C.value,
         visible: n.value,
         "onUpdate:visible": k[0] || (k[0] = (Q) => n.value = Q),

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

@@ -2780,6 +2780,6 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 }, {
-    ClickOutside: import("vue").ObjectDirective<any, any, string, string>;
+    ClickOutside: import("vue").ObjectDirective<any, any, string, any>;
 }, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export * from './token';

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

@@ -2776,6 +2776,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 }, {
-    ClickOutside: import("vue").ObjectDirective<any, any, string, string>;
+    ClickOutside: import("vue").ObjectDirective<any, any, string, any>;
 }, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -96,10 +96,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     "update:width": (val: string | number) => void;
     dragEnd: (oldIndex: import("sortablejs").SortableEvent, newIndex: import("sortablejs").SortableEvent) => void;
     dragWidthEnd: () => void;
-    select: (val: {
-        route: string;
-        indexPath: string[];
-    }) => void;
+    select: (val: import("./types").MenuSelectEventData) => void;
     subMenuClick: (val: any) => void;
     subMenuOpenClick: (val: any) => void;
     menuItemMouseenter: (val: any) => void;
@@ -190,10 +187,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         default: boolean;
     };
 }>> & Readonly<{
-    onSelect?: ((val: {
-        route: string;
-        indexPath: string[];
-    }) => any) | undefined;
+    onSelect?: ((val: import("./types").MenuSelectEventData) => any) | undefined;
     "onUpdate:collapse"?: ((val: boolean) => any) | undefined;
     "onUpdate:width"?: ((val: string | number) => any) | undefined;
     onDragEnd?: ((oldIndex: import("sortablejs").SortableEvent, newIndex: import("sortablejs").SortableEvent) => any) | undefined;

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

@@ -1,54 +1,6 @@
-import Sortable from 'sortablejs';
-import type { MenuAttrMapping, MenuType } from './types';
-export interface MenuConProps {
-    /** 是否需要固定在左侧 */
-    isFixedLeft?: boolean;
-    /** 菜单列表 */
-    menus: MenuType[];
-    /** 侧边栏宽度 */
-    width?: string | number;
-    /** 侧边栏高度 */
-    height?: string;
-    /** 侧边栏折叠后的宽度 */
-    collapseWidth?: string | number;
-    /** 属性字段映射 */
-    attrMapping?: MenuAttrMapping;
-    /** 菜单内上下 slot 插槽高度总和 */
-    menuTopBottomHeight?: number;
-    /** 是否显示底部收缩 */
-    showCollapse?: boolean;
-    /** 只有一级菜单时拖拽配置 */
-    dragOption?: Sortable.Options & {
-        dragClassName: string;
-    };
-    /** 是否可以拖拽侧边栏宽度 */
-    dragWidthCfg?: boolean | {
-        maxWidth?: number;
-        minWidth?: number;
-    };
-    /** 是否使用菜单组件内部的选中事件 */
-    useRouterJump?: boolean;
-    /** 是否开启菜单禁用 */
-    openDisabled?: boolean;
-    /** 点击子菜单时是否滚动到其父级位置 */
-    autoScrollActiveDom?: boolean | number;
-    /** 开启菜单折叠 */
-    openMenuCollapse?: boolean;
-    /** 是否收缩 */
-    collapse?: boolean;
-    /** 保持只打开一个 */
-    uniqueOpened?: boolean;
-    /** 禁用判断使用相反的条件 */
-    disabledJudgeTurnOver?: boolean;
-    /** 默认选中 */
-    defaultActive?: string;
-    /** 默认展开 */
-    defaultOpeneds?: Array<string | number>;
-    defaultOpenedsLevel?: number | boolean;
-    /** 禁用子菜单的展开收缩行为 */
-    disableSubMenuAction?: boolean;
-}
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MenuConProps>, {
+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;
     autoScrollActiveDom: boolean;
     openMenuCollapse: boolean;
@@ -75,17 +27,14 @@ 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: {
-        route: string;
-        indexPath: string[];
-    }) => void;
+    select: (val: MenuSelectEventData) => void;
     subMenuClick: (val: any) => void;
     subMenuOpenClick: (val: any) => void;
     menuItemMouseenter: (val: any) => void;
     menuItemMouseleave: (val: any) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MenuConProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SideMenuProps>, {
     isFixedLeft: boolean;
     autoScrollActiveDom: boolean;
     openMenuCollapse: boolean;
@@ -102,13 +51,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     disableSubMenuAction: boolean;
     defaultOpenedsLevel: boolean;
 }>>> & Readonly<{
-    onSelect?: ((val: {
-        route: string;
-        indexPath: string[];
-    }) => any) | undefined;
+    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/types.d.ts

@@ -1,14 +1,121 @@
+import type Sortable from 'sortablejs';
+import type { SortableEvent } from 'sortablejs';
+/** 菜单项类型 */
 export type MenuType = {
+    /** 子菜单列表 */
     children?: MenuType[];
+    /** 菜单标题 */
     title: string;
+    /** 菜单图标 */
     icon?: string;
+    /** 其他自定义属性 */
     [key: string]: any;
 };
+/** 菜单属性字段映射配置 */
 export type MenuAttrMapping = {
+    /** 路径字段名 */
     path?: string;
+    /** 子菜单字段名 */
     children?: string;
+    /** 标题字段名 */
     title?: string;
+    /** 索引字段名 */
     index?: string | number;
+    /** 图标字段名 */
     icon?: string;
+    /** 禁用字段名 */
     disabled?: string;
 };
+/** 侧边菜单组件属性 */
+export interface SideMenuProps {
+    /** 是否固定在左侧 */
+    isFixedLeft?: boolean;
+    /** 菜单列表 */
+    menus: MenuType[];
+    /** 侧边栏宽度 */
+    width?: string | number;
+    /** 侧边栏高度 */
+    height?: string;
+    /** 侧边栏折叠后的宽度 */
+    collapseWidth?: string | number;
+    /** 属性字段映射 */
+    attrMapping?: MenuAttrMapping;
+    /** 菜单内上下插槽高度总和 */
+    menuTopBottomHeight?: number;
+    /** 是否显示底部收缩按钮 */
+    showCollapse?: boolean;
+    /** 只有一级菜单时的拖拽配置 */
+    dragOption?: Sortable.Options & {
+        dragClassName: string;
+    };
+    /** 是否可以拖拽侧边栏宽度 */
+    dragWidthCfg?: boolean | {
+        /** 最大宽度 */
+        maxWidth?: number;
+        /** 最小宽度 */
+        minWidth?: number;
+    };
+    /** 是否使用菜单组件内部的选中事件进行路由跳转 */
+    useRouterJump?: boolean;
+    /** 是否开启菜单禁用功能 */
+    openDisabled?: boolean;
+    /** 点击子菜单时是否自动滚动到其父级位置 */
+    autoScrollActiveDom?: boolean | number;
+    /** 是否开启菜单折叠功能 */
+    openMenuCollapse?: boolean;
+    /** 是否折叠菜单 */
+    collapse?: boolean;
+    /** 是否保持只打开一个子菜单 */
+    uniqueOpened?: boolean;
+    /** 禁用判断使用相反的条件 */
+    disabledJudgeTurnOver?: boolean;
+    /** 默认选中的菜单索引 */
+    defaultActive?: string;
+    /** 默认展开的子菜单索引数组 */
+    defaultOpeneds?: Array<string | number>;
+    /** 默认展开的层级深度 */
+    defaultOpenedsLevel?: number | boolean;
+    /** 禁用子菜单的展开收缩行为 */
+    disableSubMenuAction?: boolean;
+}
+/** 菜单选中事件参数 */
+export interface MenuSelectEventData {
+    /** 选中的路由路径 */
+    route: string;
+    /** 选中菜单的索引路径 */
+    indexPath: string[];
+}
+/** 侧边菜单组件 Emits */
+export interface SideMenuEmits {
+    /** 折叠状态更新事件 */
+    (e: 'update:collapse', val: boolean): void;
+    /** 宽度更新事件 */
+    (e: 'update:width', val: string | number): void;
+    /** 拖拽结束事件 */
+    (e: 'dragEnd', oldIndex: SortableEvent, newIndex: SortableEvent): void;
+    /** 拖拽宽度结束事件 */
+    (e: 'dragWidthEnd'): void;
+    /** 菜单选中事件 */
+    (e: 'select', val: MenuSelectEventData): void;
+    /** 子菜单点击事件 */
+    (e: 'subMenuClick', val: any): void;
+    /** 子菜单展开点击事件 */
+    (e: 'subMenuOpenClick', val: any): void;
+    /** 菜单项鼠标进入事件 */
+    (e: 'menuItemMouseenter', val: any): void;
+    /** 菜单项鼠标离开事件 */
+    (e: 'menuItemMouseleave', val: any): void;
+}
+/** 侧边菜单组件暴露的方法和属性 */
+export interface SideMenuExpose {
+    /** 侧边栏容器引用 */
+    sideRef: any;
+    /** 跳转到激活的菜单项 */
+    jumpActiveDom: (options?: {
+        activeDom?: HTMLElement | null;
+        offset?: number;
+        delay?: number;
+    }) => void;
+    /** 菜单组件引用 */
+    menuRef: any;
+}

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>;
+};