refactor(types): sync components types

Author: ZakaryCode

docs/apis/media/image/cropImage.md

@@ -46,8 +46,8 @@ sidebar_label: cropImage
 | 4:3 | 宽高比为4比3 |
 | 4:5 | 宽高比为4比5 |
 | 5:4 | 宽高比为5比4 |
-| 6:19 | 宽高比为6比19 |
-| 19:6 | 宽高比为19比6 |
+| 9:16 | 宽高比为9比16 |
+| 16:9 | 宽高比为16比9 |
 
 ## 示例代码
 

docs/apis/storage/getStorageInfoSync.md

@@ -5,7 +5,7 @@ sidebar_label: getStorageInfoSync
 
 Taro.getStorageInfo 的同步版本
 
-支持情况：<img title="微信小程序" src={require('@site/static/img/platform/weapp.png').default} className="icon_platform" width="25px"/> <img title="百度小程序" src={require('@site/static/img/platform/swan.png').default} className="icon_platform" width="25px"/> <img title="支付宝小程序" src={require('@site/static/img/platform/alipay.png').default} className="icon_platform" width="25px"/> <img title="抖音小程序" src={require('@site/static/img/platform/tt.png').default} className="icon_platform" width="25px"/> <img title="QQ 小程序" src={require('@site/static/img/platform/qq.png').default} className="icon_platform" width="25px"/> <img title="京东小程序" src={require('@site/static/img/platform/jd.png').default} className="icon_platform" width="25px"/> <img title="H5" src={require('@site/static/img/platform/h5.png').default} className="icon_platform" width="25px"/> <img title="React Native" src={require('@site/static/img/platform/rn.png').default} className="icon_platform" width="25px"/> <img title="Harmony" src={require('@site/static/img/platform/harmony.png').default} className="icon_platform icon_platform--not-support" width="25px"/>
+支持情况：<img title="微信小程序" src={require('@site/static/img/platform/weapp.png').default} className="icon_platform" width="25px"/> <img title="百度小程序" src={require('@site/static/img/platform/swan.png').default} className="icon_platform" width="25px"/> <img title="支付宝小程序" src={require('@site/static/img/platform/alipay.png').default} className="icon_platform" width="25px"/> <img title="抖音小程序" src={require('@site/static/img/platform/tt.png').default} className="icon_platform" width="25px"/> <img title="QQ 小程序" src={require('@site/static/img/platform/qq.png').default} className="icon_platform" width="25px"/> <img title="京东小程序" src={require('@site/static/img/platform/jd.png').default} className="icon_platform" width="25px"/> <img title="H5" src={require('@site/static/img/platform/h5.png').default} className="icon_platform" width="25px"/> <img title="React Native" src={require('@site/static/img/platform/rn.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="Harmony" src={require('@site/static/img/platform/harmony.png').default} className="icon_platform icon_platform--not-support" width="25px"/>
 
 > [参考文档](https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.getStorageInfoSync.html)
 

docs/components/base/text.md

@@ -119,6 +119,7 @@ export default {
 | space | `keyof TSpace` |  | 否 | 显示连续空格 |
 | decode | `boolean` | `false` | 否 | 是否解码 |
 | numberOfLines | `number` |  | 否 | 多行省略，值须大于等于 1，表现同 css 的 -webkit-line-clamp 属性一致。 |
+| overflow | `keyof Overflow` | `'visible'` | 否 | 文本溢出处理 |
 | maxLines | `number` |  | 否 | 限制文本最大行数 |
 
 ### API 支持度
@@ -130,6 +131,7 @@ export default {
 | TextProps.space | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ |  |  |
 | TextProps.decode | ✔️ |  | ✔️ | ✔️ | ✔️ | ✔️ | (默认解码，不支持设置) |  |  |
 | TextProps.numberOfLines |  |  | ✔️ |  |  |  |  |  |  |
+| TextProps.overflow |  |  |  |  |  |  |  |  |  |
 | TextProps.maxLines | ✔️ |  |  |  |  |  |  |  |  |
 
 ### TSpace
@@ -141,3 +143,12 @@ space 的合法值
 | ensp | 中文字符空格一半大小 |
 | emsp | 中文字符空格大小 |
 | nbsp | 根据字体设置的空格大小 |
+
+### Overflow
+
+| 参数 | 说明 |
+| --- | --- |
+| clip | 修剪文本 |
+| fade | 淡出 |
+| ellipsis | 显示省略号 |
+| visible | 文本不截断 |

docs/components/skyline/draggable-sheet.md

@@ -0,0 +1,39 @@
+---
+title: DraggableSheet
+sidebar_label: DraggableSheet
+---
+
+半屏可拖拽组件
+该组件需配合 DraggableSheetContext 接口使用。 目前仅在 Skyline 渲染引擎下支持。
+页面内拖拽是一种常见的交互效果，开发者可通过手势系统灵活实现。draggable-sheet 组件封装了常见的交互逻辑，实现起来更加简单。
+该组件需结合 scroll-view 使用。scroll-view 组件声明 associative-container 属性后，可与 draggable-sheet 关联起来。
+
+支持情况：<img title="微信小程序" src={require('@site/static/img/platform/weapp.png').default} className="icon_platform" width="25px"/> <img title="H5" src={require('@site/static/img/platform/h5.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="React Native" src={require('@site/static/img/platform/rn.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="Harmony" src={require('@site/static/img/platform/harmony.png').default} className="icon_platform icon_platform--not-support" width="25px"/>
+
+> [参考文档](https://developers.weixin.qq.com/miniprogram/dev/component/draggable-sheet.html)
+
+## 类型
+
+```tsx
+ComponentType<DraggableSheetProps>
+```
+
+## DraggableSheetProps
+
+| 参数 | 类型 | 默认值 | 必填 | 说明 |
+| --- | --- | :---: | :---: | --- |
+| initialChildSize | `number` | `0.5` | 否 | 初始时占父容器的比例 |
+| minChildSize | `number` | `0.25` | 否 | 最小时占父容器的比例 |
+| maxChildSize | `number` | `1.0` | 否 | 最大时占父容器的比例 |
+| snap | `boolean` | `false` | 否 | 拖拽后是否自动对齐关键点 |
+| snapSizes | `any[]` | `[]` | 否 | 拖拽后对齐的关键点，无需包含最小和最大值 |
+
+### API 支持度
+
+| API | 微信小程序 | H5 | React Native | Harmony |
+| :---: | :---: | :---: | :---: | :---: |
+| DraggableSheetProps.initialChildSize | ✔️ |  |  |  |
+| DraggableSheetProps.minChildSize | ✔️ |  |  |  |
+| DraggableSheetProps.maxChildSize | ✔️ |  |  |  |
+| DraggableSheetProps.snap | ✔️ |  |  |  |
+| DraggableSheetProps.snapSizes | ✔️ |  |  |  |

docs/components/skyline/grid-builder.md

@@ -0,0 +1,46 @@
+---
+title: GridBuilder
+sidebar_label: GridBuilder
+---
+
+网格构造器，仅支持作为 <scroll-view type="custom"> 模式的直接子节点，仅 Skyline 支持。
+
+支持情况：<img title="微信小程序" src={require('@site/static/img/platform/weapp.png').default} className="icon_platform" width="25px"/> <img title="H5" src={require('@site/static/img/platform/h5.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="React Native" src={require('@site/static/img/platform/rn.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="Harmony" src={require('@site/static/img/platform/harmony.png').default} className="icon_platform icon_platform--not-support" width="25px"/>
+
+> [参考文档](https://developers.weixin.qq.com/miniprogram/dev/component/grid-builder.html)
+
+## 类型
+
+```tsx
+ComponentType<GridBuilderProps>
+```
+
+## GridBuilderProps
+
+| 参数 | 类型 | 默认值 | 必填 | 说明 |
+| --- | --- | :---: | :---: | --- |
+| type | "aligned" or "masonry" | `"aligned"<br /><br />可选值:<br />- aligned: 每行高度由同一行中最大高度子节点决定<br />- masonry: 瀑布流，根据子元素高度自动布局` | 是 | 布局方式 |
+| list | `any[]` | `[]` | 是 | 需要用于渲染的列表 |
+| childCount | `number` |  | 否 | 完整列表的长度，如果不传则取 list 的长度作为其值 |
+| crossAxisCount | `number` | `2` | 否 | 交叉轴元素数量 |
+| maxCrossAxisExtent | `number` | `0` | 否 | 交叉轴元素最大范围 |
+| mainAxisGap | `number` | `0` | 否 | 主轴方向间隔 |
+| crossAxisGap | `number` | `0` | 否 | 交叉轴方向间隔 |
+| padding | `[number, number, number, number]` | `[0, 0, 0, 0]` | 否 | 长度为 4 的数组，按 top、right、bottom、left 顺序指定内边距 |
+| onItemBuild | `CommonEventFunction` |  | 否 | 列表项创建时触发，event.detail = {index}，index 即被创建的列表项序号 |
+| onItemDispose | `CommonEventFunction` |  | 否 | 列表项回收时触发，event.detail = {index}，index 即被回收的列表项序号 |
+
+### API 支持度
+
+| API | 微信小程序 | H5 | React Native | Harmony |
+| :---: | :---: | :---: | :---: | :---: |
+| GridBuilderProps.type | ✔️ |  |  |  |
+| GridBuilderProps.list | ✔️ |  |  |  |
+| GridBuilderProps.childCount | ✔️ |  |  |  |
+| GridBuilderProps.crossAxisCount | ✔️ |  |  |  |
+| GridBuilderProps.maxCrossAxisExtent | ✔️ |  |  |  |
+| GridBuilderProps.mainAxisGap | ✔️ |  |  |  |
+| GridBuilderProps.crossAxisGap | ✔️ |  |  |  |
+| GridBuilderProps.padding | ✔️ |  |  |  |
+| GridBuilderProps.onItemBuild | ✔️ |  |  |  |
+| GridBuilderProps.onItemDispose | ✔️ |  |  |  |

docs/components/skyline/grid-view.md

@@ -19,11 +19,12 @@ ComponentType<GridViewProps>
 
 | 参数 | 类型 | 默认值 | 必填 | 说明 |
 | --- | --- | :---: | :---: | --- |
-| type | `string` | `"aligned"` | 是 | 布局方式。masonry - 瀑布流，根据子元素高度自动布局。  aligned - 每行高度由同一行中最大高度子节点决定。 |
+| type | "aligned" or "masonry" | `"aligned"<br /><br />可选值:<br />- aligned: 每行高度由同一行中最大高度子节点决定<br />- masonry: 瀑布流，根据子元素高度自动布局` | 是 | 布局方式 |
 | crossAxisCount | `number` | `2` | 否 | 交叉轴元素数量 |
 | mainAxisGap | `number` | `0` | 否 | 主轴方向间隔 |
 | crossAxisGap | `number` | `0` | 否 | 交叉轴方向间隔 |
 | maxCrossAxisExtent | `number` | `0` | 否 | 交叉轴元素最大范围 |
+| padding | `[number, number, number, number]` | `[0, 0, 0, 0]` | 否 | 长度为 4 的数组，按 top、right、bottom、left 顺序指定内边距 |
 
 ### API 支持度
 
@@ -34,3 +35,4 @@ ComponentType<GridViewProps>
 | GridViewProps.mainAxisGap | ✔️ |  |  |  |
 | GridViewProps.crossAxisGap | ✔️ |  |  |  |
 | GridViewProps.maxCrossAxisExtent | ✔️ |  |  |  |
+| GridViewProps.padding | ✔️ |  |  |  |

docs/components/skyline/list-builder.md

@@ -0,0 +1,40 @@
+---
+title: ListBuilder
+sidebar_label: ListBuilder
+---
+
+列表构造器，仅支持作为 <scroll-view type="custom"> 模式的直接子节点，仅 Skyline 支持。
+
+支持情况：<img title="微信小程序" src={require('@site/static/img/platform/weapp.png').default} className="icon_platform" width="25px"/> <img title="H5" src={require('@site/static/img/platform/h5.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="React Native" src={require('@site/static/img/platform/rn.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="Harmony" src={require('@site/static/img/platform/harmony.png').default} className="icon_platform icon_platform--not-support" width="25px"/>
+
+> [参考文档](https://developers.weixin.qq.com/miniprogram/dev/component/list-builder.html)
+
+## 类型
+
+```tsx
+ComponentType<ListBuilderProps>
+```
+
+## ListBuilderProps
+
+| 参数 | 类型 | 默认值 | 必填 | 说明 |
+| --- | --- | :---: | :---: | --- |
+| type | "static" or "dynamic" | `"aligned"<br /><br />可选值:<br />- static: 定高模式，所有列表项等高，需要传入 child-height<br />- dynamic: 不定高模式` | 是 | 布局方式 |
+| list | `any[]` | `[]` | 是 | 需要用于渲染的列表 |
+| childCount | `number` |  | 否 | 完整列表的长度，如果不传则取 list 的长度作为其值 |
+| childHeight | `number` |  | 否 | 列表项的高度，当 type 为 static 时必须传入 |
+| padding | `[number, number, number, number]` | `[0, 0, 0, 0]` | 否 | 长度为 4 的数组，按 top、right、bottom、left 顺序指定内边距 |
+| onItemBuild | `CommonEventFunction` |  | 否 | 列表项创建时触发，event.detail = {index}，index 即被创建的列表项序号 |
+| onItemDispose | `CommonEventFunction` |  | 否 | 列表项回收时触发，event.detail = {index}，index 即被回收的列表项序号 |
+
+### API 支持度
+
+| API | 微信小程序 | H5 | React Native | Harmony |
+| :---: | :---: | :---: | :---: | :---: |
+| ListBuilderProps.type | ✔️ |  |  |  |
+| ListBuilderProps.list | ✔️ |  |  |  |
+| ListBuilderProps.childCount | ✔️ |  |  |  |
+| ListBuilderProps.childHeight | ✔️ |  |  |  |
+| ListBuilderProps.padding | ✔️ |  |  |  |
+| ListBuilderProps.onItemBuild | ✔️ |  |  |  |
+| ListBuilderProps.onItemDispose | ✔️ |  |  |  |

docs/components/skyline/list-view.md

@@ -16,3 +16,13 @@ ComponentType<ListViewProps>
 ```
 
 ## ListViewProps
+
+| 参数 | 类型 | 默认值 | 必填 | 说明 |
+| --- | --- | :---: | :---: | --- |
+| padding | `[number, number, number, number]` | `[0, 0, 0, 0]` | 否 | 长度为 4 的数组，按 top、right、bottom、left 顺序指定内边距 |
+
+### API 支持度
+
+| API | 微信小程序 | H5 | React Native | Harmony |
+| :---: | :---: | :---: | :---: | :---: |
+| ListViewProps.padding | ✔️ |  |  |  |

docs/components/skyline/nested-scroll-body.md

@@ -0,0 +1,20 @@
+---
+title: NestedScrollBody
+sidebar_label: NestedScrollBody
+---
+
+嵌套 scroll-view 场景中属于里层 scroll-view 的节点，
+仅支持作为 <scroll-view type="nested"> 模式的直接子节点。
+不支持复数子节点，渲染时会取其第一个子节点来渲染。具体用法可参考 scroll-view
+
+支持情况：<img title="微信小程序" src={require('@site/static/img/platform/weapp.png').default} className="icon_platform" width="25px"/> <img title="H5" src={require('@site/static/img/platform/h5.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="React Native" src={require('@site/static/img/platform/rn.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="Harmony" src={require('@site/static/img/platform/harmony.png').default} className="icon_platform icon_platform--not-support" width="25px"/>
+
+> [参考文档](https://developers.weixin.qq.com/miniprogram/dev/component/nested-scroll-body.html)
+
+## 类型
+
+```tsx
+ComponentType<NestedScrollBodyProps>
+```
+
+## NestedScrollBodyProps

docs/components/skyline/nested-scroll-header.md

@@ -0,0 +1,20 @@
+---
+title: NestedScrollHeader
+sidebar_label: NestedScrollHeader
+---
+
+嵌套 scroll-view 场景中属于外层 scroll-view 的节点，
+仅支持作为 <scroll-view type="nested"> 模式的直接子节点。
+不支持复数子节点，渲染时会取其第一个子节点来渲染。具体用法可参考 scroll-view
+
+支持情况：<img title="微信小程序" src={require('@site/static/img/platform/weapp.png').default} className="icon_platform" width="25px"/> <img title="H5" src={require('@site/static/img/platform/h5.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="React Native" src={require('@site/static/img/platform/rn.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="Harmony" src={require('@site/static/img/platform/harmony.png').default} className="icon_platform icon_platform--not-support" width="25px"/>
+
+> [参考文档](https://developers.weixin.qq.com/miniprogram/dev/component/nested-scroll-header.html)
+
+## 类型
+
+```tsx
+ComponentType<NestedScrollHeaderProps>
+```
+
+## NestedScrollHeaderProps