doc(SearchBar): 修改SearchBar api文档

Author: ChenlingasMx

packages/core/src/SearchBar/README.md

@@ -26,36 +26,25 @@ export default Demo
 
 ```
 
-### props
-
-```ts
-interface OptionsState {
-  label: string;
-  value: string | number;
-}
-
-interface SearchBarProps {
-  /** 搜索框文字变化 */
-  onChangeText?: (value: string) => void;
-  /** 数据化配置选项内容，相比 jsx 定义会获得更好的渲染性能 */
-  options?: Array<OptionsState>;
-  /** 事件变化回调 */
-  onChange?: (value: string | null) => void;
-  /** 获得焦点时回调 */
-  onFocus?: (e: any | string) => void;
-  /** 是否把每个选项的 label 包装到 value 中，会把 Select 的 value 类型从 string 变为 { key: string, label: ReactNode } 的格式   */
-  labelInValue?: Boolean;
-  /** 是否禁用 */
-  disabled?: Boolean;
-  /** 值 */
-  value?: String;
-  /** 加载中状态 */
-  loading?: Boolean;
-  /** 搜索框默认文本 */
-  placeholder?: String;
-  /** 图标 */
-  extra?: JSX.Element;
-  /** 是否展示清楚图标 */
-  showClear?: boolean;
-}
-```
+### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+|------|------|-----|------|
+| onChangeText | 搜索框文字变化 | (value: string) => void | - |
+| options | 数据化配置选项内容，相比 jsx 定义会获得更好的渲染性能 | Array<`OptionsStateProps`> | - |
+| onChange | 事件变化回调 | string | (value: string) => void |
+| onFocus | 获得焦点时回调 null = 永不显示 | (e: any) => void | - |
+| labelInValue | 是否把每个选项的 label 包装到 value 中，会把 Select 的 value 类型从 string 变为 { key: string, label: ReactNode } 的格式 | Boolean | - |
+| disabled | 是否禁用 | Boolean | - |
+| value | 值 | String | - |
+| loading | 加载中状态 | Boolean | - |
+| placeholder | 搜索框默认文本 | String | - |
+| extra | 图标 | JSX.Element | - |
+| showClear | 是否展示清楚图标 | boolean | - |
+
+### OptionsStateProps
+
+| 参数 | 说明 | 类型 | 默认值 |
+|------|------|-----|------|
+| label | 名 | string | - |
+| value | 值 | `string` \| `number` | - |