chore: fix ts

Author: zombieJ

docs/examples/controlledWithGroup.tsx

@@ -34,8 +34,14 @@ export default function Base() {
           src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
           width={200}
         />
-        <Image wrapperStyle={{ marginRight: 24, width: 200 }} src={require('./images/1.jpeg')} />
-        <Image wrapperStyle={{ marginRight: 24, width: 200 }} src={require('./images/2.jpeg')} />
+        <Image
+          styles={{ root: { marginRight: 24, width: 200 } }}
+          src={require('./images/1.jpeg')}
+        />
+        <Image
+          styles={{ root: { marginRight: 24, width: 200 } }}
+          src={require('./images/2.jpeg')}
+        />
       </Image.PreviewGroup>
     </div>
   );

docs/examples/fallback.tsx

@@ -6,7 +6,7 @@ import { defaultIcons } from './common';
 export default function Base() {
   return (
     <Image
-      preview={{ mask: 'preview!', icons: defaultIcons }}
+      preview={{ cover: 'preview!', icons: defaultIcons }}
       src="error1"
       fallback="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
       width={200}

docs/examples/previewgroup.tsx

@@ -35,16 +35,28 @@ export default function PreviewGroup() {
             console.log(`当前第${current}张，上一次第${prev === undefined ? '-' : prev}张`),
         }}
       >
-        <Image wrapperStyle={{ marginRight: 24, width: 200 }} src={require('./images/1.jpeg')} />
         <Image
-          wrapperStyle={{ marginRight: 24, width: 200 }}
+          styles={{ root: { marginRight: 24, width: 200 } }}
+          src={require('./images/1.jpeg')}
+        />
+        <Image
+          styles={{ root: { marginRight: 24, width: 200 } }}
           preview={false}
           src={require('./images/disabled.jpeg')}
         />
-        <Image wrapperStyle={{ marginRight: 24, width: 200 }} src={require('./images/2.jpeg')} />
-        <Image wrapperStyle={{ marginRight: 24, width: 200 }} src={require('./images/3.jpeg')} />
-        <Image wrapperStyle={{ marginRight: 24, width: 200 }} src="error" alt="error" />
-        <Image wrapperStyle={{ marginRight: 24, width: 200 }} src={require('./images/1.jpeg')} />
+        <Image
+          styles={{ root: { marginRight: 24, width: 200 } }}
+          src={require('./images/2.jpeg')}
+        />
+        <Image
+          styles={{ root: { marginRight: 24, width: 200 } }}
+          src={require('./images/3.jpeg')}
+        />
+        <Image styles={{ root: { marginRight: 24, width: 200 } }} src="error" alt="error" />
+        <Image
+          styles={{ root: { marginRight: 24, width: 200 } }}
+          src={require('./images/1.jpeg')}
+        />
       </Image.PreviewGroup>
     </div>
   );