doc(website): Update Readme.md

packages/core/src/Input/README.md

@@ -3,6 +3,8 @@ Input 文本输入
 
 单行文本输入
 
+<image src='https://user-images.githubusercontent.com/66067296/139397369-576c0bec-4870-4c02-aa70-11707eb59d26.png' alt='Input' style='zoom:33%;' />
+
 ### 基础示例
 
 ```jsx

packages/core/src/List/README.md

@@ -3,6 +3,9 @@ List 列表
 
 单个连续模块垂直排列，显示当前的内容、状态和可进行的操作。eg：联系人列表。
 
+<image src='https://user-images.githubusercontent.com/66067296/139397639-1bb004ac-fd66-495e-8991-6b6910f84e60.png' alt='List1' style='zoom:33%;' />
+<image src='https://user-images.githubusercontent.com/66067296/139397695-5de2fb65-4931-454b-baed-9115a80abebc.png' alt='List2' style='zoom:33%;' />
+
 ### 基础示例
 
 <!--DemoStart--> 

packages/core/src/Loader/README.md

@@ -3,6 +3,8 @@ Loader 加载
 
 表明某个任务正在进行中。
 
+<image src='https://user-images.githubusercontent.com/66067296/139398047-e59f2b9d-ced1-46d2-b45c-b9e35d04b825.gif' alt='Loader' style='zoom:33%;' />
+
 ### 基础示例
 
 <!--DemoStart--> 

packages/core/src/MaskLayer/README.md

@@ -3,6 +3,8 @@ MaskLayer 遮罩层
 
 用于模态对话框，中的遮罩层。
 
+<image src='https://user-images.githubusercontent.com/66067296/139398306-d038225d-0fee-4009-a4f7-a06c7beabf45.gif' alt='MaskLayer' style='zoom:33%;' />
+
 ### 基础示例
 
 <!--DemoStart--> 

packages/core/src/MenuDropdown/README.md

@@ -3,6 +3,8 @@ MenuDropdown
 
 菜单下拉按钮
 
+<image src='https://user-images.githubusercontent.com/66067296/139398975-4c6e1e06-385d-4729-a467-5799cfa0bb9c.gif' alt='MenuDropdown' style='zoom:33%;' />
+
 ### 基础示例
 
 <!--DemoStart-->

packages/core/src/Modal/README.md

@@ -3,6 +3,8 @@ Modal 模态框
 
 模态对话框。
 
+<image src='https://user-images.githubusercontent.com/66067296/139399162-48bcc944-ad6d-424c-bca8-2d4e0fc1a764.gif' alt='Modal' style='zoom:33%;' />
+
 ### 基础示例
 
 <!--DemoStart--> 

packages/core/src/NoticeBar/README.md

@@ -3,6 +3,8 @@ NoticeBar 通告栏
 
 在导航栏下方，一般用作系统提醒、活动提醒等通知。
 
+<image src='https://user-images.githubusercontent.com/66067296/139399394-1eb887bc-6726-43a0-a158-22a25ebf9350.gif' alt='NoticeBar' style='zoom:33%;' />
+
 ### 基础示例
 
 <!--DemoStart--> 

packages/core/src/Pagination/README.md

@@ -3,6 +3,8 @@ Pagination 分页器
 
 用于展示页码、请求数据等。
 
+<image src='https://user-images.githubusercontent.com/66067296/139399708-239e65f9-565e-4be2-9497-c8e5b836cef6.png' alt='Pagination' style='zoom:33%;' />
+
 ### 基础示例
 
 ```jsx

website/src/pages/components/input/index.tsx

@@ -6,12 +6,6 @@ export default class Page extends Markdown {
     const md = await import('@uiw/react-native/lib/Input/README.md');
     // 支持 markdown 中，相对于当前 index.tsx 相对路径引入图片资源
     importAll((require as any).context('./', true, /\.(png|gif|jpg|svg)$/), this.imageFiles);
-    const result = md.default || md;
-    const index = result.indexOf('### 基础示例');
-    const abc =
-      result.substr(0, index) +
-      "\n<image src='./index.png' alt='Input' style='zoom:33%;' />\n\n" +
-      result.substr(index);
-    return abc;
+    return md.default || md;
   };
 }

website/src/pages/components/list/index.tsx

@@ -6,12 +6,6 @@ export default class Page extends Markdown {
     const md = await import('@uiw/react-native/lib/List/README.md');
     // 支持 markdown 中，相对于当前 index.tsx 相对路径引入图片资源
     importAll((require as any).context('./', true, /\.(png|gif|jpg|svg)$/), this.imageFiles);
-    const result = md.default || md;
-    const index = result.indexOf('### 基础示例');
-    const abc =
-      result.substr(0, index) +
-      "\n<image src='./index.png' alt='List' style='zoom:33%;' /><image src='./index2.png' alt='List' style='zoom:33%;' />\n\n" +
-      result.substr(index);
-    return abc;
+    return md.default || md;
   };
 }

website/src/pages/components/loader/index.tsx

@@ -6,12 +6,6 @@ export default class Page extends Markdown {
     const md = await import('@uiw/react-native/lib/Loader/README.md');
     // 支持 markdown 中，相对于当前 index.tsx 相对路径引入图片资源
     importAll((require as any).context('./', true, /\.(png|gif|jpg|svg)$/), this.imageFiles);
-    const result = md.default || md;
-    const index = result.indexOf('### 基础示例');
-    const abc =
-      result.substr(0, index) +
-      "\n<image src='./index.gif' alt='Loader' style='zoom:33%;' />\n\n" +
-      result.substr(index);
-    return abc;
+    return md.default || md;
   };
 }

website/src/pages/components/masklayer/index.tsx

@@ -6,12 +6,6 @@ export default class Page extends Markdown {
     const md = await import('@uiw/react-native/lib/MaskLayer/README.md');
     // 支持 markdown 中，相对于当前 index.tsx 相对路径引入图片资源
     importAll((require as any).context('./', true, /\.(png|gif|jpg|svg)$/), this.imageFiles);
-    const result = md.default || md;
-    const index = result.indexOf('### 基础示例');
-    const abc =
-      result.substr(0, index) +
-      "\n<image src='./index.gif' alt='MaskLayer' style='zoom:33%;' />\n\n" +
-      result.substr(index);
-    return abc;
+    return md.default || md;
   };
 }

website/src/pages/components/menudropdown/index.tsx

@@ -6,12 +6,6 @@ export default class Page extends Markdown {
     const md = await import('@uiw/react-native/lib/MenuDropdown/README.md');
     // 支持 markdown 中，相对于当前 index.tsx 相对路径引入图片资源
     importAll((require as any).context('./', true, /\.(png|gif|jpg|svg)$/), this.imageFiles);
-    const result = md.default || md;
-    const index = result.indexOf('### 基础示例');
-    const abc =
-      result.substr(0, index) +
-      "\n<image src='./index.gif' alt='MenuDropdown' style='zoom:33%;' />\n\n" +
-      result.substr(index);
-    return abc;
+    return md.default || md;
   };
 }

website/src/pages/components/modal/index.tsx

@@ -6,12 +6,6 @@ export default class Page extends Markdown {
     const md = await import('@uiw/react-native/lib/Modal/README.md');
     // 支持 markdown 中，相对于当前 index.tsx 相对路径引入图片资源
     importAll((require as any).context('./', true, /\.(png|gif|jpg|svg)$/), this.imageFiles);
-    const result = md.default || md;
-    const index = result.indexOf('### 基础示例');
-    const abc =
-      result.substr(0, index) +
-      "\n<image src='./index.gif' alt='Modal' style='zoom:33%;' />\n\n" +
-      result.substr(index);
-    return abc;
+    return md.default || md;
   };
 }

website/src/pages/components/noticebar/index.tsx

@@ -6,12 +6,6 @@ export default class Page extends Markdown {
     const md = await import('@uiw/react-native/lib/NoticeBar/README.md');
     // 支持 markdown 中，相对于当前 index.tsx 相对路径引入图片资源
     importAll((require as any).context('./', true, /\.(png|gif|jpg|svg)$/), this.imageFiles);
-    const result = md.default || md;
-    const index = result.indexOf('### 基础示例');
-    const abc =
-      result.substr(0, index) +
-      "\n<image src='./index.gif' alt='NoticeBar' style='zoom:33%;' />\n\n" +
-      result.substr(index);
-    return abc;
+    return md.default || md;
   };
 }

website/src/pages/components/pagination/index.tsx

@@ -6,12 +6,6 @@ export default class Page extends Markdown {
     const md = await import('@uiw/react-native/lib/Pagination/README.md');
     // 支持 markdown 中，相对于当前 index.tsx 相对路径引入图片资源
     importAll((require as any).context('./', true, /\.(png|gif|jpg|svg)$/), this.imageFiles);
-    const result = md.default || md;
-    const index = result.indexOf('### 基础示例');
-    const abc =
-      result.substr(0, index) +
-      "\n<image src='./index.png' alt='Pagination' style='zoom:33%;' />\n\n" +
-      result.substr(index);
-    return abc;
+    return md.default || md;
   };
 }