@vxe-ui/plugin-render-antd 3.2.0 → 3.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all.common.js +15 -9
- package/dist/index.common.js +3 -3
- package/dist/index.js +3 -3
- package/dist/index.umd.js +1116 -1109
- package/dist/index.umd.min.js +1 -1
- package/package.json +6 -1
package/dist/index.umd.js
CHANGED
|
@@ -40,543 +40,548 @@
|
|
|
40
40
|
return r;
|
|
41
41
|
})()({
|
|
42
42
|
1: [function (require, module, exports) {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
value: true
|
|
47
|
-
});
|
|
48
|
-
exports.defineFormRender = defineFormRender;
|
|
49
|
-
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
50
|
-
function _interopRequireDefault(e) {
|
|
51
|
-
return e && e.__esModule ? e : {
|
|
52
|
-
"default": e
|
|
53
|
-
};
|
|
54
|
-
}
|
|
55
|
-
function _typeof(o) {
|
|
56
|
-
"@babel/helpers - typeof";
|
|
43
|
+
(function (global) {
|
|
44
|
+
(function () {
|
|
45
|
+
"use strict";
|
|
57
46
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
} : function (o) {
|
|
61
|
-
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
|
|
62
|
-
}, _typeof(o);
|
|
63
|
-
}
|
|
64
|
-
function ownKeys(e, r) {
|
|
65
|
-
var t = Object.keys(e);
|
|
66
|
-
if (Object.getOwnPropertySymbols) {
|
|
67
|
-
var o = Object.getOwnPropertySymbols(e);
|
|
68
|
-
r && (o = o.filter(function (r) {
|
|
69
|
-
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
70
|
-
})), t.push.apply(t, o);
|
|
71
|
-
}
|
|
72
|
-
return t;
|
|
73
|
-
}
|
|
74
|
-
function _objectSpread(e) {
|
|
75
|
-
for (var r = 1; r < arguments.length; r++) {
|
|
76
|
-
var t = null != arguments[r] ? arguments[r] : {};
|
|
77
|
-
r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
|
|
78
|
-
_defineProperty(e, r, t[r]);
|
|
79
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
|
|
80
|
-
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
47
|
+
Object.defineProperty(exports, "__esModule", {
|
|
48
|
+
value: true
|
|
81
49
|
});
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
enumerable: !0,
|
|
89
|
-
configurable: !0,
|
|
90
|
-
writable: !0
|
|
91
|
-
}) : e[r] = t, e;
|
|
92
|
-
}
|
|
93
|
-
function _toPropertyKey(t) {
|
|
94
|
-
var i = _toPrimitive(t, "string");
|
|
95
|
-
return "symbol" == _typeof(i) ? i : i + "";
|
|
96
|
-
}
|
|
97
|
-
function _toPrimitive(t, r) {
|
|
98
|
-
if ("object" != _typeof(t) || !t) return t;
|
|
99
|
-
var e = t[Symbol.toPrimitive];
|
|
100
|
-
if (void 0 !== e) {
|
|
101
|
-
var i = e.call(t, r || "default");
|
|
102
|
-
if ("object" != _typeof(i)) return i;
|
|
103
|
-
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
104
|
-
}
|
|
105
|
-
return ("string" === r ? String : Number)(t);
|
|
106
|
-
}
|
|
107
|
-
/**
|
|
108
|
-
* 表单 - 渲染器
|
|
109
|
-
*/
|
|
110
|
-
function defineFormRender(VxeUI) {
|
|
111
|
-
function isEmptyValue(cellValue) {
|
|
112
|
-
return cellValue === null || cellValue === undefined || cellValue === '';
|
|
113
|
-
}
|
|
114
|
-
function getOnName(type) {
|
|
115
|
-
return _xeUtils["default"].kebabCase(type);
|
|
116
|
-
}
|
|
117
|
-
function getModelProp(renderOpts) {
|
|
118
|
-
var prop = 'value';
|
|
119
|
-
switch (renderOpts.name) {
|
|
120
|
-
case 'ASwitch':
|
|
121
|
-
prop = 'checked';
|
|
122
|
-
break;
|
|
50
|
+
exports.defineFormRender = defineFormRender;
|
|
51
|
+
var _xeUtils = _interopRequireDefault(typeof window !== "undefined" ? window['XEUtils'] : typeof global !== "undefined" ? global['XEUtils'] : null);
|
|
52
|
+
function _interopRequireDefault(e) {
|
|
53
|
+
return e && e.__esModule ? e : {
|
|
54
|
+
"default": e
|
|
55
|
+
};
|
|
123
56
|
}
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
case 'ARadio':
|
|
133
|
-
case 'ACheckbox':
|
|
134
|
-
type = 'input';
|
|
135
|
-
break;
|
|
57
|
+
function _typeof(o) {
|
|
58
|
+
"@babel/helpers - typeof";
|
|
59
|
+
|
|
60
|
+
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
|
|
61
|
+
return typeof o;
|
|
62
|
+
} : function (o) {
|
|
63
|
+
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
|
|
64
|
+
}, _typeof(o);
|
|
136
65
|
}
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
return '' + (isEmptyValue(cellValue) ? '' : cellValue);
|
|
147
|
-
}
|
|
148
|
-
function getOns(renderOpts, params, inputFunc, changeFunc) {
|
|
149
|
-
var events = renderOpts.events;
|
|
150
|
-
var modelEvent = getModelEvent(renderOpts);
|
|
151
|
-
var changeEvent = getChangeEvent(renderOpts);
|
|
152
|
-
var isSameEvent = changeEvent === modelEvent;
|
|
153
|
-
var ons = {};
|
|
154
|
-
_xeUtils["default"].objectEach(events, function (func, key) {
|
|
155
|
-
ons[getOnName(key)] = function () {
|
|
156
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
157
|
-
args[_key] = arguments[_key];
|
|
158
|
-
}
|
|
159
|
-
func.apply(void 0, [params].concat(args));
|
|
160
|
-
};
|
|
161
|
-
});
|
|
162
|
-
if (inputFunc) {
|
|
163
|
-
ons[getOnName(modelEvent)] = function (targetEvnt) {
|
|
164
|
-
inputFunc(targetEvnt);
|
|
165
|
-
if (events && events[modelEvent]) {
|
|
166
|
-
events[modelEvent](params, targetEvnt);
|
|
167
|
-
}
|
|
168
|
-
if (isSameEvent && changeFunc) {
|
|
169
|
-
changeFunc(targetEvnt);
|
|
170
|
-
}
|
|
171
|
-
};
|
|
66
|
+
function ownKeys(e, r) {
|
|
67
|
+
var t = Object.keys(e);
|
|
68
|
+
if (Object.getOwnPropertySymbols) {
|
|
69
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
70
|
+
r && (o = o.filter(function (r) {
|
|
71
|
+
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
72
|
+
})), t.push.apply(t, o);
|
|
73
|
+
}
|
|
74
|
+
return t;
|
|
172
75
|
}
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
76
|
+
function _objectSpread(e) {
|
|
77
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
78
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
79
|
+
r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
|
|
80
|
+
_defineProperty(e, r, t[r]);
|
|
81
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
|
|
82
|
+
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
return e;
|
|
183
86
|
}
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
87
|
+
function _defineProperty(e, r, t) {
|
|
88
|
+
return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
|
|
89
|
+
value: t,
|
|
90
|
+
enumerable: !0,
|
|
91
|
+
configurable: !0,
|
|
92
|
+
writable: !0
|
|
93
|
+
}) : e[r] = t, e;
|
|
94
|
+
}
|
|
95
|
+
function _toPropertyKey(t) {
|
|
96
|
+
var i = _toPrimitive(t, "string");
|
|
97
|
+
return "symbol" == _typeof(i) ? i : i + "";
|
|
98
|
+
}
|
|
99
|
+
function _toPrimitive(t, r) {
|
|
100
|
+
if ("object" != _typeof(t) || !t) return t;
|
|
101
|
+
var e = t[Symbol.toPrimitive];
|
|
102
|
+
if (void 0 !== e) {
|
|
103
|
+
var i = e.call(t, r || "default");
|
|
104
|
+
if ("object" != _typeof(i)) return i;
|
|
105
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
106
|
+
}
|
|
107
|
+
return ("string" === r ? String : Number)(t);
|
|
108
|
+
}
|
|
109
|
+
/**
|
|
110
|
+
* 表单 - 渲染器
|
|
111
|
+
*/
|
|
112
|
+
function defineFormRender(VxeUI) {
|
|
113
|
+
function isEmptyValue(cellValue) {
|
|
114
|
+
return cellValue === null || cellValue === undefined || cellValue === '';
|
|
115
|
+
}
|
|
116
|
+
function getOnName(type) {
|
|
117
|
+
return _xeUtils["default"].kebabCase(type);
|
|
118
|
+
}
|
|
119
|
+
function getModelProp(renderOpts) {
|
|
120
|
+
var prop = 'value';
|
|
121
|
+
switch (renderOpts.name) {
|
|
122
|
+
case 'ASwitch':
|
|
123
|
+
prop = 'checked';
|
|
124
|
+
break;
|
|
207
125
|
}
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
var itemValue = _xeUtils["default"].get(data, field);
|
|
221
|
-
return [h(name, {
|
|
222
|
-
attrs: attrs,
|
|
223
|
-
props: getItemProps(renderOpts, params, itemValue, defaultProps),
|
|
224
|
-
on: getItemOns(renderOpts, params)
|
|
225
|
-
})];
|
|
226
|
-
};
|
|
227
|
-
}
|
|
228
|
-
function defaultButtonItemRender(h, renderOpts, params) {
|
|
229
|
-
var attrs = renderOpts.attrs;
|
|
230
|
-
var props = getItemProps(renderOpts, params, null);
|
|
231
|
-
return [h('a-button', {
|
|
232
|
-
attrs: attrs,
|
|
233
|
-
props: props,
|
|
234
|
-
on: getItemOns(renderOpts, params),
|
|
235
|
-
scopedSlots: {
|
|
236
|
-
"default": function _default() {
|
|
237
|
-
return cellText(renderOpts.content || props.content);
|
|
126
|
+
return prop;
|
|
127
|
+
}
|
|
128
|
+
function getModelEvent(renderOpts) {
|
|
129
|
+
var type = 'change';
|
|
130
|
+
switch (renderOpts.name) {
|
|
131
|
+
case 'AInput':
|
|
132
|
+
type = 'change.value';
|
|
133
|
+
break;
|
|
134
|
+
case 'ARadio':
|
|
135
|
+
case 'ACheckbox':
|
|
136
|
+
type = 'input';
|
|
137
|
+
break;
|
|
238
138
|
}
|
|
139
|
+
return type;
|
|
239
140
|
}
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
scopedSlots: {
|
|
274
|
-
"default": function _default() {
|
|
275
|
-
return options.map(function (option, oIndex) {
|
|
276
|
-
return h(name, {
|
|
277
|
-
key: oIndex,
|
|
278
|
-
props: {
|
|
279
|
-
value: option[valueProp],
|
|
280
|
-
disabled: option.disabled
|
|
281
|
-
},
|
|
282
|
-
scopedSlots: {
|
|
283
|
-
"default": function _default() {
|
|
284
|
-
return cellText(option[labelProp]);
|
|
285
|
-
}
|
|
286
|
-
}
|
|
287
|
-
});
|
|
288
|
-
});
|
|
289
|
-
}
|
|
141
|
+
function getChangeEvent(renderOpts) {
|
|
142
|
+
return 'change';
|
|
143
|
+
}
|
|
144
|
+
function getItemProps(renderOpts, params, value, defaultProps) {
|
|
145
|
+
return _xeUtils["default"].assign({}, defaultProps, renderOpts.props, _defineProperty({}, getModelProp(renderOpts), value));
|
|
146
|
+
}
|
|
147
|
+
function formatText(cellValue) {
|
|
148
|
+
return '' + (isEmptyValue(cellValue) ? '' : cellValue);
|
|
149
|
+
}
|
|
150
|
+
function getOns(renderOpts, params, inputFunc, changeFunc) {
|
|
151
|
+
var events = renderOpts.events;
|
|
152
|
+
var modelEvent = getModelEvent(renderOpts);
|
|
153
|
+
var changeEvent = getChangeEvent(renderOpts);
|
|
154
|
+
var isSameEvent = changeEvent === modelEvent;
|
|
155
|
+
var ons = {};
|
|
156
|
+
_xeUtils["default"].objectEach(events, function (func, key) {
|
|
157
|
+
ons[getOnName(key)] = function () {
|
|
158
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
159
|
+
args[_key] = arguments[_key];
|
|
160
|
+
}
|
|
161
|
+
func.apply(void 0, [params].concat(args));
|
|
162
|
+
};
|
|
163
|
+
});
|
|
164
|
+
if (inputFunc) {
|
|
165
|
+
ons[getOnName(modelEvent)] = function (targetEvnt) {
|
|
166
|
+
inputFunc(targetEvnt);
|
|
167
|
+
if (events && events[modelEvent]) {
|
|
168
|
+
events[modelEvent](params, targetEvnt);
|
|
169
|
+
}
|
|
170
|
+
if (isSameEvent && changeFunc) {
|
|
171
|
+
changeFunc(targetEvnt);
|
|
172
|
+
}
|
|
173
|
+
};
|
|
290
174
|
}
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
AInputNumber: {
|
|
302
|
-
renderFormItemContent: createFormItemRender()
|
|
303
|
-
},
|
|
304
|
-
ASelect: {
|
|
305
|
-
renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
|
|
306
|
-
var _renderOpts$options2 = renderOpts.options,
|
|
307
|
-
options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2,
|
|
308
|
-
optionGroups = renderOpts.optionGroups,
|
|
309
|
-
_renderOpts$optionPro2 = renderOpts.optionProps,
|
|
310
|
-
optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2,
|
|
311
|
-
_renderOpts$optionGro = renderOpts.optionGroupProps,
|
|
312
|
-
optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro;
|
|
313
|
-
var data = params.data,
|
|
314
|
-
field = params.field;
|
|
315
|
-
var attrs = renderOpts.attrs;
|
|
316
|
-
var itemValue = _xeUtils["default"].get(data, field);
|
|
317
|
-
var props = getItemProps(renderOpts, params, itemValue);
|
|
318
|
-
var ons = getItemOns(renderOpts, params);
|
|
319
|
-
if (optionGroups) {
|
|
320
|
-
var groupOptions = optionGroupProps.options || 'options';
|
|
321
|
-
var groupLabel = optionGroupProps.label || 'label';
|
|
322
|
-
return [h('a-select', {
|
|
323
|
-
attrs: attrs,
|
|
324
|
-
props: _objectSpread(_objectSpread({}, props), {}, {
|
|
325
|
-
options: undefined
|
|
326
|
-
}),
|
|
327
|
-
on: ons
|
|
328
|
-
}, _xeUtils["default"].map(optionGroups, function (group, gIndex) {
|
|
329
|
-
return h('a-select-opt-group', {
|
|
330
|
-
key: gIndex
|
|
331
|
-
}, [h('span', {
|
|
332
|
-
slot: 'label'
|
|
333
|
-
}, group[groupLabel])].concat(renderOptions(h, group[groupOptions], optionProps)));
|
|
334
|
-
}))];
|
|
175
|
+
if (!isSameEvent && changeFunc) {
|
|
176
|
+
ons[getOnName(changeEvent)] = function () {
|
|
177
|
+
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
178
|
+
args[_key2] = arguments[_key2];
|
|
179
|
+
}
|
|
180
|
+
changeFunc.apply(void 0, args);
|
|
181
|
+
if (events && events[changeEvent]) {
|
|
182
|
+
events[changeEvent].apply(events, [params].concat(args));
|
|
183
|
+
}
|
|
184
|
+
};
|
|
335
185
|
}
|
|
336
|
-
return
|
|
337
|
-
attrs: attrs,
|
|
338
|
-
props: _objectSpread(_objectSpread({}, props), {}, {
|
|
339
|
-
options: props.options || options
|
|
340
|
-
}),
|
|
341
|
-
on: ons
|
|
342
|
-
})];
|
|
186
|
+
return ons;
|
|
343
187
|
}
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
},
|
|
348
|
-
ADatePicker: {
|
|
349
|
-
renderFormItemContent: createFormItemRender()
|
|
350
|
-
},
|
|
351
|
-
AMonthPicker: {
|
|
352
|
-
renderFormItemContent: createFormItemRender()
|
|
353
|
-
},
|
|
354
|
-
ARangePicker: {
|
|
355
|
-
renderFormItemContent: createFormItemRender()
|
|
356
|
-
},
|
|
357
|
-
AWeekPicker: {
|
|
358
|
-
renderFormItemContent: createFormItemRender()
|
|
359
|
-
},
|
|
360
|
-
ATimePicker: {
|
|
361
|
-
renderFormItemContent: createFormItemRender()
|
|
362
|
-
},
|
|
363
|
-
ATreeSelect: {
|
|
364
|
-
renderFormItemContent: createFormItemRender()
|
|
365
|
-
},
|
|
366
|
-
ARate: {
|
|
367
|
-
renderFormItemContent: createFormItemRender()
|
|
368
|
-
},
|
|
369
|
-
ASwitch: {
|
|
370
|
-
renderFormItemContent: createFormItemRender()
|
|
371
|
-
},
|
|
372
|
-
ARadioGroup: {
|
|
373
|
-
renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
|
|
374
|
-
var _renderOpts$options3 = renderOpts.options,
|
|
375
|
-
options = _renderOpts$options3 === void 0 ? [] : _renderOpts$options3,
|
|
376
|
-
_renderOpts$optionPro3 = renderOpts.optionProps,
|
|
377
|
-
optionProps = _renderOpts$optionPro3 === void 0 ? {} : _renderOpts$optionPro3;
|
|
378
|
-
var data = params.data,
|
|
188
|
+
function getItemOns(renderOpts, params) {
|
|
189
|
+
var $form = params.$form,
|
|
190
|
+
data = params.data,
|
|
379
191
|
field = params.field;
|
|
380
|
-
|
|
192
|
+
return getOns(renderOpts, params, function (value) {
|
|
193
|
+
// 处理 model 值双向绑定
|
|
194
|
+
_xeUtils["default"].set(data, field, value);
|
|
195
|
+
}, function () {
|
|
196
|
+
// 处理 change 事件相关逻辑
|
|
197
|
+
$form.updateStatus(params);
|
|
198
|
+
});
|
|
199
|
+
}
|
|
200
|
+
function renderOptions(h, options, optionProps) {
|
|
381
201
|
var labelProp = optionProps.label || 'label';
|
|
382
202
|
var valueProp = optionProps.value || 'value';
|
|
383
|
-
|
|
384
|
-
|
|
203
|
+
return _xeUtils["default"].map(options, function (item, oIndex) {
|
|
204
|
+
return h('a-select-option', {
|
|
205
|
+
key: oIndex,
|
|
206
|
+
props: {
|
|
207
|
+
value: item[valueProp],
|
|
208
|
+
disabled: item.disabled
|
|
209
|
+
}
|
|
210
|
+
}, item[labelProp]);
|
|
211
|
+
});
|
|
212
|
+
}
|
|
213
|
+
function cellText(cellValue) {
|
|
214
|
+
return [formatText(cellValue)];
|
|
215
|
+
}
|
|
216
|
+
function createFormItemRender(defaultProps) {
|
|
217
|
+
return function (h, renderOpts, params) {
|
|
218
|
+
var data = params.data,
|
|
219
|
+
field = params.field;
|
|
220
|
+
var name = renderOpts.name;
|
|
221
|
+
var attrs = renderOpts.attrs;
|
|
222
|
+
var itemValue = _xeUtils["default"].get(data, field);
|
|
223
|
+
return [h(name, {
|
|
224
|
+
attrs: attrs,
|
|
225
|
+
props: getItemProps(renderOpts, params, itemValue, defaultProps),
|
|
226
|
+
on: getItemOns(renderOpts, params)
|
|
227
|
+
})];
|
|
228
|
+
};
|
|
229
|
+
}
|
|
230
|
+
function defaultButtonItemRender(h, renderOpts, params) {
|
|
231
|
+
var attrs = renderOpts.attrs;
|
|
232
|
+
var props = getItemProps(renderOpts, params, null);
|
|
233
|
+
return [h('a-button', {
|
|
385
234
|
attrs: attrs,
|
|
386
|
-
props:
|
|
235
|
+
props: props,
|
|
387
236
|
on: getItemOns(renderOpts, params),
|
|
388
237
|
scopedSlots: {
|
|
389
238
|
"default": function _default() {
|
|
390
|
-
return
|
|
391
|
-
return h('a-radio', {
|
|
392
|
-
key: oIndex,
|
|
393
|
-
props: {
|
|
394
|
-
value: option[valueProp],
|
|
395
|
-
disabled: option.disabled
|
|
396
|
-
},
|
|
397
|
-
scopedSlots: {
|
|
398
|
-
"default": function _default() {
|
|
399
|
-
return cellText(option[labelProp]);
|
|
400
|
-
}
|
|
401
|
-
}
|
|
402
|
-
});
|
|
403
|
-
});
|
|
239
|
+
return cellText(renderOpts.content || props.content);
|
|
404
240
|
}
|
|
405
241
|
}
|
|
406
242
|
})];
|
|
407
243
|
}
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
244
|
+
function defaultButtonsItemRender(h, renderOpts, params) {
|
|
245
|
+
var children = renderOpts.children;
|
|
246
|
+
if (children) {
|
|
247
|
+
return children.map(function (childRenderOpts) {
|
|
248
|
+
return defaultButtonItemRender(h, childRenderOpts, params)[0];
|
|
249
|
+
});
|
|
250
|
+
}
|
|
251
|
+
return [];
|
|
252
|
+
}
|
|
253
|
+
/**
|
|
254
|
+
*
|
|
255
|
+
* 已废弃
|
|
256
|
+
* @deprecated
|
|
257
|
+
*/
|
|
258
|
+
function createOldFormItemRadioAndCheckboxRender() {
|
|
259
|
+
return function (h, renderOpts, params) {
|
|
260
|
+
var name = renderOpts.name,
|
|
261
|
+
_renderOpts$options = renderOpts.options,
|
|
262
|
+
options = _renderOpts$options === void 0 ? [] : _renderOpts$options,
|
|
263
|
+
_renderOpts$optionPro = renderOpts.optionProps,
|
|
264
|
+
optionProps = _renderOpts$optionPro === void 0 ? {} : _renderOpts$optionPro;
|
|
265
|
+
var data = params.data,
|
|
266
|
+
field = params.field;
|
|
267
|
+
var attrs = renderOpts.attrs;
|
|
268
|
+
var labelProp = optionProps.label || 'label';
|
|
269
|
+
var valueProp = optionProps.value || 'value';
|
|
270
|
+
var itemValue = _xeUtils["default"].get(data, field);
|
|
271
|
+
return [h("".concat(name, "Group"), {
|
|
272
|
+
attrs: attrs,
|
|
273
|
+
props: getItemProps(renderOpts, params, itemValue),
|
|
274
|
+
on: getItemOns(renderOpts, params),
|
|
275
|
+
scopedSlots: {
|
|
276
|
+
"default": function _default() {
|
|
277
|
+
return options.map(function (option, oIndex) {
|
|
278
|
+
return h(name, {
|
|
279
|
+
key: oIndex,
|
|
280
|
+
props: {
|
|
281
|
+
value: option[valueProp],
|
|
282
|
+
disabled: option.disabled
|
|
283
|
+
},
|
|
284
|
+
scopedSlots: {
|
|
285
|
+
"default": function _default() {
|
|
286
|
+
return cellText(option[labelProp]);
|
|
287
|
+
}
|
|
437
288
|
}
|
|
438
|
-
}
|
|
289
|
+
});
|
|
439
290
|
});
|
|
440
|
-
}
|
|
291
|
+
}
|
|
441
292
|
}
|
|
442
|
-
}
|
|
443
|
-
}
|
|
293
|
+
})];
|
|
294
|
+
};
|
|
444
295
|
}
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
296
|
+
VxeUI.renderer.mixin({
|
|
297
|
+
AAutoComplete: {
|
|
298
|
+
renderFormItemContent: createFormItemRender()
|
|
299
|
+
},
|
|
300
|
+
AInput: {
|
|
301
|
+
renderFormItemContent: createFormItemRender()
|
|
302
|
+
},
|
|
303
|
+
AInputNumber: {
|
|
304
|
+
renderFormItemContent: createFormItemRender()
|
|
305
|
+
},
|
|
306
|
+
ASelect: {
|
|
307
|
+
renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
|
|
308
|
+
var _renderOpts$options2 = renderOpts.options,
|
|
309
|
+
options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2,
|
|
310
|
+
optionGroups = renderOpts.optionGroups,
|
|
311
|
+
_renderOpts$optionPro2 = renderOpts.optionProps,
|
|
312
|
+
optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2,
|
|
313
|
+
_renderOpts$optionGro = renderOpts.optionGroupProps,
|
|
314
|
+
optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro;
|
|
315
|
+
var data = params.data,
|
|
316
|
+
field = params.field;
|
|
317
|
+
var attrs = renderOpts.attrs;
|
|
318
|
+
var itemValue = _xeUtils["default"].get(data, field);
|
|
319
|
+
var props = getItemProps(renderOpts, params, itemValue);
|
|
320
|
+
var ons = getItemOns(renderOpts, params);
|
|
321
|
+
if (optionGroups) {
|
|
322
|
+
var groupOptions = optionGroupProps.options || 'options';
|
|
323
|
+
var groupLabel = optionGroupProps.label || 'label';
|
|
324
|
+
return [h('a-select', {
|
|
325
|
+
attrs: attrs,
|
|
326
|
+
props: _objectSpread(_objectSpread({}, props), {}, {
|
|
327
|
+
options: undefined
|
|
328
|
+
}),
|
|
329
|
+
on: ons
|
|
330
|
+
}, _xeUtils["default"].map(optionGroups, function (group, gIndex) {
|
|
331
|
+
return h('a-select-opt-group', {
|
|
332
|
+
key: gIndex
|
|
333
|
+
}, [h('span', {
|
|
334
|
+
slot: 'label'
|
|
335
|
+
}, group[groupLabel])].concat(renderOptions(h, group[groupOptions], optionProps)));
|
|
336
|
+
}))];
|
|
337
|
+
}
|
|
338
|
+
return [h('a-select', {
|
|
339
|
+
attrs: attrs,
|
|
340
|
+
props: _objectSpread(_objectSpread({}, props), {}, {
|
|
341
|
+
options: props.options || options
|
|
342
|
+
}),
|
|
343
|
+
on: ons
|
|
344
|
+
})];
|
|
345
|
+
}
|
|
346
|
+
},
|
|
347
|
+
ACascader: {
|
|
348
|
+
renderFormItemContent: createFormItemRender()
|
|
349
|
+
},
|
|
350
|
+
ADatePicker: {
|
|
351
|
+
renderFormItemContent: createFormItemRender()
|
|
352
|
+
},
|
|
353
|
+
AMonthPicker: {
|
|
354
|
+
renderFormItemContent: createFormItemRender()
|
|
355
|
+
},
|
|
356
|
+
ARangePicker: {
|
|
357
|
+
renderFormItemContent: createFormItemRender()
|
|
358
|
+
},
|
|
359
|
+
AWeekPicker: {
|
|
360
|
+
renderFormItemContent: createFormItemRender()
|
|
361
|
+
},
|
|
362
|
+
ATimePicker: {
|
|
363
|
+
renderFormItemContent: createFormItemRender()
|
|
364
|
+
},
|
|
365
|
+
ATreeSelect: {
|
|
366
|
+
renderFormItemContent: createFormItemRender()
|
|
367
|
+
},
|
|
368
|
+
ARate: {
|
|
369
|
+
renderFormItemContent: createFormItemRender()
|
|
370
|
+
},
|
|
371
|
+
ASwitch: {
|
|
372
|
+
renderFormItemContent: createFormItemRender()
|
|
373
|
+
},
|
|
374
|
+
ARadioGroup: {
|
|
375
|
+
renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
|
|
376
|
+
var _renderOpts$options3 = renderOpts.options,
|
|
377
|
+
options = _renderOpts$options3 === void 0 ? [] : _renderOpts$options3,
|
|
378
|
+
_renderOpts$optionPro3 = renderOpts.optionProps,
|
|
379
|
+
optionProps = _renderOpts$optionPro3 === void 0 ? {} : _renderOpts$optionPro3;
|
|
380
|
+
var data = params.data,
|
|
381
|
+
field = params.field;
|
|
382
|
+
var attrs = renderOpts.attrs;
|
|
383
|
+
var labelProp = optionProps.label || 'label';
|
|
384
|
+
var valueProp = optionProps.value || 'value';
|
|
385
|
+
var itemValue = _xeUtils["default"].get(data, field);
|
|
386
|
+
return [h('a-radio-group', {
|
|
387
|
+
attrs: attrs,
|
|
388
|
+
props: getItemProps(renderOpts, params, itemValue),
|
|
389
|
+
on: getItemOns(renderOpts, params),
|
|
390
|
+
scopedSlots: {
|
|
391
|
+
"default": function _default() {
|
|
392
|
+
return options.map(function (option, oIndex) {
|
|
393
|
+
return h('a-radio', {
|
|
394
|
+
key: oIndex,
|
|
395
|
+
props: {
|
|
396
|
+
value: option[valueProp],
|
|
397
|
+
disabled: option.disabled
|
|
398
|
+
},
|
|
399
|
+
scopedSlots: {
|
|
400
|
+
"default": function _default() {
|
|
401
|
+
return cellText(option[labelProp]);
|
|
402
|
+
}
|
|
403
|
+
}
|
|
404
|
+
});
|
|
405
|
+
});
|
|
406
|
+
}
|
|
407
|
+
}
|
|
408
|
+
})];
|
|
409
|
+
}
|
|
410
|
+
},
|
|
411
|
+
ACheckboxGroup: {
|
|
412
|
+
renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
|
|
413
|
+
var _renderOpts$options4 = renderOpts.options,
|
|
414
|
+
options = _renderOpts$options4 === void 0 ? [] : _renderOpts$options4,
|
|
415
|
+
_renderOpts$optionPro4 = renderOpts.optionProps,
|
|
416
|
+
optionProps = _renderOpts$optionPro4 === void 0 ? {} : _renderOpts$optionPro4;
|
|
417
|
+
var data = params.data,
|
|
418
|
+
field = params.field;
|
|
419
|
+
var attrs = renderOpts.attrs;
|
|
420
|
+
var labelProp = optionProps.label || 'label';
|
|
421
|
+
var valueProp = optionProps.value || 'value';
|
|
422
|
+
var itemValue = _xeUtils["default"].get(data, field);
|
|
423
|
+
return [h('a-checkbox-group', {
|
|
424
|
+
attrs: attrs,
|
|
425
|
+
props: getItemProps(renderOpts, params, itemValue),
|
|
426
|
+
on: getItemOns(renderOpts, params),
|
|
427
|
+
scopedSlots: {
|
|
428
|
+
"default": function _default() {
|
|
429
|
+
return options.map(function (option, oIndex) {
|
|
430
|
+
return h('a-checkbox', {
|
|
431
|
+
key: oIndex,
|
|
432
|
+
props: {
|
|
433
|
+
value: option[valueProp],
|
|
434
|
+
disabled: option.disabled
|
|
435
|
+
},
|
|
436
|
+
scopedSlots: {
|
|
437
|
+
"default": function _default() {
|
|
438
|
+
return cellText(option[labelProp]);
|
|
439
|
+
}
|
|
440
|
+
}
|
|
441
|
+
});
|
|
442
|
+
});
|
|
443
|
+
}
|
|
444
|
+
}
|
|
445
|
+
})];
|
|
446
|
+
}
|
|
447
|
+
},
|
|
448
|
+
AButton: {
|
|
449
|
+
renderFormItemContent: defaultButtonItemRender
|
|
450
|
+
},
|
|
451
|
+
// 已废弃
|
|
452
|
+
ARadio: {
|
|
453
|
+
renderFormItemContent: createOldFormItemRadioAndCheckboxRender()
|
|
454
|
+
},
|
|
455
|
+
ACheckbox: {
|
|
456
|
+
renderFormItemContent: createOldFormItemRadioAndCheckboxRender()
|
|
457
|
+
},
|
|
458
|
+
AButtons: {
|
|
459
|
+
renderFormItemContent: defaultButtonsItemRender
|
|
460
|
+
}
|
|
461
|
+
});
|
|
458
462
|
}
|
|
459
|
-
});
|
|
460
|
-
}
|
|
461
|
-
}, {
|
|
462
|
-
"xe-utils": "xe-utils"
|
|
463
|
-
}],
|
|
463
|
+
}).call(this);
|
|
464
|
+
}).call(this, typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {});
|
|
465
|
+
}, {}],
|
|
464
466
|
2: [function (require, module, exports) {
|
|
465
|
-
|
|
467
|
+
(function (global) {
|
|
468
|
+
(function () {
|
|
469
|
+
"use strict";
|
|
466
470
|
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
};
|
|
479
|
-
}
|
|
480
|
-
function getEventTarget(evnt) {
|
|
481
|
-
var target = evnt.target;
|
|
482
|
-
if (target && target.shadowRoot && evnt.composed) {
|
|
483
|
-
return evnt.composedPath()[0] || target;
|
|
484
|
-
}
|
|
485
|
-
return target;
|
|
486
|
-
}
|
|
487
|
-
/**
|
|
488
|
-
* 检查触发源是否属于目标节点
|
|
489
|
-
*/
|
|
490
|
-
function getEventTargetNode(evnt, container, className) {
|
|
491
|
-
var targetElem;
|
|
492
|
-
var target = getEventTarget(evnt);
|
|
493
|
-
var rootEl = document.documentElement || document.querySelector('html');
|
|
494
|
-
while (target && target.nodeType && target !== rootEl) {
|
|
495
|
-
if (className && target.className && target.className.split && target.className.split(' ').indexOf(className) > -1) {
|
|
496
|
-
targetElem = target;
|
|
497
|
-
} else if (target === container) {
|
|
498
|
-
return {
|
|
499
|
-
flag: className ? !!targetElem : true,
|
|
500
|
-
container: container,
|
|
501
|
-
targetElem: targetElem
|
|
471
|
+
Object.defineProperty(exports, "__esModule", {
|
|
472
|
+
value: true
|
|
473
|
+
});
|
|
474
|
+
exports["default"] = exports.VxeUIPluginRenderAntd = void 0;
|
|
475
|
+
var _table = require("./table");
|
|
476
|
+
var _form = require("./form");
|
|
477
|
+
var _store = require("./store");
|
|
478
|
+
var _xeUtils = _interopRequireDefault(typeof window !== "undefined" ? window['XEUtils'] : typeof global !== "undefined" ? global['XEUtils'] : null);
|
|
479
|
+
function _interopRequireDefault(e) {
|
|
480
|
+
return e && e.__esModule ? e : {
|
|
481
|
+
"default": e
|
|
502
482
|
};
|
|
503
483
|
}
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
function toComponentName(name) {
|
|
511
|
-
if (name) {
|
|
512
|
-
return name.slice(0, 1).toUpperCase() + name.slice(1);
|
|
513
|
-
}
|
|
514
|
-
return name;
|
|
515
|
-
}
|
|
516
|
-
var VxeUIPluginRenderAntd = exports.VxeUIPluginRenderAntd = {
|
|
517
|
-
component: function component(comp) {
|
|
518
|
-
if (comp && comp.name) {
|
|
519
|
-
var kcName = _xeUtils["default"].kebabCase(comp.name);
|
|
520
|
-
var ccName = toComponentName(_xeUtils["default"].camelCase(comp.name));
|
|
521
|
-
_store.componentMaps[kcName] = comp;
|
|
522
|
-
_store.componentMaps[ccName] = comp;
|
|
523
|
-
} else {
|
|
524
|
-
console.error('[@vxe-ui/plugin-render-antd 3.2.0] error component.', comp);
|
|
484
|
+
function getEventTarget(evnt) {
|
|
485
|
+
var target = evnt.target;
|
|
486
|
+
if (target && target.shadowRoot && evnt.composed) {
|
|
487
|
+
return evnt.composedPath()[0] || target;
|
|
488
|
+
}
|
|
489
|
+
return target;
|
|
525
490
|
}
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
var
|
|
532
|
-
var
|
|
533
|
-
|
|
534
|
-
|
|
491
|
+
/**
|
|
492
|
+
* 检查触发源是否属于目标节点
|
|
493
|
+
*/
|
|
494
|
+
function getEventTargetNode(evnt, container, className) {
|
|
495
|
+
var targetElem;
|
|
496
|
+
var target = getEventTarget(evnt);
|
|
497
|
+
var rootEl = document.documentElement || document.querySelector('html');
|
|
498
|
+
while (target && target.nodeType && target !== rootEl) {
|
|
499
|
+
if (className && target.className && target.className.split && target.className.split(' ').indexOf(className) > -1) {
|
|
500
|
+
targetElem = target;
|
|
501
|
+
} else if (target === container) {
|
|
502
|
+
return {
|
|
503
|
+
flag: className ? !!targetElem : true,
|
|
504
|
+
container: container,
|
|
505
|
+
targetElem: targetElem
|
|
506
|
+
};
|
|
507
|
+
}
|
|
508
|
+
target = target.parentElement;
|
|
535
509
|
}
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
510
|
+
return {
|
|
511
|
+
flag: false
|
|
512
|
+
};
|
|
513
|
+
}
|
|
514
|
+
function toComponentName(name) {
|
|
515
|
+
if (name) {
|
|
516
|
+
return name.slice(0, 1).toUpperCase() + name.slice(1);
|
|
539
517
|
}
|
|
518
|
+
return name;
|
|
540
519
|
}
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
520
|
+
var VxeUIPluginRenderAntd = exports.VxeUIPluginRenderAntd = {
|
|
521
|
+
component: function component(comp) {
|
|
522
|
+
if (comp && comp.name) {
|
|
523
|
+
var kcName = _xeUtils["default"].kebabCase(comp.name);
|
|
524
|
+
var ccName = toComponentName(_xeUtils["default"].camelCase(comp.name));
|
|
525
|
+
_store.componentMaps[kcName] = comp;
|
|
526
|
+
_store.componentMaps[ccName] = comp;
|
|
527
|
+
} else {
|
|
528
|
+
console.error('[@vxe-ui/plugin-render-antd 3.2.2] error component.', comp);
|
|
529
|
+
}
|
|
530
|
+
},
|
|
531
|
+
install: function install(VxeUI, options) {
|
|
532
|
+
var pluginOpts = Object.assign({}, options);
|
|
533
|
+
// 检查版本
|
|
534
|
+
if (VxeUI.checkVersion) {
|
|
535
|
+
var pVersion = 3;
|
|
536
|
+
var sVersion = 13;
|
|
537
|
+
if (!VxeUI.checkVersion(VxeUI.tableVersion, pVersion, sVersion)) {
|
|
538
|
+
console.error("[@vxe-ui/plugin-render-antd 3.2.2] ".concat(VxeUI.getI18n('vxe.error.errorVersion', ["vxe-table@".concat(VxeUI.tableVersion || '?'), "vxe-table v".concat(pVersion, ".").concat(sVersion, "+")])));
|
|
539
|
+
}
|
|
540
|
+
} else {
|
|
541
|
+
if (!/^(3)\./.test(VxeUI.uiVersion || VxeUI.tableVersion)) {
|
|
542
|
+
console.error('[@vxe-ui/plugin-render-antd 3.2.2] Requires vxe-table 3.9.0+ version. https://vxeui.com/other3/#/plugin-render-antd/install');
|
|
543
|
+
}
|
|
544
|
+
}
|
|
545
|
+
/**
|
|
546
|
+
* 事件兼容性处理
|
|
547
|
+
*/
|
|
548
|
+
var handleClearEvent = function handleClearEvent(params) {
|
|
549
|
+
var $event = params.$event;
|
|
550
|
+
var bodyElem = document.body;
|
|
551
|
+
var prefixCls = "".concat(pluginOpts.prefixCls || 'ant').replace(/-$/, '');
|
|
552
|
+
if (
|
|
553
|
+
// 下拉框
|
|
554
|
+
getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-select-dropdown")).flag ||
|
|
555
|
+
// 级联
|
|
556
|
+
getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-cascader-menus")).flag ||
|
|
557
|
+
// 日期
|
|
558
|
+
getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-picker-dropdown")).flag || getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-calendar-picker-container")).flag ||
|
|
559
|
+
// 时间选择
|
|
560
|
+
getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-time-picker-panel")).flag) {
|
|
561
|
+
return false;
|
|
562
|
+
}
|
|
563
|
+
};
|
|
564
|
+
(0, _table.defineTableRender)(VxeUI);
|
|
565
|
+
(0, _form.defineFormRender)(VxeUI);
|
|
566
|
+
VxeUI.interceptor.add('event.clearFilter', handleClearEvent);
|
|
567
|
+
VxeUI.interceptor.add('event.clearEdit', handleClearEvent);
|
|
568
|
+
VxeUI.interceptor.add('event.clearAreas', handleClearEvent);
|
|
569
|
+
// 兼容老版本
|
|
570
|
+
VxeUI.interceptor.add('event.clearActived', handleClearEvent);
|
|
558
571
|
}
|
|
559
572
|
};
|
|
560
|
-
(
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
};
|
|
569
|
-
if (typeof window !== 'undefined') {
|
|
570
|
-
if (window.VxeUI && window.VxeUI.use) {
|
|
571
|
-
window.VxeUI.use(VxeUIPluginRenderAntd);
|
|
572
|
-
}
|
|
573
|
-
}
|
|
574
|
-
var _default = exports["default"] = VxeUIPluginRenderAntd;
|
|
573
|
+
if (typeof window !== 'undefined') {
|
|
574
|
+
if (window.VxeUI && window.VxeUI.use) {
|
|
575
|
+
window.VxeUI.use(VxeUIPluginRenderAntd);
|
|
576
|
+
}
|
|
577
|
+
}
|
|
578
|
+
var _default = exports["default"] = VxeUIPluginRenderAntd;
|
|
579
|
+
}).call(this);
|
|
580
|
+
}).call(this, typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {});
|
|
575
581
|
}, {
|
|
576
582
|
"./form": 1,
|
|
577
583
|
"./store": 3,
|
|
578
|
-
"./table": 4
|
|
579
|
-
"xe-utils": "xe-utils"
|
|
584
|
+
"./table": 4
|
|
580
585
|
}],
|
|
581
586
|
3: [function (require, module, exports) {
|
|
582
587
|
"use strict";
|
|
@@ -588,649 +593,651 @@
|
|
|
588
593
|
var componentMaps = exports.componentMaps = {};
|
|
589
594
|
}, {}],
|
|
590
595
|
4: [function (require, module, exports) {
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
value: true
|
|
595
|
-
});
|
|
596
|
-
exports.defineTableRender = defineTableRender;
|
|
597
|
-
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
598
|
-
function _interopRequireDefault(e) {
|
|
599
|
-
return e && e.__esModule ? e : {
|
|
600
|
-
"default": e
|
|
601
|
-
};
|
|
602
|
-
}
|
|
603
|
-
function _typeof(o) {
|
|
604
|
-
"@babel/helpers - typeof";
|
|
596
|
+
(function (global) {
|
|
597
|
+
(function () {
|
|
598
|
+
"use strict";
|
|
605
599
|
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
} : function (o) {
|
|
609
|
-
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
|
|
610
|
-
}, _typeof(o);
|
|
611
|
-
}
|
|
612
|
-
function ownKeys(e, r) {
|
|
613
|
-
var t = Object.keys(e);
|
|
614
|
-
if (Object.getOwnPropertySymbols) {
|
|
615
|
-
var o = Object.getOwnPropertySymbols(e);
|
|
616
|
-
r && (o = o.filter(function (r) {
|
|
617
|
-
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
618
|
-
})), t.push.apply(t, o);
|
|
619
|
-
}
|
|
620
|
-
return t;
|
|
621
|
-
}
|
|
622
|
-
function _objectSpread(e) {
|
|
623
|
-
for (var r = 1; r < arguments.length; r++) {
|
|
624
|
-
var t = null != arguments[r] ? arguments[r] : {};
|
|
625
|
-
r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
|
|
626
|
-
_defineProperty(e, r, t[r]);
|
|
627
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
|
|
628
|
-
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
600
|
+
Object.defineProperty(exports, "__esModule", {
|
|
601
|
+
value: true
|
|
629
602
|
});
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
enumerable: !0,
|
|
637
|
-
configurable: !0,
|
|
638
|
-
writable: !0
|
|
639
|
-
}) : e[r] = t, e;
|
|
640
|
-
}
|
|
641
|
-
function _toPropertyKey(t) {
|
|
642
|
-
var i = _toPrimitive(t, "string");
|
|
643
|
-
return "symbol" == _typeof(i) ? i : i + "";
|
|
644
|
-
}
|
|
645
|
-
function _toPrimitive(t, r) {
|
|
646
|
-
if ("object" != _typeof(t) || !t) return t;
|
|
647
|
-
var e = t[Symbol.toPrimitive];
|
|
648
|
-
if (void 0 !== e) {
|
|
649
|
-
var i = e.call(t, r || "default");
|
|
650
|
-
if ("object" != _typeof(i)) return i;
|
|
651
|
-
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
652
|
-
}
|
|
653
|
-
return ("string" === r ? String : Number)(t);
|
|
654
|
-
}
|
|
655
|
-
/**
|
|
656
|
-
* 表格 - 渲染器
|
|
657
|
-
*/
|
|
658
|
-
function defineTableRender(VxeUI) {
|
|
659
|
-
function isEmptyValue(cellValue) {
|
|
660
|
-
return cellValue === null || cellValue === undefined || cellValue === '';
|
|
661
|
-
}
|
|
662
|
-
function getOnName(type) {
|
|
663
|
-
return _xeUtils["default"].kebabCase(type);
|
|
664
|
-
}
|
|
665
|
-
function getModelProp(renderOpts) {
|
|
666
|
-
var prop = 'value';
|
|
667
|
-
switch (renderOpts.name) {
|
|
668
|
-
case 'ASwitch':
|
|
669
|
-
prop = 'checked';
|
|
670
|
-
break;
|
|
603
|
+
exports.defineTableRender = defineTableRender;
|
|
604
|
+
var _xeUtils = _interopRequireDefault(typeof window !== "undefined" ? window['XEUtils'] : typeof global !== "undefined" ? global['XEUtils'] : null);
|
|
605
|
+
function _interopRequireDefault(e) {
|
|
606
|
+
return e && e.__esModule ? e : {
|
|
607
|
+
"default": e
|
|
608
|
+
};
|
|
671
609
|
}
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
case 'ARadio':
|
|
681
|
-
case 'ACheckbox':
|
|
682
|
-
type = 'input';
|
|
683
|
-
break;
|
|
610
|
+
function _typeof(o) {
|
|
611
|
+
"@babel/helpers - typeof";
|
|
612
|
+
|
|
613
|
+
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
|
|
614
|
+
return typeof o;
|
|
615
|
+
} : function (o) {
|
|
616
|
+
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
|
|
617
|
+
}, _typeof(o);
|
|
684
618
|
}
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
619
|
+
function ownKeys(e, r) {
|
|
620
|
+
var t = Object.keys(e);
|
|
621
|
+
if (Object.getOwnPropertySymbols) {
|
|
622
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
623
|
+
r && (o = o.filter(function (r) {
|
|
624
|
+
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
625
|
+
})), t.push.apply(t, o);
|
|
626
|
+
}
|
|
627
|
+
return t;
|
|
690
628
|
}
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
}
|
|
702
|
-
function getCellLabelVNs(h, renderOpts, params, cellLabel) {
|
|
703
|
-
var placeholder = renderOpts.placeholder;
|
|
704
|
-
return [h('span', {
|
|
705
|
-
"class": 'vxe-cell--label'
|
|
706
|
-
}, placeholder && isEmptyValue(cellLabel) ? [h('span', {
|
|
707
|
-
"class": 'vxe-cell--placeholder'
|
|
708
|
-
}, formatText(placeholder))] : formatText(cellLabel))];
|
|
709
|
-
}
|
|
710
|
-
function getOns(renderOpts, params, inputFunc, changeFunc) {
|
|
711
|
-
var events = renderOpts.events;
|
|
712
|
-
var modelEvent = getModelEvent(renderOpts);
|
|
713
|
-
var changeEvent = getChangeEvent(renderOpts);
|
|
714
|
-
var isSameEvent = changeEvent === modelEvent;
|
|
715
|
-
var ons = {};
|
|
716
|
-
_xeUtils["default"].objectEach(events, function (func, key) {
|
|
717
|
-
ons[getOnName(key)] = function () {
|
|
718
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
719
|
-
args[_key] = arguments[_key];
|
|
720
|
-
}
|
|
721
|
-
func.apply(void 0, [params].concat(args));
|
|
722
|
-
};
|
|
723
|
-
});
|
|
724
|
-
if (inputFunc) {
|
|
725
|
-
ons[getOnName(modelEvent)] = function (targetEvnt) {
|
|
726
|
-
inputFunc(targetEvnt);
|
|
727
|
-
if (events && events[modelEvent]) {
|
|
728
|
-
events[modelEvent](params, targetEvnt);
|
|
729
|
-
}
|
|
730
|
-
if (isSameEvent && changeFunc) {
|
|
731
|
-
changeFunc(targetEvnt);
|
|
732
|
-
}
|
|
733
|
-
};
|
|
629
|
+
function _objectSpread(e) {
|
|
630
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
631
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
632
|
+
r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
|
|
633
|
+
_defineProperty(e, r, t[r]);
|
|
634
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
|
|
635
|
+
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
636
|
+
});
|
|
637
|
+
}
|
|
638
|
+
return e;
|
|
734
639
|
}
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
events[changeEvent].apply(events, [params].concat(args));
|
|
743
|
-
}
|
|
744
|
-
};
|
|
640
|
+
function _defineProperty(e, r, t) {
|
|
641
|
+
return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
|
|
642
|
+
value: t,
|
|
643
|
+
enumerable: !0,
|
|
644
|
+
configurable: !0,
|
|
645
|
+
writable: !0
|
|
646
|
+
}) : e[r] = t, e;
|
|
745
647
|
}
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
var $table = params.$table,
|
|
750
|
-
row = params.row,
|
|
751
|
-
column = params.column;
|
|
752
|
-
return getOns(renderOpts, params, function (value) {
|
|
753
|
-
// 处理 model 值双向绑定
|
|
754
|
-
_xeUtils["default"].set(row, column.field, value);
|
|
755
|
-
}, function () {
|
|
756
|
-
// 处理 change 事件相关逻辑
|
|
757
|
-
$table.updateStatus(params);
|
|
758
|
-
});
|
|
759
|
-
}
|
|
760
|
-
function getFilterOns(renderOpts, params, option, changeFunc) {
|
|
761
|
-
return getOns(renderOpts, params, function (value) {
|
|
762
|
-
// 处理 model 值双向绑定
|
|
763
|
-
option.data = value;
|
|
764
|
-
}, changeFunc);
|
|
765
|
-
}
|
|
766
|
-
function matchCascaderData(index, list, values, labels) {
|
|
767
|
-
var val = values[index];
|
|
768
|
-
if (list && values.length > index) {
|
|
769
|
-
_xeUtils["default"].each(list, function (item) {
|
|
770
|
-
if (item.value === val) {
|
|
771
|
-
labels.push(item.label);
|
|
772
|
-
matchCascaderData(++index, item.children, values, labels);
|
|
773
|
-
}
|
|
774
|
-
});
|
|
648
|
+
function _toPropertyKey(t) {
|
|
649
|
+
var i = _toPrimitive(t, "string");
|
|
650
|
+
return "symbol" == _typeof(i) ? i : i + "";
|
|
775
651
|
}
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
652
|
+
function _toPrimitive(t, r) {
|
|
653
|
+
if ("object" != _typeof(t) || !t) return t;
|
|
654
|
+
var e = t[Symbol.toPrimitive];
|
|
655
|
+
if (void 0 !== e) {
|
|
656
|
+
var i = e.call(t, r || "default");
|
|
657
|
+
if ("object" != _typeof(i)) return i;
|
|
658
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
659
|
+
}
|
|
660
|
+
return ("string" === r ? String : Number)(t);
|
|
661
|
+
}
|
|
662
|
+
/**
|
|
663
|
+
* 表格 - 渲染器
|
|
664
|
+
*/
|
|
665
|
+
function defineTableRender(VxeUI) {
|
|
666
|
+
function isEmptyValue(cellValue) {
|
|
667
|
+
return cellValue === null || cellValue === undefined || cellValue === '';
|
|
668
|
+
}
|
|
669
|
+
function getOnName(type) {
|
|
670
|
+
return _xeUtils["default"].kebabCase(type);
|
|
671
|
+
}
|
|
672
|
+
function getModelProp(renderOpts) {
|
|
673
|
+
var prop = 'value';
|
|
674
|
+
switch (renderOpts.name) {
|
|
675
|
+
case 'ASwitch':
|
|
676
|
+
prop = 'checked';
|
|
677
|
+
break;
|
|
794
678
|
}
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
optionProps = _renderOpts$optionPro === void 0 ? {} : _renderOpts$optionPro,
|
|
807
|
-
_renderOpts$optionGro = renderOpts.optionGroupProps,
|
|
808
|
-
optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro;
|
|
809
|
-
var row = params.row,
|
|
810
|
-
column = params.column;
|
|
811
|
-
var labelProp = optionProps.label || 'label';
|
|
812
|
-
var valueProp = optionProps.value || 'value';
|
|
813
|
-
var groupOptions = optionGroupProps.options || 'options';
|
|
814
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
815
|
-
if (!isEmptyValue(cellValue)) {
|
|
816
|
-
return _xeUtils["default"].map(props.mode === 'multiple' ? cellValue : [cellValue], optionGroups ? function (value) {
|
|
817
|
-
var selectItem;
|
|
818
|
-
for (var index = 0; index < optionGroups.length; index++) {
|
|
819
|
-
selectItem = _xeUtils["default"].find(optionGroups[index][groupOptions], function (item) {
|
|
820
|
-
return item[valueProp] === value;
|
|
821
|
-
});
|
|
822
|
-
if (selectItem) {
|
|
679
|
+
return prop;
|
|
680
|
+
}
|
|
681
|
+
function getModelEvent(renderOpts) {
|
|
682
|
+
var type = 'change';
|
|
683
|
+
switch (renderOpts.name) {
|
|
684
|
+
case 'AInput':
|
|
685
|
+
type = 'change.value';
|
|
686
|
+
break;
|
|
687
|
+
case 'ARadio':
|
|
688
|
+
case 'ACheckbox':
|
|
689
|
+
type = 'input';
|
|
823
690
|
break;
|
|
824
|
-
}
|
|
825
691
|
}
|
|
826
|
-
return
|
|
827
|
-
}
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
treeCheckable = props.treeCheckable;
|
|
865
|
-
var row = params.row,
|
|
866
|
-
column = params.column;
|
|
867
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
868
|
-
if (!isEmptyValue(cellValue)) {
|
|
869
|
-
return _xeUtils["default"].map(treeCheckable ? cellValue : [cellValue], function (value) {
|
|
870
|
-
var matchObj = _xeUtils["default"].findTree(treeData, function (item) {
|
|
871
|
-
return item.value === value;
|
|
872
|
-
}, {
|
|
873
|
-
children: 'children'
|
|
692
|
+
return type;
|
|
693
|
+
}
|
|
694
|
+
function dateFormatToVxeFormat(format) {
|
|
695
|
+
if (format) {
|
|
696
|
+
return "".concat(format).replace('YYYY', 'yyyy').replace('DD', 'dd');
|
|
697
|
+
}
|
|
698
|
+
return format;
|
|
699
|
+
}
|
|
700
|
+
function getChangeEvent(renderOpts) {
|
|
701
|
+
return 'change';
|
|
702
|
+
}
|
|
703
|
+
function getCellEditFilterProps(renderOpts, params, value, defaultProps) {
|
|
704
|
+
return _xeUtils["default"].assign({}, defaultProps, renderOpts.props, _defineProperty({}, getModelProp(renderOpts), value));
|
|
705
|
+
}
|
|
706
|
+
function formatText(cellValue) {
|
|
707
|
+
return '' + (isEmptyValue(cellValue) ? '' : cellValue);
|
|
708
|
+
}
|
|
709
|
+
function getCellLabelVNs(h, renderOpts, params, cellLabel) {
|
|
710
|
+
var placeholder = renderOpts.placeholder;
|
|
711
|
+
return [h('span', {
|
|
712
|
+
"class": 'vxe-cell--label'
|
|
713
|
+
}, placeholder && isEmptyValue(cellLabel) ? [h('span', {
|
|
714
|
+
"class": 'vxe-cell--placeholder'
|
|
715
|
+
}, formatText(placeholder))] : formatText(cellLabel))];
|
|
716
|
+
}
|
|
717
|
+
function getOns(renderOpts, params, inputFunc, changeFunc) {
|
|
718
|
+
var events = renderOpts.events;
|
|
719
|
+
var modelEvent = getModelEvent(renderOpts);
|
|
720
|
+
var changeEvent = getChangeEvent(renderOpts);
|
|
721
|
+
var isSameEvent = changeEvent === modelEvent;
|
|
722
|
+
var ons = {};
|
|
723
|
+
_xeUtils["default"].objectEach(events, function (func, key) {
|
|
724
|
+
ons[getOnName(key)] = function () {
|
|
725
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
726
|
+
args[_key] = arguments[_key];
|
|
727
|
+
}
|
|
728
|
+
func.apply(void 0, [params].concat(args));
|
|
729
|
+
};
|
|
874
730
|
});
|
|
875
|
-
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
function getDatePickerCellValue(renderOpts, params, defaultFormat) {
|
|
881
|
-
var _renderOpts$props6 = renderOpts.props,
|
|
882
|
-
props = _renderOpts$props6 === void 0 ? {} : _renderOpts$props6;
|
|
883
|
-
var row = params.row,
|
|
884
|
-
column = params.column;
|
|
885
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
886
|
-
try {
|
|
887
|
-
if (cellValue) {
|
|
888
|
-
if (!defaultFormat) {
|
|
889
|
-
if (renderOpts.name === 'ADatePicker') {
|
|
890
|
-
switch (props.picker) {
|
|
891
|
-
case 'week':
|
|
892
|
-
defaultFormat = 'YYYY-WW周';
|
|
893
|
-
break;
|
|
894
|
-
case 'month':
|
|
895
|
-
defaultFormat = 'YYYY-MM';
|
|
896
|
-
break;
|
|
897
|
-
case 'year':
|
|
898
|
-
defaultFormat = 'YYYY';
|
|
899
|
-
break;
|
|
900
|
-
default:
|
|
901
|
-
defaultFormat = props.showTime ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD';
|
|
902
|
-
break;
|
|
731
|
+
if (inputFunc) {
|
|
732
|
+
ons[getOnName(modelEvent)] = function (targetEvnt) {
|
|
733
|
+
inputFunc(targetEvnt);
|
|
734
|
+
if (events && events[modelEvent]) {
|
|
735
|
+
events[modelEvent](params, targetEvnt);
|
|
903
736
|
}
|
|
904
|
-
|
|
737
|
+
if (isSameEvent && changeFunc) {
|
|
738
|
+
changeFunc(targetEvnt);
|
|
739
|
+
}
|
|
740
|
+
};
|
|
741
|
+
}
|
|
742
|
+
if (!isSameEvent && changeFunc) {
|
|
743
|
+
ons[getOnName(changeEvent)] = function () {
|
|
744
|
+
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
745
|
+
args[_key2] = arguments[_key2];
|
|
746
|
+
}
|
|
747
|
+
changeFunc.apply(void 0, args);
|
|
748
|
+
if (events && events[changeEvent]) {
|
|
749
|
+
events[changeEvent].apply(events, [params].concat(args));
|
|
750
|
+
}
|
|
751
|
+
};
|
|
905
752
|
}
|
|
906
|
-
|
|
753
|
+
return ons;
|
|
907
754
|
}
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
return [h(name, {
|
|
919
|
-
attrs: attrs,
|
|
920
|
-
props: getCellEditFilterProps(renderOpts, params, cellValue, defaultProps),
|
|
921
|
-
on: getEditOns(renderOpts, params)
|
|
922
|
-
})];
|
|
923
|
-
};
|
|
924
|
-
}
|
|
925
|
-
function defaultButtonEditRender(h, renderOpts, params) {
|
|
926
|
-
var attrs = renderOpts.attrs;
|
|
927
|
-
return [h('a-button', {
|
|
928
|
-
attrs: attrs,
|
|
929
|
-
props: getCellEditFilterProps(renderOpts, params, null),
|
|
930
|
-
on: getOns(renderOpts, params)
|
|
931
|
-
}, cellText(renderOpts.content))];
|
|
932
|
-
}
|
|
933
|
-
function defaultButtonsEditRender(h, renderOpts, params) {
|
|
934
|
-
var children = renderOpts.children;
|
|
935
|
-
if (children) {
|
|
936
|
-
return children.map(function (childRenderOpts) {
|
|
937
|
-
return defaultButtonEditRender(h, childRenderOpts, params)[0];
|
|
938
|
-
});
|
|
939
|
-
}
|
|
940
|
-
return [];
|
|
941
|
-
}
|
|
942
|
-
function createFilterRender(defaultProps) {
|
|
943
|
-
return function (h, renderOpts, params) {
|
|
944
|
-
var column = params.column;
|
|
945
|
-
var name = renderOpts.name,
|
|
946
|
-
attrs = renderOpts.attrs;
|
|
947
|
-
return [h('div', {
|
|
948
|
-
"class": 'vxe-table--filter-antd-wrapper'
|
|
949
|
-
}, column.filters.map(function (option, oIndex) {
|
|
950
|
-
var optionValue = option.data;
|
|
951
|
-
return h(name, {
|
|
952
|
-
key: oIndex,
|
|
953
|
-
attrs: attrs,
|
|
954
|
-
props: _objectSpread({}, getCellEditFilterProps(renderOpts, params, optionValue, defaultProps)),
|
|
955
|
-
on: getFilterOns(renderOpts, params, option, function () {
|
|
956
|
-
// 处理 change 事件相关逻辑
|
|
957
|
-
handleConfirmFilter(params, !!option.data, option);
|
|
958
|
-
})
|
|
755
|
+
function getEditOns(renderOpts, params) {
|
|
756
|
+
var $table = params.$table,
|
|
757
|
+
row = params.row,
|
|
758
|
+
column = params.column;
|
|
759
|
+
return getOns(renderOpts, params, function (value) {
|
|
760
|
+
// 处理 model 值双向绑定
|
|
761
|
+
_xeUtils["default"].set(row, column.field, value);
|
|
762
|
+
}, function () {
|
|
763
|
+
// 处理 change 事件相关逻辑
|
|
764
|
+
$table.updateStatus(params);
|
|
959
765
|
});
|
|
960
|
-
}
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
977
|
-
return _xeUtils["default"].toValueString(cellValue).indexOf(data) > -1;
|
|
978
|
-
}
|
|
979
|
-
/**
|
|
980
|
-
* 精确匹配
|
|
981
|
-
* @param params
|
|
982
|
-
*/
|
|
983
|
-
function defaultExactFilterMethod(params) {
|
|
984
|
-
var option = params.option,
|
|
985
|
-
row = params.row,
|
|
986
|
-
column = params.column;
|
|
987
|
-
var data = option.data;
|
|
988
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
989
|
-
/* eslint-disable eqeqeq */
|
|
990
|
-
return cellValue === data;
|
|
991
|
-
}
|
|
992
|
-
function renderOptions(h, options, optionProps) {
|
|
993
|
-
var labelProp = optionProps.label || 'label';
|
|
994
|
-
var valueProp = optionProps.value || 'value';
|
|
995
|
-
return _xeUtils["default"].map(options, function (item, oIndex) {
|
|
996
|
-
return h('a-select-option', {
|
|
997
|
-
key: oIndex,
|
|
998
|
-
props: {
|
|
999
|
-
value: item[valueProp],
|
|
1000
|
-
disabled: item.disabled
|
|
766
|
+
}
|
|
767
|
+
function getFilterOns(renderOpts, params, option, changeFunc) {
|
|
768
|
+
return getOns(renderOpts, params, function (value) {
|
|
769
|
+
// 处理 model 值双向绑定
|
|
770
|
+
option.data = value;
|
|
771
|
+
}, changeFunc);
|
|
772
|
+
}
|
|
773
|
+
function matchCascaderData(index, list, values, labels) {
|
|
774
|
+
var val = values[index];
|
|
775
|
+
if (list && values.length > index) {
|
|
776
|
+
_xeUtils["default"].each(list, function (item) {
|
|
777
|
+
if (item.value === val) {
|
|
778
|
+
labels.push(item.label);
|
|
779
|
+
matchCascaderData(++index, item.children, values, labels);
|
|
780
|
+
}
|
|
781
|
+
});
|
|
1001
782
|
}
|
|
1002
|
-
}
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
renderTableEdit: createEditRender(),
|
|
1029
|
-
renderTableFilter: createFilterRender(),
|
|
1030
|
-
tableFilterDefaultMethod: defaultFuzzyFilterMethod
|
|
1031
|
-
},
|
|
1032
|
-
AInput: {
|
|
1033
|
-
tableAutoFocus: 'input',
|
|
1034
|
-
renderTableDefault: createEditRender(),
|
|
1035
|
-
renderTableEdit: createEditRender(),
|
|
1036
|
-
renderTableFilter: createFilterRender(),
|
|
1037
|
-
tableFilterDefaultMethod: defaultFuzzyFilterMethod
|
|
1038
|
-
},
|
|
1039
|
-
AInputNumber: {
|
|
1040
|
-
tableAutoFocus: 'input',
|
|
1041
|
-
renderTableDefault: createEditRender(),
|
|
1042
|
-
renderTableEdit: createEditRender(),
|
|
1043
|
-
renderTableFilter: createFilterRender(),
|
|
1044
|
-
tableFilterDefaultMethod: defaultFuzzyFilterMethod
|
|
1045
|
-
},
|
|
1046
|
-
ASelect: {
|
|
1047
|
-
renderTableEdit: function renderTableEdit(h, renderOpts, params) {
|
|
1048
|
-
var _renderOpts$options2 = renderOpts.options,
|
|
1049
|
-
options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2,
|
|
783
|
+
}
|
|
784
|
+
function formatDatePicker(defaultFormat) {
|
|
785
|
+
return function (h, renderOpts, params) {
|
|
786
|
+
return getCellLabelVNs(h, renderOpts, params, getDatePickerCellValue(renderOpts, params, defaultFormat));
|
|
787
|
+
};
|
|
788
|
+
}
|
|
789
|
+
function formatTimePicker(defaultFormat) {
|
|
790
|
+
return function (h, renderOpts, params) {
|
|
791
|
+
var _renderOpts$props = renderOpts.props,
|
|
792
|
+
props = _renderOpts$props === void 0 ? {} : _renderOpts$props;
|
|
793
|
+
var row = params.row,
|
|
794
|
+
column = params.column;
|
|
795
|
+
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
796
|
+
try {
|
|
797
|
+
if (cellValue) {
|
|
798
|
+
if (!_xeUtils["default"].isString(cellValue)) {
|
|
799
|
+
cellValue = cellValue.format ? cellValue.format(props.format || props.valueFormat || defaultFormat) : _xeUtils["default"].toDateString(cellValue, dateFormatToVxeFormat(props.format || props.valueFormat || defaultFormat));
|
|
800
|
+
}
|
|
801
|
+
}
|
|
802
|
+
} catch (e) {}
|
|
803
|
+
return getCellLabelVNs(h, renderOpts, params, cellValue);
|
|
804
|
+
};
|
|
805
|
+
}
|
|
806
|
+
function getSelectCellValue(renderOpts, params) {
|
|
807
|
+
var _renderOpts$options = renderOpts.options,
|
|
808
|
+
options = _renderOpts$options === void 0 ? [] : _renderOpts$options,
|
|
1050
809
|
optionGroups = renderOpts.optionGroups,
|
|
1051
|
-
_renderOpts$
|
|
1052
|
-
|
|
1053
|
-
_renderOpts$
|
|
1054
|
-
|
|
810
|
+
_renderOpts$props2 = renderOpts.props,
|
|
811
|
+
props = _renderOpts$props2 === void 0 ? {} : _renderOpts$props2,
|
|
812
|
+
_renderOpts$optionPro = renderOpts.optionProps,
|
|
813
|
+
optionProps = _renderOpts$optionPro === void 0 ? {} : _renderOpts$optionPro,
|
|
814
|
+
_renderOpts$optionGro = renderOpts.optionGroupProps,
|
|
815
|
+
optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro;
|
|
1055
816
|
var row = params.row,
|
|
1056
817
|
column = params.column;
|
|
1057
|
-
var
|
|
818
|
+
var labelProp = optionProps.label || 'label';
|
|
819
|
+
var valueProp = optionProps.value || 'value';
|
|
820
|
+
var groupOptions = optionGroupProps.options || 'options';
|
|
1058
821
|
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
}))
|
|
822
|
+
if (!isEmptyValue(cellValue)) {
|
|
823
|
+
return _xeUtils["default"].map(props.mode === 'multiple' ? cellValue : [cellValue], optionGroups ? function (value) {
|
|
824
|
+
var selectItem;
|
|
825
|
+
for (var index = 0; index < optionGroups.length; index++) {
|
|
826
|
+
selectItem = _xeUtils["default"].find(optionGroups[index][groupOptions], function (item) {
|
|
827
|
+
return item[valueProp] === value;
|
|
828
|
+
});
|
|
829
|
+
if (selectItem) {
|
|
830
|
+
break;
|
|
831
|
+
}
|
|
832
|
+
}
|
|
833
|
+
return selectItem ? selectItem[labelProp] : value;
|
|
834
|
+
} : function (value) {
|
|
835
|
+
var selectItem = _xeUtils["default"].find(options, function (item) {
|
|
836
|
+
return item[valueProp] === value;
|
|
837
|
+
});
|
|
838
|
+
return selectItem ? selectItem[labelProp] : value;
|
|
839
|
+
}).join(', ');
|
|
1077
840
|
}
|
|
1078
|
-
return
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
}
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
_renderOpts$
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
var
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
841
|
+
return '';
|
|
842
|
+
}
|
|
843
|
+
function getCascaderCellValue(renderOpts, params) {
|
|
844
|
+
var _renderOpts$props3 = renderOpts.props,
|
|
845
|
+
props = _renderOpts$props3 === void 0 ? {} : _renderOpts$props3;
|
|
846
|
+
var row = params.row,
|
|
847
|
+
column = params.column;
|
|
848
|
+
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
849
|
+
var values = cellValue || [];
|
|
850
|
+
var labels = [];
|
|
851
|
+
matchCascaderData(0, props.options, values, labels);
|
|
852
|
+
return (props.showAllLevels === false ? labels.slice(labels.length - 1, labels.length) : labels).join(" ".concat(props.separator || '/', " "));
|
|
853
|
+
}
|
|
854
|
+
function getRangePickerCellValue(renderOpts, params) {
|
|
855
|
+
var _renderOpts$props4 = renderOpts.props,
|
|
856
|
+
props = _renderOpts$props4 === void 0 ? {} : _renderOpts$props4;
|
|
857
|
+
var row = params.row,
|
|
858
|
+
column = params.column;
|
|
859
|
+
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
860
|
+
if (cellValue) {
|
|
861
|
+
cellValue = _xeUtils["default"].map(cellValue, function (date) {
|
|
862
|
+
return date && date.format ? date.format(props.format || 'YYYY-MM-DD') : _xeUtils["default"].toDateString(date, dateFormatToVxeFormat(props.format || 'YYYY-MM-DD'));
|
|
863
|
+
}).join(' ~ ');
|
|
864
|
+
}
|
|
865
|
+
return cellValue;
|
|
866
|
+
}
|
|
867
|
+
function getTreeSelectCellValue(renderOpts, params) {
|
|
868
|
+
var _renderOpts$props5 = renderOpts.props,
|
|
869
|
+
props = _renderOpts$props5 === void 0 ? {} : _renderOpts$props5;
|
|
870
|
+
var treeData = props.treeData,
|
|
871
|
+
treeCheckable = props.treeCheckable;
|
|
872
|
+
var row = params.row,
|
|
873
|
+
column = params.column;
|
|
874
|
+
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
875
|
+
if (!isEmptyValue(cellValue)) {
|
|
876
|
+
return _xeUtils["default"].map(treeCheckable ? cellValue : [cellValue], function (value) {
|
|
877
|
+
var matchObj = _xeUtils["default"].findTree(treeData, function (item) {
|
|
878
|
+
return item.value === value;
|
|
879
|
+
}, {
|
|
880
|
+
children: 'children'
|
|
881
|
+
});
|
|
882
|
+
return matchObj ? matchObj.item.title : value;
|
|
883
|
+
}).join(', ');
|
|
884
|
+
}
|
|
885
|
+
return cellValue;
|
|
886
|
+
}
|
|
887
|
+
function getDatePickerCellValue(renderOpts, params, defaultFormat) {
|
|
888
|
+
var _renderOpts$props6 = renderOpts.props,
|
|
889
|
+
props = _renderOpts$props6 === void 0 ? {} : _renderOpts$props6;
|
|
890
|
+
var row = params.row,
|
|
891
|
+
column = params.column;
|
|
892
|
+
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
893
|
+
try {
|
|
894
|
+
if (cellValue) {
|
|
895
|
+
if (!defaultFormat) {
|
|
896
|
+
if (renderOpts.name === 'ADatePicker') {
|
|
897
|
+
switch (props.picker) {
|
|
898
|
+
case 'week':
|
|
899
|
+
defaultFormat = 'YYYY-WW周';
|
|
900
|
+
break;
|
|
901
|
+
case 'month':
|
|
902
|
+
defaultFormat = 'YYYY-MM';
|
|
903
|
+
break;
|
|
904
|
+
case 'year':
|
|
905
|
+
defaultFormat = 'YYYY';
|
|
906
|
+
break;
|
|
907
|
+
default:
|
|
908
|
+
defaultFormat = props.showTime ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD';
|
|
909
|
+
break;
|
|
910
|
+
}
|
|
911
|
+
}
|
|
912
|
+
}
|
|
913
|
+
cellValue = cellValue.format ? cellValue.format(props.format || defaultFormat) : _xeUtils["default"].toDateString(cellValue, dateFormatToVxeFormat(props.format || defaultFormat));
|
|
914
|
+
}
|
|
915
|
+
} catch (e) {}
|
|
916
|
+
return cellValue;
|
|
917
|
+
}
|
|
918
|
+
function createEditRender(defaultProps) {
|
|
919
|
+
return function (h, renderOpts, params) {
|
|
920
|
+
var row = params.row,
|
|
921
|
+
column = params.column;
|
|
922
|
+
var name = renderOpts.name,
|
|
923
|
+
attrs = renderOpts.attrs;
|
|
924
|
+
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
925
|
+
return [h(name, {
|
|
1119
926
|
attrs: attrs,
|
|
1120
|
-
props:
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
927
|
+
props: getCellEditFilterProps(renderOpts, params, cellValue, defaultProps),
|
|
928
|
+
on: getEditOns(renderOpts, params)
|
|
929
|
+
})];
|
|
930
|
+
};
|
|
931
|
+
}
|
|
932
|
+
function defaultButtonEditRender(h, renderOpts, params) {
|
|
933
|
+
var attrs = renderOpts.attrs;
|
|
934
|
+
return [h('a-button', {
|
|
935
|
+
attrs: attrs,
|
|
936
|
+
props: getCellEditFilterProps(renderOpts, params, null),
|
|
937
|
+
on: getOns(renderOpts, params)
|
|
938
|
+
}, cellText(renderOpts.content))];
|
|
939
|
+
}
|
|
940
|
+
function defaultButtonsEditRender(h, renderOpts, params) {
|
|
941
|
+
var children = renderOpts.children;
|
|
942
|
+
if (children) {
|
|
943
|
+
return children.map(function (childRenderOpts) {
|
|
944
|
+
return defaultButtonEditRender(h, childRenderOpts, params)[0];
|
|
1127
945
|
});
|
|
1128
|
-
}
|
|
1129
|
-
|
|
1130
|
-
|
|
946
|
+
}
|
|
947
|
+
return [];
|
|
948
|
+
}
|
|
949
|
+
function createFilterRender(defaultProps) {
|
|
950
|
+
return function (h, renderOpts, params) {
|
|
951
|
+
var column = params.column;
|
|
952
|
+
var name = renderOpts.name,
|
|
953
|
+
attrs = renderOpts.attrs;
|
|
954
|
+
return [h('div', {
|
|
955
|
+
"class": 'vxe-table--filter-antd-wrapper'
|
|
956
|
+
}, column.filters.map(function (option, oIndex) {
|
|
957
|
+
var optionValue = option.data;
|
|
958
|
+
return h(name, {
|
|
959
|
+
key: oIndex,
|
|
960
|
+
attrs: attrs,
|
|
961
|
+
props: _objectSpread({}, getCellEditFilterProps(renderOpts, params, optionValue, defaultProps)),
|
|
962
|
+
on: getFilterOns(renderOpts, params, option, function () {
|
|
963
|
+
// 处理 change 事件相关逻辑
|
|
964
|
+
handleConfirmFilter(params, !!option.data, option);
|
|
965
|
+
})
|
|
966
|
+
});
|
|
967
|
+
}))];
|
|
968
|
+
};
|
|
969
|
+
}
|
|
970
|
+
function handleConfirmFilter(params, checked, option) {
|
|
971
|
+
var $panel = params.$panel;
|
|
972
|
+
$panel.changeOption(null, checked, option);
|
|
973
|
+
}
|
|
974
|
+
/**
|
|
975
|
+
* 模糊匹配
|
|
976
|
+
* @param params
|
|
977
|
+
*/
|
|
978
|
+
function defaultFuzzyFilterMethod(params) {
|
|
1131
979
|
var option = params.option,
|
|
1132
980
|
row = params.row,
|
|
1133
981
|
column = params.column;
|
|
1134
982
|
var data = option.data;
|
|
1135
|
-
var
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
983
|
+
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
984
|
+
return _xeUtils["default"].toValueString(cellValue).indexOf(data) > -1;
|
|
985
|
+
}
|
|
986
|
+
/**
|
|
987
|
+
* 精确匹配
|
|
988
|
+
* @param params
|
|
989
|
+
*/
|
|
990
|
+
function defaultExactFilterMethod(params) {
|
|
991
|
+
var option = params.option,
|
|
992
|
+
row = params.row,
|
|
993
|
+
column = params.column;
|
|
994
|
+
var data = option.data;
|
|
995
|
+
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
1146
996
|
/* eslint-disable eqeqeq */
|
|
1147
|
-
return cellValue
|
|
1148
|
-
}
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
return getCellLabelVNs(h, renderOpts, params, getCascaderCellValue(renderOpts, params));
|
|
1155
|
-
},
|
|
1156
|
-
tableExportMethod: createExportMethod(getCascaderCellValue)
|
|
1157
|
-
},
|
|
1158
|
-
ADatePicker: {
|
|
1159
|
-
renderTableEdit: createEditRender(),
|
|
1160
|
-
renderTableCell: formatDatePicker(),
|
|
1161
|
-
tableExportMethod: createDatePickerExportMethod()
|
|
1162
|
-
},
|
|
1163
|
-
AMonthPicker: {
|
|
1164
|
-
renderTableEdit: createEditRender(),
|
|
1165
|
-
renderTableCell: formatDatePicker('YYYY-MM'),
|
|
1166
|
-
tableExportMethod: createDatePickerExportMethod('YYYY-MM')
|
|
1167
|
-
},
|
|
1168
|
-
ARangePicker: {
|
|
1169
|
-
renderTableEdit: createEditRender(),
|
|
1170
|
-
renderTableCell: function renderTableCell(h, renderOpts, params) {
|
|
1171
|
-
return getCellLabelVNs(h, renderOpts, params, getRangePickerCellValue(renderOpts, params));
|
|
1172
|
-
},
|
|
1173
|
-
tableExportMethod: createExportMethod(getRangePickerCellValue)
|
|
1174
|
-
},
|
|
1175
|
-
AWeekPicker: {
|
|
1176
|
-
renderTableEdit: createEditRender(),
|
|
1177
|
-
renderTableCell: formatDatePicker('YYYY-WW周'),
|
|
1178
|
-
tableExportMethod: createDatePickerExportMethod('YYYY-WW周')
|
|
1179
|
-
},
|
|
1180
|
-
ATimePicker: {
|
|
1181
|
-
renderTableEdit: createEditRender(),
|
|
1182
|
-
renderTableCell: formatTimePicker('HH:mm:ss'),
|
|
1183
|
-
tableExportMethod: createDatePickerExportMethod('HH:mm:ss')
|
|
1184
|
-
},
|
|
1185
|
-
ATreeSelect: {
|
|
1186
|
-
renderTableEdit: createEditRender(),
|
|
1187
|
-
renderTableCell: function renderTableCell(h, renderOpts, params) {
|
|
1188
|
-
return getCellLabelVNs(h, renderOpts, params, getTreeSelectCellValue(renderOpts, params));
|
|
1189
|
-
},
|
|
1190
|
-
tableExportMethod: createExportMethod(getTreeSelectCellValue)
|
|
1191
|
-
},
|
|
1192
|
-
ARate: {
|
|
1193
|
-
renderTableDefault: createEditRender(),
|
|
1194
|
-
renderTableEdit: createEditRender(),
|
|
1195
|
-
renderTableFilter: createFilterRender(),
|
|
1196
|
-
tableFilterDefaultMethod: defaultExactFilterMethod
|
|
1197
|
-
},
|
|
1198
|
-
ASwitch: {
|
|
1199
|
-
renderTableDefault: createEditRender(),
|
|
1200
|
-
renderTableEdit: createEditRender(),
|
|
1201
|
-
renderTableFilter: function renderTableFilter(h, renderOpts, params) {
|
|
1202
|
-
var column = params.column;
|
|
1203
|
-
var name = renderOpts.name,
|
|
1204
|
-
attrs = renderOpts.attrs;
|
|
1205
|
-
return [h('div', {
|
|
1206
|
-
"class": 'vxe-table--filter-antd-wrapper'
|
|
1207
|
-
}, column.filters.map(function (option, oIndex) {
|
|
1208
|
-
var optionValue = option.data;
|
|
1209
|
-
return h(name, {
|
|
997
|
+
return cellValue === data;
|
|
998
|
+
}
|
|
999
|
+
function renderOptions(h, options, optionProps) {
|
|
1000
|
+
var labelProp = optionProps.label || 'label';
|
|
1001
|
+
var valueProp = optionProps.value || 'value';
|
|
1002
|
+
return _xeUtils["default"].map(options, function (item, oIndex) {
|
|
1003
|
+
return h('a-select-option', {
|
|
1210
1004
|
key: oIndex,
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1005
|
+
props: {
|
|
1006
|
+
value: item[valueProp],
|
|
1007
|
+
disabled: item.disabled
|
|
1008
|
+
}
|
|
1009
|
+
}, item[labelProp]);
|
|
1010
|
+
});
|
|
1011
|
+
}
|
|
1012
|
+
function cellText(cellValue) {
|
|
1013
|
+
return [formatText(cellValue)];
|
|
1014
|
+
}
|
|
1015
|
+
function createDatePickerExportMethod(defaultFormat) {
|
|
1016
|
+
return function (params) {
|
|
1017
|
+
var row = params.row,
|
|
1018
|
+
column = params.column,
|
|
1019
|
+
options = params.options;
|
|
1020
|
+
return options && options.original ? _xeUtils["default"].get(row, column.field) : getDatePickerCellValue(column.editRender || column.cellRender, params, defaultFormat);
|
|
1021
|
+
};
|
|
1022
|
+
}
|
|
1023
|
+
function createExportMethod(getExportCellValue) {
|
|
1024
|
+
return function (params) {
|
|
1025
|
+
var row = params.row,
|
|
1026
|
+
column = params.column,
|
|
1027
|
+
options = params.options;
|
|
1028
|
+
return options && options.original ? _xeUtils["default"].get(row, column.field) : getExportCellValue(column.editRender || column.cellRender, params);
|
|
1029
|
+
};
|
|
1030
|
+
}
|
|
1031
|
+
VxeUI.renderer.mixin({
|
|
1032
|
+
AAutoComplete: {
|
|
1033
|
+
tableAutoFocus: 'input',
|
|
1034
|
+
renderTableDefault: createEditRender(),
|
|
1035
|
+
renderTableEdit: createEditRender(),
|
|
1036
|
+
renderTableFilter: createFilterRender(),
|
|
1037
|
+
tableFilterDefaultMethod: defaultFuzzyFilterMethod
|
|
1038
|
+
},
|
|
1039
|
+
AInput: {
|
|
1040
|
+
tableAutoFocus: 'input',
|
|
1041
|
+
renderTableDefault: createEditRender(),
|
|
1042
|
+
renderTableEdit: createEditRender(),
|
|
1043
|
+
renderTableFilter: createFilterRender(),
|
|
1044
|
+
tableFilterDefaultMethod: defaultFuzzyFilterMethod
|
|
1045
|
+
},
|
|
1046
|
+
AInputNumber: {
|
|
1047
|
+
tableAutoFocus: 'input',
|
|
1048
|
+
renderTableDefault: createEditRender(),
|
|
1049
|
+
renderTableEdit: createEditRender(),
|
|
1050
|
+
renderTableFilter: createFilterRender(),
|
|
1051
|
+
tableFilterDefaultMethod: defaultFuzzyFilterMethod
|
|
1052
|
+
},
|
|
1053
|
+
ASelect: {
|
|
1054
|
+
renderTableEdit: function renderTableEdit(h, renderOpts, params) {
|
|
1055
|
+
var _renderOpts$options2 = renderOpts.options,
|
|
1056
|
+
options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2,
|
|
1057
|
+
optionGroups = renderOpts.optionGroups,
|
|
1058
|
+
_renderOpts$optionPro2 = renderOpts.optionProps,
|
|
1059
|
+
optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2,
|
|
1060
|
+
_renderOpts$optionGro2 = renderOpts.optionGroupProps,
|
|
1061
|
+
optionGroupProps = _renderOpts$optionGro2 === void 0 ? {} : _renderOpts$optionGro2;
|
|
1062
|
+
var row = params.row,
|
|
1063
|
+
column = params.column;
|
|
1064
|
+
var attrs = renderOpts.attrs;
|
|
1065
|
+
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
1066
|
+
var props = getCellEditFilterProps(renderOpts, params, cellValue);
|
|
1067
|
+
var ons = getEditOns(renderOpts, params);
|
|
1068
|
+
if (optionGroups) {
|
|
1069
|
+
var groupOptions = optionGroupProps.options || 'options';
|
|
1070
|
+
var groupLabel = optionGroupProps.label || 'label';
|
|
1071
|
+
return [h('a-select', {
|
|
1072
|
+
attrs: attrs,
|
|
1073
|
+
props: _objectSpread(_objectSpread({}, props), {}, {
|
|
1074
|
+
options: undefined
|
|
1075
|
+
}),
|
|
1076
|
+
on: ons
|
|
1077
|
+
}, _xeUtils["default"].map(optionGroups, function (group, gIndex) {
|
|
1078
|
+
return h('a-select-opt-group', {
|
|
1079
|
+
key: gIndex
|
|
1080
|
+
}, [h('span', {
|
|
1081
|
+
slot: 'label'
|
|
1082
|
+
}, group[groupLabel])].concat(renderOptions(h, group[groupOptions], optionProps)));
|
|
1083
|
+
}))];
|
|
1084
|
+
}
|
|
1085
|
+
return [h('a-select', {
|
|
1086
|
+
attrs: attrs,
|
|
1087
|
+
props: _objectSpread(_objectSpread({}, props), {}, {
|
|
1088
|
+
options: props.options || options
|
|
1089
|
+
}),
|
|
1090
|
+
on: ons
|
|
1091
|
+
})];
|
|
1092
|
+
},
|
|
1093
|
+
renderTableCell: function renderTableCell(h, renderOpts, params) {
|
|
1094
|
+
return getCellLabelVNs(h, renderOpts, params, getSelectCellValue(renderOpts, params));
|
|
1095
|
+
},
|
|
1096
|
+
renderTableFilter: function renderTableFilter(h, renderOpts, params) {
|
|
1097
|
+
var _renderOpts$options3 = renderOpts.options,
|
|
1098
|
+
options = _renderOpts$options3 === void 0 ? [] : _renderOpts$options3,
|
|
1099
|
+
optionGroups = renderOpts.optionGroups,
|
|
1100
|
+
_renderOpts$optionGro3 = renderOpts.optionGroupProps,
|
|
1101
|
+
optionGroupProps = _renderOpts$optionGro3 === void 0 ? {} : _renderOpts$optionGro3;
|
|
1102
|
+
var groupOptions = optionGroupProps.options || 'options';
|
|
1103
|
+
var column = params.column;
|
|
1104
|
+
var attrs = renderOpts.attrs;
|
|
1105
|
+
return [h('div', {
|
|
1106
|
+
"class": 'vxe-table--filter-antd-wrapper'
|
|
1107
|
+
}, optionGroups ? column.filters.map(function (option, oIndex) {
|
|
1108
|
+
var optionValue = option.data;
|
|
1109
|
+
var props = getCellEditFilterProps(renderOpts, params, optionValue);
|
|
1110
|
+
return h('a-select', {
|
|
1111
|
+
key: oIndex,
|
|
1112
|
+
attrs: attrs,
|
|
1113
|
+
props: _objectSpread(_objectSpread({}, props), {}, {
|
|
1114
|
+
options: groupOptions
|
|
1115
|
+
}),
|
|
1116
|
+
on: getFilterOns(renderOpts, params, option, function () {
|
|
1117
|
+
// 处理 change 事件相关逻辑
|
|
1118
|
+
handleConfirmFilter(params, props.mode === 'multiple' ? option.data && option.data.length > 0 : !_xeUtils["default"].eqNull(option.data), option);
|
|
1119
|
+
})
|
|
1120
|
+
});
|
|
1121
|
+
}) : column.filters.map(function (option, oIndex) {
|
|
1122
|
+
var optionValue = option.data;
|
|
1123
|
+
var props = getCellEditFilterProps(renderOpts, params, optionValue);
|
|
1124
|
+
return h('a-select', {
|
|
1125
|
+
key: oIndex,
|
|
1126
|
+
attrs: attrs,
|
|
1127
|
+
props: _objectSpread(_objectSpread({}, props), {}, {
|
|
1128
|
+
options: props.options || options
|
|
1129
|
+
}),
|
|
1130
|
+
on: getFilterOns(renderOpts, params, option, function () {
|
|
1131
|
+
// 处理 change 事件相关逻辑
|
|
1132
|
+
handleConfirmFilter(params, props.mode === 'multiple' ? option.data && option.data.length > 0 : !_xeUtils["default"].eqNull(option.data), option);
|
|
1133
|
+
})
|
|
1134
|
+
});
|
|
1135
|
+
}))];
|
|
1136
|
+
},
|
|
1137
|
+
tableFilterDefaultMethod: function tableFilterDefaultMethod(params) {
|
|
1138
|
+
var option = params.option,
|
|
1139
|
+
row = params.row,
|
|
1140
|
+
column = params.column;
|
|
1141
|
+
var data = option.data;
|
|
1142
|
+
var field = column.field,
|
|
1143
|
+
renderOpts = column.filterRender;
|
|
1144
|
+
var _renderOpts$props7 = renderOpts.props,
|
|
1145
|
+
props = _renderOpts$props7 === void 0 ? {} : _renderOpts$props7;
|
|
1146
|
+
var cellValue = _xeUtils["default"].get(row, field);
|
|
1147
|
+
if (props.mode === 'multiple') {
|
|
1148
|
+
if (_xeUtils["default"].isArray(cellValue)) {
|
|
1149
|
+
return _xeUtils["default"].includeArrays(cellValue, data);
|
|
1150
|
+
}
|
|
1151
|
+
return data.indexOf(cellValue) > -1;
|
|
1152
|
+
}
|
|
1153
|
+
/* eslint-disable eqeqeq */
|
|
1154
|
+
return cellValue == data;
|
|
1155
|
+
},
|
|
1156
|
+
tableExportMethod: createExportMethod(getSelectCellValue)
|
|
1157
|
+
},
|
|
1158
|
+
ACascader: {
|
|
1159
|
+
renderTableEdit: createEditRender(),
|
|
1160
|
+
renderTableCell: function renderTableCell(h, renderOpts, params) {
|
|
1161
|
+
return getCellLabelVNs(h, renderOpts, params, getCascaderCellValue(renderOpts, params));
|
|
1162
|
+
},
|
|
1163
|
+
tableExportMethod: createExportMethod(getCascaderCellValue)
|
|
1164
|
+
},
|
|
1165
|
+
ADatePicker: {
|
|
1166
|
+
renderTableEdit: createEditRender(),
|
|
1167
|
+
renderTableCell: formatDatePicker(),
|
|
1168
|
+
tableExportMethod: createDatePickerExportMethod()
|
|
1169
|
+
},
|
|
1170
|
+
AMonthPicker: {
|
|
1171
|
+
renderTableEdit: createEditRender(),
|
|
1172
|
+
renderTableCell: formatDatePicker('YYYY-MM'),
|
|
1173
|
+
tableExportMethod: createDatePickerExportMethod('YYYY-MM')
|
|
1174
|
+
},
|
|
1175
|
+
ARangePicker: {
|
|
1176
|
+
renderTableEdit: createEditRender(),
|
|
1177
|
+
renderTableCell: function renderTableCell(h, renderOpts, params) {
|
|
1178
|
+
return getCellLabelVNs(h, renderOpts, params, getRangePickerCellValue(renderOpts, params));
|
|
1179
|
+
},
|
|
1180
|
+
tableExportMethod: createExportMethod(getRangePickerCellValue)
|
|
1181
|
+
},
|
|
1182
|
+
AWeekPicker: {
|
|
1183
|
+
renderTableEdit: createEditRender(),
|
|
1184
|
+
renderTableCell: formatDatePicker('YYYY-WW周'),
|
|
1185
|
+
tableExportMethod: createDatePickerExportMethod('YYYY-WW周')
|
|
1186
|
+
},
|
|
1187
|
+
ATimePicker: {
|
|
1188
|
+
renderTableEdit: createEditRender(),
|
|
1189
|
+
renderTableCell: formatTimePicker('HH:mm:ss'),
|
|
1190
|
+
tableExportMethod: createDatePickerExportMethod('HH:mm:ss')
|
|
1191
|
+
},
|
|
1192
|
+
ATreeSelect: {
|
|
1193
|
+
renderTableEdit: createEditRender(),
|
|
1194
|
+
renderTableCell: function renderTableCell(h, renderOpts, params) {
|
|
1195
|
+
return getCellLabelVNs(h, renderOpts, params, getTreeSelectCellValue(renderOpts, params));
|
|
1196
|
+
},
|
|
1197
|
+
tableExportMethod: createExportMethod(getTreeSelectCellValue)
|
|
1198
|
+
},
|
|
1199
|
+
ARate: {
|
|
1200
|
+
renderTableDefault: createEditRender(),
|
|
1201
|
+
renderTableEdit: createEditRender(),
|
|
1202
|
+
renderTableFilter: createFilterRender(),
|
|
1203
|
+
tableFilterDefaultMethod: defaultExactFilterMethod
|
|
1204
|
+
},
|
|
1205
|
+
ASwitch: {
|
|
1206
|
+
renderTableDefault: createEditRender(),
|
|
1207
|
+
renderTableEdit: createEditRender(),
|
|
1208
|
+
renderTableFilter: function renderTableFilter(h, renderOpts, params) {
|
|
1209
|
+
var column = params.column;
|
|
1210
|
+
var name = renderOpts.name,
|
|
1211
|
+
attrs = renderOpts.attrs;
|
|
1212
|
+
return [h('div', {
|
|
1213
|
+
"class": 'vxe-table--filter-antd-wrapper'
|
|
1214
|
+
}, column.filters.map(function (option, oIndex) {
|
|
1215
|
+
var optionValue = option.data;
|
|
1216
|
+
return h(name, {
|
|
1217
|
+
key: oIndex,
|
|
1218
|
+
attrs: attrs,
|
|
1219
|
+
props: getCellEditFilterProps(renderOpts, params, optionValue),
|
|
1220
|
+
on: getFilterOns(renderOpts, params, option, function () {
|
|
1221
|
+
// 处理 change 事件相关逻辑
|
|
1222
|
+
handleConfirmFilter(params, _xeUtils["default"].isBoolean(option.data), option);
|
|
1223
|
+
})
|
|
1224
|
+
});
|
|
1225
|
+
}))];
|
|
1226
|
+
},
|
|
1227
|
+
tableFilterDefaultMethod: defaultExactFilterMethod
|
|
1228
|
+
},
|
|
1229
|
+
AButton: {
|
|
1230
|
+
renderTableEdit: defaultButtonEditRender,
|
|
1231
|
+
renderTableDefault: defaultButtonEditRender
|
|
1232
|
+
},
|
|
1233
|
+
AButtons: {
|
|
1234
|
+
renderTableEdit: defaultButtonsEditRender,
|
|
1235
|
+
renderTableDefault: defaultButtonsEditRender
|
|
1236
|
+
}
|
|
1237
|
+
});
|
|
1229
1238
|
}
|
|
1230
|
-
});
|
|
1231
|
-
}
|
|
1232
|
-
}, {
|
|
1233
|
-
"xe-utils": "xe-utils"
|
|
1234
|
-
}]
|
|
1239
|
+
}).call(this);
|
|
1240
|
+
}).call(this, typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {});
|
|
1241
|
+
}, {}]
|
|
1235
1242
|
}, {}, [2]);
|
|
1236
1243
|
});
|