vft 0.0.425 → 0.0.427

package/es/components/config-provider/hooks/use-global-config.js

@@ -1,7 +1,7 @@
 import { keysOf as f } from "@vft/utils";
 import "@vueuse/core";
 import { debugWarn as v } from "../../../utils/error.js";
-import { ref as g, getCurrentInstance as l, computed as i, unref as p, provide as C, inject as x } from "vue";
+import { getCurrentInstance as l, computed as i, unref as p, provide as g, ref as C, inject as x } from "vue";
 import "lodash-es";
 import "../../form/index.js";
 import { namespaceContextKey as I, useNamespace as b, defaultNamespace as y } from "../../../hooks/use-namespace/index.js";
@@ -9,7 +9,7 @@ import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import { zIndexContextKey as G, useZIndex as z, defaultInitialZIndex as K } from "../../../hooks/use-z-index/index.js";
 import { configProviderContextKey as m } from "../constants.js";
-const a = g();
+const a = C();
 function d(o, e = void 0) {
   const n = l() ? x(m, a) : a;
   return o ? i(() => n?.value?.[o] ?? e) : n;
@@ -27,7 +27,7 @@ function B(o) {
   };
 }
 const S = (o, e, n = !1) => {
-  const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ? C : void 0);
+  const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ? g : void 0);
   if (!u) {
     v(
       "provideGlobalConfig",

package/es/components/image/image.vue.d.ts

@@ -4,7 +4,9 @@ declare function __VLS_template(): {
     error?(_: {}): any;
     viewer?(_: {}): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ImageProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ImageProps>>, {
+    isLoading: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     switch: (...args: any[]) => void;
     close: (...args: any[]) => void;
     error: (...args: any[]) => void;

package/es/components/image/image.vue2.js

@@ -1,20 +1,20 @@
-import { defineComponent as $, useAttrs as R, ref as o, computed as d, watch as W, onMounted as G, createElementBlock as f, openBlock as s, normalizeStyle as J, normalizeClass as y, unref as l, createCommentVNode as u, mergeProps as Q, renderSlot as L, createElementVNode as V, Fragment as U, createBlock as X, withCtx as Z, nextTick as _ } from "vue";
-import { useAttrs as ee } from "@vft/use";
-import { isInContainer as te, isElement as le, isString as re, getScrollContainer as ne } from "@vft/utils";
-import { VftImageViewer as ae } from "../image-viewer/index.js";
-import { isClient as v, useThrottleFn as ie, useEventListener as T } from "@vueuse/core";
+import { defineComponent as $, useAttrs as W, ref as o, computed as d, watch as G, onMounted as J, createElementBlock as f, openBlock as s, normalizeStyle as Q, normalizeClass as y, unref as l, createCommentVNode as u, mergeProps as U, renderSlot as L, createElementVNode as V, Fragment as X, createBlock as Z, withCtx as _, nextTick as ee } from "vue";
+import { useAttrs as te } from "@vft/use";
+import { isInContainer as le, isElement as re, isString as ne, getScrollContainer as ae } from "@vft/utils";
+import { VftImageViewer as ie } from "../image-viewer/index.js";
+import { isClient as v, useThrottleFn as oe, useEventListener as T } from "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as oe } from "../../hooks/use-namespace/index.js";
+import { useNamespace as se } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const se = ["src", "loading"], ue = { key: 0 }, ce = $({
+const ue = ["src", "loading"], ce = { key: 0 }, de = $({
   name: "vft-image",
   inheritAttrs: !1
-}), Se = /* @__PURE__ */ $({
-  ...ce,
+}), Ie = /* @__PURE__ */ $({
+  ...de,
   props: {
     hideOnClickModal: { type: Boolean, default: !1 },
     src: { default: "" },
@@ -30,38 +30,38 @@ const se = ["src", "loading"], ue = { key: 0 }, ce = $({
     closeOnPressEscape: { type: Boolean, default: !0 }
   },
   emits: ["load", "error", "switch", "close", "show"],
-  setup(t, { emit: b }) {
-    const n = oe("image"), c = b;
+  setup(t, { expose: b, emit: M }) {
+    const a = se("image"), c = M;
     let k = "";
-    const M = R(), O = ee(), w = o(), a = o(!1), i = o(!0), h = o(!1), m = o(), r = o(), H = v && "loading" in HTMLImageElement.prototype;
+    const O = W(), H = te(), w = o(), i = o(!1), r = o(!0), h = o(!1), m = o(), n = o(), x = v && "loading" in HTMLImageElement.prototype;
     let C, z;
-    const F = d(() => M.style), N = d(() => v && t.fit ? { objectFit: t.fit } : {}), p = d(() => Array.isArray(t.previewSrcList) && t.previewSrcList.length > 0), P = d(() => {
+    const F = d(() => O.style), N = d(() => v && t.fit ? { objectFit: t.fit } : {}), p = d(() => Array.isArray(t.previewSrcList) && t.previewSrcList.length > 0), P = d(() => {
       let e = t.initialIndex;
       return t.initialIndex > t.previewSrcList.length - 1 && (e = 0), e;
-    }), S = d(() => t.loading === "eager" ? !1 : !H && t.loading === "lazy" || t.lazy), g = () => {
-      v && (i.value = !0, a.value = !1, w.value = t.src);
+    }), S = d(() => t.loading === "eager" ? !1 : !x && t.loading === "lazy" || t.lazy), g = () => {
+      v && (r.value = !0, i.value = !1, w.value = t.src);
     };
-    function x(e) {
-      i.value = !1, a.value = !1, c("load", e);
-    }
     function D(e) {
-      i.value = !1, a.value = !0, c("error", e);
+      r.value = !1, i.value = !1, c("load", e);
+    }
+    function Y(e) {
+      r.value = !1, i.value = !0, c("error", e);
     }
     function I() {
-      te(m.value, r.value) && (g(), A());
+      le(m.value, n.value) && (g(), A());
     }
-    const E = ie(I, 200);
+    const E = oe(I, 200);
     async function B() {
-      v && (await _(), le(t.scrollContainer) ? r.value = t.scrollContainer : re(t.scrollContainer) && t.scrollContainer !== "" ? r.value = document.querySelector(t.scrollContainer) ?? void 0 : m.value && (r.value = ne(m.value)), r.value && (C = T(
-        r,
+      v && (await ee(), re(t.scrollContainer) ? n.value = t.scrollContainer : ne(t.scrollContainer) && t.scrollContainer !== "" ? n.value = document.querySelector(t.scrollContainer) ?? void 0 : m.value && (n.value = ae(m.value)), n.value && (C = T(
+        n,
         "scroll",
         E
       ), setTimeout(() => I(), 100)));
     }
     function A() {
-      !v || !r.value || !E || (C?.(), r.value = void 0);
+      !v || !n.value || !E || (C?.(), n.value = void 0);
     }
-    function Y(e) {
+    function j(e) {
       if (e.ctrlKey) {
         if (e.deltaY < 0)
           return e.preventDefault(), !1;
@@ -69,60 +69,62 @@ const se = ["src", "loading"], ue = { key: 0 }, ce = $({
           return e.preventDefault(), !1;
       }
     }
-    function j() {
-      p.value && (z = T("wheel", Y, {
+    function q() {
+      p.value && (z = T("wheel", j, {
         passive: !1
       }), k = document.body.style.overflow, document.body.style.overflow = "hidden", h.value = !0, c("show"));
     }
-    function q() {
+    function K() {
       z?.(), document.body.style.overflow = k, h.value = !1, c("close");
     }
-    function K(e) {
+    function R(e) {
       c("switch", e);
     }
-    return W(
+    return G(
       () => t.src,
       () => {
-        S.value ? (i.value = !0, a.value = !1, A(), B()) : g();
+        S.value ? (r.value = !0, i.value = !1, A(), B()) : g();
       }
-    ), G(() => {
+    ), J(() => {
       S.value ? B() : g();
-    }), (e, de) => (s(), f("div", {
+    }), b({
+      isLoading: r
+    }), (e, fe) => (s(), f("div", {
       ref_key: "container",
       ref: m,
-      class: y([l(n).b(), e.$attrs.class]),
-      style: J(F.value)
+      class: y([l(a).b(), e.$attrs.class]),
+      style: Q(F.value)
     }, [
-      w.value !== void 0 && !a.value ? (s(), f("img", Q({ key: 0 }, l(O), {
+      w.value !== void 0 && !i.value ? (s(), f("img", U({ key: 0 }, l(H), {
         src: w.value,
         loading: e.loading,
         style: N.value,
         class: [
-          l(n).e("inner"),
-          p.value && l(n).e("preview"),
-          i.value && l(n).is("loading")
+          l(a).e("inner"),
+          p.value && l(a).e("preview"),
+          r.value && l(a).is("loading")
         ],
-        onClick: j,
-        onLoad: x,
-        onError: D,
+        onClick: q,
+        onLoad: D,
+        onError: Y,
         alt: ""
-      }), null, 16, se)) : u("", !0),
-      i.value || a.value ? (s(), f("div", {
+      }), null, 16, ue)) : u("", !0),
+      r.value || i.value ? (s(), f("div", {
         key: 1,
-        class: y(l(n).e("wrapper"))
+        class: y(l(a).e("wrapper"))
       }, [
-        i.value ? L(e.$slots, "placeholder", { key: 0 }, () => [
+        r.value ? L(e.$slots, "placeholder", { key: 0 }, () => [
           V("div", {
-            class: y(l(n).e("placeholder"))
+            class: y(l(a).e("placeholder"))
           }, null, 2)
-        ]) : a.value ? L(e.$slots, "error", { key: 1 }, () => [
+        ]) : i.value ? L(e.$slots, "error", { key: 1 }, () => [
           V("div", {
-            class: y(l(n).e("error"))
+            class: y(l(a).e("error"))
           }, "加载失败", 2)
         ]) : u("", !0)
       ], 2)) : u("", !0),
-      p.value ? (s(), f(U, { key: 2 }, [
-        h.value ? (s(), X(l(ae), {
+      p.value ? (s(), f(X, { key: 2 }, [
+        h.value ? (s(), Z(l(ie), {
           key: 0,
           "z-index": e.zIndex,
           "initial-index": P.value,
@@ -132,11 +134,11 @@ const se = ["src", "loading"], ue = { key: 0 }, ce = $({
           "hide-on-click-modal": e.hideOnClickModal,
           teleported: e.previewTeleported,
           "close-on-press-escape": e.closeOnPressEscape,
-          onClose: q,
-          onSwitch: K
+          onClose: K,
+          onSwitch: R
         }, {
-          default: Z(() => [
-            e.$slots.viewer ? (s(), f("div", ue, [
+          default: _(() => [
+            e.$slots.viewer ? (s(), f("div", ce, [
               L(e.$slots, "viewer")
             ])) : u("", !0)
           ]),
@@ -147,5 +149,5 @@ const se = ["src", "loading"], ue = { key: 0 }, ce = $({
   }
 });
 export {
-  Se as default
+  Ie as default
 };

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

@@ -42,7 +42,9 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
         onError?: ((...args: any[]) => any) | undefined;
         onLoad?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }>, {
+        isLoading: import("vue").Ref<boolean, boolean>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         switch: (...args: any[]) => void;
         close: (...args: any[]) => void;
         error: (...args: any[]) => void;
@@ -98,7 +100,9 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
         onError?: ((...args: any[]) => any) | undefined;
         onLoad?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
-    }>, {}, {}, {}, {}, {}>;
+    }>, {
+        isLoading: import("vue").Ref<boolean, boolean>;
+    }, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -145,7 +149,9 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
     onError?: ((...args: any[]) => any) | undefined;
     onLoad?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {
+    isLoading: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     switch: (...args: any[]) => void;
     close: (...args: any[]) => void;
     error: (...args: any[]) => void;

package/es/package.json.d.ts

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

package/es/package.json.js

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

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

@@ -4,7 +4,9 @@ declare function __VLS_template(): {
     error?(_: {}): any;
     viewer?(_: {}): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ImageProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ImageProps>>, {
+    isLoading: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     switch: (...args: any[]) => void;
     close: (...args: any[]) => void;
     error: (...args: any[]) => void;

package/lib/components/image/image.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("@vft/use"),c=require("@vft/utils"),H=require("../image-viewer/index.cjs"),r=require("@vueuse/core");require("../config-provider/hooks/use-global-config.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 x=["src","loading"],F={key:0},j=e.defineComponent({name:"vft-image",inheritAttrs:!1}),D=e.defineComponent({...j,props:{hideOnClickModal:{type:Boolean,default:!1},src:{default:""},fit:{default:""},loading:{},lazy:{type:Boolean},scrollContainer:{},previewSrcList:{default:()=>[]},previewTeleported:{type:Boolean,default:!1},zIndex:{},initialIndex:{default:0},infinite:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0}},emits:["load","error","switch","close","show"],setup(l,{emit:z}){const o=P.useNamespace("image"),s=z;let y="";const S=e.useAttrs(),B=$.useAttrs(),d=e.ref(),i=e.ref(!1),a=e.ref(!0),f=e.ref(!1),u=e.ref(),n=e.ref(),E=r.isClient&&"loading"in HTMLImageElement.prototype;let w,C;const q=e.computed(()=>S.style),V=e.computed(()=>r.isClient&&l.fit?{objectFit:l.fit}:{}),v=e.computed(()=>Array.isArray(l.previewSrcList)&&l.previewSrcList.length>0),I=e.computed(()=>{let t=l.initialIndex;return l.initialIndex>l.previewSrcList.length-1&&(t=0),t}),h=e.computed(()=>l.loading==="eager"?!1:!E&&l.loading==="lazy"||l.lazy),m=()=>{r.isClient&&(a.value=!0,i.value=!1,d.value=l.src)};function N(t){a.value=!1,i.value=!1,s("load",t)}function b(t){a.value=!1,i.value=!0,s("error",t)}function g(){c.isInContainer(u.value,n.value)&&(m(),L())}const k=r.useThrottleFn(g,200);async function p(){r.isClient&&(await e.nextTick(),c.isElement(l.scrollContainer)?n.value=l.scrollContainer:c.isString(l.scrollContainer)&&l.scrollContainer!==""?n.value=document.querySelector(l.scrollContainer)??void 0:u.value&&(n.value=c.getScrollContainer(u.value)),n.value&&(w=r.useEventListener(n,"scroll",k),setTimeout(()=>g(),100)))}function L(){!r.isClient||!n.value||!k||(w?.(),n.value=void 0)}function M(t){if(t.ctrlKey){if(t.deltaY<0)return t.preventDefault(),!1;if(t.deltaY>0)return t.preventDefault(),!1}}function T(){v.value&&(C=r.useEventListener("wheel",M,{passive:!1}),y=document.body.style.overflow,document.body.style.overflow="hidden",f.value=!0,s("show"))}function A(){C?.(),document.body.style.overflow=y,f.value=!1,s("close")}function O(t){s("switch",t)}return e.watch(()=>l.src,()=>{h.value?(a.value=!0,i.value=!1,L(),p()):m()}),e.onMounted(()=>{h.value?p():m()}),(t,Y)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:u,class:e.normalizeClass([e.unref(o).b(),t.$attrs.class]),style:e.normalizeStyle(q.value)},[d.value!==void 0&&!i.value?(e.openBlock(),e.createElementBlock("img",e.mergeProps({key:0},e.unref(B),{src:d.value,loading:t.loading,style:V.value,class:[e.unref(o).e("inner"),v.value&&e.unref(o).e("preview"),a.value&&e.unref(o).is("loading")],onClick:T,onLoad:N,onError:b,alt:""}),null,16,x)):e.createCommentVNode("",!0),a.value||i.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).e("wrapper"))},[a.value?e.renderSlot(t.$slots,"placeholder",{key:0},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("placeholder"))},null,2)]):i.value?e.renderSlot(t.$slots,"error",{key:1},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("error"))},"加载失败",2)]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[f.value?(e.openBlock(),e.createBlock(e.unref(H.VftImageViewer),{key:0,"z-index":t.zIndex,"initial-index":I.value,infinite:t.infinite,"zoom-rate":t.zoomRate,"url-list":t.previewSrcList,"hide-on-click-modal":t.hideOnClickModal,teleported:t.previewTeleported,"close-on-press-escape":t.closeOnPressEscape,onClose:A,onSwitch:O},{default:e.withCtx(()=>[t.$slots.viewer?(e.openBlock(),e.createElementBlock("div",F,[e.renderSlot(t.$slots,"viewer")])):e.createCommentVNode("",!0)]),_:3},8,["z-index","initial-index","infinite","zoom-rate","url-list","hide-on-click-modal","teleported","close-on-press-escape"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],6))}});exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("@vft/use"),c=require("@vft/utils"),H=require("../image-viewer/index.cjs"),o=require("@vueuse/core");require("../config-provider/hooks/use-global-config.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=["src","loading"],j={key:0},D=e.defineComponent({name:"vft-image",inheritAttrs:!1}),Y=e.defineComponent({...D,props:{hideOnClickModal:{type:Boolean,default:!1},src:{default:""},fit:{default:""},loading:{},lazy:{type:Boolean},scrollContainer:{},previewSrcList:{default:()=>[]},previewTeleported:{type:Boolean,default:!1},zIndex:{},initialIndex:{default:0},infinite:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0}},emits:["load","error","switch","close","show"],setup(l,{expose:z,emit:S}){const i=P.useNamespace("image"),s=S;let y="";const B=e.useAttrs(),E=x.useAttrs(),d=e.ref(),a=e.ref(!1),n=e.ref(!0),f=e.ref(!1),u=e.ref(),r=e.ref(),q=o.isClient&&"loading"in HTMLImageElement.prototype;let w,C;const V=e.computed(()=>B.style),I=e.computed(()=>o.isClient&&l.fit?{objectFit:l.fit}:{}),v=e.computed(()=>Array.isArray(l.previewSrcList)&&l.previewSrcList.length>0),N=e.computed(()=>{let t=l.initialIndex;return l.initialIndex>l.previewSrcList.length-1&&(t=0),t}),h=e.computed(()=>l.loading==="eager"?!1:!q&&l.loading==="lazy"||l.lazy),m=()=>{o.isClient&&(n.value=!0,a.value=!1,d.value=l.src)};function b(t){n.value=!1,a.value=!1,s("load",t)}function M(t){n.value=!1,a.value=!0,s("error",t)}function g(){c.isInContainer(u.value,r.value)&&(m(),L())}const k=o.useThrottleFn(g,200);async function p(){o.isClient&&(await e.nextTick(),c.isElement(l.scrollContainer)?r.value=l.scrollContainer:c.isString(l.scrollContainer)&&l.scrollContainer!==""?r.value=document.querySelector(l.scrollContainer)??void 0:u.value&&(r.value=c.getScrollContainer(u.value)),r.value&&(w=o.useEventListener(r,"scroll",k),setTimeout(()=>g(),100)))}function L(){!o.isClient||!r.value||!k||(w?.(),r.value=void 0)}function T(t){if(t.ctrlKey){if(t.deltaY<0)return t.preventDefault(),!1;if(t.deltaY>0)return t.preventDefault(),!1}}function A(){v.value&&(C=o.useEventListener("wheel",T,{passive:!1}),y=document.body.style.overflow,document.body.style.overflow="hidden",f.value=!0,s("show"))}function O(){C?.(),document.body.style.overflow=y,f.value=!1,s("close")}function $(t){s("switch",t)}return e.watch(()=>l.src,()=>{h.value?(n.value=!0,a.value=!1,L(),p()):m()}),e.onMounted(()=>{h.value?p():m()}),z({isLoading:n}),(t,K)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:u,class:e.normalizeClass([e.unref(i).b(),t.$attrs.class]),style:e.normalizeStyle(V.value)},[d.value!==void 0&&!a.value?(e.openBlock(),e.createElementBlock("img",e.mergeProps({key:0},e.unref(E),{src:d.value,loading:t.loading,style:I.value,class:[e.unref(i).e("inner"),v.value&&e.unref(i).e("preview"),n.value&&e.unref(i).is("loading")],onClick:A,onLoad:b,onError:M,alt:""}),null,16,F)):e.createCommentVNode("",!0),n.value||a.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(i).e("wrapper"))},[n.value?e.renderSlot(t.$slots,"placeholder",{key:0},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("placeholder"))},null,2)]):a.value?e.renderSlot(t.$slots,"error",{key:1},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("error"))},"加载失败",2)]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[f.value?(e.openBlock(),e.createBlock(e.unref(H.VftImageViewer),{key:0,"z-index":t.zIndex,"initial-index":N.value,infinite:t.infinite,"zoom-rate":t.zoomRate,"url-list":t.previewSrcList,"hide-on-click-modal":t.hideOnClickModal,teleported:t.previewTeleported,"close-on-press-escape":t.closeOnPressEscape,onClose:O,onSwitch:$},{default:e.withCtx(()=>[t.$slots.viewer?(e.openBlock(),e.createElementBlock("div",j,[e.renderSlot(t.$slots,"viewer")])):e.createCommentVNode("",!0)]),_:3},8,["z-index","initial-index","infinite","zoom-rate","url-list","hide-on-click-modal","teleported","close-on-press-escape"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],6))}});exports.default=Y;

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

@@ -42,7 +42,9 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
         onError?: ((...args: any[]) => any) | undefined;
         onLoad?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }>, {
+        isLoading: import("vue").Ref<boolean, boolean>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         switch: (...args: any[]) => void;
         close: (...args: any[]) => void;
         error: (...args: any[]) => void;
@@ -98,7 +100,9 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
         onError?: ((...args: any[]) => any) | undefined;
         onLoad?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
-    }>, {}, {}, {}, {}, {}>;
+    }>, {
+        isLoading: import("vue").Ref<boolean, boolean>;
+    }, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -145,7 +149,9 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
     onError?: ((...args: any[]) => any) | undefined;
     onLoad?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {
+    isLoading: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     switch: (...args: any[]) => void;
     close: (...args: any[]) => void;
     error: (...args: any[]) => void;

package/lib/package.json.cjs

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

package/lib/package.json.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.425",
+  "version": "0.0.427",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -55,12 +55,12 @@
     "resize-detector": "0.3.0",
     "sortablejs": "1.15.0",
     "photoswipe": "5.4.4",
-    "@vft/constants": "0.0.72",
-    "@vft/store": "0.0.54",
+    "@vft/constants": "0.0.74",
+    "@vft/use": "0.0.87",
     "@vft/router": "0.0.67",
-    "@vft/use": "0.0.86",
-    "@vft/utils": "0.0.143",
-    "@vft/directives": "0.0.36"
+    "@vft/store": "0.0.54",
+    "@vft/directives": "0.0.36",
+    "@vft/utils": "0.0.143"
   },
   "vetur": {
     "tags": "tags.json",