@vxe-ui/plugin-render-antd 3.0.0 → 3.0.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.
- package/dist/all.common.js +69 -17
- package/dist/form/index.js +35 -9
- package/dist/index.umd.js +69 -17
- package/dist/index.umd.min.js +1 -1
- package/dist/table/index.js +34 -8
- package/package.json +3 -3
- package/src/form/index.ts +30 -4
- package/src/table/index.ts +29 -3
package/dist/all.common.js
CHANGED
|
@@ -104,6 +104,19 @@ function defineFormRender(VxeUI) {
|
|
|
104
104
|
$form.updateStatus(params);
|
|
105
105
|
});
|
|
106
106
|
}
|
|
107
|
+
function renderOptions(h, options, optionProps) {
|
|
108
|
+
var labelProp = optionProps.label || 'label';
|
|
109
|
+
var valueProp = optionProps.value || 'value';
|
|
110
|
+
return _xeUtils["default"].map(options, function (item, oIndex) {
|
|
111
|
+
return h('a-select-option', {
|
|
112
|
+
key: oIndex,
|
|
113
|
+
props: {
|
|
114
|
+
value: item[valueProp],
|
|
115
|
+
disabled: item.disabled
|
|
116
|
+
}
|
|
117
|
+
}, item[labelProp]);
|
|
118
|
+
});
|
|
119
|
+
}
|
|
107
120
|
function cellText(cellValue) {
|
|
108
121
|
return [formatText(cellValue)];
|
|
109
122
|
}
|
|
@@ -201,7 +214,11 @@ function defineFormRender(VxeUI) {
|
|
|
201
214
|
renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
|
|
202
215
|
var _renderOpts$options2 = renderOpts.options,
|
|
203
216
|
options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2,
|
|
204
|
-
optionGroups = renderOpts.optionGroups
|
|
217
|
+
optionGroups = renderOpts.optionGroups,
|
|
218
|
+
_renderOpts$optionPro2 = renderOpts.optionProps,
|
|
219
|
+
optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2,
|
|
220
|
+
_renderOpts$optionGro = renderOpts.optionGroupProps,
|
|
221
|
+
optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro;
|
|
205
222
|
var data = params.data,
|
|
206
223
|
field = params.field;
|
|
207
224
|
var attrs = renderOpts.attrs;
|
|
@@ -209,12 +226,21 @@ function defineFormRender(VxeUI) {
|
|
|
209
226
|
var props = getItemProps(renderOpts, params, itemValue);
|
|
210
227
|
var ons = getItemOns(renderOpts, params);
|
|
211
228
|
if (optionGroups) {
|
|
212
|
-
|
|
229
|
+
var groupOptions = optionGroupProps.options || 'options';
|
|
230
|
+
var groupLabel = optionGroupProps.label || 'label';
|
|
231
|
+
return [h('a-select', {
|
|
213
232
|
attrs: attrs,
|
|
214
233
|
props: _objectSpread(_objectSpread({}, props), {}, {
|
|
215
|
-
options:
|
|
216
|
-
})
|
|
217
|
-
|
|
234
|
+
options: undefined
|
|
235
|
+
}),
|
|
236
|
+
on: ons
|
|
237
|
+
}, _xeUtils["default"].map(optionGroups, function (group, gIndex) {
|
|
238
|
+
return h('a-select-opt-group', {
|
|
239
|
+
key: gIndex
|
|
240
|
+
}, [h('span', {
|
|
241
|
+
slot: 'label'
|
|
242
|
+
}, group[groupLabel])].concat(renderOptions(h, group[groupOptions], optionProps)));
|
|
243
|
+
}))];
|
|
218
244
|
}
|
|
219
245
|
return [h('a-select', {
|
|
220
246
|
attrs: attrs,
|
|
@@ -256,8 +282,8 @@ function defineFormRender(VxeUI) {
|
|
|
256
282
|
renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
|
|
257
283
|
var _renderOpts$options3 = renderOpts.options,
|
|
258
284
|
options = _renderOpts$options3 === void 0 ? [] : _renderOpts$options3,
|
|
259
|
-
_renderOpts$
|
|
260
|
-
optionProps = _renderOpts$
|
|
285
|
+
_renderOpts$optionPro3 = renderOpts.optionProps,
|
|
286
|
+
optionProps = _renderOpts$optionPro3 === void 0 ? {} : _renderOpts$optionPro3;
|
|
261
287
|
var data = params.data,
|
|
262
288
|
field = params.field;
|
|
263
289
|
var attrs = renderOpts.attrs;
|
|
@@ -293,8 +319,8 @@ function defineFormRender(VxeUI) {
|
|
|
293
319
|
renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
|
|
294
320
|
var _renderOpts$options4 = renderOpts.options,
|
|
295
321
|
options = _renderOpts$options4 === void 0 ? [] : _renderOpts$options4,
|
|
296
|
-
_renderOpts$
|
|
297
|
-
optionProps = _renderOpts$
|
|
322
|
+
_renderOpts$optionPro4 = renderOpts.optionProps,
|
|
323
|
+
optionProps = _renderOpts$optionPro4 === void 0 ? {} : _renderOpts$optionPro4;
|
|
298
324
|
var data = params.data,
|
|
299
325
|
field = params.field;
|
|
300
326
|
var attrs = renderOpts.attrs;
|
|
@@ -761,6 +787,19 @@ function defineTableRender(VxeUI) {
|
|
|
761
787
|
/* eslint-disable eqeqeq */
|
|
762
788
|
return cellValue === data;
|
|
763
789
|
}
|
|
790
|
+
function renderOptions(h, options, optionProps) {
|
|
791
|
+
var labelProp = optionProps.label || 'label';
|
|
792
|
+
var valueProp = optionProps.value || 'value';
|
|
793
|
+
return _xeUtils["default"].map(options, function (item, oIndex) {
|
|
794
|
+
return h('a-select-option', {
|
|
795
|
+
key: oIndex,
|
|
796
|
+
props: {
|
|
797
|
+
value: item[valueProp],
|
|
798
|
+
disabled: item.disabled
|
|
799
|
+
}
|
|
800
|
+
}, item[labelProp]);
|
|
801
|
+
});
|
|
802
|
+
}
|
|
764
803
|
function cellText(cellValue) {
|
|
765
804
|
return [formatText(cellValue)];
|
|
766
805
|
}
|
|
@@ -804,8 +843,13 @@ function defineTableRender(VxeUI) {
|
|
|
804
843
|
},
|
|
805
844
|
ASelect: {
|
|
806
845
|
renderTableEdit: function renderTableEdit(h, renderOpts, params) {
|
|
807
|
-
var
|
|
808
|
-
|
|
846
|
+
var _renderOpts$options2 = renderOpts.options,
|
|
847
|
+
options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2,
|
|
848
|
+
optionGroups = renderOpts.optionGroups,
|
|
849
|
+
_renderOpts$optionPro2 = renderOpts.optionProps,
|
|
850
|
+
optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2,
|
|
851
|
+
_renderOpts$optionGro2 = renderOpts.optionGroupProps,
|
|
852
|
+
optionGroupProps = _renderOpts$optionGro2 === void 0 ? {} : _renderOpts$optionGro2;
|
|
809
853
|
var row = params.row,
|
|
810
854
|
column = params.column;
|
|
811
855
|
var attrs = renderOpts.attrs;
|
|
@@ -813,13 +857,21 @@ function defineTableRender(VxeUI) {
|
|
|
813
857
|
var props = getCellEditFilterProps(renderOpts, params, cellValue);
|
|
814
858
|
var ons = getEditOns(renderOpts, params);
|
|
815
859
|
if (optionGroups) {
|
|
860
|
+
var groupOptions = optionGroupProps.options || 'options';
|
|
861
|
+
var groupLabel = optionGroupProps.label || 'label';
|
|
816
862
|
return [h('a-select', {
|
|
817
863
|
attrs: attrs,
|
|
818
864
|
props: _objectSpread(_objectSpread({}, props), {}, {
|
|
819
|
-
options:
|
|
865
|
+
options: undefined
|
|
820
866
|
}),
|
|
821
867
|
on: ons
|
|
822
|
-
})
|
|
868
|
+
}, _xeUtils["default"].map(optionGroups, function (group, gIndex) {
|
|
869
|
+
return h('a-select-opt-group', {
|
|
870
|
+
key: gIndex
|
|
871
|
+
}, [h('span', {
|
|
872
|
+
slot: 'label'
|
|
873
|
+
}, group[groupLabel])].concat(renderOptions(h, group[groupOptions], optionProps)));
|
|
874
|
+
}))];
|
|
823
875
|
}
|
|
824
876
|
return [h('a-select', {
|
|
825
877
|
attrs: attrs,
|
|
@@ -833,11 +885,11 @@ function defineTableRender(VxeUI) {
|
|
|
833
885
|
return getCellLabelVNs(h, renderOpts, params, getSelectCellValue(renderOpts, params));
|
|
834
886
|
},
|
|
835
887
|
renderTableFilter: function renderTableFilter(h, renderOpts, params) {
|
|
836
|
-
var _renderOpts$
|
|
837
|
-
options = _renderOpts$
|
|
888
|
+
var _renderOpts$options3 = renderOpts.options,
|
|
889
|
+
options = _renderOpts$options3 === void 0 ? [] : _renderOpts$options3,
|
|
838
890
|
optionGroups = renderOpts.optionGroups,
|
|
839
|
-
_renderOpts$
|
|
840
|
-
optionGroupProps = _renderOpts$
|
|
891
|
+
_renderOpts$optionGro3 = renderOpts.optionGroupProps,
|
|
892
|
+
optionGroupProps = _renderOpts$optionGro3 === void 0 ? {} : _renderOpts$optionGro3;
|
|
841
893
|
var groupOptions = optionGroupProps.options || 'options';
|
|
842
894
|
var column = params.column;
|
|
843
895
|
var attrs = renderOpts.attrs;
|
package/dist/form/index.js
CHANGED
|
@@ -103,6 +103,19 @@ function defineFormRender(VxeUI) {
|
|
|
103
103
|
$form.updateStatus(params);
|
|
104
104
|
});
|
|
105
105
|
}
|
|
106
|
+
function renderOptions(h, options, optionProps) {
|
|
107
|
+
var labelProp = optionProps.label || 'label';
|
|
108
|
+
var valueProp = optionProps.value || 'value';
|
|
109
|
+
return _xeUtils["default"].map(options, function (item, oIndex) {
|
|
110
|
+
return h('a-select-option', {
|
|
111
|
+
key: oIndex,
|
|
112
|
+
props: {
|
|
113
|
+
value: item[valueProp],
|
|
114
|
+
disabled: item.disabled
|
|
115
|
+
}
|
|
116
|
+
}, item[labelProp]);
|
|
117
|
+
});
|
|
118
|
+
}
|
|
106
119
|
function cellText(cellValue) {
|
|
107
120
|
return [formatText(cellValue)];
|
|
108
121
|
}
|
|
@@ -200,7 +213,11 @@ function defineFormRender(VxeUI) {
|
|
|
200
213
|
renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
|
|
201
214
|
var _renderOpts$options2 = renderOpts.options,
|
|
202
215
|
options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2,
|
|
203
|
-
optionGroups = renderOpts.optionGroups
|
|
216
|
+
optionGroups = renderOpts.optionGroups,
|
|
217
|
+
_renderOpts$optionPro2 = renderOpts.optionProps,
|
|
218
|
+
optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2,
|
|
219
|
+
_renderOpts$optionGro = renderOpts.optionGroupProps,
|
|
220
|
+
optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro;
|
|
204
221
|
var data = params.data,
|
|
205
222
|
field = params.field;
|
|
206
223
|
var attrs = renderOpts.attrs;
|
|
@@ -208,12 +225,21 @@ function defineFormRender(VxeUI) {
|
|
|
208
225
|
var props = getItemProps(renderOpts, params, itemValue);
|
|
209
226
|
var ons = getItemOns(renderOpts, params);
|
|
210
227
|
if (optionGroups) {
|
|
211
|
-
|
|
228
|
+
var groupOptions = optionGroupProps.options || 'options';
|
|
229
|
+
var groupLabel = optionGroupProps.label || 'label';
|
|
230
|
+
return [h('a-select', {
|
|
212
231
|
attrs: attrs,
|
|
213
232
|
props: _objectSpread(_objectSpread({}, props), {}, {
|
|
214
|
-
options:
|
|
215
|
-
})
|
|
216
|
-
|
|
233
|
+
options: undefined
|
|
234
|
+
}),
|
|
235
|
+
on: ons
|
|
236
|
+
}, _xeUtils["default"].map(optionGroups, function (group, gIndex) {
|
|
237
|
+
return h('a-select-opt-group', {
|
|
238
|
+
key: gIndex
|
|
239
|
+
}, [h('span', {
|
|
240
|
+
slot: 'label'
|
|
241
|
+
}, group[groupLabel])].concat(renderOptions(h, group[groupOptions], optionProps)));
|
|
242
|
+
}))];
|
|
217
243
|
}
|
|
218
244
|
return [h('a-select', {
|
|
219
245
|
attrs: attrs,
|
|
@@ -255,8 +281,8 @@ function defineFormRender(VxeUI) {
|
|
|
255
281
|
renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
|
|
256
282
|
var _renderOpts$options3 = renderOpts.options,
|
|
257
283
|
options = _renderOpts$options3 === void 0 ? [] : _renderOpts$options3,
|
|
258
|
-
_renderOpts$
|
|
259
|
-
optionProps = _renderOpts$
|
|
284
|
+
_renderOpts$optionPro3 = renderOpts.optionProps,
|
|
285
|
+
optionProps = _renderOpts$optionPro3 === void 0 ? {} : _renderOpts$optionPro3;
|
|
260
286
|
var data = params.data,
|
|
261
287
|
field = params.field;
|
|
262
288
|
var attrs = renderOpts.attrs;
|
|
@@ -292,8 +318,8 @@ function defineFormRender(VxeUI) {
|
|
|
292
318
|
renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
|
|
293
319
|
var _renderOpts$options4 = renderOpts.options,
|
|
294
320
|
options = _renderOpts$options4 === void 0 ? [] : _renderOpts$options4,
|
|
295
|
-
_renderOpts$
|
|
296
|
-
optionProps = _renderOpts$
|
|
321
|
+
_renderOpts$optionPro4 = renderOpts.optionProps,
|
|
322
|
+
optionProps = _renderOpts$optionPro4 === void 0 ? {} : _renderOpts$optionPro4;
|
|
297
323
|
var data = params.data,
|
|
298
324
|
field = params.field;
|
|
299
325
|
var attrs = renderOpts.attrs;
|
package/dist/index.umd.js
CHANGED
|
@@ -195,6 +195,19 @@
|
|
|
195
195
|
$form.updateStatus(params);
|
|
196
196
|
});
|
|
197
197
|
}
|
|
198
|
+
function renderOptions(h, options, optionProps) {
|
|
199
|
+
var labelProp = optionProps.label || 'label';
|
|
200
|
+
var valueProp = optionProps.value || 'value';
|
|
201
|
+
return _xeUtils["default"].map(options, function (item, oIndex) {
|
|
202
|
+
return h('a-select-option', {
|
|
203
|
+
key: oIndex,
|
|
204
|
+
props: {
|
|
205
|
+
value: item[valueProp],
|
|
206
|
+
disabled: item.disabled
|
|
207
|
+
}
|
|
208
|
+
}, item[labelProp]);
|
|
209
|
+
});
|
|
210
|
+
}
|
|
198
211
|
function cellText(cellValue) {
|
|
199
212
|
return [formatText(cellValue)];
|
|
200
213
|
}
|
|
@@ -292,7 +305,11 @@
|
|
|
292
305
|
renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
|
|
293
306
|
var _renderOpts$options2 = renderOpts.options,
|
|
294
307
|
options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2,
|
|
295
|
-
optionGroups = renderOpts.optionGroups
|
|
308
|
+
optionGroups = renderOpts.optionGroups,
|
|
309
|
+
_renderOpts$optionPro2 = renderOpts.optionProps,
|
|
310
|
+
optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2,
|
|
311
|
+
_renderOpts$optionGro = renderOpts.optionGroupProps,
|
|
312
|
+
optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro;
|
|
296
313
|
var data = params.data,
|
|
297
314
|
field = params.field;
|
|
298
315
|
var attrs = renderOpts.attrs;
|
|
@@ -300,12 +317,21 @@
|
|
|
300
317
|
var props = getItemProps(renderOpts, params, itemValue);
|
|
301
318
|
var ons = getItemOns(renderOpts, params);
|
|
302
319
|
if (optionGroups) {
|
|
303
|
-
|
|
320
|
+
var groupOptions = optionGroupProps.options || 'options';
|
|
321
|
+
var groupLabel = optionGroupProps.label || 'label';
|
|
322
|
+
return [h('a-select', {
|
|
304
323
|
attrs: attrs,
|
|
305
324
|
props: _objectSpread(_objectSpread({}, props), {}, {
|
|
306
|
-
options:
|
|
307
|
-
})
|
|
308
|
-
|
|
325
|
+
options: undefined
|
|
326
|
+
}),
|
|
327
|
+
on: ons
|
|
328
|
+
}, _xeUtils["default"].map(optionGroups, function (group, gIndex) {
|
|
329
|
+
return h('a-select-opt-group', {
|
|
330
|
+
key: gIndex
|
|
331
|
+
}, [h('span', {
|
|
332
|
+
slot: 'label'
|
|
333
|
+
}, group[groupLabel])].concat(renderOptions(h, group[groupOptions], optionProps)));
|
|
334
|
+
}))];
|
|
309
335
|
}
|
|
310
336
|
return [h('a-select', {
|
|
311
337
|
attrs: attrs,
|
|
@@ -347,8 +373,8 @@
|
|
|
347
373
|
renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
|
|
348
374
|
var _renderOpts$options3 = renderOpts.options,
|
|
349
375
|
options = _renderOpts$options3 === void 0 ? [] : _renderOpts$options3,
|
|
350
|
-
_renderOpts$
|
|
351
|
-
optionProps = _renderOpts$
|
|
376
|
+
_renderOpts$optionPro3 = renderOpts.optionProps,
|
|
377
|
+
optionProps = _renderOpts$optionPro3 === void 0 ? {} : _renderOpts$optionPro3;
|
|
352
378
|
var data = params.data,
|
|
353
379
|
field = params.field;
|
|
354
380
|
var attrs = renderOpts.attrs;
|
|
@@ -384,8 +410,8 @@
|
|
|
384
410
|
renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
|
|
385
411
|
var _renderOpts$options4 = renderOpts.options,
|
|
386
412
|
options = _renderOpts$options4 === void 0 ? [] : _renderOpts$options4,
|
|
387
|
-
_renderOpts$
|
|
388
|
-
optionProps = _renderOpts$
|
|
413
|
+
_renderOpts$optionPro4 = renderOpts.optionProps,
|
|
414
|
+
optionProps = _renderOpts$optionPro4 === void 0 ? {} : _renderOpts$optionPro4;
|
|
389
415
|
var data = params.data,
|
|
390
416
|
field = params.field;
|
|
391
417
|
var attrs = renderOpts.attrs;
|
|
@@ -909,6 +935,19 @@
|
|
|
909
935
|
/* eslint-disable eqeqeq */
|
|
910
936
|
return cellValue === data;
|
|
911
937
|
}
|
|
938
|
+
function renderOptions(h, options, optionProps) {
|
|
939
|
+
var labelProp = optionProps.label || 'label';
|
|
940
|
+
var valueProp = optionProps.value || 'value';
|
|
941
|
+
return _xeUtils["default"].map(options, function (item, oIndex) {
|
|
942
|
+
return h('a-select-option', {
|
|
943
|
+
key: oIndex,
|
|
944
|
+
props: {
|
|
945
|
+
value: item[valueProp],
|
|
946
|
+
disabled: item.disabled
|
|
947
|
+
}
|
|
948
|
+
}, item[labelProp]);
|
|
949
|
+
});
|
|
950
|
+
}
|
|
912
951
|
function cellText(cellValue) {
|
|
913
952
|
return [formatText(cellValue)];
|
|
914
953
|
}
|
|
@@ -952,8 +991,13 @@
|
|
|
952
991
|
},
|
|
953
992
|
ASelect: {
|
|
954
993
|
renderTableEdit: function renderTableEdit(h, renderOpts, params) {
|
|
955
|
-
var
|
|
956
|
-
|
|
994
|
+
var _renderOpts$options2 = renderOpts.options,
|
|
995
|
+
options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2,
|
|
996
|
+
optionGroups = renderOpts.optionGroups,
|
|
997
|
+
_renderOpts$optionPro2 = renderOpts.optionProps,
|
|
998
|
+
optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2,
|
|
999
|
+
_renderOpts$optionGro2 = renderOpts.optionGroupProps,
|
|
1000
|
+
optionGroupProps = _renderOpts$optionGro2 === void 0 ? {} : _renderOpts$optionGro2;
|
|
957
1001
|
var row = params.row,
|
|
958
1002
|
column = params.column;
|
|
959
1003
|
var attrs = renderOpts.attrs;
|
|
@@ -961,13 +1005,21 @@
|
|
|
961
1005
|
var props = getCellEditFilterProps(renderOpts, params, cellValue);
|
|
962
1006
|
var ons = getEditOns(renderOpts, params);
|
|
963
1007
|
if (optionGroups) {
|
|
1008
|
+
var groupOptions = optionGroupProps.options || 'options';
|
|
1009
|
+
var groupLabel = optionGroupProps.label || 'label';
|
|
964
1010
|
return [h('a-select', {
|
|
965
1011
|
attrs: attrs,
|
|
966
1012
|
props: _objectSpread(_objectSpread({}, props), {}, {
|
|
967
|
-
options:
|
|
1013
|
+
options: undefined
|
|
968
1014
|
}),
|
|
969
1015
|
on: ons
|
|
970
|
-
})
|
|
1016
|
+
}, _xeUtils["default"].map(optionGroups, function (group, gIndex) {
|
|
1017
|
+
return h('a-select-opt-group', {
|
|
1018
|
+
key: gIndex
|
|
1019
|
+
}, [h('span', {
|
|
1020
|
+
slot: 'label'
|
|
1021
|
+
}, group[groupLabel])].concat(renderOptions(h, group[groupOptions], optionProps)));
|
|
1022
|
+
}))];
|
|
971
1023
|
}
|
|
972
1024
|
return [h('a-select', {
|
|
973
1025
|
attrs: attrs,
|
|
@@ -981,11 +1033,11 @@
|
|
|
981
1033
|
return getCellLabelVNs(h, renderOpts, params, getSelectCellValue(renderOpts, params));
|
|
982
1034
|
},
|
|
983
1035
|
renderTableFilter: function renderTableFilter(h, renderOpts, params) {
|
|
984
|
-
var _renderOpts$
|
|
985
|
-
options = _renderOpts$
|
|
1036
|
+
var _renderOpts$options3 = renderOpts.options,
|
|
1037
|
+
options = _renderOpts$options3 === void 0 ? [] : _renderOpts$options3,
|
|
986
1038
|
optionGroups = renderOpts.optionGroups,
|
|
987
|
-
_renderOpts$
|
|
988
|
-
optionGroupProps = _renderOpts$
|
|
1039
|
+
_renderOpts$optionGro3 = renderOpts.optionGroupProps,
|
|
1040
|
+
optionGroupProps = _renderOpts$optionGro3 === void 0 ? {} : _renderOpts$optionGro3;
|
|
989
1041
|
var groupOptions = optionGroupProps.options || 'options';
|
|
990
1042
|
var column = params.column;
|
|
991
1043
|
var attrs = renderOpts.attrs;
|
package/dist/index.umd.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
((e,t)=>{"function"==typeof define&&define.amd?define("@vxe-ui/plugin-render-antd",[],t):"undefined"!=typeof exports?t():(t(),e.VxeUIPluginRenderAntd={})})("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:this,function(){!function n(o,a,i){function u(t,e){if(!a[t]){if(!o[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(l)return l(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}r=a[t]={exports:{}},o[t][0].call(r.exports,function(e){return u(o[t][1][e]||e)},r,r.exports,n,o,a,i)}return a[t].exports}for(var l="function"==typeof require&&require,e=0;e<i.length;e++)u(i[e]);return u}({1:[function(e,t,r){Object.defineProperty(r,"__esModule",{value:!0}),r.defineFormRender=function(e){function c(e,t,r,n){return s.default.assign({},n,e.props,i({},(n="value",n="ASwitch"===e.name?"checked":n),r))}function a(e,o,t,n){var a=e.events,r=(e=>{var t="change";switch(e.name){case"AInput":t="change.value";break;case"ARadio":case"ACheckbox":t="input"}return t})(e),i="change",u=i===r,l={};return s.default.objectEach(a,function(n,e){l[e]=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];n.apply(void 0,[o].concat(t))}}),t&&(l[r]=function(e){t(e),a&&a[r]&&a[r](o,e),u&&n&&n(e)}),!u&&n&&(l[i]=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];n.apply(void 0,t),a&&a[i]&&a[i].apply(a,[o].concat(t))}),l}function f(e,t){var r=t.$form,n=t.data,o=t.field;return a(e,t,function(e){s.default.set(n,o,e)},function(){r.updateStatus(t)})}function p(e){return[""+(null==(t=e=e)||""===t?"":e)];var t}function t(o){return function(e,t,r){var n=r.data;return[e(t.name,{attrs:t.attrs,props:c(t,0,s.default.get(n,r.field),o),on:f(t,r)})]}}function n(e,t,r){var n=t.attrs,o=c(t,0,null);return[e("a-button",{attrs:n,props:o,on:f(t,r),scopedSlots:{default:function(){return p(t.content||o.content)}}})]}function r(){return function(r,e,t){var n=e.name,o=e.options,a=void 0===o?[]:o,o=e.optionProps,o=void 0===o?{}:o,i=t.data,u=e.attrs,l=o.label||"label",d=o.value||"value",o=s.default.get(i,t.field);return[r("".concat(n,"Group"),{attrs:u,props:c(e,0,o),on:f(e,t),scopedSlots:{default:function(){return a.map(function(e,t){return r(n,{key:t,props:{value:e[d],disabled:e.disabled},scopedSlots:{default:function(){return p(e[l])}}})})}}})]}}e.renderer.mixin({AAutoComplete:{renderFormItemContent:t()},AInput:{renderFormItemContent:t()},AInputNumber:{renderFormItemContent:t()},ASelect:{renderFormItemContent:function(e,t,r){var n=t.options,n=void 0===n?[]:n,o=t.optionGroups,a=r.data,i=t.attrs,a=c(t,0,s.default.get(a,r.field)),t=f(t,r);return o?[e("a-select",u({attrs:i,props:u(u({},a),{},{options:o})},t))]:[e("a-select",{attrs:i,props:u(u({},a),{},{options:a.options||n}),on:t})]}},ACascader:{renderFormItemContent:t()},ADatePicker:{renderFormItemContent:t()},AMonthPicker:{renderFormItemContent:t()},ARangePicker:{renderFormItemContent:t()},AWeekPicker:{renderFormItemContent:t()},ATimePicker:{renderFormItemContent:t()},ATreeSelect:{renderFormItemContent:t()},ARate:{renderFormItemContent:t()},ASwitch:{renderFormItemContent:t()},ARadioGroup:{renderFormItemContent:function(r,e,t){var n=e.options,o=void 0===n?[]:n,n=e.optionProps,n=void 0===n?{}:n,a=t.data,i=e.attrs,u=n.label||"label",l=n.value||"value",n=s.default.get(a,t.field);return[r("a-radio-group",{attrs:i,props:c(e,0,n),on:f(e,t),scopedSlots:{default:function(){return o.map(function(e,t){return r("a-radio",{key:t,props:{value:e[l],disabled:e.disabled},scopedSlots:{default:function(){return p(e[u])}}})})}}})]}},ACheckboxGroup:{renderFormItemContent:function(r,e,t){var n=e.options,o=void 0===n?[]:n,n=e.optionProps,n=void 0===n?{}:n,a=t.data,i=e.attrs,u=n.label||"label",l=n.value||"value",n=s.default.get(a,t.field);return[r("a-checkbox-group",{attrs:i,props:c(e,0,n),on:f(e,t),scopedSlots:{default:function(){return o.map(function(e,t){return r("a-checkbox",{key:t,props:{value:e[l],disabled:e.disabled},scopedSlots:{default:function(){return p(e[u])}}})})}}})]}},AButton:{renderFormItemContent:n},ARadio:{renderFormItemContent:r()},ACheckbox:{renderFormItemContent:r()},AButtons:{renderFormItemContent:function(t,e,r){return(e=e.children)?e.map(function(e){return n(t,e,r)[0]}):[]}}})};var s=(r=e("xe-utils"))&&r.__esModule?r:{default:r};function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(t,e){var r,n=Object.keys(t);return Object.getOwnPropertySymbols&&(r=Object.getOwnPropertySymbols(t),e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)),n}function u(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?o(Object(r),!0).forEach(function(e){i(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}function i(e,t,r){return(t=(e=>(e=((e,t)=>{if("object"!=n(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);if("object"!=n(r=r.call(e,t||"default")))return r;throw new TypeError("@@toPrimitive must return a primitive value.")})(e,"string"),"symbol"==n(e)?e:e+""))(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},{"xe-utils":"xe-utils"}],2:[function(e,t,r){Object.defineProperty(r,"__esModule",{value:!0}),r.default=r.VxeUIPluginRenderAntd=void 0;var n=e("./table"),o=e("./form");function a(e,t,r){for(var n,o=e.target;o&&o.nodeType&&o!==document;){if(r&&o.className&&o.className.split&&-1<o.className.split(" ").indexOf(r))n=o;else if(o===t)return{flag:!r||!!n,container:t,targetElem:n};o=o.parentNode}return{flag:!1}}function i(e){var e=e.$event,t=document.body;if(a(e,t,"ant-select-dropdown").flag||a(e,t,"ant-cascader-menus").flag||a(e,t,"ant-picker-dropdown").flag||a(e,t,"ant-calendar-picker-container").flag||a(e,t,"ant-time-picker-panel").flag)return!1}e=r.VxeUIPluginRenderAntd={install:function(e,t){/^(3)\./.test(e.uiVersion)||console.error("[plugin-render-antd 3.x] Version 3.x is required"),(0,n.defineTableRender)(e),(0,o.defineFormRender)(e),e.interceptor.add("event.clearFilter",i),e.interceptor.add("event.clearEdit",i),e.interceptor.add("event.clearAreas",i),e.interceptor.add("event.clearActived",i)}};"undefined"!=typeof window&&window.VxeUI&&window.VxeUI.use&&window.VxeUI.use(e),r.default=e},{"./form":1,"./table":3}],3:[function(e,t,r){Object.defineProperty(r,"__esModule",{value:!0}),r.defineTableRender=function(e){function c(e){return null==e||""===e}function i(e){return e&&"".concat(e).replace("YYYY","yyyy").replace("DD","dd")}function f(e,t,r,n){return O.default.assign({},n,e.props,x({},(n="value",n="ASwitch"===e.name?"checked":n),r))}function o(e){return""+(c(e)?"":e)}function u(e,t,r,n){t=t.placeholder;return[e("span",{class:"vxe-cell--label"},t&&c(n)?[e("span",{class:"vxe-cell--placeholder"},o(t))]:o(n))]}function a(e,o,t,n){var a=e.events,r=(e=>{var t="change";switch(e.name){case"AInput":t="change.value";break;case"ARadio":case"ACheckbox":t="input"}return t})(e),i="change",u=i===r,l={};return O.default.objectEach(a,function(n,e){l[e]=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];n.apply(void 0,[o].concat(t))}}),t&&(l[r]=function(e){t(e),a&&a[r]&&a[r](o,e),u&&n&&n(e)}),!u&&n&&(l[i]=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];n.apply(void 0,t),a&&a[i]&&a[i].apply(a,[o].concat(t))}),l}function l(e,t){var r=t.$table,n=t.row,o=t.column;return a(e,t,function(e){O.default.set(n,o.field,e)},function(){r.updateStatus(t)})}function p(e,t,r,n){return a(e,t,function(e){r.data=e},n)}function t(n){return function(e,t,r){return u(e,t,0,b(t,r,n))}}function n(e,t){var r=e.options,n=void 0===r?[]:r,o=e.optionGroups,r=e.props,r=void 0===r?{}:r,a=e.optionProps,a=void 0===a?{}:a,e=e.optionGroupProps,i=t.row,u=a.label||"label",l=a.value||"value",d=(void 0===e?{}:e).options||"options",a=O.default.get(i,t.column.field);return c(a)?"":O.default.map("multiple"===r.mode?a:[a],o?function(t){for(var e,r=0;r<o.length&&!(e=O.default.find(o[r][d],function(e){return e[l]===t}));r++);return e?e[u]:t}:function(t){var e=O.default.find(n,function(e){return e[l]===t});return e?e[u]:t}).join(", ")}function d(e,t){var e=e.props,e=void 0===e?{}:e,r=t.row,r=O.default.get(r,t.column.field),t=[];return function t(r,e,n,o){var a=n[r];e&&n.length>r&&O.default.each(e,function(e){e.value===a&&(o.push(e.label),t(++r,e.children,n,o))})}(0,e.options,r||[],t),(!1===e.showAllLevels?t.slice(t.length-1,t.length):t).join(" ".concat(e.separator||"/"," "))}function s(e,t){var e=e.props,r=void 0===e?{}:e,e=t.row,e=O.default.get(e,t.column.field);return e=e&&O.default.map(e,function(e){return e&&e.format?e.format(r.format||"YYYY-MM-DD"):O.default.toDateString(e,i(r.format||"YYYY-MM-DD"))}).join(" ~ ")}function m(e,t){var e=e.props,e=void 0===e?{}:e,r=e.treeData,e=e.treeCheckable,n=t.row,n=O.default.get(n,t.column.field);return c(n)?n:O.default.map(e?n:[n],function(t){var e=O.default.findTree(r,function(e){return e.value===t},{children:"children"});return e?e.item.title:t}).join(", ")}function b(e,t,r){var n=e.props,o=void 0===n?{}:n,n=t.row,n=O.default.get(n,t.column.field);try{if(n){if(!r&&"ADatePicker"===e.name)switch(o.picker){case"week":r="YYYY-WW周";break;case"month":r="YYYY-MM";break;case"year":r="YYYY";break;default:r=o.showTime?"YYYY-MM-DD HH:mm:ss":"YYYY-MM-DD"}n=n.format?n.format(o.format||r):O.default.toDateString(n,i(o.format||r))}}catch(e){}return n}function r(o){return function(e,t,r){var n=r.row;return[e(t.name,{attrs:t.attrs,props:f(t,0,O.default.get(n,r.column.field),o),on:l(t,r)})]}}function v(e,t,r){return[e("a-button",{attrs:t.attrs,props:f(t,0,null),on:a(t,r)},[o(t.content)])]}function y(t,e,r){e=e.children;return e?e.map(function(e){return v(t,e,r)[0]}):[]}function g(l){return function(n,o,a){var e=a.column,i=o.name,u=o.attrs;return[n("div",{class:"vxe-table--filter-antd-wrapper"},e.filters.map(function(e,t){var r=e.data;return n(i,{key:t,attrs:u,props:P({},f(o,0,r,l)),on:p(o,a,e,function(){h(a,!!e.data,e)})})}))]}}function h(e,t,r){e.$panel.changeOption(null,t,r)}function w(e){var t=e.option.data,e=O.default.get(e.row,e.column.field);return-1<O.default.toValueString(e).indexOf(t)}function A(e){var t=e.option.data;return O.default.get(e.row,e.column.field)===t}function T(o){return function(e){var t=e.row,r=e.column,n=e.options;return n&&n.original?O.default.get(t,r.field):b(r.editRender||r.cellRender,e,o)}}function Y(o){return function(e){var t=e.row,r=e.column,n=e.options;return n&&n.original?O.default.get(t,r.field):o(r.editRender||r.cellRender,e)}}e.renderer.mixin({AAutoComplete:{tableAutoFocus:"input",renderTableDefault:r(),renderTableEdit:r(),renderTableFilter:g(),tableFilterDefaultMethod:w},AInput:{tableAutoFocus:"input",renderTableDefault:r(),renderTableEdit:r(),renderTableFilter:g(),tableFilterDefaultMethod:w},AInputNumber:{tableAutoFocus:"input",renderTableDefault:r(),renderTableEdit:r(),renderTableFilter:g(),tableFilterDefaultMethod:w},ASelect:{renderTableEdit:function(e,t,r){var n=t.options,o=t.optionGroups,a=r.row,i=t.attrs,a=f(t,0,O.default.get(a,r.column.field)),t=l(t,r);return o?[e("a-select",{attrs:i,props:P(P({},a),{},{options:o}),on:t})]:[e("a-select",{attrs:i,props:P(P({},a),{},{options:a.options||n}),on:t})]},renderTableCell:function(e,t,r){return u(e,t,0,n(t,r))},renderTableFilter:function(o,a,i){var e=a.options,u=void 0===e?[]:e,e=a.optionGroupProps,l=(void 0===e?{}:e).options||"options",e=i.column,d=a.attrs;return[o("div",{class:"vxe-table--filter-antd-wrapper"},a.optionGroups?e.filters.map(function(e,t){var r=e.data,n=f(a,0,r);return o("a-select",{key:t,attrs:d,props:P(P({},n),{},{options:l}),on:p(a,i,e,function(){h(i,"multiple"===n.mode?e.data&&0<e.data.length:!O.default.eqNull(e.data),e)})})}):e.filters.map(function(e,t){var r=e.data,n=f(a,0,r);return o("a-select",{key:t,attrs:d,props:P(P({},n),{},{options:n.options||u}),on:p(a,i,e,function(){h(i,"multiple"===n.mode?e.data&&0<e.data.length:!O.default.eqNull(e.data),e)})})}))]},tableFilterDefaultMethod:function(e){var t=e.option,r=e.column,t=t.data,n=r.field,r=r.filterRender.props,r=void 0===r?{}:r,e=O.default.get(e.row,n);return"multiple"===r.mode?O.default.isArray(e)?O.default.includeArrays(e,t):-1<t.indexOf(e):e==t},tableExportMethod:Y(n)},ACascader:{renderTableEdit:r(),renderTableCell:function(e,t,r){return u(e,t,0,d(t,r))},tableExportMethod:Y(d)},ADatePicker:{renderTableEdit:r(),renderTableCell:t(),tableExportMethod:T()},AMonthPicker:{renderTableEdit:r(),renderTableCell:t("YYYY-MM"),tableExportMethod:T("YYYY-MM")},ARangePicker:{renderTableEdit:r(),renderTableCell:function(e,t,r){return u(e,t,0,s(t,r))},tableExportMethod:Y(s)},AWeekPicker:{renderTableEdit:r(),renderTableCell:t("YYYY-WW周"),tableExportMethod:T("YYYY-WW周")},ATimePicker:{renderTableEdit:r(),renderTableCell:(a=>function(e,t,r){var n=t.props,n=void 0===n?{}:n,o=r.row,o=O.default.get(o,r.column.field);try{!o||O.default.isString(o)||(o=o.format?o.format(n.format||n.valueFormat||a):O.default.toDateString(o,i(n.format||n.valueFormat||a)))}catch(e){}return u(e,t,0,o)})("HH:mm:ss"),tableExportMethod:T("HH:mm:ss")},ATreeSelect:{renderTableEdit:r(),renderTableCell:function(e,t,r){return u(e,t,0,m(t,r))},tableExportMethod:Y(m)},ARate:{renderTableDefault:r(),renderTableEdit:r(),renderTableFilter:g(),tableFilterDefaultMethod:A},ASwitch:{renderTableDefault:r(),renderTableEdit:r(),renderTableFilter:function(n,o,a){var e=a.column,i=o.name,u=o.attrs;return[n("div",{class:"vxe-table--filter-antd-wrapper"},e.filters.map(function(e,t){var r=e.data;return n(i,{key:t,attrs:u,props:f(o,0,r),on:p(o,a,e,function(){h(a,O.default.isBoolean(e.data),e)})})}))]},tableFilterDefaultMethod:A},AButton:{renderTableEdit:v,renderTableDefault:v},AButtons:{renderTableEdit:y,renderTableDefault:y}})};var O=(r=e("xe-utils"))&&r.__esModule?r:{default:r};function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(t,e){var r,n=Object.keys(t);return Object.getOwnPropertySymbols&&(r=Object.getOwnPropertySymbols(t),e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)),n}function P(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?o(Object(r),!0).forEach(function(e){x(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}function x(e,t,r){return(t=(e=>(e=((e,t)=>{if("object"!=n(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);if("object"!=n(r=r.call(e,t||"default")))return r;throw new TypeError("@@toPrimitive must return a primitive value.")})(e,"string"),"symbol"==n(e)?e:e+""))(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},{"xe-utils":"xe-utils"}]},{},[2])});
|
|
1
|
+
((e,t)=>{"function"==typeof define&&define.amd?define("@vxe-ui/plugin-render-antd",[],t):"undefined"!=typeof exports?t():(t(),e.VxeUIPluginRenderAntd={})})("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:this,function(){!function n(o,a,l){function i(t,e){if(!a[t]){if(!o[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(u)return u(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}r=a[t]={exports:{}},o[t][0].call(r.exports,function(e){return i(o[t][1][e]||e)},r,r.exports,n,o,a,l)}return a[t].exports}for(var u="function"==typeof require&&require,e=0;e<l.length;e++)i(l[e]);return i}({1:[function(e,t,r){Object.defineProperty(r,"__esModule",{value:!0}),r.defineFormRender=function(e){function f(e,t,r,n){return s.default.assign({},n,e.props,l({},(n="value",n="ASwitch"===e.name?"checked":n),r))}function a(e,o,t,n){var a=e.events,r=(e=>{var t="change";switch(e.name){case"AInput":t="change.value";break;case"ARadio":case"ACheckbox":t="input"}return t})(e),l="change",i=l===r,u={};return s.default.objectEach(a,function(n,e){u[e]=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];n.apply(void 0,[o].concat(t))}}),t&&(u[r]=function(e){t(e),a&&a[r]&&a[r](o,e),i&&n&&n(e)}),!i&&n&&(u[l]=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];n.apply(void 0,t),a&&a[l]&&a[l].apply(a,[o].concat(t))}),u}function p(e,t){var r=t.$form,n=t.data,o=t.field;return a(e,t,function(e){s.default.set(n,o,e)},function(){r.updateStatus(t)})}function c(e){return[""+(null==(t=e=e)||""===t?"":e)];var t}function t(o){return function(e,t,r){var n=r.data;return[e(t.name,{attrs:t.attrs,props:f(t,0,s.default.get(n,r.field),o),on:p(t,r)})]}}function n(e,t,r){var n=t.attrs,o=f(t,0,null);return[e("a-button",{attrs:n,props:o,on:p(t,r),scopedSlots:{default:function(){return c(t.content||o.content)}}})]}function r(){return function(r,e,t){var n=e.name,o=e.options,a=void 0===o?[]:o,o=e.optionProps,o=void 0===o?{}:o,l=t.data,i=e.attrs,u=o.label||"label",d=o.value||"value",o=s.default.get(l,t.field);return[r("".concat(n,"Group"),{attrs:i,props:f(e,0,o),on:p(e,t),scopedSlots:{default:function(){return a.map(function(e,t){return r(n,{key:t,props:{value:e[d],disabled:e.disabled},scopedSlots:{default:function(){return c(e[u])}}})})}}})]}}e.renderer.mixin({AAutoComplete:{renderFormItemContent:t()},AInput:{renderFormItemContent:t()},AInputNumber:{renderFormItemContent:t()},ASelect:{renderFormItemContent:function(a,e,t){var l,i,r=e.options,r=void 0===r?[]:r,n=e.optionGroups,o=e.optionProps,u=void 0===o?{}:o,o=e.optionGroupProps,o=void 0===o?{}:o,d=t.data,c=e.attrs,d=f(e,0,s.default.get(d,t.field)),e=p(e,t);return n?(l=o.options||"options",i=o.label||"label",[a("a-select",{attrs:c,props:b(b({},d),{},{options:void 0}),on:e},s.default.map(n,function(e,t){return a("a-select-opt-group",{key:t},[a("span",{slot:"label"},e[i])].concat((r=a,t=e[l],n=u.label||"label",o=u.value||"value",s.default.map(t,function(e,t){return r("a-select-option",{key:t,props:{value:e[o],disabled:e.disabled}},e[n])}))));var r,n,o}))]):[a("a-select",{attrs:c,props:b(b({},d),{},{options:d.options||r}),on:e})]}},ACascader:{renderFormItemContent:t()},ADatePicker:{renderFormItemContent:t()},AMonthPicker:{renderFormItemContent:t()},ARangePicker:{renderFormItemContent:t()},AWeekPicker:{renderFormItemContent:t()},ATimePicker:{renderFormItemContent:t()},ATreeSelect:{renderFormItemContent:t()},ARate:{renderFormItemContent:t()},ASwitch:{renderFormItemContent:t()},ARadioGroup:{renderFormItemContent:function(r,e,t){var n=e.options,o=void 0===n?[]:n,n=e.optionProps,n=void 0===n?{}:n,a=t.data,l=e.attrs,i=n.label||"label",u=n.value||"value",n=s.default.get(a,t.field);return[r("a-radio-group",{attrs:l,props:f(e,0,n),on:p(e,t),scopedSlots:{default:function(){return o.map(function(e,t){return r("a-radio",{key:t,props:{value:e[u],disabled:e.disabled},scopedSlots:{default:function(){return c(e[i])}}})})}}})]}},ACheckboxGroup:{renderFormItemContent:function(r,e,t){var n=e.options,o=void 0===n?[]:n,n=e.optionProps,n=void 0===n?{}:n,a=t.data,l=e.attrs,i=n.label||"label",u=n.value||"value",n=s.default.get(a,t.field);return[r("a-checkbox-group",{attrs:l,props:f(e,0,n),on:p(e,t),scopedSlots:{default:function(){return o.map(function(e,t){return r("a-checkbox",{key:t,props:{value:e[u],disabled:e.disabled},scopedSlots:{default:function(){return c(e[i])}}})})}}})]}},AButton:{renderFormItemContent:n},ARadio:{renderFormItemContent:r()},ACheckbox:{renderFormItemContent:r()},AButtons:{renderFormItemContent:function(t,e,r){return(e=e.children)?e.map(function(e){return n(t,e,r)[0]}):[]}}})};var s=(r=e("xe-utils"))&&r.__esModule?r:{default:r};function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(t,e){var r,n=Object.keys(t);return Object.getOwnPropertySymbols&&(r=Object.getOwnPropertySymbols(t),e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)),n}function b(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?o(Object(r),!0).forEach(function(e){l(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}function l(e,t,r){return(t=(e=>(e=((e,t)=>{if("object"!=n(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);if("object"!=n(r=r.call(e,t||"default")))return r;throw new TypeError("@@toPrimitive must return a primitive value.")})(e,"string"),"symbol"==n(e)?e:e+""))(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},{"xe-utils":"xe-utils"}],2:[function(e,t,r){Object.defineProperty(r,"__esModule",{value:!0}),r.default=r.VxeUIPluginRenderAntd=void 0;var n=e("./table"),o=e("./form");function a(e,t,r){for(var n,o=e.target;o&&o.nodeType&&o!==document;){if(r&&o.className&&o.className.split&&-1<o.className.split(" ").indexOf(r))n=o;else if(o===t)return{flag:!r||!!n,container:t,targetElem:n};o=o.parentNode}return{flag:!1}}function l(e){var e=e.$event,t=document.body;if(a(e,t,"ant-select-dropdown").flag||a(e,t,"ant-cascader-menus").flag||a(e,t,"ant-picker-dropdown").flag||a(e,t,"ant-calendar-picker-container").flag||a(e,t,"ant-time-picker-panel").flag)return!1}e=r.VxeUIPluginRenderAntd={install:function(e,t){/^(3)\./.test(e.uiVersion)||console.error("[plugin-render-antd 3.x] Version 3.x is required"),(0,n.defineTableRender)(e),(0,o.defineFormRender)(e),e.interceptor.add("event.clearFilter",l),e.interceptor.add("event.clearEdit",l),e.interceptor.add("event.clearAreas",l),e.interceptor.add("event.clearActived",l)}};"undefined"!=typeof window&&window.VxeUI&&window.VxeUI.use&&window.VxeUI.use(e),r.default=e},{"./form":1,"./table":3}],3:[function(e,t,r){Object.defineProperty(r,"__esModule",{value:!0}),r.defineTableRender=function(e){function c(e){return null==e||""===e}function l(e){return e&&"".concat(e).replace("YYYY","yyyy").replace("DD","dd")}function f(e,t,r,n){return Y.default.assign({},n,e.props,k({},(n="value",n="ASwitch"===e.name?"checked":n),r))}function o(e){return""+(c(e)?"":e)}function i(e,t,r,n){t=t.placeholder;return[e("span",{class:"vxe-cell--label"},t&&c(n)?[e("span",{class:"vxe-cell--placeholder"},o(t))]:o(n))]}function a(e,o,t,n){var a=e.events,r=(e=>{var t="change";switch(e.name){case"AInput":t="change.value";break;case"ARadio":case"ACheckbox":t="input"}return t})(e),l="change",i=l===r,u={};return Y.default.objectEach(a,function(n,e){u[e]=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];n.apply(void 0,[o].concat(t))}}),t&&(u[r]=function(e){t(e),a&&a[r]&&a[r](o,e),i&&n&&n(e)}),!i&&n&&(u[l]=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];n.apply(void 0,t),a&&a[l]&&a[l].apply(a,[o].concat(t))}),u}function p(e,t){var r=t.$table,n=t.row,o=t.column;return a(e,t,function(e){Y.default.set(n,o.field,e)},function(){r.updateStatus(t)})}function s(e,t,r,n){return a(e,t,function(e){r.data=e},n)}function t(n){return function(e,t,r){return i(e,t,0,m(t,r,n))}}function n(e,t){var r=e.options,n=void 0===r?[]:r,o=e.optionGroups,r=e.props,r=void 0===r?{}:r,a=e.optionProps,a=void 0===a?{}:a,e=e.optionGroupProps,l=t.row,i=a.label||"label",u=a.value||"value",d=(void 0===e?{}:e).options||"options",a=Y.default.get(l,t.column.field);return c(a)?"":Y.default.map("multiple"===r.mode?a:[a],o?function(t){for(var e,r=0;r<o.length&&!(e=Y.default.find(o[r][d],function(e){return e[u]===t}));r++);return e?e[i]:t}:function(t){var e=Y.default.find(n,function(e){return e[u]===t});return e?e[i]:t}).join(", ")}function u(e,t){var e=e.props,e=void 0===e?{}:e,r=t.row,r=Y.default.get(r,t.column.field),t=[];return function t(r,e,n,o){var a=n[r];e&&n.length>r&&Y.default.each(e,function(e){e.value===a&&(o.push(e.label),t(++r,e.children,n,o))})}(0,e.options,r||[],t),(!1===e.showAllLevels?t.slice(t.length-1,t.length):t).join(" ".concat(e.separator||"/"," "))}function d(e,t){var e=e.props,r=void 0===e?{}:e,e=t.row,e=Y.default.get(e,t.column.field);return e=e&&Y.default.map(e,function(e){return e&&e.format?e.format(r.format||"YYYY-MM-DD"):Y.default.toDateString(e,l(r.format||"YYYY-MM-DD"))}).join(" ~ ")}function b(e,t){var e=e.props,e=void 0===e?{}:e,r=e.treeData,e=e.treeCheckable,n=t.row,n=Y.default.get(n,t.column.field);return c(n)?n:Y.default.map(e?n:[n],function(t){var e=Y.default.findTree(r,function(e){return e.value===t},{children:"children"});return e?e.item.title:t}).join(", ")}function m(e,t,r){var n=e.props,o=void 0===n?{}:n,n=t.row,n=Y.default.get(n,t.column.field);try{if(n){if(!r&&"ADatePicker"===e.name)switch(o.picker){case"week":r="YYYY-WW周";break;case"month":r="YYYY-MM";break;case"year":r="YYYY";break;default:r=o.showTime?"YYYY-MM-DD HH:mm:ss":"YYYY-MM-DD"}n=n.format?n.format(o.format||r):Y.default.toDateString(n,l(o.format||r))}}catch(e){}return n}function r(o){return function(e,t,r){var n=r.row;return[e(t.name,{attrs:t.attrs,props:f(t,0,Y.default.get(n,r.column.field),o),on:p(t,r)})]}}function v(e,t,r){return[e("a-button",{attrs:t.attrs,props:f(t,0,null),on:a(t,r)},[o(t.content)])]}function y(t,e,r){e=e.children;return e?e.map(function(e){return v(t,e,r)[0]}):[]}function g(u){return function(n,o,a){var e=a.column,l=o.name,i=o.attrs;return[n("div",{class:"vxe-table--filter-antd-wrapper"},e.filters.map(function(e,t){var r=e.data;return n(l,{key:t,attrs:i,props:O({},f(o,0,r,u)),on:s(o,a,e,function(){h(a,!!e.data,e)})})}))]}}function h(e,t,r){e.$panel.changeOption(null,t,r)}function w(e){var t=e.option.data,e=Y.default.get(e.row,e.column.field);return-1<Y.default.toValueString(e).indexOf(t)}function A(e){var t=e.option.data;return Y.default.get(e.row,e.column.field)===t}function T(o){return function(e){var t=e.row,r=e.column,n=e.options;return n&&n.original?Y.default.get(t,r.field):m(r.editRender||r.cellRender,e,o)}}function P(o){return function(e){var t=e.row,r=e.column,n=e.options;return n&&n.original?Y.default.get(t,r.field):o(r.editRender||r.cellRender,e)}}e.renderer.mixin({AAutoComplete:{tableAutoFocus:"input",renderTableDefault:r(),renderTableEdit:r(),renderTableFilter:g(),tableFilterDefaultMethod:w},AInput:{tableAutoFocus:"input",renderTableDefault:r(),renderTableEdit:r(),renderTableFilter:g(),tableFilterDefaultMethod:w},AInputNumber:{tableAutoFocus:"input",renderTableDefault:r(),renderTableEdit:r(),renderTableFilter:g(),tableFilterDefaultMethod:w},ASelect:{renderTableEdit:function(a,e,t){var l,i,r=e.options,r=void 0===r?[]:r,n=e.optionGroups,o=e.optionProps,u=void 0===o?{}:o,o=e.optionGroupProps,o=void 0===o?{}:o,d=t.row,c=e.attrs,d=f(e,0,Y.default.get(d,t.column.field)),e=p(e,t);return n?(l=o.options||"options",i=o.label||"label",[a("a-select",{attrs:c,props:O(O({},d),{},{options:void 0}),on:e},Y.default.map(n,function(e,t){return a("a-select-opt-group",{key:t},[a("span",{slot:"label"},e[i])].concat((r=a,t=e[l],n=u.label||"label",o=u.value||"value",Y.default.map(t,function(e,t){return r("a-select-option",{key:t,props:{value:e[o],disabled:e.disabled}},e[n])}))));var r,n,o}))]):[a("a-select",{attrs:c,props:O(O({},d),{},{options:d.options||r}),on:e})]},renderTableCell:function(e,t,r){return i(e,t,0,n(t,r))},renderTableFilter:function(o,a,l){var e=a.options,i=void 0===e?[]:e,e=a.optionGroupProps,u=(void 0===e?{}:e).options||"options",e=l.column,d=a.attrs;return[o("div",{class:"vxe-table--filter-antd-wrapper"},a.optionGroups?e.filters.map(function(e,t){var r=e.data,n=f(a,0,r);return o("a-select",{key:t,attrs:d,props:O(O({},n),{},{options:u}),on:s(a,l,e,function(){h(l,"multiple"===n.mode?e.data&&0<e.data.length:!Y.default.eqNull(e.data),e)})})}):e.filters.map(function(e,t){var r=e.data,n=f(a,0,r);return o("a-select",{key:t,attrs:d,props:O(O({},n),{},{options:n.options||i}),on:s(a,l,e,function(){h(l,"multiple"===n.mode?e.data&&0<e.data.length:!Y.default.eqNull(e.data),e)})})}))]},tableFilterDefaultMethod:function(e){var t=e.option,r=e.column,t=t.data,n=r.field,r=r.filterRender.props,r=void 0===r?{}:r,e=Y.default.get(e.row,n);return"multiple"===r.mode?Y.default.isArray(e)?Y.default.includeArrays(e,t):-1<t.indexOf(e):e==t},tableExportMethod:P(n)},ACascader:{renderTableEdit:r(),renderTableCell:function(e,t,r){return i(e,t,0,u(t,r))},tableExportMethod:P(u)},ADatePicker:{renderTableEdit:r(),renderTableCell:t(),tableExportMethod:T()},AMonthPicker:{renderTableEdit:r(),renderTableCell:t("YYYY-MM"),tableExportMethod:T("YYYY-MM")},ARangePicker:{renderTableEdit:r(),renderTableCell:function(e,t,r){return i(e,t,0,d(t,r))},tableExportMethod:P(d)},AWeekPicker:{renderTableEdit:r(),renderTableCell:t("YYYY-WW周"),tableExportMethod:T("YYYY-WW周")},ATimePicker:{renderTableEdit:r(),renderTableCell:(a=>function(e,t,r){var n=t.props,n=void 0===n?{}:n,o=r.row,o=Y.default.get(o,r.column.field);try{!o||Y.default.isString(o)||(o=o.format?o.format(n.format||n.valueFormat||a):Y.default.toDateString(o,l(n.format||n.valueFormat||a)))}catch(e){}return i(e,t,0,o)})("HH:mm:ss"),tableExportMethod:T("HH:mm:ss")},ATreeSelect:{renderTableEdit:r(),renderTableCell:function(e,t,r){return i(e,t,0,b(t,r))},tableExportMethod:P(b)},ARate:{renderTableDefault:r(),renderTableEdit:r(),renderTableFilter:g(),tableFilterDefaultMethod:A},ASwitch:{renderTableDefault:r(),renderTableEdit:r(),renderTableFilter:function(n,o,a){var e=a.column,l=o.name,i=o.attrs;return[n("div",{class:"vxe-table--filter-antd-wrapper"},e.filters.map(function(e,t){var r=e.data;return n(l,{key:t,attrs:i,props:f(o,0,r),on:s(o,a,e,function(){h(a,Y.default.isBoolean(e.data),e)})})}))]},tableFilterDefaultMethod:A},AButton:{renderTableEdit:v,renderTableDefault:v},AButtons:{renderTableEdit:y,renderTableDefault:y}})};var Y=(r=e("xe-utils"))&&r.__esModule?r:{default:r};function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(t,e){var r,n=Object.keys(t);return Object.getOwnPropertySymbols&&(r=Object.getOwnPropertySymbols(t),e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)),n}function O(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?o(Object(r),!0).forEach(function(e){k(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}function k(e,t,r){return(t=(e=>(e=((e,t)=>{if("object"!=n(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);if("object"!=n(r=r.call(e,t||"default")))return r;throw new TypeError("@@toPrimitive must return a primitive value.")})(e,"string"),"symbol"==n(e)?e:e+""))(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},{"xe-utils":"xe-utils"}]},{},[2])});
|
package/dist/table/index.js
CHANGED
|
@@ -349,6 +349,19 @@ function defineTableRender(VxeUI) {
|
|
|
349
349
|
/* eslint-disable eqeqeq */
|
|
350
350
|
return cellValue === data;
|
|
351
351
|
}
|
|
352
|
+
function renderOptions(h, options, optionProps) {
|
|
353
|
+
var labelProp = optionProps.label || 'label';
|
|
354
|
+
var valueProp = optionProps.value || 'value';
|
|
355
|
+
return _xeUtils["default"].map(options, function (item, oIndex) {
|
|
356
|
+
return h('a-select-option', {
|
|
357
|
+
key: oIndex,
|
|
358
|
+
props: {
|
|
359
|
+
value: item[valueProp],
|
|
360
|
+
disabled: item.disabled
|
|
361
|
+
}
|
|
362
|
+
}, item[labelProp]);
|
|
363
|
+
});
|
|
364
|
+
}
|
|
352
365
|
function cellText(cellValue) {
|
|
353
366
|
return [formatText(cellValue)];
|
|
354
367
|
}
|
|
@@ -392,8 +405,13 @@ function defineTableRender(VxeUI) {
|
|
|
392
405
|
},
|
|
393
406
|
ASelect: {
|
|
394
407
|
renderTableEdit: function renderTableEdit(h, renderOpts, params) {
|
|
395
|
-
var
|
|
396
|
-
|
|
408
|
+
var _renderOpts$options2 = renderOpts.options,
|
|
409
|
+
options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2,
|
|
410
|
+
optionGroups = renderOpts.optionGroups,
|
|
411
|
+
_renderOpts$optionPro2 = renderOpts.optionProps,
|
|
412
|
+
optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2,
|
|
413
|
+
_renderOpts$optionGro2 = renderOpts.optionGroupProps,
|
|
414
|
+
optionGroupProps = _renderOpts$optionGro2 === void 0 ? {} : _renderOpts$optionGro2;
|
|
397
415
|
var row = params.row,
|
|
398
416
|
column = params.column;
|
|
399
417
|
var attrs = renderOpts.attrs;
|
|
@@ -401,13 +419,21 @@ function defineTableRender(VxeUI) {
|
|
|
401
419
|
var props = getCellEditFilterProps(renderOpts, params, cellValue);
|
|
402
420
|
var ons = getEditOns(renderOpts, params);
|
|
403
421
|
if (optionGroups) {
|
|
422
|
+
var groupOptions = optionGroupProps.options || 'options';
|
|
423
|
+
var groupLabel = optionGroupProps.label || 'label';
|
|
404
424
|
return [h('a-select', {
|
|
405
425
|
attrs: attrs,
|
|
406
426
|
props: _objectSpread(_objectSpread({}, props), {}, {
|
|
407
|
-
options:
|
|
427
|
+
options: undefined
|
|
408
428
|
}),
|
|
409
429
|
on: ons
|
|
410
|
-
})
|
|
430
|
+
}, _xeUtils["default"].map(optionGroups, function (group, gIndex) {
|
|
431
|
+
return h('a-select-opt-group', {
|
|
432
|
+
key: gIndex
|
|
433
|
+
}, [h('span', {
|
|
434
|
+
slot: 'label'
|
|
435
|
+
}, group[groupLabel])].concat(renderOptions(h, group[groupOptions], optionProps)));
|
|
436
|
+
}))];
|
|
411
437
|
}
|
|
412
438
|
return [h('a-select', {
|
|
413
439
|
attrs: attrs,
|
|
@@ -421,11 +447,11 @@ function defineTableRender(VxeUI) {
|
|
|
421
447
|
return getCellLabelVNs(h, renderOpts, params, getSelectCellValue(renderOpts, params));
|
|
422
448
|
},
|
|
423
449
|
renderTableFilter: function renderTableFilter(h, renderOpts, params) {
|
|
424
|
-
var _renderOpts$
|
|
425
|
-
options = _renderOpts$
|
|
450
|
+
var _renderOpts$options3 = renderOpts.options,
|
|
451
|
+
options = _renderOpts$options3 === void 0 ? [] : _renderOpts$options3,
|
|
426
452
|
optionGroups = renderOpts.optionGroups,
|
|
427
|
-
_renderOpts$
|
|
428
|
-
optionGroupProps = _renderOpts$
|
|
453
|
+
_renderOpts$optionGro3 = renderOpts.optionGroupProps,
|
|
454
|
+
optionGroupProps = _renderOpts$optionGro3 === void 0 ? {} : _renderOpts$optionGro3;
|
|
429
455
|
var groupOptions = optionGroupProps.options || 'options';
|
|
430
456
|
var column = params.column;
|
|
431
457
|
var attrs = renderOpts.attrs;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vxe-ui/plugin-render-antd",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.1",
|
|
4
4
|
"description": "Vxe UI plug-in for compatibility with the ant-design-vue component.",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"lib": "gulp build"
|
|
@@ -51,8 +51,8 @@
|
|
|
51
51
|
"typescript": "^4.6.4",
|
|
52
52
|
"vinyl-source-stream": "^2.0.0",
|
|
53
53
|
"vue": "^2.6.14",
|
|
54
|
-
"vxe-pc-ui": "^3.1.
|
|
55
|
-
"vxe-table": "^3.9.0
|
|
54
|
+
"vxe-pc-ui": "^3.1.24",
|
|
55
|
+
"vxe-table": "^3.9.0"
|
|
56
56
|
},
|
|
57
57
|
"repository": {
|
|
58
58
|
"type": "git",
|
package/src/form/index.ts
CHANGED
|
@@ -95,6 +95,20 @@ export function defineFormRender (VxeUI: VxeUIExport) {
|
|
|
95
95
|
})
|
|
96
96
|
}
|
|
97
97
|
|
|
98
|
+
function renderOptions (h: CreateElement, options: any[], optionProps: VxeGlobalRendererHandles.RenderOptionProps) {
|
|
99
|
+
const labelProp = optionProps.label || 'label'
|
|
100
|
+
const valueProp = optionProps.value || 'value'
|
|
101
|
+
return XEUtils.map(options, (item, oIndex) => {
|
|
102
|
+
return h('a-select-option', {
|
|
103
|
+
key: oIndex,
|
|
104
|
+
props: {
|
|
105
|
+
value: item[valueProp],
|
|
106
|
+
disabled: item.disabled
|
|
107
|
+
}
|
|
108
|
+
}, item[labelProp])
|
|
109
|
+
})
|
|
110
|
+
}
|
|
111
|
+
|
|
98
112
|
function cellText (cellValue: any): string[] {
|
|
99
113
|
return [formatText(cellValue)]
|
|
100
114
|
}
|
|
@@ -189,22 +203,34 @@ export function defineFormRender (VxeUI: VxeUIExport) {
|
|
|
189
203
|
},
|
|
190
204
|
ASelect: {
|
|
191
205
|
renderFormItemContent (h, renderOpts, params) {
|
|
192
|
-
const { options = [], optionGroups } = renderOpts
|
|
206
|
+
const { options = [], optionGroups, optionProps = {}, optionGroupProps = {} } = renderOpts
|
|
193
207
|
const { data, field } = params
|
|
194
208
|
const { attrs } = renderOpts
|
|
195
209
|
const itemValue = XEUtils.get(data, field)
|
|
196
210
|
const props = getItemProps(renderOpts, params, itemValue)
|
|
197
211
|
const ons = getItemOns(renderOpts, params)
|
|
198
212
|
if (optionGroups) {
|
|
213
|
+
const groupOptions = optionGroupProps.options || 'options'
|
|
214
|
+
const groupLabel = optionGroupProps.label || 'label'
|
|
199
215
|
return [
|
|
200
216
|
h('a-select', {
|
|
201
217
|
attrs,
|
|
202
218
|
props: {
|
|
203
219
|
...props,
|
|
204
|
-
options:
|
|
220
|
+
options: undefined
|
|
205
221
|
},
|
|
206
|
-
|
|
207
|
-
})
|
|
222
|
+
on: ons
|
|
223
|
+
}, XEUtils.map(optionGroups, (group: any, gIndex: any) => {
|
|
224
|
+
return h('a-select-opt-group', {
|
|
225
|
+
key: gIndex
|
|
226
|
+
}, [
|
|
227
|
+
h('span', {
|
|
228
|
+
slot: 'label'
|
|
229
|
+
}, group[groupLabel])
|
|
230
|
+
].concat(
|
|
231
|
+
renderOptions(h, group[groupOptions], optionProps)
|
|
232
|
+
))
|
|
233
|
+
}))
|
|
208
234
|
]
|
|
209
235
|
}
|
|
210
236
|
return [
|
package/src/table/index.ts
CHANGED
|
@@ -338,6 +338,20 @@ export function defineTableRender (VxeUI: VxeUIExport) {
|
|
|
338
338
|
return cellValue === data
|
|
339
339
|
}
|
|
340
340
|
|
|
341
|
+
function renderOptions (h: CreateElement, options: any[], optionProps: VxeGlobalRendererHandles.RenderOptionProps) {
|
|
342
|
+
const labelProp = optionProps.label || 'label'
|
|
343
|
+
const valueProp = optionProps.value || 'value'
|
|
344
|
+
return XEUtils.map(options, (item, oIndex) => {
|
|
345
|
+
return h('a-select-option', {
|
|
346
|
+
key: oIndex,
|
|
347
|
+
props: {
|
|
348
|
+
value: item[valueProp],
|
|
349
|
+
disabled: item.disabled
|
|
350
|
+
}
|
|
351
|
+
}, item[labelProp])
|
|
352
|
+
})
|
|
353
|
+
}
|
|
354
|
+
|
|
341
355
|
function cellText (cellValue: any): string[] {
|
|
342
356
|
return [formatText(cellValue)]
|
|
343
357
|
}
|
|
@@ -380,22 +394,34 @@ export function defineTableRender (VxeUI: VxeUIExport) {
|
|
|
380
394
|
},
|
|
381
395
|
ASelect: {
|
|
382
396
|
renderTableEdit (h, renderOpts, params) {
|
|
383
|
-
const { options, optionGroups } = renderOpts
|
|
397
|
+
const { options = [], optionGroups, optionProps = {}, optionGroupProps = {} } = renderOpts
|
|
384
398
|
const { row, column } = params
|
|
385
399
|
const { attrs } = renderOpts
|
|
386
400
|
const cellValue = XEUtils.get(row, column.field)
|
|
387
401
|
const props = getCellEditFilterProps(renderOpts, params, cellValue)
|
|
388
402
|
const ons = getEditOns(renderOpts, params)
|
|
389
403
|
if (optionGroups) {
|
|
404
|
+
const groupOptions = optionGroupProps.options || 'options'
|
|
405
|
+
const groupLabel = optionGroupProps.label || 'label'
|
|
390
406
|
return [
|
|
391
407
|
h('a-select', {
|
|
392
408
|
attrs,
|
|
393
409
|
props: {
|
|
394
410
|
...props,
|
|
395
|
-
options:
|
|
411
|
+
options: undefined
|
|
396
412
|
},
|
|
397
413
|
on: ons
|
|
398
|
-
})
|
|
414
|
+
}, XEUtils.map(optionGroups, (group: any, gIndex: any) => {
|
|
415
|
+
return h('a-select-opt-group', {
|
|
416
|
+
key: gIndex
|
|
417
|
+
}, [
|
|
418
|
+
h('span', {
|
|
419
|
+
slot: 'label'
|
|
420
|
+
}, group[groupLabel])
|
|
421
|
+
].concat(
|
|
422
|
+
renderOptions(h, group[groupOptions], optionProps)
|
|
423
|
+
))
|
|
424
|
+
}))
|
|
399
425
|
]
|
|
400
426
|
}
|
|
401
427
|
return [
|