@vxe-ui/plugin-render-element 4.0.11 → 4.0.12
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/README.md +26 -0
- package/dist/all.common.js +116 -58
- package/dist/form/index.js +13 -12
- package/dist/form-design/checkbox-widget.js +4 -3
- package/dist/form-design/date-picker-widget.js +3 -2
- package/dist/form-design/input-widget.js +3 -2
- package/dist/form-design/number-input-widget.js +3 -2
- package/dist/form-design/radio-widget.js +4 -3
- package/dist/form-design/select-widget.js +4 -3
- package/dist/form-design/switch-widget.js +3 -2
- package/dist/form-design/textarea-widget.js +3 -2
- package/dist/index.common.js +31 -4
- package/dist/index.js +31 -4
- package/dist/index.umd.js +127 -48
- package/dist/index.umd.min.js +1 -1
- package/dist/store/index.js +8 -0
- package/dist/table/index.js +13 -12
- package/dist/util/comp.js +11 -0
- package/package.json +3 -3
- package/src/form/index.ts +14 -13
- package/src/form-design/checkbox-widget.ts +5 -4
- package/src/form-design/date-picker-widget.ts +4 -3
- package/src/form-design/input-widget.ts +4 -3
- package/src/form-design/number-input-widget.ts +5 -3
- package/src/form-design/radio-widget.ts +5 -4
- package/src/form-design/select-widget.ts +5 -4
- package/src/form-design/switch-widget.ts +4 -3
- package/src/form-design/textarea-widget.ts +4 -3
- package/src/index.ts +32 -6
- package/src/store/index.ts +5 -0
- package/src/table/index.ts +14 -13
- package/src/util/comp.ts +6 -0
- package/types/index.d.ts +6 -3
package/dist/index.umd.js
CHANGED
|
@@ -48,6 +48,7 @@
|
|
|
48
48
|
exports.createWidgetElCheckbox = createWidgetElCheckbox;
|
|
49
49
|
var _vue = require("vue");
|
|
50
50
|
var _use = require("./use");
|
|
51
|
+
var _comp = require("../util/comp");
|
|
51
52
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
52
53
|
function _interopRequireDefault(e) {
|
|
53
54
|
return e && e.__esModule ? e : {
|
|
@@ -106,7 +107,7 @@
|
|
|
106
107
|
title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
|
|
107
108
|
}, {
|
|
108
109
|
"default": function _default() {
|
|
109
|
-
return (0, _vue.h)((0,
|
|
110
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
|
|
110
111
|
modelValue: widget.title,
|
|
111
112
|
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
112
113
|
widget.title = val;
|
|
@@ -174,7 +175,7 @@
|
|
|
174
175
|
title: widget.title
|
|
175
176
|
}, {
|
|
176
177
|
"default": function _default() {
|
|
177
|
-
return (0, _vue.h)((0,
|
|
178
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-checkbox-group'), {
|
|
178
179
|
modelValue: $formView ? $formView.getItemValue(widget) : null,
|
|
179
180
|
onChange: changeEvent,
|
|
180
181
|
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
@@ -185,7 +186,7 @@
|
|
|
185
186
|
}, {
|
|
186
187
|
"default": function _default() {
|
|
187
188
|
return options.options ? options.options.map(function (item, index) {
|
|
188
|
-
return (0, _vue.h)((0,
|
|
189
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-checkbox'), {
|
|
189
190
|
key: index,
|
|
190
191
|
value: item.value
|
|
191
192
|
}, {
|
|
@@ -208,6 +209,7 @@
|
|
|
208
209
|
};
|
|
209
210
|
}
|
|
210
211
|
}, {
|
|
212
|
+
"../util/comp": 15,
|
|
211
213
|
"./use": 10,
|
|
212
214
|
"vue": "vue",
|
|
213
215
|
"xe-utils": "xe-utils"
|
|
@@ -220,6 +222,7 @@
|
|
|
220
222
|
});
|
|
221
223
|
exports.createWidgetElDatePicker = createWidgetElDatePicker;
|
|
222
224
|
var _vue = require("vue");
|
|
225
|
+
var _comp = require("../util/comp");
|
|
223
226
|
function createWidgetElDatePicker(VxeUI) {
|
|
224
227
|
var getWidgetElDatePickerConfig = function getWidgetElDatePickerConfig(params) {
|
|
225
228
|
return {
|
|
@@ -266,7 +269,7 @@
|
|
|
266
269
|
title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
|
|
267
270
|
}, {
|
|
268
271
|
"default": function _default() {
|
|
269
|
-
return (0, _vue.h)((0,
|
|
272
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
|
|
270
273
|
modelValue: widget.title,
|
|
271
274
|
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
272
275
|
widget.title = val;
|
|
@@ -334,7 +337,7 @@
|
|
|
334
337
|
title: widget.title
|
|
335
338
|
}, {
|
|
336
339
|
"default": function _default() {
|
|
337
|
-
return (0, _vue.h)((0,
|
|
340
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-date-picker'), {
|
|
338
341
|
modelValue: $formView ? $formView.getItemValue(widget) : null,
|
|
339
342
|
placeholder: options.placeholder,
|
|
340
343
|
onChange: changeEvent,
|
|
@@ -356,6 +359,7 @@
|
|
|
356
359
|
};
|
|
357
360
|
}
|
|
358
361
|
}, {
|
|
362
|
+
"../util/comp": 15,
|
|
359
363
|
"vue": "vue"
|
|
360
364
|
}],
|
|
361
365
|
3: [function (require, module, exports) {
|
|
@@ -555,6 +559,7 @@
|
|
|
555
559
|
});
|
|
556
560
|
exports.createWidgetElInput = createWidgetElInput;
|
|
557
561
|
var _vue = require("vue");
|
|
562
|
+
var _comp = require("../util/comp");
|
|
558
563
|
function createWidgetElInput(VxeUI) {
|
|
559
564
|
var getWidgetElInputConfig = function getWidgetElInputConfig(params) {
|
|
560
565
|
return {
|
|
@@ -602,7 +607,7 @@
|
|
|
602
607
|
title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
|
|
603
608
|
}, {
|
|
604
609
|
"default": function _default() {
|
|
605
|
-
return (0, _vue.h)((0,
|
|
610
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
|
|
606
611
|
modelValue: widget.title,
|
|
607
612
|
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
608
613
|
widget.title = val;
|
|
@@ -670,7 +675,7 @@
|
|
|
670
675
|
title: widget.title
|
|
671
676
|
}, {
|
|
672
677
|
"default": function _default() {
|
|
673
|
-
return (0, _vue.h)((0,
|
|
678
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
|
|
674
679
|
modelValue: $formView ? $formView.getItemValue(widget) : null,
|
|
675
680
|
placeholder: options.placeholder,
|
|
676
681
|
onChange: changeEvent,
|
|
@@ -692,6 +697,7 @@
|
|
|
692
697
|
};
|
|
693
698
|
}
|
|
694
699
|
}, {
|
|
700
|
+
"../util/comp": 15,
|
|
695
701
|
"vue": "vue"
|
|
696
702
|
}],
|
|
697
703
|
5: [function (require, module, exports) {
|
|
@@ -702,6 +708,7 @@
|
|
|
702
708
|
});
|
|
703
709
|
exports.createWidgetElInputNumber = createWidgetElInputNumber;
|
|
704
710
|
var _vue = require("vue");
|
|
711
|
+
var _comp = require("../util/comp");
|
|
705
712
|
function createWidgetElInputNumber(VxeUI) {
|
|
706
713
|
var getWidgetElInputNumberConfig = function getWidgetElInputNumberConfig(params) {
|
|
707
714
|
return {
|
|
@@ -748,7 +755,7 @@
|
|
|
748
755
|
title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
|
|
749
756
|
}, {
|
|
750
757
|
"default": function _default() {
|
|
751
|
-
return (0, _vue.h)((0,
|
|
758
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
|
|
752
759
|
modelValue: widget.title,
|
|
753
760
|
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
754
761
|
widget.title = val;
|
|
@@ -816,7 +823,7 @@
|
|
|
816
823
|
title: widget.title
|
|
817
824
|
}, {
|
|
818
825
|
"default": function _default() {
|
|
819
|
-
return (0, _vue.h)((0,
|
|
826
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input-number'), {
|
|
820
827
|
modelValue: $formView ? $formView.getItemValue(widget) : null,
|
|
821
828
|
placeholder: options.placeholder,
|
|
822
829
|
onChange: changeEvent,
|
|
@@ -838,6 +845,7 @@
|
|
|
838
845
|
};
|
|
839
846
|
}
|
|
840
847
|
}, {
|
|
848
|
+
"../util/comp": 15,
|
|
841
849
|
"vue": "vue"
|
|
842
850
|
}],
|
|
843
851
|
6: [function (require, module, exports) {
|
|
@@ -849,6 +857,7 @@
|
|
|
849
857
|
exports.createWidgetElRadio = createWidgetElRadio;
|
|
850
858
|
var _vue = require("vue");
|
|
851
859
|
var _use = require("./use");
|
|
860
|
+
var _comp = require("../util/comp");
|
|
852
861
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
853
862
|
function _interopRequireDefault(e) {
|
|
854
863
|
return e && e.__esModule ? e : {
|
|
@@ -907,7 +916,7 @@
|
|
|
907
916
|
title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
|
|
908
917
|
}, {
|
|
909
918
|
"default": function _default() {
|
|
910
|
-
return (0, _vue.h)((0,
|
|
919
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
|
|
911
920
|
modelValue: widget.title,
|
|
912
921
|
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
913
922
|
widget.title = val;
|
|
@@ -975,7 +984,7 @@
|
|
|
975
984
|
title: widget.title
|
|
976
985
|
}, {
|
|
977
986
|
"default": function _default() {
|
|
978
|
-
return (0, _vue.h)((0,
|
|
987
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-radio-group'), {
|
|
979
988
|
modelValue: $formView ? $formView.getItemValue(widget) : null,
|
|
980
989
|
onChange: changeEvent,
|
|
981
990
|
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
@@ -986,7 +995,7 @@
|
|
|
986
995
|
}, {
|
|
987
996
|
"default": function _default() {
|
|
988
997
|
return options.options ? options.options.map(function (item, index) {
|
|
989
|
-
return (0, _vue.h)((0,
|
|
998
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-radio'), {
|
|
990
999
|
key: index,
|
|
991
1000
|
value: item.value
|
|
992
1001
|
}, {
|
|
@@ -1009,6 +1018,7 @@
|
|
|
1009
1018
|
};
|
|
1010
1019
|
}
|
|
1011
1020
|
}, {
|
|
1021
|
+
"../util/comp": 15,
|
|
1012
1022
|
"./use": 10,
|
|
1013
1023
|
"vue": "vue",
|
|
1014
1024
|
"xe-utils": "xe-utils"
|
|
@@ -1022,6 +1032,7 @@
|
|
|
1022
1032
|
exports.createWidgetElSelect = createWidgetElSelect;
|
|
1023
1033
|
var _vue = require("vue");
|
|
1024
1034
|
var _use = require("./use");
|
|
1035
|
+
var _comp = require("../util/comp");
|
|
1025
1036
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
1026
1037
|
function _interopRequireDefault(e) {
|
|
1027
1038
|
return e && e.__esModule ? e : {
|
|
@@ -1081,7 +1092,7 @@
|
|
|
1081
1092
|
title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
|
|
1082
1093
|
}, {
|
|
1083
1094
|
"default": function _default() {
|
|
1084
|
-
return (0, _vue.h)((0,
|
|
1095
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
|
|
1085
1096
|
modelValue: widget.title,
|
|
1086
1097
|
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
1087
1098
|
widget.title = val;
|
|
@@ -1149,7 +1160,7 @@
|
|
|
1149
1160
|
title: widget.title
|
|
1150
1161
|
}, {
|
|
1151
1162
|
"default": function _default() {
|
|
1152
|
-
return (0, _vue.h)((0,
|
|
1163
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-select'), {
|
|
1153
1164
|
modelValue: $formView ? $formView.getItemValue(widget) : null,
|
|
1154
1165
|
placeholder: options.placeholder,
|
|
1155
1166
|
onChange: changeEvent,
|
|
@@ -1161,7 +1172,7 @@
|
|
|
1161
1172
|
}, {
|
|
1162
1173
|
"default": function _default() {
|
|
1163
1174
|
return options.options ? options.options.map(function (item) {
|
|
1164
|
-
return (0, _vue.h)((0,
|
|
1175
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-option'), {
|
|
1165
1176
|
label: item.value,
|
|
1166
1177
|
value: item.value
|
|
1167
1178
|
});
|
|
@@ -1180,6 +1191,7 @@
|
|
|
1180
1191
|
};
|
|
1181
1192
|
}
|
|
1182
1193
|
}, {
|
|
1194
|
+
"../util/comp": 15,
|
|
1183
1195
|
"./use": 10,
|
|
1184
1196
|
"vue": "vue",
|
|
1185
1197
|
"xe-utils": "xe-utils"
|
|
@@ -1192,6 +1204,7 @@
|
|
|
1192
1204
|
});
|
|
1193
1205
|
exports.createWidgetElSwitch = createWidgetElSwitch;
|
|
1194
1206
|
var _vue = require("vue");
|
|
1207
|
+
var _comp = require("../util/comp");
|
|
1195
1208
|
function createWidgetElSwitch(VxeUI) {
|
|
1196
1209
|
var getWidgetElSwitchConfig = function getWidgetElSwitchConfig(params) {
|
|
1197
1210
|
return {
|
|
@@ -1236,7 +1249,7 @@
|
|
|
1236
1249
|
title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
|
|
1237
1250
|
}, {
|
|
1238
1251
|
"default": function _default() {
|
|
1239
|
-
return (0, _vue.h)((0,
|
|
1252
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
|
|
1240
1253
|
modelValue: widget.title,
|
|
1241
1254
|
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
1242
1255
|
widget.title = val;
|
|
@@ -1303,7 +1316,7 @@
|
|
|
1303
1316
|
title: widget.title
|
|
1304
1317
|
}, {
|
|
1305
1318
|
"default": function _default() {
|
|
1306
|
-
return (0, _vue.h)((0,
|
|
1319
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-switch'), {
|
|
1307
1320
|
modelValue: $formView ? $formView.getItemValue(widget) : null,
|
|
1308
1321
|
onChange: changeEvent,
|
|
1309
1322
|
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
@@ -1324,6 +1337,7 @@
|
|
|
1324
1337
|
};
|
|
1325
1338
|
}
|
|
1326
1339
|
}, {
|
|
1340
|
+
"../util/comp": 15,
|
|
1327
1341
|
"vue": "vue"
|
|
1328
1342
|
}],
|
|
1329
1343
|
9: [function (require, module, exports) {
|
|
@@ -1334,6 +1348,7 @@
|
|
|
1334
1348
|
});
|
|
1335
1349
|
exports.createWidgetElTextarea = createWidgetElTextarea;
|
|
1336
1350
|
var _vue = require("vue");
|
|
1351
|
+
var _comp = require("../util/comp");
|
|
1337
1352
|
function createWidgetElTextarea(VxeUI) {
|
|
1338
1353
|
var getWidgetElTextareaConfig = function getWidgetElTextareaConfig(params) {
|
|
1339
1354
|
return {
|
|
@@ -1380,7 +1395,7 @@
|
|
|
1380
1395
|
title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
|
|
1381
1396
|
}, {
|
|
1382
1397
|
"default": function _default() {
|
|
1383
|
-
return (0, _vue.h)((0,
|
|
1398
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
|
|
1384
1399
|
modelValue: widget.title,
|
|
1385
1400
|
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
1386
1401
|
widget.title = val;
|
|
@@ -1448,7 +1463,7 @@
|
|
|
1448
1463
|
title: widget.title
|
|
1449
1464
|
}, {
|
|
1450
1465
|
"default": function _default() {
|
|
1451
|
-
return (0, _vue.h)((0,
|
|
1466
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
|
|
1452
1467
|
modelValue: $formView ? $formView.getItemValue(widget) : null,
|
|
1453
1468
|
placeholder: options.placeholder,
|
|
1454
1469
|
type: 'textarea',
|
|
@@ -1475,6 +1490,7 @@
|
|
|
1475
1490
|
};
|
|
1476
1491
|
}
|
|
1477
1492
|
}, {
|
|
1493
|
+
"../util/comp": 15,
|
|
1478
1494
|
"vue": "vue"
|
|
1479
1495
|
}],
|
|
1480
1496
|
10: [function (require, module, exports) {
|
|
@@ -1732,6 +1748,7 @@
|
|
|
1732
1748
|
});
|
|
1733
1749
|
exports.defineFormRender = defineFormRender;
|
|
1734
1750
|
var _vue = require("vue");
|
|
1751
|
+
var _comp = require("../util/comp");
|
|
1735
1752
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
1736
1753
|
function _interopRequireDefault(e) {
|
|
1737
1754
|
return e && e.__esModule ? e : {
|
|
@@ -1879,7 +1896,7 @@
|
|
|
1879
1896
|
var labelProp = optionProps.label || 'label';
|
|
1880
1897
|
var valueProp = optionProps.value || 'value';
|
|
1881
1898
|
return _xeUtils["default"].map(options, function (item, oIndex) {
|
|
1882
|
-
return (0, _vue.h)((0,
|
|
1899
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-option'), {
|
|
1883
1900
|
key: oIndex,
|
|
1884
1901
|
value: item[valueProp],
|
|
1885
1902
|
label: item[labelProp],
|
|
@@ -1897,13 +1914,13 @@
|
|
|
1897
1914
|
var name = renderOpts.name;
|
|
1898
1915
|
var attrs = renderOpts.attrs;
|
|
1899
1916
|
var itemValue = _xeUtils["default"].get(data, field);
|
|
1900
|
-
return [(0, _vue.h)((0,
|
|
1917
|
+
return [(0, _vue.h)((0, _comp.getCurrComponent)(name), _objectSpread(_objectSpread(_objectSpread({}, attrs), getItemProps(renderOpts, params, itemValue, defaultProps)), getItemOns(renderOpts, params)))];
|
|
1901
1918
|
};
|
|
1902
1919
|
}
|
|
1903
1920
|
function defaultButtonItemRender(renderOpts, params) {
|
|
1904
1921
|
var attrs = renderOpts.attrs;
|
|
1905
1922
|
var props = getItemProps(renderOpts, params, null);
|
|
1906
|
-
return [(0, _vue.h)((0,
|
|
1923
|
+
return [(0, _vue.h)((0, _comp.getCurrComponent)('el-button'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), getOns(renderOpts, params)), {
|
|
1907
1924
|
"default": function _default() {
|
|
1908
1925
|
return cellText(renderOpts.content || props.content);
|
|
1909
1926
|
}
|
|
@@ -1935,10 +1952,10 @@
|
|
|
1935
1952
|
var labelProp = optionProps.label || 'label';
|
|
1936
1953
|
var valueProp = optionProps.value || 'value';
|
|
1937
1954
|
var itemValue = _xeUtils["default"].get(data, field);
|
|
1938
|
-
return [(0, _vue.h)((0,
|
|
1955
|
+
return [(0, _vue.h)((0, _comp.getCurrComponent)("".concat(name, "Group")), _objectSpread(_objectSpread(_objectSpread({}, attrs), getItemProps(renderOpts, params, itemValue)), getItemOns(renderOpts, params)), {
|
|
1939
1956
|
"default": function _default() {
|
|
1940
1957
|
return options.map(function (option, oIndex) {
|
|
1941
|
-
return (0, _vue.h)((0,
|
|
1958
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)(name), {
|
|
1942
1959
|
key: oIndex,
|
|
1943
1960
|
label: option[valueProp],
|
|
1944
1961
|
disabled: option.disabled
|
|
@@ -1980,10 +1997,10 @@
|
|
|
1980
1997
|
if (optionGroups) {
|
|
1981
1998
|
var groupOptions = optionGroupProps.options || 'options';
|
|
1982
1999
|
var groupLabel = optionGroupProps.label || 'label';
|
|
1983
|
-
return [(0, _vue.h)((0,
|
|
2000
|
+
return [(0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), ons), {
|
|
1984
2001
|
"default": function _default() {
|
|
1985
2002
|
return _xeUtils["default"].map(optionGroups, function (group, gIndex) {
|
|
1986
|
-
return (0, _vue.h)((0,
|
|
2003
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-option-group'), {
|
|
1987
2004
|
label: group[groupLabel],
|
|
1988
2005
|
key: gIndex
|
|
1989
2006
|
}, {
|
|
@@ -1995,7 +2012,7 @@
|
|
|
1995
2012
|
}
|
|
1996
2013
|
})];
|
|
1997
2014
|
}
|
|
1998
|
-
return [(0, _vue.h)((0,
|
|
2015
|
+
return [(0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), ons), {
|
|
1999
2016
|
"default": function _default() {
|
|
2000
2017
|
return renderOptions(options, optionProps);
|
|
2001
2018
|
}
|
|
@@ -2035,10 +2052,10 @@
|
|
|
2035
2052
|
var labelProp = optionProps.label || 'label';
|
|
2036
2053
|
var valueProp = optionProps.value || 'value';
|
|
2037
2054
|
var itemValue = _xeUtils["default"].get(data, field);
|
|
2038
|
-
return [(0, _vue.h)((0,
|
|
2055
|
+
return [(0, _vue.h)((0, _comp.getCurrComponent)('el-radio-group'), _objectSpread(_objectSpread(_objectSpread({}, attrs), getItemProps(renderOpts, params, itemValue)), getItemOns(renderOpts, params)), {
|
|
2039
2056
|
"default": function _default() {
|
|
2040
2057
|
return options.map(function (option, oIndex) {
|
|
2041
|
-
return (0, _vue.h)((0,
|
|
2058
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-radio'), {
|
|
2042
2059
|
key: oIndex,
|
|
2043
2060
|
value: option[valueProp],
|
|
2044
2061
|
disabled: option.disabled
|
|
@@ -2064,10 +2081,10 @@
|
|
|
2064
2081
|
var labelProp = optionProps.label || 'label';
|
|
2065
2082
|
var valueProp = optionProps.value || 'value';
|
|
2066
2083
|
var itemValue = _xeUtils["default"].get(data, field);
|
|
2067
|
-
return [(0, _vue.h)((0,
|
|
2084
|
+
return [(0, _vue.h)((0, _comp.getCurrComponent)('el-checkbox-group'), _objectSpread(_objectSpread(_objectSpread({}, attrs), getItemProps(renderOpts, params, itemValue)), getItemOns(renderOpts, params)), {
|
|
2068
2085
|
"default": function _default() {
|
|
2069
2086
|
return options.map(function (option, oIndex) {
|
|
2070
|
-
return (0, _vue.h)((0,
|
|
2087
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-checkbox'), {
|
|
2071
2088
|
key: oIndex,
|
|
2072
2089
|
value: option[valueProp],
|
|
2073
2090
|
label: option[labelProp],
|
|
@@ -2094,6 +2111,7 @@
|
|
|
2094
2111
|
});
|
|
2095
2112
|
}
|
|
2096
2113
|
}, {
|
|
2114
|
+
"../util/comp": 15,
|
|
2097
2115
|
"vue": "vue",
|
|
2098
2116
|
"xe-utils": "xe-utils"
|
|
2099
2117
|
}],
|
|
@@ -2107,6 +2125,13 @@
|
|
|
2107
2125
|
var _table = require("./table");
|
|
2108
2126
|
var _form = require("./form");
|
|
2109
2127
|
var _formDesign = require("./form-design");
|
|
2128
|
+
var _store = require("./store");
|
|
2129
|
+
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
2130
|
+
function _interopRequireDefault(e) {
|
|
2131
|
+
return e && e.__esModule ? e : {
|
|
2132
|
+
"default": e
|
|
2133
|
+
};
|
|
2134
|
+
}
|
|
2110
2135
|
// eslint-disable-next-line no-unused-vars
|
|
2111
2136
|
var ElementPlus;
|
|
2112
2137
|
function getEventTarget(evnt) {
|
|
@@ -2159,12 +2184,31 @@
|
|
|
2159
2184
|
return false;
|
|
2160
2185
|
}
|
|
2161
2186
|
}
|
|
2187
|
+
function toComponentName(name) {
|
|
2188
|
+
if (name) {
|
|
2189
|
+
return name.slice(0, 1).toUpperCase() + name.slice(1);
|
|
2190
|
+
}
|
|
2191
|
+
return name;
|
|
2192
|
+
}
|
|
2162
2193
|
var VxeUIPluginRenderElement = exports.VxeUIPluginRenderElement = {
|
|
2194
|
+
component: function component(comp) {
|
|
2195
|
+
if (comp && comp.name) {
|
|
2196
|
+
var kcName = _xeUtils["default"].kebabCase('el-button');
|
|
2197
|
+
var ccName = toComponentName(_xeUtils["default"].camelCase('el-button'));
|
|
2198
|
+
_store.componentMaps[kcName] = comp;
|
|
2199
|
+
_store.componentMaps[ccName] = comp;
|
|
2200
|
+
} else {
|
|
2201
|
+
console.error('[@vxe-ui/plugin-render-element 4.0.12] error component.', comp);
|
|
2202
|
+
}
|
|
2203
|
+
},
|
|
2163
2204
|
install: function install(VxeUI, options) {
|
|
2164
|
-
|
|
2205
|
+
if (options) {
|
|
2206
|
+
ElementPlus = options.ElementPlus;
|
|
2207
|
+
Object.assign(_store.globalConfig, options);
|
|
2208
|
+
}
|
|
2165
2209
|
// 检查版本
|
|
2166
2210
|
if (!/^(4)\./.test(VxeUI.uiVersion)) {
|
|
2167
|
-
console.error('[@vxe-ui/plugin-render-element 4.0.
|
|
2211
|
+
console.error('[@vxe-ui/plugin-render-element 4.0.12] Requires vxe-table 4.7.0+ version. https://vxeui.com/other4/#/plugin-render-element/install');
|
|
2168
2212
|
}
|
|
2169
2213
|
(0, _table.defineTableRender)(VxeUI);
|
|
2170
2214
|
(0, _form.defineFormRender)(VxeUI);
|
|
@@ -2176,23 +2220,41 @@
|
|
|
2176
2220
|
VxeUI.interceptor.add('event.clearActived', handleClearEvent);
|
|
2177
2221
|
}
|
|
2178
2222
|
};
|
|
2179
|
-
if (typeof window !== 'undefined'
|
|
2180
|
-
window.VxeUI.use
|
|
2223
|
+
if (typeof window !== 'undefined') {
|
|
2224
|
+
if (window.VxeUI && window.VxeUI.use) {
|
|
2225
|
+
window.VxeUI.use(VxeUIPluginRenderElement);
|
|
2226
|
+
}
|
|
2227
|
+
if (window.ElementPlus) {
|
|
2228
|
+
_store.globalConfig.ElementPlus = window.ElementPlus;
|
|
2229
|
+
}
|
|
2181
2230
|
}
|
|
2182
2231
|
var _default = exports["default"] = VxeUIPluginRenderElement;
|
|
2183
2232
|
}, {
|
|
2184
2233
|
"./form": 11,
|
|
2185
2234
|
"./form-design": 3,
|
|
2186
|
-
"./
|
|
2235
|
+
"./store": 13,
|
|
2236
|
+
"./table": 14,
|
|
2237
|
+
"xe-utils": "xe-utils"
|
|
2187
2238
|
}],
|
|
2188
2239
|
13: [function (require, module, exports) {
|
|
2189
2240
|
"use strict";
|
|
2190
2241
|
|
|
2242
|
+
Object.defineProperty(exports, "__esModule", {
|
|
2243
|
+
value: true
|
|
2244
|
+
});
|
|
2245
|
+
exports.globalConfig = exports.componentMaps = void 0;
|
|
2246
|
+
var globalConfig = exports.globalConfig = {};
|
|
2247
|
+
var componentMaps = exports.componentMaps = {};
|
|
2248
|
+
}, {}],
|
|
2249
|
+
14: [function (require, module, exports) {
|
|
2250
|
+
"use strict";
|
|
2251
|
+
|
|
2191
2252
|
Object.defineProperty(exports, "__esModule", {
|
|
2192
2253
|
value: true
|
|
2193
2254
|
});
|
|
2194
2255
|
exports.defineTableRender = defineTableRender;
|
|
2195
2256
|
var _vue = require("vue");
|
|
2257
|
+
var _comp = require("../util/comp");
|
|
2196
2258
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
2197
2259
|
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
2198
2260
|
function _interopRequireDefault(e) {
|
|
@@ -2518,12 +2580,12 @@
|
|
|
2518
2580
|
var name = renderOpts.name,
|
|
2519
2581
|
attrs = renderOpts.attrs;
|
|
2520
2582
|
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
2521
|
-
return [(0, _vue.h)((0,
|
|
2583
|
+
return [(0, _vue.h)((0, _comp.getCurrComponent)(name), _objectSpread(_objectSpread(_objectSpread({}, attrs), getCellEditFilterProps(renderOpts, params, cellValue, defaultProps)), getEditOns(renderOpts, params)))];
|
|
2522
2584
|
};
|
|
2523
2585
|
}
|
|
2524
2586
|
function defaultButtonEditRender(renderOpts, params) {
|
|
2525
2587
|
var attrs = renderOpts.attrs;
|
|
2526
|
-
return [(0, _vue.h)((0,
|
|
2588
|
+
return [(0, _vue.h)((0, _comp.getCurrComponent)('el-button'), _objectSpread(_objectSpread(_objectSpread({}, attrs), getCellEditFilterProps(renderOpts, params, null)), getOns(renderOpts, params)), cellText(renderOpts.content))];
|
|
2527
2589
|
}
|
|
2528
2590
|
function defaultButtonsEditRender(renderOpts, params) {
|
|
2529
2591
|
var children = renderOpts.children;
|
|
@@ -2543,7 +2605,7 @@
|
|
|
2543
2605
|
"class": 'vxe-table--filter-element-wrapper'
|
|
2544
2606
|
}, column.filters.map(function (option, oIndex) {
|
|
2545
2607
|
var optionValue = option.data;
|
|
2546
|
-
return (0, _vue.h)((0,
|
|
2608
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)(name), _objectSpread(_objectSpread(_objectSpread({
|
|
2547
2609
|
key: oIndex
|
|
2548
2610
|
}, attrs), getCellEditFilterProps(renderOpts, params, optionValue, defaultProps)), getFilterOns(renderOpts, params, option, function () {
|
|
2549
2611
|
// 处理 change 事件相关逻辑
|
|
@@ -2585,7 +2647,7 @@
|
|
|
2585
2647
|
var labelProp = optionProps.label || 'label';
|
|
2586
2648
|
var valueProp = optionProps.value || 'value';
|
|
2587
2649
|
return _xeUtils["default"].map(options, function (item, oIndex) {
|
|
2588
|
-
return (0, _vue.h)((0,
|
|
2650
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-option'), {
|
|
2589
2651
|
key: oIndex,
|
|
2590
2652
|
value: item[valueProp],
|
|
2591
2653
|
label: item[labelProp],
|
|
@@ -2644,10 +2706,10 @@
|
|
|
2644
2706
|
if (optionGroups) {
|
|
2645
2707
|
var groupOptions = optionGroupProps.options || 'options';
|
|
2646
2708
|
var groupLabel = optionGroupProps.label || 'label';
|
|
2647
|
-
return [(0, _vue.h)((0,
|
|
2709
|
+
return [(0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), ons), {
|
|
2648
2710
|
"default": function _default() {
|
|
2649
2711
|
return _xeUtils["default"].map(optionGroups, function (group, gIndex) {
|
|
2650
|
-
return (0, _vue.h)((0,
|
|
2712
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-option-group'), {
|
|
2651
2713
|
key: gIndex,
|
|
2652
2714
|
label: group[groupLabel]
|
|
2653
2715
|
}, {
|
|
@@ -2659,7 +2721,7 @@
|
|
|
2659
2721
|
}
|
|
2660
2722
|
})];
|
|
2661
2723
|
}
|
|
2662
|
-
return [(0, _vue.h)((0,
|
|
2724
|
+
return [(0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({}, props), attrs), ons), {
|
|
2663
2725
|
"default": function _default() {
|
|
2664
2726
|
return renderOptions(options, optionProps);
|
|
2665
2727
|
}
|
|
@@ -2685,7 +2747,7 @@
|
|
|
2685
2747
|
}, optionGroups ? column.filters.map(function (option, oIndex) {
|
|
2686
2748
|
var optionValue = option.data;
|
|
2687
2749
|
var props = getCellEditFilterProps(renderOpts, params, optionValue);
|
|
2688
|
-
return (0, _vue.h)((0,
|
|
2750
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({
|
|
2689
2751
|
key: oIndex
|
|
2690
2752
|
}, attrs), props), getFilterOns(renderOpts, params, option, function () {
|
|
2691
2753
|
// 处理 change 事件相关逻辑
|
|
@@ -2693,7 +2755,7 @@
|
|
|
2693
2755
|
})), {
|
|
2694
2756
|
"default": function _default() {
|
|
2695
2757
|
return _xeUtils["default"].map(optionGroups, function (group, gIndex) {
|
|
2696
|
-
return (0, _vue.h)((0,
|
|
2758
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-option-group'), {
|
|
2697
2759
|
key: gIndex,
|
|
2698
2760
|
label: group[groupLabel]
|
|
2699
2761
|
}, {
|
|
@@ -2707,7 +2769,7 @@
|
|
|
2707
2769
|
}) : column.filters.map(function (option, oIndex) {
|
|
2708
2770
|
var optionValue = option.data;
|
|
2709
2771
|
var props = getCellEditFilterProps(renderOpts, params, optionValue);
|
|
2710
|
-
return (0, _vue.h)((0,
|
|
2772
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({
|
|
2711
2773
|
key: oIndex
|
|
2712
2774
|
}, attrs), props), getFilterOns(renderOpts, params, option, function () {
|
|
2713
2775
|
// 处理 change 事件相关逻辑
|
|
@@ -2760,7 +2822,7 @@
|
|
|
2760
2822
|
"class": 'vxe-table--filter-element-wrapper'
|
|
2761
2823
|
}, column.filters.map(function (option, oIndex) {
|
|
2762
2824
|
var optionValue = option.data;
|
|
2763
|
-
return (0, _vue.h)((0,
|
|
2825
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)(name), _objectSpread(_objectSpread(_objectSpread({
|
|
2764
2826
|
key: oIndex
|
|
2765
2827
|
}, attrs), getCellEditFilterProps(renderOpts, params, optionValue)), getFilterOns(renderOpts, params, option, function () {
|
|
2766
2828
|
// 处理 change 事件相关逻辑
|
|
@@ -2820,7 +2882,7 @@
|
|
|
2820
2882
|
"class": 'vxe-table--filter-element-wrapper'
|
|
2821
2883
|
}, column.filters.map(function (option, oIndex) {
|
|
2822
2884
|
var optionValue = option.data;
|
|
2823
|
-
return (0, _vue.h)((0,
|
|
2885
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)(name), _objectSpread(_objectSpread(_objectSpread({
|
|
2824
2886
|
key: oIndex
|
|
2825
2887
|
}, attrs), getCellEditFilterProps(renderOpts, params, optionValue)), getFilterOns(renderOpts, params, option, function () {
|
|
2826
2888
|
// 处理 change 事件相关逻辑
|
|
@@ -2845,9 +2907,26 @@
|
|
|
2845
2907
|
});
|
|
2846
2908
|
}
|
|
2847
2909
|
}, {
|
|
2910
|
+
"../util/comp": 15,
|
|
2848
2911
|
"dayjs": "dayjs",
|
|
2849
2912
|
"vue": "vue",
|
|
2850
2913
|
"xe-utils": "xe-utils"
|
|
2914
|
+
}],
|
|
2915
|
+
15: [function (require, module, exports) {
|
|
2916
|
+
"use strict";
|
|
2917
|
+
|
|
2918
|
+
Object.defineProperty(exports, "__esModule", {
|
|
2919
|
+
value: true
|
|
2920
|
+
});
|
|
2921
|
+
exports.getCurrComponent = getCurrComponent;
|
|
2922
|
+
var _vue = require("vue");
|
|
2923
|
+
var _store = require("../store");
|
|
2924
|
+
function getCurrComponent(name) {
|
|
2925
|
+
return (0, _vue.resolveComponent)(name) || _store.componentMaps[name] || (_store.globalConfig.ElementPlus ? _store.globalConfig.ElementPlus[name] : null);
|
|
2926
|
+
}
|
|
2927
|
+
}, {
|
|
2928
|
+
"../store": 13,
|
|
2929
|
+
"vue": "vue"
|
|
2851
2930
|
}]
|
|
2852
2931
|
}, {}, [12]);
|
|
2853
2932
|
});
|