vft 0.0.249 → 0.0.252

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

@@ -1,94 +1,9 @@
-import { defineComponent as V, toRefs as oe, useSlots as ie, getCurrentInstance as le, ref as g, computed as f, h as b, createVNode as d, onMounted as re, nextTick as ne, watch as pe, isVNode as ae } from "vue";
-import { listenerRouteChange as ue, useRouterHelper as se } from "@vft/router";
-import { useSortable as me } from "@vft/use";
-import { isUrl as de, isNullOrUndefined as A, addUnit as W, isNumber as ce } from "@vft/utils";
-import "../alert/index.js";
-import "../avatar/index.js";
-import "../backtop/index.js";
-import "../button/index.js";
-import "../card/index.js";
-import "../check-tag/index.js";
-import "../checkbox/index.js";
-import "../clamp/index.js";
-import "../clamp-toggle/index.js";
-import "../clamp-tooltip/index.js";
-import "../col/index.js";
-import "../collapse-transition/index.js";
-import "../color-picker/index.js";
-import "../config-provider/index.js";
-import "../container/index.js";
-import "../context-menu/context-menu.vue2.js";
-import "../date-picker/index.js";
-import "../date-time-select/index.js";
-import "../descriptions/index.js";
-import "../dialog/index.js";
-import "../divider/index.js";
-import "../drawer/index.js";
-import "../dropdown/index.js";
-import "../empty/index.js";
-import "../exception/index.js";
-import "../footer-layout/index.js";
-import "../form/index.js";
-import "../full-screen/index.js";
-import "../header-layout/index.js";
-import "../horizontal-menu/index.js";
-import { VftIcon as fe } from "../icon/index.js";
-import "../icon-text/index.js";
-import "../iframe-layout/index.js";
-import "../image/index.js";
-import "../image-viewer/index.js";
-import "../input/index.js";
-import "../input-number/index.js";
-import "../link/index.js";
-import "../list-cell/index.js";
-import "../logo/index.js";
+import { defineComponent as V, toRefs as oe, useSlots as le, getCurrentInstance as ne, ref as g, computed as m, h as b, createVNode as p, onMounted as ae, nextTick as ue, watch as se, isVNode as ie } from "vue";
+import { listenerRouteChange as de, useRouterHelper as re } from "@vft/router";
+import { useSortable as ce } from "@vft/use";
+import { isUrl as pe, isNullOrUndefined as A, addUnit as W, isNumber as fe } from "@vft/utils";
+import { VftIcon as me } from "../icon/index.js";
 import { VftMenu as he, VftSubMenu as ve, VftMenuItem as I } from "../menu/index.js";
-import "../multiple-tabs/index.js";
-import "../overlay/index.js";
-import "../page-wrapper/index.js";
-import "../pagination/index.js";
-import "../popconfirm/index.js";
-import "../popover/index.js";
-import "../popper/index.js";
-import "../qrcode/index.js";
-import "../radio/index.js";
-import "../result/index.js";
-import "../router-view-content/index.js";
-import "../row/index.js";
-import "../scrollbar/index.js";
-import "../search/index.js";
-import "../select/index.js";
-import "./index.js";
-import "../skeleton/index.js";
-import "../slider/index.js";
-import "../space/index.js";
-import "../switch/index.js";
-import "../table/index.js";
-import "../tabs/index.js";
-import "../tag/index.js";
-import "../time-picker/index.js";
-import "../tooltip/index.js";
-import "../tree/index.js";
-import "../verify-code/index.js";
-import "../virtual-list/components/dynamic-size-grid.js";
-import "../virtual-list/components/dynamic-size-list.js";
-import "../virtual-list/components/fixed-size-grid.js";
-import "../virtual-list/components/fixed-size-list.js";
-import "../virtual-list/props.js";
-import "../steps/index.js";
-import "../autocomplete/index.js";
-import "../modal/index.js";
-import "../progress/index.js";
-import "../super-form/index.js";
-import "../upload/index.js";
-import "../carousel/index.js";
-import "../timeline/index.js";
-import "../md-code-demo/index.js";
-import "../md-code-tabs/index.js";
-import "../md-comment/index.js";
-import "../md-container/index.js";
-import "../md-tabs/index.js";
-import "../md-vue-playground/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash-es";
@@ -96,16 +11,13 @@ import { useNamespace as ge } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/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 be } from "./use-drag-line.js";
 function ye(h) {
-  return typeof h == "function" || Object.prototype.toString.call(h) === "[object Object]" && !ae(h);
+  return typeof h == "function" || Object.prototype.toString.call(h) === "[object Object]" && !ie(h);
 }
 const Ce = V({
   name: "vft-side-menu"
-}), vo = /* @__PURE__ */ V({
+}), Ie = /* @__PURE__ */ V({
   ...Ce,
   props: {
     isFixedLeft: {
@@ -172,11 +84,11 @@ const Ce = V({
   }) {
     const t = h, {
       defaultActive: E,
-      collapse: c,
+      collapse: f,
       uniqueOpened: q,
       defaultOpeneds: L,
       openMenuCollapse: P
-    } = oe(t), s = j, n = ge("side-menu"), p = ie(), M = le(), O = g(), l = f(() => ({
+    } = oe(t), r = j, u = ge("side-menu"), s = le(), M = ne(), O = g(), n = m(() => ({
       path: "path",
       children: "children",
       title: "title",
@@ -185,27 +97,27 @@ const Ce = V({
       disabled: "disabled",
       ...t.attrMapping
     }));
-    ue(({
+    de(({
       route: e
     }) => {
       !e || e.meta?.hideSide && !t.useRouterJump || (O.value = e.path);
     });
     const H = (e) => {
-      const r = e.e;
-      if (t.autoScrollActiveDom && r) {
-        const o = ce(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, i = r.target;
-        v.value?.menu && i && setTimeout(() => {
-          v.value.menu.scrollTop = v.value.menu.scrollTop + (i.getBoundingClientRect().top - v.value.menu.getBoundingClientRect().top) + o;
+      const a = e.e;
+      if (t.autoScrollActiveDom && a) {
+        const o = fe(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, l = a.target;
+        v.value?.menu && l && setTimeout(() => {
+          v.value.menu.scrollTop = v.value.menu.scrollTop + (l.getBoundingClientRect().top - v.value.menu.getBoundingClientRect().top) + o;
         }, 300);
       }
-      s("subMenuClick", e);
+      r("subMenuClick", e);
     }, U = (e) => {
-      s("menuItemMouseenter", e);
+      r("menuItemMouseenter", e);
     }, F = (e) => {
-      s("menuItemMouseleave", e);
-    }, S = (e, r) => {
-      const o = e[l.value.path], i = e[l.value.title], a = e?.[l.value.children], m = e?.[l.value.index], B = e?.[l.value.icon], T = !!e?.[l.value.disabled], D = t.disabledJudgeTurnOver ? !T : T, R = m || o || r + i;
-      return a?.length ? b(
+      r("menuItemMouseleave", e);
+    }, S = (e, a) => {
+      const o = e[n.value.path], l = e[n.value.title], i = e?.[n.value.children], c = e?.[n.value.index], B = e?.[n.value.icon], T = !!e?.[n.value.disabled], D = t.disabledJudgeTurnOver ? !T : T, R = c || o || a + l;
+      return i?.length ? b(
         // @ts-ignore
         ve,
         {
@@ -213,142 +125,142 @@ const Ce = V({
           popperAppendToBody: !0,
           key: R,
           index: R,
-          title: i,
+          title: l,
           icon: B,
           disabled: t.openDisabled && D,
-          popperClass: n.e("popper")
+          popperClass: u.e("popper")
         },
         {
-          default: () => a?.map((u, Q) => {
-            const C = u[l.value.path], k = u[l.value.index], X = u[l.value.icon], ee = u[l.value.title], N = !!u[l.value.disabled], te = t.disabledJudgeTurnOver ? !N : N;
-            return u?.[l.value.children]?.length ? S(u, Q) : (
+          default: () => i?.map((d, Q) => {
+            const C = d[n.value.path], k = d[n.value.index], X = d[n.value.icon], ee = d[n.value.title], N = !!d[n.value.disabled], te = t.disabledJudgeTurnOver ? !N : N;
+            return d?.[n.value.children]?.length ? S(d, Q) : (
               // @ts-ignore
               b(I, {
-                ...u,
+                ...d,
                 key: k || C,
                 index: k || C,
                 route: C,
                 icon: X,
                 title: ee,
                 disabled: t.openDisabled && te
-              }, p.menuItem ? () => p.menuItem?.({
-                item: u
+              }, s.menuItem ? () => s.menuItem?.({
+                item: d
               }) : "")
             );
           })
         }
       ) : b(I, {
         ...e,
-        key: m || o,
-        index: m || o,
-        title: i,
+        key: c || o,
+        index: c || o,
+        title: l,
         route: o,
         icon: B,
         disabled: t.openDisabled && D,
         onMouseenter: () => U(e),
         onMouseleave: () => F(e)
-      }, p.menuItem ? () => p.menuItem?.({
+      }, s.menuItem ? () => s.menuItem?.({
         item: e,
-        index: r
+        index: a
       }) : "");
-    }, v = g(), Z = f(() => ({
-      ...t.collapseWidth === 0 && c.value ? {
+    }, v = g(), Z = m(() => ({
+      ...t.collapseWidth === 0 && f.value ? {
         width: 0
       } : {},
       height: `calc(100% - ${t.menuTopBottomHeight}px)`
-    })), $ = f(() => {
+    })), $ = m(() => {
       let e;
-      return b(d(he, {
+      return b(p(he, {
         ref: v.value,
         onSelect: z,
         onOpen: H,
         defaultActive: E?.value || O.value,
         defaultOpeneds: L?.value,
-        class: [n.e("con"), t.dragOption?.dragClassName ? n.e(t.dragOption?.dragClassName) : ""],
+        class: [u.e("con"), t.dragOption?.dragClassName ? u.e(t.dragOption?.dragClassName) : ""],
         style: Z.value,
-        collapse: P.value ? c.value : !1,
+        collapse: P.value ? f.value : !1,
         uniqueOpened: q.value,
         collapseTransition: !1
-      }, ye(e = t.menus.map((r, o) => S(r, o))) ? e : {
+      }, ye(e = t.menus.map((a, o) => S(a, o))) ? e : {
         default: () => [e]
       }));
     }), x = M.appContext.config.globalProperties.$router;
     async function z(e) {
       if (t.useRouterJump) {
         const {
-          go: r
-        } = se(x), o = e.route;
-        let i = e.route;
-        e.indexPath.some((m) => de(m)) && (i = e.indexPath.slice(-2).join("/"));
-        const a = x.getRoutes().filter((m) => m.path === i)?.[0]?.meta?.linkTarget;
-        r(a ? {
+          go: a
+        } = re(x), o = e.route;
+        let l = e.route;
+        e.indexPath.some((c) => pe(c)) && (l = e.indexPath.slice(-2).join("/"));
+        const i = x.getRoutes().filter((c) => c.path === l)?.[0]?.meta?.linkTarget;
+        a(i ? {
           url: o,
           winOpenOpt: {
-            target: a
+            target: i
           }
         } : o);
       }
-      s("select", e);
+      r("select", e);
     }
-    re(() => {
-      ne(() => {
+    ae(() => {
+      ue(() => {
         if (t.dragOption?.dragClassName) {
-          const e = document.querySelectorAll("." + n.e(t.dragOption?.dragClassName))?.[0], {
-            initSortable: r
-          } = me(e, {
+          const e = document.querySelectorAll("." + u.e(t.dragOption?.dragClassName))?.[0], {
+            initSortable: a
+          } = ce(e, {
             draggable: ".vft-menu-item",
             onEnd: (o) => {
               const {
-                oldIndex: i,
-                newIndex: a
+                oldIndex: l,
+                newIndex: i
               } = o;
-              A(i) || A(a) || i === a || s("dragEnd", i, a);
+              A(l) || A(i) || l === i || r("dragEnd", l, i);
             },
             ...t.dragOption
           });
-          r();
+          a();
         }
       });
     });
-    const y = g(), _ = g(), w = g(), Y = f(() => ({
-      ...t.collapseWidth === 0 && c.value ? {
+    const y = g(), _ = g(), w = g(), Y = m(() => ({
+      ...t.collapseWidth === 0 && f.value ? {
         borderRight: "none"
       } : {},
       width: W(t.width),
       height: t.height
     }));
-    pe(() => c.value, (e) => {
-      e ? s("update:width", t.collapseWidth) : s("update:width", w.value || t.width), w.value = t.width;
+    se(() => f.value, (e) => {
+      e ? r("update:width", t.collapseWidth) : r("update:width", w.value || t.width), w.value = t.width;
     }), t.dragWidthCfg && be(y, _, M);
-    const G = f(() => ({
+    const G = m(() => ({
       left: W(t.width)
-    })), K = f(() => [n.b(), t.isFixedLeft ? n.m("fixed") : ""]);
+    })), K = m(() => [u.b(), t.isFixedLeft ? u.m("fixed") : ""]);
     return J({
       sideRef: y
-    }), () => d("div", {
+    }), () => p("div", {
       ref: y,
       class: K.value,
       style: Y.value
-    }, [p.top ? d("div", {
-      class: n.e("top")
-    }, [p.top()]) : null, $.value, p.bottom ? d("div", {
-      class: n.e("bottom")
-    }, [p.bottom()]) : t.showCollapse ? d("div", {
-      onClick: () => s("update:collapse", !c.value),
-      class: [n.e("bottom"), n.e("collapse")]
-    }, [d(fe, {
+    }, [s.top ? p("div", {
+      class: u.e("top")
+    }, [s.top()]) : null, $.value, s.bottom ? p("div", {
+      class: u.e("bottom")
+    }, [s.bottom()]) : t.showCollapse ? p("div", {
+      onClick: () => r("update:collapse", !f.value),
+      class: [u.e("bottom"), u.e("collapse")]
+    }, [p(me, {
       style: {
-        transform: c.value ? "rotateY(180deg)" : ""
+        transform: f.value ? "rotateY(180deg)" : ""
       },
       size: 20,
       icon: "icon-sidebar-collapse"
-    }, null)]) : null, p.default?.(), t.dragWidthCfg ? d("div", {
+    }, null)]) : null, s.default?.(), t.dragWidthCfg ? p("div", {
       ref: _,
       style: G.value,
-      class: n.e("drag-bar")
+      class: u.e("drag-bar")
     }, null) : null]);
   }
 });
 export {
-  vo as default
+  Ie as default
 };

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

@@ -18,11 +18,11 @@ export declare const VftSteps: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         finishStatus: {
-            type: import("vue").PropType<"error" | "wait" | "success" | "process" | "finish">;
+            type: import("vue").PropType<"error" | "success" | "wait" | "process" | "finish">;
             default: string;
         };
         processStatus: {
-            type: import("vue").PropType<"error" | "wait" | "success" | "process" | "finish">;
+            type: import("vue").PropType<"error" | "success" | "wait" | "process" | "finish">;
             default: string;
         };
     }>> & Readonly<{
@@ -60,11 +60,11 @@ export declare const VftSteps: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         finishStatus: {
-            type: import("vue").PropType<"error" | "wait" | "success" | "process" | "finish">;
+            type: import("vue").PropType<"error" | "success" | "wait" | "process" | "finish">;
             default: string;
         };
         processStatus: {
-            type: import("vue").PropType<"error" | "wait" | "success" | "process" | "finish">;
+            type: import("vue").PropType<"error" | "success" | "wait" | "process" | "finish">;
             default: string;
         };
     }>> & Readonly<{
@@ -97,11 +97,11 @@ export declare const VftSteps: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
     };
     finishStatus: {
-        type: import("vue").PropType<"error" | "wait" | "success" | "process" | "finish">;
+        type: import("vue").PropType<"error" | "success" | "wait" | "process" | "finish">;
         default: string;
     };
     processStatus: {
-        type: import("vue").PropType<"error" | "wait" | "success" | "process" | "finish">;
+        type: import("vue").PropType<"error" | "success" | "wait" | "process" | "finish">;
         default: string;
     };
 }>> & Readonly<{
@@ -130,7 +130,7 @@ export declare const VftSteps: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<string>;
             };
             status: {
-                type: import("vue").PropType<"" | "error" | "wait" | "success" | "process" | "finish">;
+                type: import("vue").PropType<"" | "error" | "success" | "wait" | "process" | "finish">;
             };
         }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -150,7 +150,7 @@ export declare const VftSteps: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<string>;
             };
             status: {
-                type: import("vue").PropType<"" | "error" | "wait" | "success" | "process" | "finish">;
+                type: import("vue").PropType<"" | "error" | "success" | "wait" | "process" | "finish">;
             };
         }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
@@ -167,7 +167,7 @@ export declare const VftSteps: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
         };
         status: {
-            type: import("vue").PropType<"" | "error" | "wait" | "success" | "process" | "finish">;
+            type: import("vue").PropType<"" | "error" | "success" | "wait" | "process" | "finish">;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -190,7 +190,7 @@ export declare const VftStep: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
         };
         status: {
-            type: import("vue").PropType<"" | "error" | "wait" | "success" | "process" | "finish">;
+            type: import("vue").PropType<"" | "error" | "success" | "wait" | "process" | "finish">;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -210,7 +210,7 @@ export declare const VftStep: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
         };
         status: {
-            type: import("vue").PropType<"" | "error" | "wait" | "success" | "process" | "finish">;
+            type: import("vue").PropType<"" | "error" | "success" | "wait" | "process" | "finish">;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
@@ -227,7 +227,7 @@ export declare const VftStep: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
     };
     status: {
-        type: import("vue").PropType<"" | "error" | "wait" | "success" | "process" | "finish">;
+        type: import("vue").PropType<"" | "error" | "success" | "wait" | "process" | "finish">;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {