vft 0.0.521 → 0.0.522

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

@@ -1,25 +1,25 @@
-import { defineComponent as H, toRefs as de, useSlots as ce, getCurrentInstance as pe, ref as h, computed as b, watch as fe, onMounted as me, nextTick as ve, createVNode as m, h as y, isVNode as he } from "vue";
-import { VftIcon as ge } from "../icon/index.js";
-import { VftMenu as be, VftSubMenu as ye, VftMenuItem as j, VftMenuItemGroup as Me } from "../menu/index.js";
+import { defineComponent as H, toRefs as ce, useSlots as pe, getCurrentInstance as fe, unref as me, ref as v, computed as b, watch as he, onMounted as ve, nextTick as ge, createVNode as m, h as y, isVNode as be } from "vue";
+import { VftIcon as ye } from "../icon/index.js";
+import { VftMenu as Me, VftSubMenu as Se, VftMenuItem as j, VftMenuItemGroup as Ce } from "../menu/index.js";
 import "@vueuse/core";
-import { isNullOrUndefined as q, isNumber as E, isUrl as Se } from "@vft/utils";
-import { addUnit as O } from "../../utils/helper.js";
+import { isNullOrUndefined as q, isNumber as E, isUrl as Oe } from "@vft/utils";
+import { addUnit as T } from "../../utils/helper.js";
 import "lodash-es";
 import "../form/index.js";
-import { listenerRouteChange as Ce, useRouterHelper as Oe } from "@vft/router";
-import { useSortable as xe } from "@vft/use/sortable";
-import { useNamespace as Te } from "../../hooks/use-namespace/index.js";
+import { listenerRouteChange as xe, useRouterHelper as Te } from "@vft/router";
+import { useSortable as Be } from "@vft/use/sortable";
+import { useNamespace as _e } 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 _e(g) {
-  return typeof g == "function" || Object.prototype.toString.call(g) === "[object Object]" && !he(g);
+import { useDragLine as we } from "./use-drag-line.js";
+function ke(g) {
+  return typeof g == "function" || Object.prototype.toString.call(g) === "[object Object]" && !be(g);
 }
-const we = H({
+const De = H({
   name: "vft-side-menu"
-}), Ue = /* @__PURE__ */ H({
-  ...we,
+}), Fe = /* @__PURE__ */ H({
+  ...De,
   props: {
     isFixedLeft: {
       type: Boolean,
@@ -106,17 +106,17 @@ const we = H({
   },
   emits: ["update:collapse", "update:width", "dragEnd", "dragWidthEnd", "select", "subMenuClick", "subMenuOpenClick", "menuItemMouseenter", "menuItemMouseleave"],
   setup(g, {
-    expose: J,
-    emit: L
+    expose: L,
+    emit: P
   }) {
-    const t = g, r = L, {
-      defaultActive: P,
+    const t = g, r = P, {
+      defaultActive: U,
       collapse: f,
-      uniqueOpened: U,
-      defaultOpeneds: $,
-      openMenuCollapse: F,
+      uniqueOpened: $,
+      defaultOpeneds: F,
+      openMenuCollapse: Y,
       defaultOpenedsLevel: M
-    } = de(t), s = Te("side-menu"), d = ce(), x = pe(), T = h(), a = b(() => ({
+    } = ce(t), s = _e("side-menu"), d = pe(), B = fe(), S = B.appContext.config.globalProperties.$router, C = me(S?.currentRoute), _ = v(C?.path && !(C.meta?.hideSide && !t.useRouterJump) ? C.path : void 0), a = b(() => ({
       path: "path",
       children: "children",
       title: "title",
@@ -124,7 +124,7 @@ const we = H({
       icon: "icon",
       disabled: "disabled",
       ...t.attrMapping
-    })), Y = (e, n = 1 / 0) => {
+    })), Z = (e, n = 1 / 0) => {
       const l = [], o = (u, c = 0) => {
         c >= n || u.forEach((i) => {
           i[a.value.children]?.length && (l.push(i[a.value.index]), o(i[a.value.children], c + 1));
@@ -132,51 +132,51 @@ const we = H({
       };
       return o(e), l;
     };
-    Ce(({
+    xe(({
       route: e
     }) => {
-      !e || e.meta?.hideSide && !t.useRouterJump || (T.value = e.path);
+      !e || e.meta?.hideSide && !t.useRouterJump || e.path && (_.value = e.path);
     });
-    const Z = (e) => {
+    const z = (e) => {
       const n = e.e;
       if (t.autoScrollActiveDom && n) {
         const l = E(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, o = n.target;
-        B({
+        w({
           activeDom: o,
           offset: l
         });
       }
       r("subMenuOpenClick", e);
-    }, z = (e) => {
+    }, G = (e) => {
       r("subMenuClick", e);
-    }, B = ({
+    }, w = ({
       activeDom: e = null,
       offset: n = 0,
       delay: l = 300
     } = {}) => {
-      v.value?.menu && setTimeout(() => {
+      h.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) + n);
+        o && (h.value.menu.scrollTop = h.value.menu.scrollTop + (o.getBoundingClientRect().top - h.value.menu.getBoundingClientRect().top) + n);
       }, l);
-    }, G = (e) => {
-      r("menuItemMouseenter", e);
     }, K = (e) => {
+      r("menuItemMouseenter", e);
+    }, Q = (e) => {
       r("menuItemMouseleave", e);
-    }, Q = (e, n) => !t.enableScroll || !e ? e : f.value && n > t.scrollThreshold ? y(Me, {
+    }, X = (e, n) => !t.enableScroll || !e ? e : f.value && n > t.scrollThreshold ? y(Ce, {
       style: {
-        maxHeight: O(t.scrollMaxHeight),
+        maxHeight: T(t.scrollMaxHeight),
         overflowY: "auto"
       }
-    }, () => e) : e, _ = (e, n) => {
-      const l = e[a.value.path], o = e[a.value.title], u = e?.[a.value.children], c = e?.[a.value.index], i = e?.[a.value.icon], R = !!e?.[a.value.disabled], I = t.disabledJudgeTurnOver ? !R : R, N = c || l || n + o;
-      return u?.length ? y(ye, {
+    }, () => e) : e, k = (e, n) => {
+      const l = e[a.value.path], o = e[a.value.title], u = e?.[a.value.children], c = e?.[a.value.index], i = e?.[a.value.icon], I = !!e?.[a.value.disabled], N = t.disabledJudgeTurnOver ? !I : I, V = c || l || n + o;
+      return u?.length ? y(Se, {
         ...e,
         popperAppendToBody: !0,
-        key: N,
-        index: N,
+        key: V,
+        index: V,
         title: o,
         icon: i,
-        disabled: t.openDisabled && I,
+        disabled: t.openDisabled && N,
         popperClass: s.e("popper"),
         toolTipCfg: {
           placement: "right",
@@ -185,24 +185,24 @@ const we = H({
         }
       }, {
         default: () => {
-          const ae = u?.map((p, ue) => {
-            const C = p[a.value.path], V = p[a.value.index], se = p[a.value.icon], ie = p[a.value.title], W = !!p[a.value.disabled], re = t.disabledJudgeTurnOver ? !W : W;
-            return p?.[a.value.children]?.length ? _(p, ue) : (
+          const ue = u?.map((p, se) => {
+            const x = p[a.value.path], W = p[a.value.index], ie = p[a.value.icon], re = p[a.value.title], J = !!p[a.value.disabled], de = t.disabledJudgeTurnOver ? !J : J;
+            return p?.[a.value.children]?.length ? k(p, se) : (
               // @ts-ignore
               y(j, {
                 ...p,
-                key: V || C,
-                index: V || C,
-                route: C,
-                icon: se,
-                title: ie,
-                disabled: t.openDisabled && re
+                key: W || x,
+                index: W || x,
+                route: x,
+                icon: ie,
+                title: re,
+                disabled: t.openDisabled && de
               }, d.menuItem ? () => d.menuItem?.({
                 item: p
               }) : "")
             );
           });
-          return Q(ae, u?.length || 0);
+          return X(ue, u?.length || 0);
         }
       }) : y(j, {
         ...e,
@@ -211,27 +211,27 @@ const we = H({
         title: o,
         route: l,
         icon: i,
-        disabled: t.openDisabled && I,
-        onMouseenter: () => G(e),
-        onMouseleave: () => K(e)
+        disabled: t.openDisabled && N,
+        onMouseenter: () => K(e),
+        onMouseleave: () => Q(e)
       }, d.menuItem ? () => d.menuItem?.({
         item: e,
         index: n
       }) : "");
-    }, v = h(), X = b(() => ({
+    }, h = v(), ee = b(() => ({
       ...t.collapseWidth === 0 && f.value ? {
         width: 0
       } : {},
       height: `calc(100% - ${t.menuTopBottomHeight}px)`
-    })), w = x.appContext.config.globalProperties.$router;
-    function ee(e, n) {
+    }));
+    function te(e, n) {
       if (t.useRouterJump) {
         const {
           go: l
-        } = Oe(w), o = e.route;
+        } = Te(S), o = e.route;
         let u = e.route;
-        e.indexPath.some((i) => Se(i)) && (u = e.indexPath.slice(-2).join("/"));
-        const c = w.getRoutes().filter((i) => i.path === u)?.[0]?.meta?.linkTarget;
+        e.indexPath.some((i) => Oe(i)) && (u = e.indexPath.slice(-2).join("/"));
+        const c = S.getRoutes().filter((i) => i.path === u)?.[0]?.meta?.linkTarget;
         l(c ? {
           url: o,
           winOpenOpt: {
@@ -241,27 +241,27 @@ const we = H({
       }
       r("select", e, n);
     }
-    const S = h(), k = h(), D = h(), te = b(() => ({
+    const O = v(), D = v(), R = v(), le = b(() => ({
       ...t.collapseWidth === 0 && f.value ? {
         borderRight: "none"
       } : {},
-      width: O(t.width),
+      width: T(t.width),
       height: t.height
     }));
-    fe(() => f.value, (e) => {
-      le.value || (e ? r("update:width", t.collapseWidth) : r("update:width", D.value || t.width), D.value = t.width);
+    he(() => f.value, (e) => {
+      oe.value || (e ? r("update:width", t.collapseWidth) : r("update:width", R.value || t.width), R.value = t.width);
     });
     const {
-      isDraging: le
-    } = Be(S, k, x), oe = b(() => ({
-      left: O(t.width)
-    })), ne = b(() => [s.b(), t.isFixedLeft ? s.m("fixed") : ""]), A = h([]);
-    return me(() => {
-      ve(() => {
+      isDraging: oe
+    } = we(O, D, B), ne = b(() => ({
+      left: T(t.width)
+    })), ae = b(() => [s.b(), t.isFixedLeft ? s.m("fixed") : ""]), A = v([]);
+    return ve(() => {
+      ge(() => {
         if (t.dragOption?.dragClassName) {
           const e = document.querySelectorAll(`.${s.e(t.dragOption?.dragClassName)}`)?.[0], {
             initSortable: n
-          } = xe(e, {
+          } = Be(e, {
             draggable: ".vft-menu-item",
             onEnd: (l) => {
               const {
@@ -275,53 +275,53 @@ const we = H({
           n();
         }
       });
-    }), J({
-      sideRef: S,
-      jumpActiveDom: B,
-      menuRef: v
+    }), L({
+      sideRef: O,
+      jumpActiveDom: w,
+      menuRef: h
     }), () => {
       let e;
-      return M.value && (A.value = Y(t.menus, E(M.value) ? M.value : 1 / 0)), m("div", {
-        ref: S,
-        class: ne.value,
-        style: te.value
+      return M.value && (A.value = Z(t.menus, E(M.value) ? M.value : 1 / 0)), m("div", {
+        ref: O,
+        class: ae.value,
+        style: le.value
       }, [d.top ? m("div", {
         class: s.e("top")
-      }, [d.top()]) : null, y(m(be, {
-        ref: v,
-        onSelect: ee,
-        onOpen: Z,
-        onSubMenuClick: z,
-        defaultActive: P?.value || T.value,
-        defaultOpeneds: $?.value || A.value,
+      }, [d.top()]) : null, y(m(Me, {
+        ref: h,
+        onSelect: te,
+        onOpen: z,
+        onSubMenuClick: G,
+        defaultActive: U?.value || _.value,
+        defaultOpeneds: F?.value || A.value,
         disableSubMenuAction: t.disableSubMenuAction,
         class: [s.e("con"), t.dragOption?.dragClassName ? s.e(t.dragOption?.dragClassName) : ""],
-        style: X.value,
-        collapse: F.value ? f.value : !1,
-        uniqueOpened: U.value,
+        style: ee.value,
+        collapse: Y.value ? f.value : !1,
+        uniqueOpened: $.value,
         collapseTransition: t.collapseTransition,
         collapseType: t.collapseType
-      }, _e(e = t.menus.map((n, l) => _(n, l))) ? e : {
+      }, ke(e = t.menus.map((n, l) => k(n, l))) ? e : {
         default: () => [e]
       })), d.bottom ? m("div", {
         class: s.e("bottom")
       }, [d.bottom()]) : t.showCollapse ? m("div", {
         onClick: () => r("update:collapse", !f.value),
         class: [s.e("bottom"), s.e("collapse")]
-      }, [m(ge, {
+      }, [m(ye, {
         style: {
           transform: f.value ? "rotateY(180deg)" : ""
         },
         size: 20,
         icon: "icon-sidebar-collapse"
       }, null)]) : null, d.default?.(), t.dragWidthCfg ? m("div", {
-        ref: k,
-        style: oe.value,
+        ref: D,
+        style: ne.value,
         class: s.e("drag-bar")
       }, null) : null]);
     };
   }
 });
 export {
-  Ue as default
+  Fe 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 { getCurrentInstance as i, inject as e, computed as c, unref as v, ref as Z } from "vue";
+import { ref as v, getCurrentInstance as i, inject as e, computed as c, unref as Z } from "vue";
 import "lodash-es";
 import "../../components/form/index.js";
 const s = {
   current: 0
-}, u = Z(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
+}, u = v(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 = v(x);
+    const r = Z(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.521",
+  "version": "0.0.522",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.521";
+const o = "0.0.522";
 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 placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -480,9 +480,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;

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

@@ -85,9 +85,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
-                readonly visible?: boolean | null | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
+                readonly visible?: boolean | null | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
@@ -503,9 +503,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
-                readonly visible?: boolean | null | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
+                readonly visible?: boolean | null | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
@@ -1006,9 +1006,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
-                readonly visible?: boolean | null | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
+                readonly visible?: boolean | null | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
@@ -1424,9 +1424,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
-                readonly visible?: boolean | null | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
+                readonly visible?: boolean | null | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
@@ -1916,9 +1916,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -2334,9 +2334,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | 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>;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-        };
         dark: {
             type: import("vue").PropType<boolean>;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+        };
         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>;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-        };
         dark: {
             type: import("vue").PropType<boolean>;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+        };
         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>;
     };
-    icon: {
-        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-    };
     dark: {
         type: import("vue").PropType<boolean>;
     };
+    icon: {
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
     };

package/lib/components/full-screen/full-screen.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@vft/use"),u=require("@vft/utils"),c=require("../icon-text/index.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const a=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const p=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const f=e.defineComponent({name:"full-screen"}),d=e.defineComponent({...f,props:{text:{},icon:{},color:{},hoverColor:{},disableIconHover:{type:Boolean},distance:{},reverse:{type:Boolean},size:{},direction:{},pointer:{type:Boolean},adjustOrigin:{type:Boolean},maxLines:{},showTooltip:{type:Boolean},clampTooltipCfg:{},useClamp:{type:Boolean}},setup(o){const n=o,t=p.useNamespace("full-screen"),{toggle:s,isFullscreen:r}=l.useFullscreen(),i=a.primaryColor().value;return(q,m)=>(e.openBlock(),e.createBlock(e.unref(c.VftIconText),e.mergeProps({class:e.unref(t).b(),distance:2,"hover-color":e.unref(i),onClick:e.unref(s),icon:e.unref(r)?"icon-exit-full-screen":"icon-full-screen",text:e.unref(r)?"退出全屏":"全屏"},e.unref(u.delObjAttrNotExist)(n,!0,!0),{pointer:""}),null,16,["class","hover-color","onClick","icon","text"]))}});exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@vft/use"),i=require("@vft/utils"),c=require("../icon-text/index.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const a=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const p=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const f=e.defineComponent({name:"full-screen"}),d=e.defineComponent({...f,props:{text:{},icon:{},color:{},hoverColor:{},disableIconHover:{type:Boolean},distance:{},reverse:{type:Boolean},size:{},direction:{},pointer:{type:Boolean},adjustOrigin:{type:Boolean},maxLines:{},showTooltip:{type:Boolean},clampTooltipCfg:{},useClamp:{type:Boolean}},setup(n){const t=n,l=p.useNamespace("full-screen"),{toggle:u,isFullscreen:o}=s.useFullscreen(),r=e.ref("");return e.onMounted(()=>{r.value=a.primaryColor().value}),(q,m)=>(e.openBlock(),e.createBlock(e.unref(c.VftIconText),e.mergeProps({class:e.unref(l).b(),distance:2,"hover-color":r.value,onClick:e.unref(u),icon:e.unref(o)?"icon-exit-full-screen":"icon-full-screen",text:e.unref(o)?"退出全屏":"全屏"},e.unref(i.delObjAttrNotExist)(t,!0,!0),{pointer:""}),null,16,["class","hover-color","onClick","icon","text"]))}});exports.default=d;

package/lib/components/multiple-tabs/multiple-tabs.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),R=require("../tabs/index.cjs"),y=require("../icon/index.cjs"),K=require("@vueuse/core");require("@vft/utils");const r=require("../../utils/helper.cjs"),q=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const d=require("@vft/router"),h=require("@vft/store"),A=require("@vft/use"),D=require("hotkeys-js"),H=require("vue-router"),W=require("./tab-content.vue2.cjs"),S=require("./use/use-multiple-tabs.cjs");require("../context-menu/context-menu.vue2.cjs");const j=e.defineComponent({name:"vft-multiple-tabs"}),O=e.defineComponent({...j,props:{tabsStyle:{},contextMenuStyle:{},canDrag:{type:Boolean},showNavRight:{type:Boolean,default:!0},fixTabCount:{default:0},fixExtraScrollWidth:{}},setup(s){const g=z.useNamespace("multiple-tabs"),l=e.getCurrentInstance().appContext.config.globalProperties.$router,P=S.initAffixTabs(l),o=h.useMultipleTabStore(),f=e.computed(()=>o.getTabList.filter(t=>!t.meta?.hideTab&&h.isTabPinned(t)).length),k=e.computed(()=>Math.max(s.fixTabCount,f.value)),u=e.ref(""),i=e.ref(0),b=e.ref(),{go:x}=d.useRouterHelper(l),v=e.computed(()=>o.getTabList.filter(t=>!t.meta?.hideTab));e.watchEffect(()=>{if(u.value){const t=v.value.findIndex(a=>d.getRouterKeyPath(a)===u.value);t===-1?i.value=v.value?.length-1:i.value=t,i.value=i.value<f.value?f.value-1:i.value}}),K.isClient&&H.onBeforeRouteLeave(()=>{b.value=e.unref(l.currentRoute)}),d.listenerRouteChange(({route:t})=>{if(!t||t.meta?.hasTokenToRoot)return;const{meta:a={}}=t,{currentActivePath:n,hideTab:c}=a,E=c?n:null,T=d.getRouterKeyPath(t);if(u.value!==T&&(u.value=T),E){const C=l.getRoutes().find(F=>F.path===n);C&&o.addTab(C,e.unref(b),i.value,t)}else c||o.addTab(e.unref(t),e.unref(b),i.value)});function V(t){if(u.value===t.paneName)return;const a=v.value[t.attrs.index];u.value=t.paneName;const n=a?.meta?.hideActiveRoute?.fullPath;x(n||a.fullPath||a.path)}function _(t){o.closeTabByKey(t,l)}const{refs:U,setRefs:w}=A.useRefs();function M(t){const a=t.pane.attrs.index,n=t.event;U.value[a].handleContext(n)}const B=e.computed(()=>{const t={padding:"4px 0 0","border-bottom":"none","header-height":r.addUnit(26),"font-size":r.addUnit(13),"item-padding":`0 ${r.addUnit(10)}`,"close-icon-left":r.addUnit(8),"item-distance":"1px","item-max-width":r.addUnit(180),"scroll-padding":`0 ${r.addUnit(20)}`,"header-margin":`0 0 0 ${r.addUnit(10)}`,"item-border-radius":`${r.addUnit(5)} ${r.addUnit(5)} 0 0`,"item-border":"none"};return{...q.generateCssVars(t,"tabs"),...s.tabsStyle}}),{closeCurrent:N}=h.useTabs(),$={...q.generateCssVars({"sub-item-height":r.addUnit(40),"item-min-width":r.addUnit(150)},"menu"),...s.contextMenuStyle},I=()=>{o.toggleFullScreen(o.getTabList[i.value],l)},m=e.ref(!1);let p;const L=()=>{clearInterval(p),m.value=!0,o.refreshPage(0,l,o.getTabList[i.value]),p=setTimeout(()=>{m.value=!1},500)};return e.onMounted(()=>{s.canDrag&&S.useTabsDrag(P),D("command+e, ctrl+e",()=>(N(),!1))}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(g).b()),style:e.normalizeStyle(B.value)},[e.createVNode(e.unref(R.VftTabs),{"show-bar":!1,"fix-tab-count":k.value,"fix-extra-scroll-width":s.fixExtraScrollWidth,modelValue:u.value,"onUpdate:modelValue":a[0]||(a[0]=n=>u.value=n),onTabClick:V,onTabRemove:_,onTabContextMenu:M},e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(n,c)=>(e.openBlock(),e.createBlock(e.unref(R.VftTabPane),{key:e.unref(d.getRouterKeyPath)(n)+c,closable:!e.unref(h.isTabPinned)(n),index:c,name:e.unref(d.getRouterKeyPath)(n)},{label:e.withCtx(()=>[e.createVNode(W.default,{"context-menu-style":$,"affix-num":f.value,ref_for:!0,ref:e.unref(w)(c),"tab-item":n},null,8,["affix-num","tab-item"])]),_:2},1032,["closable","index","name"]))),128))]),_:2},[s.showNavRight?{name:"navRight",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"nav-right",{},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(g).e("nav-right"))},[e.createVNode(e.unref(y.VftIcon),{rotate:m.value,"rotate-speed":1,onClick:L,icon:"icon-refresh-right",pointer:""},null,8,["rotate"]),e.createVNode(e.unref(y.VftIcon),{onClick:I,icon:e.unref(o).isFullScreen?"icon-collapse":"icon-expand",pointer:""},null,8,["icon"])],2)])]),key:"0"}:void 0]),1032,["fix-tab-count","fix-extra-scroll-width","modelValue"])],6))}});exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),R=require("../tabs/index.cjs"),y=require("../icon/index.cjs"),F=require("@vueuse/core");require("@vft/utils");const r=require("../../utils/helper.cjs"),q=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const s=require("@vft/router"),h=require("@vft/store"),A=require("@vft/use"),D=require("hotkeys-js"),H=require("vue-router"),W=require("./tab-content.vue2.cjs"),S=require("./use/use-multiple-tabs.cjs");require("../context-menu/context-menu.vue2.cjs");const j=e.defineComponent({name:"vft-multiple-tabs"}),O=e.defineComponent({...j,props:{tabsStyle:{},contextMenuStyle:{},canDrag:{type:Boolean},showNavRight:{type:Boolean,default:!0},fixTabCount:{default:0},fixExtraScrollWidth:{}},setup(c){const x=z.useNamespace("multiple-tabs"),u=e.getCurrentInstance().appContext.config.globalProperties.$router,P=S.initAffixTabs(u),o=h.useMultipleTabStore(),f=e.computed(()=>o.getTabList.filter(t=>!t.meta?.hideTab&&h.isTabPinned(t)).length),k=e.computed(()=>Math.max(c.fixTabCount,f.value)),l=e.ref(s.getRouterKeyPath(e.unref(u.currentRoute))||""),i=e.ref(0),b=e.ref(),{go:p}=s.useRouterHelper(u),v=e.computed(()=>o.getTabList.filter(t=>!t.meta?.hideTab));e.watchEffect(()=>{if(l.value){const t=v.value.findIndex(a=>s.getRouterKeyPath(a)===l.value);t===-1?i.value=v.value?.length-1:i.value=t,i.value=i.value<f.value?f.value-1:i.value}}),F.isClient&&H.onBeforeRouteLeave(()=>{b.value=e.unref(u.currentRoute)}),s.listenerRouteChange(({route:t})=>{if(!t||t.meta?.hasTokenToRoot)return;const{meta:a={}}=t,{currentActivePath:n,hideTab:d}=a,E=d?n:null,g=s.getRouterKeyPath(t);if(g&&l.value!==g&&(l.value=g),E){const C=u.getRoutes().find(K=>K.path===n);C&&o.addTab(C,e.unref(b),i.value,t)}else d||o.addTab(e.unref(t),e.unref(b),i.value)});function V(t){if(l.value===t.paneName)return;const a=v.value[t.attrs.index];l.value=t.paneName;const n=a?.meta?.hideActiveRoute?.fullPath;p(n||a.fullPath||a.path)}function _(t){o.closeTabByKey(t,u)}const{refs:U,setRefs:w}=A.useRefs();function M(t){const a=t.pane.attrs.index,n=t.event;U.value[a].handleContext(n)}const B=e.computed(()=>{const t={padding:"4px 0 0","border-bottom":"none","header-height":r.addUnit(26),"font-size":r.addUnit(13),"item-padding":`0 ${r.addUnit(10)}`,"close-icon-left":r.addUnit(8),"item-distance":"1px","item-max-width":r.addUnit(180),"scroll-padding":`0 ${r.addUnit(20)}`,"header-margin":`0 0 0 ${r.addUnit(10)}`,"item-border-radius":`${r.addUnit(5)} ${r.addUnit(5)} 0 0`,"item-border":"none"};return{...q.generateCssVars(t,"tabs"),...c.tabsStyle}}),{closeCurrent:N}=h.useTabs(),$={...q.generateCssVars({"sub-item-height":r.addUnit(40),"item-min-width":r.addUnit(150)},"menu"),...c.contextMenuStyle},I=()=>{o.toggleFullScreen(o.getTabList[i.value],u)},m=e.ref(!1);let T;const L=()=>{clearInterval(T),m.value=!0,o.refreshPage(0,u,o.getTabList[i.value]),T=setTimeout(()=>{m.value=!1},500)};return e.onMounted(()=>{c.canDrag&&S.useTabsDrag(P),D("command+e, ctrl+e",()=>(N(),!1))}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(x).b()),style:e.normalizeStyle(B.value)},[e.createVNode(e.unref(R.VftTabs),{"show-bar":!1,"fix-tab-count":k.value,"fix-extra-scroll-width":c.fixExtraScrollWidth,modelValue:l.value,"onUpdate:modelValue":a[0]||(a[0]=n=>l.value=n),onTabClick:V,onTabRemove:_,onTabContextMenu:M},e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(n,d)=>(e.openBlock(),e.createBlock(e.unref(R.VftTabPane),{key:e.unref(s.getRouterKeyPath)(n)+d,closable:!e.unref(h.isTabPinned)(n),index:d,name:e.unref(s.getRouterKeyPath)(n)},{label:e.withCtx(()=>[e.createVNode(W.default,{"context-menu-style":$,"affix-num":f.value,ref_for:!0,ref:e.unref(w)(d),"tab-item":n},null,8,["affix-num","tab-item"])]),_:2},1032,["closable","index","name"]))),128))]),_:2},[c.showNavRight?{name:"navRight",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"nav-right",{},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(x).e("nav-right"))},[e.createVNode(e.unref(y.VftIcon),{rotate:m.value,"rotate-speed":1,onClick:L,icon:"icon-refresh-right",pointer:""},null,8,["rotate"]),e.createVNode(e.unref(y.VftIcon),{onClick:I,icon:e.unref(o).isFullScreen?"icon-collapse":"icon-expand",pointer:""},null,8,["icon"])],2)])]),key:"0"}:void 0]),1032,["fix-tab-count","fix-extra-scroll-width","modelValue"])],6))}});exports.default=O;

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

@@ -7,14 +7,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | number>;
             default: number;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-            default: string;
-        };
         teleported: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+            default: string;
+        };
         hideAfter: {
             type: import("vue").PropType<number>;
             default: number;
@@ -52,8 +52,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         cancel: (val: MouseEvent) => void;
     }, import("vue").PublicProps, {
         width: string | number;
-        icon: string | import("vft/es/vft").IconProps;
         teleported: boolean;
+        icon: string | import("vft/es/vft").IconProps;
         hideAfter: number;
         persistent: boolean;
         confirmButtonType: import("vft/es/vft").ButtonType;
@@ -74,14 +74,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | number>;
             default: number;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-            default: string;
-        };
         teleported: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+            default: string;
+        };
         hideAfter: {
             type: import("vue").PropType<number>;
             default: number;
@@ -116,8 +116,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         onConfirm?: ((val: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
         width: string | number;
-        icon: string | import("vft/es/vft").IconProps;
         teleported: boolean;
+        icon: string | import("vft/es/vft").IconProps;
         hideAfter: number;
         persistent: boolean;
         confirmButtonType: import("vft/es/vft").ButtonType;
@@ -135,14 +135,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string | number>;
         default: number;
     };
-    icon: {
-        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-        default: string;
-    };
     teleported: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    icon: {
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+        default: string;
+    };
     hideAfter: {
         type: import("vue").PropType<number>;
         default: number;
@@ -180,8 +180,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
     cancel: (val: MouseEvent) => void;
 }, string, {
     width: string | number;
-    icon: string | import("vft/es/vft").IconProps;
     teleported: boolean;
+    icon: string | import("vft/es/vft").IconProps;
     hideAfter: number;
     persistent: boolean;
     confirmButtonType: import("vft/es/vft").ButtonType;

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

@@ -43,8 +43,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onConfirm?: ((val: MouseEvent) => any) | undefined;
 }>, {
     width: string | number;
-    icon: string | IconProps;
     teleported: boolean;
+    icon: string | IconProps;
     hideAfter: number;
     persistent: boolean;
     confirmButtonType: ButtonType;