ht-components 1.1.1 → 1.2.1

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.
Files changed (4) hide show
  1. package/README.md +96 -64
  2. package/lib/HTScreen.js +1 -1517
  3. package/lib/HTTable.js +1 -1817
  4. package/package.json +2 -1
package/README.md CHANGED
@@ -1,64 +1,96 @@
1
-
2
- # HTTable
3
-
4
- ## 参数
5
-
6
- | 参数 | 类型 | 含义 | 必填 | 默认值 |
7
- | :------: | :-------: | :-------: | :------: | :------: |
8
- | rowKey | string/function | 表格列数据的key | 是 | - |
9
- | columns | array | 表格列信息，同antd配置，新增renderFnName | 是 | - |
10
- | columnsFnMap | object | renderFnName的方法集合 | - | - |
11
- | headerJsx | jsx | 筛选框和表格之间的内容 | - | - |
12
- | tableHeight | string/number | 表格高度，只支持px | - | - |
13
- | filterList | array | 表格筛选项，见“filterList” | - | - |
14
- | isRequest | boolean | 是否发送请求 | - | true |
15
- | dataList | array | 表格数据，不发送请求时使用 | - | - |
16
- | api | function | 接口，发送请求时使用 | - | - |
17
- | resListKey | string | 返回参数中的列表key | - | - |
18
- | rowSelection | Object | 表格复选配置 | - | - |
19
- | additionalParameters | object | 请求数据的额外参数 | - | - |
20
- | dealReqDataFn | function | 对请求数据进行自定义处理 | - | - |
21
- | successFn | function | 请求成功的回调 & 对响应数据进行自定义处理 | - | - |
22
- | isPagination | boolean | 是否分页 | - | true |
23
- | paginationInfo | object | 分页信息，{current, pageSize} | - | {current: 1, pageSize: 10} |
24
-
25
-
26
- ## 方法
27
- | 参数 | 类型 | 含义 |
28
- | :------: | :-------: | :-------: |
29
- | search | function | 重新搜索 |
30
-
31
-
32
- ## filterList
33
-
34
- | 参数 | 类型 | 含义 | 必填 | 默认值 |
35
- | :------: | :-------: | :-------: | :------: | :------: |
36
- | label | string | 标题 | 是 | - |
37
- | filterType | string | 类型（input/select/datePicker） | 是 | - |
38
- | filterDataKey | string | 查询时给后端的参数key | 是 | - |
39
- | value | string/array | 初始参数，范围选择时传数组 | - | - |
40
- | placeholder | string/array | 无内容时的填充项，范围选择时传数组 | - | - |
41
- | options | array/object | filterType为select时的可选项，[{label, value}]或{value: label} | - | - |
42
- | optionsApi | function | filterType为select时的可选项，接口，请求options列表，优先级高于options配置 | - | - |
43
- | resListKey | string | filterType为select时的可选项，options接口返回参数中的列表key | - | - |
44
- | labelKey | string | filterType为select时的可选项，options接口返回参数中的label key | - | 'label' |
45
- | valueKey | string | filterType为select时的可选项，options接口返回参数中的value key | - | 'value' |
46
- | additionalParameters | object | filterType为select时的可选项，额外请求参数 | - | - |
47
- | isLazy | boolean | filterType为select时的可选项，是否懒加载数据 | - | false |
48
- | lazySearchKey | string | filterType为select时的可选项，isLazy为true时的搜索key | - | 'keyword' |
49
- | picker | string | filterType为datePicker时使用,日期组件可选范围（date/month/week/range） | - | date |
50
-
51
- # HTScreen
52
-
53
- ## 参数
54
-
55
- | 参数 | 类型 | 含义 | 必填 | 默认值 |
56
- | :------: | :-------: | :-------: | :------: | :------: |
57
- | filterList | array | 筛选项，同HTTable | 是 | - |
58
- | isShowSearchBtn | boolean | 是否显示搜索按钮 | - | true |
59
- | search | function | 搜索项，(searchJson) => {} | - | - |
60
-
61
- ## 方法
62
- | 参数 | 类型 | 含义 |
63
- | :------: | :-------: | :-------: |
64
- | search | function | 重新搜索 |
1
+
2
+ # HTTable
3
+
4
+ ## 参数
5
+
6
+ | 参数 | 类型 | 含义 | 必填 | 默认值 |
7
+ | :------: | :-------: | :-------: | :------: | :------: |
8
+ | rowKey | string/function | 表格列数据的key | 是 | - |
9
+ | columns | array | 表格列信息，同antd配置，新增renderFnName | 是 | - |
10
+ | columnsFnMap | object | renderFnName的方法集合 | - | - |
11
+ | headerJsx | jsx | 筛选框和表格之间的内容 | - | - |
12
+ | tableHeight | string/number | 表格高度，只支持px | - | - |
13
+ | filterList | array | 表格筛选项，见“filterList” | - | - |
14
+ | isRequest | boolean | 是否发送请求 | - | true |
15
+ | dataList | array | 表格数据，不发送请求时使用 | - | - |
16
+ | api | function | 接口，发送请求时使用 | - | - |
17
+ | resListKey | string | 返回参数中的列表key | - | - |
18
+ | rowSelection | Object | 表格复选配置 | - | - |
19
+ | additionalParameters | object | 请求数据的额外参数 | - | - |
20
+ | dealReqDataFn | function | 对请求数据进行自定义处理 | - | - |
21
+ | successFn | function | 请求成功的回调 & 对响应数据进行自定义处理 | - | - |
22
+ | isPagination | boolean | 是否分页 | - | true |
23
+ | paginationInfo | object | 分页信息，{current, pageSize} | - | {current: 1, pageSize: 10} |
24
+
25
+
26
+ ## 方法
27
+ | 参数 | 类型 | 含义 |
28
+ | :------: | :-------: | :-------: |
29
+ | search | function | 重新搜索 |
30
+ | getParams | function | 获取查询参数 |
31
+
32
+
33
+ ## filterList
34
+
35
+ | 参数 | 类型 | 含义 | 必填 | 默认值 |
36
+ | :------: | :-------: | :-------: | :------: | :------: |
37
+ | label | string | 标题 | 是 | - |
38
+ | filterType | string | 类型（input/select/treeSelect/datePicker） | 是 | - |
39
+ | filterDataKey | string/array | 查询时给后端的参数key，范围选择时传数组 | 是 | - |
40
+ | value | string/array | 初始参数，范围选择时传数组 | - | - |
41
+ | placeholder | string/array | 无内容时的填充项，范围选择时传数组 | - | - |
42
+ | allowClear | boolean | 是否允许清空 | - | true |
43
+ | showSearch | boolean | 是否允许搜索 | - | true |
44
+ | style | object | 其他样式 | - | - |
45
+
46
+ **filterList其余参数：**
47
+
48
+ ### input
49
+ | 参数 | 类型 | 含义 | 必填 | 默认值 |
50
+ | :------: | :-------: | :-------: | :------: | :------: |
51
+ | maxLength | number | 文本框最长允许输入长度 | - | 50 |
52
+
53
+ ### select
54
+ | 参数 | 类型 | 含义 | 必填 | 默认值 |
55
+ | :------: | :-------: | :-------: | :------: | :------: |
56
+ | options | array/object | 下拉框可选项列表，[{label, value}]或{value: label} | - | - |
57
+ | optionsApi | function | 接口，请求options列表，优先级高于options配置 | - | - |
58
+ | resListKey | string | options接口返回参数中的列表key | - | - |
59
+ | labelKey | string | options接口返回参数中的label key | - | 'label' |
60
+ | valueKey | string | options接口返回参数中的value key | - | 'value' |
61
+ | additionalParameters | object | 额外请求参数 | - | - |
62
+ | isLazy | boolean | 是否懒加载数据 | - | false |
63
+ | lazySearchKey | string | isLazy为true时的搜索key | - | 'keyword' |
64
+ | dealOptionsReqDataFn | function | 对请求数据进行自定义处理 | - | - |
65
+
66
+ ### treeSelect
67
+ | 参数 | 类型 | 含义 | 必填 | 默认值 |
68
+ | :------: | :-------: | :-------: | :------: | :------: |
69
+ | options | array | 下拉可选项列表，[{label, value, children:[{label, value, children}]}] | - | - |
70
+ | optionsApi | function | 接口，请求options列表，优先级高于options配置 | - | - |
71
+ | resListKey | string | options接口返回参数中的列表key | - | - |
72
+ | fieldNames | object | 自定义节点label、value、key、children的字段 | - | {label:label,value:value,children:children,key:value} |
73
+ | additionalParameters | object | 额外请求参数 | - | - |
74
+ | multiple | boolean | 是否可多选 | - | false |
75
+ | dealOptionsReqDataFn | function | 对请求数据进行自定义处理 | - | - |
76
+
77
+ ### datePicker
78
+ | 参数 | 类型 | 含义 | 必填 | 默认值 |
79
+ | :------: | :-------: | :-------: | :------: | :------: |
80
+ | picker | string | 日期组件可选范围（date/month/week/range） | - | date |
81
+
82
+ # HTScreen
83
+
84
+ ## 参数
85
+
86
+ | 参数 | 类型 | 含义 | 必填 | 默认值 |
87
+ | :------: | :-------: | :-------: | :------: | :------: |
88
+ | filterList | array | 筛选项，同HTTable | 是 | - |
89
+ | isShowSearchBtn | boolean | 是否显示搜索按钮 | - | true |
90
+ | search | function | 搜索项，(searchJson) => {} | - | - |
91
+
92
+ ## 方法
93
+ | 参数 | 类型 | 含义 |
94
+ | :------: | :-------: | :-------: |
95
+ | search | function | 重新搜索 |
96
+ | getParams | function | 获取查询参数 |