@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.
@@ -76,117 +76,76 @@ export interface CustomColumn extends ColumnProps<Record<string, any>> {
76
76
  };
77
77
  }
78
78
  /**
79
- * @id advanced.general-table
80
- * @name advanced.general-table
81
- * @docKind brick
82
- * @description 通用表格构件
79
+ * 通用表格构件
83
80
  * @author sailor
84
- * @noInheritDoc
85
81
  */
86
82
  declare class TableComponent extends ReactNextElement {
87
83
  #private;
88
84
  /**
89
- * @kind CustomColumn[]
90
- * @required false
91
- * @default -
92
- * @description 扩展自 ant-design 的 Column 相关配置项,具体查阅:[Column](https://ant.design/components/table-cn/#Column)
93
- * @group basic
85
+ * 扩展自 ant-design 的 Column 相关配置项,具体查阅:[Column](https://ant.design/components/table-cn/#Column)
94
86
  */
95
87
  set columns(value: CustomColumn[]);
96
88
  get columns(): CustomColumn[];
97
89
  /**
98
- * @kind any[]
99
- * @required false
100
- * @default -
101
- * @description 数据源,通过 useResolves 从后台接口获取或者直接在 storyboard 中配置
102
- * @group basic
90
+ * 数据源,通过 useResolves 从后台接口获取或者直接在 storyboard 中配置
103
91
  */
104
92
  set dataSource(value: Record<string, any>[]);
105
93
  /**
106
- * @required false
107
- * @default true
108
- * @description 是否显示外层卡片
109
- * @group basic
94
+ * 是否显示外层卡片
110
95
  */
111
96
  accessor showCard: boolean;
112
97
  /**
113
- * @required false
114
- * @default -
115
- * @description 表格行是否可选择,具体查阅:[rowSelection](https://ant.design/components/table-cn/#rowSelection)
116
- * @group basic
98
+ * 表格行是否可选择,具体查阅:[rowSelection](https://ant.design/components/table-cn/#rowSelection)
117
99
  */
118
100
  accessor rowSelection: false | TableRowSelection<any> | undefined;
119
101
  /**
120
- * @required false
121
- * @default "key"
122
- * @description 指定每一行的 key,不指定则默认为索引 index。强烈建议设置该属性,否则在某些情况下可能行为不如预期。
123
- * @group basic
102
+ * 指定每一行的 key,不指定则默认为索引 index。强烈建议设置该属性,否则在某些情况下可能行为不如预期。
124
103
  */
125
104
  accessor rowKey: string | undefined;
126
105
  /**
127
- * @required false
128
- * @default -
129
- * @description 隐藏相应列(输入对应的 dataIndex 或者 key 即可)
130
- * @group basic
106
+ * 隐藏相应列(输入对应的 dataIndex 或者 key 即可)
131
107
  */
132
108
  accessor hiddenColumns: Array<string | number> | undefined;
133
109
  /**
134
- * @required false
135
- * @default false
136
- * @description 是否显示已选择信息和清除按钮。仅在设置了`rowSelection`时有效。默认不显示
110
+ * 是否显示已选择信息和清除按钮。仅在设置了`rowSelection`时有效。默认不显示
137
111
  * @group rowSelection
138
112
  */
139
113
  accessor showSelectInfo: boolean;
140
114
  /**
141
- * @required false
142
- * @default -
143
- * @description 表头过滤的过滤项,key 为 column 的 dataIndex,value 为过滤值集合。
115
+ * 表头过滤的过滤项,key 为 column 的 dataIndex,value 为过滤值集合。
144
116
  * @group paginationAndFilter
145
117
  */
146
118
  accessor filters: Record<string, string[]> | undefined;
147
119
  /**
148
- * @required false
149
- * @default -
150
- * @description ant-design 的 Table 相关配置项,具体查阅:[Table](https://ant.design/components/table-cn/#Table),其中分页配置和行选择配值在构件中设置了常用的默认配置,也可自行覆盖,具体描述见下表
120
+ * ant-design 的 Table 相关配置项,具体查阅:[Table](https://ant.design/components/table-cn/#Table),其中分页配置和行选择配值在构件中设置了常用的默认配置,也可自行覆盖,具体描述见下表
151
121
  * @group other
152
122
  */
153
123
  accessor configProps: any;
154
124
  /**
155
- * @required false
156
- * @default -
157
- * @description 被排序列的 dataIndex。通常来自于 url 参数,可以设置成 ${QUERY.sort}。
125
+ * 被排序列的 dataIndex。通常来自于 url 参数,可以设置成 ${QUERY.sort}。
158
126
  * @group paginationAndFilter
159
127
  */
160
128
  accessor sort: string | undefined | null;
161
129
  /**
162
- * @required false
163
- * @default -
164
- * @description 升序/降序,可以设置成 ${QUERY.order}。
130
+ * 升序/降序,可以设置成 ${QUERY.order}。
165
131
  * @group paginationAndFilter
166
132
  */
167
133
  accessor order: string | number | undefined | null;
168
134
  /**
169
- * @required false
170
- * @default -
171
- * @description 配置每一行是否禁用,其中 `field` 表示数据源中的字段路径, `value` 表示与其字段比较的值, `operator` 表示两者比较的方法,结果为 `true` 时会禁用当前行, 需要注意的是该配置需要在 `rowSelection: true` 的前提下使用,并且设置 `rowKey` 属性赋予每行唯一的 key,防止顺序变化时造成的错误勾选(如上 demo 所示)
135
+ * 配置每一行是否禁用,其中 `field` 表示数据源中的字段路径, `value` 表示与其字段比较的值, `operator` 表示两者比较的方法,结果为 `true` 时会禁用当前行, 需要注意的是该配置需要在 `rowSelection: true` 的前提下使用,并且设置 `rowKey` 属性赋予每行唯一的 key,防止顺序变化时造成的错误勾选(如上 demo 所示)
172
136
  * @group rowSelection
173
137
  */
174
138
  accessor rowDisabledConfig: RowDisabledProps | RowDisabledProps[] | undefined;
175
139
  /**
176
- * @kind {useBrick:UseBrickConf}
177
- * @required false
178
- * @default -
179
- * @description 自定义行展开的构件 [UseBrickConf](/next-docs/docs/api-reference/brick-types.usesinglebrickconf)
140
+ * 自定义行展开的构件 [UseBrickConf](/next-docs/docs/api-reference/brick-types.usesinglebrickconf)
180
141
  * @group expand
181
142
  */
182
143
  accessor expandedRowBrick: {
183
144
  useBrick?: UseSingleBrickConf;
184
145
  } | undefined;
185
146
  /**
186
- * @kind { collapsedIcon: MenuIcon,expandedIcon: MenuIcon}
187
- * @required false
147
+ * 自定义展开图标。
188
148
  * @default {collapsedIcon:{lib:'antd',icon:'down',theme:'outlined'},expandedIcon:{lib:'antd',icon:'right',theme:'outlined'}}
189
- * @description 自定义展开图标。
190
149
  * @group expand
191
150
  */
192
151
  accessor expandIcon: {
@@ -194,137 +153,101 @@ declare class TableComponent extends ReactNextElement {
194
153
  expandedIcon: GeneralIconProps;
195
154
  } | undefined;
196
155
  /**
197
- * @required false
156
+ * 展开的图标是否为一个单元格,默认显示在第一列;设置为 false 的时候,可以通过`expandIconColumnIndex`属性设置展开的图标在哪一列
198
157
  * @default true
199
- * @description 展开的图标是否为一个单元格,默认显示在第一列;设置为 false 的时候,可以通过`expandIconColumnIndex`属性设置展开的图标在哪一列
200
158
  * @group expand
201
159
  */
202
160
  accessor expandIconAsCell: boolean;
203
161
  /**
204
- * @required false
205
- * @default -
206
- * @description 展开的图标显示在哪一列,如果没有 rowSelection,默认显示在第一列,否则显示在选择框后面。当`expandIconAsCell`为 false 时,该属性生效。
162
+ * 展开的图标显示在哪一列,如果没有 rowSelection,默认显示在第一列,否则显示在选择框后面。当`expandIconAsCell`为 false 时,该属性生效。
207
163
  * @group expand
208
164
  */
209
165
  accessor expandIconColumnIndex: number | undefined;
210
166
  /**
211
- * @required false
212
- * @default false
213
- * @description 通过点击行来展开子行
167
+ * 通过点击行来展开子行
214
168
  * @group expand
215
169
  */
216
170
  accessor expandRowByClick: boolean | undefined;
217
171
  /**
218
- * @required false
219
- * @default -
220
- * @description 优化渲染的列(输入对应的 dataIndex),针对配置了 useBrick 的列。当前 antd 在更新 state 的时候,会全量渲染单元格,如果确定某一列在后续操作中不需要重新渲染,例如仅作为展示的单元格,可通过该属性设置以优化性能。注意,在树形表格中,当某一列内包含展开/收起按钮,则不应该设置该列。
172
+ * 优化渲染的列(输入对应的 dataIndex),针对配置了 useBrick 的列。当前 antd 在更新 state 的时候,会全量渲染单元格,如果确定某一列在后续操作中不需要重新渲染,例如仅作为展示的单元格,可通过该属性设置以优化性能。注意,在树形表格中,当某一列内包含展开/收起按钮,则不应该设置该列。
221
173
  * @group advanced
222
174
  */
223
175
  accessor optimizedColumns: Array<string | number> | undefined;
224
176
  /**
225
- * @required false
226
- * @default false
227
- * @description 树形数据展示时是否需要去除空数组
177
+ * 树形数据展示时是否需要去除空数组
228
178
  * @group expand
229
179
  */
230
180
  accessor stripEmptyExpandableChildren: boolean;
231
181
  /**
232
- * @required false
233
- * @default false
234
- * @description 初始时,是否展开所有行
182
+ * 初始时,是否展开所有行
235
183
  * @group expand
236
184
  */
237
185
  accessor defaultExpandAllRows: boolean | undefined;
238
186
  /**
239
- * @required false
240
- * @default false
241
- * @description 是否显示省略信息
187
+ * 是否显示省略信息
242
188
  * @group basic
243
189
  */
244
190
  accessor ellipsisInfo: boolean | undefined;
245
191
  /**
246
- * @required false
247
- * @default -
248
- * @description 展开的行的 rowKey
192
+ * 展开的行的 rowKey
249
193
  * @group expand
250
194
  */
251
195
  accessor expandedRowKeys: string[] | undefined;
252
196
  /**
253
- * @required false
254
- * @default false
255
- * @description 表格树形数据展示的时候,行选择父节点的时候是否同步勾选/取消勾选所有子节点,并且被同步勾选的子节点不能单独取消。注意,该属性必须设置 `rowKey` 属性。
197
+ * 表格树形数据展示的时候,行选择父节点的时候是否同步勾选/取消勾选所有子节点,并且被同步勾选的子节点不能单独取消。注意,该属性必须设置 `rowKey` 属性。
256
198
  * @group expand
257
199
  */
258
200
  accessor selectAllChildren: boolean | undefined;
259
201
  /**
260
- * @required false
261
- * @default false
262
- * @description 是否默认选择所有行。注意,该属性必须设置 `rowKey` 属性。
202
+ * 是否默认选择所有行。注意,该属性必须设置 `rowKey` 属性。
263
203
  * @group expand
264
204
  */
265
205
  accessor defaultSelectAll: boolean | undefined;
266
206
  private _disabledChildrenKeys;
267
207
  /**
268
- * @required false
208
+ * 指定树形结构的列名
269
209
  * @default children
270
- * @description 指定树形结构的列名
271
210
  * @group expand
272
211
  */
273
212
  accessor childrenColumnName: string;
274
213
  /**
275
- * @required false
214
+ * 是否支持排序。默认开启,当对应列的sorter设置成true时则可排序。sortable为false时则排序都不生效。
276
215
  * @default true
277
- * @description 是否支持排序。默认开启,当对应列的sorter设置成true时则可排序。sortable为false时则排序都不生效。
278
216
  * @group paginationAndFilter
279
217
  */
280
218
  accessor sortable: boolean;
281
219
  /**
282
- * @kind object
283
- * @required false
284
- * @default -
285
- * @description 设置相关字段取自哪里,具体描述见下表
220
+ * 设置相关字段取自哪里,具体描述见下表
286
221
  * @group advanced
287
222
  */
288
223
  set fields(value: any);
289
224
  /**
290
- * @required false
291
- * @default false
292
- * @description 是否前端进行搜索,配合`presentational-bricks.brick-input`使用
225
+ * 是否前端进行搜索,配合`presentational-bricks.brick-input`使用
293
226
  * @group paginationAndFilter
294
227
  */
295
228
  accessor frontSearch: boolean | undefined;
296
229
  /**
297
- * @required false
298
- * @default -
299
- * @description 前端搜索参数
230
+ * 前端搜索参数
300
231
  * @group paginationAndFilter
301
232
  */
302
233
  accessor frontSearchQuery: string;
303
234
  /**
304
- * @required false
305
- * @default false
306
- * @description 是否精确搜索
235
+ * 是否精确搜索
307
236
  * @group paginationAndFilter
308
237
  */
309
238
  accessor exactSearch: boolean | undefined;
310
239
  /**
311
- * @required false
312
- * @default -
313
- * @description 进行前端搜索的字段,支持嵌套的写法如["name","value.a"],不配置的时候默认为对所有 columns 的 dataIndex[]进行前端搜索
240
+ * 进行前端搜索的字段,支持嵌套的写法如["name","value.a"],不配置的时候默认为对所有 columns 的 dataIndex[]进行前端搜索
314
241
  * @group paginationAndFilter
315
242
  */
316
243
  accessor frontSearchFilterKeys: string[] | undefined;
317
244
  /**
318
- * @required false
319
- * @default -
320
- * @description 页码。后台搜索的时候一般不需要配置,列表接口返回格式通常为{list:[],page:1,pageSize:10,total:20},即默认取自 page;前台搜索的时候,一般配置成 "${query.page=1|number}"
245
+ * 页码。后台搜索的时候一般不需要配置,列表接口返回格式通常为{list:[],page:1,pageSize:10,total:20},即默认取自 page;前台搜索的时候,一般配置成 "${query.page=1|number}"
321
246
  * @group paginationAndFilter
322
247
  */
323
248
  accessor page: number | undefined;
324
249
  /**
325
- * @required false
326
- * @default -
327
- * @description 页码条数。后台搜索的时候一般不需要配置,列表接口返回格式通常为{list:[],page:1,pageSize:10,total:20},即默认取自 pageSize/page_size;前台搜索的时候,一般配置成 "${query.pageSize=10|number}"
250
+ * 页码条数。后台搜索的时候一般不需要配置,列表接口返回格式通常为{list:[],page:1,pageSize:10,total:20},即默认取自 pageSize/page_size;前台搜索的时候,一般配置成 "${query.pageSize=10|number}"
328
251
  * @group paginationAndFilter
329
252
  */
330
253
  accessor pageSize: number | undefined;
@@ -335,100 +258,78 @@ declare class TableComponent extends ReactNextElement {
335
258
  * } & {
336
259
  * scrollToFirstRowOnChange?: boolean;
337
260
  * }
261
+ * 表格是否可滚动,也可以指定滚动区域的宽、高,配置项。详见 [scroll](https://ant.design/components/table-cn/#scroll)
338
262
  * @required false
339
263
  * @default { x: true }
340
- * @description 表格是否可滚动,也可以指定滚动区域的宽、高,配置项。详见 [scroll](https://ant.design/components/table-cn/#scroll)
341
264
  * @group other
342
265
  */
343
266
  accessor scrollConfigs: TableProps<unknown>["scroll"];
344
267
  /**
345
- * @required false
268
+ * 把过滤条件更新到 url 时的字段名
346
269
  * @default "q"
347
- * @description 把过滤条件更新到 url 时的字段名
348
270
  * @group paginationAndFilter
349
271
  */
350
272
  accessor qField: string;
351
273
  /**
352
- * @required false
353
- * @default false
354
- * @description 表格行是否可拖拽,注意,树形数据的表格不支持该功能
274
+ * 表格行是否可拖拽,注意,树形数据的表格不支持该功能
355
275
  * @group basic
356
276
  */
357
277
  accessor tableDraggable: boolean | undefined;
358
278
  /**
359
- * @required false
360
- * @default false
361
- * @description 是否展示斑马纹
279
+ * 是否展示斑马纹
362
280
  * @group ui
363
281
  */
364
282
  accessor zebraPattern: boolean | undefined;
365
283
  /**
366
- * @required false
367
- * @default false
368
- * @description 翻页时是否记住之前选中的项。注意,选中项的rowKey将保存在url中,如果不设置rowKey,该设置不生效。如果选择太多可能会造成url过长,请谨慎使用
284
+ * 翻页时是否记住之前选中的项。注意,选中项的rowKey将保存在url中,如果不设置rowKey,该设置不生效。如果选择太多可能会造成url过长,请谨慎使用
369
285
  * @group other
370
286
  */
371
287
  accessor storeCheckedByUrl: boolean | undefined;
372
288
  /**
373
- * @required false
374
- * @default -
375
- * @description 额外的行,通常为跨页勾选时,不在当前页的行
289
+ * 额外的行,通常为跨页勾选时,不在当前页的行
376
290
  * @group other
377
291
  */
378
292
  accessor extraRows: Record<string, unknown>[];
379
293
  /**
380
- * @required false
381
- * @default false
382
- * @description 当所有子节点选中时,自动选中父节点
294
+ * 当所有子节点选中时,自动选中父节点
383
295
  * @group expand
384
296
  */
385
297
  accessor autoSelectParentWhenAllChildrenSelected: boolean | undefined;
386
298
  /**
387
- * @required -
388
- * @default -
389
- * @description 表格表头是否透明
299
+ * 表格表头是否透明
390
300
  * @group ui
391
301
  */
392
302
  accessor thTransparent: boolean | undefined;
393
303
  /**
394
- * @required false
304
+ * 是否显示表头
395
305
  * @default true
396
- * @description 是否显示表头
397
306
  * @group ui
398
307
  */
399
308
  accessor showHeader: boolean;
400
309
  /**
401
- * @required false
402
- * @default -
403
- * @description 是否显示分页
310
+ * 是否显示分页
404
311
  * @group paginationAndFilter
405
312
  */
406
313
  accessor pagination: false | TablePaginationConfig | undefined;
407
314
  /**
408
- * @required false
409
- * @default -
410
- * @description 表格大小(antd原生size)
315
+ * 表格大小(antd原生size)
411
316
  * @group ui
412
317
  */
413
318
  accessor size: SizeType;
414
319
  /**
415
- * @required false
416
- * @default -
417
- * @description 选框类型(单选/多选)
320
+ * 选框类型(单选/多选)
418
321
  * @group rowSelection
419
322
  */
420
323
  accessor type: RowSelectionType | undefined;
421
324
  /**
422
- * @required false
325
+ * 是否更新 url 参数。设置为否之后,如果是后台进行分页/排序等功能,则需要结合事件进行编排。如果是前台进行分页/排序,则不需要。
423
326
  * @default true
424
- * @description 是否更新 url 参数。设置为否之后,如果是后台进行分页/排序等功能,则需要结合事件进行编排。如果是前台进行分页/排序,则不需要。
425
327
  * @group other
426
328
  */
427
329
  accessor shouldUpdateUrlParams: boolean;
428
330
  /**
429
- * @required false
331
+ * 更新 url 参数时是否触发页面重新渲染。仅在`shouldUpdateUrlParams`为true时有效。
430
332
  * @default true
431
- * @description 更新 url 参数时是否触发页面重新渲染。仅在`shouldUpdateUrlParams`为true时有效。
432
333
  * @group other
433
334
  */
434
335
  accessor shouldRenderWhenUrlParamsUpdate: boolean;
@@ -447,9 +348,8 @@ declare class TableComponent extends ReactNextElement {
447
348
  private _selectUpdateEventDetailExtra;
448
349
  private _fields;
449
350
  /**
351
+ * 指定选中项的 key 数组
450
352
  * @default []
451
- * @required false
452
- * @description 指定选中项的 key 数组
453
353
  * @group rowSelection
454
354
  */
455
355
  accessor selectedRowKeys: React.Key[];
@@ -459,7 +359,7 @@ declare class TableComponent extends ReactNextElement {
459
359
  private _allChildren;
460
360
  private _isInSelect;
461
361
  /**
462
- * @description 搜索过滤
362
+ * 搜索过滤
463
363
  */
464
364
  filterSourceData(event: CustomEvent): void;
465
365
  handleFrontendDataChange(data?: Record<string, any>[], columns?: CustomColumn[]): Record<string, any>[];
@@ -481,7 +381,7 @@ declare class TableComponent extends ReactNextElement {
481
381
  private _handleOnExpandedRowsChange;
482
382
  private _handleOnDrag;
483
383
  /**
484
- * @description 展开所有行
384
+ * 展开所有行
485
385
  */
486
386
  expandAll(): void;
487
387
  getModifyColumns(): CustomColumn[];