feat(ImageViewer): zooming images outside the viewport toward the center

packages/components/image-viewer/ImageViewerMini.tsx

@@ -34,10 +34,10 @@ export interface ImageModalMiniProps {
   prev: () => void;
   next: () => void;
   onMirror: () => void;
-  onZoom: () => void;
+  onZoomIn: () => void;
   onZoomOut: () => void;
   onReset: () => void;
-  onRotate: (red: number) => void;
+  onRotate: () => void;
   onClose: (context: { trigger: 'close-btn' | 'overlay' | 'esc'; e: MouseEvent<HTMLElement> | KeyboardEvent }) => void;
   innerClassName: TdImageViewerProps['innerClassName'];
 }
@@ -46,6 +46,8 @@ export const ImageModalMiniContent: React.FC<ImageModalMiniProps> = (props) => {
   const { classPrefix } = useConfig();
 
   return (
+    // TODO: viewerScale（minWidth/minHeight）应作为 style 应用到此容器，参考 tdesign-next-vue 实现
+    // 需将 viewerScale 从 TdImageViewerProps → ImageViewer → ImageModal → ImageModalMini → ImageModalMiniContent 完整透传
     <div className={`${classPrefix}-image-viewer-mini__content`}>
       <ImageModalItem
         rotateZ={props.rotateZ}
@@ -73,7 +75,7 @@ export const ImageModalMini: React.FC<ImageModalMiniProps> = (props) => {
     className,
     style,
     onZoomOut,
-    onZoom,
+    onZoomIn,
     onClose,
     onRotate,
     onMirror,
@@ -90,7 +92,7 @@ export const ImageModalMini: React.FC<ImageModalMiniProps> = (props) => {
         tipText={tipText}
         currentImage={currentImage}
         zIndex={props.zIndex + 1}
-        onZoom={onZoom}
+        onZoomIn={onZoomIn}
         onZoomOut={onZoomOut}
         onRotate={onRotate}
         onMirror={onMirror}