vft 0.0.473 → 0.0.475

package/es/components/iframe-layout/iframe-layout.vue.d.ts

@@ -1,9 +1,16 @@
 import type { RouteLocationNormalized } from 'vue-router';
 interface Props {
     iframePages: RouteLocationNormalized[];
-    preloadPage?: boolean;
+    currentPath?: string;
 }
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {
+    iframePageRef: import("vue").Ref<any, any>;
+    iframeIsLoaded: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "iframe-loaded": (item: import("vue-router").RouteLocationNormalizedGeneric, index: number) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{
+    "onIframe-loaded"?: ((item: import("vue-router").RouteLocationNormalizedGeneric, index: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/es/components/iframe-layout/iframe-layout.vue2.js

@@ -1,34 +1,37 @@
-import { defineComponent as o, createElementBlock as t, openBlock as r, Fragment as a, renderList as n, withDirectives as p, createCommentVNode as f, createBlock as c, vShow as u } from "vue";
-import "@vueuse/core";
-import "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import "../form/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import i from "./iframe-page.vue2.js";
-const s = o({
+import { defineComponent as c, ref as p, computed as P, createElementBlock as n, openBlock as t, Fragment as m, renderList as _, withDirectives as g, createCommentVNode as k, createBlock as v, vShow as L } from "vue";
+import y from "./iframe-page.vue2.js";
+const B = c({
   name: "vft-iframe-layout"
-}), C = /* @__PURE__ */ o({
-  ...s,
+}), x = /* @__PURE__ */ c({
+  ...B,
   props: {
     iframePages: {},
-    preloadPage: { type: Boolean }
+    currentPath: {}
   },
-  setup(m) {
-    return (l, _) => (r(!0), t(a, null, n(m.iframePages, (e) => (r(), t(a, {
+  emits: ["iframe-loaded"],
+  setup(o, { expose: l, emit: u }) {
+    const d = u, r = p(), s = (a, f) => {
+      d("iframe-loaded", a, f);
+    }, i = P(() => !r?.value?.[r?.value?.length - 1]?.isLoading);
+    return l({
+      iframePageRef: r,
+      iframeIsLoaded: i
+    }), (a, f) => (t(!0), n(m, null, _(o.iframePages, (e, h) => (t(), n(m, {
       key: e.query ? e.fullPath : e.path
     }, [
-      e.meta.frameSrc && e.meta.loaded ? p((r(), c(i, {
+      e.meta.frameSrc && e.meta.loaded ? g((t(), v(y, {
         key: 0,
+        ref_for: !0,
+        ref_key: "iframePageRef",
+        ref: r,
+        onLoaded: (S) => s(e, h),
         "frame-src": e.meta.frameSrc
-      }, null, 8, ["frame-src"])), [
-        [u, e.fullPath === l.$route.fullPath]
-      ]) : f("", !0)
+      }, null, 8, ["onLoaded", "frame-src"])), [
+        [L, e.fullPath === (o.currentPath || a.$route.fullPath)]
+      ]) : k("", !0)
     ], 64))), 128));
   }
 });
 export {
-  C as default
+  x as default
 };

package/es/components/iframe-layout/iframe-page.vue.d.ts

@@ -1,7 +1,13 @@
 interface IframePageProps {
     frameSrc: string;
 }
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IframePageProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IframePageProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IframePageProps>>, {
+    isLoading: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    loaded: () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IframePageProps>>> & Readonly<{
+    onLoaded?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/es/components/iframe-layout/iframe-page.vue2.js

@@ -1,57 +1,54 @@
-import { defineComponent as m, ref as n, onMounted as p, nextTick as d, withDirectives as u, createElementBlock as v, openBlock as _, normalizeClass as i, unref as r, createElementVNode as w } from "vue";
+import { defineComponent as n, ref as t, onMounted as u, nextTick as a, createElementBlock as _, openBlock as v, normalizeClass as w, unref as g } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as g } from "../../hooks/use-namespace/index.js";
+import { useNamespace as h } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { vLoading as h } from "../loading/directive.js";
-import "../icon/index.js";
-const b = ["src"], k = m({
+const b = ["src"], k = n({
   name: "vft-iframe-page"
-}), M = /* @__PURE__ */ m({
+}), I = /* @__PURE__ */ n({
   ...k,
   props: {
     frameSrc: {}
   },
-  setup(s) {
-    const a = g("iframe-page"), e = n(), o = n(!0), t = () => {
-      o.value = !1;
-    }, l = () => {
-      o.value = !1;
-    }, c = () => {
+  emits: ["loaded"],
+  setup(i, { expose: m, emit: s }) {
+    const l = s, c = h("iframe-page"), e = t(), o = t(!0), r = () => {
+      a(() => {
+        o.value = !1, l("loaded");
+      });
+    }, f = () => {
+      r();
+    }, p = () => {
       if (!e.value) return;
       e.value?.contentDocument?.readyState === "complete" && setTimeout(() => {
-        t();
+        r();
       }, 1e3);
     };
-    return p(() => {
-      d(() => {
-        c();
+    return u(() => {
+      o.value = !0, a(() => {
+        p();
       });
-    }), (f, y) => u((_(), v("div", {
-      class: i(r(a).b())
-    }, [
-      w("iframe", {
-        ref_key: "iframeRef",
-        ref: e,
-        sandbox: "allow-scripts allow-same-origin allow-top-navigation allow-modals allow-forms allow-top-navigation-by-user-activation",
-        referrerPolicy: "no-referrer-when-downgrade",
-        frameborder: "0",
-        style: { border: "none", outline: "none" },
-        class: i(r(a).b()),
-        src: s.frameSrc,
-        onLoad: t,
-        onError: l
-      }, null, 42, b)
-    ], 2)), [
-      [r(h), o.value]
-    ]);
+    }), m({
+      isLoading: o
+    }), (d, x) => (v(), _("iframe", {
+      ref_key: "iframeRef",
+      ref: e,
+      sandbox: "allow-scripts allow-same-origin allow-top-navigation allow-modals allow-forms allow-top-navigation-by-user-activation",
+      referrerPolicy: "no-referrer-when-downgrade",
+      frameborder: "0",
+      style: { border: "none", outline: "none" },
+      class: w(g(c).b()),
+      src: i.frameSrc,
+      onLoad: r,
+      onError: f
+    }, null, 42, b));
   }
 });
 export {
-  M as default
+  I as default
 };

package/es/components/iframe-layout/index.d.ts

@@ -3,16 +3,23 @@ export declare const VftIframeLayout: import("vft/es/utils").SFCWithInstall<impo
         type: import("vue").PropType<import("vue-router").RouteLocationNormalizedGeneric[]>;
         required: true;
     };
-    preloadPage: {
-        type: import("vue").PropType<boolean>;
+    currentPath: {
+        type: import("vue").PropType<string>;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    iframePageRef: import("vue").Ref<any, any>;
+    iframeIsLoaded: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "iframe-loaded": (item: import("vue-router").RouteLocationNormalizedGeneric, index: number) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     iframePages: {
         type: import("vue").PropType<import("vue-router").RouteLocationNormalizedGeneric[]>;
         required: true;
     };
-    preloadPage: {
-        type: import("vue").PropType<boolean>;
+    currentPath: {
+        type: import("vue").PropType<string>;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
+}>> & Readonly<{
+    "onIframe-loaded"?: ((item: import("vue-router").RouteLocationNormalizedGeneric, index: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftIframeLayout;

package/es/components/multiple-tabs/multiple-tabs.vue2.js

@@ -1,27 +1,27 @@
-import { defineComponent as _, getCurrentInstance as z, ref as b, computed as S, watchEffect as D, unref as t, onMounted as H, resolveComponent as K, createElementBlock as k, openBlock as p, normalizeStyle as U, normalizeClass as P, createVNode as x, createSlots as W, withCtx as g, Fragment as j, renderList as q, createBlock as G, renderSlot as J, createElementVNode as O } from "vue";
-import { VftTabs as Q, VftTabPane as X } from "../tabs/index.js";
+import { defineComponent as w, getCurrentInstance as z, ref as v, computed as S, watchEffect as D, unref as n, onMounted as H, createElementBlock as C, openBlock as b, normalizeStyle as K, normalizeClass as k, createVNode as p, createSlots as U, withCtx as x, Fragment as W, renderList as j, createBlock as q, renderSlot as G, createElementVNode as J } from "vue";
+import { VftTabs as O, VftTabPane as Q } from "../tabs/index.js";
+import { VftIcon as X } from "../icon/index.js";
 import { isClient as Y } from "@vueuse/core";
 import "@vft/utils";
 import { addUnit as o } from "../../utils/helper.js";
-import { generateCssVars as w } from "../../utils/ns-cover.js";
+import { generateCssVars as P } from "../../utils/ns-cover.js";
 import "lodash-es";
 import "../form/index.js";
 import { useNamespace as Z } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useRouterHelper as ee, getRouterKeyPath as v, listenerRouteChange as te } from "@vft/router";
-import { useMultipleTabStore as ne, useTabs as oe } from "@vft/store";
-import { useRefs as ae } from "@vft/use";
+import { useRouterHelper as ee, getRouterKeyPath as d, listenerRouteChange as te } from "@vft/router";
+import { useMultipleTabStore as ne, useTabs as ae } from "@vft/store";
+import { useRefs as oe } from "@vft/use";
 import ie from "hotkeys-js";
 import { onBeforeRouteLeave as le } from "vue-router";
 import re from "./tab-content.vue2.js";
 import { initAffixTabs as se, useTabsDrag as ce } from "./use/use-multiple-tabs.js";
 import "../context-menu/context-menu.vue2.js";
-import "../icon/index.js";
-const ue = _({
+const ue = w({
   name: "vft-multiple-tabs"
-}), Ne = /* @__PURE__ */ _({
+}), _e = /* @__PURE__ */ w({
   ...ue,
   props: {
     tabsStyle: {},
@@ -31,46 +31,46 @@ const ue = _({
     fixTabCount: {},
     fixExtraScrollWidth: {}
   },
-  setup(c) {
-    const T = Z("multiple-tabs"), u = z().appContext.config.globalProperties.$router, m = se(u), s = ne(), l = b(""), r = b(0), h = b(), { go: R } = ee(u), d = S(() => s.getTabList.filter((e) => !e.meta?.hideTab));
+  setup(s) {
+    const g = Z("multiple-tabs"), c = z().appContext.config.globalProperties.$router, f = se(c), r = ne(), i = v(""), l = v(0), h = v(), { go: T } = ee(c), m = S(() => r.getTabList.filter((e) => !e.meta?.hideTab));
     D(() => {
-      if (l.value) {
-        const e = d.value.findIndex((n) => v(n) === l.value);
-        e === -1 ? r.value = d.value?.length - 1 : r.value = e, r.value = r.value < m?.length ? m?.length - 1 : r.value;
+      if (i.value) {
+        const e = m.value.findIndex((a) => d(a) === i.value);
+        e === -1 ? l.value = m.value?.length - 1 : l.value = e, l.value = l.value < f?.length ? f?.length - 1 : l.value;
       }
     }), Y && le(() => {
-      h.value = t(u.currentRoute);
+      h.value = n(c.currentRoute);
     }), te(({ route: e }) => {
       if (!e || e.meta?.hasTokenToRoot)
         return;
-      const { meta: n = {} } = e, { currentActivePath: a, hideTab: i } = n, f = i ? a : null, y = v(e);
-      if (l.value !== y && (l.value = y), f) {
-        const C = u.getRoutes().find((I) => I.path === a);
-        C && s.addTab(
-          C,
-          t(h),
-          r.value,
+      const { meta: a = {} } = e, { currentActivePath: t, hideTab: u } = a, A = u ? t : null, R = d(e);
+      if (i.value !== R && (i.value = R), A) {
+        const y = c.getRoutes().find((F) => F.path === t);
+        y && r.addTab(
+          y,
+          n(h),
+          l.value,
           e
         );
-      } else i || s.addTab(t(e), t(h), r.value);
+      } else u || r.addTab(n(e), n(h), l.value);
     });
     function V(e) {
-      if (l.value === e.paneName)
+      if (i.value === e.paneName)
         return;
-      const n = d.value[e.attrs.index];
-      l.value = e.paneName;
-      const a = n?.meta?.hideActiveRoute?.fullPath;
-      R(a || n.fullPath || n.path);
+      const a = m.value[e.attrs.index];
+      i.value = e.paneName;
+      const t = a?.meta?.hideActiveRoute?.fullPath;
+      T(t || a.fullPath || a.path);
     }
     function $(e) {
-      s.closeTabByKey(e, u);
+      r.closeTabByKey(e, c);
     }
-    const { refs: B, setRefs: M } = ae();
+    const { refs: B, setRefs: M } = oe();
     function N(e) {
-      const n = e.pane.attrs.index, a = e.event;
-      B.value[n].handleContext(a);
+      const a = e.pane.attrs.index, t = e.event;
+      B.value[a].handleContext(t);
     }
-    const E = S(() => {
+    const _ = S(() => {
       const e = {
         padding: "4px 0 0",
         "border-bottom": "none",
@@ -85,80 +85,77 @@ const ue = _({
         "item-border-radius": `${o(5)} ${o(5)} 0 0`,
         "item-border": "none"
       };
-      return { ...w(e, "tabs"), ...c.tabsStyle };
-    }), { closeCurrent: L } = oe(), A = {
-      ...w(
+      return { ...P(e, "tabs"), ...s.tabsStyle };
+    }), { closeCurrent: E } = ae(), I = {
+      ...P(
         {
           "sub-item-height": o(40),
           "item-min-width": o(150)
         },
         "menu"
       ),
-      ...c.contextMenuStyle
-    }, F = () => {
-      s.toggleFullScreen(s.getTabList[r.value], u);
+      ...s.contextMenuStyle
+    }, L = () => {
+      r.toggleFullScreen(r.getTabList[l.value], c);
     };
     return H(() => {
-      c.canDrag && ce(m), ie("command+e, ctrl+e", () => (L(), !1));
-    }), (e, n) => {
-      const a = K("vft-icon");
-      return p(), k("div", {
-        class: P(t(T).b()),
-        style: U(E.value)
+      s.canDrag && ce(f), ie("command+e, ctrl+e", () => (E(), !1));
+    }), (e, a) => (b(), C("div", {
+      class: k(n(g).b()),
+      style: K(_.value)
+    }, [
+      p(n(O), {
+        "show-bar": !1,
+        "fix-tab-count": s.fixTabCount,
+        "fix-extra-scroll-width": s.fixExtraScrollWidth,
+        modelValue: i.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (t) => i.value = t),
+        onTabClick: V,
+        onTabRemove: $,
+        onTabContextMenu: N
+      }, U({
+        default: x(() => [
+          (b(!0), C(W, null, j(m.value, (t, u) => (b(), q(n(Q), {
+            key: n(d)(t) + u,
+            closable: !t.meta?.affix,
+            index: u,
+            name: n(d)(t)
+          }, {
+            label: x(() => [
+              p(re, {
+                "context-menu-style": I,
+                "affix-num": n(f)?.length,
+                ref_for: !0,
+                ref: n(M)(u),
+                "tab-item": t
+              }, null, 8, ["affix-num", "tab-item"])
+            ]),
+            _: 2
+          }, 1032, ["closable", "index", "name"]))), 128))
+        ]),
+        _: 2
       }, [
-        x(t(Q), {
-          "show-bar": !1,
-          "fix-tab-count": c.fixTabCount,
-          "fix-extra-scroll-width": c.fixExtraScrollWidth,
-          modelValue: l.value,
-          "onUpdate:modelValue": n[0] || (n[0] = (i) => l.value = i),
-          onTabClick: V,
-          onTabRemove: $,
-          onTabContextMenu: N
-        }, W({
-          default: g(() => [
-            (p(!0), k(j, null, q(d.value, (i, f) => (p(), G(t(X), {
-              key: t(v)(i) + f,
-              closable: !i.meta?.affix,
-              index: f,
-              name: t(v)(i)
-            }, {
-              label: g(() => [
-                x(re, {
-                  "context-menu-style": A,
-                  "affix-num": t(m)?.length,
-                  ref_for: !0,
-                  ref: t(M)(f),
-                  "tab-item": i
-                }, null, 8, ["affix-num", "tab-item"])
-              ]),
-              _: 2
-            }, 1032, ["closable", "index", "name"]))), 128))
+        s.showNavRight ? {
+          name: "navRight",
+          fn: x(() => [
+            G(e.$slots, "nav-right", {}, () => [
+              J("div", {
+                class: k(n(g).e("nav-right"))
+              }, [
+                p(n(X), {
+                  onClick: L,
+                  icon: n(r).isFullScreen ? "icon-collapse" : "icon-expand",
+                  pointer: ""
+                }, null, 8, ["icon"])
+              ], 2)
+            ])
           ]),
-          _: 2
-        }, [
-          c.showNavRight ? {
-            name: "navRight",
-            fn: g(() => [
-              J(e.$slots, "nav-right", {}, () => [
-                O("div", {
-                  class: P(t(T).e("nav-right"))
-                }, [
-                  x(a, {
-                    onClick: F,
-                    icon: t(s).isFullScreen ? "icon-collapse" : "icon-expand",
-                    pointer: ""
-                  }, null, 8, ["icon"])
-                ], 2)
-              ])
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["fix-tab-count", "fix-extra-scroll-width", "modelValue"])
-      ], 6);
-    };
+          key: "0"
+        } : void 0
+      ]), 1032, ["fix-tab-count", "fix-extra-scroll-width", "modelValue"])
+    ], 6));
   }
 });
 export {
-  Ne as default
+  _e 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.473",
+  "version": "0.0.475",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

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

package/lib/components/iframe-layout/iframe-layout.vue.d.ts

@@ -1,9 +1,16 @@
 import type { RouteLocationNormalized } from 'vue-router';
 interface Props {
     iframePages: RouteLocationNormalized[];
-    preloadPage?: boolean;
+    currentPath?: string;
 }
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {
+    iframePageRef: import("vue").Ref<any, any>;
+    iframeIsLoaded: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "iframe-loaded": (item: import("vue-router").RouteLocationNormalizedGeneric, index: number) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{
+    "onIframe-loaded"?: ((item: import("vue-router").RouteLocationNormalizedGeneric, index: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/iframe-layout/iframe-layout.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const u=require("./iframe-page.vue2.cjs"),o=e.defineComponent({name:"vft-iframe-layout"}),l=e.defineComponent({...o,props:{iframePages:{},preloadPage:{type:Boolean}},setup(t){return(a,n)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.iframePages,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.query?r.fullPath:r.path},[r.meta.frameSrc&&r.meta.loaded?e.withDirectives((e.openBlock(),e.createBlock(u.default,{key:0,"frame-src":r.meta.frameSrc},null,8,["frame-src"])),[[e.vShow,r.fullPath===a.$route.fullPath]]):e.createCommentVNode("",!0)],64))),128))}});exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("./iframe-page.vue2.cjs"),i=e.defineComponent({name:"vft-iframe-layout"}),_=e.defineComponent({...i,props:{iframePages:{},currentPath:{}},emits:["iframe-loaded"],setup(o,{expose:u,emit:l}){const c=l,t=e.ref(),f=(a,n)=>{c("iframe-loaded",a,n)},d=e.computed(()=>!t?.value?.[t?.value?.length-1]?.isLoading);return u({iframePageRef:t,iframeIsLoaded:d}),(a,n)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.iframePages,(r,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.query?r.fullPath:r.path},[r.meta.frameSrc&&r.meta.loaded?e.withDirectives((e.openBlock(),e.createBlock(m.default,{key:0,ref_for:!0,ref_key:"iframePageRef",ref:t,onLoaded:p=>f(r,s),"frame-src":r.meta.frameSrc},null,8,["onLoaded","frame-src"])),[[e.vShow,r.fullPath===(o.currentPath||a.$route.fullPath)]]):e.createCommentVNode("",!0)],64))),128))}});exports.default=_;

package/lib/components/iframe-layout/iframe-page.vue.d.ts

@@ -1,7 +1,13 @@
 interface IframePageProps {
     frameSrc: string;
 }
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IframePageProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IframePageProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IframePageProps>>, {
+    isLoading: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    loaded: () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IframePageProps>>> & Readonly<{
+    onLoaded?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/iframe-layout/iframe-page.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const c=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const u=require("../loading/directive.cjs");require("../icon/index.cjs");const f=["src"],d=e.defineComponent({name:"vft-iframe-page"}),m=e.defineComponent({...d,props:{frameSrc:{}},setup(t){const a=c.useNamespace("iframe-page"),r=e.ref(),o=e.ref(!0),n=()=>{o.value=!1},i=()=>{o.value=!1},s=()=>{if(!r.value)return;r.value?.contentDocument?.readyState==="complete"&&setTimeout(()=>{n()},1e3)};return e.onMounted(()=>{e.nextTick(()=>{s()})}),(l,v)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(a).b())},[e.createElementVNode("iframe",{ref_key:"iframeRef",ref:r,sandbox:"allow-scripts allow-same-origin allow-top-navigation allow-modals allow-forms allow-top-navigation-by-user-activation",referrerPolicy:"no-referrer-when-downgrade",frameborder:"0",style:{border:"none",outline:"none"},class:e.normalizeClass(e.unref(a).b()),src:t.frameSrc,onLoad:n,onError:i},null,42,f)],2)),[[e.unref(u.vLoading),o.value]])}});exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const d=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const m=["src"],p=e.defineComponent({name:"vft-iframe-page"}),_=e.defineComponent({...p,props:{frameSrc:{}},emits:["loaded"],setup(a,{expose:t,emit:i}){const s=i,l=d.useNamespace("iframe-page"),r=e.ref(),o=e.ref(!0),n=()=>{e.nextTick(()=>{o.value=!1,s("loaded")})},c=()=>{n()},u=()=>{if(!r.value)return;r.value?.contentDocument?.readyState==="complete"&&setTimeout(()=>{n()},1e3)};return e.onMounted(()=>{o.value=!0,e.nextTick(()=>{u()})}),t({isLoading:o}),(f,v)=>(e.openBlock(),e.createElementBlock("iframe",{ref_key:"iframeRef",ref:r,sandbox:"allow-scripts allow-same-origin allow-top-navigation allow-modals allow-forms allow-top-navigation-by-user-activation",referrerPolicy:"no-referrer-when-downgrade",frameborder:"0",style:{border:"none",outline:"none"},class:e.normalizeClass(e.unref(l).b()),src:a.frameSrc,onLoad:n,onError:c},null,42,m))}});exports.default=_;

package/lib/components/iframe-layout/index.d.ts

@@ -3,16 +3,23 @@ export declare const VftIframeLayout: import("vft/es/utils").SFCWithInstall<impo
         type: import("vue").PropType<import("vue-router").RouteLocationNormalizedGeneric[]>;
         required: true;
     };
-    preloadPage: {
-        type: import("vue").PropType<boolean>;
+    currentPath: {
+        type: import("vue").PropType<string>;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    iframePageRef: import("vue").Ref<any, any>;
+    iframeIsLoaded: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "iframe-loaded": (item: import("vue-router").RouteLocationNormalizedGeneric, index: number) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     iframePages: {
         type: import("vue").PropType<import("vue-router").RouteLocationNormalizedGeneric[]>;
         required: true;
     };
-    preloadPage: {
-        type: import("vue").PropType<boolean>;
+    currentPath: {
+        type: import("vue").PropType<string>;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
+}>> & Readonly<{
+    "onIframe-loaded"?: ((item: import("vue-router").RouteLocationNormalizedGeneric, index: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftIframeLayout;

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