@vxe-ui/plugin-render-element 4.2.2 → 4.2.3
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/index.common.js +3 -3
- package/dist/index.js +3 -3
- package/dist/index.umd.js +2834 -2985
- package/dist/index.umd.min.js +1 -1
- package/package.json +3 -3
- package/dist/all.common.js +0 -2728
package/dist/all.common.js
DELETED
|
@@ -1,2728 +0,0 @@
|
|
|
1
|
-
(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
|
|
2
|
-
(function (global){(function (){
|
|
3
|
-
"use strict";
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.createWidgetElCheckbox = createWidgetElCheckbox;
|
|
9
|
-
var _vue = (typeof window !== "undefined" ? window['Vue'] : typeof global !== "undefined" ? global['Vue'] : null);
|
|
10
|
-
var _use = require("./use");
|
|
11
|
-
var _comp = require("../util/comp");
|
|
12
|
-
var _xeUtils = _interopRequireDefault((typeof window !== "undefined" ? window['XEUtils'] : typeof global !== "undefined" ? global['XEUtils'] : null));
|
|
13
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
|
-
function createWidgetElCheckbox(VxeUI) {
|
|
15
|
-
var getWidgetElCheckboxConfig = function getWidgetElCheckboxConfig(params) {
|
|
16
|
-
return {
|
|
17
|
-
title: '复选框',
|
|
18
|
-
icon: 'vxe-icon-checkbox-checked',
|
|
19
|
-
options: {
|
|
20
|
-
options: _xeUtils["default"].range(0, 3).map(function (v, i) {
|
|
21
|
-
return {
|
|
22
|
-
value: VxeUI.getI18n('vxe.formDesign.widgetProp.dataSource.defValue', [i + 1])
|
|
23
|
-
};
|
|
24
|
-
})
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
var WidgetElCheckboxFormComponent = (0, _vue.defineComponent)({
|
|
29
|
-
props: {
|
|
30
|
-
renderOpts: {
|
|
31
|
-
type: Object,
|
|
32
|
-
"default": function _default() {
|
|
33
|
-
return {};
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
renderParams: {
|
|
37
|
-
type: Object,
|
|
38
|
-
"default": function _default() {
|
|
39
|
-
return {};
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
emits: [],
|
|
44
|
-
setup: function setup(props) {
|
|
45
|
-
var VxeUIFormComponent = VxeUI.getComponent('VxeForm');
|
|
46
|
-
var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
|
|
47
|
-
var VxeUISwitchComponent = VxeUI.getComponent('VxeSwitch');
|
|
48
|
-
var _useWidgetPropDataSou = (0, _use.useWidgetPropDataSource)(VxeUI, props, false),
|
|
49
|
-
renderDataSourceFormItem = _useWidgetPropDataSou.renderDataSourceFormItem;
|
|
50
|
-
return function () {
|
|
51
|
-
var renderParams = props.renderParams;
|
|
52
|
-
var widget = renderParams.widget;
|
|
53
|
-
return (0, _vue.h)(VxeUIFormComponent, {
|
|
54
|
-
"class": 'vxe-form-design--widget-render-form-wrapper',
|
|
55
|
-
vertical: true,
|
|
56
|
-
span: 24,
|
|
57
|
-
titleBold: true,
|
|
58
|
-
titleOverflow: true,
|
|
59
|
-
data: widget.options
|
|
60
|
-
}, {
|
|
61
|
-
"default": function _default() {
|
|
62
|
-
return [(0, _vue.h)(VxeUIFormItemComponent, {
|
|
63
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
|
|
64
|
-
}, {
|
|
65
|
-
"default": function _default() {
|
|
66
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
|
|
67
|
-
modelValue: widget.title,
|
|
68
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
69
|
-
widget.title = val;
|
|
70
|
-
}
|
|
71
|
-
});
|
|
72
|
-
}
|
|
73
|
-
}), (0, _vue.h)(VxeUIFormItemComponent, {
|
|
74
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.placeholder'),
|
|
75
|
-
field: 'placeholder',
|
|
76
|
-
itemRender: {
|
|
77
|
-
name: 'ElInput'
|
|
78
|
-
}
|
|
79
|
-
}), (0, _vue.h)(VxeUIFormItemComponent, {
|
|
80
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.required')
|
|
81
|
-
}, {
|
|
82
|
-
"default": function _default() {
|
|
83
|
-
return (0, _vue.h)(VxeUISwitchComponent, {
|
|
84
|
-
modelValue: widget.required,
|
|
85
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
86
|
-
widget.required = val;
|
|
87
|
-
}
|
|
88
|
-
});
|
|
89
|
-
}
|
|
90
|
-
}), renderDataSourceFormItem()];
|
|
91
|
-
}
|
|
92
|
-
});
|
|
93
|
-
};
|
|
94
|
-
}
|
|
95
|
-
});
|
|
96
|
-
var WidgetElCheckboxViewComponent = (0, _vue.defineComponent)({
|
|
97
|
-
props: {
|
|
98
|
-
renderOpts: {
|
|
99
|
-
type: Object,
|
|
100
|
-
"default": function _default() {
|
|
101
|
-
return {};
|
|
102
|
-
}
|
|
103
|
-
},
|
|
104
|
-
renderParams: {
|
|
105
|
-
type: Object,
|
|
106
|
-
"default": function _default() {
|
|
107
|
-
return {};
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
},
|
|
111
|
-
emits: [],
|
|
112
|
-
setup: function setup(props) {
|
|
113
|
-
var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
|
|
114
|
-
var changeEvent = function changeEvent() {
|
|
115
|
-
var renderParams = props.renderParams;
|
|
116
|
-
var widget = renderParams.widget,
|
|
117
|
-
$formView = renderParams.$formView;
|
|
118
|
-
if ($formView) {
|
|
119
|
-
var itemValue = $formView ? $formView.getItemValue(widget) : null;
|
|
120
|
-
$formView.updateWidgetStatus(widget, itemValue);
|
|
121
|
-
}
|
|
122
|
-
};
|
|
123
|
-
return function () {
|
|
124
|
-
var renderParams = props.renderParams;
|
|
125
|
-
var widget = renderParams.widget,
|
|
126
|
-
$formView = renderParams.$formView;
|
|
127
|
-
var options = widget.options;
|
|
128
|
-
return (0, _vue.h)(VxeUIFormItemComponent, {
|
|
129
|
-
"class": ['vxe-form-design--widget-render-form-item'],
|
|
130
|
-
field: widget.field,
|
|
131
|
-
title: widget.title
|
|
132
|
-
}, {
|
|
133
|
-
"default": function _default() {
|
|
134
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-checkbox-group'), {
|
|
135
|
-
modelValue: $formView ? $formView.getItemValue(widget) : null,
|
|
136
|
-
onChange: changeEvent,
|
|
137
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
138
|
-
if ($formView) {
|
|
139
|
-
$formView.setItemValue(widget, val);
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
|
-
}, {
|
|
143
|
-
"default": function _default() {
|
|
144
|
-
return options.options ? options.options.map(function (item, index) {
|
|
145
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-checkbox'), {
|
|
146
|
-
key: index,
|
|
147
|
-
value: item.value
|
|
148
|
-
}, {
|
|
149
|
-
"default": function _default() {
|
|
150
|
-
return "".concat(item.value);
|
|
151
|
-
}
|
|
152
|
-
});
|
|
153
|
-
}) : [];
|
|
154
|
-
}
|
|
155
|
-
});
|
|
156
|
-
}
|
|
157
|
-
});
|
|
158
|
-
};
|
|
159
|
-
}
|
|
160
|
-
});
|
|
161
|
-
return {
|
|
162
|
-
getWidgetElCheckboxConfig: getWidgetElCheckboxConfig,
|
|
163
|
-
WidgetElCheckboxFormComponent: WidgetElCheckboxFormComponent,
|
|
164
|
-
WidgetElCheckboxViewComponent: WidgetElCheckboxViewComponent
|
|
165
|
-
};
|
|
166
|
-
}
|
|
167
|
-
}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
|
|
168
|
-
},{"../util/comp":15,"./use":10}],2:[function(require,module,exports){
|
|
169
|
-
(function (global){(function (){
|
|
170
|
-
"use strict";
|
|
171
|
-
|
|
172
|
-
Object.defineProperty(exports, "__esModule", {
|
|
173
|
-
value: true
|
|
174
|
-
});
|
|
175
|
-
exports.createWidgetElDatePicker = createWidgetElDatePicker;
|
|
176
|
-
var _vue = (typeof window !== "undefined" ? window['Vue'] : typeof global !== "undefined" ? global['Vue'] : null);
|
|
177
|
-
var _comp = require("../util/comp");
|
|
178
|
-
function createWidgetElDatePicker(VxeUI) {
|
|
179
|
-
var getWidgetElDatePickerConfig = function getWidgetElDatePickerConfig(params) {
|
|
180
|
-
return {
|
|
181
|
-
title: '日期',
|
|
182
|
-
icon: 'vxe-icon-input',
|
|
183
|
-
options: {
|
|
184
|
-
placeholder: '请选择'
|
|
185
|
-
}
|
|
186
|
-
};
|
|
187
|
-
};
|
|
188
|
-
var WidgetElDatePickerFormComponent = (0, _vue.defineComponent)({
|
|
189
|
-
props: {
|
|
190
|
-
renderOpts: {
|
|
191
|
-
type: Object,
|
|
192
|
-
"default": function _default() {
|
|
193
|
-
return {};
|
|
194
|
-
}
|
|
195
|
-
},
|
|
196
|
-
renderParams: {
|
|
197
|
-
type: Object,
|
|
198
|
-
"default": function _default() {
|
|
199
|
-
return {};
|
|
200
|
-
}
|
|
201
|
-
}
|
|
202
|
-
},
|
|
203
|
-
emits: [],
|
|
204
|
-
setup: function setup(props) {
|
|
205
|
-
var VxeUIFormComponent = VxeUI.getComponent('VxeForm');
|
|
206
|
-
var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
|
|
207
|
-
var VxeUISwitchComponent = VxeUI.getComponent('VxeSwitch');
|
|
208
|
-
return function () {
|
|
209
|
-
var renderParams = props.renderParams;
|
|
210
|
-
var widget = renderParams.widget;
|
|
211
|
-
return (0, _vue.h)(VxeUIFormComponent, {
|
|
212
|
-
"class": 'vxe-form-design--widget-render-form-wrapper',
|
|
213
|
-
vertical: true,
|
|
214
|
-
span: 24,
|
|
215
|
-
titleBold: true,
|
|
216
|
-
titleOverflow: true,
|
|
217
|
-
data: widget.options
|
|
218
|
-
}, {
|
|
219
|
-
"default": function _default() {
|
|
220
|
-
return [(0, _vue.h)(VxeUIFormItemComponent, {
|
|
221
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
|
|
222
|
-
}, {
|
|
223
|
-
"default": function _default() {
|
|
224
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
|
|
225
|
-
modelValue: widget.title,
|
|
226
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
227
|
-
widget.title = val;
|
|
228
|
-
}
|
|
229
|
-
});
|
|
230
|
-
}
|
|
231
|
-
}), (0, _vue.h)(VxeUIFormItemComponent, {
|
|
232
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.placeholder'),
|
|
233
|
-
field: 'placeholder',
|
|
234
|
-
itemRender: {
|
|
235
|
-
name: 'ElDatePicker'
|
|
236
|
-
}
|
|
237
|
-
}), (0, _vue.h)(VxeUIFormItemComponent, {
|
|
238
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.required')
|
|
239
|
-
}, {
|
|
240
|
-
"default": function _default() {
|
|
241
|
-
return (0, _vue.h)(VxeUISwitchComponent, {
|
|
242
|
-
modelValue: widget.required,
|
|
243
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
244
|
-
widget.required = val;
|
|
245
|
-
}
|
|
246
|
-
});
|
|
247
|
-
}
|
|
248
|
-
})];
|
|
249
|
-
}
|
|
250
|
-
});
|
|
251
|
-
};
|
|
252
|
-
}
|
|
253
|
-
});
|
|
254
|
-
var WidgetElDatePickerViewComponent = (0, _vue.defineComponent)({
|
|
255
|
-
props: {
|
|
256
|
-
renderOpts: {
|
|
257
|
-
type: Object,
|
|
258
|
-
"default": function _default() {
|
|
259
|
-
return {};
|
|
260
|
-
}
|
|
261
|
-
},
|
|
262
|
-
renderParams: {
|
|
263
|
-
type: Object,
|
|
264
|
-
"default": function _default() {
|
|
265
|
-
return {};
|
|
266
|
-
}
|
|
267
|
-
}
|
|
268
|
-
},
|
|
269
|
-
emits: [],
|
|
270
|
-
setup: function setup(props) {
|
|
271
|
-
var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
|
|
272
|
-
var changeEvent = function changeEvent() {
|
|
273
|
-
var renderParams = props.renderParams;
|
|
274
|
-
var widget = renderParams.widget,
|
|
275
|
-
$formView = renderParams.$formView;
|
|
276
|
-
if ($formView) {
|
|
277
|
-
var itemValue = $formView ? $formView.getItemValue(widget) : null;
|
|
278
|
-
$formView.updateWidgetStatus(widget, itemValue);
|
|
279
|
-
}
|
|
280
|
-
};
|
|
281
|
-
return function () {
|
|
282
|
-
var renderParams = props.renderParams;
|
|
283
|
-
var widget = renderParams.widget,
|
|
284
|
-
$formView = renderParams.$formView;
|
|
285
|
-
var options = widget.options;
|
|
286
|
-
return (0, _vue.h)(VxeUIFormItemComponent, {
|
|
287
|
-
"class": ['vxe-form-design--widget-render-form-item'],
|
|
288
|
-
field: widget.field,
|
|
289
|
-
title: widget.title
|
|
290
|
-
}, {
|
|
291
|
-
"default": function _default() {
|
|
292
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-date-picker'), {
|
|
293
|
-
modelValue: $formView ? $formView.getItemValue(widget) : null,
|
|
294
|
-
placeholder: options.placeholder,
|
|
295
|
-
onChange: changeEvent,
|
|
296
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
297
|
-
if ($formView) {
|
|
298
|
-
$formView.setItemValue(widget, val);
|
|
299
|
-
}
|
|
300
|
-
}
|
|
301
|
-
});
|
|
302
|
-
}
|
|
303
|
-
});
|
|
304
|
-
};
|
|
305
|
-
}
|
|
306
|
-
});
|
|
307
|
-
return {
|
|
308
|
-
getWidgetElDatePickerConfig: getWidgetElDatePickerConfig,
|
|
309
|
-
WidgetElDatePickerFormComponent: WidgetElDatePickerFormComponent,
|
|
310
|
-
WidgetElDatePickerViewComponent: WidgetElDatePickerViewComponent
|
|
311
|
-
};
|
|
312
|
-
}
|
|
313
|
-
}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
|
|
314
|
-
},{"../util/comp":15}],3:[function(require,module,exports){
|
|
315
|
-
(function (global){(function (){
|
|
316
|
-
"use strict";
|
|
317
|
-
|
|
318
|
-
Object.defineProperty(exports, "__esModule", {
|
|
319
|
-
value: true
|
|
320
|
-
});
|
|
321
|
-
exports.defineFormDesignRender = defineFormDesignRender;
|
|
322
|
-
var _vue = (typeof window !== "undefined" ? window['Vue'] : typeof global !== "undefined" ? global['Vue'] : null);
|
|
323
|
-
var _inputWidget = require("./input-widget");
|
|
324
|
-
var _textareaWidget = require("./textarea-widget");
|
|
325
|
-
var _numberInputWidget = require("./number-input-widget");
|
|
326
|
-
var _datePickerWidget = require("./date-picker-widget");
|
|
327
|
-
var _selectWidget = require("./select-widget");
|
|
328
|
-
var _radioWidget = require("./radio-widget");
|
|
329
|
-
var _checkboxWidget = require("./checkbox-widget");
|
|
330
|
-
var _switchWidget = require("./switch-widget");
|
|
331
|
-
/**
|
|
332
|
-
* 表单设计器 - 渲染器
|
|
333
|
-
*/
|
|
334
|
-
function defineFormDesignRender(VxeUI) {
|
|
335
|
-
var _createWidgetElInput = (0, _inputWidget.createWidgetElInput)(VxeUI),
|
|
336
|
-
getWidgetElInputConfig = _createWidgetElInput.getWidgetElInputConfig,
|
|
337
|
-
WidgetElInputViewComponent = _createWidgetElInput.WidgetElInputViewComponent,
|
|
338
|
-
WidgetElInputFormComponent = _createWidgetElInput.WidgetElInputFormComponent;
|
|
339
|
-
var _createWidgetElTextar = (0, _textareaWidget.createWidgetElTextarea)(VxeUI),
|
|
340
|
-
getWidgetElTextareaConfig = _createWidgetElTextar.getWidgetElTextareaConfig,
|
|
341
|
-
WidgetElTextareaViewComponent = _createWidgetElTextar.WidgetElTextareaViewComponent,
|
|
342
|
-
WidgetElTextareaFormComponent = _createWidgetElTextar.WidgetElTextareaFormComponent;
|
|
343
|
-
var _createWidgetElInputN = (0, _numberInputWidget.createWidgetElInputNumber)(VxeUI),
|
|
344
|
-
getWidgetElInputNumberConfig = _createWidgetElInputN.getWidgetElInputNumberConfig,
|
|
345
|
-
WidgetElInputNumberViewComponent = _createWidgetElInputN.WidgetElInputNumberViewComponent,
|
|
346
|
-
WidgetElInputNumberFormComponent = _createWidgetElInputN.WidgetElInputNumberFormComponent;
|
|
347
|
-
var _createWidgetElDatePi = (0, _datePickerWidget.createWidgetElDatePicker)(VxeUI),
|
|
348
|
-
getWidgetElDatePickerConfig = _createWidgetElDatePi.getWidgetElDatePickerConfig,
|
|
349
|
-
WidgetElDatePickerViewComponent = _createWidgetElDatePi.WidgetElDatePickerViewComponent,
|
|
350
|
-
WidgetElDatePickerFormComponent = _createWidgetElDatePi.WidgetElDatePickerFormComponent;
|
|
351
|
-
var _createWidgetElSelect = (0, _selectWidget.createWidgetElSelect)(VxeUI),
|
|
352
|
-
getWidgetElSelectConfig = _createWidgetElSelect.getWidgetElSelectConfig,
|
|
353
|
-
WidgetElSelectViewComponent = _createWidgetElSelect.WidgetElSelectViewComponent,
|
|
354
|
-
WidgetElSelectFormComponent = _createWidgetElSelect.WidgetElSelectFormComponent;
|
|
355
|
-
var _createWidgetElRadio = (0, _radioWidget.createWidgetElRadio)(VxeUI),
|
|
356
|
-
getWidgetElRadioConfig = _createWidgetElRadio.getWidgetElRadioConfig,
|
|
357
|
-
WidgetElRadioViewComponent = _createWidgetElRadio.WidgetElRadioViewComponent,
|
|
358
|
-
WidgetElRadioFormComponent = _createWidgetElRadio.WidgetElRadioFormComponent;
|
|
359
|
-
var _createWidgetElCheckb = (0, _checkboxWidget.createWidgetElCheckbox)(VxeUI),
|
|
360
|
-
getWidgetElCheckboxConfig = _createWidgetElCheckb.getWidgetElCheckboxConfig,
|
|
361
|
-
WidgetElCheckboxViewComponent = _createWidgetElCheckb.WidgetElCheckboxViewComponent,
|
|
362
|
-
WidgetElCheckboxFormComponent = _createWidgetElCheckb.WidgetElCheckboxFormComponent;
|
|
363
|
-
var _createWidgetElSwitch = (0, _switchWidget.createWidgetElSwitch)(VxeUI),
|
|
364
|
-
getWidgetElSwitchConfig = _createWidgetElSwitch.getWidgetElSwitchConfig,
|
|
365
|
-
WidgetElSwitchViewComponent = _createWidgetElSwitch.WidgetElSwitchViewComponent,
|
|
366
|
-
WidgetElSwitchFormComponent = _createWidgetElSwitch.WidgetElSwitchFormComponent;
|
|
367
|
-
VxeUI.renderer.mixin({
|
|
368
|
-
ElInputWidget: {
|
|
369
|
-
createFormDesignWidgetConfig: getWidgetElInputConfig,
|
|
370
|
-
renderFormDesignWidgetView: function renderFormDesignWidgetView(renderOpts, renderParams) {
|
|
371
|
-
return (0, _vue.h)(WidgetElInputViewComponent, {
|
|
372
|
-
renderOpts: renderOpts,
|
|
373
|
-
renderParams: renderParams
|
|
374
|
-
});
|
|
375
|
-
},
|
|
376
|
-
renderFormDesignWidgetFormView: function renderFormDesignWidgetFormView(renderOpts, renderParams) {
|
|
377
|
-
return (0, _vue.h)(WidgetElInputFormComponent, {
|
|
378
|
-
renderOpts: renderOpts,
|
|
379
|
-
renderParams: renderParams
|
|
380
|
-
});
|
|
381
|
-
}
|
|
382
|
-
},
|
|
383
|
-
ElTextareaWidget: {
|
|
384
|
-
createFormDesignWidgetConfig: getWidgetElTextareaConfig,
|
|
385
|
-
renderFormDesignWidgetView: function renderFormDesignWidgetView(renderOpts, renderParams) {
|
|
386
|
-
return (0, _vue.h)(WidgetElTextareaViewComponent, {
|
|
387
|
-
renderOpts: renderOpts,
|
|
388
|
-
renderParams: renderParams
|
|
389
|
-
});
|
|
390
|
-
},
|
|
391
|
-
renderFormDesignWidgetFormView: function renderFormDesignWidgetFormView(renderOpts, renderParams) {
|
|
392
|
-
return (0, _vue.h)(WidgetElTextareaFormComponent, {
|
|
393
|
-
renderOpts: renderOpts,
|
|
394
|
-
renderParams: renderParams
|
|
395
|
-
});
|
|
396
|
-
}
|
|
397
|
-
},
|
|
398
|
-
ElNumberInputWidget: {
|
|
399
|
-
createFormDesignWidgetConfig: getWidgetElInputNumberConfig,
|
|
400
|
-
renderFormDesignWidgetView: function renderFormDesignWidgetView(renderOpts, renderParams) {
|
|
401
|
-
return (0, _vue.h)(WidgetElInputNumberViewComponent, {
|
|
402
|
-
renderOpts: renderOpts,
|
|
403
|
-
renderParams: renderParams
|
|
404
|
-
});
|
|
405
|
-
},
|
|
406
|
-
renderFormDesignWidgetFormView: function renderFormDesignWidgetFormView(renderOpts, renderParams) {
|
|
407
|
-
return (0, _vue.h)(WidgetElInputNumberFormComponent, {
|
|
408
|
-
renderOpts: renderOpts,
|
|
409
|
-
renderParams: renderParams
|
|
410
|
-
});
|
|
411
|
-
}
|
|
412
|
-
},
|
|
413
|
-
ElDatePickerWidget: {
|
|
414
|
-
createFormDesignWidgetConfig: getWidgetElDatePickerConfig,
|
|
415
|
-
renderFormDesignWidgetView: function renderFormDesignWidgetView(renderOpts, renderParams) {
|
|
416
|
-
return (0, _vue.h)(WidgetElDatePickerViewComponent, {
|
|
417
|
-
renderOpts: renderOpts,
|
|
418
|
-
renderParams: renderParams
|
|
419
|
-
});
|
|
420
|
-
},
|
|
421
|
-
renderFormDesignWidgetFormView: function renderFormDesignWidgetFormView(renderOpts, renderParams) {
|
|
422
|
-
return (0, _vue.h)(WidgetElDatePickerFormComponent, {
|
|
423
|
-
renderOpts: renderOpts,
|
|
424
|
-
renderParams: renderParams
|
|
425
|
-
});
|
|
426
|
-
}
|
|
427
|
-
},
|
|
428
|
-
ElSelectWidget: {
|
|
429
|
-
createFormDesignWidgetConfig: getWidgetElSelectConfig,
|
|
430
|
-
renderFormDesignWidgetView: function renderFormDesignWidgetView(renderOpts, renderParams) {
|
|
431
|
-
return (0, _vue.h)(WidgetElSelectViewComponent, {
|
|
432
|
-
renderOpts: renderOpts,
|
|
433
|
-
renderParams: renderParams
|
|
434
|
-
});
|
|
435
|
-
},
|
|
436
|
-
renderFormDesignWidgetFormView: function renderFormDesignWidgetFormView(renderOpts, renderParams) {
|
|
437
|
-
return (0, _vue.h)(WidgetElSelectFormComponent, {
|
|
438
|
-
renderOpts: renderOpts,
|
|
439
|
-
renderParams: renderParams
|
|
440
|
-
});
|
|
441
|
-
}
|
|
442
|
-
},
|
|
443
|
-
ElRadioWidget: {
|
|
444
|
-
createFormDesignWidgetConfig: getWidgetElRadioConfig,
|
|
445
|
-
renderFormDesignWidgetView: function renderFormDesignWidgetView(renderOpts, renderParams) {
|
|
446
|
-
return (0, _vue.h)(WidgetElRadioViewComponent, {
|
|
447
|
-
renderOpts: renderOpts,
|
|
448
|
-
renderParams: renderParams
|
|
449
|
-
});
|
|
450
|
-
},
|
|
451
|
-
renderFormDesignWidgetFormView: function renderFormDesignWidgetFormView(renderOpts, renderParams) {
|
|
452
|
-
return (0, _vue.h)(WidgetElRadioFormComponent, {
|
|
453
|
-
renderOpts: renderOpts,
|
|
454
|
-
renderParams: renderParams
|
|
455
|
-
});
|
|
456
|
-
}
|
|
457
|
-
},
|
|
458
|
-
ElCheckboxWidget: {
|
|
459
|
-
createFormDesignWidgetConfig: getWidgetElCheckboxConfig,
|
|
460
|
-
createFormDesignWidgetFieldValue: function createFormDesignWidgetFieldValue() {
|
|
461
|
-
return [];
|
|
462
|
-
},
|
|
463
|
-
renderFormDesignWidgetView: function renderFormDesignWidgetView(renderOpts, renderParams) {
|
|
464
|
-
return (0, _vue.h)(WidgetElCheckboxViewComponent, {
|
|
465
|
-
renderOpts: renderOpts,
|
|
466
|
-
renderParams: renderParams
|
|
467
|
-
});
|
|
468
|
-
},
|
|
469
|
-
renderFormDesignWidgetFormView: function renderFormDesignWidgetFormView(renderOpts, renderParams) {
|
|
470
|
-
return (0, _vue.h)(WidgetElCheckboxFormComponent, {
|
|
471
|
-
renderOpts: renderOpts,
|
|
472
|
-
renderParams: renderParams
|
|
473
|
-
});
|
|
474
|
-
}
|
|
475
|
-
},
|
|
476
|
-
ElSwitchWidget: {
|
|
477
|
-
createFormDesignWidgetConfig: getWidgetElSwitchConfig,
|
|
478
|
-
renderFormDesignWidgetView: function renderFormDesignWidgetView(renderOpts, renderParams) {
|
|
479
|
-
return (0, _vue.h)(WidgetElSwitchViewComponent, {
|
|
480
|
-
renderOpts: renderOpts,
|
|
481
|
-
renderParams: renderParams
|
|
482
|
-
});
|
|
483
|
-
},
|
|
484
|
-
renderFormDesignWidgetFormView: function renderFormDesignWidgetFormView(renderOpts, renderParams) {
|
|
485
|
-
return (0, _vue.h)(WidgetElSwitchFormComponent, {
|
|
486
|
-
renderOpts: renderOpts,
|
|
487
|
-
renderParams: renderParams
|
|
488
|
-
});
|
|
489
|
-
}
|
|
490
|
-
}
|
|
491
|
-
});
|
|
492
|
-
}
|
|
493
|
-
}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
|
|
494
|
-
},{"./checkbox-widget":1,"./date-picker-widget":2,"./input-widget":4,"./number-input-widget":5,"./radio-widget":6,"./select-widget":7,"./switch-widget":8,"./textarea-widget":9}],4:[function(require,module,exports){
|
|
495
|
-
(function (global){(function (){
|
|
496
|
-
"use strict";
|
|
497
|
-
|
|
498
|
-
Object.defineProperty(exports, "__esModule", {
|
|
499
|
-
value: true
|
|
500
|
-
});
|
|
501
|
-
exports.createWidgetElInput = createWidgetElInput;
|
|
502
|
-
var _vue = (typeof window !== "undefined" ? window['Vue'] : typeof global !== "undefined" ? global['Vue'] : null);
|
|
503
|
-
var _comp = require("../util/comp");
|
|
504
|
-
function createWidgetElInput(VxeUI) {
|
|
505
|
-
var getWidgetElInputConfig = function getWidgetElInputConfig(params) {
|
|
506
|
-
return {
|
|
507
|
-
title: '输入框',
|
|
508
|
-
icon: 'vxe-icon-input',
|
|
509
|
-
options: {
|
|
510
|
-
placeholder: '请输入'
|
|
511
|
-
}
|
|
512
|
-
};
|
|
513
|
-
};
|
|
514
|
-
var WidgetElInputFormComponent = (0, _vue.defineComponent)({
|
|
515
|
-
props: {
|
|
516
|
-
renderOpts: {
|
|
517
|
-
type: Object,
|
|
518
|
-
"default": function _default() {
|
|
519
|
-
return {};
|
|
520
|
-
}
|
|
521
|
-
},
|
|
522
|
-
renderParams: {
|
|
523
|
-
type: Object,
|
|
524
|
-
"default": function _default() {
|
|
525
|
-
return {};
|
|
526
|
-
}
|
|
527
|
-
}
|
|
528
|
-
},
|
|
529
|
-
emits: [],
|
|
530
|
-
setup: function setup(props) {
|
|
531
|
-
var VxeUIFormComponent = VxeUI.getComponent('VxeForm');
|
|
532
|
-
var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
|
|
533
|
-
var VxeUISwitchComponent = VxeUI.getComponent('VxeSwitch');
|
|
534
|
-
return function () {
|
|
535
|
-
var renderParams = props.renderParams;
|
|
536
|
-
var widget = renderParams.widget;
|
|
537
|
-
var options = widget.options;
|
|
538
|
-
return (0, _vue.h)(VxeUIFormComponent, {
|
|
539
|
-
"class": 'vxe-form-design--widget-render-form-wrapper',
|
|
540
|
-
vertical: true,
|
|
541
|
-
span: 24,
|
|
542
|
-
titleBold: true,
|
|
543
|
-
titleOverflow: true,
|
|
544
|
-
data: options
|
|
545
|
-
}, {
|
|
546
|
-
"default": function _default() {
|
|
547
|
-
return [(0, _vue.h)(VxeUIFormItemComponent, {
|
|
548
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
|
|
549
|
-
}, {
|
|
550
|
-
"default": function _default() {
|
|
551
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
|
|
552
|
-
modelValue: widget.title,
|
|
553
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
554
|
-
widget.title = val;
|
|
555
|
-
}
|
|
556
|
-
});
|
|
557
|
-
}
|
|
558
|
-
}), (0, _vue.h)(VxeUIFormItemComponent, {
|
|
559
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.placeholder'),
|
|
560
|
-
field: 'placeholder',
|
|
561
|
-
itemRender: {
|
|
562
|
-
name: 'ElInput'
|
|
563
|
-
}
|
|
564
|
-
}), (0, _vue.h)(VxeUIFormItemComponent, {
|
|
565
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.required')
|
|
566
|
-
}, {
|
|
567
|
-
"default": function _default() {
|
|
568
|
-
return (0, _vue.h)(VxeUISwitchComponent, {
|
|
569
|
-
modelValue: widget.required,
|
|
570
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
571
|
-
widget.required = val;
|
|
572
|
-
}
|
|
573
|
-
});
|
|
574
|
-
}
|
|
575
|
-
})];
|
|
576
|
-
}
|
|
577
|
-
});
|
|
578
|
-
};
|
|
579
|
-
}
|
|
580
|
-
});
|
|
581
|
-
var WidgetElInputViewComponent = (0, _vue.defineComponent)({
|
|
582
|
-
props: {
|
|
583
|
-
renderOpts: {
|
|
584
|
-
type: Object,
|
|
585
|
-
"default": function _default() {
|
|
586
|
-
return {};
|
|
587
|
-
}
|
|
588
|
-
},
|
|
589
|
-
renderParams: {
|
|
590
|
-
type: Object,
|
|
591
|
-
"default": function _default() {
|
|
592
|
-
return {};
|
|
593
|
-
}
|
|
594
|
-
}
|
|
595
|
-
},
|
|
596
|
-
emits: [],
|
|
597
|
-
setup: function setup(props) {
|
|
598
|
-
var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
|
|
599
|
-
var changeEvent = function changeEvent() {
|
|
600
|
-
var renderParams = props.renderParams;
|
|
601
|
-
var widget = renderParams.widget,
|
|
602
|
-
$formView = renderParams.$formView;
|
|
603
|
-
if ($formView) {
|
|
604
|
-
var itemValue = $formView ? $formView.getItemValue(widget) : null;
|
|
605
|
-
$formView.updateWidgetStatus(widget, itemValue);
|
|
606
|
-
}
|
|
607
|
-
};
|
|
608
|
-
return function () {
|
|
609
|
-
var renderParams = props.renderParams;
|
|
610
|
-
var widget = renderParams.widget,
|
|
611
|
-
$formView = renderParams.$formView;
|
|
612
|
-
var options = widget.options;
|
|
613
|
-
return (0, _vue.h)(VxeUIFormItemComponent, {
|
|
614
|
-
"class": ['vxe-form-design--widget-render-form-item'],
|
|
615
|
-
field: widget.field,
|
|
616
|
-
title: widget.title
|
|
617
|
-
}, {
|
|
618
|
-
"default": function _default() {
|
|
619
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
|
|
620
|
-
modelValue: $formView ? $formView.getItemValue(widget) : null,
|
|
621
|
-
placeholder: options.placeholder,
|
|
622
|
-
onChange: changeEvent,
|
|
623
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
624
|
-
if ($formView) {
|
|
625
|
-
$formView.setItemValue(widget, val);
|
|
626
|
-
}
|
|
627
|
-
}
|
|
628
|
-
});
|
|
629
|
-
}
|
|
630
|
-
});
|
|
631
|
-
};
|
|
632
|
-
}
|
|
633
|
-
});
|
|
634
|
-
return {
|
|
635
|
-
getWidgetElInputConfig: getWidgetElInputConfig,
|
|
636
|
-
WidgetElInputFormComponent: WidgetElInputFormComponent,
|
|
637
|
-
WidgetElInputViewComponent: WidgetElInputViewComponent
|
|
638
|
-
};
|
|
639
|
-
}
|
|
640
|
-
}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
|
|
641
|
-
},{"../util/comp":15}],5:[function(require,module,exports){
|
|
642
|
-
(function (global){(function (){
|
|
643
|
-
"use strict";
|
|
644
|
-
|
|
645
|
-
Object.defineProperty(exports, "__esModule", {
|
|
646
|
-
value: true
|
|
647
|
-
});
|
|
648
|
-
exports.createWidgetElInputNumber = createWidgetElInputNumber;
|
|
649
|
-
var _vue = (typeof window !== "undefined" ? window['Vue'] : typeof global !== "undefined" ? global['Vue'] : null);
|
|
650
|
-
var _comp = require("../util/comp");
|
|
651
|
-
function createWidgetElInputNumber(VxeUI) {
|
|
652
|
-
var getWidgetElInputNumberConfig = function getWidgetElInputNumberConfig(params) {
|
|
653
|
-
return {
|
|
654
|
-
title: '数字',
|
|
655
|
-
icon: 'vxe-icon-number',
|
|
656
|
-
options: {
|
|
657
|
-
placeholder: '请输入'
|
|
658
|
-
}
|
|
659
|
-
};
|
|
660
|
-
};
|
|
661
|
-
var WidgetElInputNumberFormComponent = (0, _vue.defineComponent)({
|
|
662
|
-
props: {
|
|
663
|
-
renderOpts: {
|
|
664
|
-
type: Object,
|
|
665
|
-
"default": function _default() {
|
|
666
|
-
return {};
|
|
667
|
-
}
|
|
668
|
-
},
|
|
669
|
-
renderParams: {
|
|
670
|
-
type: Object,
|
|
671
|
-
"default": function _default() {
|
|
672
|
-
return {};
|
|
673
|
-
}
|
|
674
|
-
}
|
|
675
|
-
},
|
|
676
|
-
emits: [],
|
|
677
|
-
setup: function setup(props) {
|
|
678
|
-
var VxeUIFormComponent = VxeUI.getComponent('VxeForm');
|
|
679
|
-
var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
|
|
680
|
-
var VxeUISwitchComponent = VxeUI.getComponent('VxeSwitch');
|
|
681
|
-
return function () {
|
|
682
|
-
var renderParams = props.renderParams;
|
|
683
|
-
var widget = renderParams.widget;
|
|
684
|
-
return (0, _vue.h)(VxeUIFormComponent, {
|
|
685
|
-
"class": 'vxe-form-design--widget-render-form-wrapper',
|
|
686
|
-
vertical: true,
|
|
687
|
-
span: 24,
|
|
688
|
-
titleBold: true,
|
|
689
|
-
titleOverflow: true,
|
|
690
|
-
data: widget.options
|
|
691
|
-
}, {
|
|
692
|
-
"default": function _default() {
|
|
693
|
-
return [(0, _vue.h)(VxeUIFormItemComponent, {
|
|
694
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
|
|
695
|
-
}, {
|
|
696
|
-
"default": function _default() {
|
|
697
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
|
|
698
|
-
modelValue: widget.title,
|
|
699
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
700
|
-
widget.title = val;
|
|
701
|
-
}
|
|
702
|
-
});
|
|
703
|
-
}
|
|
704
|
-
}), (0, _vue.h)(VxeUIFormItemComponent, {
|
|
705
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.placeholder'),
|
|
706
|
-
field: 'placeholder',
|
|
707
|
-
itemRender: {
|
|
708
|
-
name: 'ElInput'
|
|
709
|
-
}
|
|
710
|
-
}), (0, _vue.h)(VxeUIFormItemComponent, {
|
|
711
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.required')
|
|
712
|
-
}, {
|
|
713
|
-
"default": function _default() {
|
|
714
|
-
return (0, _vue.h)(VxeUISwitchComponent, {
|
|
715
|
-
modelValue: widget.required,
|
|
716
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
717
|
-
widget.required = val;
|
|
718
|
-
}
|
|
719
|
-
});
|
|
720
|
-
}
|
|
721
|
-
})];
|
|
722
|
-
}
|
|
723
|
-
});
|
|
724
|
-
};
|
|
725
|
-
}
|
|
726
|
-
});
|
|
727
|
-
var WidgetElInputNumberViewComponent = (0, _vue.defineComponent)({
|
|
728
|
-
props: {
|
|
729
|
-
renderOpts: {
|
|
730
|
-
type: Object,
|
|
731
|
-
"default": function _default() {
|
|
732
|
-
return {};
|
|
733
|
-
}
|
|
734
|
-
},
|
|
735
|
-
renderParams: {
|
|
736
|
-
type: Object,
|
|
737
|
-
"default": function _default() {
|
|
738
|
-
return {};
|
|
739
|
-
}
|
|
740
|
-
}
|
|
741
|
-
},
|
|
742
|
-
emits: [],
|
|
743
|
-
setup: function setup(props) {
|
|
744
|
-
var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
|
|
745
|
-
var changeEvent = function changeEvent() {
|
|
746
|
-
var renderParams = props.renderParams;
|
|
747
|
-
var widget = renderParams.widget,
|
|
748
|
-
$formView = renderParams.$formView;
|
|
749
|
-
if ($formView) {
|
|
750
|
-
var itemValue = $formView ? $formView.getItemValue(widget) : null;
|
|
751
|
-
$formView.updateWidgetStatus(widget, itemValue);
|
|
752
|
-
}
|
|
753
|
-
};
|
|
754
|
-
return function () {
|
|
755
|
-
var renderParams = props.renderParams;
|
|
756
|
-
var widget = renderParams.widget,
|
|
757
|
-
$formView = renderParams.$formView;
|
|
758
|
-
var options = widget.options;
|
|
759
|
-
return (0, _vue.h)(VxeUIFormItemComponent, {
|
|
760
|
-
"class": ['vxe-form-design--widget-render-form-item'],
|
|
761
|
-
field: widget.field,
|
|
762
|
-
title: widget.title
|
|
763
|
-
}, {
|
|
764
|
-
"default": function _default() {
|
|
765
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input-number'), {
|
|
766
|
-
modelValue: $formView ? $formView.getItemValue(widget) : null,
|
|
767
|
-
placeholder: options.placeholder,
|
|
768
|
-
onChange: changeEvent,
|
|
769
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
770
|
-
if ($formView) {
|
|
771
|
-
$formView.setItemValue(widget, val);
|
|
772
|
-
}
|
|
773
|
-
}
|
|
774
|
-
});
|
|
775
|
-
}
|
|
776
|
-
});
|
|
777
|
-
};
|
|
778
|
-
}
|
|
779
|
-
});
|
|
780
|
-
return {
|
|
781
|
-
getWidgetElInputNumberConfig: getWidgetElInputNumberConfig,
|
|
782
|
-
WidgetElInputNumberFormComponent: WidgetElInputNumberFormComponent,
|
|
783
|
-
WidgetElInputNumberViewComponent: WidgetElInputNumberViewComponent
|
|
784
|
-
};
|
|
785
|
-
}
|
|
786
|
-
}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
|
|
787
|
-
},{"../util/comp":15}],6:[function(require,module,exports){
|
|
788
|
-
(function (global){(function (){
|
|
789
|
-
"use strict";
|
|
790
|
-
|
|
791
|
-
Object.defineProperty(exports, "__esModule", {
|
|
792
|
-
value: true
|
|
793
|
-
});
|
|
794
|
-
exports.createWidgetElRadio = createWidgetElRadio;
|
|
795
|
-
var _vue = (typeof window !== "undefined" ? window['Vue'] : typeof global !== "undefined" ? global['Vue'] : null);
|
|
796
|
-
var _use = require("./use");
|
|
797
|
-
var _comp = require("../util/comp");
|
|
798
|
-
var _xeUtils = _interopRequireDefault((typeof window !== "undefined" ? window['XEUtils'] : typeof global !== "undefined" ? global['XEUtils'] : null));
|
|
799
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
800
|
-
function createWidgetElRadio(VxeUI) {
|
|
801
|
-
var getWidgetElRadioConfig = function getWidgetElRadioConfig(params) {
|
|
802
|
-
return {
|
|
803
|
-
title: '单选框',
|
|
804
|
-
icon: 'vxe-icon-radio-checked',
|
|
805
|
-
options: {
|
|
806
|
-
options: _xeUtils["default"].range(0, 3).map(function (v, i) {
|
|
807
|
-
return {
|
|
808
|
-
value: VxeUI.getI18n('vxe.formDesign.widgetProp.dataSource.defValue', [i + 1])
|
|
809
|
-
};
|
|
810
|
-
})
|
|
811
|
-
}
|
|
812
|
-
};
|
|
813
|
-
};
|
|
814
|
-
var WidgetElRadioFormComponent = (0, _vue.defineComponent)({
|
|
815
|
-
props: {
|
|
816
|
-
renderOpts: {
|
|
817
|
-
type: Object,
|
|
818
|
-
"default": function _default() {
|
|
819
|
-
return {};
|
|
820
|
-
}
|
|
821
|
-
},
|
|
822
|
-
renderParams: {
|
|
823
|
-
type: Object,
|
|
824
|
-
"default": function _default() {
|
|
825
|
-
return {};
|
|
826
|
-
}
|
|
827
|
-
}
|
|
828
|
-
},
|
|
829
|
-
emits: [],
|
|
830
|
-
setup: function setup(props) {
|
|
831
|
-
var VxeUIFormComponent = VxeUI.getComponent('VxeForm');
|
|
832
|
-
var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
|
|
833
|
-
var VxeUISwitchComponent = VxeUI.getComponent('VxeSwitch');
|
|
834
|
-
var _useWidgetPropDataSou = (0, _use.useWidgetPropDataSource)(VxeUI, props, false),
|
|
835
|
-
renderDataSourceFormItem = _useWidgetPropDataSou.renderDataSourceFormItem;
|
|
836
|
-
return function () {
|
|
837
|
-
var renderParams = props.renderParams;
|
|
838
|
-
var widget = renderParams.widget;
|
|
839
|
-
return (0, _vue.h)(VxeUIFormComponent, {
|
|
840
|
-
"class": 'vxe-form-design--widget-render-form-wrapper',
|
|
841
|
-
vertical: true,
|
|
842
|
-
span: 24,
|
|
843
|
-
titleBold: true,
|
|
844
|
-
titleOverflow: true,
|
|
845
|
-
data: widget.options
|
|
846
|
-
}, {
|
|
847
|
-
"default": function _default() {
|
|
848
|
-
return [(0, _vue.h)(VxeUIFormItemComponent, {
|
|
849
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
|
|
850
|
-
}, {
|
|
851
|
-
"default": function _default() {
|
|
852
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
|
|
853
|
-
modelValue: widget.title,
|
|
854
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
855
|
-
widget.title = val;
|
|
856
|
-
}
|
|
857
|
-
});
|
|
858
|
-
}
|
|
859
|
-
}), (0, _vue.h)(VxeUIFormItemComponent, {
|
|
860
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.placeholder'),
|
|
861
|
-
field: 'placeholder',
|
|
862
|
-
itemRender: {
|
|
863
|
-
name: 'ElInput'
|
|
864
|
-
}
|
|
865
|
-
}), (0, _vue.h)(VxeUIFormItemComponent, {
|
|
866
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.required')
|
|
867
|
-
}, {
|
|
868
|
-
"default": function _default() {
|
|
869
|
-
return (0, _vue.h)(VxeUISwitchComponent, {
|
|
870
|
-
modelValue: widget.required,
|
|
871
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
872
|
-
widget.required = val;
|
|
873
|
-
}
|
|
874
|
-
});
|
|
875
|
-
}
|
|
876
|
-
}), renderDataSourceFormItem()];
|
|
877
|
-
}
|
|
878
|
-
});
|
|
879
|
-
};
|
|
880
|
-
}
|
|
881
|
-
});
|
|
882
|
-
var WidgetElRadioViewComponent = (0, _vue.defineComponent)({
|
|
883
|
-
props: {
|
|
884
|
-
renderOpts: {
|
|
885
|
-
type: Object,
|
|
886
|
-
"default": function _default() {
|
|
887
|
-
return {};
|
|
888
|
-
}
|
|
889
|
-
},
|
|
890
|
-
renderParams: {
|
|
891
|
-
type: Object,
|
|
892
|
-
"default": function _default() {
|
|
893
|
-
return {};
|
|
894
|
-
}
|
|
895
|
-
}
|
|
896
|
-
},
|
|
897
|
-
emits: [],
|
|
898
|
-
setup: function setup(props) {
|
|
899
|
-
var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
|
|
900
|
-
var changeEvent = function changeEvent() {
|
|
901
|
-
var renderParams = props.renderParams;
|
|
902
|
-
var widget = renderParams.widget,
|
|
903
|
-
$formView = renderParams.$formView;
|
|
904
|
-
if ($formView) {
|
|
905
|
-
var itemValue = $formView ? $formView.getItemValue(widget) : null;
|
|
906
|
-
$formView.updateWidgetStatus(widget, itemValue);
|
|
907
|
-
}
|
|
908
|
-
};
|
|
909
|
-
return function () {
|
|
910
|
-
var renderParams = props.renderParams;
|
|
911
|
-
var widget = renderParams.widget,
|
|
912
|
-
$formView = renderParams.$formView;
|
|
913
|
-
var options = widget.options;
|
|
914
|
-
return (0, _vue.h)(VxeUIFormItemComponent, {
|
|
915
|
-
"class": ['vxe-form-design--widget-render-form-item'],
|
|
916
|
-
field: widget.field,
|
|
917
|
-
title: widget.title
|
|
918
|
-
}, {
|
|
919
|
-
"default": function _default() {
|
|
920
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-radio-group'), {
|
|
921
|
-
modelValue: $formView ? $formView.getItemValue(widget) : null,
|
|
922
|
-
onChange: changeEvent,
|
|
923
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
924
|
-
if ($formView) {
|
|
925
|
-
$formView.setItemValue(widget, val);
|
|
926
|
-
}
|
|
927
|
-
}
|
|
928
|
-
}, {
|
|
929
|
-
"default": function _default() {
|
|
930
|
-
return options.options ? options.options.map(function (item, index) {
|
|
931
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-radio'), {
|
|
932
|
-
key: index,
|
|
933
|
-
value: item.value
|
|
934
|
-
}, {
|
|
935
|
-
"default": function _default() {
|
|
936
|
-
return "".concat(item.value || '');
|
|
937
|
-
}
|
|
938
|
-
});
|
|
939
|
-
}) : [];
|
|
940
|
-
}
|
|
941
|
-
});
|
|
942
|
-
}
|
|
943
|
-
});
|
|
944
|
-
};
|
|
945
|
-
}
|
|
946
|
-
});
|
|
947
|
-
return {
|
|
948
|
-
getWidgetElRadioConfig: getWidgetElRadioConfig,
|
|
949
|
-
WidgetElRadioFormComponent: WidgetElRadioFormComponent,
|
|
950
|
-
WidgetElRadioViewComponent: WidgetElRadioViewComponent
|
|
951
|
-
};
|
|
952
|
-
}
|
|
953
|
-
}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
|
|
954
|
-
},{"../util/comp":15,"./use":10}],7:[function(require,module,exports){
|
|
955
|
-
(function (global){(function (){
|
|
956
|
-
"use strict";
|
|
957
|
-
|
|
958
|
-
Object.defineProperty(exports, "__esModule", {
|
|
959
|
-
value: true
|
|
960
|
-
});
|
|
961
|
-
exports.createWidgetElSelect = createWidgetElSelect;
|
|
962
|
-
var _vue = (typeof window !== "undefined" ? window['Vue'] : typeof global !== "undefined" ? global['Vue'] : null);
|
|
963
|
-
var _use = require("./use");
|
|
964
|
-
var _comp = require("../util/comp");
|
|
965
|
-
var _xeUtils = _interopRequireDefault((typeof window !== "undefined" ? window['XEUtils'] : typeof global !== "undefined" ? global['XEUtils'] : null));
|
|
966
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
967
|
-
function createWidgetElSelect(VxeUI) {
|
|
968
|
-
var getWidgetElSelectConfig = function getWidgetElSelectConfig(params) {
|
|
969
|
-
return {
|
|
970
|
-
title: '下拉框',
|
|
971
|
-
icon: 'vxe-icon-select',
|
|
972
|
-
options: {
|
|
973
|
-
placeholder: '请选择',
|
|
974
|
-
options: _xeUtils["default"].range(0, 3).map(function (v, i) {
|
|
975
|
-
return {
|
|
976
|
-
value: VxeUI.getI18n('vxe.formDesign.widgetProp.dataSource.defValue', [i + 1])
|
|
977
|
-
};
|
|
978
|
-
})
|
|
979
|
-
}
|
|
980
|
-
};
|
|
981
|
-
};
|
|
982
|
-
var WidgetElSelectFormComponent = (0, _vue.defineComponent)({
|
|
983
|
-
props: {
|
|
984
|
-
renderOpts: {
|
|
985
|
-
type: Object,
|
|
986
|
-
"default": function _default() {
|
|
987
|
-
return {};
|
|
988
|
-
}
|
|
989
|
-
},
|
|
990
|
-
renderParams: {
|
|
991
|
-
type: Object,
|
|
992
|
-
"default": function _default() {
|
|
993
|
-
return {};
|
|
994
|
-
}
|
|
995
|
-
}
|
|
996
|
-
},
|
|
997
|
-
emits: [],
|
|
998
|
-
setup: function setup(props) {
|
|
999
|
-
var VxeUIFormComponent = VxeUI.getComponent('VxeForm');
|
|
1000
|
-
var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
|
|
1001
|
-
var VxeUISwitchComponent = VxeUI.getComponent('VxeSwitch');
|
|
1002
|
-
var _useWidgetPropDataSou = (0, _use.useWidgetPropDataSource)(VxeUI, props, false),
|
|
1003
|
-
renderDataSourceFormItem = _useWidgetPropDataSou.renderDataSourceFormItem;
|
|
1004
|
-
return function () {
|
|
1005
|
-
var renderParams = props.renderParams;
|
|
1006
|
-
var widget = renderParams.widget;
|
|
1007
|
-
return (0, _vue.h)(VxeUIFormComponent, {
|
|
1008
|
-
"class": 'vxe-form-design--widget-render-form-wrapper',
|
|
1009
|
-
vertical: true,
|
|
1010
|
-
span: 24,
|
|
1011
|
-
titleBold: true,
|
|
1012
|
-
titleOverflow: true,
|
|
1013
|
-
data: widget.options
|
|
1014
|
-
}, {
|
|
1015
|
-
"default": function _default() {
|
|
1016
|
-
return [(0, _vue.h)(VxeUIFormItemComponent, {
|
|
1017
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
|
|
1018
|
-
}, {
|
|
1019
|
-
"default": function _default() {
|
|
1020
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
|
|
1021
|
-
modelValue: widget.title,
|
|
1022
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
1023
|
-
widget.title = val;
|
|
1024
|
-
}
|
|
1025
|
-
});
|
|
1026
|
-
}
|
|
1027
|
-
}), (0, _vue.h)(VxeUIFormItemComponent, {
|
|
1028
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.placeholder'),
|
|
1029
|
-
field: 'placeholder',
|
|
1030
|
-
itemRender: {
|
|
1031
|
-
name: 'ElInput'
|
|
1032
|
-
}
|
|
1033
|
-
}), (0, _vue.h)(VxeUIFormItemComponent, {
|
|
1034
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.required')
|
|
1035
|
-
}, {
|
|
1036
|
-
"default": function _default() {
|
|
1037
|
-
return (0, _vue.h)(VxeUISwitchComponent, {
|
|
1038
|
-
modelValue: widget.required,
|
|
1039
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
1040
|
-
widget.required = val;
|
|
1041
|
-
}
|
|
1042
|
-
});
|
|
1043
|
-
}
|
|
1044
|
-
}), renderDataSourceFormItem()];
|
|
1045
|
-
}
|
|
1046
|
-
});
|
|
1047
|
-
};
|
|
1048
|
-
}
|
|
1049
|
-
});
|
|
1050
|
-
var WidgetElSelectViewComponent = (0, _vue.defineComponent)({
|
|
1051
|
-
props: {
|
|
1052
|
-
renderOpts: {
|
|
1053
|
-
type: Object,
|
|
1054
|
-
"default": function _default() {
|
|
1055
|
-
return {};
|
|
1056
|
-
}
|
|
1057
|
-
},
|
|
1058
|
-
renderParams: {
|
|
1059
|
-
type: Object,
|
|
1060
|
-
"default": function _default() {
|
|
1061
|
-
return {};
|
|
1062
|
-
}
|
|
1063
|
-
}
|
|
1064
|
-
},
|
|
1065
|
-
emits: [],
|
|
1066
|
-
setup: function setup(props) {
|
|
1067
|
-
var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
|
|
1068
|
-
var changeEvent = function changeEvent() {
|
|
1069
|
-
var renderParams = props.renderParams;
|
|
1070
|
-
var widget = renderParams.widget,
|
|
1071
|
-
$formView = renderParams.$formView;
|
|
1072
|
-
if ($formView) {
|
|
1073
|
-
var itemValue = $formView ? $formView.getItemValue(widget) : null;
|
|
1074
|
-
$formView.updateWidgetStatus(widget, itemValue);
|
|
1075
|
-
}
|
|
1076
|
-
};
|
|
1077
|
-
return function () {
|
|
1078
|
-
var renderParams = props.renderParams;
|
|
1079
|
-
var widget = renderParams.widget,
|
|
1080
|
-
$formView = renderParams.$formView;
|
|
1081
|
-
var options = widget.options;
|
|
1082
|
-
return (0, _vue.h)(VxeUIFormItemComponent, {
|
|
1083
|
-
"class": ['vxe-form-design--widget-render-form-item'],
|
|
1084
|
-
field: widget.field,
|
|
1085
|
-
title: widget.title
|
|
1086
|
-
}, {
|
|
1087
|
-
"default": function _default() {
|
|
1088
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-select'), {
|
|
1089
|
-
modelValue: $formView ? $formView.getItemValue(widget) : null,
|
|
1090
|
-
placeholder: options.placeholder,
|
|
1091
|
-
onChange: changeEvent,
|
|
1092
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
1093
|
-
if ($formView) {
|
|
1094
|
-
$formView.setItemValue(widget, val);
|
|
1095
|
-
}
|
|
1096
|
-
}
|
|
1097
|
-
}, {
|
|
1098
|
-
"default": function _default() {
|
|
1099
|
-
return options.options ? options.options.map(function (item) {
|
|
1100
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-option'), {
|
|
1101
|
-
label: item.value,
|
|
1102
|
-
value: item.value
|
|
1103
|
-
});
|
|
1104
|
-
}) : [];
|
|
1105
|
-
}
|
|
1106
|
-
});
|
|
1107
|
-
}
|
|
1108
|
-
});
|
|
1109
|
-
};
|
|
1110
|
-
}
|
|
1111
|
-
});
|
|
1112
|
-
return {
|
|
1113
|
-
getWidgetElSelectConfig: getWidgetElSelectConfig,
|
|
1114
|
-
WidgetElSelectFormComponent: WidgetElSelectFormComponent,
|
|
1115
|
-
WidgetElSelectViewComponent: WidgetElSelectViewComponent
|
|
1116
|
-
};
|
|
1117
|
-
}
|
|
1118
|
-
}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
|
|
1119
|
-
},{"../util/comp":15,"./use":10}],8:[function(require,module,exports){
|
|
1120
|
-
(function (global){(function (){
|
|
1121
|
-
"use strict";
|
|
1122
|
-
|
|
1123
|
-
Object.defineProperty(exports, "__esModule", {
|
|
1124
|
-
value: true
|
|
1125
|
-
});
|
|
1126
|
-
exports.createWidgetElSwitch = createWidgetElSwitch;
|
|
1127
|
-
var _vue = (typeof window !== "undefined" ? window['Vue'] : typeof global !== "undefined" ? global['Vue'] : null);
|
|
1128
|
-
var _comp = require("../util/comp");
|
|
1129
|
-
function createWidgetElSwitch(VxeUI) {
|
|
1130
|
-
var getWidgetElSwitchConfig = function getWidgetElSwitchConfig(params) {
|
|
1131
|
-
return {
|
|
1132
|
-
title: '是/否',
|
|
1133
|
-
icon: 'vxe-icon-switch',
|
|
1134
|
-
options: {}
|
|
1135
|
-
};
|
|
1136
|
-
};
|
|
1137
|
-
var WidgetElSwitchFormComponent = (0, _vue.defineComponent)({
|
|
1138
|
-
props: {
|
|
1139
|
-
renderOpts: {
|
|
1140
|
-
type: Object,
|
|
1141
|
-
"default": function _default() {
|
|
1142
|
-
return {};
|
|
1143
|
-
}
|
|
1144
|
-
},
|
|
1145
|
-
renderParams: {
|
|
1146
|
-
type: Object,
|
|
1147
|
-
"default": function _default() {
|
|
1148
|
-
return {};
|
|
1149
|
-
}
|
|
1150
|
-
}
|
|
1151
|
-
},
|
|
1152
|
-
emits: [],
|
|
1153
|
-
setup: function setup(props) {
|
|
1154
|
-
var VxeUIFormComponent = VxeUI.getComponent('VxeForm');
|
|
1155
|
-
var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
|
|
1156
|
-
var VxeUISwitchComponent = VxeUI.getComponent('VxeSwitch');
|
|
1157
|
-
return function () {
|
|
1158
|
-
var renderParams = props.renderParams;
|
|
1159
|
-
var widget = renderParams.widget;
|
|
1160
|
-
return (0, _vue.h)(VxeUIFormComponent, {
|
|
1161
|
-
"class": 'vxe-form-design--widget-render-form-wrapper',
|
|
1162
|
-
vertical: true,
|
|
1163
|
-
span: 24,
|
|
1164
|
-
titleBold: true,
|
|
1165
|
-
titleOverflow: true,
|
|
1166
|
-
data: widget.options
|
|
1167
|
-
}, {
|
|
1168
|
-
"default": function _default() {
|
|
1169
|
-
return [(0, _vue.h)(VxeUIFormItemComponent, {
|
|
1170
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
|
|
1171
|
-
}, {
|
|
1172
|
-
"default": function _default() {
|
|
1173
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
|
|
1174
|
-
modelValue: widget.title,
|
|
1175
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
1176
|
-
widget.title = val;
|
|
1177
|
-
}
|
|
1178
|
-
});
|
|
1179
|
-
}
|
|
1180
|
-
}), (0, _vue.h)(VxeUIFormItemComponent, {
|
|
1181
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.placeholder'),
|
|
1182
|
-
field: 'placeholder',
|
|
1183
|
-
itemRender: {
|
|
1184
|
-
name: 'ElInput'
|
|
1185
|
-
}
|
|
1186
|
-
}), (0, _vue.h)(VxeUIFormItemComponent, {
|
|
1187
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.required')
|
|
1188
|
-
}, {
|
|
1189
|
-
"default": function _default() {
|
|
1190
|
-
return (0, _vue.h)(VxeUISwitchComponent, {
|
|
1191
|
-
modelValue: widget.required,
|
|
1192
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
1193
|
-
widget.required = val;
|
|
1194
|
-
}
|
|
1195
|
-
});
|
|
1196
|
-
}
|
|
1197
|
-
})];
|
|
1198
|
-
}
|
|
1199
|
-
});
|
|
1200
|
-
};
|
|
1201
|
-
}
|
|
1202
|
-
});
|
|
1203
|
-
var WidgetElSwitchViewComponent = (0, _vue.defineComponent)({
|
|
1204
|
-
props: {
|
|
1205
|
-
renderOpts: {
|
|
1206
|
-
type: Object,
|
|
1207
|
-
"default": function _default() {
|
|
1208
|
-
return {};
|
|
1209
|
-
}
|
|
1210
|
-
},
|
|
1211
|
-
renderParams: {
|
|
1212
|
-
type: Object,
|
|
1213
|
-
"default": function _default() {
|
|
1214
|
-
return {};
|
|
1215
|
-
}
|
|
1216
|
-
}
|
|
1217
|
-
},
|
|
1218
|
-
emits: [],
|
|
1219
|
-
setup: function setup(props) {
|
|
1220
|
-
var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
|
|
1221
|
-
var changeEvent = function changeEvent() {
|
|
1222
|
-
var renderParams = props.renderParams;
|
|
1223
|
-
var widget = renderParams.widget,
|
|
1224
|
-
$formView = renderParams.$formView;
|
|
1225
|
-
if ($formView) {
|
|
1226
|
-
var itemValue = $formView ? $formView.getItemValue(widget) : null;
|
|
1227
|
-
$formView.updateWidgetStatus(widget, itemValue);
|
|
1228
|
-
}
|
|
1229
|
-
};
|
|
1230
|
-
return function () {
|
|
1231
|
-
var renderParams = props.renderParams;
|
|
1232
|
-
var widget = renderParams.widget,
|
|
1233
|
-
$formView = renderParams.$formView;
|
|
1234
|
-
return (0, _vue.h)(VxeUIFormItemComponent, {
|
|
1235
|
-
"class": ['vxe-form-design--widget-render-form-item'],
|
|
1236
|
-
field: widget.field,
|
|
1237
|
-
title: widget.title
|
|
1238
|
-
}, {
|
|
1239
|
-
"default": function _default() {
|
|
1240
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-switch'), {
|
|
1241
|
-
modelValue: $formView ? $formView.getItemValue(widget) : null,
|
|
1242
|
-
onChange: changeEvent,
|
|
1243
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
1244
|
-
if ($formView) {
|
|
1245
|
-
$formView.setItemValue(widget, val);
|
|
1246
|
-
}
|
|
1247
|
-
}
|
|
1248
|
-
});
|
|
1249
|
-
}
|
|
1250
|
-
});
|
|
1251
|
-
};
|
|
1252
|
-
}
|
|
1253
|
-
});
|
|
1254
|
-
return {
|
|
1255
|
-
getWidgetElSwitchConfig: getWidgetElSwitchConfig,
|
|
1256
|
-
WidgetElSwitchFormComponent: WidgetElSwitchFormComponent,
|
|
1257
|
-
WidgetElSwitchViewComponent: WidgetElSwitchViewComponent
|
|
1258
|
-
};
|
|
1259
|
-
}
|
|
1260
|
-
}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
|
|
1261
|
-
},{"../util/comp":15}],9:[function(require,module,exports){
|
|
1262
|
-
(function (global){(function (){
|
|
1263
|
-
"use strict";
|
|
1264
|
-
|
|
1265
|
-
Object.defineProperty(exports, "__esModule", {
|
|
1266
|
-
value: true
|
|
1267
|
-
});
|
|
1268
|
-
exports.createWidgetElTextarea = createWidgetElTextarea;
|
|
1269
|
-
var _vue = (typeof window !== "undefined" ? window['Vue'] : typeof global !== "undefined" ? global['Vue'] : null);
|
|
1270
|
-
var _comp = require("../util/comp");
|
|
1271
|
-
function createWidgetElTextarea(VxeUI) {
|
|
1272
|
-
var getWidgetElTextareaConfig = function getWidgetElTextareaConfig(params) {
|
|
1273
|
-
return {
|
|
1274
|
-
title: '文本域',
|
|
1275
|
-
icon: 'vxe-icon-textarea',
|
|
1276
|
-
options: {
|
|
1277
|
-
placeholder: '请输入'
|
|
1278
|
-
}
|
|
1279
|
-
};
|
|
1280
|
-
};
|
|
1281
|
-
var WidgetElTextareaFormComponent = (0, _vue.defineComponent)({
|
|
1282
|
-
props: {
|
|
1283
|
-
renderOpts: {
|
|
1284
|
-
type: Object,
|
|
1285
|
-
"default": function _default() {
|
|
1286
|
-
return {};
|
|
1287
|
-
}
|
|
1288
|
-
},
|
|
1289
|
-
renderParams: {
|
|
1290
|
-
type: Object,
|
|
1291
|
-
"default": function _default() {
|
|
1292
|
-
return {};
|
|
1293
|
-
}
|
|
1294
|
-
}
|
|
1295
|
-
},
|
|
1296
|
-
emits: [],
|
|
1297
|
-
setup: function setup(props) {
|
|
1298
|
-
var VxeUIFormComponent = VxeUI.getComponent('VxeForm');
|
|
1299
|
-
var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
|
|
1300
|
-
var VxeUISwitchComponent = VxeUI.getComponent('VxeSwitch');
|
|
1301
|
-
return function () {
|
|
1302
|
-
var renderParams = props.renderParams;
|
|
1303
|
-
var widget = renderParams.widget;
|
|
1304
|
-
return (0, _vue.h)(VxeUIFormComponent, {
|
|
1305
|
-
"class": 'vxe-form-design--widget-render-form-wrapper',
|
|
1306
|
-
vertical: true,
|
|
1307
|
-
span: 24,
|
|
1308
|
-
titleBold: true,
|
|
1309
|
-
titleOverflow: true,
|
|
1310
|
-
data: widget.options
|
|
1311
|
-
}, {
|
|
1312
|
-
"default": function _default() {
|
|
1313
|
-
return [(0, _vue.h)(VxeUIFormItemComponent, {
|
|
1314
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
|
|
1315
|
-
}, {
|
|
1316
|
-
"default": function _default() {
|
|
1317
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
|
|
1318
|
-
modelValue: widget.title,
|
|
1319
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
1320
|
-
widget.title = val;
|
|
1321
|
-
}
|
|
1322
|
-
});
|
|
1323
|
-
}
|
|
1324
|
-
}), (0, _vue.h)(VxeUIFormItemComponent, {
|
|
1325
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.placeholder'),
|
|
1326
|
-
field: 'placeholder',
|
|
1327
|
-
itemRender: {
|
|
1328
|
-
name: 'ElInput'
|
|
1329
|
-
}
|
|
1330
|
-
}), (0, _vue.h)(VxeUIFormItemComponent, {
|
|
1331
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.required')
|
|
1332
|
-
}, {
|
|
1333
|
-
"default": function _default() {
|
|
1334
|
-
return (0, _vue.h)(VxeUISwitchComponent, {
|
|
1335
|
-
modelValue: widget.required,
|
|
1336
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
1337
|
-
widget.required = val;
|
|
1338
|
-
}
|
|
1339
|
-
});
|
|
1340
|
-
}
|
|
1341
|
-
})];
|
|
1342
|
-
}
|
|
1343
|
-
});
|
|
1344
|
-
};
|
|
1345
|
-
}
|
|
1346
|
-
});
|
|
1347
|
-
var WidgetElTextareaViewComponent = (0, _vue.defineComponent)({
|
|
1348
|
-
props: {
|
|
1349
|
-
renderOpts: {
|
|
1350
|
-
type: Object,
|
|
1351
|
-
"default": function _default() {
|
|
1352
|
-
return {};
|
|
1353
|
-
}
|
|
1354
|
-
},
|
|
1355
|
-
renderParams: {
|
|
1356
|
-
type: Object,
|
|
1357
|
-
"default": function _default() {
|
|
1358
|
-
return {};
|
|
1359
|
-
}
|
|
1360
|
-
}
|
|
1361
|
-
},
|
|
1362
|
-
emits: [],
|
|
1363
|
-
setup: function setup(props) {
|
|
1364
|
-
var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
|
|
1365
|
-
var changeEvent = function changeEvent() {
|
|
1366
|
-
var renderParams = props.renderParams;
|
|
1367
|
-
var widget = renderParams.widget,
|
|
1368
|
-
$formView = renderParams.$formView;
|
|
1369
|
-
if ($formView) {
|
|
1370
|
-
var itemValue = $formView ? $formView.getItemValue(widget) : null;
|
|
1371
|
-
$formView.updateWidgetStatus(widget, itemValue);
|
|
1372
|
-
}
|
|
1373
|
-
};
|
|
1374
|
-
return function () {
|
|
1375
|
-
var renderParams = props.renderParams;
|
|
1376
|
-
var widget = renderParams.widget,
|
|
1377
|
-
$formView = renderParams.$formView;
|
|
1378
|
-
var options = widget.options;
|
|
1379
|
-
return (0, _vue.h)(VxeUIFormItemComponent, {
|
|
1380
|
-
"class": ['vxe-form-design--widget-render-form-item'],
|
|
1381
|
-
field: widget.field,
|
|
1382
|
-
title: widget.title
|
|
1383
|
-
}, {
|
|
1384
|
-
"default": function _default() {
|
|
1385
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
|
|
1386
|
-
modelValue: $formView ? $formView.getItemValue(widget) : null,
|
|
1387
|
-
placeholder: options.placeholder,
|
|
1388
|
-
type: 'textarea',
|
|
1389
|
-
autosize: {
|
|
1390
|
-
minRows: 2,
|
|
1391
|
-
maxRows: 4
|
|
1392
|
-
},
|
|
1393
|
-
onChange: changeEvent,
|
|
1394
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
1395
|
-
if ($formView) {
|
|
1396
|
-
$formView.setItemValue(widget, val);
|
|
1397
|
-
}
|
|
1398
|
-
}
|
|
1399
|
-
});
|
|
1400
|
-
}
|
|
1401
|
-
});
|
|
1402
|
-
};
|
|
1403
|
-
}
|
|
1404
|
-
});
|
|
1405
|
-
return {
|
|
1406
|
-
getWidgetElTextareaConfig: getWidgetElTextareaConfig,
|
|
1407
|
-
WidgetElTextareaFormComponent: WidgetElTextareaFormComponent,
|
|
1408
|
-
WidgetElTextareaViewComponent: WidgetElTextareaViewComponent
|
|
1409
|
-
};
|
|
1410
|
-
}
|
|
1411
|
-
}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
|
|
1412
|
-
},{"../util/comp":15}],10:[function(require,module,exports){
|
|
1413
|
-
(function (global){(function (){
|
|
1414
|
-
"use strict";
|
|
1415
|
-
|
|
1416
|
-
Object.defineProperty(exports, "__esModule", {
|
|
1417
|
-
value: true
|
|
1418
|
-
});
|
|
1419
|
-
exports.useWidgetPropDataSource = useWidgetPropDataSource;
|
|
1420
|
-
var _vue = (typeof window !== "undefined" ? window['Vue'] : typeof global !== "undefined" ? global['Vue'] : null);
|
|
1421
|
-
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
1422
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
1423
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
1424
|
-
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
1425
|
-
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
|
|
1426
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
1427
|
-
function useWidgetPropDataSource(VxeUI, props, isSubOption) {
|
|
1428
|
-
var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
|
|
1429
|
-
var VxeUIButtonComponent = VxeUI.getComponent('VxeButton');
|
|
1430
|
-
var VxeUITextareaComponent = VxeUI.getComponent('VxeTextarea');
|
|
1431
|
-
var VxeUITipComponent = VxeUI.getComponent('VxeTip');
|
|
1432
|
-
var optionsContent = (0, _vue.ref)('');
|
|
1433
|
-
var expandIndexList = (0, _vue.ref)([]);
|
|
1434
|
-
var addOptionEvent = function addOptionEvent() {
|
|
1435
|
-
var renderParams = props.renderParams;
|
|
1436
|
-
var widget = renderParams.widget;
|
|
1437
|
-
var options = widget.options.options || [];
|
|
1438
|
-
options.push({
|
|
1439
|
-
value: VxeUI.getI18n('vxe.formDesign.widgetProp.dataSource.defValue', [options.length + 1])
|
|
1440
|
-
});
|
|
1441
|
-
widget.options.options = _toConsumableArray(options);
|
|
1442
|
-
};
|
|
1443
|
-
var subRE = /^(\s|\t)+/;
|
|
1444
|
-
var hasSubOption = function hasSubOption(str) {
|
|
1445
|
-
return subRE.test(str);
|
|
1446
|
-
};
|
|
1447
|
-
var expandAllOption = function expandAllOption() {
|
|
1448
|
-
var renderParams = props.renderParams;
|
|
1449
|
-
var widget = renderParams.widget;
|
|
1450
|
-
var options = widget.options.options || [];
|
|
1451
|
-
var indexList = [];
|
|
1452
|
-
options.forEach(function (group, gIndex) {
|
|
1453
|
-
var options = group.options;
|
|
1454
|
-
if (options && options.length) {
|
|
1455
|
-
indexList.push(gIndex);
|
|
1456
|
-
}
|
|
1457
|
-
});
|
|
1458
|
-
expandIndexList.value = indexList;
|
|
1459
|
-
};
|
|
1460
|
-
var toggleExpandOption = function toggleExpandOption(item, gIndex) {
|
|
1461
|
-
if (expandIndexList.value.includes(gIndex)) {
|
|
1462
|
-
expandIndexList.value = expandIndexList.value.filter(function (num) {
|
|
1463
|
-
return num !== gIndex;
|
|
1464
|
-
});
|
|
1465
|
-
} else {
|
|
1466
|
-
expandIndexList.value.push(gIndex);
|
|
1467
|
-
}
|
|
1468
|
-
};
|
|
1469
|
-
var confirmBatchAddOptionEvent = function confirmBatchAddOptionEvent() {
|
|
1470
|
-
var renderParams = props.renderParams;
|
|
1471
|
-
var widget = renderParams.widget;
|
|
1472
|
-
var optList = [];
|
|
1473
|
-
var rowList = optionsContent.value.split('\n');
|
|
1474
|
-
var prevGroup = null;
|
|
1475
|
-
if (isSubOption) {
|
|
1476
|
-
rowList.forEach(function (str, index) {
|
|
1477
|
-
var nextStr = rowList[index + 1];
|
|
1478
|
-
var value = str.trim();
|
|
1479
|
-
if (!value) {
|
|
1480
|
-
return;
|
|
1481
|
-
}
|
|
1482
|
-
var item = {
|
|
1483
|
-
value: value
|
|
1484
|
-
};
|
|
1485
|
-
if (prevGroup) {
|
|
1486
|
-
if (hasSubOption(str)) {
|
|
1487
|
-
prevGroup.options.push(item);
|
|
1488
|
-
return;
|
|
1489
|
-
}
|
|
1490
|
-
prevGroup = null;
|
|
1491
|
-
optList.push(item);
|
|
1492
|
-
} else {
|
|
1493
|
-
optList.push(item);
|
|
1494
|
-
}
|
|
1495
|
-
if (nextStr) {
|
|
1496
|
-
if (hasSubOption(nextStr)) {
|
|
1497
|
-
prevGroup = Object.assign(item, {
|
|
1498
|
-
options: []
|
|
1499
|
-
});
|
|
1500
|
-
}
|
|
1501
|
-
}
|
|
1502
|
-
});
|
|
1503
|
-
} else {
|
|
1504
|
-
rowList.forEach(function (str) {
|
|
1505
|
-
optList.push({
|
|
1506
|
-
value: str.trim()
|
|
1507
|
-
});
|
|
1508
|
-
});
|
|
1509
|
-
}
|
|
1510
|
-
widget.options.options = optList;
|
|
1511
|
-
expandAllOption();
|
|
1512
|
-
};
|
|
1513
|
-
var openPopupEditEvent = function openPopupEditEvent() {
|
|
1514
|
-
var _widget$options$optio;
|
|
1515
|
-
var renderParams = props.renderParams;
|
|
1516
|
-
var widget = renderParams.widget;
|
|
1517
|
-
var contList = [];
|
|
1518
|
-
(_widget$options$optio = widget.options.options) === null || _widget$options$optio === void 0 || _widget$options$optio.forEach(function (group) {
|
|
1519
|
-
var _group$options;
|
|
1520
|
-
contList.push(group.value);
|
|
1521
|
-
(_group$options = group.options) === null || _group$options === void 0 || _group$options.forEach(function (item) {
|
|
1522
|
-
contList.push("\t".concat(item.value));
|
|
1523
|
-
});
|
|
1524
|
-
});
|
|
1525
|
-
optionsContent.value = contList.join('\n');
|
|
1526
|
-
VxeUI.modal.open({
|
|
1527
|
-
title: "".concat(widget.title, " - ").concat(VxeUI.getI18n('vxe.formDesign.widgetProp.dataSource.batchEditOption')),
|
|
1528
|
-
width: 500,
|
|
1529
|
-
height: '50vh ',
|
|
1530
|
-
resize: true,
|
|
1531
|
-
showFooter: true,
|
|
1532
|
-
showCancelButton: true,
|
|
1533
|
-
showConfirmButton: true,
|
|
1534
|
-
confirmButtonText: VxeUI.getI18n('vxe.formDesign.widgetProp.dataSource.buildOption'),
|
|
1535
|
-
onConfirm: confirmBatchAddOptionEvent,
|
|
1536
|
-
slots: {
|
|
1537
|
-
"default": function _default() {
|
|
1538
|
-
return (0, _vue.h)('div', {
|
|
1539
|
-
"class": 'vxe-form-design--widget-form-item-data-source-popup'
|
|
1540
|
-
}, [(0, _vue.h)(VxeUITipComponent, {
|
|
1541
|
-
status: 'primary',
|
|
1542
|
-
title: '',
|
|
1543
|
-
content: VxeUI.getI18n("vxe.formDesign.widgetProp.dataSource.".concat(isSubOption ? 'batchEditSubTip' : 'batchEditTip'))
|
|
1544
|
-
}), (0, _vue.h)(VxeUITextareaComponent, {
|
|
1545
|
-
resize: 'none',
|
|
1546
|
-
modelValue: optionsContent.value,
|
|
1547
|
-
'onUpdate:modelValue': function onUpdateModelValue(val) {
|
|
1548
|
-
optionsContent.value = val;
|
|
1549
|
-
}
|
|
1550
|
-
})]);
|
|
1551
|
-
}
|
|
1552
|
-
}
|
|
1553
|
-
});
|
|
1554
|
-
};
|
|
1555
|
-
var renderOption = function renderOption(item, hasFirstLevel, isExpand, gIndex, hasSub, isFirst, isLast) {
|
|
1556
|
-
return (0, _vue.h)('div', {
|
|
1557
|
-
"class": ['vxe-form-design--widget-form-item-data-source-option', {
|
|
1558
|
-
'is--first': isFirst,
|
|
1559
|
-
'is--last': isLast
|
|
1560
|
-
}]
|
|
1561
|
-
}, [(0, _vue.h)('div', {
|
|
1562
|
-
"class": 'vxe-form-design--widget-expand-btn'
|
|
1563
|
-
}, hasFirstLevel && hasSub ? [(0, _vue.h)('i', {
|
|
1564
|
-
"class": isExpand ? VxeUI.getIcon().FORM_DESIGN_WIDGET_OPTION_EXPAND_CLOSE : VxeUI.getIcon().FORM_DESIGN_WIDGET_OPTION_EXPAND_OPEN,
|
|
1565
|
-
onClick: function onClick() {
|
|
1566
|
-
toggleExpandOption(item, gIndex);
|
|
1567
|
-
}
|
|
1568
|
-
})] : []), (0, _vue.h)('input', {
|
|
1569
|
-
"class": 'vxe-default-input',
|
|
1570
|
-
value: item.value,
|
|
1571
|
-
onInput: function onInput(evnt) {
|
|
1572
|
-
item.value = evnt.currentTarget.value;
|
|
1573
|
-
}
|
|
1574
|
-
}), (0, _vue.h)(VxeUIButtonComponent, {
|
|
1575
|
-
status: 'danger',
|
|
1576
|
-
mode: 'text',
|
|
1577
|
-
icon: VxeUI.getIcon().FORM_DESIGN_WIDGET_DELETE
|
|
1578
|
-
})]);
|
|
1579
|
-
};
|
|
1580
|
-
var renderOptions = function renderOptions() {
|
|
1581
|
-
var renderParams = props.renderParams;
|
|
1582
|
-
var widget = renderParams.widget;
|
|
1583
|
-
var options = widget.options;
|
|
1584
|
-
var groups = options.options;
|
|
1585
|
-
var optVNs = [];
|
|
1586
|
-
if (groups) {
|
|
1587
|
-
groups.forEach(function (group, gIndex) {
|
|
1588
|
-
var options = group.options;
|
|
1589
|
-
var isExpand = expandIndexList.value.includes(gIndex);
|
|
1590
|
-
if (options && options.length) {
|
|
1591
|
-
optVNs.push(renderOption(group, true, isExpand, gIndex, true, gIndex === 0, gIndex === groups.length - 1));
|
|
1592
|
-
if (isExpand) {
|
|
1593
|
-
optVNs.push((0, _vue.h)('div', {
|
|
1594
|
-
"class": 'vxe-form-design--widget-form-item-data-source-sub-option'
|
|
1595
|
-
}, options.map(function (item) {
|
|
1596
|
-
return renderOption(item, false, isExpand, 0, false, false, false);
|
|
1597
|
-
})));
|
|
1598
|
-
}
|
|
1599
|
-
} else {
|
|
1600
|
-
optVNs.push(renderOption(group, true, isExpand, gIndex, false, gIndex === 0, gIndex === groups.length - 1));
|
|
1601
|
-
}
|
|
1602
|
-
});
|
|
1603
|
-
}
|
|
1604
|
-
return optVNs;
|
|
1605
|
-
};
|
|
1606
|
-
(0, _vue.watch)(function () {
|
|
1607
|
-
return props.renderParams.widget;
|
|
1608
|
-
}, function () {
|
|
1609
|
-
expandAllOption();
|
|
1610
|
-
});
|
|
1611
|
-
(0, _vue.onMounted)(function () {
|
|
1612
|
-
expandAllOption();
|
|
1613
|
-
});
|
|
1614
|
-
return {
|
|
1615
|
-
renderDataSourceFormItem: function renderDataSourceFormItem() {
|
|
1616
|
-
return (0, _vue.h)(VxeUIFormItemComponent, {
|
|
1617
|
-
title: VxeUI.getI18n('vxe.formDesign.widgetProp.dataSource.name'),
|
|
1618
|
-
field: 'options'
|
|
1619
|
-
}, {
|
|
1620
|
-
"default": function _default() {
|
|
1621
|
-
return [(0, _vue.h)('div', {}, [(0, _vue.h)(VxeUIButtonComponent, {
|
|
1622
|
-
status: 'primary',
|
|
1623
|
-
mode: 'text',
|
|
1624
|
-
content: VxeUI.getI18n('vxe.formDesign.widgetProp.dataSource.addOption'),
|
|
1625
|
-
onClick: addOptionEvent
|
|
1626
|
-
}), (0, _vue.h)(VxeUIButtonComponent, {
|
|
1627
|
-
status: 'primary',
|
|
1628
|
-
mode: 'text',
|
|
1629
|
-
content: VxeUI.getI18n('vxe.formDesign.widgetProp.dataSource.batchEditOption'),
|
|
1630
|
-
onClick: openPopupEditEvent
|
|
1631
|
-
})]), (0, _vue.h)('div', {
|
|
1632
|
-
"class": 'vxe-form-design--widget-form-item-data-source'
|
|
1633
|
-
}, renderOptions())];
|
|
1634
|
-
}
|
|
1635
|
-
});
|
|
1636
|
-
}
|
|
1637
|
-
};
|
|
1638
|
-
}
|
|
1639
|
-
}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
|
|
1640
|
-
},{}],11:[function(require,module,exports){
|
|
1641
|
-
(function (global){(function (){
|
|
1642
|
-
"use strict";
|
|
1643
|
-
|
|
1644
|
-
Object.defineProperty(exports, "__esModule", {
|
|
1645
|
-
value: true
|
|
1646
|
-
});
|
|
1647
|
-
exports.defineFormRender = defineFormRender;
|
|
1648
|
-
var _vue = (typeof window !== "undefined" ? window['Vue'] : typeof global !== "undefined" ? global['Vue'] : null);
|
|
1649
|
-
var _comp = require("../util/comp");
|
|
1650
|
-
var _xeUtils = _interopRequireDefault((typeof window !== "undefined" ? window['XEUtils'] : typeof global !== "undefined" ? global['XEUtils'] : null));
|
|
1651
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
1652
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
1653
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1654
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1655
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
1656
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
1657
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
1658
|
-
/**
|
|
1659
|
-
* 表单 - 渲染器
|
|
1660
|
-
*/
|
|
1661
|
-
function defineFormRender(VxeUI) {
|
|
1662
|
-
function isEmptyValue(cellValue) {
|
|
1663
|
-
return cellValue === null || cellValue === undefined || cellValue === '';
|
|
1664
|
-
}
|
|
1665
|
-
function getOnName(type) {
|
|
1666
|
-
return 'on' + type.substring(0, 1).toLocaleUpperCase() + type.substring(1);
|
|
1667
|
-
}
|
|
1668
|
-
function getModelProp(renderOpts) {
|
|
1669
|
-
return 'modelValue';
|
|
1670
|
-
}
|
|
1671
|
-
function getModelEvent(renderOpts) {
|
|
1672
|
-
return 'update:modelValue';
|
|
1673
|
-
}
|
|
1674
|
-
function getChangeEvent(renderOpts) {
|
|
1675
|
-
var type = 'change';
|
|
1676
|
-
switch (renderOpts.name) {
|
|
1677
|
-
case 'ElAutocomplete':
|
|
1678
|
-
type = 'select';
|
|
1679
|
-
break;
|
|
1680
|
-
case 'ElInput':
|
|
1681
|
-
case 'ElInputNumber':
|
|
1682
|
-
type = 'input';
|
|
1683
|
-
break;
|
|
1684
|
-
}
|
|
1685
|
-
return type;
|
|
1686
|
-
}
|
|
1687
|
-
function getItemProps(renderOpts, params, value, defaultProps) {
|
|
1688
|
-
return _xeUtils["default"].assign({}, defaultProps, renderOpts.props, _defineProperty({}, getModelProp(renderOpts), value));
|
|
1689
|
-
}
|
|
1690
|
-
function formatText(cellValue) {
|
|
1691
|
-
return '' + (isEmptyValue(cellValue) ? '' : cellValue);
|
|
1692
|
-
}
|
|
1693
|
-
function getOns(renderOpts, params, inputFunc, changeFunc) {
|
|
1694
|
-
var events = renderOpts.events;
|
|
1695
|
-
var modelEvent = getModelEvent(renderOpts);
|
|
1696
|
-
var changeEvent = getChangeEvent(renderOpts);
|
|
1697
|
-
var isSameEvent = changeEvent === modelEvent;
|
|
1698
|
-
var ons = {};
|
|
1699
|
-
_xeUtils["default"].objectEach(events, function (func, key) {
|
|
1700
|
-
ons[getOnName(key)] = function () {
|
|
1701
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
1702
|
-
args[_key] = arguments[_key];
|
|
1703
|
-
}
|
|
1704
|
-
func.apply(void 0, [params].concat(args));
|
|
1705
|
-
};
|
|
1706
|
-
});
|
|
1707
|
-
if (inputFunc) {
|
|
1708
|
-
ons[getOnName(modelEvent)] = function (targetEvnt) {
|
|
1709
|
-
inputFunc(targetEvnt);
|
|
1710
|
-
if (events && events[modelEvent]) {
|
|
1711
|
-
events[modelEvent](params, targetEvnt);
|
|
1712
|
-
}
|
|
1713
|
-
if (isSameEvent && changeFunc) {
|
|
1714
|
-
changeFunc(targetEvnt);
|
|
1715
|
-
}
|
|
1716
|
-
};
|
|
1717
|
-
}
|
|
1718
|
-
if (!isSameEvent && changeFunc) {
|
|
1719
|
-
ons[getOnName(changeEvent)] = function () {
|
|
1720
|
-
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
1721
|
-
args[_key2] = arguments[_key2];
|
|
1722
|
-
}
|
|
1723
|
-
changeFunc.apply(void 0, args);
|
|
1724
|
-
if (events && events[changeEvent]) {
|
|
1725
|
-
events[changeEvent].apply(events, [params].concat(args));
|
|
1726
|
-
}
|
|
1727
|
-
};
|
|
1728
|
-
}
|
|
1729
|
-
return ons;
|
|
1730
|
-
}
|
|
1731
|
-
function getItemOns(renderOpts, params) {
|
|
1732
|
-
var $form = params.$form,
|
|
1733
|
-
data = params.data,
|
|
1734
|
-
field = params.field;
|
|
1735
|
-
return getOns(renderOpts, params, function (value) {
|
|
1736
|
-
// 处理 model 值双向绑定
|
|
1737
|
-
_xeUtils["default"].set(data, field, value);
|
|
1738
|
-
}, function () {
|
|
1739
|
-
// 处理 change 事件相关逻辑
|
|
1740
|
-
$form.updateStatus(params);
|
|
1741
|
-
});
|
|
1742
|
-
}
|
|
1743
|
-
function renderOptions(options, optionProps) {
|
|
1744
|
-
var labelProp = optionProps.label || 'label';
|
|
1745
|
-
var valueProp = optionProps.value || 'value';
|
|
1746
|
-
return _xeUtils["default"].map(options, function (item, oIndex) {
|
|
1747
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-option'), {
|
|
1748
|
-
key: oIndex,
|
|
1749
|
-
value: item[valueProp],
|
|
1750
|
-
label: item[labelProp],
|
|
1751
|
-
disabled: item.disabled
|
|
1752
|
-
});
|
|
1753
|
-
});
|
|
1754
|
-
}
|
|
1755
|
-
function cellText(cellValue) {
|
|
1756
|
-
return [formatText(cellValue)];
|
|
1757
|
-
}
|
|
1758
|
-
function createFormItemRender(defaultProps) {
|
|
1759
|
-
return function (renderOpts, params) {
|
|
1760
|
-
var data = params.data,
|
|
1761
|
-
field = params.field;
|
|
1762
|
-
var name = renderOpts.name;
|
|
1763
|
-
var attrs = renderOpts.attrs;
|
|
1764
|
-
var itemValue = _xeUtils["default"].get(data, field);
|
|
1765
|
-
return [(0, _vue.h)((0, _comp.getCurrComponent)(name), _objectSpread(_objectSpread(_objectSpread({}, attrs), getItemProps(renderOpts, params, itemValue, defaultProps)), getItemOns(renderOpts, params)))];
|
|
1766
|
-
};
|
|
1767
|
-
}
|
|
1768
|
-
function defaultButtonItemRender(renderOpts, params) {
|
|
1769
|
-
var attrs = renderOpts.attrs;
|
|
1770
|
-
var props = getItemProps(renderOpts, params, null);
|
|
1771
|
-
return [(0, _vue.h)((0, _comp.getCurrComponent)('el-button'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), getOns(renderOpts, params)), {
|
|
1772
|
-
"default": function _default() {
|
|
1773
|
-
return cellText(renderOpts.content || props.content);
|
|
1774
|
-
}
|
|
1775
|
-
})];
|
|
1776
|
-
}
|
|
1777
|
-
function defaultButtonsItemRender(renderOpts, params) {
|
|
1778
|
-
var children = renderOpts.children;
|
|
1779
|
-
if (children) {
|
|
1780
|
-
return children.map(function (childRenderOpts) {
|
|
1781
|
-
return defaultButtonItemRender(childRenderOpts, params)[0];
|
|
1782
|
-
});
|
|
1783
|
-
}
|
|
1784
|
-
return [];
|
|
1785
|
-
}
|
|
1786
|
-
/**
|
|
1787
|
-
* 已废弃
|
|
1788
|
-
* @deprecated
|
|
1789
|
-
*/
|
|
1790
|
-
function createOldFormItemRadioAndCheckboxRender() {
|
|
1791
|
-
return function (renderOpts, params) {
|
|
1792
|
-
var name = renderOpts.name,
|
|
1793
|
-
_renderOpts$options = renderOpts.options,
|
|
1794
|
-
options = _renderOpts$options === void 0 ? [] : _renderOpts$options,
|
|
1795
|
-
_renderOpts$optionPro = renderOpts.optionProps,
|
|
1796
|
-
optionProps = _renderOpts$optionPro === void 0 ? {} : _renderOpts$optionPro,
|
|
1797
|
-
attrs = renderOpts.attrs;
|
|
1798
|
-
var data = params.data,
|
|
1799
|
-
field = params.field;
|
|
1800
|
-
var labelProp = optionProps.label || 'label';
|
|
1801
|
-
var valueProp = optionProps.value || 'value';
|
|
1802
|
-
var itemValue = _xeUtils["default"].get(data, field);
|
|
1803
|
-
return [(0, _vue.h)((0, _comp.getCurrComponent)("".concat(name, "Group")), _objectSpread(_objectSpread(_objectSpread({}, attrs), getItemProps(renderOpts, params, itemValue)), getItemOns(renderOpts, params)), {
|
|
1804
|
-
"default": function _default() {
|
|
1805
|
-
return options.map(function (option, oIndex) {
|
|
1806
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)(name), {
|
|
1807
|
-
key: oIndex,
|
|
1808
|
-
label: option[valueProp],
|
|
1809
|
-
disabled: option.disabled
|
|
1810
|
-
}, {
|
|
1811
|
-
"default": function _default() {
|
|
1812
|
-
return cellText(option[labelProp]);
|
|
1813
|
-
}
|
|
1814
|
-
});
|
|
1815
|
-
});
|
|
1816
|
-
}
|
|
1817
|
-
})];
|
|
1818
|
-
};
|
|
1819
|
-
}
|
|
1820
|
-
VxeUI.renderer.mixin({
|
|
1821
|
-
ElAutocomplete: {
|
|
1822
|
-
renderFormItemContent: createFormItemRender()
|
|
1823
|
-
},
|
|
1824
|
-
ElInput: {
|
|
1825
|
-
renderFormItemContent: createFormItemRender()
|
|
1826
|
-
},
|
|
1827
|
-
ElInputNumber: {
|
|
1828
|
-
renderFormItemContent: createFormItemRender()
|
|
1829
|
-
},
|
|
1830
|
-
ElSelect: {
|
|
1831
|
-
renderFormItemContent: function renderFormItemContent(renderOpts, params) {
|
|
1832
|
-
var _renderOpts$options2 = renderOpts.options,
|
|
1833
|
-
options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2,
|
|
1834
|
-
optionGroups = renderOpts.optionGroups,
|
|
1835
|
-
_renderOpts$optionPro2 = renderOpts.optionProps,
|
|
1836
|
-
optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2,
|
|
1837
|
-
_renderOpts$optionGro = renderOpts.optionGroupProps,
|
|
1838
|
-
optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro;
|
|
1839
|
-
var data = params.data,
|
|
1840
|
-
field = params.field;
|
|
1841
|
-
var attrs = renderOpts.attrs;
|
|
1842
|
-
var itemValue = _xeUtils["default"].get(data, field);
|
|
1843
|
-
var props = getItemProps(renderOpts, params, itemValue);
|
|
1844
|
-
var ons = getItemOns(renderOpts, params);
|
|
1845
|
-
if (optionGroups) {
|
|
1846
|
-
var groupOptions = optionGroupProps.options || 'options';
|
|
1847
|
-
var groupLabel = optionGroupProps.label || 'label';
|
|
1848
|
-
return [(0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), ons), {
|
|
1849
|
-
"default": function _default() {
|
|
1850
|
-
return _xeUtils["default"].map(optionGroups, function (group, gIndex) {
|
|
1851
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-option-group'), {
|
|
1852
|
-
label: group[groupLabel],
|
|
1853
|
-
key: gIndex
|
|
1854
|
-
}, {
|
|
1855
|
-
"default": function _default() {
|
|
1856
|
-
return renderOptions(group[groupOptions], optionProps);
|
|
1857
|
-
}
|
|
1858
|
-
});
|
|
1859
|
-
});
|
|
1860
|
-
}
|
|
1861
|
-
})];
|
|
1862
|
-
}
|
|
1863
|
-
return [(0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), ons), {
|
|
1864
|
-
"default": function _default() {
|
|
1865
|
-
return renderOptions(options, optionProps);
|
|
1866
|
-
}
|
|
1867
|
-
})];
|
|
1868
|
-
}
|
|
1869
|
-
},
|
|
1870
|
-
ElCascader: {
|
|
1871
|
-
renderFormItemContent: createFormItemRender()
|
|
1872
|
-
},
|
|
1873
|
-
ElDatePicker: {
|
|
1874
|
-
renderFormItemContent: createFormItemRender()
|
|
1875
|
-
},
|
|
1876
|
-
ElTimePicker: {
|
|
1877
|
-
renderFormItemContent: createFormItemRender()
|
|
1878
|
-
},
|
|
1879
|
-
ElTimeSelect: {
|
|
1880
|
-
renderFormItemContent: createFormItemRender()
|
|
1881
|
-
},
|
|
1882
|
-
ElRate: {
|
|
1883
|
-
renderFormItemContent: createFormItemRender()
|
|
1884
|
-
},
|
|
1885
|
-
ElSwitch: {
|
|
1886
|
-
renderFormItemContent: createFormItemRender()
|
|
1887
|
-
},
|
|
1888
|
-
ElSlider: {
|
|
1889
|
-
renderFormItemContent: createFormItemRender()
|
|
1890
|
-
},
|
|
1891
|
-
ElRadioGroup: {
|
|
1892
|
-
renderFormItemContent: function renderFormItemContent(renderOpts, params) {
|
|
1893
|
-
var _renderOpts$options3 = renderOpts.options,
|
|
1894
|
-
options = _renderOpts$options3 === void 0 ? [] : _renderOpts$options3,
|
|
1895
|
-
_renderOpts$optionPro3 = renderOpts.optionProps,
|
|
1896
|
-
optionProps = _renderOpts$optionPro3 === void 0 ? {} : _renderOpts$optionPro3,
|
|
1897
|
-
attrs = renderOpts.attrs;
|
|
1898
|
-
var data = params.data,
|
|
1899
|
-
field = params.field;
|
|
1900
|
-
var labelProp = optionProps.label || 'label';
|
|
1901
|
-
var valueProp = optionProps.value || 'value';
|
|
1902
|
-
var itemValue = _xeUtils["default"].get(data, field);
|
|
1903
|
-
return [(0, _vue.h)((0, _comp.getCurrComponent)('el-radio-group'), _objectSpread(_objectSpread(_objectSpread({}, attrs), getItemProps(renderOpts, params, itemValue)), getItemOns(renderOpts, params)), {
|
|
1904
|
-
"default": function _default() {
|
|
1905
|
-
return options.map(function (option, oIndex) {
|
|
1906
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-radio'), {
|
|
1907
|
-
key: oIndex,
|
|
1908
|
-
value: option[valueProp],
|
|
1909
|
-
disabled: option.disabled
|
|
1910
|
-
}, {
|
|
1911
|
-
"default": function _default() {
|
|
1912
|
-
return cellText(option[labelProp]);
|
|
1913
|
-
}
|
|
1914
|
-
});
|
|
1915
|
-
});
|
|
1916
|
-
}
|
|
1917
|
-
})];
|
|
1918
|
-
}
|
|
1919
|
-
},
|
|
1920
|
-
ElCheckboxGroup: {
|
|
1921
|
-
renderFormItemContent: function renderFormItemContent(renderOpts, params) {
|
|
1922
|
-
var _renderOpts$options4 = renderOpts.options,
|
|
1923
|
-
options = _renderOpts$options4 === void 0 ? [] : _renderOpts$options4,
|
|
1924
|
-
_renderOpts$optionPro4 = renderOpts.optionProps,
|
|
1925
|
-
optionProps = _renderOpts$optionPro4 === void 0 ? {} : _renderOpts$optionPro4,
|
|
1926
|
-
attrs = renderOpts.attrs;
|
|
1927
|
-
var data = params.data,
|
|
1928
|
-
field = params.field;
|
|
1929
|
-
var labelProp = optionProps.label || 'label';
|
|
1930
|
-
var valueProp = optionProps.value || 'value';
|
|
1931
|
-
var itemValue = _xeUtils["default"].get(data, field);
|
|
1932
|
-
return [(0, _vue.h)((0, _comp.getCurrComponent)('el-checkbox-group'), _objectSpread(_objectSpread(_objectSpread({}, attrs), getItemProps(renderOpts, params, itemValue)), getItemOns(renderOpts, params)), {
|
|
1933
|
-
"default": function _default() {
|
|
1934
|
-
return options.map(function (option, oIndex) {
|
|
1935
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-checkbox'), {
|
|
1936
|
-
key: oIndex,
|
|
1937
|
-
value: option[valueProp],
|
|
1938
|
-
label: option[labelProp],
|
|
1939
|
-
disabled: option.disabled
|
|
1940
|
-
});
|
|
1941
|
-
});
|
|
1942
|
-
}
|
|
1943
|
-
})];
|
|
1944
|
-
}
|
|
1945
|
-
},
|
|
1946
|
-
ElButton: {
|
|
1947
|
-
renderFormItemContent: defaultButtonItemRender
|
|
1948
|
-
},
|
|
1949
|
-
// 已废弃
|
|
1950
|
-
ElRadio: {
|
|
1951
|
-
renderFormItemContent: createOldFormItemRadioAndCheckboxRender()
|
|
1952
|
-
},
|
|
1953
|
-
ElCheckbox: {
|
|
1954
|
-
renderFormItemContent: createOldFormItemRadioAndCheckboxRender()
|
|
1955
|
-
},
|
|
1956
|
-
ElButtons: {
|
|
1957
|
-
renderFormItemContent: defaultButtonsItemRender
|
|
1958
|
-
}
|
|
1959
|
-
});
|
|
1960
|
-
}
|
|
1961
|
-
}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
|
|
1962
|
-
},{"../util/comp":15}],12:[function(require,module,exports){
|
|
1963
|
-
(function (global){(function (){
|
|
1964
|
-
"use strict";
|
|
1965
|
-
|
|
1966
|
-
Object.defineProperty(exports, "__esModule", {
|
|
1967
|
-
value: true
|
|
1968
|
-
});
|
|
1969
|
-
exports["default"] = exports.VxeUIPluginRenderElement = void 0;
|
|
1970
|
-
var _table = require("./table");
|
|
1971
|
-
var _form = require("./form");
|
|
1972
|
-
var _formDesign = require("./form-design");
|
|
1973
|
-
var _store = require("./store");
|
|
1974
|
-
var _xeUtils = _interopRequireDefault((typeof window !== "undefined" ? window['XEUtils'] : typeof global !== "undefined" ? global['XEUtils'] : null));
|
|
1975
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
1976
|
-
// eslint-disable-next-line no-unused-vars
|
|
1977
|
-
var ElementPlus;
|
|
1978
|
-
function getEventTarget(evnt) {
|
|
1979
|
-
var target = evnt.target;
|
|
1980
|
-
if (target && target.shadowRoot && evnt.composed) {
|
|
1981
|
-
return evnt.composedPath()[0] || target;
|
|
1982
|
-
}
|
|
1983
|
-
return target;
|
|
1984
|
-
}
|
|
1985
|
-
/**
|
|
1986
|
-
* 检查触发源是否属于目标节点
|
|
1987
|
-
*/
|
|
1988
|
-
function getEventTargetNode(evnt, container, className) {
|
|
1989
|
-
var targetElem;
|
|
1990
|
-
var target = getEventTarget(evnt);
|
|
1991
|
-
var rootEl = document.documentElement || document.querySelector('html');
|
|
1992
|
-
while (target && target.nodeType && target !== rootEl) {
|
|
1993
|
-
if (className && target.className && target.className.split && target.className.split(' ').indexOf(className) > -1) {
|
|
1994
|
-
targetElem = target;
|
|
1995
|
-
} else if (target === container) {
|
|
1996
|
-
return {
|
|
1997
|
-
flag: className ? !!targetElem : true,
|
|
1998
|
-
container: container,
|
|
1999
|
-
targetElem: targetElem
|
|
2000
|
-
};
|
|
2001
|
-
}
|
|
2002
|
-
target = target.parentElement;
|
|
2003
|
-
}
|
|
2004
|
-
return {
|
|
2005
|
-
flag: false
|
|
2006
|
-
};
|
|
2007
|
-
}
|
|
2008
|
-
function toComponentName(name) {
|
|
2009
|
-
if (name) {
|
|
2010
|
-
return name.slice(0, 1).toUpperCase() + name.slice(1);
|
|
2011
|
-
}
|
|
2012
|
-
return name;
|
|
2013
|
-
}
|
|
2014
|
-
var VxeUIPluginRenderElement = exports.VxeUIPluginRenderElement = {
|
|
2015
|
-
component: function component(comp) {
|
|
2016
|
-
if (comp && comp.name) {
|
|
2017
|
-
var kcName = _xeUtils["default"].kebabCase(comp.name);
|
|
2018
|
-
var ccName = toComponentName(_xeUtils["default"].camelCase(comp.name));
|
|
2019
|
-
_store.componentMaps[kcName] = comp;
|
|
2020
|
-
_store.componentMaps[ccName] = comp;
|
|
2021
|
-
} else {
|
|
2022
|
-
console.error('[@vxe-ui/plugin-render-element 4.2.2] error component.', comp);
|
|
2023
|
-
}
|
|
2024
|
-
},
|
|
2025
|
-
install: function install(VxeUI, options) {
|
|
2026
|
-
var pluginOpts = Object.assign({}, options);
|
|
2027
|
-
if (options) {
|
|
2028
|
-
ElementPlus = options.ElementPlus;
|
|
2029
|
-
Object.assign(_store.globalConfig, options);
|
|
2030
|
-
}
|
|
2031
|
-
// 检查版本
|
|
2032
|
-
if (VxeUI.checkVersion) {
|
|
2033
|
-
var pVersion = 4;
|
|
2034
|
-
var sVersion = 11;
|
|
2035
|
-
if (!VxeUI.checkVersion(VxeUI.tableVersion, pVersion, sVersion)) {
|
|
2036
|
-
console.error("[@vxe-ui/plugin-render-element 4.2.2] ".concat(VxeUI.getI18n('vxe.error.errorVersion', ["vxe-table@".concat(VxeUI.tableVersion || '?'), "vxe-table v".concat(pVersion, ".").concat(sVersion, "+")]), " https://vxeui.com/other4/#/plugin-render-element/install"));
|
|
2037
|
-
}
|
|
2038
|
-
} else {
|
|
2039
|
-
if (!/^(4)\./.test(VxeUI.uiVersion || VxeUI.tableVersion)) {
|
|
2040
|
-
console.error('[@vxe-ui/plugin-render-element 4.2.2] Requires vxe-table 4.7.0+ version. https://vxeui.com/other4/#/plugin-render-element/install');
|
|
2041
|
-
}
|
|
2042
|
-
}
|
|
2043
|
-
/**
|
|
2044
|
-
* 事件兼容性处理
|
|
2045
|
-
*/
|
|
2046
|
-
function handleClearEvent(params) {
|
|
2047
|
-
var $event = params.$event;
|
|
2048
|
-
var bodyElem = document.body;
|
|
2049
|
-
var prefixCls = "".concat(pluginOpts.prefixCls || 'el').replace(/-$/, '');
|
|
2050
|
-
if (
|
|
2051
|
-
// 远程搜索
|
|
2052
|
-
getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-autocomplete-suggestion")).flag ||
|
|
2053
|
-
// 下拉框
|
|
2054
|
-
getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-select-dropdown")).flag ||
|
|
2055
|
-
// 级联
|
|
2056
|
-
getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-cascader__dropdown")).flag || getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-cascader-menus")).flag ||
|
|
2057
|
-
// 日期
|
|
2058
|
-
getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-time-panel")).flag || getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-picker-panel")).flag ||
|
|
2059
|
-
// 颜色
|
|
2060
|
-
getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-color-dropdown")).flag) {
|
|
2061
|
-
return false;
|
|
2062
|
-
}
|
|
2063
|
-
}
|
|
2064
|
-
(0, _table.defineTableRender)(VxeUI);
|
|
2065
|
-
(0, _form.defineFormRender)(VxeUI);
|
|
2066
|
-
(0, _formDesign.defineFormDesignRender)(VxeUI);
|
|
2067
|
-
VxeUI.interceptor.add('event.clearFilter', handleClearEvent);
|
|
2068
|
-
VxeUI.interceptor.add('event.clearEdit', handleClearEvent);
|
|
2069
|
-
VxeUI.interceptor.add('event.clearAreas', handleClearEvent);
|
|
2070
|
-
// 兼容老版本
|
|
2071
|
-
VxeUI.interceptor.add('event.clearActived', handleClearEvent);
|
|
2072
|
-
}
|
|
2073
|
-
};
|
|
2074
|
-
if (typeof window !== 'undefined') {
|
|
2075
|
-
if (window.VxeUI && window.VxeUI.use) {
|
|
2076
|
-
window.VxeUI.use(VxeUIPluginRenderElement);
|
|
2077
|
-
}
|
|
2078
|
-
if (window.ElementPlus) {
|
|
2079
|
-
_store.globalConfig.ElementPlus = window.ElementPlus;
|
|
2080
|
-
}
|
|
2081
|
-
}
|
|
2082
|
-
var _default = exports["default"] = VxeUIPluginRenderElement;
|
|
2083
|
-
}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
|
|
2084
|
-
},{"./form":11,"./form-design":3,"./store":13,"./table":14}],13:[function(require,module,exports){
|
|
2085
|
-
"use strict";
|
|
2086
|
-
|
|
2087
|
-
Object.defineProperty(exports, "__esModule", {
|
|
2088
|
-
value: true
|
|
2089
|
-
});
|
|
2090
|
-
exports.globalConfig = exports.componentMaps = void 0;
|
|
2091
|
-
var globalConfig = exports.globalConfig = {};
|
|
2092
|
-
var componentMaps = exports.componentMaps = {};
|
|
2093
|
-
},{}],14:[function(require,module,exports){
|
|
2094
|
-
(function (global){(function (){
|
|
2095
|
-
"use strict";
|
|
2096
|
-
|
|
2097
|
-
Object.defineProperty(exports, "__esModule", {
|
|
2098
|
-
value: true
|
|
2099
|
-
});
|
|
2100
|
-
exports.defineTableRender = defineTableRender;
|
|
2101
|
-
var _vue = (typeof window !== "undefined" ? window['Vue'] : typeof global !== "undefined" ? global['Vue'] : null);
|
|
2102
|
-
var _comp = require("../util/comp");
|
|
2103
|
-
var _xeUtils = _interopRequireDefault((typeof window !== "undefined" ? window['XEUtils'] : typeof global !== "undefined" ? global['XEUtils'] : null));
|
|
2104
|
-
var _dayjs = _interopRequireDefault((typeof window !== "undefined" ? window['dayjs'] : typeof global !== "undefined" ? global['dayjs'] : null));
|
|
2105
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
2106
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2107
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2108
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2109
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
2110
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
2111
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
2112
|
-
/**
|
|
2113
|
-
* 表格 - 渲染器
|
|
2114
|
-
*/
|
|
2115
|
-
function defineTableRender(VxeUI) {
|
|
2116
|
-
function isEmptyValue(cellValue) {
|
|
2117
|
-
return cellValue === null || cellValue === undefined || cellValue === '';
|
|
2118
|
-
}
|
|
2119
|
-
function getOnName(type) {
|
|
2120
|
-
return 'on' + type.substring(0, 1).toLocaleUpperCase() + type.substring(1);
|
|
2121
|
-
}
|
|
2122
|
-
function getModelProp(renderOpts) {
|
|
2123
|
-
return 'modelValue';
|
|
2124
|
-
}
|
|
2125
|
-
function getModelEvent(renderOpts) {
|
|
2126
|
-
return 'update:modelValue';
|
|
2127
|
-
}
|
|
2128
|
-
function getChangeEvent(renderOpts) {
|
|
2129
|
-
var type = 'change';
|
|
2130
|
-
switch (renderOpts.name) {
|
|
2131
|
-
case 'ElAutocomplete':
|
|
2132
|
-
type = 'select';
|
|
2133
|
-
break;
|
|
2134
|
-
case 'ElInput':
|
|
2135
|
-
case 'ElInputNumber':
|
|
2136
|
-
type = 'input';
|
|
2137
|
-
break;
|
|
2138
|
-
}
|
|
2139
|
-
return type;
|
|
2140
|
-
}
|
|
2141
|
-
function toDayStringDate(value, format) {
|
|
2142
|
-
return (0, _dayjs["default"])(value, format).toDate();
|
|
2143
|
-
}
|
|
2144
|
-
function toDayDateString(date, format) {
|
|
2145
|
-
return (0, _dayjs["default"])(date).format(format);
|
|
2146
|
-
}
|
|
2147
|
-
function parseDate(value, props) {
|
|
2148
|
-
return value && props.valueFormat ? toDayStringDate(value, props.valueFormat) : value;
|
|
2149
|
-
}
|
|
2150
|
-
function getFormatDate(value, props, defaultFormat) {
|
|
2151
|
-
return value ? toDayDateString(parseDate(value, props), props.format || props.valueFormat || defaultFormat) : value;
|
|
2152
|
-
}
|
|
2153
|
-
function getFormatDates(values, props, separator, defaultFormat) {
|
|
2154
|
-
return _xeUtils["default"].map(values, function (date) {
|
|
2155
|
-
return getFormatDate(date, props, defaultFormat);
|
|
2156
|
-
}).join(separator);
|
|
2157
|
-
}
|
|
2158
|
-
function equalDateRange(cellValue, data, props, defaultFormat) {
|
|
2159
|
-
cellValue = getFormatDate(cellValue, props, defaultFormat);
|
|
2160
|
-
return cellValue >= getFormatDate(data[0], props, defaultFormat) && cellValue <= getFormatDate(data[1], props, defaultFormat);
|
|
2161
|
-
}
|
|
2162
|
-
function getCellEditFilterProps(renderOpts, params, value, defaultProps) {
|
|
2163
|
-
return _xeUtils["default"].assign({}, defaultProps, renderOpts.props, _defineProperty({}, getModelProp(renderOpts), value));
|
|
2164
|
-
}
|
|
2165
|
-
function formatText(cellValue) {
|
|
2166
|
-
return '' + (isEmptyValue(cellValue) ? '' : cellValue);
|
|
2167
|
-
}
|
|
2168
|
-
function getCellLabelVNs(renderOpts, params, cellLabel) {
|
|
2169
|
-
var placeholder = renderOpts.placeholder;
|
|
2170
|
-
return [(0, _vue.h)('span', {
|
|
2171
|
-
"class": 'vxe-cell--label'
|
|
2172
|
-
}, placeholder && isEmptyValue(cellLabel) ? [(0, _vue.h)('span', {
|
|
2173
|
-
"class": 'vxe-cell--placeholder'
|
|
2174
|
-
}, formatText(VxeUI.getI18n(placeholder)))] : formatText(cellLabel))];
|
|
2175
|
-
}
|
|
2176
|
-
function getOns(renderOpts, params, inputFunc, changeFunc) {
|
|
2177
|
-
var events = renderOpts.events;
|
|
2178
|
-
var modelEvent = getModelEvent(renderOpts);
|
|
2179
|
-
var changeEvent = getChangeEvent(renderOpts);
|
|
2180
|
-
var isSameEvent = changeEvent === modelEvent;
|
|
2181
|
-
var ons = {};
|
|
2182
|
-
_xeUtils["default"].objectEach(events, function (func, key) {
|
|
2183
|
-
ons[getOnName(key)] = function () {
|
|
2184
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
2185
|
-
args[_key] = arguments[_key];
|
|
2186
|
-
}
|
|
2187
|
-
func.apply(void 0, [params].concat(args));
|
|
2188
|
-
};
|
|
2189
|
-
});
|
|
2190
|
-
if (inputFunc) {
|
|
2191
|
-
ons[getOnName(modelEvent)] = function (targetEvnt) {
|
|
2192
|
-
inputFunc(targetEvnt);
|
|
2193
|
-
if (events && events[modelEvent]) {
|
|
2194
|
-
events[modelEvent](params, targetEvnt);
|
|
2195
|
-
}
|
|
2196
|
-
if (isSameEvent && changeFunc) {
|
|
2197
|
-
changeFunc(targetEvnt);
|
|
2198
|
-
}
|
|
2199
|
-
};
|
|
2200
|
-
}
|
|
2201
|
-
if (!isSameEvent && changeFunc) {
|
|
2202
|
-
ons[getOnName(changeEvent)] = function () {
|
|
2203
|
-
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
2204
|
-
args[_key2] = arguments[_key2];
|
|
2205
|
-
}
|
|
2206
|
-
changeFunc.apply(void 0, args);
|
|
2207
|
-
if (events && events[changeEvent]) {
|
|
2208
|
-
events[changeEvent].apply(events, [params].concat(args));
|
|
2209
|
-
}
|
|
2210
|
-
};
|
|
2211
|
-
}
|
|
2212
|
-
return ons;
|
|
2213
|
-
}
|
|
2214
|
-
function getEditOns(renderOpts, params) {
|
|
2215
|
-
var $table = params.$table,
|
|
2216
|
-
row = params.row,
|
|
2217
|
-
column = params.column;
|
|
2218
|
-
return getOns(renderOpts, params, function (value) {
|
|
2219
|
-
// 处理 model 值双向绑定
|
|
2220
|
-
_xeUtils["default"].set(row, column.field, value);
|
|
2221
|
-
}, function () {
|
|
2222
|
-
// 处理 change 事件相关逻辑
|
|
2223
|
-
$table.updateStatus(params);
|
|
2224
|
-
});
|
|
2225
|
-
}
|
|
2226
|
-
function getFilterOns(renderOpts, params, option, changeFunc) {
|
|
2227
|
-
return getOns(renderOpts, params, function (value) {
|
|
2228
|
-
// 处理 model 值双向绑定
|
|
2229
|
-
option.data = value;
|
|
2230
|
-
}, changeFunc);
|
|
2231
|
-
}
|
|
2232
|
-
function matchCascaderData(index, list, values, labels) {
|
|
2233
|
-
var val = values[index];
|
|
2234
|
-
if (list && values.length > index) {
|
|
2235
|
-
_xeUtils["default"].each(list, function (item) {
|
|
2236
|
-
if (item.value === val) {
|
|
2237
|
-
labels.push(item.label);
|
|
2238
|
-
matchCascaderData(++index, item.children, values, labels);
|
|
2239
|
-
}
|
|
2240
|
-
});
|
|
2241
|
-
}
|
|
2242
|
-
}
|
|
2243
|
-
function getSelectCellValue(renderOpts, params) {
|
|
2244
|
-
var _renderOpts$options = renderOpts.options,
|
|
2245
|
-
options = _renderOpts$options === void 0 ? [] : _renderOpts$options,
|
|
2246
|
-
optionGroups = renderOpts.optionGroups,
|
|
2247
|
-
_renderOpts$props = renderOpts.props,
|
|
2248
|
-
props = _renderOpts$props === void 0 ? {} : _renderOpts$props,
|
|
2249
|
-
_renderOpts$optionPro = renderOpts.optionProps,
|
|
2250
|
-
optionProps = _renderOpts$optionPro === void 0 ? {} : _renderOpts$optionPro,
|
|
2251
|
-
_renderOpts$optionGro = renderOpts.optionGroupProps,
|
|
2252
|
-
optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro;
|
|
2253
|
-
var $table = params.$table,
|
|
2254
|
-
rowid = params.rowid,
|
|
2255
|
-
row = params.row,
|
|
2256
|
-
column = params.column;
|
|
2257
|
-
var filterable = props.filterable,
|
|
2258
|
-
multiple = props.multiple;
|
|
2259
|
-
var labelProp = optionProps.label || 'label';
|
|
2260
|
-
var valueProp = optionProps.value || 'value';
|
|
2261
|
-
var groupOptions = optionGroupProps.options || 'options';
|
|
2262
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
2263
|
-
var colid = column.id;
|
|
2264
|
-
var cellData;
|
|
2265
|
-
if (filterable) {
|
|
2266
|
-
var internalData = $table.internalData;
|
|
2267
|
-
var fullAllDataRowIdData = internalData.fullAllDataRowIdData;
|
|
2268
|
-
var rest = fullAllDataRowIdData[rowid];
|
|
2269
|
-
if (rest) {
|
|
2270
|
-
cellData = rest.cellData;
|
|
2271
|
-
if (!cellData) {
|
|
2272
|
-
cellData = rest.cellData = {};
|
|
2273
|
-
}
|
|
2274
|
-
}
|
|
2275
|
-
if (rest && cellData[colid] && cellData[colid].value === cellValue) {
|
|
2276
|
-
return cellData[colid].label;
|
|
2277
|
-
}
|
|
2278
|
-
}
|
|
2279
|
-
if (!isEmptyValue(cellValue)) {
|
|
2280
|
-
var selectlabel = _xeUtils["default"].map(multiple ? cellValue : [cellValue], optionGroups ? function (value) {
|
|
2281
|
-
var selectItem;
|
|
2282
|
-
for (var index = 0; index < optionGroups.length; index++) {
|
|
2283
|
-
selectItem = _xeUtils["default"].find(optionGroups[index][groupOptions], function (item) {
|
|
2284
|
-
return item[valueProp] === value;
|
|
2285
|
-
});
|
|
2286
|
-
if (selectItem) {
|
|
2287
|
-
break;
|
|
2288
|
-
}
|
|
2289
|
-
}
|
|
2290
|
-
return selectItem ? selectItem[labelProp] : value;
|
|
2291
|
-
} : function (value) {
|
|
2292
|
-
var selectItem = _xeUtils["default"].find(options, function (item) {
|
|
2293
|
-
return item[valueProp] === value;
|
|
2294
|
-
});
|
|
2295
|
-
return selectItem ? selectItem[labelProp] : value;
|
|
2296
|
-
}).join(', ');
|
|
2297
|
-
if (cellData && options && options.length) {
|
|
2298
|
-
cellData[colid] = {
|
|
2299
|
-
value: cellValue,
|
|
2300
|
-
label: selectlabel
|
|
2301
|
-
};
|
|
2302
|
-
}
|
|
2303
|
-
return selectlabel;
|
|
2304
|
-
}
|
|
2305
|
-
return '';
|
|
2306
|
-
}
|
|
2307
|
-
function getCascaderCellValue(renderOpts, params) {
|
|
2308
|
-
var _renderOpts$props2 = renderOpts.props,
|
|
2309
|
-
props = _renderOpts$props2 === void 0 ? {} : _renderOpts$props2;
|
|
2310
|
-
var row = params.row,
|
|
2311
|
-
column = params.column;
|
|
2312
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
2313
|
-
var values = cellValue || [];
|
|
2314
|
-
var labels = [];
|
|
2315
|
-
matchCascaderData(0, props.options, values, labels);
|
|
2316
|
-
return (props.showAllLevels === false ? labels.slice(labels.length - 1, labels.length) : labels).join(" ".concat(props.separator || '/', " "));
|
|
2317
|
-
}
|
|
2318
|
-
function getDatePickerCellValue(renderOpts, params) {
|
|
2319
|
-
var _renderOpts$props3 = renderOpts.props,
|
|
2320
|
-
props = _renderOpts$props3 === void 0 ? {} : _renderOpts$props3;
|
|
2321
|
-
var row = params.row,
|
|
2322
|
-
column = params.column;
|
|
2323
|
-
var _props$rangeSeparator = props.rangeSeparator,
|
|
2324
|
-
rangeSeparator = _props$rangeSeparator === void 0 ? '-' : _props$rangeSeparator;
|
|
2325
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
2326
|
-
switch (props.type) {
|
|
2327
|
-
case 'week':
|
|
2328
|
-
cellValue = getFormatDate(cellValue, props, 'YYYYwWW');
|
|
2329
|
-
break;
|
|
2330
|
-
case 'month':
|
|
2331
|
-
cellValue = getFormatDate(cellValue, props, 'YYYY-MM');
|
|
2332
|
-
break;
|
|
2333
|
-
case 'year':
|
|
2334
|
-
cellValue = getFormatDate(cellValue, props, 'YYYY');
|
|
2335
|
-
break;
|
|
2336
|
-
case 'dates':
|
|
2337
|
-
cellValue = getFormatDates(cellValue, props, ', ', 'YYYY-MM-DD');
|
|
2338
|
-
break;
|
|
2339
|
-
case 'daterange':
|
|
2340
|
-
cellValue = getFormatDates(cellValue, props, " ".concat(rangeSeparator, " "), 'YYYY-MM-DD');
|
|
2341
|
-
break;
|
|
2342
|
-
case 'datetimerange':
|
|
2343
|
-
cellValue = getFormatDates(cellValue, props, " ".concat(rangeSeparator, " "), 'YYYY-MM-DD HH:ss:mm');
|
|
2344
|
-
break;
|
|
2345
|
-
case 'monthrange':
|
|
2346
|
-
cellValue = getFormatDates(cellValue, props, " ".concat(rangeSeparator, " "), 'YYYY-MM');
|
|
2347
|
-
break;
|
|
2348
|
-
default:
|
|
2349
|
-
cellValue = getFormatDate(cellValue, props, 'YYYY-MM-DD');
|
|
2350
|
-
}
|
|
2351
|
-
return cellValue;
|
|
2352
|
-
}
|
|
2353
|
-
function getTimePickerCellValue(renderOpts, params) {
|
|
2354
|
-
var _renderOpts$props4 = renderOpts.props,
|
|
2355
|
-
props = _renderOpts$props4 === void 0 ? {} : _renderOpts$props4;
|
|
2356
|
-
var row = params.row,
|
|
2357
|
-
column = params.column;
|
|
2358
|
-
var isRange = props.isRange,
|
|
2359
|
-
_props$format = props.format,
|
|
2360
|
-
format = _props$format === void 0 ? 'HH:mm:ss' : _props$format,
|
|
2361
|
-
_props$rangeSeparator2 = props.rangeSeparator,
|
|
2362
|
-
rangeSeparator = _props$rangeSeparator2 === void 0 ? '-' : _props$rangeSeparator2;
|
|
2363
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
2364
|
-
if (cellValue && isRange) {
|
|
2365
|
-
cellValue = _xeUtils["default"].map(cellValue, function (date) {
|
|
2366
|
-
return toDayDateString(parseDate(date, props), format);
|
|
2367
|
-
}).join(" ".concat(rangeSeparator, " "));
|
|
2368
|
-
}
|
|
2369
|
-
return toDayDateString(parseDate(cellValue, props), format);
|
|
2370
|
-
}
|
|
2371
|
-
function createEditRender(defaultProps) {
|
|
2372
|
-
return function (renderOpts, params) {
|
|
2373
|
-
var row = params.row,
|
|
2374
|
-
column = params.column;
|
|
2375
|
-
var name = renderOpts.name,
|
|
2376
|
-
attrs = renderOpts.attrs;
|
|
2377
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
2378
|
-
return [(0, _vue.h)((0, _comp.getCurrComponent)(name), _objectSpread(_objectSpread(_objectSpread({}, attrs), getCellEditFilterProps(renderOpts, params, cellValue, defaultProps)), getEditOns(renderOpts, params)))];
|
|
2379
|
-
};
|
|
2380
|
-
}
|
|
2381
|
-
function defaultButtonEditRender(renderOpts, params) {
|
|
2382
|
-
var attrs = renderOpts.attrs;
|
|
2383
|
-
return [(0, _vue.h)((0, _comp.getCurrComponent)('el-button'), _objectSpread(_objectSpread(_objectSpread({}, attrs), getCellEditFilterProps(renderOpts, params, null)), getOns(renderOpts, params)), cellText(renderOpts.content))];
|
|
2384
|
-
}
|
|
2385
|
-
function defaultButtonsEditRender(renderOpts, params) {
|
|
2386
|
-
var children = renderOpts.children;
|
|
2387
|
-
if (children) {
|
|
2388
|
-
return children.map(function (childRenderOpts) {
|
|
2389
|
-
return defaultButtonEditRender(childRenderOpts, params)[0];
|
|
2390
|
-
});
|
|
2391
|
-
}
|
|
2392
|
-
return [];
|
|
2393
|
-
}
|
|
2394
|
-
function createFilterRender(defaultProps) {
|
|
2395
|
-
return function (renderOpts, params) {
|
|
2396
|
-
var column = params.column;
|
|
2397
|
-
var name = renderOpts.name,
|
|
2398
|
-
attrs = renderOpts.attrs;
|
|
2399
|
-
return [(0, _vue.h)('div', {
|
|
2400
|
-
"class": 'vxe-table--filter-element-wrapper'
|
|
2401
|
-
}, column.filters.map(function (option, oIndex) {
|
|
2402
|
-
var optionValue = option.data;
|
|
2403
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)(name), _objectSpread(_objectSpread(_objectSpread({
|
|
2404
|
-
key: oIndex
|
|
2405
|
-
}, attrs), getCellEditFilterProps(renderOpts, params, optionValue, defaultProps)), getFilterOns(renderOpts, params, option, function () {
|
|
2406
|
-
// 处理 change 事件相关逻辑
|
|
2407
|
-
handleConfirmFilter(params, !!option.data, option);
|
|
2408
|
-
})));
|
|
2409
|
-
}))];
|
|
2410
|
-
};
|
|
2411
|
-
}
|
|
2412
|
-
function handleConfirmFilter(params, checked, option) {
|
|
2413
|
-
var $panel = params.$panel;
|
|
2414
|
-
$panel.changeOption(null, checked, option);
|
|
2415
|
-
}
|
|
2416
|
-
/**
|
|
2417
|
-
* 模糊匹配
|
|
2418
|
-
* @param params
|
|
2419
|
-
*/
|
|
2420
|
-
function defaultFuzzyFilterMethod(params) {
|
|
2421
|
-
var option = params.option,
|
|
2422
|
-
row = params.row,
|
|
2423
|
-
column = params.column;
|
|
2424
|
-
var data = option.data;
|
|
2425
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
2426
|
-
return _xeUtils["default"].toValueString(cellValue).indexOf(data) > -1;
|
|
2427
|
-
}
|
|
2428
|
-
/**
|
|
2429
|
-
* 精确匹配
|
|
2430
|
-
* @param params
|
|
2431
|
-
*/
|
|
2432
|
-
function defaultExactFilterMethod(params) {
|
|
2433
|
-
var option = params.option,
|
|
2434
|
-
row = params.row,
|
|
2435
|
-
column = params.column;
|
|
2436
|
-
var data = option.data;
|
|
2437
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
2438
|
-
/* eslint-disable eqeqeq */
|
|
2439
|
-
return cellValue === data;
|
|
2440
|
-
}
|
|
2441
|
-
function renderOptions(options, optionProps) {
|
|
2442
|
-
var labelProp = optionProps.label || 'label';
|
|
2443
|
-
var valueProp = optionProps.value || 'value';
|
|
2444
|
-
return _xeUtils["default"].map(options, function (item, oIndex) {
|
|
2445
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-option'), {
|
|
2446
|
-
key: oIndex,
|
|
2447
|
-
value: item[valueProp],
|
|
2448
|
-
label: item[labelProp],
|
|
2449
|
-
disabled: item.disabled
|
|
2450
|
-
});
|
|
2451
|
-
});
|
|
2452
|
-
}
|
|
2453
|
-
function cellText(cellValue) {
|
|
2454
|
-
return [formatText(cellValue)];
|
|
2455
|
-
}
|
|
2456
|
-
function createExportMethod(getExportCellValue) {
|
|
2457
|
-
return function (params) {
|
|
2458
|
-
var row = params.row,
|
|
2459
|
-
column = params.column,
|
|
2460
|
-
options = params.options;
|
|
2461
|
-
return options && options.original ? _xeUtils["default"].get(row, column.field) : getExportCellValue(column.editRender || column.cellRender, params);
|
|
2462
|
-
};
|
|
2463
|
-
}
|
|
2464
|
-
VxeUI.renderer.mixin({
|
|
2465
|
-
ElAutocomplete: {
|
|
2466
|
-
tableAutoFocus: 'input',
|
|
2467
|
-
renderTableDefault: createEditRender(),
|
|
2468
|
-
renderTableEdit: createEditRender(),
|
|
2469
|
-
renderTableFilter: createFilterRender(),
|
|
2470
|
-
tableFilterDefaultMethod: defaultExactFilterMethod
|
|
2471
|
-
},
|
|
2472
|
-
ElInput: {
|
|
2473
|
-
tableAutoFocus: 'input',
|
|
2474
|
-
renderTableDefault: createEditRender(),
|
|
2475
|
-
renderTableEdit: createEditRender(),
|
|
2476
|
-
renderTableFilter: createFilterRender(),
|
|
2477
|
-
tableFilterDefaultMethod: defaultFuzzyFilterMethod
|
|
2478
|
-
},
|
|
2479
|
-
ElInputNumber: {
|
|
2480
|
-
tableAutoFocus: 'input',
|
|
2481
|
-
renderTableDefault: createEditRender(),
|
|
2482
|
-
renderTableEdit: createEditRender(),
|
|
2483
|
-
renderTableFilter: createFilterRender(),
|
|
2484
|
-
tableFilterDefaultMethod: defaultFuzzyFilterMethod
|
|
2485
|
-
},
|
|
2486
|
-
ElSelect: {
|
|
2487
|
-
tableAutoFocus: 'input',
|
|
2488
|
-
renderTableEdit: function renderTableEdit(renderOpts, params) {
|
|
2489
|
-
var _renderOpts$options2 = renderOpts.options,
|
|
2490
|
-
options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2,
|
|
2491
|
-
optionGroups = renderOpts.optionGroups,
|
|
2492
|
-
_renderOpts$optionPro2 = renderOpts.optionProps,
|
|
2493
|
-
optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2,
|
|
2494
|
-
_renderOpts$optionGro2 = renderOpts.optionGroupProps,
|
|
2495
|
-
optionGroupProps = _renderOpts$optionGro2 === void 0 ? {} : _renderOpts$optionGro2;
|
|
2496
|
-
var row = params.row,
|
|
2497
|
-
column = params.column;
|
|
2498
|
-
var attrs = renderOpts.attrs;
|
|
2499
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
2500
|
-
var props = getCellEditFilterProps(renderOpts, params, cellValue);
|
|
2501
|
-
var ons = getEditOns(renderOpts, params);
|
|
2502
|
-
if (optionGroups) {
|
|
2503
|
-
var groupOptions = optionGroupProps.options || 'options';
|
|
2504
|
-
var groupLabel = optionGroupProps.label || 'label';
|
|
2505
|
-
return [(0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), ons), {
|
|
2506
|
-
"default": function _default() {
|
|
2507
|
-
return _xeUtils["default"].map(optionGroups, function (group, gIndex) {
|
|
2508
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-option-group'), {
|
|
2509
|
-
key: gIndex,
|
|
2510
|
-
label: group[groupLabel]
|
|
2511
|
-
}, {
|
|
2512
|
-
"default": function _default() {
|
|
2513
|
-
return renderOptions(group[groupOptions], optionProps);
|
|
2514
|
-
}
|
|
2515
|
-
});
|
|
2516
|
-
});
|
|
2517
|
-
}
|
|
2518
|
-
})];
|
|
2519
|
-
}
|
|
2520
|
-
return [(0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({}, props), attrs), ons), {
|
|
2521
|
-
"default": function _default() {
|
|
2522
|
-
return renderOptions(options, optionProps);
|
|
2523
|
-
}
|
|
2524
|
-
})];
|
|
2525
|
-
},
|
|
2526
|
-
renderTableCell: function renderTableCell(renderOpts, params) {
|
|
2527
|
-
return getCellLabelVNs(renderOpts, params, getSelectCellValue(renderOpts, params));
|
|
2528
|
-
},
|
|
2529
|
-
renderTableFilter: function renderTableFilter(renderOpts, params) {
|
|
2530
|
-
var _renderOpts$options3 = renderOpts.options,
|
|
2531
|
-
options = _renderOpts$options3 === void 0 ? [] : _renderOpts$options3,
|
|
2532
|
-
optionGroups = renderOpts.optionGroups,
|
|
2533
|
-
_renderOpts$optionPro3 = renderOpts.optionProps,
|
|
2534
|
-
optionProps = _renderOpts$optionPro3 === void 0 ? {} : _renderOpts$optionPro3,
|
|
2535
|
-
_renderOpts$optionGro3 = renderOpts.optionGroupProps,
|
|
2536
|
-
optionGroupProps = _renderOpts$optionGro3 === void 0 ? {} : _renderOpts$optionGro3;
|
|
2537
|
-
var groupOptions = optionGroupProps.options || 'options';
|
|
2538
|
-
var groupLabel = optionGroupProps.label || 'label';
|
|
2539
|
-
var column = params.column;
|
|
2540
|
-
var attrs = renderOpts.attrs;
|
|
2541
|
-
return [(0, _vue.h)('div', {
|
|
2542
|
-
"class": 'vxe-table--filter-element-wrapper'
|
|
2543
|
-
}, optionGroups ? column.filters.map(function (option, oIndex) {
|
|
2544
|
-
var optionValue = option.data;
|
|
2545
|
-
var props = getCellEditFilterProps(renderOpts, params, optionValue);
|
|
2546
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({
|
|
2547
|
-
key: oIndex
|
|
2548
|
-
}, attrs), props), getFilterOns(renderOpts, params, option, function () {
|
|
2549
|
-
// 处理 change 事件相关逻辑
|
|
2550
|
-
handleConfirmFilter(params, props.multiple ? option.data && option.data.length > 0 : !_xeUtils["default"].eqNull(option.data), option);
|
|
2551
|
-
})), {
|
|
2552
|
-
"default": function _default() {
|
|
2553
|
-
return _xeUtils["default"].map(optionGroups, function (group, gIndex) {
|
|
2554
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-option-group'), {
|
|
2555
|
-
key: gIndex,
|
|
2556
|
-
label: group[groupLabel]
|
|
2557
|
-
}, {
|
|
2558
|
-
"default": function _default() {
|
|
2559
|
-
return renderOptions(group[groupOptions], optionProps);
|
|
2560
|
-
}
|
|
2561
|
-
});
|
|
2562
|
-
});
|
|
2563
|
-
}
|
|
2564
|
-
});
|
|
2565
|
-
}) : column.filters.map(function (option, oIndex) {
|
|
2566
|
-
var optionValue = option.data;
|
|
2567
|
-
var props = getCellEditFilterProps(renderOpts, params, optionValue);
|
|
2568
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({
|
|
2569
|
-
key: oIndex
|
|
2570
|
-
}, attrs), props), getFilterOns(renderOpts, params, option, function () {
|
|
2571
|
-
// 处理 change 事件相关逻辑
|
|
2572
|
-
handleConfirmFilter(params, props.multiple ? option.data && option.data.length > 0 : !_xeUtils["default"].eqNull(option.data), option);
|
|
2573
|
-
})), {
|
|
2574
|
-
"default": function _default() {
|
|
2575
|
-
return renderOptions(options, optionProps);
|
|
2576
|
-
}
|
|
2577
|
-
});
|
|
2578
|
-
}))];
|
|
2579
|
-
},
|
|
2580
|
-
tableFilterDefaultMethod: function tableFilterDefaultMethod(params) {
|
|
2581
|
-
var option = params.option,
|
|
2582
|
-
row = params.row,
|
|
2583
|
-
column = params.column;
|
|
2584
|
-
var data = option.data;
|
|
2585
|
-
var field = column.field,
|
|
2586
|
-
renderOpts = column.filterRender;
|
|
2587
|
-
var _renderOpts$props5 = renderOpts.props,
|
|
2588
|
-
props = _renderOpts$props5 === void 0 ? {} : _renderOpts$props5;
|
|
2589
|
-
var cellValue = _xeUtils["default"].get(row, field);
|
|
2590
|
-
if (props.multiple) {
|
|
2591
|
-
if (_xeUtils["default"].isArray(cellValue)) {
|
|
2592
|
-
return _xeUtils["default"].includeArrays(cellValue, data);
|
|
2593
|
-
}
|
|
2594
|
-
return data.indexOf(cellValue) > -1;
|
|
2595
|
-
}
|
|
2596
|
-
/* eslint-disable eqeqeq */
|
|
2597
|
-
return cellValue == data;
|
|
2598
|
-
},
|
|
2599
|
-
tableExportMethod: createExportMethod(getSelectCellValue)
|
|
2600
|
-
},
|
|
2601
|
-
ElCascader: {
|
|
2602
|
-
tableAutoFocus: 'input',
|
|
2603
|
-
renderTableEdit: createEditRender(),
|
|
2604
|
-
renderTableCell: function renderTableCell(renderOpts, params) {
|
|
2605
|
-
return getCellLabelVNs(renderOpts, params, getCascaderCellValue(renderOpts, params));
|
|
2606
|
-
},
|
|
2607
|
-
tableExportMethod: createExportMethod(getCascaderCellValue)
|
|
2608
|
-
},
|
|
2609
|
-
ElDatePicker: {
|
|
2610
|
-
tableAutoFocus: 'input',
|
|
2611
|
-
renderTableEdit: createEditRender(),
|
|
2612
|
-
renderTableCell: function renderTableCell(renderOpts, params) {
|
|
2613
|
-
return getCellLabelVNs(renderOpts, params, getDatePickerCellValue(renderOpts, params));
|
|
2614
|
-
},
|
|
2615
|
-
renderTableFilter: function renderTableFilter(renderOpts, params) {
|
|
2616
|
-
var column = params.column;
|
|
2617
|
-
var name = renderOpts.name,
|
|
2618
|
-
attrs = renderOpts.attrs;
|
|
2619
|
-
return [(0, _vue.h)('div', {
|
|
2620
|
-
"class": 'vxe-table--filter-element-wrapper'
|
|
2621
|
-
}, column.filters.map(function (option, oIndex) {
|
|
2622
|
-
var optionValue = option.data;
|
|
2623
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)(name), _objectSpread(_objectSpread(_objectSpread({
|
|
2624
|
-
key: oIndex
|
|
2625
|
-
}, attrs), getCellEditFilterProps(renderOpts, params, optionValue)), getFilterOns(renderOpts, params, option, function () {
|
|
2626
|
-
// 处理 change 事件相关逻辑
|
|
2627
|
-
handleConfirmFilter(params, !!option.data, option);
|
|
2628
|
-
})));
|
|
2629
|
-
}))];
|
|
2630
|
-
},
|
|
2631
|
-
tableFilterDefaultMethod: function tableFilterDefaultMethod(params) {
|
|
2632
|
-
var option = params.option,
|
|
2633
|
-
row = params.row,
|
|
2634
|
-
column = params.column;
|
|
2635
|
-
var data = option.data;
|
|
2636
|
-
var renderOpts = column.filterRender;
|
|
2637
|
-
var _renderOpts$props6 = renderOpts.props,
|
|
2638
|
-
props = _renderOpts$props6 === void 0 ? {} : _renderOpts$props6;
|
|
2639
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
2640
|
-
if (data) {
|
|
2641
|
-
switch (props.type) {
|
|
2642
|
-
case 'daterange':
|
|
2643
|
-
return equalDateRange(cellValue, data, props, 'YYYY-MM-DD');
|
|
2644
|
-
case 'datetimerange':
|
|
2645
|
-
return equalDateRange(cellValue, data, props, 'YYYY-MM-DD HH:ss:mm');
|
|
2646
|
-
case 'monthrange':
|
|
2647
|
-
return equalDateRange(cellValue, data, props, 'YYYY-MM');
|
|
2648
|
-
default:
|
|
2649
|
-
return cellValue === data;
|
|
2650
|
-
}
|
|
2651
|
-
}
|
|
2652
|
-
return false;
|
|
2653
|
-
},
|
|
2654
|
-
tableExportMethod: createExportMethod(getDatePickerCellValue)
|
|
2655
|
-
},
|
|
2656
|
-
ElTimePicker: {
|
|
2657
|
-
tableAutoFocus: 'input',
|
|
2658
|
-
renderTableEdit: createEditRender(),
|
|
2659
|
-
renderTableCell: function renderTableCell(renderOpts, params) {
|
|
2660
|
-
return getCellLabelVNs(renderOpts, params, getTimePickerCellValue(renderOpts, params));
|
|
2661
|
-
},
|
|
2662
|
-
tableExportMethod: createExportMethod(getTimePickerCellValue)
|
|
2663
|
-
},
|
|
2664
|
-
ElTimeSelect: {
|
|
2665
|
-
tableAutoFocus: 'input',
|
|
2666
|
-
renderTableEdit: createEditRender()
|
|
2667
|
-
},
|
|
2668
|
-
ElRate: {
|
|
2669
|
-
renderTableDefault: createEditRender(),
|
|
2670
|
-
renderTableEdit: createEditRender(),
|
|
2671
|
-
renderTableFilter: createFilterRender(),
|
|
2672
|
-
tableFilterDefaultMethod: defaultExactFilterMethod
|
|
2673
|
-
},
|
|
2674
|
-
ElSwitch: {
|
|
2675
|
-
renderTableDefault: createEditRender(),
|
|
2676
|
-
renderTableEdit: createEditRender(),
|
|
2677
|
-
renderTableFilter: function renderTableFilter(renderOpts, params) {
|
|
2678
|
-
var column = params.column;
|
|
2679
|
-
var name = renderOpts.name,
|
|
2680
|
-
attrs = renderOpts.attrs;
|
|
2681
|
-
return [(0, _vue.h)('div', {
|
|
2682
|
-
"class": 'vxe-table--filter-element-wrapper'
|
|
2683
|
-
}, column.filters.map(function (option, oIndex) {
|
|
2684
|
-
var optionValue = option.data;
|
|
2685
|
-
return (0, _vue.h)((0, _comp.getCurrComponent)(name), _objectSpread(_objectSpread(_objectSpread({
|
|
2686
|
-
key: oIndex
|
|
2687
|
-
}, attrs), getCellEditFilterProps(renderOpts, params, optionValue)), getFilterOns(renderOpts, params, option, function () {
|
|
2688
|
-
// 处理 change 事件相关逻辑
|
|
2689
|
-
handleConfirmFilter(params, _xeUtils["default"].isBoolean(option.data), option);
|
|
2690
|
-
})));
|
|
2691
|
-
}))];
|
|
2692
|
-
},
|
|
2693
|
-
tableFilterDefaultMethod: defaultExactFilterMethod
|
|
2694
|
-
},
|
|
2695
|
-
ElSlider: {
|
|
2696
|
-
renderTableDefault: createEditRender(),
|
|
2697
|
-
renderTableEdit: createEditRender(),
|
|
2698
|
-
renderTableFilter: createFilterRender(),
|
|
2699
|
-
tableFilterDefaultMethod: defaultExactFilterMethod
|
|
2700
|
-
},
|
|
2701
|
-
ElButton: {
|
|
2702
|
-
renderTableDefault: defaultButtonEditRender
|
|
2703
|
-
},
|
|
2704
|
-
ElButtons: {
|
|
2705
|
-
renderTableDefault: defaultButtonsEditRender
|
|
2706
|
-
}
|
|
2707
|
-
});
|
|
2708
|
-
}
|
|
2709
|
-
}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
|
|
2710
|
-
},{"../util/comp":15}],15:[function(require,module,exports){
|
|
2711
|
-
(function (global){(function (){
|
|
2712
|
-
"use strict";
|
|
2713
|
-
|
|
2714
|
-
Object.defineProperty(exports, "__esModule", {
|
|
2715
|
-
value: true
|
|
2716
|
-
});
|
|
2717
|
-
exports.getCurrComponent = getCurrComponent;
|
|
2718
|
-
var _vue = (typeof window !== "undefined" ? window['Vue'] : typeof global !== "undefined" ? global['Vue'] : null);
|
|
2719
|
-
var _store = require("../store");
|
|
2720
|
-
function getCurrComponent(name) {
|
|
2721
|
-
var comp = _store.componentMaps[name] || (_store.globalConfig.ElementPlus ? _store.globalConfig.ElementPlus[name] : null);
|
|
2722
|
-
if (comp) {
|
|
2723
|
-
return comp;
|
|
2724
|
-
}
|
|
2725
|
-
return (0, _vue.resolveComponent)(name);
|
|
2726
|
-
}
|
|
2727
|
-
}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
|
|
2728
|
-
},{"../store":13}]},{},[12]);
|