doc(website): Update Readme.md (#313)

* fix:发布 iOS 应用商店:一. 创建AppID

* fix:发布 iOS 应用商店优化排版

* fix:ios应用商店文档更新及排版优化

* fix:修改环境安装文档语法错误及部分内容优化

* fix:更新ios应用发布流程

* fix:ios应用商店发布更新

* fix:更新ios及安卓应用商店发布

* fix:安卓上架更新

* fix:增加button自定义文本实例

* fix:增加checkBox复选框size调整及文档描述效果展示

* doc:更新文档导入图片

* doc(website): Update Readme.md

* fix:修复SpeedDial Android 点击事件失效及拖拽失效问题 #286

* fix:解决SelectCascader 在安卓端不能选择问题 #289

* fix:修复Modal 弹出动画底层延迟收起问题

* feat:NoticeBar 通告栏增加文字样式修改及页面demo展示

* doc(website): Update NoticeBar  Readme.md

* fix:解决 MenuDropdown 安卓下拉菜单被遮挡问题

* feat:Progress 新增进度图标

* doc(website): Update Progress Readme.md

* style:删除多余代码

* feat:Progress 增加进度提示字展示 及 doc(website): Update Progress Readme.md

* feat:Ellipsis 增加弹出展示全部文本内容

* fix:解决 Ellipsis 报错问题

* style:Update local code

* fix:解决 NoticeBar首次渲染报错问题

* fix:SwipeAction 增加key

* doc(website): Update Readme.md

Co-authored-by: 杨楠 <[email protected]>

Author: Amber-Nan

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.png

@@ -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/input/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/list/index.png

@@ -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/list/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/list/index2.png

@@ -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/loader/index.gif

@@ -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/loader/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/masklayer/index.gif

@@ -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;
   };
 }