vft 0.0.471 → 0.0.473

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

@@ -1,6 +1,7 @@
 import type { RouteLocationNormalized } from 'vue-router';
 interface Props {
     iframePages: RouteLocationNormalized[];
+    preloadPage?: boolean;
 }
 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>;
 export default _default;

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

@@ -1,30 +1,34 @@
-import { defineComponent as n, createElementBlock as a, openBlock as r, Fragment as o, renderList as m, withDirectives as l, createCommentVNode as s, createBlock as p, vShow as _, unref as i } from "vue";
-import { useRouter as h } from "vue-router";
-import d from "./iframe-page.vue2.js";
-const k = n({
+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({
   name: "vft-iframe-layout"
-}), w = /* @__PURE__ */ n({
-  ...k,
+}), C = /* @__PURE__ */ o({
+  ...s,
   props: {
-    iframePages: {}
+    iframePages: {},
+    preloadPage: { type: Boolean }
   },
-  setup(u) {
-    const f = h();
-    function c(t) {
-      return t.fullPath === i(f.currentRoute).fullPath;
-    }
-    return (t, P) => (r(!0), a(o, null, m(u.iframePages, (e) => (r(), a(o, {
+  setup(m) {
+    return (l, _) => (r(!0), t(a, null, n(m.iframePages, (e) => (r(), t(a, {
       key: e.query ? e.fullPath : e.path
     }, [
-      e.meta.frameSrc ? l((r(), p(d, {
+      e.meta.frameSrc && e.meta.loaded ? p((r(), c(i, {
         key: 0,
         "frame-src": e.meta.frameSrc
       }, null, 8, ["frame-src"])), [
-        [_, c(e)]
-      ]) : s("", !0)
+        [u, e.fullPath === l.$route.fullPath]
+      ]) : f("", !0)
     ], 64))), 128));
   }
 });
 export {
-  w as default
+  C as default
 };

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

@@ -1,32 +1,57 @@
-import { defineComponent as o, createElementBlock as a, openBlock as t, normalizeClass as n, unref as i } from "vue";
+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 "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as l } from "../../hooks/use-namespace/index.js";
+import { useNamespace as g } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const m = ["src"], s = o({
+import { vLoading as h } from "../loading/directive.js";
+import "../icon/index.js";
+const b = ["src"], k = m({
   name: "vft-iframe-page"
-}), y = /* @__PURE__ */ o({
-  ...s,
+}), M = /* @__PURE__ */ m({
+  ...k,
   props: {
-    frameSrc: { default: "" }
+    frameSrc: {}
   },
-  setup(r) {
-    const e = l("iframe-page");
-    return (p, c) => (t(), a("iframe", {
-      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: n(i(e).b()),
-      src: r.frameSrc
-    }, null, 10, m));
+  setup(s) {
+    const a = g("iframe-page"), e = n(), o = n(!0), t = () => {
+      o.value = !1;
+    }, l = () => {
+      o.value = !1;
+    }, c = () => {
+      if (!e.value) return;
+      e.value?.contentDocument?.readyState === "complete" && setTimeout(() => {
+        t();
+      }, 1e3);
+    };
+    return p(() => {
+      d(() => {
+        c();
+      });
+    }), (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]
+    ]);
   }
 });
 export {
-  y as default
+  M as default
 };

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

@@ -3,10 +3,16 @@ 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>;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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>;
+    };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftIframeLayout;

package/es/components/iframe-layout/style/css.d.ts

@@ -1 +1,2 @@
 import 'vft/theme-style/vft-iframe-layout.css';
+import 'vft/theme-style/vft-loading.css';

package/es/components/iframe-layout/style/css.js

@@ -1,2 +1,3 @@
 import "vft/theme-style/base.css";
 import "vft/theme-style/vft-iframe-layout.css";
+import "vft/theme-style/vft-loading.css";

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

@@ -1 +1,2 @@
 import 'vft/theme-style/src/iframe-layout.scss';
+import 'vft/theme-style/src/loading.scss';

package/es/components/iframe-layout/style/index.js

@@ -1,2 +1,3 @@
 import "vft/theme-style/src/base.scss";
 import "vft/theme-style/src/iframe-layout.scss";
+import "vft/theme-style/src/loading.scss";

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.471",
+  "version": "0.0.473",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

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

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

@@ -1,6 +1,7 @@
 import type { RouteLocationNormalized } from 'vue-router';
 interface Props {
     iframePages: RouteLocationNormalized[];
+    preloadPage?: boolean;
 }
 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>;
 export default _default;

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"),o=require("vue-router"),c=require("./iframe-page.vue2.cjs"),l=e.defineComponent({name:"vft-iframe-layout"}),s=e.defineComponent({...l,props:{iframePages:{}},setup(u){const n=o.useRouter();function a(t){return t.fullPath===e.unref(n.currentRoute).fullPath}return(t,f)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.iframePages,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.query?r.fullPath:r.path},[r.meta.frameSrc?e.withDirectives((e.openBlock(),e.createBlock(c.default,{key:0,"frame-src":r.meta.frameSrc},null,8,["frame-src"])),[[e.vShow,a(r)]]):e.createCommentVNode("",!0)],64))),128))}});exports.default=s;
+"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;

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 n=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const a=["src"],t=e.defineComponent({name:"vft-iframe-page"}),i=e.defineComponent({...t,props:{frameSrc:{default:""}},setup(r){const o=n.useNamespace("iframe-page");return(l,s)=>(e.openBlock(),e.createElementBlock("iframe",{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(o).b()),src:r.frameSrc},null,10,a))}});exports.default=i;
+"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;

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

@@ -3,10 +3,16 @@ 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>;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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>;
+    };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftIframeLayout;

package/lib/components/iframe-layout/style/css.cjs

@@ -1 +1 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-iframe-layout.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-iframe-layout.css");require("vft/theme-style/vft-loading.css");

package/lib/components/iframe-layout/style/css.d.ts

@@ -1 +1,2 @@
 import 'vft/theme-style/vft-iframe-layout.css';
+import 'vft/theme-style/vft-loading.css';

package/lib/components/iframe-layout/style/index.cjs

@@ -1 +1 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/iframe-layout.scss");
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/iframe-layout.scss");require("vft/theme-style/src/loading.scss");

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

@@ -1 +1,2 @@
 import 'vft/theme-style/src/iframe-layout.scss';
+import 'vft/theme-style/src/loading.scss';

package/lib/package.json.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.471";exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.473";exports.version=e;

package/lib/package.json.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.471",
+  "version": "0.0.473",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -56,11 +56,11 @@
     "resize-detector": "0.3.0",
     "sortablejs": "1.15.0",
     "photoswipe": "5.4.4",
+    "@vft/utils": "0.0.151",
+    "@vft/store": "0.0.63",
     "@vft/constants": "0.0.75",
-    "@vft/store": "0.0.61",
     "@vft/router": "0.0.71",
     "@vft/use": "0.0.92",
-    "@vft/utils": "0.0.149",
     "@vft/directives": "0.0.36"
   },
   "vetur": {