@vxe-ui/plugin-render-antd 3.2.3 → 3.3.0

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,368 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.defineFormRender = defineFormRender;
7
- var _xeUtils = _interopRequireDefault(require("xe-utils"));
8
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
9
- 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); }
10
- 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; }
11
- 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; }
12
- 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; }
13
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
14
- 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); }
15
- /**
16
- * 表单 - 渲染器
17
- */
18
- function defineFormRender(VxeUI) {
19
- function isEmptyValue(cellValue) {
20
- return cellValue === null || cellValue === undefined || cellValue === '';
21
- }
22
- function getOnName(type) {
23
- return _xeUtils["default"].kebabCase(type);
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 = 'change';
36
- switch (renderOpts.name) {
37
- case 'AInput':
38
- type = 'change.value';
39
- break;
40
- case 'ARadio':
41
- case 'ACheckbox':
42
- type = 'input';
43
- break;
44
- }
45
- return type;
46
- }
47
- function getChangeEvent(renderOpts) {
48
- return 'change';
49
- }
50
- function getItemProps(renderOpts, params, value, defaultProps) {
51
- return _xeUtils["default"].assign({}, defaultProps, renderOpts.props, _defineProperty({}, getModelProp(renderOpts), value));
52
- }
53
- function formatText(cellValue) {
54
- return '' + (isEmptyValue(cellValue) ? '' : cellValue);
55
- }
56
- function getOns(renderOpts, params, inputFunc, changeFunc) {
57
- var events = renderOpts.events;
58
- var modelEvent = getModelEvent(renderOpts);
59
- var changeEvent = getChangeEvent(renderOpts);
60
- var isSameEvent = changeEvent === modelEvent;
61
- var ons = {};
62
- _xeUtils["default"].objectEach(events, function (func, key) {
63
- ons[getOnName(key)] = function () {
64
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
65
- args[_key] = arguments[_key];
66
- }
67
- func.apply(void 0, [params].concat(args));
68
- };
69
- });
70
- if (inputFunc) {
71
- ons[getOnName(modelEvent)] = function (targetEvnt) {
72
- inputFunc(targetEvnt);
73
- if (events && events[modelEvent]) {
74
- events[modelEvent](params, targetEvnt);
75
- }
76
- if (isSameEvent && changeFunc) {
77
- changeFunc(targetEvnt);
78
- }
79
- };
80
- }
81
- if (!isSameEvent && changeFunc) {
82
- ons[getOnName(changeEvent)] = function () {
83
- for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
84
- args[_key2] = arguments[_key2];
85
- }
86
- changeFunc.apply(void 0, args);
87
- if (events && events[changeEvent]) {
88
- events[changeEvent].apply(events, [params].concat(args));
89
- }
90
- };
91
- }
92
- return ons;
93
- }
94
- function getItemOns(renderOpts, params) {
95
- var $form = params.$form,
96
- data = params.data,
97
- field = params.field;
98
- return getOns(renderOpts, params, function (value) {
99
- // 处理 model 值双向绑定
100
- _xeUtils["default"].set(data, field, value);
101
- }, function () {
102
- // 处理 change 事件相关逻辑
103
- $form.updateStatus(params);
104
- });
105
- }
106
- function renderOptions(h, options, optionProps) {
107
- var labelProp = optionProps.label || 'label';
108
- var valueProp = optionProps.value || 'value';
109
- return _xeUtils["default"].map(options, function (item, oIndex) {
110
- return h('a-select-option', {
111
- key: oIndex,
112
- props: {
113
- value: item[valueProp],
114
- disabled: item.disabled
115
- }
116
- }, item[labelProp]);
117
- });
118
- }
119
- function cellText(cellValue) {
120
- return [formatText(cellValue)];
121
- }
122
- function createFormItemRender(defaultProps) {
123
- return function (h, renderOpts, params) {
124
- var data = params.data,
125
- field = params.field;
126
- var name = renderOpts.name;
127
- var attrs = renderOpts.attrs;
128
- var itemValue = _xeUtils["default"].get(data, field);
129
- return [h(name, {
130
- attrs: attrs,
131
- props: getItemProps(renderOpts, params, itemValue, defaultProps),
132
- on: getItemOns(renderOpts, params)
133
- })];
134
- };
135
- }
136
- function defaultButtonItemRender(h, renderOpts, params) {
137
- var attrs = renderOpts.attrs;
138
- var props = getItemProps(renderOpts, params, null);
139
- return [h('a-button', {
140
- attrs: attrs,
141
- props: props,
142
- on: getItemOns(renderOpts, params),
143
- scopedSlots: {
144
- "default": function _default() {
145
- return cellText(renderOpts.content || props.content);
146
- }
147
- }
148
- })];
149
- }
150
- function defaultButtonsItemRender(h, renderOpts, params) {
151
- var children = renderOpts.children;
152
- if (children) {
153
- return children.map(function (childRenderOpts) {
154
- return defaultButtonItemRender(h, childRenderOpts, params)[0];
155
- });
156
- }
157
- return [];
158
- }
159
- /**
160
- *
161
- * 已废弃
162
- * @deprecated
163
- */
164
- function createOldFormItemRadioAndCheckboxRender() {
165
- return function (h, renderOpts, params) {
166
- var name = renderOpts.name,
167
- _renderOpts$options = renderOpts.options,
168
- options = _renderOpts$options === void 0 ? [] : _renderOpts$options,
169
- _renderOpts$optionPro = renderOpts.optionProps,
170
- optionProps = _renderOpts$optionPro === void 0 ? {} : _renderOpts$optionPro;
171
- var data = params.data,
172
- field = params.field;
173
- var attrs = renderOpts.attrs;
174
- var labelProp = optionProps.label || 'label';
175
- var valueProp = optionProps.value || 'value';
176
- var itemValue = _xeUtils["default"].get(data, field);
177
- return [h("".concat(name, "Group"), {
178
- attrs: attrs,
179
- props: getItemProps(renderOpts, params, itemValue),
180
- on: getItemOns(renderOpts, params),
181
- scopedSlots: {
182
- "default": function _default() {
183
- return options.map(function (option, oIndex) {
184
- return h(name, {
185
- key: oIndex,
186
- props: {
187
- value: option[valueProp],
188
- disabled: option.disabled
189
- },
190
- scopedSlots: {
191
- "default": function _default() {
192
- return cellText(option[labelProp]);
193
- }
194
- }
195
- });
196
- });
197
- }
198
- }
199
- })];
200
- };
201
- }
202
- VxeUI.renderer.mixin({
203
- AAutoComplete: {
204
- renderFormItemContent: createFormItemRender()
205
- },
206
- AInput: {
207
- renderFormItemContent: createFormItemRender()
208
- },
209
- AInputNumber: {
210
- renderFormItemContent: createFormItemRender()
211
- },
212
- ASelect: {
213
- renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
214
- var _renderOpts$options2 = renderOpts.options,
215
- options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2,
216
- optionGroups = renderOpts.optionGroups,
217
- _renderOpts$optionPro2 = renderOpts.optionProps,
218
- optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2,
219
- _renderOpts$optionGro = renderOpts.optionGroupProps,
220
- optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro;
221
- var data = params.data,
222
- field = params.field;
223
- var attrs = renderOpts.attrs;
224
- var itemValue = _xeUtils["default"].get(data, field);
225
- var props = getItemProps(renderOpts, params, itemValue);
226
- var ons = getItemOns(renderOpts, params);
227
- if (optionGroups) {
228
- var groupOptions = optionGroupProps.options || 'options';
229
- var groupLabel = optionGroupProps.label || 'label';
230
- return [h('a-select', {
231
- attrs: attrs,
232
- props: _objectSpread(_objectSpread({}, props), {}, {
233
- options: undefined
234
- }),
235
- on: ons
236
- }, _xeUtils["default"].map(optionGroups, function (group, gIndex) {
237
- return h('a-select-opt-group', {
238
- key: gIndex
239
- }, [h('span', {
240
- slot: 'label'
241
- }, group[groupLabel])].concat(renderOptions(h, group[groupOptions], optionProps)));
242
- }))];
243
- }
244
- return [h('a-select', {
245
- attrs: attrs,
246
- props: _objectSpread(_objectSpread({}, props), {}, {
247
- options: props.options || options
248
- }),
249
- on: ons
250
- })];
251
- }
252
- },
253
- ACascader: {
254
- renderFormItemContent: createFormItemRender()
255
- },
256
- ADatePicker: {
257
- renderFormItemContent: createFormItemRender()
258
- },
259
- AMonthPicker: {
260
- renderFormItemContent: createFormItemRender()
261
- },
262
- ARangePicker: {
263
- renderFormItemContent: createFormItemRender()
264
- },
265
- AWeekPicker: {
266
- renderFormItemContent: createFormItemRender()
267
- },
268
- ATimePicker: {
269
- renderFormItemContent: createFormItemRender()
270
- },
271
- ATreeSelect: {
272
- renderFormItemContent: createFormItemRender()
273
- },
274
- ARate: {
275
- renderFormItemContent: createFormItemRender()
276
- },
277
- ASwitch: {
278
- renderFormItemContent: createFormItemRender()
279
- },
280
- ARadioGroup: {
281
- renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
282
- var _renderOpts$options3 = renderOpts.options,
283
- options = _renderOpts$options3 === void 0 ? [] : _renderOpts$options3,
284
- _renderOpts$optionPro3 = renderOpts.optionProps,
285
- optionProps = _renderOpts$optionPro3 === void 0 ? {} : _renderOpts$optionPro3;
286
- var data = params.data,
287
- field = params.field;
288
- var attrs = renderOpts.attrs;
289
- var labelProp = optionProps.label || 'label';
290
- var valueProp = optionProps.value || 'value';
291
- var itemValue = _xeUtils["default"].get(data, field);
292
- return [h('a-radio-group', {
293
- attrs: attrs,
294
- props: getItemProps(renderOpts, params, itemValue),
295
- on: getItemOns(renderOpts, params),
296
- scopedSlots: {
297
- "default": function _default() {
298
- return options.map(function (option, oIndex) {
299
- return h('a-radio', {
300
- key: oIndex,
301
- props: {
302
- value: option[valueProp],
303
- disabled: option.disabled
304
- },
305
- scopedSlots: {
306
- "default": function _default() {
307
- return cellText(option[labelProp]);
308
- }
309
- }
310
- });
311
- });
312
- }
313
- }
314
- })];
315
- }
316
- },
317
- ACheckboxGroup: {
318
- renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
319
- var _renderOpts$options4 = renderOpts.options,
320
- options = _renderOpts$options4 === void 0 ? [] : _renderOpts$options4,
321
- _renderOpts$optionPro4 = renderOpts.optionProps,
322
- optionProps = _renderOpts$optionPro4 === void 0 ? {} : _renderOpts$optionPro4;
323
- var data = params.data,
324
- field = params.field;
325
- var attrs = renderOpts.attrs;
326
- var labelProp = optionProps.label || 'label';
327
- var valueProp = optionProps.value || 'value';
328
- var itemValue = _xeUtils["default"].get(data, field);
329
- return [h('a-checkbox-group', {
330
- attrs: attrs,
331
- props: getItemProps(renderOpts, params, itemValue),
332
- on: getItemOns(renderOpts, params),
333
- scopedSlots: {
334
- "default": function _default() {
335
- return options.map(function (option, oIndex) {
336
- return h('a-checkbox', {
337
- key: oIndex,
338
- props: {
339
- value: option[valueProp],
340
- disabled: option.disabled
341
- },
342
- scopedSlots: {
343
- "default": function _default() {
344
- return cellText(option[labelProp]);
345
- }
346
- }
347
- });
348
- });
349
- }
350
- }
351
- })];
352
- }
353
- },
354
- AButton: {
355
- renderFormItemContent: defaultButtonItemRender
356
- },
357
- // 已废弃
358
- ARadio: {
359
- renderFormItemContent: createOldFormItemRadioAndCheckboxRender()
360
- },
361
- ACheckbox: {
362
- renderFormItemContent: createOldFormItemRadioAndCheckboxRender()
363
- },
364
- AButtons: {
365
- renderFormItemContent: defaultButtonsItemRender
366
- }
367
- });
368
- }
package/dist/index.js DELETED
@@ -1,106 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = exports.VxeUIPluginRenderAntd = void 0;
7
- var _table = require("./table");
8
- var _form = require("./form");
9
- var _store = require("./store");
10
- var _xeUtils = _interopRequireDefault(require("xe-utils"));
11
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
12
- function getEventTarget(evnt) {
13
- var target = evnt.target;
14
- if (target && target.shadowRoot && evnt.composed) {
15
- return evnt.composedPath()[0] || target;
16
- }
17
- return target;
18
- }
19
- /**
20
- * 检查触发源是否属于目标节点
21
- */
22
- function getEventTargetNode(evnt, container, className) {
23
- var targetElem;
24
- var target = getEventTarget(evnt);
25
- var rootEl = document.documentElement || document.querySelector('html');
26
- while (target && target.nodeType && target !== rootEl) {
27
- if (className && target.className && target.className.split && target.className.split(' ').indexOf(className) > -1) {
28
- targetElem = target;
29
- } else if (target === container) {
30
- return {
31
- flag: className ? !!targetElem : true,
32
- container: container,
33
- targetElem: targetElem
34
- };
35
- }
36
- target = target.parentElement;
37
- }
38
- return {
39
- flag: false
40
- };
41
- }
42
- function toComponentName(name) {
43
- if (name) {
44
- return name.slice(0, 1).toUpperCase() + name.slice(1);
45
- }
46
- return name;
47
- }
48
- var VxeUIPluginRenderAntd = exports.VxeUIPluginRenderAntd = {
49
- component: function component(comp) {
50
- if (comp && comp.name) {
51
- var kcName = _xeUtils["default"].kebabCase(comp.name);
52
- var ccName = toComponentName(_xeUtils["default"].camelCase(comp.name));
53
- _store.componentMaps[kcName] = comp;
54
- _store.componentMaps[ccName] = comp;
55
- } else {
56
- console.error('[@vxe-ui/plugin-render-antd 3.2.3] error component.', comp);
57
- }
58
- },
59
- install: function install(VxeUI, options) {
60
- var pluginOpts = Object.assign({}, options);
61
- // 检查版本
62
- if (VxeUI.checkVersion) {
63
- var pVersion = 3;
64
- var sVersion = 13;
65
- if (!VxeUI.checkVersion(VxeUI.tableVersion, pVersion, sVersion)) {
66
- console.error("[@vxe-ui/plugin-render-antd 3.2.3] ".concat(VxeUI.getI18n('vxe.error.errorVersion', ["vxe-table@".concat(VxeUI.tableVersion || '?'), "vxe-table v".concat(pVersion, ".").concat(sVersion, "+")])));
67
- }
68
- } else {
69
- if (!/^(3)\./.test(VxeUI.uiVersion || VxeUI.tableVersion)) {
70
- console.error('[@vxe-ui/plugin-render-antd 3.2.3] Requires vxe-table 3.9.0+ version. https://vxeui.com/other3/#/plugin-render-antd/install');
71
- }
72
- }
73
- /**
74
- * 事件兼容性处理
75
- */
76
- var handleClearEvent = function handleClearEvent(params) {
77
- var $event = params.$event;
78
- var bodyElem = document.body;
79
- var prefixCls = "".concat(pluginOpts.prefixCls || 'ant').replace(/-$/, '');
80
- if (
81
- // 下拉框
82
- getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-select-dropdown")).flag ||
83
- // 级联
84
- getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-cascader-menus")).flag ||
85
- // 日期
86
- getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-picker-dropdown")).flag || getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-calendar-picker-container")).flag ||
87
- // 时间选择
88
- getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-time-picker-panel")).flag) {
89
- return false;
90
- }
91
- };
92
- (0, _table.defineTableRender)(VxeUI);
93
- (0, _form.defineFormRender)(VxeUI);
94
- VxeUI.interceptor.add('event.clearFilter', handleClearEvent);
95
- VxeUI.interceptor.add('event.clearEdit', handleClearEvent);
96
- VxeUI.interceptor.add('event.clearAreas', handleClearEvent);
97
- // 兼容老版本
98
- VxeUI.interceptor.add('event.clearActived', handleClearEvent);
99
- }
100
- };
101
- if (typeof window !== 'undefined') {
102
- if (window.VxeUI && window.VxeUI.use) {
103
- window.VxeUI.use(VxeUIPluginRenderAntd);
104
- }
105
- }
106
- var _default = exports["default"] = VxeUIPluginRenderAntd;
@@ -1,7 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.componentMaps = void 0;
7
- var componentMaps = exports.componentMaps = {};