vft 0.0.395 → 0.0.397

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

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

package/es/hooks/use-z-index/index.js

@@ -2,14 +2,14 @@ import "@vueuse/core";
 import { isNumber as m, isClient as p } from "@vft/utils";
 import { debugWarn as l } from "../../utils/error.js";
 import "../../components/config-provider/hooks/use-global-config.js";
-import { ref as v, getCurrentInstance as i, inject as e, computed as c, unref as Z } from "vue";
+import { getCurrentInstance as i, inject as e, computed as c, unref as v, ref as Z } from "vue";
 import "lodash-es";
 import "../../components/form/index.js";
 const s = {
   current: 0
-}, u = v(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
+}, u = Z(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
   const n = i() ? e(d, s) : s, x = I || (i() ? e(y, void 0) : void 0), t = c(() => {
-    const r = Z(x);
+    const r = v(x);
     return m(r) ? r : f;
   }), o = c(() => t.value + u.value), a = () => (n.current++, u.value = n.current, o.value);
   return !p && !e(d) && l(

package/es/package.json.d.ts

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

package/es/package.json.js

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

package/lib/components/autocomplete/autocomplete.vue.d.ts

@@ -62,9 +62,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
+            readonly visible?: boolean | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -480,9 +480,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
+            readonly visible?: boolean | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;

package/lib/components/autocomplete/index.d.ts

@@ -86,9 +86,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+                readonly visible?: boolean | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
-                readonly visible?: boolean | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -504,9 +504,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+                readonly visible?: boolean | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
-                readonly visible?: boolean | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1007,9 +1007,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+                readonly visible?: boolean | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
-                readonly visible?: boolean | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1425,9 +1425,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+                readonly visible?: boolean | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
-                readonly visible?: boolean | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1917,9 +1917,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+            readonly visible?: boolean | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -2335,9 +2335,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+            readonly visible?: boolean | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;

package/lib/components/button/index.d.ts

@@ -24,12 +24,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         autofocus: {
             type: import("vue").PropType<boolean>;
         };
-        dark: {
-            type: import("vue").PropType<boolean>;
-        };
         icon: {
             type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
+        dark: {
+            type: import("vue").PropType<boolean>;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
         };
@@ -114,12 +114,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         autofocus: {
             type: import("vue").PropType<boolean>;
         };
-        dark: {
-            type: import("vue").PropType<boolean>;
-        };
         icon: {
             type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
+        dark: {
+            type: import("vue").PropType<boolean>;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
         };
@@ -199,12 +199,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     autofocus: {
         type: import("vue").PropType<boolean>;
     };
-    dark: {
-        type: import("vue").PropType<boolean>;
-    };
     icon: {
         type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
+    dark: {
+        type: import("vue").PropType<boolean>;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
     };

package/lib/components/form/form-item.vue.d.ts

@@ -32,10 +32,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }>>> & Readonly<{
     "onUpdate:error"?: ((val: string) => any) | undefined;
 }>, {
+    required: boolean;
     labelWidth: string | number;
     inlineMessage: string | boolean;
     showMessage: boolean;
-    required: boolean;
     hideLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;