@vxe-ui/plugin-render-antd 4.0.2 → 4.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -4
- package/dist/all.common.js +2412 -0
- package/dist/form/index.js +235 -0
- package/dist/form-design/checkbox-widget.js +162 -0
- package/dist/form-design/date-picker-widget.js +143 -0
- package/dist/form-design/index.js +177 -0
- package/dist/form-design/input-widget.js +143 -0
- package/dist/form-design/number-input-widget.js +143 -0
- package/dist/form-design/radio-widget.js +162 -0
- package/dist/form-design/select-widget.js +154 -0
- package/dist/form-design/switch-widget.js +139 -0
- package/dist/form-design/textarea-widget.js +147 -0
- package/dist/form-design/use.js +225 -0
- package/dist/index.common.js +8 -607
- package/dist/index.js +69 -0
- package/dist/index.umd.js +2595 -635
- package/dist/index.umd.min.js +1 -1
- package/dist/style.css +2 -1
- package/dist/style.min.css +1 -1
- package/dist/table/index.js +499 -0
- package/package.json +6 -5
- package/src/form/index.ts +244 -0
- package/src/form-design/checkbox-widget.ts +164 -0
- package/src/form-design/date-picker-widget.ts +144 -0
- package/src/form-design/index.ts +101 -0
- package/src/form-design/input-widget.ts +144 -0
- package/src/form-design/number-input-widget.ts +144 -0
- package/src/form-design/radio-widget.ts +164 -0
- package/src/form-design/select-widget.ts +156 -0
- package/src/form-design/switch-widget.ts +140 -0
- package/src/form-design/textarea-widget.ts +148 -0
- package/src/form-design/use.ts +255 -0
- package/src/index.ts +71 -0
- package/src/table/index.ts +508 -0
- package/index.ts +0 -701
package/dist/index.common.js
CHANGED
|
@@ -4,393 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.VxeUIPluginRenderAntd = void 0;
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
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); }
|
|
11
|
-
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; }
|
|
12
|
-
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; }
|
|
13
|
-
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; }
|
|
14
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
15
|
-
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); }
|
|
16
|
-
var VxeUI;
|
|
17
|
-
// eslint-disable-next-line no-unused-vars
|
|
18
|
-
var Antd;
|
|
19
|
-
function isEmptyValue(cellValue) {
|
|
20
|
-
return cellValue === null || cellValue === undefined || cellValue === '';
|
|
21
|
-
}
|
|
22
|
-
function getOnName(type) {
|
|
23
|
-
return 'on' + type.substring(0, 1).toLocaleUpperCase() + type.substring(1);
|
|
24
|
-
}
|
|
25
|
-
function getModelProp(renderOpts) {
|
|
26
|
-
var prop = 'value';
|
|
27
|
-
switch (renderOpts.name) {
|
|
28
|
-
case 'ASwitch':
|
|
29
|
-
prop = 'checked';
|
|
30
|
-
break;
|
|
31
|
-
}
|
|
32
|
-
return prop;
|
|
33
|
-
}
|
|
34
|
-
function getModelEvent(renderOpts) {
|
|
35
|
-
var type = 'update:value';
|
|
36
|
-
switch (renderOpts.name) {
|
|
37
|
-
case 'ASwitch':
|
|
38
|
-
type = 'update:checked';
|
|
39
|
-
break;
|
|
40
|
-
}
|
|
41
|
-
return type;
|
|
42
|
-
}
|
|
43
|
-
function dateFormatToVxeFormat(format) {
|
|
44
|
-
if (format) {
|
|
45
|
-
return "".concat(format).replace('YYYY', 'yyyy').replace('DD', 'dd');
|
|
46
|
-
}
|
|
47
|
-
return format;
|
|
48
|
-
}
|
|
49
|
-
function getChangeEvent(renderOpts) {
|
|
50
|
-
return 'change';
|
|
51
|
-
}
|
|
52
|
-
function getCellEditFilterProps(renderOpts, params, value, defaultProps) {
|
|
53
|
-
return _xeUtils["default"].assign({}, defaultProps, renderOpts.props, _defineProperty({}, getModelProp(renderOpts), value));
|
|
54
|
-
}
|
|
55
|
-
function getItemProps(renderOpts, params, value, defaultProps) {
|
|
56
|
-
return _xeUtils["default"].assign({}, defaultProps, renderOpts.props, _defineProperty({}, getModelProp(renderOpts), value));
|
|
57
|
-
}
|
|
58
|
-
function formatText(cellValue) {
|
|
59
|
-
return '' + (isEmptyValue(cellValue) ? '' : cellValue);
|
|
60
|
-
}
|
|
61
|
-
function getCellLabelVNs(renderOpts, params, cellLabel) {
|
|
62
|
-
var placeholder = renderOpts.placeholder;
|
|
63
|
-
return [(0, _vue.h)('span', {
|
|
64
|
-
"class": 'vxe-cell--label'
|
|
65
|
-
}, placeholder && isEmptyValue(cellLabel) ? [(0, _vue.h)('span', {
|
|
66
|
-
"class": 'vxe-cell--placeholder'
|
|
67
|
-
}, formatText(placeholder))] : formatText(cellLabel))];
|
|
68
|
-
}
|
|
69
|
-
function getOns(renderOpts, params, inputFunc, changeFunc) {
|
|
70
|
-
var events = renderOpts.events;
|
|
71
|
-
var modelEvent = getModelEvent(renderOpts);
|
|
72
|
-
var changeEvent = getChangeEvent(renderOpts);
|
|
73
|
-
var isSameEvent = changeEvent === modelEvent;
|
|
74
|
-
var ons = {};
|
|
75
|
-
_xeUtils["default"].objectEach(events, function (func, key) {
|
|
76
|
-
ons[getOnName(key)] = function () {
|
|
77
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
78
|
-
args[_key] = arguments[_key];
|
|
79
|
-
}
|
|
80
|
-
func.apply(void 0, [params].concat(args));
|
|
81
|
-
};
|
|
82
|
-
});
|
|
83
|
-
if (inputFunc) {
|
|
84
|
-
ons[getOnName(modelEvent)] = function (targetEvnt) {
|
|
85
|
-
inputFunc(targetEvnt);
|
|
86
|
-
if (events && events[modelEvent]) {
|
|
87
|
-
events[modelEvent](params, targetEvnt);
|
|
88
|
-
}
|
|
89
|
-
if (isSameEvent && changeFunc) {
|
|
90
|
-
changeFunc(targetEvnt);
|
|
91
|
-
}
|
|
92
|
-
};
|
|
93
|
-
}
|
|
94
|
-
if (!isSameEvent && changeFunc) {
|
|
95
|
-
ons[getOnName(changeEvent)] = function () {
|
|
96
|
-
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
97
|
-
args[_key2] = arguments[_key2];
|
|
98
|
-
}
|
|
99
|
-
changeFunc.apply(void 0, args);
|
|
100
|
-
if (events && events[changeEvent]) {
|
|
101
|
-
events[changeEvent].apply(events, [params].concat(args));
|
|
102
|
-
}
|
|
103
|
-
};
|
|
104
|
-
}
|
|
105
|
-
return ons;
|
|
106
|
-
}
|
|
107
|
-
function getEditOns(renderOpts, params) {
|
|
108
|
-
var $table = params.$table,
|
|
109
|
-
row = params.row,
|
|
110
|
-
column = params.column;
|
|
111
|
-
return getOns(renderOpts, params, function (value) {
|
|
112
|
-
// 处理 model 值双向绑定
|
|
113
|
-
_xeUtils["default"].set(row, column.field, value);
|
|
114
|
-
}, function () {
|
|
115
|
-
// 处理 change 事件相关逻辑
|
|
116
|
-
$table.updateStatus(params);
|
|
117
|
-
});
|
|
118
|
-
}
|
|
119
|
-
function getFilterOns(renderOpts, params, option, changeFunc) {
|
|
120
|
-
return getOns(renderOpts, params, function (value) {
|
|
121
|
-
// 处理 model 值双向绑定
|
|
122
|
-
option.data = value;
|
|
123
|
-
}, changeFunc);
|
|
124
|
-
}
|
|
125
|
-
function getItemOns(renderOpts, params) {
|
|
126
|
-
var $form = params.$form,
|
|
127
|
-
data = params.data,
|
|
128
|
-
field = params.field;
|
|
129
|
-
return getOns(renderOpts, params, function (value) {
|
|
130
|
-
// 处理 model 值双向绑定
|
|
131
|
-
_xeUtils["default"].set(data, field, value);
|
|
132
|
-
}, function () {
|
|
133
|
-
// 处理 change 事件相关逻辑
|
|
134
|
-
$form.updateStatus(params);
|
|
135
|
-
});
|
|
136
|
-
}
|
|
137
|
-
function matchCascaderData(index, list, values, labels) {
|
|
138
|
-
var val = values[index];
|
|
139
|
-
if (list && values.length > index) {
|
|
140
|
-
_xeUtils["default"].each(list, function (item) {
|
|
141
|
-
if (item.value === val) {
|
|
142
|
-
labels.push(item.label);
|
|
143
|
-
matchCascaderData(++index, item.children, values, labels);
|
|
144
|
-
}
|
|
145
|
-
});
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
function formatDatePicker(defaultFormat) {
|
|
149
|
-
return function (renderOpts, params) {
|
|
150
|
-
return getCellLabelVNs(renderOpts, params, getDatePickerCellValue(renderOpts, params, defaultFormat));
|
|
151
|
-
};
|
|
152
|
-
}
|
|
153
|
-
function getSelectCellValue(renderOpts, params) {
|
|
154
|
-
var _renderOpts$options = renderOpts.options,
|
|
155
|
-
options = _renderOpts$options === void 0 ? [] : _renderOpts$options,
|
|
156
|
-
optionGroups = renderOpts.optionGroups,
|
|
157
|
-
_renderOpts$props = renderOpts.props,
|
|
158
|
-
props = _renderOpts$props === void 0 ? {} : _renderOpts$props,
|
|
159
|
-
_renderOpts$optionPro = renderOpts.optionProps,
|
|
160
|
-
optionProps = _renderOpts$optionPro === void 0 ? {} : _renderOpts$optionPro,
|
|
161
|
-
_renderOpts$optionGro = renderOpts.optionGroupProps,
|
|
162
|
-
optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro;
|
|
163
|
-
var row = params.row,
|
|
164
|
-
column = params.column;
|
|
165
|
-
var labelProp = optionProps.label || 'label';
|
|
166
|
-
var valueProp = optionProps.value || 'value';
|
|
167
|
-
var groupOptions = optionGroupProps.options || 'options';
|
|
168
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
169
|
-
if (!isEmptyValue(cellValue)) {
|
|
170
|
-
return _xeUtils["default"].map(props.mode === 'multiple' ? cellValue : [cellValue], optionGroups ? function (value) {
|
|
171
|
-
var selectItem;
|
|
172
|
-
for (var index = 0; index < optionGroups.length; index++) {
|
|
173
|
-
selectItem = _xeUtils["default"].find(optionGroups[index][groupOptions], function (item) {
|
|
174
|
-
return item[valueProp] === value;
|
|
175
|
-
});
|
|
176
|
-
if (selectItem) {
|
|
177
|
-
break;
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
|
-
return selectItem ? selectItem[labelProp] : value;
|
|
181
|
-
} : function (value) {
|
|
182
|
-
var selectItem = _xeUtils["default"].find(options, function (item) {
|
|
183
|
-
return item[valueProp] === value;
|
|
184
|
-
});
|
|
185
|
-
return selectItem ? selectItem[labelProp] : value;
|
|
186
|
-
}).join(', ');
|
|
187
|
-
}
|
|
188
|
-
return '';
|
|
189
|
-
}
|
|
190
|
-
function getCascaderCellValue(renderOpts, params) {
|
|
191
|
-
var _renderOpts$props2 = renderOpts.props,
|
|
192
|
-
props = _renderOpts$props2 === void 0 ? {} : _renderOpts$props2;
|
|
193
|
-
var row = params.row,
|
|
194
|
-
column = params.column;
|
|
195
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
196
|
-
var values = cellValue || [];
|
|
197
|
-
var labels = [];
|
|
198
|
-
matchCascaderData(0, props.options, values, labels);
|
|
199
|
-
return (props.showAllLevels === false ? labels.slice(labels.length - 1, labels.length) : labels).join(" ".concat(props.separator || '/', " "));
|
|
200
|
-
}
|
|
201
|
-
function getRangePickerCellValue(renderOpts, params) {
|
|
202
|
-
var _renderOpts$props3 = renderOpts.props,
|
|
203
|
-
props = _renderOpts$props3 === void 0 ? {} : _renderOpts$props3;
|
|
204
|
-
var row = params.row,
|
|
205
|
-
column = params.column;
|
|
206
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
207
|
-
if (cellValue) {
|
|
208
|
-
cellValue = _xeUtils["default"].map(cellValue, function (date) {
|
|
209
|
-
return date && date.format ? date.format(props.format || 'YYYY-MM-DD') : _xeUtils["default"].toDateString(date, dateFormatToVxeFormat(props.format || 'YYYY-MM-DD'));
|
|
210
|
-
}).join(' ~ ');
|
|
211
|
-
}
|
|
212
|
-
return cellValue;
|
|
213
|
-
}
|
|
214
|
-
function getTreeSelectCellValue(renderOpts, params) {
|
|
215
|
-
var _renderOpts$props4 = renderOpts.props,
|
|
216
|
-
props = _renderOpts$props4 === void 0 ? {} : _renderOpts$props4;
|
|
217
|
-
var treeData = props.treeData,
|
|
218
|
-
treeCheckable = props.treeCheckable;
|
|
219
|
-
var row = params.row,
|
|
220
|
-
column = params.column;
|
|
221
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
222
|
-
if (!isEmptyValue(cellValue)) {
|
|
223
|
-
return _xeUtils["default"].map(treeCheckable ? cellValue : [cellValue], function (value) {
|
|
224
|
-
var matchObj = _xeUtils["default"].findTree(treeData, function (item) {
|
|
225
|
-
return item.value === value;
|
|
226
|
-
}, {
|
|
227
|
-
children: 'children'
|
|
228
|
-
});
|
|
229
|
-
return matchObj ? matchObj.item.title : value;
|
|
230
|
-
}).join(', ');
|
|
231
|
-
}
|
|
232
|
-
return cellValue;
|
|
233
|
-
}
|
|
234
|
-
function getDatePickerCellValue(renderOpts, params, defaultFormat) {
|
|
235
|
-
var _renderOpts$props5 = renderOpts.props,
|
|
236
|
-
props = _renderOpts$props5 === void 0 ? {} : _renderOpts$props5;
|
|
237
|
-
var row = params.row,
|
|
238
|
-
column = params.column;
|
|
239
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
240
|
-
try {
|
|
241
|
-
if (cellValue) {
|
|
242
|
-
cellValue = cellValue.format ? cellValue.format(props.format || defaultFormat) : _xeUtils["default"].toDateString(cellValue, dateFormatToVxeFormat(props.format || defaultFormat));
|
|
243
|
-
}
|
|
244
|
-
} catch (e) {}
|
|
245
|
-
return cellValue;
|
|
246
|
-
}
|
|
247
|
-
function createEditRender(defaultProps) {
|
|
248
|
-
return function (renderOpts, params) {
|
|
249
|
-
var row = params.row,
|
|
250
|
-
column = params.column;
|
|
251
|
-
var name = renderOpts.name,
|
|
252
|
-
attrs = renderOpts.attrs;
|
|
253
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
254
|
-
return [(0, _vue.h)((0, _vue.resolveComponent)(name), _objectSpread(_objectSpread(_objectSpread({}, attrs), getCellEditFilterProps(renderOpts, params, cellValue, defaultProps)), getEditOns(renderOpts, params)))];
|
|
255
|
-
};
|
|
256
|
-
}
|
|
257
|
-
function defaultButtonEditRender(renderOpts, params) {
|
|
258
|
-
var attrs = renderOpts.attrs;
|
|
259
|
-
return [(0, _vue.h)((0, _vue.resolveComponent)('a-button'), _objectSpread(_objectSpread(_objectSpread({}, attrs), getCellEditFilterProps(renderOpts, params, null)), getOns(renderOpts, params)), cellText(renderOpts.content))];
|
|
260
|
-
}
|
|
261
|
-
function defaultButtonsEditRender(renderOpts, params) {
|
|
262
|
-
var children = renderOpts.children;
|
|
263
|
-
if (children) {
|
|
264
|
-
return children.map(function (childRenderOpts) {
|
|
265
|
-
return defaultButtonEditRender(childRenderOpts, params)[0];
|
|
266
|
-
});
|
|
267
|
-
}
|
|
268
|
-
return [];
|
|
269
|
-
}
|
|
270
|
-
function createFilterRender(defaultProps) {
|
|
271
|
-
return function (renderOpts, params) {
|
|
272
|
-
var column = params.column;
|
|
273
|
-
var name = renderOpts.name,
|
|
274
|
-
attrs = renderOpts.attrs;
|
|
275
|
-
return [(0, _vue.h)('div', {
|
|
276
|
-
"class": 'vxe-table--filter-antd-wrapper'
|
|
277
|
-
}, column.filters.map(function (option, oIndex) {
|
|
278
|
-
var optionValue = option.data;
|
|
279
|
-
return (0, _vue.h)((0, _vue.resolveComponent)(name), _objectSpread(_objectSpread(_objectSpread({
|
|
280
|
-
key: oIndex
|
|
281
|
-
}, attrs), getCellEditFilterProps(renderOpts, params, optionValue, defaultProps)), getFilterOns(renderOpts, params, option, function () {
|
|
282
|
-
// 处理 change 事件相关逻辑
|
|
283
|
-
handleConfirmFilter(params, !!option.data, option);
|
|
284
|
-
})));
|
|
285
|
-
}))];
|
|
286
|
-
};
|
|
287
|
-
}
|
|
288
|
-
function handleConfirmFilter(params, checked, option) {
|
|
289
|
-
var $panel = params.$panel;
|
|
290
|
-
$panel.changeOption(null, checked, option);
|
|
291
|
-
}
|
|
292
|
-
/**
|
|
293
|
-
* 模糊匹配
|
|
294
|
-
* @param params
|
|
295
|
-
*/
|
|
296
|
-
function defaultFuzzyFilterMethod(params) {
|
|
297
|
-
var option = params.option,
|
|
298
|
-
row = params.row,
|
|
299
|
-
column = params.column;
|
|
300
|
-
var data = option.data;
|
|
301
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
302
|
-
return _xeUtils["default"].toValueString(cellValue).indexOf(data) > -1;
|
|
303
|
-
}
|
|
304
|
-
/**
|
|
305
|
-
* 精确匹配
|
|
306
|
-
* @param params
|
|
307
|
-
*/
|
|
308
|
-
function defaultExactFilterMethod(params) {
|
|
309
|
-
var option = params.option,
|
|
310
|
-
row = params.row,
|
|
311
|
-
column = params.column;
|
|
312
|
-
var data = option.data;
|
|
313
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
314
|
-
/* eslint-disable eqeqeq */
|
|
315
|
-
return cellValue === data;
|
|
316
|
-
}
|
|
317
|
-
function cellText(cellValue) {
|
|
318
|
-
return [formatText(cellValue)];
|
|
319
|
-
}
|
|
320
|
-
function createFormItemRender(defaultProps) {
|
|
321
|
-
return function (renderOpts, params) {
|
|
322
|
-
var data = params.data,
|
|
323
|
-
field = params.field;
|
|
324
|
-
var name = renderOpts.name;
|
|
325
|
-
var attrs = renderOpts.attrs;
|
|
326
|
-
var itemValue = _xeUtils["default"].get(data, field);
|
|
327
|
-
return [(0, _vue.h)((0, _vue.resolveComponent)(name), _objectSpread(_objectSpread(_objectSpread({}, attrs), getItemProps(renderOpts, params, itemValue, defaultProps)), getItemOns(renderOpts, params)))];
|
|
328
|
-
};
|
|
329
|
-
}
|
|
330
|
-
function defaultButtonItemRender(renderOpts, params) {
|
|
331
|
-
var attrs = renderOpts.attrs;
|
|
332
|
-
var props = getItemProps(renderOpts, params, null);
|
|
333
|
-
return [(0, _vue.h)((0, _vue.resolveComponent)('a-button'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), getItemOns(renderOpts, params)), {
|
|
334
|
-
"default": function _default() {
|
|
335
|
-
return cellText(renderOpts.content || props.content);
|
|
336
|
-
}
|
|
337
|
-
})];
|
|
338
|
-
}
|
|
339
|
-
function defaultButtonsItemRender(renderOpts, params) {
|
|
340
|
-
var children = renderOpts.children;
|
|
341
|
-
if (children) {
|
|
342
|
-
return children.map(function (childRenderOpts) {
|
|
343
|
-
return defaultButtonItemRender(childRenderOpts, params)[0];
|
|
344
|
-
});
|
|
345
|
-
}
|
|
346
|
-
return [];
|
|
347
|
-
}
|
|
348
|
-
function createDatePickerExportMethod(defaultFormat) {
|
|
349
|
-
return function (params) {
|
|
350
|
-
var row = params.row,
|
|
351
|
-
column = params.column,
|
|
352
|
-
options = params.options;
|
|
353
|
-
return options && options.original ? _xeUtils["default"].get(row, column.field) : getDatePickerCellValue(column.editRender || column.cellRender, params, defaultFormat);
|
|
354
|
-
};
|
|
355
|
-
}
|
|
356
|
-
function createExportMethod(getExportCellValue) {
|
|
357
|
-
return function (params) {
|
|
358
|
-
var row = params.row,
|
|
359
|
-
column = params.column,
|
|
360
|
-
options = params.options;
|
|
361
|
-
return options && options.original ? _xeUtils["default"].get(row, column.field) : getExportCellValue(column.editRender || column.cellRender, params);
|
|
362
|
-
};
|
|
363
|
-
}
|
|
364
|
-
function createFormItemRadioAndCheckboxRender() {
|
|
365
|
-
return function (renderOpts, params) {
|
|
366
|
-
var name = renderOpts.name,
|
|
367
|
-
_renderOpts$options2 = renderOpts.options,
|
|
368
|
-
options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2,
|
|
369
|
-
_renderOpts$optionPro2 = renderOpts.optionProps,
|
|
370
|
-
optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2;
|
|
371
|
-
var data = params.data,
|
|
372
|
-
field = params.field;
|
|
373
|
-
var attrs = renderOpts.attrs;
|
|
374
|
-
var labelProp = optionProps.label || 'label';
|
|
375
|
-
var valueProp = optionProps.value || 'value';
|
|
376
|
-
var itemValue = _xeUtils["default"].get(data, field);
|
|
377
|
-
return [(0, _vue.h)((0, _vue.resolveComponent)("".concat(name, "Group")), _objectSpread(_objectSpread(_objectSpread({}, attrs), getItemProps(renderOpts, params, itemValue)), getItemOns(renderOpts, params)), {
|
|
378
|
-
"default": function _default() {
|
|
379
|
-
return options.map(function (option, oIndex) {
|
|
380
|
-
return (0, _vue.h)((0, _vue.resolveComponent)(name), {
|
|
381
|
-
key: oIndex,
|
|
382
|
-
value: option[valueProp],
|
|
383
|
-
disabled: option.disabled
|
|
384
|
-
}, {
|
|
385
|
-
"default": function _default() {
|
|
386
|
-
return cellText(option[labelProp]);
|
|
387
|
-
}
|
|
388
|
-
});
|
|
389
|
-
});
|
|
390
|
-
}
|
|
391
|
-
})];
|
|
392
|
-
};
|
|
393
|
-
}
|
|
7
|
+
var _table = require("./table");
|
|
8
|
+
var _form = require("./form");
|
|
9
|
+
var _formDesign = require("./form-design");
|
|
394
10
|
/**
|
|
395
11
|
* 检查触发源是否属于目标节点
|
|
396
12
|
*/
|
|
@@ -432,229 +48,14 @@ function handleClearEvent(params) {
|
|
|
432
48
|
}
|
|
433
49
|
}
|
|
434
50
|
var VxeUIPluginRenderAntd = exports.VxeUIPluginRenderAntd = {
|
|
435
|
-
install: function install(
|
|
436
|
-
VxeUI = core;
|
|
437
|
-
Antd = options ? options.Antd : {};
|
|
51
|
+
install: function install(VxeUI, options) {
|
|
438
52
|
// 检查版本
|
|
439
53
|
if (!/^(4)\./.test(VxeUI.uiVersion)) {
|
|
440
54
|
console.error('[plugin-render-antd 4.x] Version 4.x is required');
|
|
441
55
|
}
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
renderDefault: createEditRender(),
|
|
446
|
-
renderEdit: createEditRender(),
|
|
447
|
-
renderFilter: createFilterRender(),
|
|
448
|
-
defaultFilterMethod: defaultExactFilterMethod,
|
|
449
|
-
renderItemContent: createFormItemRender()
|
|
450
|
-
},
|
|
451
|
-
AInput: {
|
|
452
|
-
autofocus: 'input.ant-input',
|
|
453
|
-
renderDefault: createEditRender(),
|
|
454
|
-
renderEdit: createEditRender(),
|
|
455
|
-
renderFilter: createFilterRender(),
|
|
456
|
-
defaultFilterMethod: defaultFuzzyFilterMethod,
|
|
457
|
-
renderItemContent: createFormItemRender()
|
|
458
|
-
},
|
|
459
|
-
AInputNumber: {
|
|
460
|
-
autofocus: 'input.ant-input-number-input',
|
|
461
|
-
renderDefault: createEditRender(),
|
|
462
|
-
renderEdit: createEditRender(),
|
|
463
|
-
renderFilter: createFilterRender(),
|
|
464
|
-
defaultFilterMethod: defaultFuzzyFilterMethod,
|
|
465
|
-
renderItemContent: createFormItemRender()
|
|
466
|
-
},
|
|
467
|
-
ASelect: {
|
|
468
|
-
renderEdit: function renderEdit(renderOpts, params) {
|
|
469
|
-
var options = renderOpts.options,
|
|
470
|
-
optionGroups = renderOpts.optionGroups;
|
|
471
|
-
var row = params.row,
|
|
472
|
-
column = params.column;
|
|
473
|
-
var attrs = renderOpts.attrs;
|
|
474
|
-
var cellValue = _xeUtils["default"].get(row, column.field);
|
|
475
|
-
var props = getCellEditFilterProps(renderOpts, params, cellValue);
|
|
476
|
-
var ons = getEditOns(renderOpts, params);
|
|
477
|
-
if (optionGroups) {
|
|
478
|
-
return [(0, _vue.h)((0, _vue.resolveComponent)('a-select'), _objectSpread(_objectSpread(_objectSpread({}, props), attrs), {}, {
|
|
479
|
-
options: optionGroups
|
|
480
|
-
}, ons))];
|
|
481
|
-
}
|
|
482
|
-
return [(0, _vue.h)((0, _vue.resolveComponent)('a-select'), _objectSpread(_objectSpread(_objectSpread({}, props), attrs), {}, {
|
|
483
|
-
options: props.options || options
|
|
484
|
-
}, ons))];
|
|
485
|
-
},
|
|
486
|
-
renderCell: function renderCell(renderOpts, params) {
|
|
487
|
-
return getCellLabelVNs(renderOpts, params, getSelectCellValue(renderOpts, params));
|
|
488
|
-
},
|
|
489
|
-
renderFilter: function renderFilter(renderOpts, params) {
|
|
490
|
-
var _renderOpts$options3 = renderOpts.options,
|
|
491
|
-
options = _renderOpts$options3 === void 0 ? [] : _renderOpts$options3,
|
|
492
|
-
optionGroups = renderOpts.optionGroups,
|
|
493
|
-
_renderOpts$optionGro2 = renderOpts.optionGroupProps,
|
|
494
|
-
optionGroupProps = _renderOpts$optionGro2 === void 0 ? {} : _renderOpts$optionGro2;
|
|
495
|
-
var groupOptions = optionGroupProps.options || 'options';
|
|
496
|
-
var column = params.column;
|
|
497
|
-
var attrs = renderOpts.attrs;
|
|
498
|
-
return [(0, _vue.h)('div', {
|
|
499
|
-
"class": 'vxe-table--filter-antd-wrapper'
|
|
500
|
-
}, optionGroups ? column.filters.map(function (option, oIndex) {
|
|
501
|
-
var optionValue = option.data;
|
|
502
|
-
var props = getCellEditFilterProps(renderOpts, params, optionValue);
|
|
503
|
-
return (0, _vue.h)((0, _vue.resolveComponent)('a-select'), _objectSpread(_objectSpread(_objectSpread({
|
|
504
|
-
key: oIndex
|
|
505
|
-
}, attrs), props), {}, {
|
|
506
|
-
options: groupOptions
|
|
507
|
-
}, getFilterOns(renderOpts, params, option, function () {
|
|
508
|
-
// 处理 change 事件相关逻辑
|
|
509
|
-
handleConfirmFilter(params, props.mode === 'multiple' ? option.data && option.data.length > 0 : !_xeUtils["default"].eqNull(option.data), option);
|
|
510
|
-
})));
|
|
511
|
-
}) : column.filters.map(function (option, oIndex) {
|
|
512
|
-
var optionValue = option.data;
|
|
513
|
-
var props = getCellEditFilterProps(renderOpts, params, optionValue);
|
|
514
|
-
return (0, _vue.h)((0, _vue.resolveComponent)('a-select'), _objectSpread(_objectSpread(_objectSpread({
|
|
515
|
-
key: oIndex
|
|
516
|
-
}, attrs), props), {}, {
|
|
517
|
-
options: props.options || options
|
|
518
|
-
}, getFilterOns(renderOpts, params, option, function () {
|
|
519
|
-
// 处理 change 事件相关逻辑
|
|
520
|
-
handleConfirmFilter(params, props.mode === 'multiple' ? option.data && option.data.length > 0 : !_xeUtils["default"].eqNull(option.data), option);
|
|
521
|
-
})));
|
|
522
|
-
}))];
|
|
523
|
-
},
|
|
524
|
-
defaultFilterMethod: function defaultFilterMethod(params) {
|
|
525
|
-
var option = params.option,
|
|
526
|
-
row = params.row,
|
|
527
|
-
column = params.column;
|
|
528
|
-
var data = option.data;
|
|
529
|
-
var field = column.field,
|
|
530
|
-
renderOpts = column.filterRender;
|
|
531
|
-
var _renderOpts$props6 = renderOpts.props,
|
|
532
|
-
props = _renderOpts$props6 === void 0 ? {} : _renderOpts$props6;
|
|
533
|
-
var cellValue = _xeUtils["default"].get(row, field);
|
|
534
|
-
if (props.mode === 'multiple') {
|
|
535
|
-
if (_xeUtils["default"].isArray(cellValue)) {
|
|
536
|
-
return _xeUtils["default"].includeArrays(cellValue, data);
|
|
537
|
-
}
|
|
538
|
-
return data.indexOf(cellValue) > -1;
|
|
539
|
-
}
|
|
540
|
-
/* eslint-disable eqeqeq */
|
|
541
|
-
return cellValue == data;
|
|
542
|
-
},
|
|
543
|
-
renderItemContent: function renderItemContent(renderOpts, params) {
|
|
544
|
-
var _renderOpts$options4 = renderOpts.options,
|
|
545
|
-
options = _renderOpts$options4 === void 0 ? [] : _renderOpts$options4,
|
|
546
|
-
optionGroups = renderOpts.optionGroups;
|
|
547
|
-
var data = params.data,
|
|
548
|
-
field = params.field;
|
|
549
|
-
var attrs = renderOpts.attrs;
|
|
550
|
-
var itemValue = _xeUtils["default"].get(data, field);
|
|
551
|
-
var props = getItemProps(renderOpts, params, itemValue);
|
|
552
|
-
var ons = getItemOns(renderOpts, params);
|
|
553
|
-
if (optionGroups) {
|
|
554
|
-
return [(0, _vue.h)((0, _vue.resolveComponent)('a-select'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), {}, {
|
|
555
|
-
options: optionGroups
|
|
556
|
-
}, ons))];
|
|
557
|
-
}
|
|
558
|
-
return [(0, _vue.h)((0, _vue.resolveComponent)('a-select'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), {}, {
|
|
559
|
-
options: props.options || options
|
|
560
|
-
}, ons))];
|
|
561
|
-
},
|
|
562
|
-
exportMethod: createExportMethod(getSelectCellValue)
|
|
563
|
-
},
|
|
564
|
-
ACascader: {
|
|
565
|
-
renderEdit: createEditRender(),
|
|
566
|
-
renderCell: function renderCell(renderOpts, params) {
|
|
567
|
-
return getCellLabelVNs(renderOpts, params, getCascaderCellValue(renderOpts, params));
|
|
568
|
-
},
|
|
569
|
-
renderItemContent: createFormItemRender(),
|
|
570
|
-
exportMethod: createExportMethod(getCascaderCellValue)
|
|
571
|
-
},
|
|
572
|
-
ADatePicker: {
|
|
573
|
-
renderEdit: createEditRender(),
|
|
574
|
-
renderCell: formatDatePicker('YYYY-MM-DD'),
|
|
575
|
-
renderItemContent: createFormItemRender(),
|
|
576
|
-
exportMethod: createDatePickerExportMethod('YYYY-MM-DD')
|
|
577
|
-
},
|
|
578
|
-
AMonthPicker: {
|
|
579
|
-
renderEdit: createEditRender(),
|
|
580
|
-
renderCell: formatDatePicker('YYYY-MM'),
|
|
581
|
-
renderItemContent: createFormItemRender(),
|
|
582
|
-
exportMethod: createDatePickerExportMethod('YYYY-MM')
|
|
583
|
-
},
|
|
584
|
-
ARangePicker: {
|
|
585
|
-
renderEdit: createEditRender(),
|
|
586
|
-
renderCell: function renderCell(renderOpts, params) {
|
|
587
|
-
return getCellLabelVNs(renderOpts, params, getRangePickerCellValue(renderOpts, params));
|
|
588
|
-
},
|
|
589
|
-
renderItemContent: createFormItemRender(),
|
|
590
|
-
exportMethod: createExportMethod(getRangePickerCellValue)
|
|
591
|
-
},
|
|
592
|
-
AWeekPicker: {
|
|
593
|
-
renderEdit: createEditRender(),
|
|
594
|
-
renderCell: formatDatePicker('YYYY-WW周'),
|
|
595
|
-
renderItemContent: createFormItemRender(),
|
|
596
|
-
exportMethod: createDatePickerExportMethod('YYYY-WW周')
|
|
597
|
-
},
|
|
598
|
-
ATimePicker: {
|
|
599
|
-
renderEdit: createEditRender(),
|
|
600
|
-
renderCell: formatDatePicker('HH:mm:ss'),
|
|
601
|
-
renderItemContent: createFormItemRender(),
|
|
602
|
-
exportMethod: createDatePickerExportMethod('HH:mm:ss')
|
|
603
|
-
},
|
|
604
|
-
ATreeSelect: {
|
|
605
|
-
renderEdit: createEditRender(),
|
|
606
|
-
renderCell: function renderCell(renderOpts, params) {
|
|
607
|
-
return getCellLabelVNs(renderOpts, params, getTreeSelectCellValue(renderOpts, params));
|
|
608
|
-
},
|
|
609
|
-
renderItemContent: createFormItemRender(),
|
|
610
|
-
exportMethod: createExportMethod(getTreeSelectCellValue)
|
|
611
|
-
},
|
|
612
|
-
ARate: {
|
|
613
|
-
renderDefault: createEditRender(),
|
|
614
|
-
renderEdit: createEditRender(),
|
|
615
|
-
renderFilter: createFilterRender(),
|
|
616
|
-
defaultFilterMethod: defaultExactFilterMethod,
|
|
617
|
-
renderItemContent: createFormItemRender()
|
|
618
|
-
},
|
|
619
|
-
ASwitch: {
|
|
620
|
-
renderDefault: createEditRender(),
|
|
621
|
-
renderEdit: createEditRender(),
|
|
622
|
-
renderFilter: function renderFilter(renderOpts, params) {
|
|
623
|
-
var column = params.column;
|
|
624
|
-
var name = renderOpts.name,
|
|
625
|
-
attrs = renderOpts.attrs;
|
|
626
|
-
return [(0, _vue.h)('div', {
|
|
627
|
-
"class": 'vxe-table--filter-antd-wrapper'
|
|
628
|
-
}, column.filters.map(function (option, oIndex) {
|
|
629
|
-
var optionValue = option.data;
|
|
630
|
-
return (0, _vue.h)(name, _objectSpread(_objectSpread(_objectSpread({
|
|
631
|
-
key: oIndex
|
|
632
|
-
}, attrs), getCellEditFilterProps(renderOpts, params, optionValue)), getFilterOns(renderOpts, params, option, function () {
|
|
633
|
-
// 处理 change 事件相关逻辑
|
|
634
|
-
handleConfirmFilter(params, _xeUtils["default"].isBoolean(option.data), option);
|
|
635
|
-
})));
|
|
636
|
-
}))];
|
|
637
|
-
},
|
|
638
|
-
defaultFilterMethod: defaultExactFilterMethod,
|
|
639
|
-
renderItemContent: createFormItemRender()
|
|
640
|
-
},
|
|
641
|
-
ARadio: {
|
|
642
|
-
renderItemContent: createFormItemRadioAndCheckboxRender()
|
|
643
|
-
},
|
|
644
|
-
ACheckbox: {
|
|
645
|
-
renderItemContent: createFormItemRadioAndCheckboxRender()
|
|
646
|
-
},
|
|
647
|
-
AButton: {
|
|
648
|
-
renderEdit: defaultButtonEditRender,
|
|
649
|
-
renderDefault: defaultButtonEditRender,
|
|
650
|
-
renderItemContent: defaultButtonItemRender
|
|
651
|
-
},
|
|
652
|
-
AButtons: {
|
|
653
|
-
renderEdit: defaultButtonsEditRender,
|
|
654
|
-
renderDefault: defaultButtonsEditRender,
|
|
655
|
-
renderItemContent: defaultButtonsItemRender
|
|
656
|
-
}
|
|
657
|
-
});
|
|
56
|
+
(0, _table.defineTableRender)(VxeUI);
|
|
57
|
+
(0, _form.defineFormRender)(VxeUI);
|
|
58
|
+
(0, _formDesign.defineFormDesignRender)(VxeUI);
|
|
658
59
|
VxeUI.interceptor.add('event.clearFilter', handleClearEvent);
|
|
659
60
|
VxeUI.interceptor.add('event.clearEdit', handleClearEvent);
|
|
660
61
|
VxeUI.interceptor.add('event.clearAreas', handleClearEvent);
|
|
@@ -665,4 +66,4 @@ var VxeUIPluginRenderAntd = exports.VxeUIPluginRenderAntd = {
|
|
|
665
66
|
if (typeof window !== 'undefined' && window.VxeUI && window.VxeUI.use) {
|
|
666
67
|
window.VxeUI.use(VxeUIPluginRenderAntd);
|
|
667
68
|
}
|
|
668
|
-
var
|
|
69
|
+
var _default = exports["default"] = VxeUIPluginRenderAntd;
|