@next-bricks/advanced 0.1.5 → 0.1.7
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/dist/bricks.json +1 -1
- package/dist/chunks/{2255.043a1742.js → 2255.9dcb87b1.js} +2 -2
- package/dist/chunks/2255.9dcb87b1.js.map +1 -0
- package/dist/chunks/{3494.100ccce0.js → 3494.19c575cb.js} +2 -2
- package/dist/chunks/{3494.100ccce0.js.map → 3494.19c575cb.js.map} +1 -1
- package/dist/chunks/{7822.f8611fc2.js → 7822.9f535e3b.js} +2 -2
- package/dist/chunks/{7822.f8611fc2.js.map → 7822.9f535e3b.js.map} +1 -1
- package/dist/chunks/9079.ea18df5c.js +2 -0
- package/dist/chunks/9079.ea18df5c.js.map +1 -0
- package/dist/chunks/general-table.02ea2efb.js +2 -0
- package/dist/chunks/general-table.02ea2efb.js.map +1 -0
- package/dist/chunks/{main.f0551dbb.js → main.e9c01ae7.js} +2 -2
- package/dist/chunks/{main.f0551dbb.js.map → main.e9c01ae7.js.map} +1 -1
- package/dist/{index.808daae4.js → index.e33cbf91.js} +2 -2
- package/dist/{index.808daae4.js.map → index.e33cbf91.js.map} +1 -1
- package/dist/manifest.json +428 -0
- package/dist-types/table/index.d.ts +51 -151
- package/docs/general-table.md +622 -0
- package/package.json +7 -4
- package/dist/chunks/2255.043a1742.js.map +0 -1
- package/dist/chunks/9079.906cd389.js +0 -2
- package/dist/chunks/9079.906cd389.js.map +0 -1
- package/dist/chunks/general-table.15ea2f7a.js +0 -2
- package/dist/chunks/general-table.15ea2f7a.js.map +0 -1
|
@@ -0,0 +1,428 @@
|
|
|
1
|
+
{
|
|
2
|
+
"manifest_version": 1,
|
|
3
|
+
"package": "@next-bricks/advanced",
|
|
4
|
+
"name": "advanced",
|
|
5
|
+
"bricks": [
|
|
6
|
+
{
|
|
7
|
+
"name": "advanced.general-table",
|
|
8
|
+
"properties": [
|
|
9
|
+
{
|
|
10
|
+
"name": "showCard",
|
|
11
|
+
"description": "是否显示外层卡片",
|
|
12
|
+
"default": "true"
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
"name": "rowSelection",
|
|
16
|
+
"description": "表格行是否可选择,具体查阅:[rowSelection](https://ant.design/components/table-cn/#rowSelection)",
|
|
17
|
+
"attribute": false,
|
|
18
|
+
"type": "false | TableRowSelection<any>"
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"name": "rowKey",
|
|
22
|
+
"description": "指定每一行的 key,不指定则默认为索引 index。强烈建议设置该属性,否则在某些情况下可能行为不如预期。",
|
|
23
|
+
"type": "string"
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"name": "hiddenColumns",
|
|
27
|
+
"description": "隐藏相应列(输入对应的 dataIndex 或者 key 即可)",
|
|
28
|
+
"attribute": false,
|
|
29
|
+
"type": "Array<string | number>"
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"name": "showSelectInfo",
|
|
33
|
+
"description": "是否显示已选择信息和清除按钮。仅在设置了`rowSelection`时有效。默认不显示",
|
|
34
|
+
"default": "false"
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"name": "filters",
|
|
38
|
+
"description": "表头过滤的过滤项,key 为 column 的 dataIndex,value 为过滤值集合。",
|
|
39
|
+
"attribute": false,
|
|
40
|
+
"type": "Record<string, string[]>"
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"name": "configProps",
|
|
44
|
+
"description": "ant-design 的 Table 相关配置项,具体查阅:[Table](https://ant.design/components/table-cn/#Table),其中分页配置和行选择配值在构件中设置了常用的默认配置,也可自行覆盖,具体描述见下表",
|
|
45
|
+
"attribute": false,
|
|
46
|
+
"type": "any"
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"name": "sort",
|
|
50
|
+
"description": "被排序列的 dataIndex。通常来自于 url 参数,可以设置成 ${QUERY.sort}。",
|
|
51
|
+
"type": "string | null"
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"name": "order",
|
|
55
|
+
"description": "升序/降序,可以设置成 ${QUERY.order}。",
|
|
56
|
+
"attribute": false,
|
|
57
|
+
"type": "string | number | null"
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"name": "rowDisabledConfig",
|
|
61
|
+
"description": "配置每一行是否禁用,其中 `field` 表示数据源中的字段路径, `value` 表示与其字段比较的值, `operator` 表示两者比较的方法,结果为 `true` 时会禁用当前行, 需要注意的是该配置需要在 `rowSelection: true` 的前提下使用,并且设置 `rowKey` 属性赋予每行唯一的 key,防止顺序变化时造成的错误勾选(如上 demo 所示)",
|
|
62
|
+
"attribute": false,
|
|
63
|
+
"type": "RowDisabledProps | RowDisabledProps[]"
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
"name": "expandedRowBrick",
|
|
67
|
+
"description": "自定义行展开的构件 [UseBrickConf](/next-docs/docs/api-reference/brick-types.usesinglebrickconf)",
|
|
68
|
+
"attribute": false,
|
|
69
|
+
"type": "{\n useBrick?: UseSingleBrickConf;\n }"
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"name": "expandIcon",
|
|
73
|
+
"description": "自定义展开图标。",
|
|
74
|
+
"default": "{collapsedIcon:{lib:'antd',icon:'down',theme:'outlined'},expandedIcon:{lib:'antd',icon:'right',theme:'outlined'}}",
|
|
75
|
+
"attribute": false,
|
|
76
|
+
"type": "{\n collapsedIcon: GeneralIconProps;\n expandedIcon: GeneralIconProps;\n }"
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"name": "expandIconAsCell",
|
|
80
|
+
"description": "展开的图标是否为一个单元格,默认显示在第一列;设置为 false 的时候,可以通过`expandIconColumnIndex`属性设置展开的图标在哪一列",
|
|
81
|
+
"default": "true",
|
|
82
|
+
"attribute": false
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
"name": "expandIconColumnIndex",
|
|
86
|
+
"description": "展开的图标显示在哪一列,如果没有 rowSelection,默认显示在第一列,否则显示在选择框后面。当`expandIconAsCell`为 false 时,该属性生效。",
|
|
87
|
+
"type": "number"
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
"name": "expandRowByClick",
|
|
91
|
+
"description": "通过点击行来展开子行",
|
|
92
|
+
"type": "boolean"
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
"name": "optimizedColumns",
|
|
96
|
+
"description": "优化渲染的列(输入对应的 dataIndex),针对配置了 useBrick 的列。当前 antd 在更新 state 的时候,会全量渲染单元格,如果确定某一列在后续操作中不需要重新渲染,例如仅作为展示的单元格,可通过该属性设置以优化性能。注意,在树形表格中,当某一列内包含展开/收起按钮,则不应该设置该列。",
|
|
97
|
+
"attribute": false,
|
|
98
|
+
"type": "Array<string | number>"
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"name": "stripEmptyExpandableChildren",
|
|
102
|
+
"description": "树形数据展示时是否需要去除空数组",
|
|
103
|
+
"default": "false",
|
|
104
|
+
"attribute": false
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"name": "defaultExpandAllRows",
|
|
108
|
+
"description": "初始时,是否展开所有行",
|
|
109
|
+
"type": "boolean"
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
"name": "ellipsisInfo",
|
|
113
|
+
"description": "是否显示省略信息",
|
|
114
|
+
"type": "boolean"
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
"name": "expandedRowKeys",
|
|
118
|
+
"description": "展开的行的 rowKey",
|
|
119
|
+
"attribute": false,
|
|
120
|
+
"type": "string[]"
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
"name": "selectAllChildren",
|
|
124
|
+
"description": "表格树形数据展示的时候,行选择父节点的时候是否同步勾选/取消勾选所有子节点,并且被同步勾选的子节点不能单独取消。注意,该属性必须设置 `rowKey` 属性。",
|
|
125
|
+
"type": "boolean"
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
"name": "defaultSelectAll",
|
|
129
|
+
"description": "是否默认选择所有行。注意,该属性必须设置 `rowKey` 属性。",
|
|
130
|
+
"type": "boolean"
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"name": "childrenColumnName",
|
|
134
|
+
"description": "指定树形结构的列名",
|
|
135
|
+
"default": "children",
|
|
136
|
+
"attribute": false
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
"name": "sortable",
|
|
140
|
+
"description": "是否支持排序。默认开启,当对应列的sorter设置成true时则可排序。sortable为false时则排序都不生效。",
|
|
141
|
+
"default": "true",
|
|
142
|
+
"attribute": false
|
|
143
|
+
},
|
|
144
|
+
{
|
|
145
|
+
"name": "frontSearch",
|
|
146
|
+
"description": "是否前端进行搜索,配合`presentational-bricks.brick-input`使用",
|
|
147
|
+
"type": "boolean"
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
"name": "frontSearchQuery",
|
|
151
|
+
"description": "前端搜索参数",
|
|
152
|
+
"default": "\"\""
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
"name": "exactSearch",
|
|
156
|
+
"description": "是否精确搜索",
|
|
157
|
+
"type": "boolean"
|
|
158
|
+
},
|
|
159
|
+
{
|
|
160
|
+
"name": "frontSearchFilterKeys",
|
|
161
|
+
"description": "进行前端搜索的字段,支持嵌套的写法如[\"name\",\"value.a\"],不配置的时候默认为对所有 columns 的 dataIndex[]进行前端搜索",
|
|
162
|
+
"attribute": false,
|
|
163
|
+
"type": "string[]"
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
"name": "page",
|
|
167
|
+
"description": "页码。后台搜索的时候一般不需要配置,列表接口返回格式通常为{list:[],page:1,pageSize:10,total:20},即默认取自 page;前台搜索的时候,一般配置成 \"${query.page=1|number}\"",
|
|
168
|
+
"type": "number"
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
"name": "pageSize",
|
|
172
|
+
"description": "页码条数。后台搜索的时候一般不需要配置,列表接口返回格式通常为{list:[],page:1,pageSize:10,total:20},即默认取自 pageSize/page_size;前台搜索的时候,一般配置成 \"${query.pageSize=10|number}\"",
|
|
173
|
+
"type": "number"
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
"name": "scrollConfigs",
|
|
177
|
+
"description": "",
|
|
178
|
+
"default": "{ x: true }",
|
|
179
|
+
"attribute": false,
|
|
180
|
+
"type": "TableProps<unknown>[\"scroll\"]"
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
"name": "qField",
|
|
184
|
+
"description": "把过滤条件更新到 url 时的字段名",
|
|
185
|
+
"default": "\"q\""
|
|
186
|
+
},
|
|
187
|
+
{
|
|
188
|
+
"name": "tableDraggable",
|
|
189
|
+
"description": "表格行是否可拖拽,注意,树形数据的表格不支持该功能",
|
|
190
|
+
"type": "boolean"
|
|
191
|
+
},
|
|
192
|
+
{
|
|
193
|
+
"name": "zebraPattern",
|
|
194
|
+
"description": "是否展示斑马纹",
|
|
195
|
+
"type": "boolean"
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
"name": "storeCheckedByUrl",
|
|
199
|
+
"description": "翻页时是否记住之前选中的项。注意,选中项的rowKey将保存在url中,如果不设置rowKey,该设置不生效。如果选择太多可能会造成url过长,请谨慎使用",
|
|
200
|
+
"type": "boolean"
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
"name": "extraRows",
|
|
204
|
+
"description": "额外的行,通常为跨页勾选时,不在当前页的行",
|
|
205
|
+
"default": "[]",
|
|
206
|
+
"attribute": false,
|
|
207
|
+
"type": "Record<string, unknown>[]"
|
|
208
|
+
},
|
|
209
|
+
{
|
|
210
|
+
"name": "autoSelectParentWhenAllChildrenSelected",
|
|
211
|
+
"description": "当所有子节点选中时,自动选中父节点",
|
|
212
|
+
"type": "boolean"
|
|
213
|
+
},
|
|
214
|
+
{
|
|
215
|
+
"name": "thTransparent",
|
|
216
|
+
"description": "表格表头是否透明",
|
|
217
|
+
"type": "boolean"
|
|
218
|
+
},
|
|
219
|
+
{
|
|
220
|
+
"name": "showHeader",
|
|
221
|
+
"description": "是否显示表头",
|
|
222
|
+
"default": "true"
|
|
223
|
+
},
|
|
224
|
+
{
|
|
225
|
+
"name": "pagination",
|
|
226
|
+
"description": "是否显示分页",
|
|
227
|
+
"attribute": false,
|
|
228
|
+
"type": "false | TablePaginationConfig"
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
"name": "size",
|
|
232
|
+
"description": "表格大小(antd原生size)",
|
|
233
|
+
"type": "SizeType"
|
|
234
|
+
},
|
|
235
|
+
{
|
|
236
|
+
"name": "type",
|
|
237
|
+
"description": "选框类型(单选/多选)",
|
|
238
|
+
"attribute": false,
|
|
239
|
+
"type": "RowSelectionType"
|
|
240
|
+
},
|
|
241
|
+
{
|
|
242
|
+
"name": "shouldUpdateUrlParams",
|
|
243
|
+
"description": "是否更新 url 参数。设置为否之后,如果是后台进行分页/排序等功能,则需要结合事件进行编排。如果是前台进行分页/排序,则不需要。",
|
|
244
|
+
"default": "true"
|
|
245
|
+
},
|
|
246
|
+
{
|
|
247
|
+
"name": "shouldRenderWhenUrlParamsUpdate",
|
|
248
|
+
"description": "更新 url 参数时是否触发页面重新渲染。仅在`shouldUpdateUrlParams`为true时有效。",
|
|
249
|
+
"default": "true"
|
|
250
|
+
},
|
|
251
|
+
{
|
|
252
|
+
"name": "selectedRowKeys",
|
|
253
|
+
"description": "指定选中项的 key 数组",
|
|
254
|
+
"default": "[]",
|
|
255
|
+
"attribute": false,
|
|
256
|
+
"type": "React.Key[]"
|
|
257
|
+
}
|
|
258
|
+
],
|
|
259
|
+
"events": [
|
|
260
|
+
{
|
|
261
|
+
"name": "page.update",
|
|
262
|
+
"description": "页码变化,pagePath 可在 fields.page 中设置,默认为 page",
|
|
263
|
+
"detail": {
|
|
264
|
+
"type": "Record<string, number>"
|
|
265
|
+
}
|
|
266
|
+
},
|
|
267
|
+
{
|
|
268
|
+
"name": "filter.update",
|
|
269
|
+
"description": "每页条数变化 ,pagePath 可在 fields.page 中设置,pageSizePath 可在 fields.pageSize 中设置,默认为 pageSize",
|
|
270
|
+
"detail": {
|
|
271
|
+
"type": "Record<string, number>"
|
|
272
|
+
}
|
|
273
|
+
},
|
|
274
|
+
{
|
|
275
|
+
"name": "select.update",
|
|
276
|
+
"description": "勾选框变化,detail 中为所选的行数据",
|
|
277
|
+
"detail": {
|
|
278
|
+
"type": "Record<string, any>[]"
|
|
279
|
+
}
|
|
280
|
+
},
|
|
281
|
+
{
|
|
282
|
+
"name": "select.row.keys.update",
|
|
283
|
+
"description": "勾选框变化,detail 中为所选的行key集合",
|
|
284
|
+
"detail": {
|
|
285
|
+
"type": "string[]"
|
|
286
|
+
}
|
|
287
|
+
},
|
|
288
|
+
{
|
|
289
|
+
"name": "sort.update",
|
|
290
|
+
"description": "排序变化,detail 中的 sort 为对应排序列的 key/dataIndex,order 为升序/降序",
|
|
291
|
+
"detail": {
|
|
292
|
+
"type": "{\n sort: string;\n order: string | number;\n }"
|
|
293
|
+
}
|
|
294
|
+
},
|
|
295
|
+
{
|
|
296
|
+
"name": "row.expand",
|
|
297
|
+
"description": "点击展开图标时触发的事件,事件详情中`expanded`为是否展开,`record`被点击的行信息",
|
|
298
|
+
"detail": {
|
|
299
|
+
"type": "{\n expanded: boolean;\n record: Record<string, any>;\n }"
|
|
300
|
+
}
|
|
301
|
+
},
|
|
302
|
+
{
|
|
303
|
+
"name": "expand.rows.change",
|
|
304
|
+
"description": "展开的行变化时触发的事件,事件详情为当前展开的所有行的`rowKey`集合",
|
|
305
|
+
"detail": {
|
|
306
|
+
"type": "{\n expandedRows: React.Key[];\n }"
|
|
307
|
+
}
|
|
308
|
+
},
|
|
309
|
+
{
|
|
310
|
+
"name": "row.drag",
|
|
311
|
+
"description": "表格行拖拽结束发生的事件,事件详情为拖拽后重新排序的所有行数据",
|
|
312
|
+
"detail": {
|
|
313
|
+
"type": "{\n data: Record<string, any>[];\n }"
|
|
314
|
+
}
|
|
315
|
+
}
|
|
316
|
+
],
|
|
317
|
+
"slots": [],
|
|
318
|
+
"methods": [
|
|
319
|
+
{
|
|
320
|
+
"name": "filterSourceData",
|
|
321
|
+
"params": [
|
|
322
|
+
"event: CustomEvent"
|
|
323
|
+
],
|
|
324
|
+
"description": "搜索过滤",
|
|
325
|
+
"return": {
|
|
326
|
+
"type": "void"
|
|
327
|
+
}
|
|
328
|
+
},
|
|
329
|
+
{
|
|
330
|
+
"name": "expandAll",
|
|
331
|
+
"params": [],
|
|
332
|
+
"description": "展开所有行"
|
|
333
|
+
}
|
|
334
|
+
],
|
|
335
|
+
"description": "通用表格构件"
|
|
336
|
+
},
|
|
337
|
+
{
|
|
338
|
+
"name": "advanced.general-cascader",
|
|
339
|
+
"properties": [
|
|
340
|
+
{
|
|
341
|
+
"name": "options",
|
|
342
|
+
"attribute": false,
|
|
343
|
+
"type": "AntdCascaderProps[\"options\"]"
|
|
344
|
+
},
|
|
345
|
+
{
|
|
346
|
+
"name": "fieldNames",
|
|
347
|
+
"attribute": false,
|
|
348
|
+
"type": "AntdCascaderProps[\"fieldNames\"]",
|
|
349
|
+
"default": "{\n label: \"label\",\n value: \"value\",\n children: \"children\",\n }"
|
|
350
|
+
},
|
|
351
|
+
{
|
|
352
|
+
"name": "value",
|
|
353
|
+
"attribute": false,
|
|
354
|
+
"type": "AntdCascaderProps[\"value\"]"
|
|
355
|
+
},
|
|
356
|
+
{
|
|
357
|
+
"name": "placeholder",
|
|
358
|
+
"type": "string"
|
|
359
|
+
},
|
|
360
|
+
{
|
|
361
|
+
"name": "multiple",
|
|
362
|
+
"type": "boolean"
|
|
363
|
+
},
|
|
364
|
+
{
|
|
365
|
+
"name": "disabled",
|
|
366
|
+
"type": "boolean"
|
|
367
|
+
},
|
|
368
|
+
{
|
|
369
|
+
"name": "allowClear",
|
|
370
|
+
"type": "boolean",
|
|
371
|
+
"default": "true"
|
|
372
|
+
},
|
|
373
|
+
{
|
|
374
|
+
"name": "showSearch",
|
|
375
|
+
"type": "boolean",
|
|
376
|
+
"default": "true"
|
|
377
|
+
},
|
|
378
|
+
{
|
|
379
|
+
"name": "suffixIcon",
|
|
380
|
+
"attribute": false,
|
|
381
|
+
"type": "GeneralIconProps"
|
|
382
|
+
},
|
|
383
|
+
{
|
|
384
|
+
"name": "expandTrigger",
|
|
385
|
+
"type": "AntdCascaderProps[\"expandTrigger\"]",
|
|
386
|
+
"default": "\"click\""
|
|
387
|
+
},
|
|
388
|
+
{
|
|
389
|
+
"name": "popupPlacement",
|
|
390
|
+
"type": "AntdCascaderProps[\"placement\"]",
|
|
391
|
+
"default": "\"bottomLeft\""
|
|
392
|
+
},
|
|
393
|
+
{
|
|
394
|
+
"name": "size",
|
|
395
|
+
"type": "AntdCascaderProps[\"size\"]"
|
|
396
|
+
},
|
|
397
|
+
{
|
|
398
|
+
"name": "limit",
|
|
399
|
+
"type": "number",
|
|
400
|
+
"default": "50"
|
|
401
|
+
},
|
|
402
|
+
{
|
|
403
|
+
"name": "maxTagCount",
|
|
404
|
+
"attribute": false,
|
|
405
|
+
"type": "number | \"responsive\""
|
|
406
|
+
},
|
|
407
|
+
{
|
|
408
|
+
"name": "cascaderStyle",
|
|
409
|
+
"attribute": false,
|
|
410
|
+
"type": "CSSProperties"
|
|
411
|
+
}
|
|
412
|
+
],
|
|
413
|
+
"events": [
|
|
414
|
+
{
|
|
415
|
+
"name": "cascader.change",
|
|
416
|
+
"description": "",
|
|
417
|
+
"detail": {
|
|
418
|
+
"description": "{ value: AntdCascaderProps[\"value\"], selectedOptions: DefaultOptionType[] | DefaultOptionType[][] }",
|
|
419
|
+
"type": "{\n value: AntdCascaderProps[\"value\"];\n selectedOptions: DefaultOptionType[] | DefaultOptionType[][];\n }"
|
|
420
|
+
}
|
|
421
|
+
}
|
|
422
|
+
],
|
|
423
|
+
"slots": [],
|
|
424
|
+
"methods": [],
|
|
425
|
+
"description": ""
|
|
426
|
+
}
|
|
427
|
+
]
|
|
428
|
+
}
|