@vxe-ui/plugin-render-element 4.0.11 → 4.0.13
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 +121 -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 +132 -48
- package/dist/index.umd.min.js +1 -1
- package/dist/store/index.js +8 -0
- package/dist/style.css +15 -43
- package/dist/style.min.css +1 -1
- package/dist/table/index.js +18 -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 +19 -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.13] 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.13] 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],
|
|
@@ -2627,6 +2689,7 @@
|
|
|
2627
2689
|
tableFilterDefaultMethod: defaultFuzzyFilterMethod
|
|
2628
2690
|
},
|
|
2629
2691
|
ElSelect: {
|
|
2692
|
+
tableAutoFocus: 'input',
|
|
2630
2693
|
renderTableEdit: function renderTableEdit(renderOpts, params) {
|
|
2631
2694
|
var _renderOpts$options2 = renderOpts.options,
|
|
2632
2695
|
options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2,
|
|
@@ -2644,10 +2707,10 @@
|
|
|
2644
2707
|
if (optionGroups) {
|
|
2645
2708
|
var groupOptions = optionGroupProps.options || 'options';
|
|
2646
2709
|
var groupLabel = optionGroupProps.label || 'label';
|
|
2647
|
-
return [(0, _vue.h)((0,
|
|
2710
|
+
return [(0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), ons), {
|
|
2648
2711
|
"default": function _default() {
|
|
2649
2712
|
return _xeUtils["default"].map(optionGroups, function (group, gIndex) {
|
|
2650
|
-
return (0, _vue.h)((0,
|
|
2713
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-option-group'), {
|
|
2651
2714
|
key: gIndex,
|
|
2652
2715
|
label: group[groupLabel]
|
|
2653
2716
|
}, {
|
|
@@ -2659,7 +2722,7 @@
|
|
|
2659
2722
|
}
|
|
2660
2723
|
})];
|
|
2661
2724
|
}
|
|
2662
|
-
return [(0, _vue.h)((0,
|
|
2725
|
+
return [(0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({}, props), attrs), ons), {
|
|
2663
2726
|
"default": function _default() {
|
|
2664
2727
|
return renderOptions(options, optionProps);
|
|
2665
2728
|
}
|
|
@@ -2685,7 +2748,7 @@
|
|
|
2685
2748
|
}, optionGroups ? column.filters.map(function (option, oIndex) {
|
|
2686
2749
|
var optionValue = option.data;
|
|
2687
2750
|
var props = getCellEditFilterProps(renderOpts, params, optionValue);
|
|
2688
|
-
return (0, _vue.h)((0,
|
|
2751
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({
|
|
2689
2752
|
key: oIndex
|
|
2690
2753
|
}, attrs), props), getFilterOns(renderOpts, params, option, function () {
|
|
2691
2754
|
// 处理 change 事件相关逻辑
|
|
@@ -2693,7 +2756,7 @@
|
|
|
2693
2756
|
})), {
|
|
2694
2757
|
"default": function _default() {
|
|
2695
2758
|
return _xeUtils["default"].map(optionGroups, function (group, gIndex) {
|
|
2696
|
-
return (0, _vue.h)((0,
|
|
2759
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-option-group'), {
|
|
2697
2760
|
key: gIndex,
|
|
2698
2761
|
label: group[groupLabel]
|
|
2699
2762
|
}, {
|
|
@@ -2707,7 +2770,7 @@
|
|
|
2707
2770
|
}) : column.filters.map(function (option, oIndex) {
|
|
2708
2771
|
var optionValue = option.data;
|
|
2709
2772
|
var props = getCellEditFilterProps(renderOpts, params, optionValue);
|
|
2710
|
-
return (0, _vue.h)((0,
|
|
2773
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({
|
|
2711
2774
|
key: oIndex
|
|
2712
2775
|
}, attrs), props), getFilterOns(renderOpts, params, option, function () {
|
|
2713
2776
|
// 处理 change 事件相关逻辑
|
|
@@ -2741,6 +2804,7 @@
|
|
|
2741
2804
|
tableExportMethod: createExportMethod(getSelectCellValue)
|
|
2742
2805
|
},
|
|
2743
2806
|
ElCascader: {
|
|
2807
|
+
tableAutoFocus: 'input',
|
|
2744
2808
|
renderTableEdit: createEditRender(),
|
|
2745
2809
|
renderTableCell: function renderTableCell(renderOpts, params) {
|
|
2746
2810
|
return getCellLabelVNs(renderOpts, params, getCascaderCellValue(renderOpts, params));
|
|
@@ -2748,6 +2812,7 @@
|
|
|
2748
2812
|
tableExportMethod: createExportMethod(getCascaderCellValue)
|
|
2749
2813
|
},
|
|
2750
2814
|
ElDatePicker: {
|
|
2815
|
+
tableAutoFocus: 'input',
|
|
2751
2816
|
renderTableEdit: createEditRender(),
|
|
2752
2817
|
renderTableCell: function renderTableCell(renderOpts, params) {
|
|
2753
2818
|
return getCellLabelVNs(renderOpts, params, getDatePickerCellValue(renderOpts, params));
|
|
@@ -2760,7 +2825,7 @@
|
|
|
2760
2825
|
"class": 'vxe-table--filter-element-wrapper'
|
|
2761
2826
|
}, column.filters.map(function (option, oIndex) {
|
|
2762
2827
|
var optionValue = option.data;
|
|
2763
|
-
return (0, _vue.h)((0,
|
|
2828
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)(name), _objectSpread(_objectSpread(_objectSpread({
|
|
2764
2829
|
key: oIndex
|
|
2765
2830
|
}, attrs), getCellEditFilterProps(renderOpts, params, optionValue)), getFilterOns(renderOpts, params, option, function () {
|
|
2766
2831
|
// 处理 change 事件相关逻辑
|
|
@@ -2794,6 +2859,7 @@
|
|
|
2794
2859
|
tableExportMethod: createExportMethod(getDatePickerCellValue)
|
|
2795
2860
|
},
|
|
2796
2861
|
ElTimePicker: {
|
|
2862
|
+
tableAutoFocus: 'input',
|
|
2797
2863
|
renderTableEdit: createEditRender(),
|
|
2798
2864
|
renderTableCell: function renderTableCell(renderOpts, params) {
|
|
2799
2865
|
return getCellLabelVNs(renderOpts, params, getTimePickerCellValue(renderOpts, params));
|
|
@@ -2801,6 +2867,7 @@
|
|
|
2801
2867
|
tableExportMethod: createExportMethod(getTimePickerCellValue)
|
|
2802
2868
|
},
|
|
2803
2869
|
ElTimeSelect: {
|
|
2870
|
+
tableAutoFocus: 'input',
|
|
2804
2871
|
renderTableEdit: createEditRender()
|
|
2805
2872
|
},
|
|
2806
2873
|
ElRate: {
|
|
@@ -2820,7 +2887,7 @@
|
|
|
2820
2887
|
"class": 'vxe-table--filter-element-wrapper'
|
|
2821
2888
|
}, column.filters.map(function (option, oIndex) {
|
|
2822
2889
|
var optionValue = option.data;
|
|
2823
|
-
return (0, _vue.h)((0,
|
|
2890
|
+
return (0, _vue.h)((0, _comp.getCurrComponent)(name), _objectSpread(_objectSpread(_objectSpread({
|
|
2824
2891
|
key: oIndex
|
|
2825
2892
|
}, attrs), getCellEditFilterProps(renderOpts, params, optionValue)), getFilterOns(renderOpts, params, option, function () {
|
|
2826
2893
|
// 处理 change 事件相关逻辑
|
|
@@ -2845,9 +2912,26 @@
|
|
|
2845
2912
|
});
|
|
2846
2913
|
}
|
|
2847
2914
|
}, {
|
|
2915
|
+
"../util/comp": 15,
|
|
2848
2916
|
"dayjs": "dayjs",
|
|
2849
2917
|
"vue": "vue",
|
|
2850
2918
|
"xe-utils": "xe-utils"
|
|
2919
|
+
}],
|
|
2920
|
+
15: [function (require, module, exports) {
|
|
2921
|
+
"use strict";
|
|
2922
|
+
|
|
2923
|
+
Object.defineProperty(exports, "__esModule", {
|
|
2924
|
+
value: true
|
|
2925
|
+
});
|
|
2926
|
+
exports.getCurrComponent = getCurrComponent;
|
|
2927
|
+
var _vue = require("vue");
|
|
2928
|
+
var _store = require("../store");
|
|
2929
|
+
function getCurrComponent(name) {
|
|
2930
|
+
return (0, _vue.resolveComponent)(name) || _store.componentMaps[name] || (_store.globalConfig.ElementPlus ? _store.globalConfig.ElementPlus[name] : null);
|
|
2931
|
+
}
|
|
2932
|
+
}, {
|
|
2933
|
+
"../store": 13,
|
|
2934
|
+
"vue": "vue"
|
|
2851
2935
|
}]
|
|
2852
2936
|
}, {}, [12]);
|
|
2853
2937
|
});
|