Revert "fix: bug 3lang3#678"

This reverts commit 599c750.
nieyunliang · Apr 8, 2024 · bd00972 · bd00972
1 parent 599c750
commit bd00972
Show file tree

Hide file tree

Showing 4 changed files with 2,127 additions and 2,251 deletions.
diff --git a/packages/react-vant/src/components/image-preview/ImagePreview.tsx b/packages/react-vant/src/components/image-preview/ImagePreview.tsx
@@ -52,7 +52,6 @@ const ImagePreview = React.forwardRef<ImagePreviewRef, ImagePreviewProps>(
             defaultIndex={props.startPosition}
             onIndexChange={onSwipeChange}
             images={props.images}
-            lazyload={props.lazyload}
             onTap={() => {
               if (!props.closeOnlyClickCloseIcon) {
                 onClose()

diff --git a/packages/react-vant/src/components/image-preview/slide.tsx b/packages/react-vant/src/components/image-preview/slide.tsx
@@ -5,14 +5,10 @@ import { bound } from '../utils/bound'
 import { rubberbandIfOutOfBounds } from '../utils/rubberband'
 import clsx from 'clsx'
 import { createNamespace } from '../utils'
-import { LazyImageType } from '../image/PropsType'
-import Lazyload from '../lazyload'
-import { getLazyImagePlaceholder } from '../image/LazyImage'
 
 type Props = {
   image: string
   maxZoom: number
-  lazyload?: LazyImageType
   onTap: () => void
   onZoomChange?: (zoom: number) => void
   dragLockRef?: MutableRefObject<boolean>
@@ -31,13 +27,6 @@ export const Slide: FC<Props> = props => {
     config: { tension: 200 },
   }))
 
-  const { lazyload } = props
-
-  const renderPlaceholder = () => {
-    if (typeof lazyload === 'boolean') return getLazyImagePlaceholder(bem)
-    return lazyload.placeholder || getLazyImagePlaceholder(bem)
-  }
-
   const pinchLockRef = useRef(false)
 
   function boundXY([x, y]: [number, number], rubberband: boolean) {
@@ -174,23 +163,12 @@ export const Slide: FC<Props> = props => {
             scale: zoom,
           }}
         >
-          {props.lazyload ? (
-            <Lazyload placeholder={renderPlaceholder()}>
-              <img
-                ref={imgRef}
-                src={props.image}
-                draggable={false}
-                alt={props.image}
-              />
-            </Lazyload>
-          ) : (
-            <img
-              ref={imgRef}
-              src={props.image}
-              draggable={false}
-              alt={props.image}
-            />
-          )}
+          <img
+            ref={imgRef}
+            src={props.image}
+            draggable={false}
+            alt={props.image}
+          />
         </animated.div>
       </div>
     </div>

diff --git a/packages/react-vant/src/components/image-preview/slides.tsx b/packages/react-vant/src/components/image-preview/slides.tsx
@@ -6,14 +6,12 @@ import { bound } from '../utils/bound'
 import { createNamespace, unitToPx } from '../utils'
 import clsx from 'clsx'
 import { useUpdateEffect } from '../hooks'
-import { LazyImageType } from '../image/PropsType'
 
 export type SlidesType = {
   images: string[]
   onTap: () => void
   maxZoom: number
   defaultIndex: number
-  lazyload?: LazyImageType
   onIndexChange?: (index: number) => void
 }
 
@@ -109,7 +107,6 @@ export const Slides = forwardRef<SlidesRef, SlidesType>((props, ref) => {
               }
             }}
             dragLockRef={dragLockRef}
-            lazyload={props.lazyload}
           />
         ))}
       </animated.div>