✨ 2023-06-25：perf: ImageViewer组件优化

src/components/ImageViewer/index.ts

@@ -12,7 +12,7 @@ export function createImageViewer(options: ImageViewerProps) {
     initialIndex = 0,
     initialIndex = 0,
     infinite = true,
     infinite = true,
     hideOnClickModal = false,
     hideOnClickModal = false,
-    appendToBody = false,
+    teleported = false,
     zIndex = 2000,
     zIndex = 2000,
     show = true
     show = true
   } = options
   } = options
@@ -23,7 +23,7 @@ export function createImageViewer(options: ImageViewerProps) {
   propsData.initialIndex = initialIndex
   propsData.initialIndex = initialIndex
   propsData.infinite = infinite
   propsData.infinite = infinite
   propsData.hideOnClickModal = hideOnClickModal
   propsData.hideOnClickModal = hideOnClickModal
-  propsData.appendToBody = appendToBody
+  propsData.teleported = teleported
   propsData.zIndex = zIndex
   propsData.zIndex = zIndex
   propsData.show = show
   propsData.show = show
 
 

src/components/ImageViewer/src/ImageViewer.vue

@@ -13,7 +13,7 @@ const props = defineProps({
   initialIndex: propTypes.number.def(0),
   initialIndex: propTypes.number.def(0),
   infinite: propTypes.bool.def(true),
   infinite: propTypes.bool.def(true),
   hideOnClickModal: propTypes.bool.def(false),
   hideOnClickModal: propTypes.bool.def(false),
-  appendToBody: propTypes.bool.def(false),
+  teleported: propTypes.bool.def(false),
   show: propTypes.bool.def(false)
   show: propTypes.bool.def(false)
 })
 })
 
 

src/components/ImageViewer/src/types.ts

@@ -4,6 +4,6 @@ export interface ImageViewerProps {
   initialIndex?: number
   initialIndex?: number
   infinite?: boolean
   infinite?: boolean
   hideOnClickModal?: boolean
   hideOnClickModal?: boolean
-  appendToBody?: boolean
+  teleported?: boolean
   show?: boolean
   show?: boolean
 }
 }