@pisell/materials 1.0.165 → 1.0.166

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.
@@ -1,11 +1,11 @@
1
- import snippets from './snippets';
2
- import button from '../button/meta';
1
+ import snippets from "./snippets";
2
+ import button from "../button/meta";
3
3
 
4
4
  export default {
5
5
  snippets,
6
- componentName: 'Table',
7
- title: '表格',
8
- category: '数据展示',
6
+ componentName: "Table",
7
+ title: "表格",
8
+ category: "数据展示",
9
9
  docUrl: "",
10
10
  screenshot: "",
11
11
  devMode: "proCode",
@@ -19,394 +19,393 @@ export default {
19
19
  },
20
20
  props: [
21
21
  {
22
- title: '数据源',
23
- display: 'block',
24
- type: 'group',
22
+ title: "数据源",
23
+ display: "block",
24
+ type: "group",
25
25
  items: [
26
26
  {
27
- name: 'dataSource',
28
- title: { label: '表格数据', tip: 'dataSource | 表格数据' },
29
- propType: 'object',
30
- setter: 'JsonSetter',
27
+ name: "dataSource",
28
+ title: { label: "表格数据", tip: "dataSource | 表格数据" },
29
+ propType: "object",
30
+ setter: "JsonSetter",
31
31
  supportVariable: true,
32
32
  },
33
33
  {
34
- name: 'loading',
35
- title: { label: '加载中', tip: 'loading | 是否加载中' },
36
- propType: 'bool',
37
- setter: 'BoolSetter',
34
+ name: "loading",
35
+ title: { label: "加载中", tip: "loading | 是否加载中" },
36
+ propType: "bool",
37
+ setter: "BoolSetter",
38
38
  defaultValue: false,
39
39
  supportVariable: true,
40
40
  },
41
41
  {
42
- name: 'rowKey',
42
+ name: "rowKey",
43
43
  title: {
44
- label: '行Key',
45
- tip: 'rowKey | 表格行 key 的取值,可以是字符串或一个函数',
44
+ label: "行Key",
45
+ tip: "rowKey | 表格行 key 的取值,可以是字符串或一个函数",
46
46
  },
47
- propType: { type: 'oneOfType', value: ['string', 'func'] },
47
+ propType: { type: "oneOfType", value: ["string", "func"] },
48
48
  setter: [
49
- 'StringSetter',
49
+ "StringSetter",
50
50
  {
51
- componentName: 'FunctionSetter',
51
+ componentName: "FunctionSetter",
52
52
  props: {
53
53
  template:
54
- 'getRowKey(record,index,${extParams}){\n// 通过函数获取表格行 key\nreturn record.id;\n}',
54
+ "getRowKey(record,index,${extParams}){\n// 通过函数获取表格行 key\nreturn record.id;\n}",
55
55
  },
56
56
  },
57
- 'VariableSetter',
57
+ "VariableSetter",
58
58
  ],
59
- defaultValue: 'id',
59
+ defaultValue: "id",
60
60
  },
61
61
  ],
62
62
  },
63
63
  {
64
- name: 'columns',
65
- title: { label: '表格列', tip: '表格列的配置描述,具体项见下表' },
64
+ name: "columns",
65
+ title: { label: "表格列", tip: "表格列的配置描述,具体项见下表" },
66
66
  setter: {
67
- componentName: 'ArraySetter',
67
+ componentName: "ArraySetter",
68
68
  props: {
69
69
  itemSetter: {
70
- componentName: 'ObjectSetter',
70
+ componentName: "ObjectSetter",
71
71
  props: {
72
72
  config: {
73
73
  items: [
74
74
  {
75
- name: 'title',
76
- title: { label: '列标题', tip: 'title | 列标题' },
77
- propType: { type: 'oneOfType', value: ['string', 'func'] },
75
+ name: "title",
76
+ title: { label: "列标题", tip: "title | 列标题" },
77
+ propType: { type: "oneOfType", value: ["string", "func"] },
78
78
  setter: [
79
- 'PisellI18nSetter',
79
+ "PisellI18nSetter",
80
80
  {
81
- componentName: 'SlotSetter',
82
- title: '列标题插槽',
81
+ componentName: "SlotSetter",
82
+ title: "列标题插槽",
83
83
  initialValue: {
84
- type: 'JSSlot',
85
- params: ['options'],
84
+ type: "JSSlot",
85
+ params: ["options"],
86
86
  value: [],
87
87
  },
88
88
  },
89
89
  ],
90
90
  },
91
91
  {
92
- name: 'dataIndex',
93
- title: { label: '数据字段', tip: 'dataIndex | 数据字段' },
94
- propType: 'string',
95
- setter: 'StringSetter',
92
+ name: "dataIndex",
93
+ title: { label: "数据字段", tip: "dataIndex | 数据字段" },
94
+ propType: "string",
95
+ setter: "StringSetter",
96
96
  isRequired: true,
97
97
  },
98
98
  {
99
- name: 'key',
100
- title: { label: 'React key', tip: 'key | React需要的key' },
101
- propType: 'string',
102
- setter: 'StringSetter',
99
+ name: "key",
100
+ title: { label: "React key", tip: "key | React需要的key" },
101
+ propType: "string",
102
+ setter: "StringSetter",
103
103
  isRequired: true,
104
104
  },
105
105
  {
106
- name: 'align',
107
- title: { label: '对齐方式', tip: 'align | 对齐方式' },
106
+ name: "align",
107
+ title: { label: "对齐方式", tip: "align | 对齐方式" },
108
108
  propType: {
109
- type: 'oneOf',
110
- value: ['left', 'right', 'center'],
109
+ type: "oneOf",
110
+ value: ["left", "right", "center"],
111
111
  },
112
- defaultValue: 'left',
112
+ defaultValue: "left",
113
113
  setter: [
114
114
  {
115
- componentName: 'RadioGroupSetter',
115
+ componentName: "RadioGroupSetter",
116
116
  props: {
117
117
  options: [
118
118
  {
119
- title: 'left',
120
- value: 'left',
119
+ title: "left",
120
+ value: "left",
121
121
  },
122
122
  {
123
- title: 'right',
124
- value: 'right',
123
+ title: "right",
124
+ value: "right",
125
125
  },
126
126
  {
127
- title: 'center',
128
- value: 'center',
127
+ title: "center",
128
+ value: "center",
129
129
  },
130
130
  ],
131
131
  },
132
132
  },
133
- 'VariableSetter',
133
+ "VariableSetter",
134
134
  ],
135
135
  },
136
136
  {
137
- name: 'fixed',
138
- title: { label: '列是否固定', tip: 'fixed | 列是否固定' },
139
- description: '(IE 下无效)列是否固定,可选 true (等效于 left) left right',
140
- defaultValue: '',
137
+ name: "fixed",
138
+ title: { label: "列是否固定", tip: "fixed | 列是否固定" },
139
+ description:
140
+ "(IE 下无效)列是否固定,可选 true (等效于 left) left right",
141
+ defaultValue: "",
141
142
  propType: {
142
- type: 'oneOf',
143
- value: ['', 'left', 'right'],
143
+ type: "oneOf",
144
+ value: ["", "left", "right"],
144
145
  },
145
146
  setter: [
146
147
  {
147
- componentName: 'RadioGroupSetter',
148
+ componentName: "RadioGroupSetter",
148
149
  props: {
149
150
  options: [
150
151
  {
151
- title: '不固定',
152
- value: '',
152
+ title: "不固定",
153
+ value: "",
153
154
  },
154
155
  {
155
- title: '固定在左侧',
156
- value: 'left',
156
+ title: "固定在左侧",
157
+ value: "left",
157
158
  },
158
159
  {
159
- title: '固定在右侧',
160
- value: 'right',
160
+ title: "固定在右侧",
161
+ value: "right",
161
162
  },
162
163
  ],
163
164
  },
164
165
  },
165
- 'VariableSetter',
166
+ "VariableSetter",
166
167
  ],
167
168
  },
168
169
  {
169
- name: 'className',
170
+ name: "className",
170
171
  title: {
171
- label: '列样式类名',
172
- tip: 'className | 列样式类名',
172
+ label: "列样式类名",
173
+ tip: "className | 列样式类名",
173
174
  },
174
- propType: 'string',
175
- setter: 'StringSetter',
175
+ propType: "string",
176
+ setter: "StringSetter",
176
177
  },
177
178
  {
178
- name: 'width',
179
- title: { label: '宽度', tip: 'width | 宽度' },
179
+ name: "width",
180
+ title: { label: "宽度", tip: "width | 宽度" },
180
181
  propType: {
181
- type: 'oneOfType',
182
- value: ['number', 'string'],
182
+ type: "oneOfType",
183
+ value: ["number", "string"],
183
184
  },
184
- setter: ['NumberSetter', 'StringSetter', 'VariableSetter'],
185
+ setter: ["NumberSetter", "StringSetter", "VariableSetter"],
185
186
  },
186
187
  {
187
- name: 'sorter',
188
+ name: "sorter",
188
189
  title: {
189
- label: '排序规则',
190
- tip: 'sorter | 排序函数,本地排序使用一个函数,需要服务端排序可设为 true',
190
+ label: "排序规则",
191
+ tip: "sorter | 排序函数,本地排序使用一个函数,需要服务端排序可设为 true",
191
192
  },
192
- propType: { type: 'oneOfType', value: ['bool', 'func'] },
193
- setter: ['BoolSetter', 'FunctionSetter', 'VariableSetter'],
193
+ propType: { type: "oneOfType", value: ["bool", "func"] },
194
+ setter: ["BoolSetter", "FunctionSetter", "VariableSetter"],
194
195
  },
195
196
  {
196
- name: 'defaultFilters',
197
+ name: "defaultFilters",
197
198
  title: {
198
- label: '默认筛选',
199
- tip: 'defaultFilters | 是否开启默认筛选',
199
+ label: "默认筛选",
200
+ tip: "defaultFilters | 是否开启默认筛选",
200
201
  },
201
- propType: 'bool',
202
- setter: 'BoolSetter',
202
+ propType: "bool",
203
+ setter: "BoolSetter",
203
204
  },
204
205
  {
205
- name: 'hidden',
206
+ name: "hidden",
206
207
  title: {
207
- label: '是否隐藏',
208
- tip: 'hidden | 是否隐藏当前列',
208
+ label: "是否隐藏",
209
+ tip: "hidden | 是否隐藏当前列",
209
210
  },
210
- propType: 'bool',
211
- setter: 'BoolSetter',
211
+ propType: "bool",
212
+ setter: "BoolSetter",
212
213
  },
213
214
  {
214
- name: 'filters',
215
+ name: "filters",
215
216
  title: {
216
- label: '筛选菜单项',
217
- tip: 'filters | 表头的筛选菜单项',
217
+ label: "筛选菜单项",
218
+ tip: "filters | 表头的筛选菜单项",
218
219
  },
219
- propType: 'object',
220
- setter: 'JsonSetter',
220
+ propType: "object",
221
+ setter: "JsonSetter",
221
222
  },
222
223
  {
223
- name: 'other',
224
+ name: "other",
224
225
  title: {
225
- label: '其他拓展属性',
226
- tip: '其他拓展属性',
226
+ label: "其他拓展属性",
227
+ tip: "其他拓展属性",
227
228
  },
228
- propType: 'object',
229
- setter: 'JsonSetter',
229
+ propType: "object",
230
+ setter: "JsonSetter",
230
231
  },
231
232
  {
232
- name: 'field_type',
233
- title: { label: '字段类型', tip: '所筛选的字段类型' },
234
- propType: 'string',
233
+ name: "field_type",
234
+ title: { label: "字段类型", tip: "所筛选的字段类型" },
235
+ propType: "string",
235
236
  setter: {
236
- componentName: 'SelectSetter',
237
+ componentName: "SelectSetter",
237
238
  mode: "single",
238
239
  defaultValue: "text",
239
240
  props: {
240
241
  options: [
241
242
  {
242
- title: '文本',
243
- value: 'text',
243
+ title: "文本",
244
+ value: "text",
244
245
  },
245
246
  {
246
- title: '单选',
247
- value: 'select',
247
+ title: "单选",
248
+ value: "select",
248
249
  },
249
250
  {
250
- title: '数字',
251
- value: 'number',
251
+ title: "数字",
252
+ value: "number",
252
253
  },
253
254
  {
254
- title: '日期',
255
- value: 'date',
255
+ title: "日期",
256
+ value: "date",
256
257
  },
257
258
  {
258
- title: '链接',
259
- value: 'link',
259
+ title: "链接",
260
+ value: "link",
260
261
  },
261
-
262
262
  ],
263
263
  },
264
264
  },
265
265
  },
266
266
  {
267
- name: 'render',
267
+ name: "render",
268
268
  title: {
269
- label: '自定义渲染',
270
- tip:
271
- 'render | 插槽内的物料表达式可通过this.record获取当前行数据,this.index获取索引',
269
+ label: "自定义渲染",
270
+ tip: "render | 插槽内的物料表达式可通过this.record获取当前行数据,this.index获取索引",
272
271
  },
273
- propType: 'func',
272
+ propType: "func",
274
273
  setter: [
275
274
  {
276
- componentName: 'SlotSetter',
277
- title: '单元格插槽',
275
+ componentName: "SlotSetter",
276
+ title: "单元格插槽",
278
277
  initialValue: {
279
- type: 'JSSlot',
280
- params: ['text', 'record', 'index'],
278
+ type: "JSSlot",
279
+ params: ["text", "record", "index"],
281
280
  value: [],
282
281
  },
283
282
  },
284
- 'VariableSetter',
283
+ "VariableSetter",
285
284
  ],
286
285
  },
287
286
  {
288
- name: 'action',
289
- title: { label: 'Action', tip: 'Action' },
290
- propType: 'string',
291
- setter: 'StringSetter',
287
+ name: "action",
288
+ title: { label: "Action", tip: "Action" },
289
+ propType: "string",
290
+ setter: "StringSetter",
292
291
  },
293
292
  {
294
- name: 'contentClassName',
293
+ name: "contentClassName",
295
294
  title: {
296
- label: '内容样式类名',
297
- tip: '内容样式类名',
295
+ label: "内容样式类名",
296
+ tip: "内容样式类名",
298
297
  },
299
- propType: 'string',
300
- setter: 'StringSetter',
298
+ propType: "string",
299
+ setter: "StringSetter",
301
300
  },
302
301
  ],
303
302
  },
304
303
  },
305
- initialValue: { title: '标题' },
304
+ initialValue: { title: "标题" },
306
305
  },
307
306
  },
308
307
  },
309
308
  },
310
309
  {
311
- title: '外观',
312
- display: 'block',
313
- type: 'group',
310
+ title: "外观",
311
+ display: "block",
312
+ type: "group",
314
313
  items: [
315
314
  {
316
- name: 'showHeader',
317
- title: { label: '显示表头', tip: 'showHeader | 是否显示表头' },
318
- propType: 'bool',
319
- setter: 'BoolSetter',
315
+ name: "showHeader",
316
+ title: { label: "显示表头", tip: "showHeader | 是否显示表头" },
317
+ propType: "bool",
318
+ setter: "BoolSetter",
320
319
  defaultValue: true,
321
320
  },
322
321
  {
323
- name: 'bordered',
322
+ name: "bordered",
324
323
  title: {
325
- label: '显示边框',
326
- tip: 'bordered | 是否展示外边框和列边框',
324
+ label: "显示边框",
325
+ tip: "bordered | 是否展示外边框和列边框",
327
326
  },
328
- propType: 'bool',
329
- setter: 'BoolSetter',
327
+ propType: "bool",
328
+ setter: "BoolSetter",
330
329
  defaultValue: true,
331
330
  },
332
331
  {
333
- name: 'size',
334
- title: { label: '表格大小', tip: 'size | 表格大小' },
332
+ name: "size",
333
+ title: { label: "表格大小", tip: "size | 表格大小" },
335
334
  propType: {
336
- type: 'oneOf',
337
- value: ['default', 'middle', 'small'],
335
+ type: "oneOf",
336
+ value: ["default", "middle", "small"],
338
337
  },
339
338
  setter: [
340
339
  {
341
- componentName: 'RadioGroupSetter',
340
+ componentName: "RadioGroupSetter",
342
341
  props: {
343
342
  options: [
344
343
  {
345
- title: '默认',
346
- value: 'default',
344
+ title: "默认",
345
+ value: "default",
347
346
  },
348
347
  {
349
- title: '',
350
- value: 'middle',
348
+ title: "",
349
+ value: "middle",
351
350
  },
352
351
  {
353
- title: '',
354
- value: 'small',
352
+ title: "",
353
+ value: "small",
355
354
  },
356
355
  ],
357
356
  },
358
357
  },
359
- 'VariableSetter',
358
+ "VariableSetter",
360
359
  ],
361
- defaultValue: 'default',
360
+ defaultValue: "default",
362
361
  },
363
362
  {
364
- name: 'tableLayout',
365
- title: { label: '表格布局', tip: 'tableLayout | 表格布局' },
366
- defaultValue: '',
363
+ name: "tableLayout",
364
+ title: { label: "表格布局", tip: "tableLayout | 表格布局" },
365
+ defaultValue: "",
367
366
  propType: {
368
- type: 'oneOf',
369
- value: ['', 'auto', 'fixed'],
367
+ type: "oneOf",
368
+ value: ["", "auto", "fixed"],
370
369
  },
371
370
  setter: [
372
371
  {
373
- componentName: 'RadioGroupSetter',
372
+ componentName: "RadioGroupSetter",
374
373
  props: {
375
374
  options: [
376
375
  {
377
- title: '默认',
378
- value: '',
376
+ title: "默认",
377
+ value: "",
379
378
  },
380
379
  {
381
- title: '自动',
382
- value: 'auto',
380
+ title: "自动",
381
+ value: "auto",
383
382
  },
384
383
  {
385
- title: '固定',
386
- value: 'fixed',
384
+ title: "固定",
385
+ value: "fixed",
387
386
  },
388
387
  ],
389
388
  },
390
389
  },
391
- 'VariableSetter',
390
+ "VariableSetter",
392
391
  ],
393
392
  },
394
393
  ],
395
394
  },
396
395
  {
397
- title: '分页',
398
- display: 'block',
399
- type: 'group',
396
+ title: "分页",
397
+ display: "block",
398
+ type: "group",
400
399
  items: [
401
400
  {
402
- name: 'pagination',
403
- title: { label: '显示分页', tip: 'pagination | 显示分页' },
404
- propType: 'object',
405
- setter: 'BoolSetter',
401
+ name: "pagination",
402
+ title: { label: "显示分页", tip: "pagination | 显示分页" },
403
+ propType: "object",
404
+ setter: "BoolSetter",
406
405
  extraProps: {
407
406
  setValue: (target, value) => {
408
407
  if (value) {
409
- target.parent.setPropValue('pagination', {
408
+ target.parent.setPropValue("pagination", {
410
409
  pageSize: 10,
411
410
  });
412
411
  }
@@ -414,645 +413,843 @@ export default {
414
413
  },
415
414
  },
416
415
  {
417
- name: 'pagination.pageSize',
418
- title: { label: '每页条数', tip: 'pagination.pageSize | 每页条数' },
419
- propType: 'number',
420
- setter: 'NumberSetter',
416
+ name: "pagination.pageSize",
417
+ title: { label: "每页条数", tip: "pagination.pageSize | 每页条数" },
418
+ propType: "number",
419
+ setter: "NumberSetter",
421
420
  condition: {
422
- type: 'JSFunction',
421
+ type: "JSFunction",
423
422
  value: 'target => !!target.getProps().getPropValue("pagination")',
424
423
  },
425
424
  },
426
425
  {
427
- name: 'pagination.total',
428
- title: { label: '数据总数', tip: 'pagination.total | 数据总数' },
429
- propType: 'number',
430
- setter: 'NumberSetter',
426
+ name: "pagination.total",
427
+ title: { label: "数据总数", tip: "pagination.total | 数据总数" },
428
+ propType: "number",
429
+ setter: "NumberSetter",
431
430
  condition: {
432
- type: 'JSFunction',
431
+ type: "JSFunction",
433
432
  value: 'target => !!target.getProps().getPropValue("pagination")',
434
433
  },
435
434
  },
436
435
  {
437
- name: 'pagination.defaultCurrent',
436
+ name: "pagination.defaultCurrent",
438
437
  title: {
439
- label: '默认当前页',
440
- tip: 'pagination.defaultCurrent | 默认的当前页数',
438
+ label: "默认当前页",
439
+ tip: "pagination.defaultCurrent | 默认的当前页数",
441
440
  },
442
- propType: 'number',
443
- setter: 'NumberSetter',
441
+ propType: "number",
442
+ setter: "NumberSetter",
444
443
  condition: {
445
- type: 'JSFunction',
444
+ type: "JSFunction",
446
445
  value: 'target => !!target.getProps().getPropValue("pagination")',
447
446
  },
448
447
  },
449
448
  {
450
- name: 'pagination.current',
451
- title: { label: '当前页数', tip: 'pagination.current | 当前页数' },
452
- propType: 'number',
453
- setter: 'NumberSetter',
449
+ name: "pagination.current",
450
+ title: { label: "当前页数", tip: "pagination.current | 当前页数" },
451
+ propType: "number",
452
+ setter: "NumberSetter",
454
453
  condition: {
455
- type: 'JSFunction',
454
+ type: "JSFunction",
456
455
  value: 'target => !!target.getProps().getPropValue("pagination")',
457
456
  },
458
457
  },
459
458
  {
460
- name: 'pagination.showTotal',
459
+ name: "pagination.showTotal",
461
460
  title: {
462
- label: '显示总数',
463
- tip: 'pagination.showTotal | 用于显示数据总量和当前数据顺序',
461
+ label: "显示总数",
462
+ tip: "pagination.showTotal | 用于显示数据总量和当前数据顺序",
464
463
  },
465
- propType: 'func',
464
+ propType: "func",
466
465
  setter: [
467
466
  {
468
- componentName: 'FunctionSetter',
467
+ componentName: "FunctionSetter",
469
468
  props: {
470
469
  template:
471
- 'showTotal(total,range,${extParams}){\n// 用于格式化显示表格数据总量\nreturn `共 ${total} 条`;\n}',
470
+ "showTotal(total,range,${extParams}){\n// 用于格式化显示表格数据总量\nreturn `共 ${total} 条`;\n}",
472
471
  },
473
472
  },
474
- 'VariableSetter',
473
+ "VariableSetter",
475
474
  ],
476
475
  condition: {
477
- type: 'JSFunction',
476
+ type: "JSFunction",
478
477
  value: 'target => !!target.getProps().getPropValue("pagination")',
479
478
  },
480
479
  },
481
480
  {
482
- name: 'pagination.showSizeChanger',
481
+ name: "pagination.showSizeChanger",
483
482
  title: {
484
- label: '页数切换',
485
- tip: 'pagination.showSizeChanger | 是否展示 pageSize 切换器',
483
+ label: "页数切换",
484
+ tip: "pagination.showSizeChanger | 是否展示 pageSize 切换器",
486
485
  },
487
- propType: 'bool',
488
- setter: 'BoolSetter',
486
+ propType: "bool",
487
+ setter: "BoolSetter",
489
488
  defaultValue: false,
490
489
  condition: {
491
- type: 'JSFunction',
490
+ type: "JSFunction",
492
491
  value: 'target => !!target.getProps().getPropValue("pagination")',
493
492
  },
494
493
  },
495
494
  {
496
- name: 'pagination.localPagination',
495
+ name: "pagination.localPagination",
497
496
  title: {
498
- label: '前端分页',
499
- tip: 'pagination.localPagination | 是否前端分页开启后表头搜索和分页前端处理',
497
+ label: "前端分页",
498
+ tip: "pagination.localPagination | 是否前端分页开启后表头搜索和分页前端处理",
500
499
  },
501
- propType: 'bool',
502
- setter: 'BoolSetter',
500
+ propType: "bool",
501
+ setter: "BoolSetter",
503
502
  defaultValue: false,
504
503
  condition: {
505
- type: 'JSFunction',
504
+ type: "JSFunction",
506
505
  value: 'target => !!target.getProps().getPropValue("pagination")',
507
506
  },
508
507
  },
509
508
  {
510
- name: 'pagination.showQuickJumper',
509
+ name: "pagination.showQuickJumper",
511
510
  title: {
512
- label: '快速跳转',
513
- tip: 'pagination.showQuickJumper | 是否可以快速跳转至某页',
511
+ label: "快速跳转",
512
+ tip: "pagination.showQuickJumper | 是否可以快速跳转至某页",
514
513
  },
515
- propType: 'bool',
516
- setter: 'BoolSetter',
514
+ propType: "bool",
515
+ setter: "BoolSetter",
517
516
  defaultValue: false,
518
517
  condition: {
519
- type: 'JSFunction',
518
+ type: "JSFunction",
520
519
  value: 'target => !!target.getProps().getPropValue("pagination")',
521
520
  },
522
521
  },
523
522
  {
524
- name: 'pagination.simple',
525
- title: { label: '简单分页', tip: 'pagination.simple | 简单分页' },
526
- propType: 'bool',
527
- setter: 'BoolSetter',
523
+ name: "pagination.simple",
524
+ title: { label: "简单分页", tip: "pagination.simple | 简单分页" },
525
+ propType: "bool",
526
+ setter: "BoolSetter",
528
527
  defaultValue: false,
529
528
  condition: {
530
- type: 'JSFunction',
529
+ type: "JSFunction",
531
530
  value: 'target => !!target.getProps().getPropValue("pagination")',
532
531
  },
533
532
  },
534
533
  {
535
- name: 'pagination.size',
536
- title: { label: '分页尺寸', tip: 'pagination.size | 分页尺寸' },
534
+ name: "pagination.size",
535
+ title: { label: "分页尺寸", tip: "pagination.size | 分页尺寸" },
537
536
  propType: {
538
- type: 'oneOf',
539
- value: ['default', 'small'],
537
+ type: "oneOf",
538
+ value: ["default", "small"],
540
539
  },
541
540
  setter: [
542
541
  {
543
- componentName: 'RadioGroupSetter',
542
+ componentName: "RadioGroupSetter",
544
543
  props: {
545
544
  options: [
546
545
  {
547
- title: '默认',
548
- value: 'default',
546
+ title: "默认",
547
+ value: "default",
549
548
  },
550
549
  {
551
- title: '',
552
- value: 'small',
550
+ title: "",
551
+ value: "small",
553
552
  },
554
553
  ],
555
554
  },
556
555
  },
557
- 'VariableSetter',
556
+ "VariableSetter",
558
557
  ],
559
- defaultValue: 'default',
558
+ defaultValue: "default",
560
559
  condition: {
561
- type: 'JSFunction',
560
+ type: "JSFunction",
562
561
  value: 'target => !!target.getProps().getPropValue("pagination")',
563
562
  },
564
563
  },
565
564
  {
566
- name: 'pagination.position',
567
- title: { label: '分页位置', tip: 'pagination.position | 分页位置' },
565
+ name: "pagination.position",
566
+ title: { label: "分页位置", tip: "pagination.position | 分页位置" },
568
567
  setter: {
569
- componentName: 'ArraySetter',
568
+ componentName: "ArraySetter",
570
569
  props: {
571
570
  itemSetter: {
572
- componentName: 'SelectSetter',
571
+ componentName: "SelectSetter",
573
572
  props: {
574
573
  options: [
575
574
  {
576
- title: '上左',
577
- value: 'topLeft',
575
+ title: "上左",
576
+ value: "topLeft",
578
577
  },
579
578
  {
580
- title: '上中',
581
- value: 'topCenter',
579
+ title: "上中",
580
+ value: "topCenter",
582
581
  },
583
582
  {
584
- title: '上右',
585
- value: 'topRight',
583
+ title: "上右",
584
+ value: "topRight",
586
585
  },
587
586
  {
588
- title: '下左',
589
- value: 'bottomLeft',
587
+ title: "下左",
588
+ value: "bottomLeft",
590
589
  },
591
590
  {
592
- title: '下中',
593
- value: 'bottomCenter',
591
+ title: "下中",
592
+ value: "bottomCenter",
594
593
  },
595
594
  {
596
- title: '下右',
597
- value: 'bottomRight',
595
+ title: "下右",
596
+ value: "bottomRight",
598
597
  },
599
598
  ],
600
599
  },
601
- initialValue: 'bottomRight',
600
+ initialValue: "bottomRight",
602
601
  },
603
602
  },
604
603
  },
605
604
  condition: {
606
- type: 'JSFunction',
605
+ type: "JSFunction",
607
606
  value: 'target => !!target.getProps().getPropValue("pagination")',
608
607
  },
609
608
  },
610
609
  ],
611
610
  },
612
611
  {
613
- title: '滚动',
614
- display: 'block',
615
- type: 'group',
612
+ title: "滚动",
613
+ display: "block",
614
+ type: "group",
616
615
  items: [
617
616
  {
618
- name: 'scroll.scrollToFirstRowOnChange',
617
+ name: "scroll.scrollToFirstRowOnChange",
619
618
  title: {
620
- label: '自动滚动',
621
- tip: 'scroll.scrollToFirstRowOnChange | 是否自动滚动到表格顶部',
619
+ label: "自动滚动",
620
+ tip: "scroll.scrollToFirstRowOnChange | 是否自动滚动到表格顶部",
622
621
  },
623
- propType: 'bool',
624
- setter: 'BoolSetter',
622
+ propType: "bool",
623
+ setter: "BoolSetter",
625
624
  defaultValue: true,
626
625
  },
627
626
  {
628
- name: 'scroll.x',
627
+ name: "scroll.x",
629
628
  title: {
630
- label: '横向滚动',
631
- tip:
632
- 'scroll.x | 设置横向滚动,也可用于指定滚动区域的宽,可以设置为像素值,百分比,true 和 max-content',
629
+ label: "横向滚动",
630
+ tip: "scroll.x | 设置横向滚动,也可用于指定滚动区域的宽,可以设置为像素值,百分比,true 和 max-content",
633
631
  },
634
- propType: { type: 'oneOfType', value: ['number', 'bool'] },
635
- setter: ['NumberSetter', 'BoolSetter', 'VariableSetter'],
632
+ propType: { type: "oneOfType", value: ["number", "bool"] },
633
+ setter: ["NumberSetter", "BoolSetter", "VariableSetter"],
636
634
  },
637
635
  {
638
- name: 'scroll.y',
636
+ name: "scroll.y",
639
637
  title: {
640
- label: '纵向滚动',
641
- tip: 'scroll.y | 设置纵向滚动,也可用于指定滚动区域的高,可以设置为像素值',
638
+ label: "纵向滚动",
639
+ tip: "scroll.y | 设置纵向滚动,也可用于指定滚动区域的高,可以设置为像素值",
642
640
  },
643
- propType: 'number',
644
- setter: ['NumberSetter', 'VariableSetter'],
641
+ propType: "number",
642
+ setter: ["NumberSetter", "VariableSetter"],
645
643
  },
646
644
  ],
647
645
  },
648
646
  {
649
- title: '行选择器',
650
- display: 'block',
651
- type: 'group',
647
+ title: "行选择器",
648
+ display: "block",
649
+ type: "group",
652
650
  items: [
653
651
  {
654
- name: 'rowSelection',
655
- title: { label: '行选择', tip: 'rowSelection | 行选择' },
656
- propType: 'object',
657
- setter: 'BoolSetter',
652
+ name: "rowSelection",
653
+ title: { label: "行选择", tip: "rowSelection | 行选择" },
654
+ propType: "object",
655
+ setter: "BoolSetter",
658
656
  extraProps: {
659
657
  setValue: (target, value) => {
660
658
  if (value) {
661
- target.parent.setPropValue('rowSelection', {
662
- type: 'radio',
659
+ target.parent.setPropValue("rowSelection", {
660
+ type: "radio",
663
661
  });
664
662
  }
665
663
  },
666
664
  },
667
665
  },
668
666
  {
669
- name: 'rowSelection.type',
670
- title: { label: '行选择类型', tip: 'rowSelection.type | 多选/单选' },
667
+ name: "rowSelection.type",
668
+ title: { label: "行选择类型", tip: "rowSelection.type | 多选/单选" },
671
669
  propType: {
672
- type: 'oneOf',
673
- value: ['checkbox', 'radio'],
670
+ type: "oneOf",
671
+ value: ["checkbox", "radio"],
674
672
  },
675
673
  setter: [
676
674
  {
677
- componentName: 'RadioGroupSetter',
675
+ componentName: "RadioGroupSetter",
678
676
  props: {
679
677
  options: [
680
678
  {
681
- title: '多选',
682
- value: 'checkbox',
679
+ title: "多选",
680
+ value: "checkbox",
683
681
  },
684
682
  {
685
- title: '单选',
686
- value: 'radio',
683
+ title: "单选",
684
+ value: "radio",
687
685
  },
688
686
  ],
689
687
  },
690
688
  },
691
- 'VariableSetter',
689
+ "VariableSetter",
692
690
  ],
693
691
  condition: {
694
- type: 'JSFunction',
692
+ type: "JSFunction",
695
693
  value: 'target => !!target.getProps().getPropValue("rowSelection")',
696
694
  },
697
695
  },
698
696
  {
699
- name: 'rowSelection.fixed',
697
+ name: "rowSelection.fixed",
700
698
  title: {
701
- label: '固定左边',
702
- tip: 'rowSelection.fixed | 把选择框列固定在左边',
699
+ label: "固定左边",
700
+ tip: "rowSelection.fixed | 把选择框列固定在左边",
703
701
  },
704
- propType: 'bool',
705
- setter: 'BoolSetter',
702
+ propType: "bool",
703
+ setter: "BoolSetter",
706
704
  condition: {
707
- type: 'JSFunction',
705
+ type: "JSFunction",
708
706
  value: 'target => !!target.getProps().getPropValue("rowSelection")',
709
707
  },
710
708
  },
711
709
  {
712
- name: 'rowSelection.selectedRowKeys',
710
+ name: "rowSelection.selectedRowKeys",
713
711
  title: {
714
- label: '选中行Key',
715
- tip: 'rowSelection.selectedRowKeys | 指定选中项的 key 数组',
712
+ label: "选中行Key",
713
+ tip: "rowSelection.selectedRowKeys | 指定选中项的 key 数组",
716
714
  },
717
- propType: 'object',
718
- setter: 'JsonSetter',
715
+ propType: "object",
716
+ setter: "JsonSetter",
719
717
  condition: {
720
- type: 'JSFunction',
718
+ type: "JSFunction",
721
719
  value: 'target => !!target.getProps().getPropValue("rowSelection")',
722
720
  },
723
721
  },
724
722
  {
725
- name: 'rowSelection.preserveSelectedRowKeys',
726
- title: { label: '保留选项', tip: 'rowSelection.preserveSelectedRowKeys | 当数据被删除时仍然保留选项' },
727
- propType: 'bool',
728
- setter: 'BoolSetter',
723
+ name: "rowSelection.preserveSelectedRowKeys",
724
+ title: {
725
+ label: "保留选项",
726
+ tip: "rowSelection.preserveSelectedRowKeys | 当数据被删除时仍然保留选项",
727
+ },
728
+ propType: "bool",
729
+ setter: "BoolSetter",
729
730
  condition: {
730
- type: 'JSFunction',
731
+ type: "JSFunction",
731
732
  value: 'target => !!target.getProps().getPropValue("rowSelection")',
732
733
  },
733
734
  },
734
735
  {
735
- name: 'rowSelection.getCheckboxProps',
736
+ name: "rowSelection.getCheckboxProps",
736
737
  title: {
737
- label: '默认属性',
738
- tip: 'rowSelection.getCheckboxProps | 选择框的默认属性配置',
738
+ label: "默认属性",
739
+ tip: "rowSelection.getCheckboxProps | 选择框的默认属性配置",
739
740
  },
740
- propType: 'func',
741
+ propType: "func",
741
742
  setter: [
742
743
  {
743
- componentName: 'FunctionSetter',
744
+ componentName: "FunctionSetter",
744
745
  props: {
745
746
  template:
746
- 'getCheckboxProps(record,${extParams}){\n// 选择框的默认属性配置\nreturn { disabled: false };\n}',
747
+ "getCheckboxProps(record,${extParams}){\n// 选择框的默认属性配置\nreturn { disabled: false };\n}",
747
748
  },
748
749
  },
749
- 'VariableSetter',
750
+ "VariableSetter",
750
751
  ],
751
752
  condition: {
752
- type: 'JSFunction',
753
+ type: "JSFunction",
753
754
  value: 'target => !!target.getProps().getPropValue("rowSelection")',
754
755
  },
755
756
  },
756
757
  ],
757
758
  },
758
759
  {
759
- title: '行展开',
760
- display: 'block',
761
- type: 'group',
760
+ title: "行展开",
761
+ display: "block",
762
+ type: "group",
762
763
  items: [
763
764
  {
764
- name: 'expandable.expandedRowRender',
765
+ name: "expandable.expandedRowRender",
765
766
  title: {
766
- label: '展开行渲染',
767
- tip: 'expandable.expandedRowRender | 额外的展开行',
767
+ label: "展开行渲染",
768
+ tip: "expandable.expandedRowRender | 额外的展开行",
768
769
  },
769
- propType: 'func',
770
+ propType: "func",
770
771
  setter: [
771
772
  {
772
- componentName: 'SlotSetter',
773
- title: '展开行插槽',
773
+ componentName: "SlotSetter",
774
+ title: "展开行插槽",
774
775
  initialValue: {
775
- type: 'JSSlot',
776
- params: ['record', 'index', 'indent', 'expanded'],
776
+ type: "JSSlot",
777
+ params: ["record", "index", "indent", "expanded"],
777
778
  value: [],
778
779
  },
779
780
  },
780
781
  {
781
- componentName: 'FunctionSetter',
782
+ componentName: "FunctionSetter",
782
783
  props: {
783
784
  template:
784
- 'expandedRowRender(record,index,indent,expanded,${extParams}){\n// 展开行渲染\nreturn `${record.id}`}',
785
+ "expandedRowRender(record,index,indent,expanded,${extParams}){\n// 展开行渲染\nreturn `${record.id}`}",
785
786
  },
786
787
  },
787
- 'VariableSetter',
788
+ "VariableSetter",
788
789
  ],
789
790
  },
790
791
  {
791
- name: 'expandable.rowExpandable',
792
+ name: "expandable.rowExpandable",
792
793
  title: {
793
- label: '是否可展开',
794
- tip: 'expandable.rowExpandable | 行是否可展开',
794
+ label: "是否可展开",
795
+ tip: "expandable.rowExpandable | 行是否可展开",
795
796
  },
796
- propType: 'func',
797
+ propType: "func",
797
798
  setter: [
798
799
  {
799
- componentName: 'FunctionSetter',
800
+ componentName: "FunctionSetter",
800
801
  props: {
801
- template: 'rowExpandable(record,${extParams}){\n// 行是否可展开\nreturn true;\n}',
802
+ template:
803
+ "rowExpandable(record,${extParams}){\n// 行是否可展开\nreturn true;\n}",
802
804
  },
803
805
  },
804
- 'VariableSetter',
806
+ "VariableSetter",
805
807
  ],
806
808
  },
807
809
  ],
808
810
  },
809
811
  {
810
- title: '扩展',
811
- display: 'block',
812
- type: 'group',
812
+ title: "扩展",
813
+ display: "block",
814
+ type: "group",
813
815
  items: [
814
816
  {
815
- name: 'title',
816
- title: { label: '表格标题', tip: 'title | 表格标题' },
817
- propType: 'func',
817
+ name: "title",
818
+ title: { label: "表格标题", tip: "title | 表格标题" },
819
+ propType: "func",
818
820
  setter: [
819
821
  {
820
- componentName: 'SlotSetter',
821
- title: '表格标题插槽',
822
+ componentName: "SlotSetter",
823
+ title: "表格标题插槽",
822
824
  initialValue: {
823
- type: 'JSSlot',
824
- params: ['currentPageData'],
825
+ type: "JSSlot",
826
+ params: ["currentPageData"],
825
827
  value: [],
826
828
  },
827
829
  },
828
830
  {
829
- componentName: 'FunctionSetter',
831
+ componentName: "FunctionSetter",
830
832
  props: {
831
833
  template:
832
834
  'renderTitle(currentPageData,${extParams}){\n// 自定义渲染表格顶部\nreturn "表格顶部";\n}',
833
835
  },
834
836
  },
835
- 'VariableSetter',
837
+ "VariableSetter",
836
838
  ],
837
839
  },
838
840
  {
839
- name: 'summary',
840
- title: { label: '统计栏' },
841
- propType: 'func',
841
+ name: "summary",
842
+ title: { label: "统计栏" },
843
+ propType: "func",
842
844
  setter: [
843
845
  {
844
- componentName: 'SlotSetter',
845
- title: '统计栏插槽',
846
+ componentName: "SlotSetter",
847
+ title: "统计栏插槽",
846
848
  initialValue: {
847
- type: 'JSSlot',
848
- params: ['currentPageData'],
849
+ type: "JSSlot",
850
+ params: ["currentPageData"],
849
851
  value: [],
850
852
  },
851
853
  },
852
854
  ],
853
855
  },
854
856
  {
855
- name: 'onHeaderRow',
856
- title: { label: '头部行属性', tip: 'onHeaderRow | 设置头部行属性' },
857
- propType: 'func',
857
+ name: "onHeaderRow",
858
+ title: { label: "头部行属性", tip: "onHeaderRow | 设置头部行属性" },
859
+ propType: "func",
858
860
  setter: [
859
861
  {
860
- componentName: 'FunctionSetter',
862
+ componentName: "FunctionSetter",
861
863
  props: {
862
864
  template:
863
- 'onHeaderRow(columns,index,${extParams}){\n// 设置头部行属性\nreturn {onClick:()=>{}};\n}',
865
+ "onHeaderRow(columns,index,${extParams}){\n// 设置头部行属性\nreturn {onClick:()=>{}};\n}",
864
866
  },
865
867
  },
866
- 'VariableSetter',
868
+ "VariableSetter",
867
869
  ],
868
870
  },
869
871
  {
870
- name: 'onRow',
871
- title: { label: '行属性', tip: 'onRow | 设置行属性' },
872
- propType: 'func',
872
+ name: "onRow",
873
+ title: { label: "行属性", tip: "onRow | 设置行属性" },
874
+ propType: "func",
873
875
  setter: [
874
876
  {
875
- componentName: 'FunctionSetter',
877
+ componentName: "FunctionSetter",
876
878
  props: {
877
879
  template:
878
- 'onRow(record,index,${extParams}){\n// 设置行属性\nreturn {onClick:event=>{}};\n}',
880
+ "onRow(record,index,${extParams}){\n// 设置行属性\nreturn {onClick:event=>{}};\n}",
879
881
  },
880
882
  },
881
- 'VariableSetter',
883
+ "VariableSetter",
882
884
  ],
883
885
  },
884
886
  {
885
- name: 'rowClassName',
886
- title: { label: '行类名', tip: 'rowClassName | 表格行的类名' },
887
- propType: 'func',
887
+ name: "rowClassName",
888
+ title: { label: "行类名", tip: "rowClassName | 表格行的类名" },
889
+ propType: "func",
888
890
  setter: [
889
891
  {
890
- componentName: 'FunctionSetter',
892
+ componentName: "FunctionSetter",
891
893
  props: {
892
894
  template:
893
- 'rowClassName(record,index,${extParams}){\n// 表格行的类名\nreturn `className-${record.type}`;\n}',
895
+ "rowClassName(record,index,${extParams}){\n// 表格行的类名\nreturn `className-${record.type}`;\n}",
894
896
  },
895
897
  },
896
- 'VariableSetter',
898
+ "VariableSetter",
897
899
  ],
898
900
  },
899
901
  ],
900
902
  },
901
903
  {
902
- title: { label: '筛选项', tip: '表格的筛选项' },
903
- display: 'block',
904
- type: 'group',
904
+ title: { label: "列配置", tip: "表格的列配置" },
905
+ display: "block",
906
+ type: "group",
907
+ items: [
908
+ {
909
+ name: "columnSetting.show",
910
+ title: {
911
+ label: "开启列配置",
912
+ tip: "columnSetting.show | 是否开启字段隐藏展示及顺序调整按钮",
913
+ },
914
+ propType: "bool",
915
+ setter: "BoolSetter",
916
+ defaultValue: false,
917
+ },
918
+ {
919
+ name: "columnSetting.storageMode",
920
+ condition: {
921
+ type: "JSFunction",
922
+ value: 'target => !!target.getProps().getPropValue("columnSetting.show")',
923
+ },
924
+ title: {
925
+ label: "存储模式",
926
+ tip: "columnSetting.storageMode | 列配置存储模式 关闭时刷新页面还原",
927
+ },
928
+ propType: "string",
929
+ setter: {
930
+ componentName: "SelectSetter",
931
+ mode: "single",
932
+ defaultValue: "localStorage",
933
+ props: {
934
+ options: [
935
+ {
936
+ title: "关闭",
937
+ value: "",
938
+ },
939
+ {
940
+ title: "本地localStorage",
941
+ value: "localStorage",
942
+ },
943
+ ],
944
+ },
945
+ },
946
+ },
947
+ ]
948
+ },
949
+ {
950
+ title: { label: "分组配置", tip: "表格的分组配置" },
951
+ display: "block",
952
+ type: "group",
905
953
  items: [
906
954
  {
907
- name: 'filter.show',
908
- title: { label: '开启筛选', tip: '开启筛选' },
909
- propType: 'object',
910
- setter: 'BoolSetter',
955
+ name: "dataSourceGroup.show",
956
+ title: {
957
+ label: "开启分组功能",
958
+ tip: "dataSourceGroup.show | 是否开启针对字段分组功能",
959
+ },
960
+ propType: "bool",
961
+ setter: "BoolSetter",
911
962
  defaultValue: false,
912
963
  },
964
+ {
965
+ name: "dataSourceGroup.storageMode",
966
+ condition: {
967
+ type: "JSFunction",
968
+ value: 'target => !!target.getProps().getPropValue("dataSourceGroup.show")',
969
+ },
970
+ title: {
971
+ label: "存储模式",
972
+ tip: "dataSourceGroup.storageMode | 分组信息存储模式 关闭时刷新页面还原",
973
+ },
974
+ propType: "string",
975
+ setter: {
976
+ componentName: "SelectSetter",
977
+ mode: "single",
978
+ defaultValue: "localStorage",
979
+ props: {
980
+ options: [
981
+ {
982
+ title: "关闭",
983
+ value: "",
984
+ },
985
+ {
986
+ title: "本地localStorage",
987
+ value: "localStorage",
988
+ },
989
+ ],
990
+ },
991
+ },
992
+ },
993
+ ],
994
+ },
995
+ {
996
+ title: { label: "筛选项", tip: "表格的筛选项" },
997
+ display: "block",
998
+ type: "group",
999
+ items: [
1000
+ {
1001
+ name: "filter.show",
1002
+ title: { label: "开启筛选", tip: "开启筛选" },
1003
+ propType: "object",
1004
+ setter: "BoolSetter",
1005
+ defaultValue: false,
1006
+ },
1007
+ {
1008
+ name: "filter.storageMode",
1009
+ condition: {
1010
+ type: "JSFunction",
1011
+ value: 'target => !!target.getProps().getPropValue("filter.show")',
1012
+ },
1013
+ title: {
1014
+ label: "存储模式",
1015
+ tip: "filter.storageMode | 筛选信息存储模式 关闭时刷新页面还原",
1016
+ },
1017
+ propType: "string",
1018
+ setter: {
1019
+ componentName: "SelectSetter",
1020
+ mode: "single",
1021
+ defaultValue: "localStorage",
1022
+ props: {
1023
+ options: [
1024
+ {
1025
+ title: "关闭",
1026
+ value: "",
1027
+ },
1028
+ {
1029
+ title: "本地localStorage",
1030
+ value: "localStorage",
1031
+ },
1032
+ ],
1033
+ },
1034
+ },
1035
+ },
1036
+ {
1037
+ name: "filter.quickFilterMaxLength",
1038
+ condition: {
1039
+ type: "JSFunction",
1040
+ value: 'target => !!target.getProps().getPropValue("filter.show")',
1041
+ },
1042
+ title: { label: "快速筛选项", tip: "外层快速筛选项最大数量控制" },
1043
+ propType: "number",
1044
+ setter: "NumberSetter",
1045
+ defaultValue: 3,
1046
+ },
913
1047
  {
914
1048
  name: "filter.list",
915
1049
  condition: {
916
- type: 'JSFunction',
1050
+ type: "JSFunction",
917
1051
  value: 'target => !!target.getProps().getPropValue("filter.show")',
918
1052
  },
919
1053
  setter: {
920
- componentName: 'ArraySetter',
1054
+ componentName: "ArraySetter",
921
1055
  props: {
922
1056
  itemSetter: {
923
- componentName: 'ObjectSetter',
1057
+ componentName: "ObjectSetter",
924
1058
  props: {
925
1059
  config: {
926
1060
  items: [
927
1061
  {
928
- name: 'label',
929
- title: { label: '筛选项', tip: '筛选项' },
930
- propType: 'string',
931
- setter: 'PisellI18nSetter',
1062
+ name: "label",
1063
+ title: { label: "筛选项", tip: "筛选项" },
1064
+ propType: "string",
1065
+ setter: "PisellI18nSetter",
1066
+ isRequired: true,
1067
+ },
1068
+ {
1069
+ name: "name",
1070
+ title: { label: "字段", tip: "所筛选的字段" },
1071
+ propType: "string",
1072
+ setter: "StringSetter",
932
1073
  isRequired: true,
933
1074
  },
934
1075
  {
935
- name: 'name',
936
- title: { label: '字段', tip: '所筛选的字段' },
937
- propType: 'string',
938
- setter: 'StringSetter',
1076
+ name: "key",
1077
+ title: { label: "key", tip: "唯一标识" },
1078
+ propType: "string",
1079
+ setter: "StringSetter",
939
1080
  isRequired: true,
940
1081
  },
941
1082
  {
942
- name: 'type',
943
- title: { label: '字段类型', tip: '所筛选的字段类型' },
944
- propType: 'string',
1083
+ name: "type",
1084
+ title: { label: "字段类型", tip: "所筛选的字段类型" },
1085
+ propType: "string",
945
1086
  setter: {
946
- componentName: 'SelectSetter',
1087
+ componentName: "SelectSetter",
947
1088
  mode: "single",
948
1089
  defaultValue: "single",
949
1090
  props: {
950
1091
  options: [
951
1092
  {
952
- title: '输入框',
953
- value: 'text',
1093
+ title: "输入框",
1094
+ value: "text",
954
1095
  },
955
1096
  {
956
- title: '数字输入框',
957
- value: 'number',
1097
+ title: "搜索框",
1098
+ value: "search",
958
1099
  },
959
1100
  {
960
- title: '下拉选择框',
961
- value: 'select',
1101
+ title: "数字输入框",
1102
+ value: "number",
962
1103
  },
963
1104
  {
964
- title: '日期选择器',
965
- value: 'date',
1105
+ title: "数字范围输入框",
1106
+ value: "numberRange",
966
1107
  },
967
1108
  {
968
- title: '日期范围选择器',
969
- value: 'rangePicker',
1109
+ title: "下拉选择框",
1110
+ value: "select",
1111
+ },
1112
+ {
1113
+ title: "日期选择器",
1114
+ value: "date",
1115
+ },
1116
+ {
1117
+ title: "日期范围选择器",
1118
+ value: "rangePicker",
970
1119
  },
971
1120
  ],
972
1121
  },
973
1122
  },
974
1123
  },
975
1124
  {
976
- name: 'other',
1125
+ name: "sort",
1126
+ title: { label: "开启排序", tip: "开启字段排序可以对顺序及字段隐藏调整,关闭时筛选项只在最外层展示" },
1127
+ propType: "bool",
1128
+ setter: "BoolSetter",
1129
+ defaultValue: false,
1130
+ },
1131
+ {
1132
+ name: "remoteFilter",
1133
+ title: { label: "开启接口筛选", tip: "开启接口筛选时,字段值改变会调用接口对数据更新。关闭时走本地前端搜索" },
1134
+ propType: "bool",
1135
+ setter: "BoolSetter",
1136
+ defaultValue: false,
1137
+ },
1138
+ {
1139
+ name: "other",
977
1140
  title: {
978
- label: '其他拓展属性',
979
- tip: '其他拓展属性',
1141
+ label: "其他拓展属性",
1142
+ tip: "其他拓展属性",
980
1143
  },
981
- propType: 'object',
982
- setter: 'JsonSetter',
1144
+ propType: "object",
1145
+ setter: "JsonSetter",
983
1146
  },
984
-
985
1147
  ],
986
1148
  },
987
1149
  },
988
- initialValue: { label: '标题', name: "name", type: "text", },
1150
+ initialValue: {
1151
+ label: "标题",
1152
+ name: "name",
1153
+ type: "text",
1154
+ key: "name",
1155
+ },
989
1156
  },
990
1157
  },
991
1158
  },
992
- }
1159
+ },
993
1160
  ],
994
1161
  },
995
1162
  {
996
- title: { label: '排序', tip: '表格的排序项' },
997
- display: 'block',
998
- type: 'group',
1163
+ title: { label: "排序", tip: "表格的排序项" },
1164
+ display: "block",
1165
+ type: "group",
999
1166
  items: [
1000
1167
  {
1001
- name: 'sort.show',
1002
- title: { label: '开启排序', tip: '开启排序' },
1003
- propType: 'object',
1004
- setter: 'BoolSetter',
1168
+ name: "sort.show",
1169
+ title: { label: "开启排序", tip: "开启排序" },
1170
+ propType: "object",
1171
+ setter: "BoolSetter",
1005
1172
  defaultValue: true,
1006
1173
  },
1174
+ {
1175
+ name: "sort.storageMode",
1176
+ condition: {
1177
+ type: "JSFunction",
1178
+ value: 'target => !!target.getProps().getPropValue("sort.show")',
1179
+ },
1180
+ title: {
1181
+ label: "存储模式",
1182
+ tip: "filter.storageMode | 排序存储模式 关闭时刷新页面还原",
1183
+ },
1184
+ propType: "string",
1185
+ setter: {
1186
+ componentName: "SelectSetter",
1187
+ mode: "single",
1188
+ defaultValue: "localStorage",
1189
+ props: {
1190
+ options: [
1191
+ {
1192
+ title: "关闭",
1193
+ value: "",
1194
+ },
1195
+ {
1196
+ title: "本地localStorage",
1197
+ value: "localStorage",
1198
+ },
1199
+ ],
1200
+ },
1201
+ },
1202
+ },
1203
+
1007
1204
  {
1008
1205
  name: "sort.list",
1009
1206
  condition: {
1010
- type: 'JSFunction',
1207
+ type: "JSFunction",
1011
1208
  value: 'target => !!target.getProps().getPropValue("sort.show")',
1012
1209
  },
1013
1210
  setter: {
1014
- componentName: 'ArraySetter',
1211
+ componentName: "ArraySetter",
1015
1212
  props: {
1016
1213
  itemSetter: {
1017
- componentName: 'ObjectSetter',
1214
+ componentName: "ObjectSetter",
1018
1215
  props: {
1019
1216
  config: {
1020
1217
  items: [
1021
1218
  {
1022
- name: 'label',
1023
- title: { label: '排序项', tip: '排序项展示文案' },
1024
- propType: 'string',
1025
- setter: 'PisellI18nSetter',
1219
+ name: "label",
1220
+ title: { label: "排序项", tip: "排序项展示文案" },
1221
+ propType: "string",
1222
+ setter: "PisellI18nSetter",
1026
1223
  isRequired: true,
1027
1224
  },
1028
1225
  {
1029
- name: 'name',
1030
- title: { label: '字段', tip: '所排序的字段' },
1031
- propType: 'string',
1032
- setter: 'StringSetter',
1226
+ name: "name",
1227
+ title: { label: "字段", tip: "所排序的字段" },
1228
+ propType: "string",
1229
+ setter: "StringSetter",
1033
1230
  isRequired: true,
1034
1231
  },
1035
1232
  {
1036
- name: 'type',
1037
- title: { label: '字段类型', tip: '所排序的字段类型' },
1038
- propType: 'string',
1233
+ name: "type",
1234
+ title: { label: "字段类型", tip: "所排序的字段类型" },
1235
+ propType: "string",
1039
1236
  setter: {
1040
- componentName: 'SelectSetter',
1237
+ componentName: "SelectSetter",
1041
1238
  mode: "single",
1042
1239
  defaultValue: "single",
1043
1240
  props: {
1044
1241
  options: [
1045
1242
  {
1046
- title: '日期排序',
1047
- value: 'date',
1243
+ title: "日期排序",
1244
+ value: "date",
1048
1245
  },
1049
1246
  {
1050
- title: '数字排序',
1051
- value: 'number',
1247
+ title: "数字排序",
1248
+ value: "number",
1052
1249
  },
1053
1250
  {
1054
- title: 'a-z排序',
1055
- value: 'string',
1251
+ title: "a-z排序",
1252
+ value: "string",
1056
1253
  },
1057
1254
  ],
1058
1255
  },
@@ -1061,76 +1258,75 @@ export default {
1061
1258
  ],
1062
1259
  },
1063
1260
  },
1064
- initialValue: { label: '标题', name: "name", type: "date", },
1261
+ initialValue: { label: "标题", name: "name", type: "date" },
1065
1262
  },
1066
1263
  },
1067
1264
  },
1068
- }
1069
-
1070
- ]
1265
+ },
1266
+ ],
1071
1267
  },
1072
1268
  {
1073
- name: 'buttons',
1074
- title: { label: '按钮项', tip: '右侧按钮项' },
1269
+ name: "buttons",
1270
+ title: { label: "按钮项", tip: "右侧按钮项" },
1075
1271
  setter: {
1076
- componentName: 'ArraySetter',
1272
+ componentName: "ArraySetter",
1077
1273
  props: {
1078
1274
  itemSetter: {
1079
- componentName: 'ObjectSetter',
1275
+ componentName: "ObjectSetter",
1080
1276
  props: {
1081
1277
  config: {
1082
1278
  items: [
1083
-
1084
1279
  {
1085
- name: 'title',
1086
- title: { label: '按钮名称', tip: '按钮名称' },
1087
- propType: 'string',
1088
- setter: 'PisellI18nSetter',
1280
+ name: "title",
1281
+ title: { label: "按钮名称", tip: "按钮名称" },
1282
+ propType: "string",
1283
+ setter: "PisellI18nSetter",
1089
1284
  isRequired: true,
1090
1285
  },
1091
1286
  ...button.configure.props,
1092
1287
  {
1093
- name: 'onClick',
1094
- title: { label: '点击事件', tip: '点击事件' },
1095
- propType: 'func',
1288
+ name: "onClick",
1289
+ title: { label: "点击事件", tip: "点击事件" },
1290
+ propType: "func",
1096
1291
  },
1097
1292
  {
1098
- name: 'action',
1099
- title: { label: '功能', tip: '按钮的功能' },
1100
- propType: 'string',
1101
- setter: [{
1102
- componentName: 'SelectSetter',
1103
- mode: "single",
1104
- defaultValue: "add",
1105
- props: {
1106
- options: [
1107
- {
1108
- title: 'Add',
1109
- value: 'add',
1110
- },
1111
- {
1112
- title: 'Reset',
1113
- value: 'reset',
1114
- },
1115
- ],
1293
+ name: "action",
1294
+ title: { label: "功能", tip: "按钮的功能" },
1295
+ propType: "string",
1296
+ setter: [
1297
+ {
1298
+ componentName: "SelectSetter",
1299
+ mode: "single",
1300
+ defaultValue: "add",
1301
+ props: {
1302
+ options: [
1303
+ {
1304
+ title: "Add",
1305
+ value: "add",
1306
+ },
1307
+ {
1308
+ title: "Reset",
1309
+ value: "reset",
1310
+ },
1311
+ ],
1312
+ },
1116
1313
  },
1117
- }],
1314
+ ],
1118
1315
  },
1119
1316
 
1120
1317
  {
1121
- name: 'other',
1318
+ name: "other",
1122
1319
  title: {
1123
- label: '其他拓展属性',
1124
- tip: '其他拓展属性',
1320
+ label: "其他拓展属性",
1321
+ tip: "其他拓展属性",
1125
1322
  },
1126
- propType: 'object',
1127
- setter: 'JsonSetter',
1323
+ propType: "object",
1324
+ setter: "JsonSetter",
1128
1325
  },
1129
-
1130
1326
  ],
1131
1327
  },
1132
1328
  },
1133
- initialValue: { title: '按钮' },
1329
+ initialValue: { title: "按钮" },
1134
1330
  },
1135
1331
  },
1136
1332
  },
@@ -1141,22 +1337,21 @@ export default {
1141
1337
  style: true,
1142
1338
  events: [
1143
1339
  {
1144
- name: 'onChange',
1340
+ name: "onChange",
1145
1341
  template:
1146
1342
  "onChange(pagination,filters,sorter,extra,${extParams}){\n// 表格翻页事件\nconsole.log('onChange', pagination);}",
1147
1343
  },
1148
1344
  {
1149
- name: 'onValuesChange',
1150
- template:
1151
- "onValuesChange(changedValues, values){}",
1345
+ name: "onValuesChange",
1346
+ template: "onValuesChange(changedValues, values){}",
1152
1347
  },
1153
1348
  {
1154
- name: 'rowSelection.onChange',
1349
+ name: "rowSelection.onChange",
1155
1350
  template:
1156
1351
  "onRowSelectionChange(selectedRowKeys,selectedRows,${extParams}){\n// 选中项发生变化时的回调\nconsole.log('onRowSelectionChange', selectedRowKeys, selectedRows);}",
1157
1352
  },
1158
1353
  {
1159
- name: 'expandable.onExpand',
1354
+ name: "expandable.onExpand",
1160
1355
  template:
1161
1356
  "onExpandableExpand(expanded,record){\n// 点击展开图标时触发\nconsole.log('onRowSelectionChange', expanded, record);}",
1162
1357
  },