@transsionfe/semi-ui-vue 0.0.3 → 0.0.5

package/lib/cjs/components/image/Preview.vue.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),G=require("classnames"),K=require("@douyinfe/semi-foundation/image/constants"),$=require("@douyinfe/semi-foundation/image/previewFoundation"),W=require("./context.cjs"),H=require("./PreviewInner.vue.cjs"),y=require("lodash-es"),X=require("@douyinfe/semi-foundation/utils/uuid"),J=require("../../_utils/useFoundation.cjs"),Q=["id"],Y=r.defineComponent({name:"Preview",__name:"Preview",props:{visible:{type:Boolean,default:!1},src:{default:()=>[]},previewTitle:{},currentIndex:{default:0},defaultCurrentIndex:{default:0},defaultVisible:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},zoomStep:{},infinite:{type:Boolean},showTooltip:{type:Boolean},closeOnEsc:{type:Boolean},prevTip:{},nextTip:{},zoomInTip:{},zoomOutTip:{},rotateTip:{},downloadTip:{},adaptiveTip:{},originTip:{},lazyLoad:{type:Boolean,default:!0},lazyLoadMargin:{default:"0px 100px 100px 0px"},preLoad:{type:Boolean},preLoadGap:{},viewerVisibleDelay:{},disableDownload:{type:Boolean},zIndex:{},children:{},crossOrigin:{},maxZoom:{},minZoom:{},previewCls:{},previewStyle:{},renderLeftIcon:{},renderRightIcon:{},renderCloseIcon:{},renderHeader:{},renderPreviewMenu:{},getPopupContainer:{},onVisibleChange:{},onChange:{},onClose:{},onZoomIn:{},onZoomOut:{},onPrev:{},onNext:{},onRatioChange:{},onRotateLeft:{},onDownload:{},onDownloadError:{},setDownloadName:{},className:{},style:{}},emits:["visibleChange","change"],setup(z,{expose:V,emit:k}){const w=K.cssClasses.PREFIX,l=z,b=k,L=r.ref(null),h=r.ref(null),_=r.ref(X.getUuidShort({prefix:"semi-image-preview-group",length:4})),c=r.ref({currentIndex:l.currentIndex??l.defaultCurrentIndex??0,visible:l.visible??l.defaultVisible??!1}),f=r.ref([]),A=r.ref([]),g=r.ref([]),P=r.useSlots(),C=e=>{const n=[];for(const t of e)if(t){if(Array.isArray(t))n.push(...C(t));else if(r.isVNode(t))if(t.type===r.Fragment){if(t.children){const o=Array.isArray(t.children)?t.children:[t.children];n.push(...C(o))}}else t.type!==r.Comment&&n.push(t)}return n},O=e=>e?(e==null?void 0:e.isSemiImage)===!0?!0:((e==null?void 0:e.__name)||(e==null?void 0:e.name)||(e==null?void 0:e.__file))==="Image":!1,v=(e,n=0)=>{const t=[],o=[],d=[];let a=n;for(const s of e){if(!s){t.push(s);continue}if(Array.isArray(s)){const u=v(s,a);t.push(...u.children),o.push(...u.srcList),d.push(...u.titles),a=u.nextIndex;continue}if(!r.isVNode(s)){t.push(s);continue}if(s.type===r.Fragment){if(s.children){const u=Array.isArray(s.children)?s.children:[s.children],i=v(u,a);i.children.length>0?(t.push(r.h(r.Fragment,{},i.children)),o.push(...i.srcList),d.push(...i.titles),a=i.nextIndex):t.push(s)}else t.push(s);continue}const x=s.type,I=s.props||{};if(O(x)){const{src:u,preview:i}=I;if(i!==!1){const p=y.isObject(i)?i.src??u:u;p&&(o.push(p),d.push(i==null?void 0:i.previewTitle));const j=r.h(x,{...I,imageID:a++},s.children);t.push(j)}else t.push(s);continue}if(s.children){const u=Array.isArray(s.children)?s.children:[s.children],i=v(u,a);if(i.srcList.length>0||i.children.length!==u.length){const p=r.h(x,I,i.children);t.push(p),o.push(...i.srcList),d.push(...i.titles),a=i.nextIndex}else t.push(s)}else t.push(s)}return{children:t,srcList:o,titles:d,nextIndex:a}},m=r.computed(()=>{if(!P.default)return[];try{const e=P.default();return C(Array.isArray(e)?e:[e])}catch{return[]}}),B=e=>e.map(n=>r.isVNode(n)?n.key??null:null),D=r.computed(()=>{const e=m.value,n=v(e,0);return y.isEqual(n.srcList,f.value)||(f.value=n.srcList,A.value=n.titles),n.children}),S=r.computed(()=>[...Array.isArray(l.src)?l.src:typeof l.src=="string"?[l.src]:[],...f.value]),F=r.computed(()=>G(`${w}-preview-group`,l.className)),M={getProps:()=>l,getProp:e=>l[e],getState:e=>c.value[e],getStates:()=>c.value,setState:(e,n)=>{Object.assign(c.value,e),n==null||n()},getContext:()=>null,getContexts:()=>({}),getCache:()=>null,getCaches:()=>({}),setCache:()=>{},stopPropagation:e=>e==null?void 0:e.stopPropagation(),persistEvent:()=>{}},{foundation:N}=J.useFoundation($,M),E=e=>{N.handleVisibleChange(e),b("visibleChange",e)},R=r.computed(()=>{const{previewCls:e,previewStyle:n,onVisibleChange:t,onChange:o,...d}=l;return{...d,className:e,style:n,onVisibleChange:s=>{E(s),t&&t(s)},onChange:o}}),U=e=>{N.handleCurrentIndexChange(e),b("change",e)},q=()=>{if(!l.lazyLoad)return;h.value&&h.value.disconnect(),h.value=new IntersectionObserver(n=>{n.forEach(t=>{var a,s;const o=t.target,d=(a=o.dataset)==null?void 0:a.src;t.isIntersecting&&d&&(o.src=d,o.removeAttribute("data-src"),(s=h.value)==null||s.unobserve(o))})},{root:document.querySelector(`#${_.value}`),rootMargin:l.lazyLoadMargin}),document.querySelectorAll(`.${w}-img`).forEach(n=>{var t;return(t=h.value)==null?void 0:t.observe(n)})};r.watch(()=>l.currentIndex,e=>{e!==void 0&&e!==c.value.currentIndex&&(c.value.currentIndex=e)}),r.watch(()=>l.visible,e=>{e!==void 0&&e!==c.value.visible&&(c.value.visible=e)});const Z=r.reactive({isGroup:!0,get previewSrc(){return S.value},get titles(){return A.value},get currentIndex(){return c.value.currentIndex},get visible(){return c.value.visible},get lazyLoad(){return l.lazyLoad},get previewObserver(){return h.value},setCurrentIndex:U,handleVisibleChange:E,get setDownloadName(){return l.setDownloadName}});return W.providePreviewContext(Z),r.onMounted(()=>{r.nextTick(()=>{const e=m.value;g.value=B(e),q()})}),r.onUpdated(()=>{l.lazyLoad&&r.nextTick(()=>{const e=m.value,n=B(e);y.isEqual(g.value,n)||(g.value=n,q())})}),r.onBeforeUnmount(()=>{h.value&&(h.value.disconnect(),h.value=null)}),V({previewRef:L}),(e,n)=>(r.openBlock(),r.createElementBlock(r.Fragment,null,[r.createElementVNode("div",{id:_.value,class:r.normalizeClass(F.value),style:r.normalizeStyle(l.style)},[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(D.value,(t,o)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t),{key:o}))),128))],14,Q),r.createVNode(H.default,r.mergeProps({ref_key:"previewRef",ref:L},R.value,{src:S.value,currentIndex:c.value.currentIndex,visible:c.value.visible}),null,16,["src","currentIndex","visible"])],64))}});exports.default=Y;
-//# sourceMappingURL=Preview.vue.cjs.map

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

@@ -0,0 +1,22 @@
+import { PreviewProps } from './interface';
+declare const __VLS_export: import("vue").DefineComponent<PreviewProps, {
+    previewRef: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (index: number) => any;
+    visibleChange: (visible: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<PreviewProps> & Readonly<{
+    onChange?: (index: number) => any;
+    onVisibleChange?: (visible: boolean) => any;
+}>, {
+    visible: boolean;
+    src: string | string[];
+    closable: boolean;
+    maskClosable: boolean;
+    currentIndex: number;
+    defaultCurrentIndex: number;
+    defaultVisible: boolean;
+    lazyLoad: boolean;
+    lazyLoadMargin: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Preview.vue.cjs");exports.default=e.default;
-//# sourceMappingURL=Preview.vue2.cjs.map

package/lib/cjs/components/image/PreviewFooter.vue.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),h=require("classnames"),F=require("@douyinfe/semi-foundation/image/constants"),O=require("@douyinfe/semi-foundation/image/previewFooterFoundation"),r=require("../tooltip/Tooltip.vue.cjs"),g=require("../divider/Divider.vue.cjs"),Z=require("../slider/Slider.vue.cjs"),A=require("lodash-es"),V=require("../../_utils/useFoundation.cjs"),E=require("../icons/icons/IconChevronLeft.cjs"),L=require("../icons/icons/IconChevronRight.cjs"),j=require("../icons/icons/IconMinus.cjs"),W=require("../icons/icons/IconPlus.cjs"),X=require("../icons/icons/IconRealSizeStroked.cjs"),G=require("../icons/icons/IconWindowAdaptionStroked.cjs"),H=require("../icons/icons/IconRotate.cjs"),J=require("../icons/icons/IconDownload.cjs"),K=t.defineComponent({name:"PreviewFooter",__name:"PreviewFooter",props:{curPage:{},totalNum:{},disabledPrev:{type:Boolean},disabledNext:{type:Boolean},disableDownload:{type:Boolean,default:!1},className:{},zoom:{},ratio:{},prevTip:{},nextTip:{},zoomInTip:{},zoomOutTip:{},rotateTip:{},downloadTip:{},adaptiveTip:{},originTip:{},showTooltip:{type:Boolean,default:!1},zIndex:{},onZoomIn:{},onZoomOut:{},onPrev:{},onNext:{},onAdjustRatio:{},onRotate:{},onDownload:{},renderPreviewMenu:{},max:{default:500},min:{default:10},step:{default:10}},emits:["prev","next","zoomIn","zoomOut","rotate","adjustRatio","download"],setup(d,{expose:v,emit:w}){const a=`${F.cssClasses.PREFIX}-preview-footer`,e=d,i=w,s=t.ref(null),C={getProps:()=>e,getProp:o=>e[o],getState:()=>null,getStates:()=>({}),setState:()=>{},getContext:()=>null,getContexts:()=>({}),getCache:()=>null,getCaches:()=>({}),setCache:()=>{},stopPropagation:o=>o==null?void 0:o.stopPropagation(),persistEvent:()=>{}},{foundation:l}=V.useFoundation(O,C),u=()=>{l.changeSliderValue("minus")},p=()=>{l.changeSliderValue("plus")},m=()=>{l.handleRotate("left"),i("rotate","left")},k=()=>{l.handleRotate("right"),i("rotate","right")},P=A.throttle(o=>{const n=Array.isArray(o)?o[0]:o;l.handleValueChange(n)},50),c=()=>{l.handleRatioClick()},b=()=>{const o=t.h(E.default,{size:"large",class:e.disabledPrev?`${a}-disabled`:"",onClick:e.disabledPrev?void 0:()=>i("prev")});return e.showTooltip?t.h(r.default,{content:e.prevTip||"上一张"},{default:()=>o}):o},x=()=>{const o=t.h(L.default,{size:"large",class:e.disabledNext?`${a}-disabled`:"",onClick:e.disabledNext?void 0:()=>i("next")});return e.showTooltip?t.h(r.default,{content:e.nextTip||"下一张"},{default:()=>o}):o},I=()=>{const o=e.zoom===e.min,n=t.h(j.default,{size:"large",class:o?`${a}-disabled`:"",onClick:o?void 0:u});return e.showTooltip?t.h(r.default,{content:e.zoomOutTip||"缩小"},{default:()=>n}):n},T=()=>{const o=e.zoom===e.max,n=t.h(W.default,{size:"large",class:o?`${a}-disabled`:"",onClick:o?void 0:p});return e.showTooltip?t.h(r.default,{content:e.zoomInTip||"放大"},{default:()=>n}):n},z=()=>{const o=e.ratio==="adaptation"?t.h(X.default,{size:"large",class:`${a}-gap`,onClick:c}):t.h(G.default,{size:"large",class:`${a}-gap`,onClick:c}),n=e.ratio==="adaptation"?e.originTip||"原始尺寸":e.adaptiveTip||"适应窗口";return e.showTooltip?t.h(r.default,{content:n},{default:()=>o}):o},y=()=>{const o=t.h(H.default,{size:"large",onClick:m});return e.showTooltip?t.h(r.default,{content:e.rotateTip||"旋转"},{default:()=>o}):o},R=()=>{const o=t.h(J.default,{size:"large",class:h(`${a}-gap`,{[`${a}-disabled`]:e.disableDownload}),onClick:e.disableDownload?void 0:()=>i("download")});return e.showTooltip?t.h(r.default,{content:e.downloadTip||"下载"},{default:()=>o}):o},_=()=>t.h("div",{class:`${a}-page`,key:"info"},`${e.curPage}/${e.totalNum}`),q=()=>t.h(Z.default,{key:"slider",value:e.zoom,min:e.min,max:e.max,step:e.step,tipFormatter:o=>{const n=Array.isArray(o)?o[0]:o;return typeof n=="number"?`${n}%`:String(n||"")},tooltipVisible:e.showTooltip?void 0:!1,onChange:P}),f=()=>[b(),_(),x(),I(),q(),T(),z(),y(),R()],$=()=>{const o=f();return o.splice(3,0,t.h(g.default,{layout:"vertical",key:"divider-first"})),o.splice(8,0,t.h(g.default,{layout:"vertical",key:"divider-second"})),o},N=t.computed(()=>$()),M=t.computed(()=>{if(!e.renderPreviewMenu)return null;const o={min:e.min,max:e.max,step:e.step,curPage:e.curPage,totalNum:e.totalNum,zoom:e.zoom,ratio:e.ratio,disabledPrev:e.disabledPrev,disabledNext:e.disabledNext,disableDownload:e.disableDownload,disableZoomIn:e.zoom===e.max,disableZoomOut:e.zoom===e.min,onDownload:()=>i("download"),onNext:()=>i("next"),onPrev:()=>i("prev"),onZoomIn:()=>p(),onZoomOut:()=>u(),onRatioClick:c,onRotateLeft:m,onRotateRight:k,menuItems:f()};return e.renderPreviewMenu(o)}),S=t.computed(()=>h(a,`${a}-wrapper`,e.className,{[`${a}-content`]:!e.renderPreviewMenu}));return v({footerRef:s,$el:s}),(o,n)=>(t.openBlock(),t.createElementBlock("section",{ref_key:"footerRef",ref:s,class:t.normalizeClass(S.value)},[d.renderPreviewMenu?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(M.value),{key:0})):(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:1},t.renderList(N.value,(B,D)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(B),{key:D}))),128))],2))}});exports.default=K;
-//# sourceMappingURL=PreviewFooter.vue.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),g=require("classnames"),Z=require("@douyinfe/semi-foundation/image/constants"),A=require("@douyinfe/semi-foundation/image/previewFooterFoundation"),s=require("../tooltip/Tooltip.vue.cjs"),h=require("../divider/Divider.vue.cjs"),V=require("../slider/Slider.vue.cjs"),E=require("lodash-es"),L=require("../../_utils/useFoundation.cjs"),j=require("../icons/icons/IconChevronLeft.vue.cjs"),W=require("../icons/icons/IconChevronRight.vue.cjs"),X=require("../icons/icons/IconMinus.vue.cjs"),G=require("../icons/icons/IconPlus.vue.cjs"),H=require("../icons/icons/IconRealSizeStroked.vue.cjs"),J=require("../icons/icons/IconWindowAdaptionStroked.vue.cjs"),K=require("../icons/icons/IconRotate.vue.cjs"),Q=require("../icons/icons/IconDownload.vue.cjs"),U=o.defineComponent({name:"PreviewFooter",__name:"PreviewFooter",props:{curPage:{},totalNum:{},disabledPrev:{type:Boolean},disabledNext:{type:Boolean},disableDownload:{type:Boolean,default:!1},className:{},zoom:{},ratio:{},prevTip:{},nextTip:{},zoomInTip:{},zoomOutTip:{},rotateTip:{},downloadTip:{},adaptiveTip:{},originTip:{},showTooltip:{type:Boolean,default:!1},zIndex:{},onZoomIn:{},onZoomOut:{},onPrev:{},onNext:{},onAdjustRatio:{},onRotate:{},onDownload:{},renderPreviewMenu:{},max:{default:500},min:{default:10},step:{default:10}},emits:["prev","next","zoomIn","zoomOut","rotate","adjustRatio","download"],setup(d,{expose:w,emit:P}){const r=`${Z.cssClasses.PREFIX}-preview-footer`,i=o.useSlots();console.log("PreviewFooter 初始化，slots:",{footer:!!i.footer,availableSlots:Object.keys(i)});const e=d,a=P,u=o.ref(null),C={getProps:()=>e,getProp:t=>e[t],getState:()=>null,getStates:()=>({}),setState:()=>{},getContext:()=>null,getContexts:()=>({}),getCache:()=>null,getCaches:()=>({}),setCache:()=>{},stopPropagation:t=>t==null?void 0:t.stopPropagation(),persistEvent:()=>{}},{foundation:l}=L.useFoundation(A,C),p=()=>{l.changeSliderValue("minus")},m=()=>{l.changeSliderValue("plus")},_=()=>{l.handleRotate("left"),a("rotate","left")},y=()=>{l.handleRotate("right"),a("rotate","right")},k=E.throttle(t=>{const n=Array.isArray(t)?t[0]:t;l.handleValueChange(n)},50),c=()=>{l.handleRatioClick()},b=()=>{const t=o.h(j.default,{size:"large",class:e.disabledPrev?`${r}-disabled`:"",onClick:e.disabledPrev?void 0:()=>a("prev")});return e.showTooltip?o.h(s.default,{content:e.prevTip||"上一张"},{default:()=>t}):t},I=()=>{const t=o.h(W.default,{size:"large",class:e.disabledNext?`${r}-disabled`:"",onClick:e.disabledNext?void 0:()=>a("next")});return e.showTooltip?o.h(s.default,{content:e.nextTip||"下一张"},{default:()=>t}):t},T=()=>{const t=e.zoom===e.min,n=o.h(X.default,{size:"large",class:t?`${r}-disabled`:"",onClick:t?void 0:p});return e.showTooltip?o.h(s.default,{content:e.zoomOutTip||"缩小"},{default:()=>n}):n},x=()=>{const t=e.zoom===e.max,n=o.h(G.default,{size:"large",class:t?`${r}-disabled`:"",onClick:t?void 0:m});return e.showTooltip?o.h(s.default,{content:e.zoomInTip||"放大"},{default:()=>n}):n},z=()=>{const t=e.ratio==="adaptation"?o.h(H.default,{size:"large",class:`${r}-gap`,onClick:c}):o.h(J.default,{size:"large",class:`${r}-gap`,onClick:c}),n=e.ratio==="adaptation"?e.originTip||"原始尺寸":e.adaptiveTip||"适应窗口";return e.showTooltip?o.h(s.default,{content:n},{default:()=>t}):t},R=()=>{const t=o.h(K.default,{size:"large",onClick:_});return e.showTooltip?o.h(s.default,{content:e.rotateTip||"旋转"},{default:()=>t}):t},q=()=>{const t=o.h(Q.default,{size:"large",class:g(`${r}-gap`,{[`${r}-disabled`]:e.disableDownload}),onClick:e.disableDownload?void 0:()=>a("download")});return e.showTooltip?o.h(s.default,{content:e.downloadTip||"下载"},{default:()=>t}):t},S=()=>o.h("div",{class:`${r}-page`,key:"info"},`${e.curPage}/${e.totalNum}`),$=()=>o.h(V.default,{key:"slider",value:e.zoom,min:e.min,max:e.max,step:e.step,tipFormatter:t=>{const n=Array.isArray(t)?t[0]:t;return typeof n=="number"?`${n}%`:String(n||"")},tooltipVisible:e.showTooltip?void 0:!1,onChange:k}),v=()=>[b(),S(),I(),T(),$(),x(),z(),R(),q()],M=()=>{const t=v();return t.splice(3,0,o.h(h.default,{layout:"vertical",key:"divider-first"})),t.splice(8,0,o.h(h.default,{layout:"vertical",key:"divider-second"})),t},N=o.computed(()=>M()),f=o.computed(()=>({min:e.min,max:e.max,step:e.step,curPage:e.curPage,totalNum:e.totalNum,zoom:e.zoom,ratio:e.ratio,disabledPrev:e.disabledPrev,disabledNext:e.disabledNext,disableDownload:e.disableDownload,disableZoomIn:e.zoom===e.max,disableZoomOut:e.zoom===e.min,onDownload:()=>a("download"),onNext:()=>a("next"),onPrev:()=>a("prev"),onZoomIn:()=>m(),onZoomOut:()=>p(),onRatioClick:c,onRotateLeft:_,onRotateRight:y,menuItems:v()})),F=o.computed(()=>i.footer?(console.log("PreviewFooter: 检测到footer插槽，使用插槽内容"),null):e.renderPreviewMenu?(console.log("PreviewFooter: 使用renderPreviewMenu函数"),e.renderPreviewMenu(f.value)):(console.log("PreviewFooter: 没有renderPreviewMenu"),null)),B=o.computed(()=>g(r,`${r}-wrapper`,e.className,{[`${r}-content`]:!e.renderPreviewMenu}));return w({footerRef:u,$el:u}),(t,n)=>(o.openBlock(),o.createElementBlock("section",{ref_key:"footerRef",ref:u,class:o.normalizeClass(B.value)},[o.renderSlot(t.$slots,"footer",{menuProps:f.value},()=>[d.renderPreviewMenu?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(F.value),{key:0})):(o.openBlock(!0),o.createElementBlock(o.Fragment,{key:1},o.renderList(N.value,(D,O)=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(D),{key:O}))),128))])],2))}});exports.default=U;

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

@@ -0,0 +1,41 @@
+import { FooterProps, MenuProps, RatioType } from './interface';
+declare var __VLS_1: {
+    menuProps: MenuProps;
+};
+type __VLS_Slots = {} & {
+    footer?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<FooterProps, {
+    footerRef: import("vue").Ref<HTMLElement, HTMLElement>;
+    $el: import("vue").Ref<HTMLElement, HTMLElement>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    next: () => any;
+    rotate: (direction: string) => any;
+    download: () => any;
+    prev: () => any;
+    zoomIn: (zoom: number) => any;
+    zoomOut: (zoom: number) => any;
+    adjustRatio: (type: RatioType) => any;
+}, string, import("vue").PublicProps, Readonly<FooterProps> & Readonly<{
+    onNext?: () => any;
+    onRotate?: (direction: string) => any;
+    onDownload?: () => any;
+    onPrev?: () => any;
+    onZoomIn?: (zoom: number) => any;
+    onZoomOut?: (zoom: number) => any;
+    onAdjustRatio?: (type: RatioType) => any;
+}>, {
+    showTooltip: boolean;
+    step: number;
+    max: number;
+    disableDownload: boolean;
+    min: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./PreviewFooter.vue.cjs");exports.default=e.default;
-//# sourceMappingURL=PreviewFooter.vue2.cjs.map

package/lib/cjs/components/image/PreviewHeader.vue.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("classnames"),v=require("@douyinfe/semi-foundation/image/constants"),y=require("./context.cjs"),I=require("../icons/icons/IconClose.cjs"),h=e.defineComponent({name:"PreviewHeader",__name:"PreviewHeader",props:{closable:{type:Boolean,default:!0},renderHeader:{},title:{},titleStyle:{},className:{},onClose:{},renderCloseIcon:{}},emits:["close"],setup(r,{expose:u,emit:i}){const l=`${v.cssClasses.PREFIX}-preview-header`,o=r,d=i,n=y.usePreviewContext(),s=e.ref(null),m=e.computed(()=>C(l,o.className)),c=e.computed(()=>n&&n.titles&&typeof n.currentIndex=="number"?n.titles[n.currentIndex]:o.title),a=e.computed(()=>{if(o.renderHeader){const t=o.renderHeader(c.value);return t&&typeof t=="object"&&"type"in t?t:e.h("span",t||"")}return c.value?e.h("span",c.value):null}),p=e.computed(()=>{if(o.renderCloseIcon){const t=typeof o.renderCloseIcon=="function"?o.renderCloseIcon():o.renderCloseIcon;if(t&&typeof t=="object"&&"type"in t)return t;console.warn("[Semi ImagePreview] RenderCloseIcon should be a valid vue element or a function that returns a vue element")}return e.h(I.default)}),f=t=>{d("close",t)};return u({headerRef:s,$el:s}),(t,k)=>(e.openBlock(),e.createElementBlock("section",{ref_key:"headerRef",ref:s,class:e.normalizeClass(m.value)},[e.createElementVNode("section",{class:e.normalizeClass(`${l}-title`),style:e.normalizeStyle(r.titleStyle)},[a.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value),{key:0})):e.createCommentVNode("",!0)],6),r.closable?(e.openBlock(),e.createElementBlock("section",{key:0,class:e.normalizeClass(`${l}-close`),onMouseup:f},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.value)))],34)):e.createCommentVNode("",!0)],2))}});exports.default=h;
-//# sourceMappingURL=PreviewHeader.vue.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("classnames"),h=require("@douyinfe/semi-foundation/image/constants"),k=require("./context.cjs"),I=require("../icons/icons/IconClose.vue.cjs"),w=e.defineComponent({name:"PreviewHeader",__name:"PreviewHeader",props:{closable:{type:Boolean,default:!0},renderHeader:{},title:{},titleStyle:{},className:{},onClose:{},renderCloseIcon:{}},emits:["close"],setup(n,{expose:d,emit:m}){const l=`${h.cssClasses.PREFIX}-preview-header`,s=e.useSlots();console.log("PreviewHeader 初始化，slots:",{header:!!s.header,availableSlots:Object.keys(s)});const o=n,p=m,r=k.usePreviewContext(),c=e.ref(null),v=e.computed(()=>y(l,o.className)),u=e.computed(()=>r&&r.titles&&typeof r.currentIndex=="number"?r.titles[r.currentIndex]:o.title),a=e.computed(()=>u.value),i=e.computed(()=>{if(s.header)return console.log("PreviewHeader: 检测到header插槽，使用插槽内容"),null;if(o.renderHeader){console.log("PreviewHeader: 使用renderHeader函数");const t=o.renderHeader(a.value);return t&&typeof t=="object"&&"type"in t?t:e.h("span",t||"")}return console.log("PreviewHeader: 使用默认标题"),a.value?e.h("span",a.value):null}),f=e.computed(()=>{if(o.renderCloseIcon){const t=typeof o.renderCloseIcon=="function"?o.renderCloseIcon():o.renderCloseIcon;if(t&&typeof t=="object"&&"type"in t)return t;console.warn("[Semi ImagePreview] RenderCloseIcon should be a valid vue element or a function that returns a vue element")}return e.h(I.default)}),C=t=>{p("close",t)};return d({headerRef:c,$el:c}),(t,_)=>(e.openBlock(),e.createElementBlock("section",{ref_key:"headerRef",ref:c,class:e.normalizeClass(v.value)},[e.createElementVNode("section",{class:e.normalizeClass(`${l}-title`),style:e.normalizeStyle(n.titleStyle)},[e.renderSlot(t.$slots,"header",{title:u.value},()=>[i.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),{key:0})):e.createCommentVNode("",!0)])],6),n.closable?(e.openBlock(),e.createElementBlock("section",{key:0,class:e.normalizeClass(`${l}-close`),onMouseup:C},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f.value)))],34)):e.createCommentVNode("",!0)],2))}});exports.default=w;

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

@@ -0,0 +1,27 @@
+import { HeaderProps } from './interface';
+declare var __VLS_1: {
+    title: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<HeaderProps, {
+    headerRef: import("vue").Ref<HTMLElement, HTMLElement>;
+    $el: import("vue").Ref<HTMLElement, HTMLElement>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (e: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<HeaderProps> & Readonly<{
+    onClose?: (e: MouseEvent) => any;
+}>, {
+    closable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./PreviewHeader.vue.cjs");exports.default=e.default;
-//# sourceMappingURL=PreviewHeader.vue2.cjs.map

package/lib/cjs/components/image/PreviewImage.vue.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),E=require("@douyinfe/semi-foundation/image/constants"),z=require("@douyinfe/semi-foundation/image/previewImageFoundation"),R=require("../spin/Spin.vue.cjs"),_=require("../../_utils/useFoundation.cjs"),M=["src","crossOrigin"],L=t.defineComponent({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(c,{expose:f,emit:w}){const u=`${E.cssClasses.PREFIX}-preview-image`,n=c,d=w,g=t.ref(null),r=t.ref(null),s=t.ref({width:0,height:0,loading:!0,translate:{x:0,y:0},currZoom:n.zoom}),C=t.computed(()=>{const{width:e,height:o,loading:i,translate:l}=s.value;return{position:"absolute",visibility:i?"hidden":"visible",transform:`translate(${l.x}px, ${l.y}px) rotate(${n.rotation}deg)`,width:e?`${e}px`:"0px",height:o?`${o}px`:"0px"}}),m={getProps:()=>({...n}),getProp:e=>n[e],getState:e=>s.value[e],getStates:()=>s.value,setState:(e,o)=>{Object.assign(s.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:()=>r.value,setLoading:e=>{s.value.loading=e},setImageCursor:e=>{r.value&&(r.value.style.cursor=e?"grab":"default")}},{foundation:a}=_.useFoundation(z,m),x=m.getProps;m.getProps=()=>{const e=x(),o=n.onZoom;return{...e,onZoom:(i,l=!0)=>{l&&o?o(i):l?d("zoom",i):a.changeZoom(i)}}};const v=e=>{const o=e.target;o&&o.naturalWidth>0&&o.naturalHeight>0&&(a.handleLoad(e),d("load",n.src||""))},k=e=>{a.handleError(e),d("error",n.src||"")},y=e=>{a.handleImageMove(e)},P=e=>{a.handleImageMouseDown(e)},I=e=>{a.handleRightClickImage(e)},p=()=>{a.handleWindowResize()};t.watch(()=>n.src,(e,o)=>{e&&e!==o&&a.setLoading(!0)}),t.watch(()=>n.zoom,e=>{e!==void 0&&e!==s.value.currZoom&&(s.value.currZoom=e)}),t.watch(()=>n.ratio,()=>{a.handleRatioChange()}),t.watch(()=>n.rotation,()=>{p()});const h=()=>{var e;if((e=r.value)!=null&&e.complete&&r.value.naturalWidth>0){const o=new Event("load");Object.defineProperty(o,"target",{value:r.value,enumerable:!0}),v(o)}};return t.onMounted(()=>{a.init(),window.addEventListener("resize",p),t.nextTick(h)}),t.watch(()=>n.src,()=>{t.nextTick(h)}),t.onBeforeUnmount(()=>{window.removeEventListener("resize",p)}),f({foundation:a,containerRef:g,imageRef:r}),(e,o)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"containerRef",ref:g,class:t.normalizeClass(u)},[(t.openBlock(),t.createElementBlock("img",{ref_key:"imageRef",ref:r,key:c.src,src:c.src,alt:"previewImage",class:t.normalizeClass(`${u}-img`),style:t.normalizeStyle(C.value),crossOrigin:c.crossOrigin,onMousemove:y,onMousedown:P,onContextmenu:I,onDragstart:o[0]||(o[0]=t.withModifiers(()=>{},["prevent"])),onLoad:v,onError:k},null,46,M)),s.value.loading?(t.openBlock(),t.createBlock(R.default,{key:0,size:"large",wrapperClassName:`${u}-spin`},null,8,["wrapperClassName"])):t.createCommentVNode("",!0)],512))}});exports.default=L;
-//# sourceMappingURL=PreviewImage.vue.cjs.map

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

@@ -0,0 +1,21 @@
+import PreviewImageFoundation from '@douyinfe/semi-foundation/image/previewImageFoundation';
+import { PreviewImageProps, PreviewImageStates } from './interface';
+declare const __VLS_export: import("vue").DefineComponent<PreviewImageProps, {
+    foundation: PreviewImageFoundation<PreviewImageProps, PreviewImageStates>;
+    containerRef: import("vue").Ref<HTMLDivElement, HTMLDivElement>;
+    imageRef: import("vue").Ref<HTMLImageElement, HTMLImageElement>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (src: string) => any;
+    zoom: (zoom: number) => any;
+    load: (src: string) => any;
+}, string, import("vue").PublicProps, Readonly<PreviewImageProps> & Readonly<{
+    onError?: (src: string) => any;
+    onZoom?: (zoom: number) => any;
+    onLoad?: (src: string) => any;
+}>, {
+    zoom: number;
+    rotation: number;
+    ratio: import("@douyinfe/semi-foundation/image/previewInnerFoundation").RatioType;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./PreviewImage.vue.cjs");exports.default=e.default;
-//# sourceMappingURL=PreviewImage.vue2.cjs.map

package/lib/cjs/components/image/PreviewInner.vue.cjs

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

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

@@ -0,0 +1,43 @@
+import VuePreviewInnerFoundation from './previewInnerFoundation';
+import { PreviewInnerProps, PreviewInnerStates } from './interface';
+type __VLS_Slots = {
+    header: {
+        title: string;
+    };
+    footer: {
+        menuProps: any;
+    };
+};
+declare const __VLS_base: import("vue").DefineComponent<PreviewInnerProps, {
+    foundation: VuePreviewInnerFoundation<PreviewInnerProps, PreviewInnerStates>;
+    imageRef: import("vue").Ref<any, any>;
+    headerRef: import("vue").Ref<HTMLElement, HTMLElement>;
+    footerRef: import("vue").Ref<HTMLElement, HTMLElement>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    visibleChange: (visible: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<PreviewInnerProps> & Readonly<{
+    onVisibleChange?: (visible: boolean) => any;
+}>, {
+    showTooltip: boolean;
+    infinite: boolean;
+    visible: boolean;
+    zIndex: number;
+    closeOnEsc: boolean;
+    closable: boolean;
+    viewerVisibleDelay: number;
+    zoomStep: number;
+    maxZoom: number;
+    minZoom: number;
+    maskClosable: boolean;
+    preLoad: boolean;
+    preLoadGap: number;
+    lazyLoad: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./PreviewInner.vue.cjs");exports.default=e.default;
-//# sourceMappingURL=PreviewInner.vue2.cjs.map

package/lib/cjs/components/image/context.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),e=Symbol("PreviewContext"),n=()=>o.inject(e,null),r=t=>{o.provide(e,t)};exports.PreviewContextKey=e;exports.providePreviewContext=r;exports.usePreviewContext=n;
-//# sourceMappingURL=context.cjs.map

package/lib/cjs/components/image/context.d.ts

@@ -0,0 +1,5 @@
+import { InjectionKey } from 'vue';
+import { PreviewContextProps } from './interface';
+export declare const PreviewContextKey: InjectionKey<PreviewContextProps>;
+export declare const usePreviewContext: () => PreviewContextProps;
+export declare const providePreviewContext: (context: PreviewContextProps) => void;

package/lib/cjs/components/image/image.css

@@ -0,0 +1,50 @@
+@charset "UTF-8";
+/**
+ * Vue Image 组件的样式覆盖
+ * 这些样式是针对 Vue 组件的特定需求，不应该修改 foundation 包中的公共样式
+ *
+ * 注意：foundation 的 image.scss 已经在全局样式文件 (src/styles/index.scss) 中引入，
+ * 这里只需要定义 Vue 特定的样式覆盖即可
+ *
+ * 需要导入变量文件以使用颜色、间距等变量
+ */
+/* shadow */
+/* sizing */
+/* spacing */
+.semi-image-mask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: var(--semi-color-overlay-bg);
+  opacity: 0;
+  transition: opacity 0.3s;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: inherit;
+  pointer-events: none;
+}
+.semi-image-mask-info {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: var(--semi-color-white);
+}
+.semi-image-mask-info-text {
+  margin-top: 8px;
+  font-size: 14px;
+  line-height: 20px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+.semi-image:hover .semi-image-mask {
+  opacity: 1;
+}
+
+.semi-image-preview-footer-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/lib/cjs/components/image/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Image.vue.cjs");exports.Image=e.default;exports.default=e.default;
-//# sourceMappingURL=index.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Image.vue.cjs");require("./image.css");exports.Image=e.default;exports.default=e.default;

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

@@ -0,0 +1,7 @@
+import Image from './Image.vue';
+import PreviewInner from './PreviewInner.vue';
+import Preview from './Preview.vue';
+import './image.scss';
+export default Image;
+export { Image, PreviewInner, Preview, Preview as ImagePreview };
+export type { ImageProps, ImageStates, PreviewProps, PreviewInnerProps, PreviewImageProps, MenuProps, HeaderProps, FooterProps, PreviewContextProps, } from './interface';

package/lib/cjs/components/image/interface.d.ts

@@ -0,0 +1,214 @@
+import { VNode, CSSProperties } from 'vue';
+import { RatioType } from '@douyinfe/semi-foundation/image/previewInnerFoundation';
+export type { RatioType };
+export type ImageLoadStatus = 'loading' | 'success' | 'error';
+export interface ImageStates {
+    src: string;
+    loadStatus: ImageLoadStatus;
+    previewVisible: boolean;
+}
+export interface ImageProps {
+    src?: string;
+    width?: string | number;
+    height?: string | number;
+    alt?: string;
+    placeholder?: VNode;
+    fallback?: string | VNode;
+    preview?: boolean | PreviewProps;
+    onError?: (event: Event) => void;
+    onLoad?: (event: Event) => void;
+    onClick?: (event: any) => void;
+    crossOrigin?: 'anonymous' | 'use-credentials';
+    children?: VNode;
+    imageID?: number;
+    setDownloadName?: (src: string) => string;
+    imgStyle?: CSSProperties;
+    imgCls?: string;
+    className?: string;
+    style?: CSSProperties;
+    id?: string;
+    [key: string]: any;
+}
+export interface PreviewProps {
+    visible?: boolean;
+    src?: string | string[];
+    previewTitle?: VNode | string;
+    currentIndex?: number;
+    defaultCurrentIndex?: number;
+    defaultVisible?: boolean;
+    maskClosable?: boolean;
+    closable?: boolean;
+    zoomStep?: number;
+    infinite?: boolean;
+    showTooltip?: boolean;
+    closeOnEsc?: boolean;
+    prevTip?: string;
+    nextTip?: string;
+    zoomInTip?: string;
+    zoomOutTip?: string;
+    rotateTip?: string;
+    downloadTip?: string;
+    adaptiveTip?: string;
+    originTip?: string;
+    lazyLoad?: boolean;
+    lazyLoadMargin?: string;
+    preLoad?: boolean;
+    preLoadGap?: number;
+    viewerVisibleDelay?: number;
+    disableDownload?: boolean;
+    zIndex?: number;
+    children?: VNode;
+    crossOrigin?: 'anonymous' | 'use-credentials';
+    maxZoom?: number;
+    minZoom?: number;
+    previewCls?: string;
+    previewStyle?: CSSProperties;
+    renderLeftIcon?: VNode | ((index: number) => VNode);
+    renderRightIcon?: VNode | ((index: number) => VNode);
+    renderCloseIcon?: VNode | (() => VNode);
+    renderHeader?: (info: any) => VNode;
+    renderPreviewMenu?: (props: MenuProps) => VNode;
+    getPopupContainer?: () => HTMLElement;
+    onVisibleChange?: (visible: boolean) => void;
+    onChange?: (index: number) => void;
+    onClose?: () => void;
+    onZoomIn?: (zoom: number) => void;
+    onZoomOut?: (zoom: number) => void;
+    onPrev?: (index: number) => void;
+    onNext?: (index: number) => void;
+    onRatioChange?: (type: RatioType) => void;
+    onRotateLeft?: (angle: number) => void;
+    onDownload?: (src: string, index: number) => void;
+    onDownloadError?: (src: string) => void;
+    setDownloadName?: (src: string) => string;
+    className?: string;
+    style?: CSSProperties;
+}
+export interface PreviewInnerProps extends Omit<PreviewProps, 'previewCls' | 'previewStyle'> {
+}
+export interface MenuProps {
+    min?: number;
+    max?: number;
+    step?: number;
+    curPage?: number;
+    totalNum?: number;
+    zoom?: number;
+    ratio?: RatioType;
+    disabledPrev?: boolean;
+    disabledNext?: boolean;
+    disableDownload?: boolean;
+    disableZoomIn?: boolean;
+    disableZoomOut?: boolean;
+    onDownload?: () => void;
+    onNext?: () => void;
+    onPrev?: () => void;
+    onZoomIn?: () => void;
+    onZoomOut?: () => void;
+    onRatioClick?: () => void;
+    onRotateLeft?: () => void;
+    onRotateRight?: () => void;
+    menuItems?: VNode[];
+}
+export interface PreviewInnerStates {
+    imgSrc?: string[];
+    imgLoadStatus?: Map<string, boolean>;
+    zoom?: number;
+    rotation?: number;
+    ratio?: RatioType;
+    currentIndex?: number;
+    viewerVisible?: boolean;
+    visible?: boolean;
+    preloadAfterVisibleChange?: boolean;
+    direction?: string;
+}
+export interface PreviewContextProps {
+    isGroup: boolean;
+    lazyLoad: boolean;
+    previewSrc: string[];
+    titles: VNode[];
+    currentIndex: number;
+    visible: boolean;
+    previewObserver: IntersectionObserver | null;
+    setCurrentIndex: (current: number) => void;
+    handleVisibleChange: (visible: boolean, preVisible?: boolean) => void;
+    setDownloadName?: (src: string) => string;
+}
+export interface PreviewImageProps {
+    src?: string;
+    rotation?: number;
+    style?: CSSProperties;
+    zoom?: number;
+    ratio?: RatioType;
+    disableDownload?: boolean;
+    clickZoom?: number;
+    crossOrigin?: 'anonymous' | 'use-credentials';
+    setRatio?: (type: RatioType) => void;
+    onZoom?: (zoom: number, notify?: boolean) => void;
+    onLoad?: (src: string) => void;
+    onError?: (src: string) => void;
+}
+export interface ImageTranslate {
+    x: number;
+    y: number;
+}
+export interface PreviewImageStates {
+    loading: boolean;
+    width: number;
+    height: number;
+    translate: ImageTranslate;
+    currZoom: number;
+}
+export interface DragDirection {
+    canDragVertical: boolean;
+    canDragHorizontal: boolean;
+}
+export interface ExtremeBounds {
+    left: number;
+    top: number;
+}
+export interface PreviewState {
+    currentIndex: number;
+    visible: boolean;
+}
+export interface HeaderProps {
+    closable: boolean;
+    renderHeader?: (info: any) => VNode;
+    title?: string;
+    titleStyle?: CSSProperties;
+    className?: string;
+    onClose?: (e: MouseEvent) => void;
+    renderCloseIcon?: VNode | (() => VNode);
+}
+export interface SliderProps {
+    max?: number;
+    min?: number;
+    step?: number;
+}
+export interface FooterProps extends SliderProps {
+    curPage?: number;
+    totalNum?: number;
+    disabledPrev?: boolean;
+    disabledNext?: boolean;
+    disableDownload?: boolean;
+    className?: string;
+    zoom?: number;
+    ratio?: RatioType;
+    prevTip?: string;
+    nextTip?: string;
+    zoomInTip?: string;
+    zoomOutTip?: string;
+    rotateTip?: string;
+    downloadTip?: string;
+    adaptiveTip?: string;
+    originTip?: string;
+    showTooltip?: boolean;
+    zIndex?: number;
+    onZoomIn?: (zoom: number) => void;
+    onZoomOut?: (zoom: number) => void;
+    onPrev?: () => void;
+    onNext?: () => void;
+    onAdjustRatio?: (type: RatioType) => void;
+    onRotate?: (direction: string) => void;
+    onDownload?: () => void;
+    renderPreviewMenu?: (props: MenuProps) => VNode;
+}

package/lib/cjs/components/image/previewInnerFoundation.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("@douyinfe/semi-foundation/image/previewInnerFoundation"),o=require("@douyinfe/semi-foundation/image/utils"),u=["icon","footer"];class l extends a{constructor(){super(...arguments),this.handleMouseUp=t=>{const{maskClosable:e}=this.getProps();if(!e||!this._adapter.isValidTarget(t)||o.isTargetEmit(t,u))return;const{clientX:s,clientY:i}=t,{x:r,y:n}=this._startMouseDown;Math.abs(s-r)>5||Math.abs(n-i)>5||this._adapter.notifyVisibleChange(!1)}}}exports.default=l;
-//# sourceMappingURL=previewInnerFoundation.cjs.map

package/lib/cjs/components/image/previewInnerFoundation.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Vue 版本的 PreviewInnerFoundation 扩展
+ * 覆盖 handleMouseUp 方法以支持 Vue 组件中的 isValidTarget 检查
+ */
+import PreviewInnerFoundation from '@douyinfe/semi-foundation/image/previewInnerFoundation';
+import type { PreviewInnerAdapter, RatioType } from '@douyinfe/semi-foundation/image/previewInnerFoundation';
+export default class VuePreviewInnerFoundation<P = Record<string, any>, S = Record<string, any>> extends PreviewInnerFoundation<P, S> {
+    handleMouseUp: (e: any) => void;
+}
+export type { PreviewInnerAdapter, RatioType };