vft 0.0.514 → 0.0.515

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

@@ -13,7 +13,7 @@ import "../../hooks/use-z-index/index.js";
 const ue = ["src", "loading"], ce = { key: 0 }, de = T({
   name: "vft-image",
   inheritAttrs: !1
-}), Ie = /* @__PURE__ */ T({
+}), xe = /* @__PURE__ */ T({
   ...de,
   props: {
     hideOnClickModal: { type: Boolean, default: !1 },
@@ -27,41 +27,42 @@ const ue = ["src", "loading"], ce = { key: 0 }, de = T({
     zIndex: {},
     initialIndex: { default: 0 },
     infinite: { type: Boolean, default: !0 },
-    closeOnPressEscape: { type: Boolean, default: !0 }
+    closeOnPressEscape: { type: Boolean, default: !0 },
+    zoomRate: { default: 1.2 }
   },
   emits: ["load", "error", "switch", "close", "show"],
   setup(e, { expose: $, emit: b }) {
     const c = b, i = se("image");
     let C = "";
     const M = W(), O = te(), w = o(), r = o(!1), n = o(!0), h = o(!1), m = o(), a = o(), H = v && "loading" in HTMLImageElement.prototype;
-    let z, p;
+    let z, S;
     const F = d(() => M.style), N = d(() => v && e.fit ? { objectFit: e.fit } : {}), g = d(() => Array.isArray(e.previewSrcList) && e.previewSrcList.length > 0), P = d(() => {
       let t = e.initialIndex;
       return e.initialIndex > e.previewSrcList.length - 1 && (t = 0), t;
-    }), S = d(() => e.loading === "eager" ? !1 : !H && e.loading === "lazy" || e.lazy), L = () => {
+    }), p = d(() => e.loading === "eager" ? !1 : !H && e.loading === "lazy" || e.lazy), L = () => {
       v && (n.value = !0, r.value = !1, w.value = e.src);
     };
     function D(t) {
       n.value = !1, r.value = !1, c("load", t);
     }
-    function Y(t) {
+    function R(t) {
       n.value = !1, r.value = !0, c("error", t);
     }
-    function I() {
+    function x() {
       le(m.value, a.value) && (L(), B());
     }
-    const x = oe(I, 200);
+    const I = oe(x, 200);
     async function E() {
       v && (await ee(), ne(e.scrollContainer) ? a.value = e.scrollContainer : ae(e.scrollContainer) && e.scrollContainer !== "" ? a.value = document.querySelector(e.scrollContainer) ?? void 0 : m.value && (a.value = ie(m.value)), a.value && (z = V(
         a,
         "scroll",
-        x
-      ), setTimeout(() => I(), 100)));
+        I
+      ), setTimeout(() => x(), 100)));
     }
     function B() {
-      !v || !a.value || !x || (z?.(), a.value = void 0);
+      !v || !a.value || !I || (z?.(), a.value = void 0);
     }
-    function j(t) {
+    function Y(t) {
       if (t.ctrlKey) {
         if (t.deltaY < 0)
           return t.preventDefault(), !1;
@@ -69,24 +70,24 @@ const ue = ["src", "loading"], ce = { key: 0 }, de = T({
           return t.preventDefault(), !1;
       }
     }
-    function q() {
-      g.value && (p = V("wheel", j, {
+    function j() {
+      g.value && (S = V("wheel", Y, {
         passive: !1
       }), C = document.body.style.overflow, document.body.style.overflow = "hidden", h.value = !0, c("show"));
     }
-    function K() {
-      p?.(), document.body.style.overflow = C, h.value = !1, c("close");
+    function q() {
+      console.log(11122), S?.(), document.body.style.overflow = C, h.value = !1, c("close");
     }
-    function R(t) {
+    function K(t) {
       c("switch", t);
     }
     return G(
       () => e.src,
       () => {
-        S.value ? (n.value = !0, r.value = !1, B(), E()) : L();
+        p.value ? (n.value = !0, r.value = !1, B(), E()) : L();
       }
     ), J(() => {
-      S.value ? E() : L();
+      p.value ? E() : L();
     }), $({
       isLoading: n
     }), (t, fe) => (s(), f("div", {
@@ -104,9 +105,9 @@ const ue = ["src", "loading"], ce = { key: 0 }, de = T({
           g.value && l(i).e("preview"),
           n.value && l(i).is("loading")
         ],
-        onClick: q,
+        onClick: j,
         onLoad: D,
-        onError: Y,
+        onError: R,
         alt: ""
       }), null, 16, ue)) : u("", !0),
       n.value || r.value ? (s(), f("div", {
@@ -129,13 +130,13 @@ const ue = ["src", "loading"], ce = { key: 0 }, de = T({
           "z-index": e.zIndex,
           "initial-index": P.value,
           infinite: e.infinite,
-          "zoom-rate": t.zoomRate,
+          "zoom-rate": e.zoomRate,
           "url-list": e.previewSrcList,
           "hide-on-click-modal": e.hideOnClickModal,
           teleported: e.previewTeleported,
           "close-on-press-escape": e.closeOnPressEscape,
-          onClose: K,
-          onSwitch: R
+          onClose: q,
+          onSwitch: K
         }, {
           default: _(() => [
             t.$slots.viewer ? (s(), f("div", ce, [
@@ -149,5 +150,5 @@ const ue = ["src", "loading"], ce = { key: 0 }, de = T({
   }
 });
 export {
-  Ie as default
+  xe as default
 };

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

@@ -36,6 +36,9 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
         closeOnPressEscape: {
             type: import("vue").PropType<boolean>;
         };
+        zoomRate: {
+            type: import("vue").PropType<number>;
+        };
     }>> & Readonly<{
         onSwitch?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
@@ -94,6 +97,9 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
         closeOnPressEscape: {
             type: import("vue").PropType<boolean>;
         };
+        zoomRate: {
+            type: import("vue").PropType<number>;
+        };
     }>> & Readonly<{
         onSwitch?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
@@ -143,6 +149,9 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
     closeOnPressEscape: {
         type: import("vue").PropType<boolean>;
     };
+    zoomRate: {
+        type: import("vue").PropType<number>;
+    };
 }>> & Readonly<{
     onSwitch?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;

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

@@ -13,4 +13,6 @@ export interface ImageProps {
     initialIndex?: number;
     infinite?: boolean;
     closeOnPressEscape?: boolean;
+    /** 预览图缩放倍率（每次滚轮/按钮缩放的步长），透传给 vft-image-viewer */
+    zoomRate?: number;
 }

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

@@ -1,15 +1,4 @@
-export interface ImageViewerProps {
-    urlList?: string[];
-    zIndex?: number;
-    initialIndex?: number;
-    infinite?: boolean;
-    hideOnClickModal?: boolean;
-    teleported?: boolean;
-    closeOnPressEscape?: boolean;
-    zoomRate?: number;
-    referrerpolicy?: 'no-referrer' | 'no-referrer-when-downgrade' | 'same-origin' | 'origin' | 'strict-origin' | 'origin-when-cross-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
-    crossorigin?: 'anonymous' | 'use-credentials';
-}
+import type { ImageViewerProps } from './types';
 declare function setActiveItem(index: number): void;
 declare function __VLS_template(): {
     default?(_: {}): any;

package/es/components/image-viewer/types.d.ts

@@ -1 +1,23 @@
 export type ImageViewerAction = 'zoomIn' | 'zoomOut' | 'clockwise' | 'anticlockwise';
+export interface ImageViewerProps {
+    /** 图片地址列表 */
+    urlList?: string[];
+    /** 层级 */
+    zIndex?: number;
+    /** 初始预览的下标 */
+    initialIndex?: number;
+    /** 是否循环切换 */
+    infinite?: boolean;
+    /** 点击遮罩层是否关闭 */
+    hideOnClickModal?: boolean;
+    /** 是否将节点 teleport 到 body */
+    teleported?: boolean;
+    /** 是否支持 Esc 关闭 */
+    closeOnPressEscape?: boolean;
+    /** 缩放倍率（每次滚轮/按钮放大缩小的步长） */
+    zoomRate?: number;
+    /** referrer policy */
+    referrerpolicy?: 'no-referrer' | 'no-referrer-when-downgrade' | 'same-origin' | 'origin' | 'strict-origin' | 'origin-when-cross-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
+    /** crossorigin */
+    crossorigin?: 'anonymous' | 'use-credentials';
+}

package/es/components/md-comment/md-comment.vue2.js

@@ -1,41 +1,63 @@
-import { defineComponent as i, onMounted as m, openBlock as n, createElementBlock as t, normalizeClass as r, unref as o, createElementVNode as p } from "vue";
+import { defineComponent as m, onMounted as r, nextTick as c, onBeforeUnmount as a, openBlock as l, createElementBlock as s, normalizeClass as p, unref as i, createElementVNode 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 { useNamespace as a } from "../../hooks/use-namespace/index.js";
+import { useNamespace as d } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { init as c } from "@waline/client";
-const l = ["id"], s = i({
+import { init as f } from "@waline/client";
+const w = ["id"], _ = m({
   name: "vft-md-comment"
-}), C = /* @__PURE__ */ i({
-  ...s,
-  setup(u) {
-    const e = a("md-comment");
-    return m(() => {
-      c({
-        el: `#${e.e("waline")}`,
-        serverURL: "https://waline.wflynn.cn/",
-        pageview: !0,
-        reaction: !0,
-        emoji: [
-          "//unpkg.com/@waline/emojis@1.1.0/weibo",
-          "//unpkg.com/@waline/emojis@1.1.0/bilibili",
-          "//unpkg.com/@waline/emojis@1.1.0/bmoji",
-          "//unpkg.com/@waline/emojis@1.1.0/qq",
-          "//unpkg.com/@waline/emojis@1.1.0/tieba",
-          "//unpkg.com/@waline/emojis@1.1.0/tw-emoji"
-        ]
-      });
-    }), (w, d) => (n(), t("div", {
-      class: r(o(e).b())
+}), C = /* @__PURE__ */ m({
+  ..._,
+  setup(j) {
+    const t = d("md-comment");
+    let e = null;
+    return r(async () => {
+      await c();
+      const n = `#${t.e("waline")}`, o = document.querySelector(n);
+      if (o) {
+        if (o.innerHTML && (o.innerHTML = ""), e) {
+          try {
+            e.destroy();
+          } catch {
+          }
+          e = null;
+        }
+        setTimeout(() => {
+          e = f({
+            el: n,
+            serverURL: "https://waline.wflynn.cn/",
+            pageview: !0,
+            reaction: !0,
+            emoji: [
+              "//unpkg.com/@waline/emojis@1.1.0/weibo",
+              "//unpkg.com/@waline/emojis@1.1.0/bilibili",
+              "//unpkg.com/@waline/emojis@1.1.0/bmoji",
+              "//unpkg.com/@waline/emojis@1.1.0/qq",
+              "//unpkg.com/@waline/emojis@1.1.0/tieba",
+              "//unpkg.com/@waline/emojis@1.1.0/tw-emoji"
+            ]
+          });
+        }, 0);
+      }
+    }), a(() => {
+      if (e) {
+        try {
+          e.destroy();
+        } catch {
+        }
+        e = null;
+      }
+    }), (n, o) => (l(), s("div", {
+      class: p(i(t).b())
     }, [
-      p("div", {
-        id: o(e).e("waline")
-      }, null, 8, l)
+      u("div", {
+        id: i(t).e("waline")
+      }, null, 8, w)
     ], 2));
   }
 });

package/es/package.json.d.ts

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

package/es/package.json.js

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

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"),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(t,{expose:S,emit:B}){const s=B,i=P.useNamespace("image");let y="";const E=e.useAttrs(),p=$.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(()=>E.style),x=e.computed(()=>o.isClient&&t.fit?{objectFit:t.fit}:{}),v=e.computed(()=>Array.isArray(t.previewSrcList)&&t.previewSrcList.length>0),I=e.computed(()=>{let l=t.initialIndex;return t.initialIndex>t.previewSrcList.length-1&&(l=0),l}),h=e.computed(()=>t.loading==="eager"?!1:!q&&t.loading==="lazy"||t.lazy),m=()=>{o.isClient&&(n.value=!0,a.value=!1,d.value=t.src)};function N(l){n.value=!1,a.value=!1,s("load",l)}function b(l){n.value=!1,a.value=!0,s("error",l)}function g(){c.isInContainer(u.value,r.value)&&(m(),z())}const k=o.useThrottleFn(g,200);async function L(){o.isClient&&(await e.nextTick(),c.isElement(t.scrollContainer)?r.value=t.scrollContainer:c.isString(t.scrollContainer)&&t.scrollContainer!==""?r.value=document.querySelector(t.scrollContainer)??void 0:u.value&&(r.value=c.getScrollContainer(u.value)),r.value&&(w=o.useEventListener(r,"scroll",k),setTimeout(()=>g(),100)))}function z(){!o.isClient||!r.value||!k||(w?.(),r.value=void 0)}function M(l){if(l.ctrlKey){if(l.deltaY<0)return l.preventDefault(),!1;if(l.deltaY>0)return l.preventDefault(),!1}}function T(){v.value&&(C=o.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(l){s("switch",l)}return e.watch(()=>t.src,()=>{h.value?(n.value=!0,a.value=!1,z(),L()):m()}),e.onMounted(()=>{h.value?L():m()}),S({isLoading:n}),(l,K)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:u,class:e.normalizeClass([e.unref(i).b(),l.$attrs.class]),style:e.normalizeStyle(V.value)},[d.value!==void 0&&!a.value?(e.openBlock(),e.createElementBlock("img",e.mergeProps({key:0},e.unref(p),{src:d.value,loading:t.loading,style:x.value,class:[e.unref(i).e("inner"),v.value&&e.unref(i).e("preview"),n.value&&e.unref(i).is("loading")],onClick:T,onLoad:N,onError:b,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(l.$slots,"placeholder",{key:0},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("placeholder"))},null,2)]):a.value?e.renderSlot(l.$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":I.value,infinite:t.infinite,"zoom-rate":l.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(()=>[l.$slots.viewer?(e.openBlock(),e.createElementBlock("div",j,[e.renderSlot(l.$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;
+"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"),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}),R=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},zoomRate:{default:1.2}},emits:["load","error","switch","close","show"],setup(t,{expose:S,emit:B}){const s=B,a=P.useNamespace("image");let y="";const E=e.useAttrs(),q=$.useAttrs(),d=e.ref(),i=e.ref(!1),n=e.ref(!0),f=e.ref(!1),u=e.ref(),r=e.ref(),V=o.isClient&&"loading"in HTMLImageElement.prototype;let w,C;const x=e.computed(()=>E.style),p=e.computed(()=>o.isClient&&t.fit?{objectFit:t.fit}:{}),v=e.computed(()=>Array.isArray(t.previewSrcList)&&t.previewSrcList.length>0),I=e.computed(()=>{let l=t.initialIndex;return t.initialIndex>t.previewSrcList.length-1&&(l=0),l}),h=e.computed(()=>t.loading==="eager"?!1:!V&&t.loading==="lazy"||t.lazy),m=()=>{o.isClient&&(n.value=!0,i.value=!1,d.value=t.src)};function N(l){n.value=!1,i.value=!1,s("load",l)}function b(l){n.value=!1,i.value=!0,s("error",l)}function g(){c.isInContainer(u.value,r.value)&&(m(),z())}const k=o.useThrottleFn(g,200);async function L(){o.isClient&&(await e.nextTick(),c.isElement(t.scrollContainer)?r.value=t.scrollContainer:c.isString(t.scrollContainer)&&t.scrollContainer!==""?r.value=document.querySelector(t.scrollContainer)??void 0:u.value&&(r.value=c.getScrollContainer(u.value)),r.value&&(w=o.useEventListener(r,"scroll",k),setTimeout(()=>g(),100)))}function z(){!o.isClient||!r.value||!k||(w?.(),r.value=void 0)}function M(l){if(l.ctrlKey){if(l.deltaY<0)return l.preventDefault(),!1;if(l.deltaY>0)return l.preventDefault(),!1}}function T(){v.value&&(C=o.useEventListener("wheel",M,{passive:!1}),y=document.body.style.overflow,document.body.style.overflow="hidden",f.value=!0,s("show"))}function A(){console.log(11122),C?.(),document.body.style.overflow=y,f.value=!1,s("close")}function O(l){s("switch",l)}return e.watch(()=>t.src,()=>{h.value?(n.value=!0,i.value=!1,z(),L()):m()}),e.onMounted(()=>{h.value?L():m()}),S({isLoading:n}),(l,Y)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:u,class:e.normalizeClass([e.unref(a).b(),l.$attrs.class]),style:e.normalizeStyle(x.value)},[d.value!==void 0&&!i.value?(e.openBlock(),e.createElementBlock("img",e.mergeProps({key:0},e.unref(q),{src:d.value,loading:t.loading,style:p.value,class:[e.unref(a).e("inner"),v.value&&e.unref(a).e("preview"),n.value&&e.unref(a).is("loading")],onClick:T,onLoad:N,onError:b,alt:""}),null,16,F)):e.createCommentVNode("",!0),n.value||i.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(a).e("wrapper"))},[n.value?e.renderSlot(l.$slots,"placeholder",{key:0},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("placeholder"))},null,2)]):i.value?e.renderSlot(l.$slots,"error",{key:1},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).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(()=>[l.$slots.viewer?(e.openBlock(),e.createElementBlock("div",j,[e.renderSlot(l.$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=R;

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

@@ -36,6 +36,9 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
         closeOnPressEscape: {
             type: import("vue").PropType<boolean>;
         };
+        zoomRate: {
+            type: import("vue").PropType<number>;
+        };
     }>> & Readonly<{
         onSwitch?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
@@ -94,6 +97,9 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
         closeOnPressEscape: {
             type: import("vue").PropType<boolean>;
         };
+        zoomRate: {
+            type: import("vue").PropType<number>;
+        };
     }>> & Readonly<{
         onSwitch?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
@@ -143,6 +149,9 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
     closeOnPressEscape: {
         type: import("vue").PropType<boolean>;
     };
+    zoomRate: {
+        type: import("vue").PropType<number>;
+    };
 }>> & Readonly<{
     onSwitch?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;

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

@@ -13,4 +13,6 @@ export interface ImageProps {
     initialIndex?: number;
     infinite?: boolean;
     closeOnPressEscape?: boolean;
+    /** 预览图缩放倍率（每次滚轮/按钮缩放的步长），透传给 vft-image-viewer */
+    zoomRate?: number;
 }

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

@@ -1,15 +1,4 @@
-export interface ImageViewerProps {
-    urlList?: string[];
-    zIndex?: number;
-    initialIndex?: number;
-    infinite?: boolean;
-    hideOnClickModal?: boolean;
-    teleported?: boolean;
-    closeOnPressEscape?: boolean;
-    zoomRate?: number;
-    referrerpolicy?: 'no-referrer' | 'no-referrer-when-downgrade' | 'same-origin' | 'origin' | 'strict-origin' | 'origin-when-cross-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
-    crossorigin?: 'anonymous' | 'use-credentials';
-}
+import type { ImageViewerProps } from './types';
 declare function setActiveItem(index: number): void;
 declare function __VLS_template(): {
     default?(_: {}): any;

package/lib/components/image-viewer/types.d.ts

@@ -1 +1,23 @@
 export type ImageViewerAction = 'zoomIn' | 'zoomOut' | 'clockwise' | 'anticlockwise';
+export interface ImageViewerProps {
+    /** 图片地址列表 */
+    urlList?: string[];
+    /** 层级 */
+    zIndex?: number;
+    /** 初始预览的下标 */
+    initialIndex?: number;
+    /** 是否循环切换 */
+    infinite?: boolean;
+    /** 点击遮罩层是否关闭 */
+    hideOnClickModal?: boolean;
+    /** 是否将节点 teleport 到 body */
+    teleported?: boolean;
+    /** 是否支持 Esc 关闭 */
+    closeOnPressEscape?: boolean;
+    /** 缩放倍率（每次滚轮/按钮放大缩小的步长） */
+    zoomRate?: number;
+    /** referrer policy */
+    referrerpolicy?: 'no-referrer' | 'no-referrer-when-downgrade' | 'same-origin' | 'origin' | 'strict-origin' | 'origin-when-cross-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
+    /** crossorigin */
+    crossorigin?: 'anonymous' | 'use-credentials';
+}

package/lib/components/md-comment/md-comment.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 o=require("@waline/client"),r=["id"],t=e.defineComponent({name:"vft-md-comment"}),u=e.defineComponent({...t,setup(c){const i=n.useNamespace("md-comment");return e.onMounted(()=>{o.init({el:`#${i.e("waline")}`,serverURL:"https://waline.wflynn.cn/",pageview:!0,reaction:!0,emoji:["//unpkg.com/@waline/emojis@1.1.0/weibo","//unpkg.com/@waline/emojis@1.1.0/bilibili","//unpkg.com/@waline/emojis@1.1.0/bmoji","//unpkg.com/@waline/emojis@1.1.0/qq","//unpkg.com/@waline/emojis@1.1.0/tieba","//unpkg.com/@waline/emojis@1.1.0/tw-emoji"]})}),(l,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(i).b())},[e.createElementVNode("div",{id:e.unref(i).e("waline")},null,8,r)],2))}});exports.default=u;
+"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 r=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("@waline/client"),c=["id"],l=e.defineComponent({name:"vft-md-comment"}),s=e.defineComponent({...l,setup(a){const o=r.useNamespace("md-comment");let n=null;return e.onMounted(async()=>{await e.nextTick();const i=`#${o.e("waline")}`,t=document.querySelector(i);if(t){if(t.innerHTML&&(t.innerHTML=""),n){try{n.destroy()}catch{}n=null}setTimeout(()=>{n=u.init({el:i,serverURL:"https://waline.wflynn.cn/",pageview:!0,reaction:!0,emoji:["//unpkg.com/@waline/emojis@1.1.0/weibo","//unpkg.com/@waline/emojis@1.1.0/bilibili","//unpkg.com/@waline/emojis@1.1.0/bmoji","//unpkg.com/@waline/emojis@1.1.0/qq","//unpkg.com/@waline/emojis@1.1.0/tieba","//unpkg.com/@waline/emojis@1.1.0/tw-emoji"]})},0)}}),e.onBeforeUnmount(()=>{if(n){try{n.destroy()}catch{}n=null}}),(i,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(o).b())},[e.createElementVNode("div",{id:e.unref(o).e("waline")},null,8,c)],2))}});exports.default=s;

package/lib/package.json.cjs

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

package/lib/package.json.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.514",
+  "version": "0.0.515",
   "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/router": "0.0.73",
     "@vft/constants": "0.0.83",
+    "@vft/use": "0.0.96",
     "@vft/store": "0.0.78",
+    "@vft/router": "0.0.73",
     "@vft/utils": "0.0.161",
-    "@vft/use": "0.0.96",
     "@vft/directives": "0.0.36"
   },
   "vetur": {