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