@vxe-ui/plugin-render-antd 3.3.1 → 3.4.1

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/LICENSE CHANGED
@@ -1,21 +1,21 @@
1
- MIT License
2
-
3
- Copyright (c) 2019 Xu Liangzhan
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
1
+ MIT License
2
+
3
+ Copyright (c) 2019 Xu Liangzhan
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
21
  SOFTWARE.
package/README.md CHANGED
@@ -1,166 +1,166 @@
1
- # @vxe-ui/plugin-render-antd
2
-
3
- [Vxe UI](https://vxeui.com/) plug-in for compatibility with the [ant-design-vue](https://www.npmjs.com/package/ant-design-vue) component.
4
-
5
- ## Compatibility
6
-
7
- It corresponds to [vxe-table v3](https://www.npmjs.com/package/vxe-table) or [vxe-pc-ui v3](https://www.npmjs.com/package/vxe-pc-ui)
8
-
9
- ## Installing
10
-
11
- ```shell
12
- npm install @vxe-ui/plugin-render-antd
13
- ```
14
-
15
- ```javascript
16
- // ...
17
- // Use vxe-pc-ui
18
- import { VxeUI } from 'vxe-pc-ui'
19
- // Use vxe-table
20
- // import { VxeUI } from 'vxe-table'
21
- import VxeUIPluginRenderAntd from '@vxe-ui/plugin-render-antd'
22
- import '@vxe-ui/plugin-render-antd/dist/style.css'
23
- // ...
24
-
25
- VxeUI.use(VxeUIPluginRenderAntd, {
26
- // prefixCls: 'ant'
27
- })
28
- ```
29
-
30
- ## Import on-demand
31
-
32
- ```javascript
33
- // ...
34
- import VxeUIPluginRenderAntd from '@vxe-ui/plugin-render-antd'
35
- // ...
36
-
37
- // If it is not a global installation, then a single import is required.
38
- import { AInput, AInputNumber, ASelect } from 'ant-design-vue'
39
- // ...
40
- VxeUIPluginRenderAntd.component(AInput)
41
- VxeUIPluginRenderAntd.component(AInputNumber)
42
- VxeUIPluginRenderAntd.component(ASelect)
43
- // ...
44
- ```
45
-
46
- ## API
47
-
48
- ### cell-render 默认的渲染器配置项说明
49
-
50
- | 属性 | 描述 | 类型 | 可选值 | 默认值 |
51
- |------|------|-----|-----|-----|
52
- | name | 支持的渲染组件 | String | AInput, AAutocomplete, AInputNumber, ASwitch, ARate, AButton, AButtons | — |
53
- | props | 渲染组件附加属性,参数请查看被渲染的 Component props | Object | — | {} |
54
- | options | 只对 name=ASelect 有效,下拉组件选项列表 | Array | — | [] |
55
- | optionProps | 只对 name=ASelect 有效,下拉组件选项属性参数配置 | Object | — | { value: 'value', label: 'label' } |
56
- | optionGroups | 只对 name=ASelect 有效,下拉组件分组选项列表 | Array | — | [] |
57
- | optionGroupProps | 只对 name=ASelect 有效,下拉组件分组选项属性参数配置 | Object | — | { options: 'options', label: 'label' } |
58
- | events | 渲染组件附加事件,参数为 ( {row,rowIndex,column,columnIndex}, ...Component arguments ) | Object | — | — |
59
-
60
- ### edit-render 可编辑渲染器配置项说明
61
-
62
- | 属性 | 描述 | 类型 | 可选值 | 默认值 |
63
- |------|------|-----|-----|-----|
64
- | name | 支持的渲染组件 | String | AInput, AAutocomplete, AInputNumber, ASelect, ACascader, ADatePicker, AMonthPicker, ARangePicker, AWeekPicker, ATimePicker, ATreeSelect, ASwitch, ARate, AButton, AButtons | — |
65
- | props | 渲染组件附加属性,参数请查看被渲染的 Component props | Object | — | {} |
66
- | options | 只对 name=ASelect 有效,下拉组件选项列表 | Array | — | [] |
67
- | optionProps | 只对 name=ASelect 有效,下拉组件选项属性参数配置 | Object | — | { value: 'value', label: 'label' } |
68
- | optionGroups | 只对 name=ASelect 有效,下拉组件分组选项列表 | Array | — | [] |
69
- | optionGroupProps | 只对 name=ASelect 有效,下拉组件分组选项属性参数配置 | Object | — | { options: 'options', label: 'label' } |
70
- | events | 渲染组件附加事件,参数为 ( {row,rowIndex,column,columnIndex}, ...Component arguments ) | Object | — | — |
71
-
72
- ### filter-render 筛选渲染器配置项说明
73
-
74
- | 属性 | 描述 | 类型 | 可选值 | 默认值 |
75
- |------|------|-----|-----|-----|
76
- | name | 支持的渲染组件 | String | AInput, AAutocomplete, AInputNumber, ASelect, ASwitch, ARate | — |
77
- | props | 渲染组件附加属性,参数请查看被渲染的 Component props | Object | — | {} |
78
- | options | 只对 name=ASelect 有效,下拉组件选项列表 | Array | — | [] |
79
- | optionProps | 只对 name=ASelect 有效,下拉组件选项属性参数配置 | Object | — | { value: 'value', label: 'label' } |
80
- | optionGroups | 只对 name=ASelect 有效,下拉组件分组选项列表 | Array | — | [] |
81
- | optionGroupProps | 只对 name=ASelect 有效,下拉组件分组选项属性参数配置 | Object | — | { options: 'options', label: 'label' } |
82
- | events | 渲染组件附加事件,参数为 ( {}, ...Component arguments ) | Object | — | — |
83
-
84
- ### item-render 表单-项选渲染器配置项说明
85
-
86
- | 属性 | 描述 | 类型 | 可选值 | 默认值 |
87
- |------|------|-----|-----|-----|
88
- | name | 支持的渲染组件 | String | AInput, AAutocomplete, AInputNumber, ASelect, ASwitch, ARate, ARadio, ACheckbox, AButton, AButtons | — |
89
- | props | 渲染组件附加属性,参数请查看被渲染的 Component props | Object | — | {} |
90
- | options | 只对 name=ASelect 有效,下拉组件选项列表 | Array | — | [] |
91
- | optionProps | 只对 name=ASelect 有效,下拉组件选项属性参数配置 | Object | — | { value: 'value', label: 'label' } |
92
- | optionGroups | 只对 name=ASelect 有效,下拉组件分组选项列表 | Array | — | [] |
93
- | optionGroupProps | 只对 name=ASelect 有效,下拉组件分组选项属性参数配置 | Object | — | { options: 'options', label: 'label' } |
94
- | events | 渲染组件附加事件,参数为 ( {}, ...Component arguments ) | Object | — | — |
95
-
96
- ### 表单设计器配置项
97
-
98
- | 描述 |
99
- |------|
100
- | 'AInputWidget', 'ATextareaWidget', 'ANumberInputWidget', 'ADatePickerWidget', 'ASelectWidget', 'ARadioWidget', 'ACheckboxWidget', 'ASwitchWidget' |
101
-
102
- ## Cell demo
103
-
104
- ```html
105
- <vxe-table
106
- height="600"
107
- :data="tableData"
108
- :edit-config="{trigger: 'click', mode: 'cell'}">
109
- <vxe-column field="name" title="Name" :edit-render="{name: 'AInput'}"></vxe-column>
110
- <vxe-column field="age" title="Age" :edit-render="{name: 'AInputNumber'}"></vxe-column>
111
- <vxe-column field="date" title="Date" width="200" :edit-render="{name: 'ADatePicker'}"></vxe-column>
112
- </vxe-table>
113
- ```
114
-
115
- ```javascript
116
- export default {
117
- data () {
118
- return {
119
- tableData: [
120
- { id: 100, name: 'test0', age: 28, sex: '1', date: '' },
121
- { id: 101, name: 'test1', age: 32, sex: '0', date: '' },
122
- { id: 102, name: 'test2', age: 36, sex: '1', date: '' }
123
- ]
124
- }
125
- }
126
- }
127
- ```
128
-
129
- ## Filter demo
130
-
131
- ```html
132
- <vxe-table
133
- height="600"
134
- :data="tableData">
135
- <vxe-column field="name" title="Name":filters="nameOptions" :filter-render="{name: 'AInput'}"></vxe-column>
136
- <vxe-column field="age" title="Age"></vxe-column>
137
- <vxe-column field="date" title="Date" ></vxe-column>
138
- </vxe-table>
139
- ```
140
-
141
- ```javascript
142
- export default {
143
- data () {
144
- return {
145
- nameOptions: [
146
- { data: '' }
147
- ],
148
- tableData: [
149
- { id: 100, name: 'test0', age: 28, date: '' },
150
- { id: 101, name: 'test1', age: 32, date: '' },
151
- { id: 102, name: 'test2', age: 36, date: '' }
152
- ]
153
- }
154
- }
155
- }
156
- ```
157
-
158
- ## Contributors
159
-
160
- Thank you to everyone who contributed to this project.
161
-
162
- [![vxe-ui-plugins](https://contrib.rocks/image?repo=x-extends/vxe-ui-plugins)](https://github.com/x-extends/vxe-ui-plugins/graphs/contributors)
163
-
164
- ## License
165
-
166
- [MIT](LICENSE) © 2019-present, Xu Liangzhan
1
+ # @vxe-ui/plugin-render-antd
2
+
3
+ [Vxe UI](https://vxeui.com/) plug-in for compatibility with the [ant-design-vue](https://www.npmjs.com/package/ant-design-vue) component.
4
+
5
+ ## Compatibility
6
+
7
+ It corresponds to [vxe-table v3](https://www.npmjs.com/package/vxe-table) or [vxe-pc-ui v3](https://www.npmjs.com/package/vxe-pc-ui)
8
+
9
+ ## Installing
10
+
11
+ ```shell
12
+ npm install @vxe-ui/plugin-render-antd
13
+ ```
14
+
15
+ ```javascript
16
+ // ...
17
+ // Use vxe-pc-ui
18
+ import { VxeUI } from 'vxe-pc-ui'
19
+ // Use vxe-table
20
+ // import { VxeUI } from 'vxe-table'
21
+ import VxeUIPluginRenderAntd from '@vxe-ui/plugin-render-antd'
22
+ import '@vxe-ui/plugin-render-antd/dist/style.css'
23
+ // ...
24
+
25
+ VxeUI.use(VxeUIPluginRenderAntd, {
26
+ // prefixCls: 'ant'
27
+ })
28
+ ```
29
+
30
+ ## Import on-demand
31
+
32
+ ```javascript
33
+ // ...
34
+ import VxeUIPluginRenderAntd from '@vxe-ui/plugin-render-antd'
35
+ // ...
36
+
37
+ // If it is not a global installation, then a single import is required.
38
+ import { AInput, AInputNumber, ASelect } from 'ant-design-vue'
39
+ // ...
40
+ VxeUIPluginRenderAntd.component(AInput)
41
+ VxeUIPluginRenderAntd.component(AInputNumber)
42
+ VxeUIPluginRenderAntd.component(ASelect)
43
+ // ...
44
+ ```
45
+
46
+ ## API
47
+
48
+ ### cell-render 默认的渲染器配置项说明
49
+
50
+ | 属性 | 描述 | 类型 | 可选值 | 默认值 |
51
+ |------|------|-----|-----|-----|
52
+ | name | 支持的渲染组件 | String | AInput, AAutocomplete, AInputNumber, ASwitch, ARate, AButton, AButtons | — |
53
+ | props | 渲染组件附加属性,参数请查看被渲染的 Component props | Object | — | {} |
54
+ | options | 只对 name=ASelect 有效,下拉组件选项列表 | Array | — | [] |
55
+ | optionProps | 只对 name=ASelect 有效,下拉组件选项属性参数配置 | Object | — | { value: 'value', label: 'label' } |
56
+ | optionGroups | 只对 name=ASelect 有效,下拉组件分组选项列表 | Array | — | [] |
57
+ | optionGroupProps | 只对 name=ASelect 有效,下拉组件分组选项属性参数配置 | Object | — | { options: 'options', label: 'label' } |
58
+ | events | 渲染组件附加事件,参数为 ( {row,rowIndex,column,columnIndex}, ...Component arguments ) | Object | — | — |
59
+
60
+ ### edit-render 可编辑渲染器配置项说明
61
+
62
+ | 属性 | 描述 | 类型 | 可选值 | 默认值 |
63
+ |------|------|-----|-----|-----|
64
+ | name | 支持的渲染组件 | String | AInput, AAutocomplete, AInputNumber, ASelect, ACascader, ADatePicker, AMonthPicker, ARangePicker, AWeekPicker, ATimePicker, ATreeSelect, ASwitch, ARate, AButton, AButtons | — |
65
+ | props | 渲染组件附加属性,参数请查看被渲染的 Component props | Object | — | {} |
66
+ | options | 只对 name=ASelect 有效,下拉组件选项列表 | Array | — | [] |
67
+ | optionProps | 只对 name=ASelect 有效,下拉组件选项属性参数配置 | Object | — | { value: 'value', label: 'label' } |
68
+ | optionGroups | 只对 name=ASelect 有效,下拉组件分组选项列表 | Array | — | [] |
69
+ | optionGroupProps | 只对 name=ASelect 有效,下拉组件分组选项属性参数配置 | Object | — | { options: 'options', label: 'label' } |
70
+ | events | 渲染组件附加事件,参数为 ( {row,rowIndex,column,columnIndex}, ...Component arguments ) | Object | — | — |
71
+
72
+ ### filter-render 筛选渲染器配置项说明
73
+
74
+ | 属性 | 描述 | 类型 | 可选值 | 默认值 |
75
+ |------|------|-----|-----|-----|
76
+ | name | 支持的渲染组件 | String | AInput, AAutocomplete, AInputNumber, ASelect, ASwitch, ARate | — |
77
+ | props | 渲染组件附加属性,参数请查看被渲染的 Component props | Object | — | {} |
78
+ | options | 只对 name=ASelect 有效,下拉组件选项列表 | Array | — | [] |
79
+ | optionProps | 只对 name=ASelect 有效,下拉组件选项属性参数配置 | Object | — | { value: 'value', label: 'label' } |
80
+ | optionGroups | 只对 name=ASelect 有效,下拉组件分组选项列表 | Array | — | [] |
81
+ | optionGroupProps | 只对 name=ASelect 有效,下拉组件分组选项属性参数配置 | Object | — | { options: 'options', label: 'label' } |
82
+ | events | 渲染组件附加事件,参数为 ( {}, ...Component arguments ) | Object | — | — |
83
+
84
+ ### item-render 表单-项选渲染器配置项说明
85
+
86
+ | 属性 | 描述 | 类型 | 可选值 | 默认值 |
87
+ |------|------|-----|-----|-----|
88
+ | name | 支持的渲染组件 | String | AInput, AAutocomplete, AInputNumber, ASelect, ASwitch, ARate, ARadio, ACheckbox, AButton, AButtons | — |
89
+ | props | 渲染组件附加属性,参数请查看被渲染的 Component props | Object | — | {} |
90
+ | options | 只对 name=ASelect 有效,下拉组件选项列表 | Array | — | [] |
91
+ | optionProps | 只对 name=ASelect 有效,下拉组件选项属性参数配置 | Object | — | { value: 'value', label: 'label' } |
92
+ | optionGroups | 只对 name=ASelect 有效,下拉组件分组选项列表 | Array | — | [] |
93
+ | optionGroupProps | 只对 name=ASelect 有效,下拉组件分组选项属性参数配置 | Object | — | { options: 'options', label: 'label' } |
94
+ | events | 渲染组件附加事件,参数为 ( {}, ...Component arguments ) | Object | — | — |
95
+
96
+ ### 表单设计器配置项
97
+
98
+ | 描述 |
99
+ |------|
100
+ | 'AInputWidget', 'ATextareaWidget', 'ANumberInputWidget', 'ADatePickerWidget', 'ASelectWidget', 'ARadioWidget', 'ACheckboxWidget', 'ASwitchWidget' |
101
+
102
+ ## Cell demo
103
+
104
+ ```html
105
+ <vxe-table
106
+ height="600"
107
+ :data="tableData"
108
+ :edit-config="{trigger: 'click', mode: 'cell'}">
109
+ <vxe-column field="name" title="Name" :edit-render="{name: 'AInput'}"></vxe-column>
110
+ <vxe-column field="age" title="Age" :edit-render="{name: 'AInputNumber'}"></vxe-column>
111
+ <vxe-column field="date" title="Date" width="200" :edit-render="{name: 'ADatePicker'}"></vxe-column>
112
+ </vxe-table>
113
+ ```
114
+
115
+ ```javascript
116
+ export default {
117
+ data () {
118
+ return {
119
+ tableData: [
120
+ { id: 100, name: 'test0', age: 28, sex: '1', date: '' },
121
+ { id: 101, name: 'test1', age: 32, sex: '0', date: '' },
122
+ { id: 102, name: 'test2', age: 36, sex: '1', date: '' }
123
+ ]
124
+ }
125
+ }
126
+ }
127
+ ```
128
+
129
+ ## Filter demo
130
+
131
+ ```html
132
+ <vxe-table
133
+ height="600"
134
+ :data="tableData">
135
+ <vxe-column field="name" title="Name":filters="nameOptions" :filter-render="{name: 'AInput'}"></vxe-column>
136
+ <vxe-column field="age" title="Age"></vxe-column>
137
+ <vxe-column field="date" title="Date" ></vxe-column>
138
+ </vxe-table>
139
+ ```
140
+
141
+ ```javascript
142
+ export default {
143
+ data () {
144
+ return {
145
+ nameOptions: [
146
+ { data: '' }
147
+ ],
148
+ tableData: [
149
+ { id: 100, name: 'test0', age: 28, date: '' },
150
+ { id: 101, name: 'test1', age: 32, date: '' },
151
+ { id: 102, name: 'test2', age: 36, date: '' }
152
+ ]
153
+ }
154
+ }
155
+ }
156
+ ```
157
+
158
+ ## Contributors
159
+
160
+ Thank you to everyone who contributed to this project.
161
+
162
+ [![vxe-ui-plugins](https://contrib.rocks/image?repo=x-extends/vxe-ui-plugins)](https://github.com/x-extends/vxe-ui-plugins/graphs/contributors)
163
+
164
+ ## License
165
+
166
+ [MIT](LICENSE) © 2019-present, Xu Liangzhan
package/dist/index.umd.js CHANGED
@@ -174,22 +174,83 @@
174
174
  return getCellLabelVNs(h, renderOpts, params, cellValue);
175
175
  };
176
176
  }
177
- function getSelectCellValue(renderOpts, params) {
177
+ function handleFormatSelect(renderOpts, renderParams) {
178
+ var cellValue = renderParams.cellValue;
179
+ return handleSelectCellValue(cellValue, renderOpts);
180
+ }
181
+ function handleSetSelectValue(renderOpts, renderParams) {
182
+ var row = renderParams.row,
183
+ column = renderParams.column,
184
+ cellValue = renderParams.cellValue;
185
+ var field = column.field;
186
+ if (field) {
187
+ var options = renderOpts.options,
188
+ optionGroups = renderOpts.optionGroups,
189
+ _renderOpts$optionPro = renderOpts.optionProps,
190
+ optionProps = _renderOpts$optionPro === void 0 ? {} : _renderOpts$optionPro,
191
+ _renderOpts$optionGro = renderOpts.optionGroupProps,
192
+ optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro,
193
+ props = renderOpts.props;
194
+ if (isEmptyValue(cellValue)) {
195
+ _xeUtils["default"].set(row, field, props && props.mode === 'multiple' ? [] : null);
196
+ return;
197
+ }
198
+ var isMultiVal = _xeUtils["default"].indexOf("".concat(cellValue), ',') > -1;
199
+ var labelProp = optionProps.label || 'label';
200
+ var valueProp = optionProps.value || 'value';
201
+ var labelMpas = {};
202
+ if (optionGroups && optionGroups.length) {
203
+ var groupOptions = optionGroupProps.options || 'options';
204
+ for (var i = 0; i < optionGroups.length; i++) {
205
+ var opts = optionGroups[i][groupOptions] || {};
206
+ for (var j = 0; j < opts.length; j++) {
207
+ var item = opts[j];
208
+ if (isMultiVal) {
209
+ labelMpas[item[labelProp]] = item;
210
+ /* eslint-disable eqeqeq */
211
+ } else if (item[labelProp] == cellValue) {
212
+ _xeUtils["default"].set(row, field, item[valueProp]);
213
+ return;
214
+ }
215
+ }
216
+ }
217
+ } else {
218
+ if (options) {
219
+ for (var _i = 0; _i < options.length; _i++) {
220
+ var _item = options[_i];
221
+ if (isMultiVal) {
222
+ labelMpas[_item[labelProp]] = _item;
223
+ /* eslint-disable eqeqeq */
224
+ } else if (_item[labelProp] == cellValue) {
225
+ _xeUtils["default"].set(row, field, _item[valueProp]);
226
+ return;
227
+ }
228
+ }
229
+ }
230
+ }
231
+ if (isMultiVal) {
232
+ _xeUtils["default"].set(row, field, (isMultiVal ? cellValue.split(',') : [cellValue]).map(function (label) {
233
+ var item = labelMpas[label];
234
+ return item ? item[valueProp] : label;
235
+ }));
236
+ } else {
237
+ _xeUtils["default"].set(row, field, cellValue);
238
+ }
239
+ }
240
+ }
241
+ function handleSelectCellValue(cellValue, renderOpts) {
178
242
  var _renderOpts$options = renderOpts.options,
179
243
  options = _renderOpts$options === void 0 ? [] : _renderOpts$options,
180
244
  optionGroups = renderOpts.optionGroups,
181
245
  _renderOpts$props2 = renderOpts.props,
182
246
  props = _renderOpts$props2 === void 0 ? {} : _renderOpts$props2,
183
- _renderOpts$optionPro = renderOpts.optionProps,
184
- optionProps = _renderOpts$optionPro === void 0 ? {} : _renderOpts$optionPro,
185
- _renderOpts$optionGro = renderOpts.optionGroupProps,
186
- optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro;
187
- var row = params.row,
188
- column = params.column;
247
+ _renderOpts$optionPro2 = renderOpts.optionProps,
248
+ optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2,
249
+ _renderOpts$optionGro2 = renderOpts.optionGroupProps,
250
+ optionGroupProps = _renderOpts$optionGro2 === void 0 ? {} : _renderOpts$optionGro2;
189
251
  var labelProp = optionProps.label || 'label';
190
252
  var valueProp = optionProps.value || 'value';
191
253
  var groupOptions = optionGroupProps.options || 'options';
192
- var cellValue = _xeUtils["default"].get(row, column.field);
193
254
  if (!isEmptyValue(cellValue)) {
194
255
  return _xeUtils["default"].map(props.mode === 'multiple' ? cellValue : [cellValue], optionGroups ? function (value) {
195
256
  var selectItem;
@@ -211,6 +272,12 @@
211
272
  }
212
273
  return '';
213
274
  }
275
+ function getSelectCellValue(renderOpts, params) {
276
+ var row = params.row,
277
+ column = params.column;
278
+ var cellValue = _xeUtils["default"].get(row, column.field);
279
+ return handleSelectCellValue(cellValue, renderOpts);
280
+ }
214
281
  function getCascaderCellValue(renderOpts, params) {
215
282
  var _renderOpts$props3 = renderOpts.props,
216
283
  props = _renderOpts$props3 === void 0 ? {} : _renderOpts$props3;
@@ -426,10 +493,10 @@
426
493
  var _renderOpts$options2 = renderOpts.options,
427
494
  options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2,
428
495
  optionGroups = renderOpts.optionGroups,
429
- _renderOpts$optionPro2 = renderOpts.optionProps,
430
- optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2,
431
- _renderOpts$optionGro2 = renderOpts.optionGroupProps,
432
- optionGroupProps = _renderOpts$optionGro2 === void 0 ? {} : _renderOpts$optionGro2;
496
+ _renderOpts$optionPro3 = renderOpts.optionProps,
497
+ optionProps = _renderOpts$optionPro3 === void 0 ? {} : _renderOpts$optionPro3,
498
+ _renderOpts$optionGro3 = renderOpts.optionGroupProps,
499
+ optionGroupProps = _renderOpts$optionGro3 === void 0 ? {} : _renderOpts$optionGro3;
433
500
  var row = params.row,
434
501
  column = params.column;
435
502
  var attrs = renderOpts.attrs;
@@ -462,14 +529,42 @@
462
529
  })];
463
530
  },
464
531
  renderTableCell: function renderTableCell(h, renderOpts, params) {
465
- return getCellLabelVNs(h, renderOpts, params, getSelectCellValue(renderOpts, params));
532
+ var options = renderOpts.options,
533
+ optionGroups = renderOpts.optionGroups;
534
+ var $table = params.$table,
535
+ row = params.row,
536
+ column = params.column;
537
+ var opSize = options ? options.length : null;
538
+ var ogSize = optionGroups ? optionGroups.length : null;
539
+ if ($table.effectCellData) {
540
+ var _$table$effectCellDat = $table.effectCellData(row, column, {
541
+ key: 'render_table_cell',
542
+ isChanged: function isChanged(_ref) {
543
+ var oldValue = _ref.oldValue,
544
+ cellValue = _ref.cellValue;
545
+ return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
546
+ },
547
+ setValue: function setValue(_ref2) {
548
+ var cellValue = _ref2.cellValue;
549
+ return [cellValue, opSize, ogSize];
550
+ },
551
+ getResult: function getResult(_ref3) {
552
+ var cellValue = _ref3.cellValue;
553
+ return handleSelectCellValue(cellValue, renderOpts);
554
+ }
555
+ }),
556
+ _cellResult = _$table$effectCellDat.cellResult;
557
+ return getCellLabelVNs(h, renderOpts, params, _cellResult);
558
+ }
559
+ var cellResult = getSelectCellValue(renderOpts, params);
560
+ return getCellLabelVNs(h, renderOpts, params, cellResult);
466
561
  },
467
562
  renderTableFilter: function renderTableFilter(h, renderOpts, params) {
468
563
  var _renderOpts$options3 = renderOpts.options,
469
564
  options = _renderOpts$options3 === void 0 ? [] : _renderOpts$options3,
470
565
  optionGroups = renderOpts.optionGroups,
471
- _renderOpts$optionGro3 = renderOpts.optionGroupProps,
472
- optionGroupProps = _renderOpts$optionGro3 === void 0 ? {} : _renderOpts$optionGro3;
566
+ _renderOpts$optionGro4 = renderOpts.optionGroupProps,
567
+ optionGroupProps = _renderOpts$optionGro4 === void 0 ? {} : _renderOpts$optionGro4;
473
568
  var groupOptions = optionGroupProps.options || 'options';
474
569
  var column = params.column;
475
570
  var attrs = renderOpts.attrs;
@@ -505,6 +600,9 @@
505
600
  });
506
601
  }))];
507
602
  },
603
+ tableCellFormatter: handleFormatSelect,
604
+ tableCellCopyMethod: handleFormatSelect,
605
+ tableCellPasteMethod: handleSetSelectValue,
508
606
  tableFilterDefaultMethod: function tableFilterDefaultMethod(params) {
509
607
  var option = params.option,
510
608
  row = params.row,
@@ -1066,7 +1164,7 @@
1066
1164
  _store.componentMaps[kcName] = comp;
1067
1165
  _store.componentMaps[ccName] = comp;
1068
1166
  } else {
1069
- console.error('[@vxe-ui/plugin-render-antd 3.3.1] error component.', comp);
1167
+ console.error('[@vxe-ui/plugin-render-antd 3.4.1] error component.', comp);
1070
1168
  }
1071
1169
  },
1072
1170
  install: function install(VxeUI, options) {
@@ -1076,11 +1174,11 @@
1076
1174
  var pVersion = 3;
1077
1175
  var sVersion = 13;
1078
1176
  if (!VxeUI.checkVersion(VxeUI.tableVersion, pVersion, sVersion)) {
1079
- console.error("[@vxe-ui/plugin-render-antd 3.3.1] ".concat(VxeUI.getI18n('vxe.error.errorVersion', ["vxe-table@".concat(VxeUI.tableVersion || '?'), "vxe-table v".concat(pVersion, ".").concat(sVersion, "+")])));
1177
+ console.error("[@vxe-ui/plugin-render-antd 3.4.1] ".concat(VxeUI.getI18n('vxe.error.errorVersion', ["vxe-table@".concat(VxeUI.tableVersion || '?'), "vxe-table v".concat(pVersion, ".").concat(sVersion, "+")])));
1080
1178
  }
1081
1179
  } else {
1082
1180
  if (!/^(3)\./.test(VxeUI.uiVersion || VxeUI.tableVersion)) {
1083
- console.error('[@vxe-ui/plugin-render-antd 3.3.1] Requires vxe-table 3.9.0+ version. https://vxeui.com/other3/#/plugin-render-antd/install');
1181
+ console.error('[@vxe-ui/plugin-render-antd 3.4.1] Requires vxe-table 3.9.0+ version. https://vxeui.com/other3/#/plugin-render-antd/install');
1084
1182
  }
1085
1183
  }
1086
1184
  /**