vft 0.0.429 → 0.0.430

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/skeleton/skeleton-item.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as n, computed as a, createElementBlock as c, openBlock as r, normalizeClass as p, unref as e, createBlock as s, createCommentVNode as l, normalizeProps as f, mergeProps as u } from "vue";
-import { VftIcon as d } from "../icon/index.js";
+import { defineComponent as n, computed as m, createElementBlock as c, openBlock as r, normalizeClass as a, unref as t, createBlock as l, createCommentVNode as p, normalizeProps as s, mergeProps as f } from "vue";
+import { VftIcon as u } from "../icon/index.js";
 import "@vueuse/core";
-import { singleAttrToObj as _ } from "@vft/utils";
+import { singleAttrToObj as d } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
@@ -17,17 +17,17 @@ const g = n({
     variant: { default: "text" },
     imgIcon: {}
   },
-  setup(i) {
-    const m = a(
-      () => _(i.imgIcon, "icon", {
+  setup(e) {
+    const i = m(
+      () => d(e.imgIcon, "icon", {
         size: 20,
         icon: "icon-picture-filled"
       })
     ), o = k("skeleton");
-    return (t, v) => (r(), c("div", {
-      class: p([e(o).e("item"), e(o).e(t.variant)])
+    return (v, _) => (r(), c("div", {
+      class: a([t(o).e("item"), t(o).e(e.variant)])
     }, [
-      t.variant === "image" ? (r(), s(e(d), f(u({ key: 0 }, m.value)), null, 16)) : l("", !0)
+      e.variant === "image" ? (r(), l(t(u), s(f({ key: 0 }, i.value)), null, 16)) : p("", !0)
     ], 2));
   }
 });

package/es/components/skeleton/skeleton.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as k, computed as y, createElementBlock as a, renderSlot as p, unref as t, openBlock as o, mergeProps as u, Fragment as s, renderList as d, createCommentVNode as h, createVNode as B, normalizeClass as f, createBlock as $, normalizeProps as v } from "vue";
+import { defineComponent as k, computed as y, createElementBlock as n, renderSlot as u, unref as t, openBlock as o, mergeProps as d, Fragment as l, renderList as c, createCommentVNode as h, createVNode as B, normalizeClass as f, createBlock as $, normalizeProps as v } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -9,7 +9,7 @@ import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import { useThrottleRender as C } from "../../hooks/use-throttle-render/index.js";
 import "../../hooks/use-z-index/index.js";
-import c from "./skeleton-item.vue2.js";
+import p from "./skeleton-item.vue2.js";
 const N = k({
   name: "vft-skeleton"
 }), D = /* @__PURE__ */ k({
@@ -21,24 +21,24 @@ const N = k({
     loading: { type: Boolean, default: !0 },
     throttle: {}
   },
-  setup(n, { expose: g }) {
-    const r = w("skeleton"), l = C(
-      y(() => n.loading),
-      n.throttle
+  setup(e, { expose: g }) {
+    const r = w("skeleton"), s = C(
+      y(() => e.loading),
+      e.throttle
     );
     return g({
-      uiLoading: l
-    }), (e, z) => t(l) ? (o(), a("div", u({
+      uiLoading: s
+    }), (a, z) => t(s) ? (o(), n("div", d({
       key: 0,
       class: [t(r).b(), t(r).is("animated", e.animated)]
-    }, e.$attrs), [
-      (o(!0), a(s, null, d(e.count, (m) => (o(), a(s, { key: m }, [
-        e.loading ? p(e.$slots, "template", { key: m }, () => [
-          B(c, {
+    }, a.$attrs), [
+      (o(!0), n(l, null, c(e.count, (m) => (o(), n(l, { key: m }, [
+        e.loading ? u(a.$slots, "template", { key: m }, () => [
+          B(p, {
             class: f(t(r).is("first")),
             variant: "p"
           }, null, 8, ["class"]),
-          (o(!0), a(s, null, d(e.rows, (i) => (o(), $(c, {
+          (o(!0), n(l, null, c(e.rows, (i) => (o(), $(p, {
             key: i,
             class: f([
               t(r).e("paragraph"),
@@ -48,7 +48,7 @@ const N = k({
           }, null, 8, ["class"]))), 128))
         ]) : h("", !0)
       ], 64))), 128))
-    ], 16)) : p(e.$slots, "default", v(u({ key: 1 }, e.$attrs)));
+    ], 16)) : u(a.$slots, "default", v(d({ key: 1 }, a.$attrs)));
   }
 });
 export {

package/es/components/slider/button.vue2.js

@@ -1,20 +1,20 @@
-import { defineComponent as v, reactive as T, getCurrentInstance as x, toRefs as P, createElementBlock as z, openBlock as K, unref as t, normalizeStyle as L, normalizeClass as f, createVNode as X, withCtx as g, createElementVNode as b, toDisplayString as Y } from "vue";
+import { defineComponent as b, reactive as N, getCurrentInstance as S, toRefs as T, createElementBlock as P, openBlock as z, unref as t, normalizeStyle as K, normalizeClass as d, createVNode as L, withCtx as f, createElementVNode as g, toDisplayString as X } from "vue";
 import "@popperjs/core";
-import { isNumber as A } from "@vft/utils";
-import { VftTooltip as F } from "../tooltip/index.js";
-import { UPDATE_MODEL_EVENT as I } from "../../constants/event.js";
+import { isNumber as Y } from "@vft/utils";
+import { VftTooltip as A } from "../tooltip/index.js";
+import { UPDATE_MODEL_EVENT as F } from "../../constants/event.js";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as O } from "../../hooks/use-namespace/index.js";
+import { useNamespace as I } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "../../hooks/use-z-index/index.js";
-import { useSliderButton as R } from "./composables/use-slider-button.js";
-const U = ["tabindex"], j = v({
+import { useSliderButton as O } from "./composables/use-slider-button.js";
+const R = ["tabindex"], U = b({
   name: "VftSliderButton"
-}), nt = /* @__PURE__ */ v({
-  ...j,
+}), nt = /* @__PURE__ */ b({
+  ...U,
   props: {
     modelValue: { default: 0 },
     vertical: { type: Boolean },
@@ -22,10 +22,10 @@ const U = ["tabindex"], j = v({
     placement: { default: "top" }
   },
   emits: {
-    [I]: (i) => A(i)
+    [F]: (n) => Y(n)
   },
-  setup(i, { expose: V, emit: w }) {
-    const y = w, m = O("slider"), u = T({
+  setup(n, { expose: v, emit: c }) {
+    const V = c, m = I("slider"), u = N({
       hovering: !1,
       dragging: !1,
       isClick: !1,
@@ -35,70 +35,70 @@ const U = ["tabindex"], j = v({
       currentY: 0,
       startPosition: 0,
       newPosition: 0,
-      oldValue: i.modelValue
-    }), c = x(), {
-      disabled: B,
-      button: C,
-      tooltip: E,
-      showTooltip: k,
-      tooltipVisible: D,
-      wrapperStyle: M,
-      formatValue: N,
-      handleMouseEnter: r,
-      handleMouseLeave: s,
-      onButtonDown: n,
+      oldValue: n.modelValue
+    }), w = S(), {
+      disabled: y,
+      button: B,
+      tooltip: C,
+      showTooltip: E,
+      tooltipVisible: k,
+      wrapperStyle: x,
+      formatValue: D,
+      handleMouseEnter: s,
+      handleMouseLeave: i,
+      onButtonDown: r,
       onKeyDown: l,
-      setPosition: S
-    } = R(c.props, u, y), { hovering: p, dragging: a } = P(u);
-    return V({
-      onButtonDown: n,
+      setPosition: M
+    } = O(w.props, u, V), { hovering: a, dragging: p } = T(u);
+    return v({
+      onButtonDown: r,
       onKeyDown: l,
-      setPosition: S,
-      hovering: p,
-      dragging: a
-    }), (d, e) => (K(), z("div", {
+      setPosition: M,
+      hovering: a,
+      dragging: p
+    }), (j, e) => (z(), P("div", {
       ref_key: "button",
-      ref: C,
-      class: f([t(m).e("button-wrapper"), { hover: t(p), dragging: t(a) }]),
-      style: L(t(M)),
-      tabindex: t(B) ? -1 : 0,
+      ref: B,
+      class: d([t(m).e("button-wrapper"), { hover: t(a), dragging: t(p) }]),
+      style: K(t(x)),
+      tabindex: t(y) ? -1 : 0,
       onMouseenter: e[0] || (e[0] = //@ts-ignore
-      (...o) => t(r) && t(r)(...o)),
-      onMouseleave: e[1] || (e[1] = //@ts-ignore
       (...o) => t(s) && t(s)(...o)),
+      onMouseleave: e[1] || (e[1] = //@ts-ignore
+      (...o) => t(i) && t(i)(...o)),
       onMousedown: e[2] || (e[2] = //@ts-ignore
-      (...o) => t(n) && t(n)(...o)),
+      (...o) => t(r) && t(r)(...o)),
       onTouchstart: e[3] || (e[3] = //@ts-ignore
-      (...o) => t(n) && t(n)(...o)),
-      onFocus: e[4] || (e[4] = //@ts-ignore
       (...o) => t(r) && t(r)(...o)),
-      onBlur: e[5] || (e[5] = //@ts-ignore
+      onFocus: e[4] || (e[4] = //@ts-ignore
       (...o) => t(s) && t(s)(...o)),
+      onBlur: e[5] || (e[5] = //@ts-ignore
+      (...o) => t(i) && t(i)(...o)),
       onKeydown: e[6] || (e[6] = //@ts-ignore
       (...o) => t(l) && t(l)(...o))
     }, [
-      X(t(F), {
+      L(t(A), {
         ref_key: "tooltip",
-        ref: E,
-        visible: t(D),
-        placement: d.placement,
+        ref: C,
+        visible: t(k),
+        placement: n.placement,
         "fallback-placements": ["top", "bottom", "right", "left"],
         "stop-popper-mouse-event": !1,
-        "popper-class": d.tooltipClass,
-        disabled: !t(k),
+        "popper-class": n.tooltipClass,
+        disabled: !t(E),
         persistent: ""
       }, {
-        content: g(() => [
-          b("span", null, Y(t(N)), 1)
+        content: f(() => [
+          g("span", null, X(t(D)), 1)
         ]),
-        default: g(() => [
-          b("div", {
-            class: f([t(m).e("button"), { hover: t(p), dragging: t(a) }])
+        default: f(() => [
+          g("div", {
+            class: d([t(m).e("button"), { hover: t(a), dragging: t(p) }])
           }, null, 2)
         ]),
         _: 1
       }, 8, ["visible", "placement", "popper-class", "disabled"])
-    ], 46, U));
+    ], 46, R));
   }
 });
 export {