@transsionfe/semi-ui-vue 0.0.1

package/lib/es/components/image/PreviewImage.vue.js

@@ -0,0 +1,169 @@
+import { defineComponent as M, ref as v, computed as Z, watch as l, onMounted as O, nextTick as C, onBeforeUnmount as B, createElementBlock as x, openBlock as f, normalizeClass as I, createBlock as F, createCommentVNode as b, withModifiers as D, normalizeStyle as S } from "vue";
+import { cssClasses as W } from "@douyinfe/semi-foundation/image/constants";
+import _ from "@douyinfe/semi-foundation/image/previewImageFoundation";
+import N from "../spin/Spin.vue.js";
+import { useFoundation as j } from "../../_utils/useFoundation.js";
+const V = ["src", "crossOrigin"], q = /* @__PURE__ */ M({
+  name: "PreviewImage",
+  __name: "PreviewImage",
+  props: {
+    src: {},
+    rotation: { default: 0 },
+    style: {},
+    zoom: { default: void 0 },
+    ratio: { default: "adaptation" },
+    disableDownload: { type: Boolean },
+    clickZoom: {},
+    crossOrigin: {},
+    setRatio: {},
+    onZoom: {},
+    onLoad: {},
+    onError: {}
+  },
+  emits: ["zoom", "load", "error"],
+  setup(d, { expose: P, emit: y }) {
+    const c = `${W.PREFIX}-preview-image`, t = d, m = y, g = v(null), n = v(null), r = v({
+      width: 0,
+      height: 0,
+      loading: !0,
+      translate: {
+        x: 0,
+        y: 0
+      },
+      currZoom: t.zoom
+    }), k = Z(() => {
+      const { width: e, height: o, loading: s, translate: i } = r.value;
+      return {
+        position: "absolute",
+        visibility: s ? "hidden" : "visible",
+        transform: `translate(${i.x}px, ${i.y}px) rotate(${t.rotation}deg)`,
+        width: e ? `${e}px` : "0px",
+        height: o ? `${o}px` : "0px"
+      };
+    }), u = {
+      getProps: () => ({ ...t }),
+      getProp: (e) => t[e],
+      getState: (e) => r.value[e],
+      getStates: () => r.value,
+      setState: (e, o) => {
+        Object.assign(r.value, e), o == null || o();
+      },
+      getContext: () => null,
+      getContexts: () => ({}),
+      getCache: () => null,
+      getCaches: () => ({}),
+      setCache: () => {
+      },
+      stopPropagation: (e) => e == null ? void 0 : e.stopPropagation(),
+      persistEvent: () => {
+      },
+      getContainer: () => g.value,
+      getImage: () => n.value,
+      setLoading: (e) => {
+        r.value.loading = e;
+      },
+      setImageCursor: (e) => {
+        n.value && (n.value.style.cursor = e ? "grab" : "default");
+      }
+    }, { foundation: a } = j(_, u), E = u.getProps;
+    u.getProps = () => {
+      const e = E(), o = t.onZoom;
+      return {
+        ...e,
+        onZoom: (s, i = !0) => {
+          i && o ? o(s) : i ? m("zoom", s) : a.changeZoom(s);
+        }
+      };
+    };
+    const h = (e) => {
+      const o = e.target;
+      o && o.naturalWidth > 0 && o.naturalHeight > 0 && (a.handleLoad(e), m("load", t.src || ""));
+    }, R = (e) => {
+      a.handleError(e), m("error", t.src || "");
+    }, z = (e) => {
+      a.handleImageMove(e);
+    }, L = (e) => {
+      a.handleImageMouseDown(e);
+    }, $ = (e) => {
+      a.handleRightClickImage(e);
+    }, p = () => {
+      a.handleWindowResize();
+    };
+    l(
+      () => t.src,
+      (e, o) => {
+        e && e !== o && a.setLoading(!0);
+      }
+    ), l(
+      () => t.zoom,
+      (e) => {
+        e !== void 0 && e !== r.value.currZoom && (r.value.currZoom = e);
+      }
+    ), l(
+      () => t.ratio,
+      () => {
+        a.handleRatioChange();
+      }
+    ), l(
+      () => t.rotation,
+      () => {
+        p();
+      }
+    );
+    const w = () => {
+      var e;
+      if ((e = n.value) != null && e.complete && n.value.naturalWidth > 0) {
+        const o = new Event("load");
+        Object.defineProperty(o, "target", {
+          value: n.value,
+          enumerable: !0
+        }), h(o);
+      }
+    };
+    return O(() => {
+      a.init(), window.addEventListener("resize", p), C(w);
+    }), l(
+      () => t.src,
+      () => {
+        C(w);
+      }
+    ), B(() => {
+      window.removeEventListener("resize", p);
+    }), P({
+      foundation: a,
+      containerRef: g,
+      imageRef: n
+    }), (e, o) => (f(), x("div", {
+      ref_key: "containerRef",
+      ref: g,
+      class: I(c)
+    }, [
+      (f(), x("img", {
+        ref_key: "imageRef",
+        ref: n,
+        key: d.src,
+        src: d.src,
+        alt: "previewImage",
+        class: I(`${c}-img`),
+        style: S(k.value),
+        crossOrigin: d.crossOrigin,
+        onMousemove: z,
+        onMousedown: L,
+        onContextmenu: $,
+        onDragstart: o[0] || (o[0] = D(() => {
+        }, ["prevent"])),
+        onLoad: h,
+        onError: R
+      }, null, 46, V)),
+      r.value.loading ? (f(), F(N, {
+        key: 0,
+        size: "large",
+        wrapperClassName: `${c}-spin`
+      }, null, 8, ["wrapperClassName"])) : b("", !0)
+    ], 512));
+  }
+});
+export {
+  q as default
+};
+//# sourceMappingURL=PreviewImage.vue.js.map

package/lib/es/components/image/PreviewImage.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewImage.vue.js","sources":["../../../../src/components/image/PreviewImage.vue"],"sourcesContent":["<template>\n    <div ref=\"containerRef\" :class=\"preViewImgPrefixCls\">\n        <img\n            ref=\"imageRef\"\n            :key=\"src\"\n            :src=\"src\"\n            alt=\"previewImage\"\n            :class=\"`${preViewImgPrefixCls}-img`\"\n            :style=\"imgStyle\"\n            :crossOrigin=\"crossOrigin\"\n            @mousemove=\"handleImageMove\"\n            @mousedown=\"handleMouseDown\"\n            @contextmenu=\"handleRightClickImage\"\n            @dragstart.prevent\n            @load=\"handleLoad\"\n            @error=\"handleError\"\n        />\n        <Spin v-if=\"state.loading\" size=\"large\" :wrapperClassName=\"`${preViewImgPrefixCls}-spin`\" />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, onBeforeUnmount, nextTick, CSSProperties } from 'vue';\nimport { cssClasses } from '@douyinfe/semi-foundation/image/constants';\nimport PreviewImageFoundation, { PreviewImageAdapter } from '@douyinfe/semi-foundation/image/previewImageFoundation';\nimport { PreviewImageProps, PreviewImageStates } from './interface';\nimport { useFoundation } from '../_utils';\nimport Spin from '../spin/Spin.vue';\n\ndefineOptions({\n    name: 'PreviewImage',\n});\n\nconst prefixCls = cssClasses.PREFIX;\nconst preViewImgPrefixCls = `${prefixCls}-preview-image`;\n\nconst props = withDefaults(defineProps<PreviewImageProps>(), {\n    zoom: undefined,\n    rotation: 0,\n    ratio: 'adaptation',\n});\n\nconst emit = defineEmits<{\n    zoom: [zoom: number];\n    load: [src: string];\n    error: [src: string];\n}>();\n\nconst containerRef = ref<HTMLDivElement | null>(null);\nconst imageRef = ref<HTMLImageElement | null>(null);\n\nconst state = ref<PreviewImageStates>({\n    width: 0,\n    height: 0,\n    loading: true,\n    translate: {\n        x: 0,\n        y: 0,\n    },\n    currZoom: props.zoom,\n});\n\nconst imgStyle = computed<CSSProperties>(() => {\n    const { width, height, loading, translate } = state.value;\n    return {\n        position: 'absolute',\n        visibility: loading ? 'hidden' : 'visible',\n        transform: `translate(${translate.x}px, ${translate.y}px) rotate(${props.rotation}deg)`,\n        width: width ? `${width}px` : '0px',\n        height: height ? `${height}px` : '0px',\n    };\n});\nconst adapter: PreviewImageAdapter<PreviewImageProps, PreviewImageStates> = {\n    getProps: () => ({ ...props }),\n    getProp: (key: string) => (props as any)[key],\n    getState: (key: string) => (state.value as any)[key],\n    getStates: () => state.value,\n    setState: (states: Partial<PreviewImageStates>, cb?: () => void) => {\n        Object.assign(state.value, states);\n        cb?.();\n    },\n    getContext: () => null,\n    getContexts: () => ({}),\n    getCache: () => null,\n    getCaches: () => ({}),\n    setCache: () => {},\n    stopPropagation: (e: Event) => e?.stopPropagation(),\n    persistEvent: () => {},\n    getContainer: () => containerRef.value,\n    getImage: () => imageRef.value,\n    setLoading: (loading: boolean) => {\n        state.value.loading = loading;\n    },\n    setImageCursor: (canDrag: boolean) => {\n        if (imageRef.value) {\n            imageRef.value.style.cursor = canDrag ? 'grab' : 'default';\n        }\n    },\n};\n\nconst { foundation } = useFoundation(PreviewImageFoundation, adapter);\n\nconst originalGetProps = adapter.getProps;\nadapter.getProps = () => {\n    const propsFromAdapter = originalGetProps();\n    const onZoomFromProps = props.onZoom;\n\n    return {\n        ...propsFromAdapter,\n        onZoom: (zoom: number, notify: boolean = true) => {\n            if (notify && onZoomFromProps) {\n                onZoomFromProps(zoom);\n            } else if (notify) {\n                emit('zoom', zoom);\n            } else {\n                foundation.changeZoom(zoom);\n            }\n        },\n    };\n};\n\nconst handleLoad = (e: Event) => {\n    const img = e.target as HTMLImageElement;\n    if (img && img.naturalWidth > 0 && img.naturalHeight > 0) {\n        foundation.handleLoad(e);\n        emit('load', props.src || '');\n    }\n};\n\nconst handleError = (e: Event) => {\n    foundation.handleError(e);\n    emit('error', props.src || '');\n};\n\nconst handleImageMove = (e: MouseEvent) => {\n    foundation.handleImageMove(e);\n};\n\nconst handleMouseDown = (e: MouseEvent) => {\n    foundation.handleImageMouseDown(e);\n};\n\nconst handleRightClickImage = (e: MouseEvent) => {\n    foundation.handleRightClickImage(e);\n};\n\nconst onWindowResize = () => {\n    foundation.handleWindowResize();\n};\nwatch(\n    () => props.src,\n    (newSrc, oldSrc) => {\n        if (newSrc && newSrc !== oldSrc) {\n            foundation.setLoading(true);\n        }\n    }\n);\n\nwatch(\n    () => props.zoom,\n    (newZoom) => {\n        if (newZoom !== undefined && newZoom !== state.value.currZoom) {\n            state.value.currZoom = newZoom;\n        }\n    }\n);\n\nwatch(\n    () => props.ratio,\n    () => {\n        foundation.handleRatioChange();\n    }\n);\n\nwatch(\n    () => props.rotation,\n    () => {\n        onWindowResize();\n    }\n);\n\nconst checkImageLoaded = () => {\n    if (imageRef.value?.complete && imageRef.value.naturalWidth > 0) {\n        const loadEvent = new Event('load');\n        Object.defineProperty(loadEvent, 'target', {\n            value: imageRef.value,\n            enumerable: true,\n        });\n        handleLoad(loadEvent as any);\n    }\n};\n\nonMounted(() => {\n    foundation.init();\n    window.addEventListener('resize', onWindowResize);\n    nextTick(checkImageLoaded);\n});\n\nwatch(\n    () => props.src,\n    () => {\n        nextTick(checkImageLoaded);\n    }\n);\n\nonBeforeUnmount(() => {\n    window.removeEventListener('resize', onWindowResize);\n});\n\ndefineExpose({\n    foundation,\n    containerRef,\n    imageRef,\n});\n</script>\n"],"names":["preViewImgPrefixCls","cssClasses","props","__props","emit","__emit","containerRef","ref","imageRef","state","imgStyle","computed","width","height","loading","translate","adapter","key","states","cb","canDrag","foundation","useFoundation","PreviewImageFoundation","originalGetProps","propsFromAdapter","onZoomFromProps","zoom","notify","handleLoad","img","handleError","handleImageMove","handleMouseDown","handleRightClickImage","onWindowResize","watch","newSrc","oldSrc","newZoom","checkImageLoaded","_a","loadEvent","onMounted","nextTick","onBeforeUnmount","__expose","_createElementBlock","_createBlock","Spin"],"mappings":"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"}

package/lib/es/components/image/PreviewInner.vue.js

@@ -0,0 +1,327 @@
+import { defineComponent as ve, ref as d, computed as u, h as H, watch as N, onMounted as me, onBeforeUnmount as ge, nextTick as pe, createBlock as S, createCommentVNode as B, openBlock as p, normalizeStyle as j, withCtx as he, createElementVNode as Ie, unref as G, normalizeClass as h, createVNode as E, createElementBlock as K, resolveDynamicComponent as U } from "vue";
+import we from "classnames";
+import { numbers as ye, cssClasses as Ce } from "@douyinfe/semi-foundation/image/constants";
+import be from "./previewInnerFoundation.js";
+import { getScrollbarWidth as Te } from "../_utils/index.js";
+import { usePreviewContext as xe } from "./context.js";
+import Re from "../_portal/Portal.vue.js";
+import De from "./PreviewHeader.vue.js";
+import Pe from "./PreviewFooter.vue.js";
+import ze from "./PreviewImage.vue.js";
+import { isFunction as s, isEqual as X, throttle as Le } from "lodash-es";
+import Ne from "../icons/icons/IconArrowLeft.js";
+import Se from "../icons/icons/IconArrowRight.js";
+import { useFoundation as Be } from "../../_utils/useFoundation.js";
+const Ue = /* @__PURE__ */ ve({
+  name: "PreviewInner",
+  __name: "PreviewInner",
+  props: {
+    visible: { type: Boolean, default: !1 },
+    src: {},
+    previewTitle: {},
+    currentIndex: {},
+    defaultCurrentIndex: {},
+    defaultVisible: { type: Boolean },
+    maskClosable: { type: Boolean, default: !0 },
+    closable: { type: Boolean, default: !0 },
+    zoomStep: { default: 0.1 },
+    infinite: { type: Boolean, default: !1 },
+    showTooltip: { type: Boolean, default: !1 },
+    closeOnEsc: { type: Boolean, default: !0 },
+    prevTip: {},
+    nextTip: {},
+    zoomInTip: {},
+    zoomOutTip: {},
+    rotateTip: {},
+    downloadTip: {},
+    adaptiveTip: {},
+    originTip: {},
+    lazyLoad: { type: Boolean, default: !1 },
+    lazyLoadMargin: {},
+    preLoad: { type: Boolean, default: !0 },
+    preLoadGap: { default: 2 },
+    viewerVisibleDelay: { default: 1e4 },
+    disableDownload: { type: Boolean },
+    zIndex: { default: ye.DEFAULT_Z_INDEX },
+    children: {},
+    crossOrigin: {},
+    maxZoom: { default: 5 },
+    minZoom: { default: 0.1 },
+    renderLeftIcon: {},
+    renderRightIcon: {},
+    renderCloseIcon: {},
+    renderHeader: {},
+    renderPreviewMenu: {},
+    getPopupContainer: {},
+    onVisibleChange: {},
+    onChange: {},
+    onClose: {},
+    onZoomIn: {},
+    onZoomOut: {},
+    onPrev: {},
+    onNext: {},
+    onRatioChange: {},
+    onRotateLeft: {},
+    onDownload: {},
+    onDownloadError: {},
+    setDownloadName: {},
+    className: {},
+    style: {}
+  },
+  emits: ["visibleChange"],
+  setup(a, { expose: q, emit: J }) {
+    const M = Ce.PREFIX, f = `${M}-preview`, o = a, Q = J, i = xe(), x = d(null), R = d(null), D = d(null), P = d(null), v = d(null), m = d(null), t = d({
+      imgSrc: [],
+      imgLoadStatus: /* @__PURE__ */ new Map(),
+      zoom: 0.1,
+      currentIndex: 0,
+      ratio: "adaptation",
+      rotation: 0,
+      viewerVisible: !0,
+      visible: o.visible,
+      preloadAfterVisibleChange: !0,
+      direction: ""
+    }), I = d(""), z = d("100%"), $ = d(0), Y = u(() => !!(i && i.isGroup)), _ = u(() => t.value.imgSrc[t.value.currentIndex] || ""), w = u(() => t.value.imgSrc.length), k = u(() => w.value !== 1 && (o.infinite || t.value.currentIndex !== 0)), Z = u(() => w.value !== 1 && (o.infinite || t.value.currentIndex !== w.value - 1)), ee = u(() => we(
+      f,
+      {
+        [`${M}-hide`]: !o.visible,
+        [`${f}-popup`]: o.getPopupContainer
+      },
+      o.className
+    )), y = u(() => t.value.viewerVisible ? "" : `${f}-hide`), oe = u(() => {
+      const e = {
+        zIndex: o.zIndex
+      };
+      return o.getPopupContainer && (e.position = "static"), e;
+    }), ne = u(() => o.renderLeftIcon ? s(o.renderLeftIcon) ? o.renderLeftIcon(t.value.currentIndex) : o.renderLeftIcon : H(Ne, { size: "large" })), te = u(() => o.renderRightIcon ? s(o.renderRightIcon) ? o.renderRightIcon(t.value.currentIndex) : o.renderRightIcon : H(Se, { size: "large" }));
+    N(
+      [() => o.visible, () => o.src, () => o.currentIndex],
+      ([e, n, l], [c, b, T]) => {
+        if (e !== c && (t.value.visible = e, e)) {
+          const g = Array.isArray(o.src) ? o.src : o.src ? [o.src] : [];
+          X(g, t.value.imgSrc) || (t.value.imgSrc = g), t.value.preloadAfterVisibleChange = !0, t.value.viewerVisible = !0, t.value.rotation = 0, t.value.ratio = "adaptation";
+        }
+        if (e && n !== b) {
+          const g = Array.isArray(n) ? n : n ? [n] : [];
+          X(g, t.value.imgSrc) || (t.value.imgSrc = g);
+        }
+        l !== T && l !== void 0 && l !== t.value.currentIndex && (t.value.currentIndex = l, t.value.ratio = "adaptation");
+      },
+      { immediate: !0 }
+    );
+    const ae = {
+      getProps: () => o,
+      getProp: (e) => o[e],
+      getState: (e) => t.value[e],
+      getStates: () => t.value,
+      setState: (e, n) => {
+        Object.assign(t.value, e), n == null || n();
+      },
+      getContext: (e) => e ? i == null ? void 0 : i[e] : i,
+      getContexts: () => ({
+        setCurrentIndex: i == null ? void 0 : i.setCurrentIndex,
+        handleVisibleChange: i == null ? void 0 : i.handleVisibleChange
+      }),
+      getCache: () => null,
+      getCaches: () => ({}),
+      setCache: () => {
+      },
+      stopPropagation: (e) => e == null ? void 0 : e.stopPropagation(),
+      persistEvent: () => {
+      },
+      getIsInGroup: () => Y.value,
+      notifyChange: (e, n) => {
+        s(o.onChange) && o.onChange(e), n === "prev" && s(o.onPrev) ? o.onPrev(e) : n === "next" && s(o.onNext) && o.onNext(e);
+      },
+      notifyZoom: (e, n) => {
+        n && s(o.onZoomIn) ? o.onZoomIn(e) : !n && s(o.onZoomOut) && o.onZoomOut(e);
+      },
+      notifyClose: () => {
+        s(o.onClose) && o.onClose();
+      },
+      notifyVisibleChange: (e) => {
+        Q("visibleChange", e), s(o.onVisibleChange) && o.onVisibleChange(e);
+      },
+      notifyRatioChange: (e) => {
+        s(o.onRatioChange) && o.onRatioChange(e);
+      },
+      notifyRotateChange: (e) => {
+        s(o.onRotateLeft) && o.onRotateLeft(e);
+      },
+      notifyDownload: (e, n) => {
+        s(o.onDownload) && o.onDownload(e, n);
+      },
+      notifyDownloadError: (e) => {
+        s(o.onDownloadError) && o.onDownloadError(e);
+      },
+      registerKeyDownListener: () => {
+        window.addEventListener("keydown", O);
+      },
+      unregisterKeyDownListener: () => {
+        window.removeEventListener("keydown", O);
+      },
+      disabledBodyScroll: () => {
+        o.getPopupContainer || (I.value = document.body.style.overflow || "", I.value !== "hidden" && (document.body.style.overflow = "hidden", document.body.style.width = `calc(${z.value || "100%"} - ${$.value}px)`));
+      },
+      enabledBodyScroll: () => {
+        !o.getPopupContainer && I.value !== "hidden" && (document.body.style.overflow = I.value, document.body.style.width = z.value);
+      },
+      getSetDownloadFunc: () => (i == null ? void 0 : i.setDownloadName) ?? o.setDownloadName,
+      isValidTarget: (e) => {
+        const n = e.target;
+        if (!n) return !0;
+        const l = x.value, c = R.value, b = (l == null ? void 0 : l.headerRef) || (l == null ? void 0 : l.$el), T = (c == null ? void 0 : c.footerRef) || (c == null ? void 0 : c.$el);
+        return !(b && b.contains(n) || T && T.contains(n) || D.value && D.value.contains(n) || P.value && P.value.contains(n));
+      },
+      changeImageZoom: (e) => {
+        v.value && v.value.foundation && v.value.foundation.changeZoom(e);
+      }
+    }, { foundation: r } = Be(be, ae), O = (e) => {
+      r.handleKeyDown(e);
+    }, re = (e) => {
+      r.handleMouseDown(e);
+    }, ie = (e) => {
+      r.handleMouseUp(e);
+    }, V = Le((e) => {
+      r.handleMouseMove(e);
+    }, 50), A = (e) => {
+      r.handleWheel(e);
+    }, C = (e) => {
+      r.handleSwitchImage(e);
+    }, le = () => {
+      r.handleDownload();
+    }, se = (e) => {
+      r.handlePreviewClose(e);
+    }, de = (e) => {
+      r.handleAdjustRatio(e);
+    }, ue = (e) => {
+      r.handleRotateImage(e);
+    }, L = (e, n = !0) => {
+      r.handleZoomImage(e, n);
+    }, ce = () => {
+      r.preloadSingleImage();
+    }, fe = (e) => {
+      r.onImageLoad(e);
+    }, W = () => {
+      m.value && m.value.addEventListener("wheel", A, { passive: !1 });
+    }, F = () => {
+      m.value && m.value.removeEventListener("wheel", A);
+    };
+    return me(() => {
+      $.value = Te(), z.value = document.body.style.width, W(), o.visible && r.beforeShow();
+    }), ge(() => {
+      F(), r.clearTimer(), r.afterHide();
+    }), N(
+      () => o.visible,
+      (e, n) => {
+        !n && e ? (pe(() => {
+          W();
+        }), r.beforeShow()) : n && !e && (F(), r.afterHide());
+      }
+    ), N(
+      () => o.src,
+      () => {
+        o.visible && r.updateTimer();
+      }
+    ), q({
+      foundation: r,
+      imageRef: v,
+      headerRef: x,
+      footerRef: R
+    }), (e, n) => o.visible ? (p(), S(Re, {
+      key: 0,
+      getPopupContainer: a.getPopupContainer,
+      style: j(oe.value)
+    }, {
+      default: he(() => [
+        Ie("div", {
+          ref_key: "imageWrapRef",
+          ref: m,
+          class: h(ee.value),
+          style: j(a.style),
+          onMousedown: re,
+          onMouseup: ie,
+          onMousemove: n[4] || (n[4] = //@ts-ignore
+          (...l) => G(V) && G(V)(...l))
+        }, [
+          E(De, {
+            ref_key: "headerRef",
+            ref: x,
+            class: h(y.value),
+            closable: a.closable,
+            renderHeader: a.renderHeader,
+            renderCloseIcon: a.renderCloseIcon,
+            onClose: se
+          }, null, 8, ["class", "closable", "renderHeader", "renderCloseIcon"]),
+          E(ze, {
+            ref_key: "imageRef",
+            ref: v,
+            src: _.value,
+            zoom: t.value.zoom,
+            ratio: t.value.ratio,
+            rotation: t.value.rotation,
+            crossOrigin: a.crossOrigin,
+            disableDownload: a.disableDownload,
+            onZoom: L,
+            onLoad: fe,
+            onError: ce
+          }, null, 8, ["src", "zoom", "ratio", "rotation", "crossOrigin", "disableDownload"]),
+          k.value ? (p(), K("div", {
+            key: 0,
+            ref_key: "leftIconRef",
+            ref: D,
+            class: h([`${f}-icon`, `${f}-prev`, y.value]),
+            onClick: n[0] || (n[0] = (l) => C("prev"))
+          }, [
+            (p(), S(U(ne.value)))
+          ], 2)) : B("", !0),
+          Z.value ? (p(), K("div", {
+            key: 1,
+            ref_key: "rightIconRef",
+            ref: P,
+            class: h([`${f}-icon`, `${f}-next`, y.value]),
+            onClick: n[1] || (n[1] = (l) => C("next"))
+          }, [
+            (p(), S(U(te.value)))
+          ], 2)) : B("", !0),
+          E(Pe, {
+            ref_key: "footerRef",
+            ref: R,
+            class: h(y.value),
+            totalNum: w.value,
+            curPage: t.value.currentIndex + 1,
+            disabledPrev: !k.value,
+            disabledNext: !Z.value,
+            zoom: t.value.zoom * 100,
+            step: a.zoomStep * 100,
+            showTooltip: a.showTooltip,
+            ratio: t.value.ratio,
+            prevTip: a.prevTip,
+            nextTip: a.nextTip,
+            zIndex: a.zIndex,
+            zoomInTip: a.zoomInTip,
+            zoomOutTip: a.zoomOutTip,
+            rotateTip: a.rotateTip,
+            downloadTip: a.downloadTip,
+            disableDownload: a.disableDownload,
+            adaptiveTip: a.adaptiveTip,
+            originTip: a.originTip,
+            renderPreviewMenu: a.renderPreviewMenu,
+            onPrev: n[2] || (n[2] = () => C("prev")),
+            onNext: n[3] || (n[3] = () => C("next")),
+            onZoomIn: L,
+            onZoomOut: L,
+            onDownload: le,
+            onRotate: ue,
+            onAdjustRatio: de
+          }, null, 8, ["class", "totalNum", "curPage", "disabledPrev", "disabledNext", "zoom", "step", "showTooltip", "ratio", "prevTip", "nextTip", "zIndex", "zoomInTip", "zoomOutTip", "rotateTip", "downloadTip", "disableDownload", "adaptiveTip", "originTip", "renderPreviewMenu"])
+        ], 38)
+      ]),
+      _: 1
+    }, 8, ["getPopupContainer", "style"])) : B("", !0);
+  }
+});
+export {
+  Ue as default
+};
+//# sourceMappingURL=PreviewInner.vue.js.map

package/lib/es/components/image/PreviewInner.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewInner.vue.js","sources":["../../../../src/components/image/PreviewInner.vue"],"sourcesContent":["<template>\n    <Portal v-if=\"props.visible\" :getPopupContainer=\"getPopupContainer\" :style=\"wrapperStyle\">\n        <div\n            ref=\"imageWrapRef\"\n            :class=\"previewWrapperCls\"\n            :style=\"style\"\n            @mousedown=\"handleMouseDown\"\n            @mouseup=\"handleMouseUp\"\n            @mousemove=\"handleMouseMove\"\n        >\n            <PreviewHeader\n                ref=\"headerRef\"\n                :class=\"hideViewerCls\"\n                :closable=\"closable\"\n                :renderHeader=\"renderHeader\"\n                :renderCloseIcon=\"renderCloseIcon\"\n                @close=\"handlePreviewClose\"\n            />\n            <PreviewImage\n                ref=\"imageRef\"\n                :src=\"currentSrc\"\n                :zoom=\"state.zoom\"\n                :ratio=\"state.ratio\"\n                :rotation=\"state.rotation\"\n                :crossOrigin=\"crossOrigin\"\n                :disableDownload=\"disableDownload\"\n                :onZoom=\"handleZoomImage\"\n                @load=\"onImageLoad\"\n                @error=\"onImageError\"\n            />\n            <div\n                v-if=\"showPrev\"\n                ref=\"leftIconRef\"\n                :class=\"[`${previewPrefixCls}-icon`, `${previewPrefixCls}-prev`, hideViewerCls]\"\n                @click=\"handleSwitchImage('prev')\"\n            >\n                <component :is=\"leftIconNode\" />\n            </div>\n            <div\n                v-if=\"showNext\"\n                ref=\"rightIconRef\"\n                :class=\"[`${previewPrefixCls}-icon`, `${previewPrefixCls}-next`, hideViewerCls]\"\n                @click=\"handleSwitchImage('next')\"\n            >\n                <component :is=\"rightIconNode\" />\n            </div>\n            <PreviewFooter\n                ref=\"footerRef\"\n                :class=\"hideViewerCls\"\n                :totalNum=\"total\"\n                :curPage=\"state.currentIndex + 1\"\n                :disabledPrev=\"!showPrev\"\n                :disabledNext=\"!showNext\"\n                :zoom=\"state.zoom * 100\"\n                :step=\"zoomStep * 100\"\n                :showTooltip=\"showTooltip\"\n                :ratio=\"state.ratio\"\n                :prevTip=\"prevTip\"\n                :nextTip=\"nextTip\"\n                :zIndex=\"zIndex\"\n                :zoomInTip=\"zoomInTip\"\n                :zoomOutTip=\"zoomOutTip\"\n                :rotateTip=\"rotateTip\"\n                :downloadTip=\"downloadTip\"\n                :disableDownload=\"disableDownload\"\n                :adaptiveTip=\"adaptiveTip\"\n                :originTip=\"originTip\"\n                :renderPreviewMenu=\"renderPreviewMenu\"\n                @prev=\"() => handleSwitchImage('prev')\"\n                @next=\"() => handleSwitchImage('next')\"\n                @zoom-in=\"handleZoomImage\"\n                @zoom-out=\"handleZoomImage\"\n                @download=\"handleDownload\"\n                @rotate=\"handleRotateImage\"\n                @adjust-ratio=\"handleAdjustRatio\"\n            />\n        </div>\n    </Portal>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, onBeforeUnmount, nextTick, h, CSSProperties } from 'vue';\nimport cls from 'classnames';\nimport { cssClasses, numbers } from '@douyinfe/semi-foundation/image/constants';\nimport VuePreviewInnerFoundation from './previewInnerFoundation';\nimport type { PreviewInnerAdapter, RatioType } from './previewInnerFoundation';\nimport { PreviewInnerProps, PreviewInnerStates } from './interface';\nimport { useFoundation } from '../_utils';\nimport { usePreviewContext } from './context';\nimport Portal from '../_portal/Portal.vue';\nimport PreviewHeader from './PreviewHeader.vue';\nimport PreviewFooter from './PreviewFooter.vue';\nimport PreviewImage from './PreviewImage.vue';\nimport { IconArrowLeft, IconArrowRight } from '../icons';\nimport { isEqual, isFunction, throttle } from 'lodash-es';\nimport { getScrollbarWidth } from '../_utils';\n\ndefineOptions({\n    name: 'PreviewInner',\n});\n\nconst prefixCls = cssClasses.PREFIX;\nconst previewPrefixCls = `${prefixCls}-preview`;\n\nconst props = withDefaults(defineProps<PreviewInnerProps>(), {\n    showTooltip: false,\n    zoomStep: 0.1,\n    infinite: false,\n    closable: true,\n    closeOnEsc: true,\n    lazyLoad: false,\n    preLoad: true,\n    preLoadGap: 2,\n    zIndex: numbers.DEFAULT_Z_INDEX,\n    maskClosable: true,\n    viewerVisibleDelay: 10000,\n    maxZoom: 5,\n    minZoom: 0.1,\n    visible: false,\n});\n\nconst emit = defineEmits<{\n    visibleChange: [visible: boolean];\n}>();\n\nconst previewContext = usePreviewContext();\nconst headerRef = ref<HTMLElement | null>(null);\nconst footerRef = ref<HTMLElement | null>(null);\nconst leftIconRef = ref<HTMLDivElement | null>(null);\nconst rightIconRef = ref<HTMLDivElement | null>(null);\nconst imageRef = ref<any>(null);\nconst imageWrapRef = ref<HTMLDivElement | null>(null);\nconst state = ref<PreviewInnerStates>({\n    imgSrc: [],\n    imgLoadStatus: new Map(),\n    zoom: 0.1,\n    currentIndex: 0,\n    ratio: 'adaptation',\n    rotation: 0,\n    viewerVisible: true,\n    visible: props.visible,\n    preloadAfterVisibleChange: true,\n    direction: '',\n});\n\nconst bodyOverflow = ref<string>('');\nconst originBodyWidth = ref('100%');\nconst scrollBarWidth = ref(0);\n\nconst isInGroup = computed(() => {\n    return Boolean(previewContext && previewContext.isGroup);\n});\n\nconst currentSrc = computed(() => {\n    return state.value.imgSrc[state.value.currentIndex] || '';\n});\n\nconst total = computed(() => state.value.imgSrc.length);\n\nconst showPrev = computed(() => {\n    return total.value !== 1 && (props.infinite || state.value.currentIndex !== 0);\n});\n\nconst showNext = computed(() => {\n    return total.value !== 1 && (props.infinite || state.value.currentIndex !== total.value - 1);\n});\n\nconst previewWrapperCls = computed(() => {\n    return cls(\n        previewPrefixCls,\n        {\n            [`${prefixCls}-hide`]: !props.visible,\n            [`${previewPrefixCls}-popup`]: props.getPopupContainer,\n        },\n        props.className\n    );\n});\n\nconst hideViewerCls = computed(() => {\n    return !state.value.viewerVisible ? `${previewPrefixCls}-hide` : '';\n});\n\nconst wrapperStyle = computed<CSSProperties>(() => {\n    const style: CSSProperties = {\n        zIndex: props.zIndex,\n    };\n    if (props.getPopupContainer) {\n        style.position = 'static';\n    }\n    return style;\n});\n\nconst leftIconNode = computed(() => {\n    if (props.renderLeftIcon) {\n        return isFunction(props.renderLeftIcon) ? props.renderLeftIcon(state.value.currentIndex) : props.renderLeftIcon;\n    }\n    return h(IconArrowLeft, { size: 'large' });\n});\n\nconst rightIconNode = computed(() => {\n    if (props.renderRightIcon) {\n        return isFunction(props.renderRightIcon)\n            ? props.renderRightIcon(state.value.currentIndex)\n            : props.renderRightIcon;\n    }\n    return h(IconArrowRight, { size: 'large' });\n});\n\nwatch(\n    [() => props.visible, () => props.src, () => props.currentIndex],\n    ([newVisible, newSrc, newIndex], [oldVisible, oldSrc, oldIndex]) => {\n        if (newVisible !== oldVisible) {\n            state.value.visible = newVisible;\n            if (newVisible) {\n                const src = Array.isArray(props.src) ? props.src : props.src ? [props.src] : [];\n                if (!isEqual(src, state.value.imgSrc)) {\n                    state.value.imgSrc = src;\n                }\n                state.value.preloadAfterVisibleChange = true;\n                state.value.viewerVisible = true;\n                state.value.rotation = 0;\n                state.value.ratio = 'adaptation';\n            }\n        }\n        if (newVisible && newSrc !== oldSrc) {\n            const src = Array.isArray(newSrc) ? newSrc : newSrc ? [newSrc] : [];\n            if (!isEqual(src, state.value.imgSrc)) {\n                state.value.imgSrc = src;\n            }\n        }\n        if (newIndex !== oldIndex && newIndex !== undefined && newIndex !== state.value.currentIndex) {\n            state.value.currentIndex = newIndex;\n            state.value.ratio = 'adaptation';\n        }\n    },\n    { immediate: true }\n);\n\nconst adapter: PreviewInnerAdapter<PreviewInnerProps, PreviewInnerStates> = {\n    getProps: () => props,\n    getProp: (key: string) => (props as any)[key],\n    getState: (key: string) => (state.value as any)[key],\n    getStates: () => state.value,\n    setState: (states: Partial<PreviewInnerStates>, cb?: () => void) => {\n        Object.assign(state.value, states);\n        cb?.();\n    },\n    getContext: (key?: string) => {\n        if (key) {\n            return previewContext?.[key as keyof typeof previewContext];\n        }\n        return previewContext;\n    },\n    getContexts: () => ({\n        setCurrentIndex: previewContext?.setCurrentIndex,\n        handleVisibleChange: previewContext?.handleVisibleChange,\n    }),\n    getCache: () => null,\n    getCaches: () => ({}),\n    setCache: () => {},\n    stopPropagation: (e: Event) => e?.stopPropagation(),\n    persistEvent: () => {},\n    getIsInGroup: () => isInGroup.value,\n    notifyChange: (index: number, direction: string) => {\n        if (isFunction(props.onChange)) props.onChange(index);\n        if (direction === 'prev' && isFunction(props.onPrev)) {\n            props.onPrev(index);\n        } else if (direction === 'next' && isFunction(props.onNext)) {\n            props.onNext(index);\n        }\n    },\n    notifyZoom: (zoom: number, increase: boolean) => {\n        if (increase && isFunction(props.onZoomIn)) {\n            props.onZoomIn(zoom);\n        } else if (!increase && isFunction(props.onZoomOut)) {\n            props.onZoomOut(zoom);\n        }\n    },\n    notifyClose: () => {\n        if (isFunction(props.onClose)) props.onClose();\n    },\n    notifyVisibleChange: (visible: boolean) => {\n        emit('visibleChange', visible);\n        if (isFunction(props.onVisibleChange)) props.onVisibleChange(visible);\n    },\n    notifyRatioChange: (type: RatioType) => {\n        if (isFunction(props.onRatioChange)) props.onRatioChange(type);\n    },\n    notifyRotateChange: (angle: number) => {\n        if (isFunction(props.onRotateLeft)) props.onRotateLeft(angle);\n    },\n    notifyDownload: (src: string, index: number) => {\n        if (isFunction(props.onDownload)) props.onDownload(src, index);\n    },\n    notifyDownloadError: (src: string) => {\n        if (isFunction(props.onDownloadError)) props.onDownloadError(src);\n    },\n    registerKeyDownListener: () => {\n        window.addEventListener('keydown', handleKeyDown);\n    },\n    unregisterKeyDownListener: () => {\n        window.removeEventListener('keydown', handleKeyDown);\n    },\n    disabledBodyScroll: () => {\n        if (!props.getPopupContainer) {\n            bodyOverflow.value = document.body.style.overflow || '';\n            if (bodyOverflow.value !== 'hidden') {\n                document.body.style.overflow = 'hidden';\n                document.body.style.width = `calc(${originBodyWidth.value || '100%'} - ${scrollBarWidth.value}px)`;\n            }\n        }\n    },\n    enabledBodyScroll: () => {\n        if (!props.getPopupContainer && bodyOverflow.value !== 'hidden') {\n            document.body.style.overflow = bodyOverflow.value;\n            document.body.style.width = originBodyWidth.value;\n        }\n    },\n    getSetDownloadFunc: () => {\n        return previewContext?.setDownloadName ?? props.setDownloadName;\n    },\n    isValidTarget: (e: any) => {\n        const target = e.target as HTMLElement;\n        if (!target) return true;\n\n        const headerComponent = headerRef.value as any;\n        const footerComponent = footerRef.value as any;\n        const headerDom = headerComponent?.headerRef || headerComponent?.$el;\n        const footerDom = footerComponent?.footerRef || footerComponent?.$el;\n\n        if (\n            (headerDom && headerDom.contains(target)) ||\n            (footerDom && footerDom.contains(target)) ||\n            (leftIconRef.value && leftIconRef.value.contains(target)) ||\n            (rightIconRef.value && rightIconRef.value.contains(target))\n        ) {\n            return false;\n        }\n\n        return true;\n    },\n    changeImageZoom: (zoom: number) => {\n        if (imageRef.value && imageRef.value.foundation) {\n            imageRef.value.foundation.changeZoom(zoom);\n        }\n    },\n};\n\nconst { foundation } = useFoundation(VuePreviewInnerFoundation, adapter);\nconst handleKeyDown = (e: KeyboardEvent) => {\n    foundation.handleKeyDown(e);\n};\n\nconst handleMouseDown = (e: MouseEvent) => {\n    foundation.handleMouseDown(e);\n};\n\nconst handleMouseUp = (e: MouseEvent) => {\n    foundation.handleMouseUp(e);\n};\n\nconst handleMouseMove = throttle((e: MouseEvent) => {\n    foundation.handleMouseMove(e);\n}, 50);\n\n/**\n * 处理 wheel 事件\n * 注意：此函数通过 addEventListener 注册，而不是使用 @wheel 指令\n * 原因：需要设置 { passive: false } 以允许 preventDefault()\n * 参考 React 版本的注释说明\n */\nconst handleWheel = (e: WheelEvent) => {\n    foundation.handleWheel(e);\n};\n\nconst handleSwitchImage = (direction: string) => {\n    foundation.handleSwitchImage(direction);\n};\n\nconst handleDownload = () => {\n    foundation.handleDownload();\n};\n\nconst handlePreviewClose = (e: MouseEvent) => {\n    foundation.handlePreviewClose(e);\n};\n\nconst handleAdjustRatio = (type: RatioType) => {\n    foundation.handleAdjustRatio(type);\n};\n\nconst handleRotateImage = (direction: string) => {\n    foundation.handleRotateImage(direction);\n};\n\nconst handleZoomImage = (newZoom: number, notify: boolean = true) => {\n    foundation.handleZoomImage(newZoom, notify);\n};\n\nconst onImageError = () => {\n    foundation.preloadSingleImage();\n};\n\nconst onImageLoad = (src: string) => {\n    foundation.onImageLoad(src);\n};\n\n/**\n * 注册 wheel 事件监听器\n * 使用 addEventListener 并设置 { passive: false } 以允许 preventDefault()\n * 参考 React 版本的 registryImageWrapRef 实现\n */\nconst registerWheelListener = () => {\n    if (imageWrapRef.value) {\n        imageWrapRef.value.addEventListener('wheel', handleWheel, { passive: false });\n    }\n};\n\n/**\n * 移除 wheel 事件监听器\n */\nconst unregisterWheelListener = () => {\n    if (imageWrapRef.value) {\n        imageWrapRef.value.removeEventListener('wheel', handleWheel);\n    }\n};\n\nonMounted(() => {\n    scrollBarWidth.value = getScrollbarWidth();\n    originBodyWidth.value = document.body.style.width;\n    // 注册 wheel 事件监听器\n    registerWheelListener();\n    if (props.visible) {\n        foundation.beforeShow();\n    }\n});\n\nonBeforeUnmount(() => {\n    // 移除 wheel 事件监听器\n    unregisterWheelListener();\n    foundation.clearTimer();\n    foundation.afterHide();\n});\n\nwatch(\n    () => props.visible,\n    (newVisible, oldVisible) => {\n        if (!oldVisible && newVisible) {\n            // 当预览显示时，确保 wheel 事件监听器已注册\n            // 由于使用了 v-if，Portal 会重新渲染，需要等待 DOM 更新\n            nextTick(() => {\n                registerWheelListener();\n            });\n            foundation.beforeShow();\n        } else if (oldVisible && !newVisible) {\n            // 当预览隐藏时，移除 wheel 事件监听器\n            unregisterWheelListener();\n            foundation.afterHide();\n        }\n    }\n);\n\nwatch(\n    () => props.src,\n    () => {\n        if (props.visible) {\n            foundation.updateTimer();\n        }\n    }\n);\n\ndefineExpose({\n    foundation,\n    imageRef,\n    headerRef,\n    footerRef,\n});\n</script>\n"],"names":["prefixCls","cssClasses","previewPrefixCls","props","__props","emit","__emit","previewContext","usePreviewContext","headerRef","ref","footerRef","leftIconRef","rightIconRef","imageRef","imageWrapRef","state","bodyOverflow","originBodyWidth","scrollBarWidth","isInGroup","computed","currentSrc","total","showPrev","showNext","previewWrapperCls","cls","hideViewerCls","wrapperStyle","style","leftIconNode","isFunction","h","IconArrowLeft","rightIconNode","IconArrowRight","watch","newVisible","newSrc","newIndex","oldVisible","oldSrc","oldIndex","src","isEqual","adapter","key","states","cb","index","direction","zoom","increase","visible","type","angle","handleKeyDown","target","headerComponent","footerComponent","headerDom","footerDom","foundation","useFoundation","VuePreviewInnerFoundation","handleMouseDown","handleMouseUp","handleMouseMove","throttle","handleWheel","handleSwitchImage","handleDownload","handlePreviewClose","handleAdjustRatio","handleRotateImage","handleZoomImage","newZoom","notify","onImageError","onImageLoad","registerWheelListener","unregisterWheelListener","onMounted","getScrollbarWidth","onBeforeUnmount","nextTick","__expose","_createBlock","Portal","_createElementVNode","_cache","_unref","args","_createVNode","PreviewHeader","PreviewImage","_createElementBlock","_normalizeClass","_openBlock","_resolveDynamicComponent","PreviewFooter"],"mappings":"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"}

package/lib/es/components/image/context.js

@@ -0,0 +1,10 @@
+import { inject as o, provide as n } from "vue";
+const t = Symbol("PreviewContext"), i = () => o(t, null), c = (e) => {
+  n(t, e);
+};
+export {
+  t as PreviewContextKey,
+  c as providePreviewContext,
+  i as usePreviewContext
+};
+//# sourceMappingURL=context.js.map

package/lib/es/components/image/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../src/components/image/context.ts"],"sourcesContent":["import { inject, provide, InjectionKey } from 'vue';\nimport { PreviewContextProps } from './interface';\n\nexport const PreviewContextKey: InjectionKey<PreviewContextProps> = Symbol('PreviewContext');\n\nexport const usePreviewContext = () => {\n    const context = inject(PreviewContextKey, null);\n    return context;\n};\n\nexport const providePreviewContext = (context: PreviewContextProps) => {\n    provide(PreviewContextKey, context);\n};\n"],"names":["PreviewContextKey","usePreviewContext","inject","providePreviewContext","context","provide"],"mappings":";AAGO,MAAMA,IAAuD,OAAO,gBAAgB,GAE9EC,IAAoB,MACbC,EAAOF,GAAmB,IAAI,GAIrCG,IAAwB,CAACC,MAAiC;AACnE,EAAAC,EAAQL,GAAmBI,CAAO;AACtC;"}

package/lib/es/components/image/index.js

@@ -0,0 +1,7 @@
+import m from "./Image.vue.js";
+/* empty css           */
+export {
+  m as Image,
+  m as default
+};
+//# sourceMappingURL=index.js.map

package/lib/es/components/image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/es/components/image/previewInnerFoundation.js

@@ -0,0 +1,18 @@
+import n from "@douyinfe/semi-foundation/image/previewInnerFoundation";
+import { isTargetEmit as o } from "@douyinfe/semi-foundation/image/utils";
+const u = ["icon", "footer"];
+class h extends n {
+  constructor() {
+    super(...arguments), this.handleMouseUp = (t) => {
+      const { maskClosable: e } = this.getProps();
+      if (!e || !this._adapter.isValidTarget(t) || o(t, u))
+        return;
+      const { clientX: s, clientY: i } = t, { x: r, y: a } = this._startMouseDown;
+      Math.abs(s - r) > 5 || Math.abs(a - i) > 5 || this._adapter.notifyVisibleChange(!1);
+    };
+  }
+}
+export {
+  h as default
+};
+//# sourceMappingURL=previewInnerFoundation.js.map

package/lib/es/components/image/previewInnerFoundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"previewInnerFoundation.js","sources":["../../../../src/components/image/previewInnerFoundation.ts"],"sourcesContent":["/**\n * Vue 版本的 PreviewInnerFoundation 扩展\n * 覆盖 handleMouseUp 方法以支持 Vue 组件中的 isValidTarget 检查\n */\nimport PreviewInnerFoundation from '@douyinfe/semi-foundation/image/previewInnerFoundation';\nimport type { PreviewInnerAdapter, RatioType } from '@douyinfe/semi-foundation/image/previewInnerFoundation';\nimport { isTargetEmit } from '@douyinfe/semi-foundation/image/utils';\n\nconst NOT_CLOSE_TARGETS = ['icon', 'footer'];\n\nexport default class VuePreviewInnerFoundation<\n    P = Record<string, any>,\n    S = Record<string, any>,\n> extends PreviewInnerFoundation<P, S> {\n    handleMouseUp = (e: any) => {\n        const { maskClosable } = this.getProps();\n        if (!maskClosable) {\n            return;\n        }\n\n        // 使用 isValidTarget 检查是否点击在操作区域（header、footer、leftIcon、rightIcon）\n        // isValidTarget 返回 true 表示点击在预览区域（可以关闭），返回 false 表示点击在操作区域（不能关闭）\n        // Use isValidTarget to check if clicking in the operation area (header, footer, leftIcon, rightIcon)\n        // isValidTarget returns true if clicking in preview area (can close), false if clicking in operation area (cannot close)\n        const isValidTarget = this._adapter.isValidTarget(e);\n        if (!isValidTarget) {\n            // 点击在操作区域，不关闭\n            return;\n        }\n\n        // 同时使用 isTargetEmit 作为备用检查（检查 className 中是否包含 \"icon\" 或 \"footer\"）\n        // Also use isTargetEmit as a fallback check (check if className contains \"icon\" or \"footer\")\n        const isTargetEmitResult = isTargetEmit(e, NOT_CLOSE_TARGETS);\n        if (isTargetEmitResult) {\n            // 点击在操作区域，不关闭\n            return;\n        }\n\n        const { clientX, clientY } = e;\n        const { x, y } = this._startMouseDown;\n        // 对鼠标移动做容错处理，当 x 和 y 方向在 mouseUp 的时候移动距离都小于等于 5px 时候就可以关闭预览\n        // Error-tolerant processing of mouse movement, when the movement distance in the x and y directions is less than or equal to 5px in mouseUp, the preview can be closed\n        // 不做容错处理的话，直接用 clientX !== x || y !== clientY 做判断，鼠标在用户点击时候无意识的轻微移动无法关闭预览，不符合用户预期\n        // If you do not do fault-tolerant processing, but directly use clientX !== x || y !== clientY to make judgments, the slight movement of the mouse when the user clicks will not be able to close the preview, which does not meet the user's expectations.\n        if (Math.abs(clientX - x) > 5 || Math.abs(y - clientY) > 5) {\n            return;\n        }\n\n        // 所有检查都通过，可以关闭\n        this._adapter.notifyVisibleChange(false);\n    };\n}\n\n// 重新导出类型（使用 export type 因为它们是类型，不是值）\nexport type { PreviewInnerAdapter, RatioType };\n"],"names":["NOT_CLOSE_TARGETS","VuePreviewInnerFoundation","PreviewInnerFoundation","e","maskClosable","isTargetEmit","clientX","clientY","x","y"],"mappings":";;AAQA,MAAMA,IAAoB,CAAC,QAAQ,QAAQ;AAE3C,MAAqBC,UAGXC,EAA6B;AAAA,EAHvC,cAAA;AAAA,UAAA,GAAA,SAAA,GAII,KAAA,gBAAgB,CAACC,MAAW;AACxB,YAAM,EAAE,cAAAC,EAAA,IAAiB,KAAK,SAAA;AAkB9B,UAjBI,CAACA,KASD,CADkB,KAAK,SAAS,cAAcD,CAAC,KAQxBE,EAAaF,GAAGH,CAAiB;AAGxD;AAGJ,YAAM,EAAE,SAAAM,GAAS,SAAAC,EAAA,IAAYJ,GACvB,EAAE,GAAAK,GAAG,GAAAC,EAAA,IAAM,KAAK;AAKtB,MAAI,KAAK,IAAIH,IAAUE,CAAC,IAAI,KAAK,KAAK,IAAIC,IAAIF,CAAO,IAAI,KAKzD,KAAK,SAAS,oBAAoB,EAAK;AAAA,IAC3C;AAAA,EAAA;AACJ;"}