@hi-ui/table 4.0.0-beta.60 → 4.0.0-beta.63
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +34 -34
- package/package.json +9 -9
package/README.md
CHANGED
|
@@ -15,40 +15,40 @@
|
|
|
15
15
|
|
|
16
16
|
## Props
|
|
17
17
|
|
|
18
|
-
| 属性名 | 描述 | 类型 | 可选值
|
|
19
|
-
| --------------------- | ------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------- |
|
|
20
|
-
| data | 表格数据 | object[] | -
|
|
21
|
-
| fieldKey | 指定 data 表格数据中某一属性为 key | string | -
|
|
22
|
-
| columns | 表格列配置信息 | ColumnItem[] | -
|
|
23
|
-
| bordered | 是否显示边框（表头分组模式下，表格自带边框） | boolean | true \| false
|
|
24
|
-
| sticky | 是否支持表头吸顶 | boolean | true \| false
|
|
25
|
-
| stickyTop | 表头吸顶距离视口顶部距离 | number | -
|
|
26
|
-
| highlightedColKeys | 高亮列（受控） | string[] | -
|
|
27
|
-
| expandedRender | 表格展开项 | (record: dataItem, index: number) => ReactNode \| Promise | -
|
|
28
|
-
| rowExpandable | 设置是否允许行展开 | (record: dataItem ) => ReactNode \| Boolean | -
|
|
29
|
-
| onExpand | 表格展开时的回调函数 | (expanded, row: object) => void | -
|
|
30
|
-
| expandedRowKeys | 内嵌式表格以及树形表格展开的行 | number[] | -
|
|
31
|
-
| maxHeight | 表格最大高度，当穿过该高度时，展示滚动条且表头固定 | number | -
|
|
32
|
-
| fixedToColumn | 表格列冻结设置，为 string 时仅支持从左侧冻结至某一列 | string \| FixedOption | columns 中对应的 dataKey
|
|
33
|
-
| size | 配置表格尺寸 | string | '
|
|
34
|
-
| pagination | 表格分页配置项 | Pagination | -
|
|
35
|
-
| errorRowKeys | 错误列（受控） | string[] | -
|
|
36
|
-
| highlightedRowKeys | 高亮行（受控） | string[] | -
|
|
37
|
-
| rowSelection | 行可选（受控） | RowSelection | -
|
|
38
|
-
| dataSource | 异步数据源 | (current: number) => DataSource | -
|
|
39
|
-
| showColMenu | 是否支持列操作 | boolean | -
|
|
40
|
-
| striped | 是否展示为斑马纹效果 | boolean | -
|
|
41
|
-
| setting | 是否集成控制面板功能 | boolean | -
|
|
42
|
-
| emptyContent | 数据为空时的展示内容 | string \| () => ReactNode | -
|
|
43
|
-
| resizable | 是否能够动态控制列宽 | boolean | true \| false
|
|
44
|
-
| standard | 标准模式，默认集成 `showColMenu = true, sticky = true, bordered = true, setting = true, striped = true` | boolean | true \| false
|
|
45
|
-
| loading | 加载中状态 | boolean | true \| false
|
|
46
|
-
| scrollWidth | 表格滚动的宽度（当表格总设置宽度（含自适应列）大于表格父级容器宽度时需要设置）**3.7.0 版本以后，该属性不建议使用** | number | -
|
|
47
|
-
| showColHighlight | 表格某一列`hover`时，该列高亮 | boolean | true \| false
|
|
48
|
-
| draggable | 表格行可拖拽 | boolean | true \| false
|
|
49
|
-
| hiddenColKeys | 隐藏列（受控） (v3.9.0 新增) | string[] | -
|
|
50
|
-
| onHiddenColKeysChange | 列隐藏设置时回调 (v3.9.0 新增) | (hiddenColKeys: string[]) => void | -
|
|
51
|
-
| cellRender | 全局控制单元格自定义渲染，优先级低于 column 的 render 方法 | (text: DataItem[ColumnItem[dataKey]]) => ReactNode | -
|
|
18
|
+
| 属性名 | 描述 | 类型 | 可选值 | 默认值 |
|
|
19
|
+
| --------------------- | ------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------- | ------------------------ | ---------- |
|
|
20
|
+
| data | 表格数据 | object[] | - | - |
|
|
21
|
+
| fieldKey | 指定 data 表格数据中某一属性为 key | string | - | 'key' |
|
|
22
|
+
| columns | 表格列配置信息 | ColumnItem[] | - | - |
|
|
23
|
+
| bordered | 是否显示边框（表头分组模式下，表格自带边框） | boolean | true \| false | false |
|
|
24
|
+
| sticky | 是否支持表头吸顶 | boolean | true \| false | false |
|
|
25
|
+
| stickyTop | 表头吸顶距离视口顶部距离 | number | - | 0 |
|
|
26
|
+
| highlightedColKeys | 高亮列（受控） | string[] | - | [] |
|
|
27
|
+
| expandedRender | 表格展开项 | (record: dataItem, index: number) => ReactNode \| Promise | - | - |
|
|
28
|
+
| rowExpandable | 设置是否允许行展开 | (record: dataItem ) => ReactNode \| Boolean | - | true |
|
|
29
|
+
| onExpand | 表格展开时的回调函数 | (expanded, row: object) => void | - | - |
|
|
30
|
+
| expandedRowKeys | 内嵌式表格以及树形表格展开的行 | number[] | - | - |
|
|
31
|
+
| maxHeight | 表格最大高度，当穿过该高度时，展示滚动条且表头固定 | number | - | - |
|
|
32
|
+
| fixedToColumn | 表格列冻结设置，为 string 时仅支持从左侧冻结至某一列 | string \| FixedOption | columns 中对应的 dataKey | null |
|
|
33
|
+
| size | 配置表格尺寸 | string | 'lg' \| 'md' \| 'sm' | 'md' |
|
|
34
|
+
| pagination | 表格分页配置项 | Pagination | - | null |
|
|
35
|
+
| errorRowKeys | 错误列（受控） | string[] | - | [] |
|
|
36
|
+
| highlightedRowKeys | 高亮行（受控） | string[] | - | [] |
|
|
37
|
+
| rowSelection | 行可选（受控） | RowSelection | - | null |
|
|
38
|
+
| dataSource | 异步数据源 | (current: number) => DataSource | - | null |
|
|
39
|
+
| showColMenu | 是否支持列操作 | boolean | - | false |
|
|
40
|
+
| striped | 是否展示为斑马纹效果 | boolean | - | false |
|
|
41
|
+
| setting | 是否集成控制面板功能 | boolean | - | false |
|
|
42
|
+
| emptyContent | 数据为空时的展示内容 | string \| () => ReactNode | - | '暂无数据' |
|
|
43
|
+
| resizable | 是否能够动态控制列宽 | boolean | true \| false | false |
|
|
44
|
+
| standard | 标准模式，默认集成 `showColMenu = true, sticky = true, bordered = true, setting = true, striped = true` | boolean | true \| false | false |
|
|
45
|
+
| loading | 加载中状态 | boolean | true \| false | false |
|
|
46
|
+
| scrollWidth | 表格滚动的宽度（当表格总设置宽度（含自适应列）大于表格父级容器宽度时需要设置）**3.7.0 版本以后，该属性不建议使用** | number | - | - |
|
|
47
|
+
| showColHighlight | 表格某一列`hover`时，该列高亮 | boolean | true \| false | false |
|
|
48
|
+
| draggable | 表格行可拖拽 | boolean | true \| false | false |
|
|
49
|
+
| hiddenColKeys | 隐藏列（受控） (v3.9.0 新增) | string[] | - | - |
|
|
50
|
+
| onHiddenColKeysChange | 列隐藏设置时回调 (v3.9.0 新增) | (hiddenColKeys: string[]) => void | - | - |
|
|
51
|
+
| cellRender | 全局控制单元格自定义渲染，优先级低于 column 的 render 方法 | (text: DataItem[ColumnItem[dataKey]]) => ReactNode | - | - |
|
|
52
52
|
|
|
53
53
|
## Event
|
|
54
54
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hi-ui/table",
|
|
3
|
-
"version": "4.0.0-beta.
|
|
3
|
+
"version": "4.0.0-beta.63",
|
|
4
4
|
"description": "A sub-package for @hi-ui/hiui.",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"author": "HIUI <mi-hiui@xiaomi.com>",
|
|
@@ -43,24 +43,24 @@
|
|
|
43
43
|
"url": "https://github.com/XiaoMi/hiui/issues"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@hi-ui/button": "^4.0.0-beta.
|
|
47
|
-
"@hi-ui/checkbox": "^4.0.0-beta.
|
|
46
|
+
"@hi-ui/button": "^4.0.0-beta.16",
|
|
47
|
+
"@hi-ui/checkbox": "^4.0.0-beta.15",
|
|
48
48
|
"@hi-ui/classname": "^4.0.0-beta.0",
|
|
49
49
|
"@hi-ui/core-css": "^4.0.0-beta.5",
|
|
50
50
|
"@hi-ui/dom-utils": "^4.0.0-beta.6",
|
|
51
|
-
"@hi-ui/drawer": "^4.0.0-beta.
|
|
51
|
+
"@hi-ui/drawer": "^4.0.0-beta.36",
|
|
52
52
|
"@hi-ui/empty-state": "^4.0.0-beta.24",
|
|
53
53
|
"@hi-ui/env": "^4.0.0-beta.1",
|
|
54
54
|
"@hi-ui/func-utils": "^4.0.0-beta.13",
|
|
55
55
|
"@hi-ui/icon-button": "^4.0.0-beta.11",
|
|
56
|
-
"@hi-ui/icons": "^4.0.0-beta.
|
|
57
|
-
"@hi-ui/loading": "^4.0.0-beta.
|
|
56
|
+
"@hi-ui/icons": "^4.0.0-beta.13",
|
|
57
|
+
"@hi-ui/loading": "^4.0.0-beta.24",
|
|
58
58
|
"@hi-ui/locale-context": "^4.0.0-beta.19",
|
|
59
59
|
"@hi-ui/object-utils": "^4.0.0-beta.12",
|
|
60
|
-
"@hi-ui/pagination": "^4.0.0-beta.
|
|
60
|
+
"@hi-ui/pagination": "^4.0.0-beta.42",
|
|
61
61
|
"@hi-ui/popper": "^4.0.0-beta.19",
|
|
62
62
|
"@hi-ui/react-utils": "^4.0.0-beta.6",
|
|
63
|
-
"@hi-ui/select": "^4.0.0-beta.
|
|
63
|
+
"@hi-ui/select": "^4.0.0-beta.39",
|
|
64
64
|
"@hi-ui/spinner": "^4.0.0-beta.11",
|
|
65
65
|
"@hi-ui/times": "^4.0.0-beta.6",
|
|
66
66
|
"@hi-ui/tree-utils": "^4.0.0-beta.5",
|
|
@@ -86,5 +86,5 @@
|
|
|
86
86
|
"react": "^17.0.1",
|
|
87
87
|
"react-dom": "^17.0.1"
|
|
88
88
|
},
|
|
89
|
-
"gitHead": "
|
|
89
|
+
"gitHead": "71cab05b6e2458cc962438f9bb4c4690c15557de"
|
|
90
90
|
}
|