doc: Update README.md

jaywcjlove · jaywcjlove · commit 5540cb76f7e4 · 2021-11-12T17:24:09.000+08:00
diff --git a/packages/core/src/ActionSheet/README.md b/packages/core/src/ActionSheet/README.md
@@ -3,7 +3,7 @@ ActionSheet 动作面板
 
 该组件提供了一种动作面板, 底部缓缓出现
 
-<img src='https://user-images.githubusercontent.com/57083007/137631382-70df5dd3-0200-4ddb-bd11-3578ee99d032.gif' alt='ActionSheet' style='zoom:33%;' />
+![](https://user-images.githubusercontent.com/57083007/137631382-70df5dd3-0200-4ddb-bd11-3578ee99d032.gif)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 ### 基础示例
 
diff --git a/packages/core/src/Avatar/README.md b/packages/core/src/Avatar/README.md
@@ -3,7 +3,7 @@ Avatar 头像
 
 用来代表用户或事物，支持图片展示，当前是基于 React Native 组件 Image 封装，你也可以使用更快的图片展示插件 [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)。
 
-<img src='https://user-images.githubusercontent.com/57083007/137631738-4338453c-c552-4caa-9261-8fd84c018942.png' alt='Avatar' style='zoom:33%;' />
+![](https://user-images.githubusercontent.com/57083007/137631738-4338453c-c552-4caa-9261-8fd84c018942.png)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 ### 基础示例
 
diff --git a/packages/core/src/Badge/README.md b/packages/core/src/Badge/README.md
@@ -1,7 +1,7 @@
 Badge 标记
 ---
 
-<img src='https://user-images.githubusercontent.com/57083007/137631808-f3899eb4-69c1-4dd5-a686-0f8bb38fe4b6.png' alt='Badge' style='zoom:33%;' />
+![](https://user-images.githubusercontent.com/57083007/137631808-f3899eb4-69c1-4dd5-a686-0f8bb38fe4b6.png)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 ### 基础示例
 
diff --git a/packages/core/src/Button/README.md b/packages/core/src/Button/README.md
@@ -3,8 +3,8 @@ Button 按钮
 
 按钮用于开始一个即时操作。
 
-<img src='https://user-images.githubusercontent.com/57083007/137631908-57393986-82b8-4e2e-b753-aa77dac58672.png' alt='Button' style='zoom:33%;' />
-<img src='https://user-images.githubusercontent.com/57083007/137631915-8281cbac-ba0d-4795-8f8b-8274bcecc172.png' alt='Button' style='zoom:33%;' />
+![](https://user-images.githubusercontent.com/57083007/137631908-57393986-82b8-4e2e-b753-aa77dac58672.png)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
+![](https://user-images.githubusercontent.com/57083007/137631915-8281cbac-ba0d-4795-8f8b-8274bcecc172.png)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 ### 基础示例
 
diff --git a/packages/core/src/ButtonGroup/README.md b/packages/core/src/ButtonGroup/README.md
@@ -3,7 +3,7 @@ ButtonGroup 按钮组
 
 用于一组按钮的排版展示。
 
-<img src='https://user-images.githubusercontent.com/57083007/137632086-8441bd1b-e8f9-4c15-828d-ad86310fdb72.png' alt='ButtonGroup' style='zoom:33%;' />
+![](https://user-images.githubusercontent.com/57083007/137632086-8441bd1b-e8f9-4c15-828d-ad86310fdb72.png)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 ### 基础示例
 
diff --git a/packages/core/src/Calendar/README.md b/packages/core/src/Calendar/README.md
@@ -3,9 +3,7 @@ Calendar 日历
 
 展示日历
 
-### 基础示例
-
-<img src='https://user-images.githubusercontent.com/66067296/141421928-d46ffd84-2349-49ac-8b6f-4e8455a017eb.gif' alt='Calendar' style='zoom:33%;' />
+![](https://user-images.githubusercontent.com/66067296/141421928-d46ffd84-2349-49ac-8b6f-4e8455a017eb.gif)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 ### 基础示例
 
diff --git a/packages/core/src/Card/README.md b/packages/core/src/Card/README.md
@@ -3,7 +3,7 @@ Card 卡片
 
 最基础的卡片容器，可承载文字、列表、图片、段落。
 
-<img src='https://user-images.githubusercontent.com/57083007/137632175-fc80bff2-7224-4843-97ec-9f8d9cbc6746.png' alt='Card' style='zoom:33%;' />
+![](https://user-images.githubusercontent.com/57083007/137632175-fc80bff2-7224-4843-97ec-9f8d9cbc6746.png)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 ### 基础示例
 
diff --git a/packages/core/src/CardCollapse/README.md b/packages/core/src/CardCollapse/README.md
@@ -3,7 +3,7 @@ CardCollapse 可折叠卡片列表
 
 可折叠卡片列表
 
-<img src='https://user-images.githubusercontent.com/66067296/137702190-e48c11e3-77d9-40c3-8d59-09ac6ddc9efb.gif' alt='CardCollapse' style='zoom:100%;' />
+![](https://user-images.githubusercontent.com/66067296/137702190-e48c11e3-77d9-40c3-8d59-09ac6ddc9efb.gif)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 ### 基础示例
 
diff --git a/packages/core/src/CheckBox/README.md b/packages/core/src/CheckBox/README.md
@@ -5,7 +5,7 @@ CheckBox 复选框
 
 ### 基础示例
 
-<img src='https://user-images.githubusercontent.com/66067296/137703908-c4370f9c-fce7-423a-abd7-7951d5a48d06.png' alt='CheckBox' style='zoom:33%;' />
+![](https://user-images.githubusercontent.com/66067296/137703908-c4370f9c-fce7-423a-abd7-7951d5a48d06.png)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 ```jsx
 import { CheckBox } from '@uiw/react-native';
diff --git a/packages/core/src/Divider/README.md b/packages/core/src/Divider/README.md
@@ -1,7 +1,7 @@
 Divider 分割线
 ---
 
-<img src='https://user-images.githubusercontent.com/66067296/140264880-2e3ad121-d86f-4625-8149-7bf452b348db.png' alt='Divider' style='zoom:33%;' />
+![](https://user-images.githubusercontent.com/66067296/140264880-2e3ad121-d86f-4625-8149-7bf452b348db.png)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 区隔内容的分割线。
 
diff --git a/packages/core/src/Drawer/README.md b/packages/core/src/Drawer/README.md
@@ -1,7 +1,7 @@
 Drawer 抽屉
 ---
 
-<img src='https://user-images.githubusercontent.com/66067296/137705595-a9eb337a-90f7-42bd-a662-579063731db3.gif' alt='Drawer' style='zoom:33%;' />
+![](https://user-images.githubusercontent.com/66067296/137705595-a9eb337a-90f7-42bd-a662-579063731db3.gif)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 用于在屏幕边缘显示应用导航等内容的面板。
 
diff --git a/packages/core/src/Ellipsis/README.md b/packages/core/src/Ellipsis/README.md
@@ -3,7 +3,7 @@ Ellipsis 超出省略
 
 用于文本过长，超出长度显示 `...`。
 
-<img src='https://user-images.githubusercontent.com/66067296/137707584-8883d475-52a7-4022-a6dd-ceb91be028e2.png' alt='Ellipsis' style='zoom:33%;' />
+![](https://user-images.githubusercontent.com/66067296/137707584-8883d475-52a7-4022-a6dd-ceb91be028e2.png)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 ### 基础示例
 
diff --git a/packages/core/src/Empty/README.md b/packages/core/src/Empty/README.md
@@ -3,8 +3,7 @@ Empty 空状态
 
 空状态时的展示占位图。
 
-<img src='https://user-images.githubusercontent.com/66067296/137707848-8603fc59-3904-437d-9908-53cd621a1a0e.png' alt='Empty' style='zoom:33%;' />
-
+![](https://user-images.githubusercontent.com/66067296/137707848-8603fc59-3904-437d-9908-53cd621a1a0e.png)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 ### 基础示例
 
diff --git a/packages/core/src/ExpandableSection/README.md b/packages/core/src/ExpandableSection/README.md
@@ -3,8 +3,7 @@ ExpandableSection 展开缩放
 
 ExpandableSection 组件以在 sectionHeader标题 下方或上方呈现展开的内容部分
 
-<img src='https://user-images.githubusercontent.com/66067296/137708253-1b6c2dfb-9c89-477a-a6ea-0c46120bf86d.gif' alt='ExpandableSection' style='zoom:33%;' />
-
+![](https://user-images.githubusercontent.com/66067296/137708253-1b6c2dfb-9c89-477a-a6ea-0c46120bf86d.gif)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 ### 基础示例
 
diff --git a/packages/core/src/Flex/README.md b/packages/core/src/Flex/README.md
@@ -4,10 +4,9 @@ Flex Flex布局
 
 Flex 是 React Native CSS flex 布局的一个封装。
 
-
-<img src='https://user-images.githubusercontent.com/66067296/137708776-ad9d357f-9aad-4131-8bb1-408f4ae90a08.png' alt='Flex' style='zoom:33%;' />
-<img src='https://user-images.githubusercontent.com/66067296/137708793-79f69f8b-1d8d-4278-9aa9-6562ea6f1094.png' alt='Flex1' style='zoom:33%;' />
-<img src='https://user-images.githubusercontent.com/66067296/137708799-435612a4-0139-411e-b7fa-b9f4c63be07f.png' alt='Flex2' style='zoom:33%;' />
+![](https://user-images.githubusercontent.com/66067296/137708776-ad9d357f-9aad-4131-8bb1-408f4ae90a08.png)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
+![](https://user-images.githubusercontent.com/66067296/137708793-79f69f8b-1d8d-4278-9aa9-6562ea6f1094.png)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
+![](https://user-images.githubusercontent.com/66067296/137708799-435612a4-0139-411e-b7fa-b9f4c63be07f.png)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 ### 基础示例
 
diff --git a/packages/core/src/Grid/README.md b/packages/core/src/Grid/README.md
@@ -3,7 +3,7 @@ Grid 宫格
 
 在水平和垂直方向，将布局切分成若干等大的区块，也可以使用 `List` 组件支持列显示的特性，展示宫格，同时支持下来刷新等特性。
 
-<img src='https://user-images.githubusercontent.com/66067296/137709398-3d7476dd-009d-4852-abed-69b3726c3a25.png' alt='Grid' style='zoom:33%;' />
+![](https://user-images.githubusercontent.com/66067296/137709398-3d7476dd-009d-4852-abed-69b3726c3a25.png)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 ### 基础示例
 
diff --git a/packages/core/src/Icon/README.md b/packages/core/src/Icon/README.md
@@ -3,7 +3,7 @@ Icon 图标
 
 图标组件通过 [`react-native-svg`](https://github.com/react-native-community/react-native-svg) 支持 svg 图标，基于这一特性封装图标组件库，它不是基于字体文件封装的组件，相比字体图标组件易于扩展体积较小。预览[所有的图标](https://uiwjs.github.io/icons)。
 
-<img src='https://user-images.githubusercontent.com/66067296/137710056-d7fe4b94-7b98-4e18-a235-5a4e70beaa05.png' alt='Icon' style='zoom:33%;' />
+![](https://user-images.githubusercontent.com/66067296/137710056-d7fe4b94-7b98-4e18-a235-5a4e70beaa05.png)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 ### 基础示例
 
diff --git a/packages/core/src/Input/README.md b/packages/core/src/Input/README.md
@@ -3,7 +3,7 @@ Input 文本输入
 
 单行文本输入
 
-<image src='https://user-images.githubusercontent.com/66067296/139397369-576c0bec-4870-4c02-aa70-11707eb59d26.png' alt='Input' style='zoom:33%;' />
+![](https://user-images.githubusercontent.com/66067296/139397369-576c0bec-4870-4c02-aa70-11707eb59d26.png)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 ### 基础示例
 
diff --git a/packages/core/src/List/README.md b/packages/core/src/List/README.md
@@ -3,8 +3,8 @@ List 列表
 
 单个连续模块垂直排列，显示当前的内容、状态和可进行的操作。eg：联系人列表。
 
-<img src='https://user-images.githubusercontent.com/66067296/139397639-1bb004ac-fd66-495e-8991-6b6910f84e60.png' alt='List1' style='zoom:33%;' />
-<img src='https://user-images.githubusercontent.com/66067296/139397695-5de2fb65-4931-454b-baed-9115a80abebc.png' alt='List2' style='zoom:33%;' />
+![](https://user-images.githubusercontent.com/66067296/139397639-1bb004ac-fd66-495e-8991-6b6910f84e60.png)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
+![](https://user-images.githubusercontent.com/66067296/139397695-5de2fb65-4931-454b-baed-9115a80abebc.png)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 ### 基础示例
 
diff --git a/packages/core/src/Loader/README.md b/packages/core/src/Loader/README.md
@@ -3,7 +3,7 @@ Loader 加载
 
 表明某个任务正在进行中。
 
-<img src='https://user-images.githubusercontent.com/66067296/139398047-e59f2b9d-ced1-46d2-b45c-b9e35d04b825.gif' alt='Loader' style='zoom:33%;' />
+![](https://user-images.githubusercontent.com/66067296/139398047-e59f2b9d-ced1-46d2-b45c-b9e35d04b825.gif)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 ### 基础示例
 
diff --git a/packages/core/src/MaskLayer/README.md b/packages/core/src/MaskLayer/README.md
@@ -3,7 +3,7 @@ MaskLayer 遮罩层
 
 用于模态对话框，中的遮罩层。
 
-<img src='https://user-images.githubusercontent.com/66067296/139398306-d038225d-0fee-4009-a4f7-a06c7beabf45.gif' alt='MaskLayer' style='zoom:33%;' />
+![](https://user-images.githubusercontent.com/66067296/139398306-d038225d-0fee-4009-a4f7-a06c7beabf45.gif)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 ### 基础示例
 
diff --git a/yarn.lock b/yarn.lock
@@ -1801,9 +1801,9 @@
     minimist "^1.2.0"
 
 "@codemirror/autocomplete@^0.19.0":
-  version "0.19.5"
-  resolved "https://registry.yarnpkg.com/@codemirror/autocomplete/-/autocomplete-0.19.5.tgz#7304a08d1efd6ac6a6223f3804cb625ff73df2c1"
-  integrity sha512-4ZP9hUaGKw5iSeOMwBv3Qa5fZO8puuna7eDwB8jjRPOtxW4X6e2LY8SmsNSp3ZLXsrhUAOt8urNqv1jBp7SxqA==
+  version "0.19.6"
+  resolved "https://registry.yarnpkg.com/@codemirror/autocomplete/-/autocomplete-0.19.6.tgz#8c2ecd6eace3a1196985dbc68a46bb399f70d9df"
+  integrity sha512-hFYpNWq/DHpZTDn51+40YfNXysfX/iUnUzYuXnDVLOYMyxCAC+0vzA6aMHACFp/R2CEpRFfdAsNrQZpFkWVgSg==
   dependencies:
     "@codemirror/language" "^0.19.0"
     "@codemirror/state" "^0.19.4"
@@ -19720,6 +19720,11 @@ typescript@4.4.3:
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.4.3.tgz#bdc5407caa2b109efd4f82fe130656f977a29324"
   integrity sha512-4xfscpisVgqqDfPaJo5vkd+Qd/ItkoagnHpufr+i2QCHBsNYp+G7UAoyFl8aPtx879u38wPV65rZ8qbGZijalA==
 
+typescript@4.4.4:
+  version "4.4.4"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.4.4.tgz#2cd01a1a1f160704d3101fd5a58ff0f9fcb8030c"
+  integrity sha512-DqGhF5IKoBl8WNf8C1gu8q0xZSInh9j1kJJMqT3a94w1JzVaBU4EXOSMrz9yDqMT0xt3selp83fuFMQ0uzv6qA==
+
 ua-parser-js@^0.7.30:
   version "0.7.31"
   resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.31.tgz#649a656b191dffab4f21d5e053e27ca17cbff5c6"
