Merge branch 'dev' of https://github.com/uiwjs/react-native-uiw into dev

Author: ChenlingasMx

packages/core/src/Grid/README.md

@@ -88,44 +88,21 @@ function Demo() {
 export default Demo
 
 ```
-
 ### Props
-
-
-```ts
-interface ItemData {
-  icon?: React.ReactNode;
-  text?: React.ReactNode;
-}
-
-```
-
-```ts
-export interface GridProps extends ViewProps {
-  /**
-   * 传入的菜单数据，`icon` 可以是 `ReactNode` 或者 `uri`
-   * @default []
-   */
-  data?: ItemData[];
-  /**
-   * 列数
-   * @default 4
-   */
-  columns?: number;
-  /**
-   * 是否有间隔线
-   * @default true
-   */
-  hasLine?: boolean;
-  /** 单元格样式 */
-  itemStyle?: StyleProp<ViewStyle>;
-  /** 单元格文本样式 */
-  textStyle?: StyleProp<TextStyle & ViewStyle>;
-  /** 图片样式，可设置图片/图标尺寸 */
-  iconStyle?: StyleProp<ImageStyle & TextStyle & ViewStyle>;
-  /** 自定义单元格 */
-  renderItem?: (data: ItemData, index: number, row: number) => React.ReactNode;
-  /** 点击宫格回调函数 */
-  onPress?: (data: ItemData, index: number, row: number, event: GestureResponderEvent) => void;
-}
-```
+| 参数 | 说明 | 类型 | 默认值 |
+|------|------|-----|------|
+| data | 菜单数据，`icon` 可以是 `ReactNode` 或者 `uri` | `ItemData[]` | - |
+| columns | 列数 |  `number` | 4 |
+| hasLine | 是否有间隔线 | `boolean` | true |
+| itemStyle | 单元格样式 | `StyleProp<ViewStyle>` | - |
+| textStyle | 单元格文本样式 | `StyleProp<TextStyle & ViewStyle>` | - |
+| iconStyle | 图片样式，可设置图片/图标尺寸 | `StyleProp<ImageStyle & TextStyle & ViewStyle>` | - |
+| renderItem | 自定义单元格 |  `(data: ItemData, index: number, row: number) => React.ReactNode` | - |
+| onPress | 点击宫格回调函数 |  `(data: ItemData, index: number, row: number, event: GestureResponderEvent) => void` | - |
+
+
+### ItemData
+| 参数 | 说明 | 类型 | 默认值 |
+|------|------|-----|------|
+| text | 显示文字 | `React.ReactNode` | - |
+| icon | 图标 | `React.ReactNode` | - |

packages/core/src/Tabs/README.md

@@ -66,64 +66,34 @@ export default Demo
 ```
 ### Tabs Props
 
-```ts
-import { ViewStyle,ViewProps } from 'react-native';
-
-export interface TabsProps extends ViewProps {
-  /** 子元素 */
-  children?: JSX.Element | Array<JSX.Element>
-  /** 容器样式 */
-  style?: ViewStyle
-}
-export default Demo
-```
-
+继承原生 View 属性 [`ViewProps`](https://reactnative.dev/docs/view) 
+| 参数 | 说明 | 类型 | 默认值 |
+|------|------|-----|------|
+| children | 子元素 | JSX.Element | - |
+| style | 容器样式 | ViewStyle | - |
 
 ### Tabs.Item Props
 
-```ts
-import { IconsName } from '@uiw/react-native';
+| 参数 | 说明 | 类型 | 默认值 |
+|------|------|-----|------|
+| title | 显示的文字 | string | - |
+| style | 样式集合,具体项见下表 | TabsItemStyle | - |
+| onPress | 点击时触发 | (title: string) => void | - |
+| icon | 图标 | JSX.Element, React.ReactNode, React.ReactElement, IconsName | - |
+| border | 是否显示下边框 | boolean | - |
 
-export type TabsItemIconTypes = IconsName | React.ReactElement | React.ReactNode | JSX.Element
+### TabsItemStyle
+| 参数 | 说明 | 类型 | 默认值 |
+|------|------|-----|------|
+| width | 宽度 | number | - |
+| titleColor | 文字颜色 | string | - |
+| titleFontWeight | 文字粗细 |`'100','200','300','400','500','600','700','800','900','bold','normal' `| - |
+| titleSize | 文字大小 | number | - |
+| iconColor | icon 颜色 | string | - |
+| iconSize | icon 大小 | number | - |
+| borderWidth | border 宽度 | number | - |
+| borderColor | border 颜色 | string | - |
+| borderBottom | border 底部距离 | number | - |
+| borderHeight | border 粗细 | number | - |
 
-export interface TabsItemProps {
-  /** 显示的文字 */
-  title: string,
-  /** 样式集合 */
-  style?: TabsItemStyle,
-  /**
-   * 点击时触发
-   * void
-   * @param title type: string title 文字
-   */
-  onPress?: (title: string) => void,
-  /** 图标 */
-  icon?: TabsItemIconTypes,
-  /** 是否显示下边框 */
-  border?: boolean
-}
 
-/** 样式集合类型 */
-export interface TabsItemStyle {
-  /** 宽度 */
-  width?: number,
-  /** 文字颜色 */
-  titleColor?: string,
-  /** 文字粗细 */
-  titleFontWeight?: '100'|'200'|'300'|'400'|'500'|'600'|'700'|'800'|'900'|'bold'|'normal',
-  /** 文字大小 */
-  titleSize?: number,
-  /** icon 颜色 */
-  iconColor?: string,
-  /** icon 大小 */
-  iconSize?: number,
-  /** border 宽度 */
-  borderWidth?: number,
-  /** border 颜色 */
-  borderColor?: string,
-  /** border 距离底部距离一般与 Tabs paddingBottom 相等 */
-  borderBottom?: number,
-  /** border 粗细 */
-  borderHeight?: number
-}
-```

packages/core/src/Timeline/README.md

@@ -148,29 +148,19 @@ export default Demo
 ```
 
 ### Props
+| 参数 | 说明 | 类型 | 默认值 |
+|------|------|-----|------|
+| items | 步骤条数据列表 | `TimelineItemsProps[]` | - |
+| isReverse | 是否倒序 |  `boolean` | - |
+| mode | 改变时间轴和内容的相对位置 | `'left' \| 'alternate'` | - |
 
-```ts
-export interface TimelineItemsProps {
-  /** 标题 */
-  title: string;
-  /** 子标题 */
-  tips?: string;
-  /** 子项内容 */
-  desc?: string | string[]; 
-  /** 自定义图标 */
-  icon?: IconsName | React.ReactElement | React.ReactNode;
-  /** 自定义图标颜色 */
-  color?: string;
-  /** 自定义图标尺寸 */
-  size?: number;
-}
 
-export interface TimelineProps extends ViewProps {
-  /** 是否倒序 */
-  isReverse?: boolean;
-  /** 步骤条数据列表 */
-  items: TimelineItemsProps[];
-  /** 改变时间轴和内容的相对位置 */
-  mode?: 'left' | 'alternate';
-}
-```
+### TimelineItemsProps
+| 参数 | 说明 | 类型 | 默认值 |
+|------|------|-----|------|
+| title | 标题 | `string` | - |
+| tips | 子标题 | `string` | - |
+| desc | 子项内容 | `string \| string[]` | - |
+| icon | 自定义图标 | `IconsName \| React.ReactElement \| React.ReactNode` | - |
+| color | 自定义图标颜色 | `string` | - |
+| size | 自定义图标尺寸 | `number` | - |