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