@vxe-ui/plugin-render-antd 4.0.2 → 4.0.3

package/dist/index.umd.js

@@ -1,637 +1,1069 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define("@vxe-ui/plugin-render-antd", ["exports", "vue", "xe-utils"], factory);
+    define("@vxe-ui/plugin-render-antd", [], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require("vue"), require("xe-utils"));
+    factory();
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global.Vue, global.XEUtils);
-    global.VXETablePluginExportXLSX = mod.exports;
+    factory();
+    global.VxeUIPluginRenderAntd = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _vue, _xeUtils) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function () {
   "use strict";
 
-  Object.defineProperty(_exports, "__esModule", {
-    value: true
-  });
-  _exports["default"] = _exports.VxeUIPluginRenderAntd = void 0;
-  _xeUtils = _interopRequireDefault(_xeUtils);
-  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-  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); }
-  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; }
-  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; }
-  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; }
-  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-  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); }
-  var VxeUI;
-  // eslint-disable-next-line no-unused-vars
-  var Antd;
-  function isEmptyValue(cellValue) {
-    return cellValue === null || cellValue === undefined || cellValue === '';
-  }
-  function getOnName(type) {
-    return 'on' + type.substring(0, 1).toLocaleUpperCase() + type.substring(1);
-  }
-  function getModelProp(renderOpts) {
-    var prop = 'value';
-    switch (renderOpts.name) {
-      case 'ASwitch':
-        prop = 'checked';
-        break;
-    }
-    return prop;
-  }
-  function getModelEvent(renderOpts) {
-    var type = 'update:value';
-    switch (renderOpts.name) {
-      case 'ASwitch':
-        type = 'update:checked';
-        break;
-    }
-    return type;
-  }
-  function dateFormatToVxeFormat(format) {
-    if (format) {
-      return "".concat(format).replace('YYYY', 'yyyy').replace('DD', 'dd');
-    }
-    return format;
-  }
-  function getChangeEvent(renderOpts) {
-    return 'change';
-  }
-  function getCellEditFilterProps(renderOpts, params, value, defaultProps) {
-    return _xeUtils["default"].assign({}, defaultProps, renderOpts.props, _defineProperty({}, getModelProp(renderOpts), value));
-  }
-  function getItemProps(renderOpts, params, value, defaultProps) {
-    return _xeUtils["default"].assign({}, defaultProps, renderOpts.props, _defineProperty({}, getModelProp(renderOpts), value));
-  }
-  function formatText(cellValue) {
-    return '' + (isEmptyValue(cellValue) ? '' : cellValue);
-  }
-  function getCellLabelVNs(renderOpts, params, cellLabel) {
-    var placeholder = renderOpts.placeholder;
-    return [(0, _vue.h)('span', {
-      "class": 'vxe-cell--label'
-    }, placeholder && isEmptyValue(cellLabel) ? [(0, _vue.h)('span', {
-      "class": 'vxe-cell--placeholder'
-    }, formatText(placeholder))] : formatText(cellLabel))];
-  }
-  function getOns(renderOpts, params, inputFunc, changeFunc) {
-    var events = renderOpts.events;
-    var modelEvent = getModelEvent(renderOpts);
-    var changeEvent = getChangeEvent(renderOpts);
-    var isSameEvent = changeEvent === modelEvent;
-    var ons = {};
-    _xeUtils["default"].objectEach(events, function (func, key) {
-      ons[getOnName(key)] = function () {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-        func.apply(void 0, [params].concat(args));
-      };
-    });
-    if (inputFunc) {
-      ons[getOnName(modelEvent)] = function (targetEvnt) {
-        inputFunc(targetEvnt);
-        if (events && events[modelEvent]) {
-          events[modelEvent](params, targetEvnt);
-        }
-        if (isSameEvent && changeFunc) {
-          changeFunc(targetEvnt);
-        }
-      };
-    }
-    if (!isSameEvent && changeFunc) {
-      ons[getOnName(changeEvent)] = function () {
-        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-          args[_key2] = arguments[_key2];
-        }
-        changeFunc.apply(void 0, args);
-        if (events && events[changeEvent]) {
-          events[changeEvent].apply(events, [params].concat(args));
+  (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 ons;
-  }
-  function getEditOns(renderOpts, params) {
-    var $table = params.$table,
-      row = params.row,
-      column = params.column;
-    return getOns(renderOpts, params, function (value) {
-      // 处理 model 值双向绑定
-      _xeUtils["default"].set(row, column.field, value);
-    }, function () {
-      // 处理 change 事件相关逻辑
-      $table.updateStatus(params);
-    });
-  }
-  function getFilterOns(renderOpts, params, option, changeFunc) {
-    return getOns(renderOpts, params, function (value) {
-      // 处理 model 值双向绑定
-      option.data = value;
-    }, changeFunc);
-  }
-  function getItemOns(renderOpts, params) {
-    var $form = params.$form,
-      data = params.data,
-      field = params.field;
-    return getOns(renderOpts, params, function (value) {
-      // 处理 model 值双向绑定
-      _xeUtils["default"].set(data, field, value);
-    }, function () {
-      // 处理 change 事件相关逻辑
-      $form.updateStatus(params);
-    });
-  }
-  function matchCascaderData(index, list, values, labels) {
-    var val = values[index];
-    if (list && values.length > index) {
-      _xeUtils["default"].each(list, function (item) {
-        if (item.value === val) {
-          labels.push(item.label);
-          matchCascaderData(++index, item.children, values, labels);
-        }
+    return r;
+  })()({
+    1: [function (require, module, exports) {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true
       });
-    }
-  }
-  function formatDatePicker(defaultFormat) {
-    return function (renderOpts, params) {
-      return getCellLabelVNs(renderOpts, params, getDatePickerCellValue(renderOpts, params, defaultFormat));
-    };
-  }
-  function getSelectCellValue(renderOpts, params) {
-    var _renderOpts$options = renderOpts.options,
-      options = _renderOpts$options === void 0 ? [] : _renderOpts$options,
-      optionGroups = renderOpts.optionGroups,
-      _renderOpts$props = renderOpts.props,
-      props = _renderOpts$props === void 0 ? {} : _renderOpts$props,
-      _renderOpts$optionPro = renderOpts.optionProps,
-      optionProps = _renderOpts$optionPro === void 0 ? {} : _renderOpts$optionPro,
-      _renderOpts$optionGro = renderOpts.optionGroupProps,
-      optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro;
-    var row = params.row,
-      column = params.column;
-    var labelProp = optionProps.label || 'label';
-    var valueProp = optionProps.value || 'value';
-    var groupOptions = optionGroupProps.options || 'options';
-    var cellValue = _xeUtils["default"].get(row, column.field);
-    if (!isEmptyValue(cellValue)) {
-      return _xeUtils["default"].map(props.mode === 'multiple' ? cellValue : [cellValue], optionGroups ? function (value) {
-        var selectItem;
-        for (var index = 0; index < optionGroups.length; index++) {
-          selectItem = _xeUtils["default"].find(optionGroups[index][groupOptions], function (item) {
-            return item[valueProp] === value;
-          });
-          if (selectItem) {
-            break;
+      exports.createWidgetADatePicker = createWidgetADatePicker;
+      var _vue = require("vue");
+      function createWidgetADatePicker(VxeUI) {
+        var getWidgetADatePickerConfig = function getWidgetADatePickerConfig(params) {
+          return {
+            title: '日期',
+            icon: 'vxe-icon-input',
+            options: {
+              placeholder: ''
+            }
+          };
+        };
+        var WidgetADatePickerFormComponent = (0, _vue.defineComponent)({
+          props: {
+            renderOpts: {
+              type: Object,
+              "default": function _default() {
+                return {};
+              }
+            },
+            renderParams: {
+              type: Object,
+              "default": function _default() {
+                return {};
+              }
+            }
+          },
+          emits: [],
+          setup: function setup(props) {
+            var VxeUIFormComponent = VxeUI.getComponent('VxeForm');
+            var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
+            var VxeUISwitchComponent = VxeUI.getComponent('VxeSwitch');
+            return function () {
+              var renderParams = props.renderParams;
+              var widget = renderParams.widget;
+              return (0, _vue.h)(VxeUIFormComponent, {
+                "class": 'vxe-form-design--widget-render-form-wrapper',
+                vertical: true,
+                span: 24,
+                titleBold: true,
+                titleOverflow: true,
+                data: widget.options
+              }, {
+                "default": function _default() {
+                  return [(0, _vue.h)(VxeUIFormItemComponent, {
+                    title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
+                  }, {
+                    "default": function _default() {
+                      return (0, _vue.h)((0, _vue.resolveComponent)('a-date-picker'), {
+                        modelValue: widget.title,
+                        'onUpdate:modelValue': function onUpdateModelValue(val) {
+                          widget.title = val;
+                        }
+                      });
+                    }
+                  }), (0, _vue.h)(VxeUIFormItemComponent, {
+                    title: VxeUI.getI18n('vxe.formDesign.widgetProp.placeholder'),
+                    field: 'placeholder',
+                    itemRender: {
+                      name: 'VxeInput'
+                    }
+                  }), (0, _vue.h)(VxeUIFormItemComponent, {
+                    title: VxeUI.getI18n('vxe.formDesign.widgetProp.required')
+                  }, {
+                    "default": function _default() {
+                      return (0, _vue.h)(VxeUISwitchComponent, {
+                        modelValue: widget.required,
+                        'onUpdate:modelValue': function onUpdateModelValue(val) {
+                          widget.required = val;
+                        }
+                      });
+                    }
+                  })];
+                }
+              });
+            };
           }
-        }
-        return selectItem ? selectItem[labelProp] : value;
-      } : function (value) {
-        var selectItem = _xeUtils["default"].find(options, function (item) {
-          return item[valueProp] === value;
         });
-        return selectItem ? selectItem[labelProp] : value;
-      }).join(', ');
-    }
-    return '';
-  }
-  function getCascaderCellValue(renderOpts, params) {
-    var _renderOpts$props2 = renderOpts.props,
-      props = _renderOpts$props2 === void 0 ? {} : _renderOpts$props2;
-    var row = params.row,
-      column = params.column;
-    var cellValue = _xeUtils["default"].get(row, column.field);
-    var values = cellValue || [];
-    var labels = [];
-    matchCascaderData(0, props.options, values, labels);
-    return (props.showAllLevels === false ? labels.slice(labels.length - 1, labels.length) : labels).join(" ".concat(props.separator || '/', " "));
-  }
-  function getRangePickerCellValue(renderOpts, params) {
-    var _renderOpts$props3 = renderOpts.props,
-      props = _renderOpts$props3 === void 0 ? {} : _renderOpts$props3;
-    var row = params.row,
-      column = params.column;
-    var cellValue = _xeUtils["default"].get(row, column.field);
-    if (cellValue) {
-      cellValue = _xeUtils["default"].map(cellValue, function (date) {
-        return date && date.format ? date.format(props.format || 'YYYY-MM-DD') : _xeUtils["default"].toDateString(date, dateFormatToVxeFormat(props.format || 'YYYY-MM-DD'));
-      }).join(' ~ ');
-    }
-    return cellValue;
-  }
-  function getTreeSelectCellValue(renderOpts, params) {
-    var _renderOpts$props4 = renderOpts.props,
-      props = _renderOpts$props4 === void 0 ? {} : _renderOpts$props4;
-    var treeData = props.treeData,
-      treeCheckable = props.treeCheckable;
-    var row = params.row,
-      column = params.column;
-    var cellValue = _xeUtils["default"].get(row, column.field);
-    if (!isEmptyValue(cellValue)) {
-      return _xeUtils["default"].map(treeCheckable ? cellValue : [cellValue], function (value) {
-        var matchObj = _xeUtils["default"].findTree(treeData, function (item) {
-          return item.value === value;
-        }, {
-          children: 'children'
+        var WidgetADatePickerViewComponent = (0, _vue.defineComponent)({
+          props: {
+            renderOpts: {
+              type: Object,
+              "default": function _default() {
+                return {};
+              }
+            },
+            renderParams: {
+              type: Object,
+              "default": function _default() {
+                return {};
+              }
+            }
+          },
+          emits: [],
+          setup: function setup(props) {
+            var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
+            var changeEvent = function changeEvent() {
+              var renderParams = props.renderParams;
+              var widget = renderParams.widget,
+                $formView = renderParams.$formView;
+              if ($formView) {
+                var itemValue = $formView ? $formView.getItemValue(widget) : null;
+                $formView.updateItemStatus(widget, itemValue);
+              }
+            };
+            return function () {
+              var renderParams = props.renderParams;
+              var widget = renderParams.widget,
+                $formView = renderParams.$formView;
+              var options = widget.options;
+              return (0, _vue.h)(VxeUIFormItemComponent, {
+                "class": ['vxe-form-design--widget-render-form-item'],
+                field: widget.field,
+                title: widget.title
+              }, {
+                "default": function _default() {
+                  return (0, _vue.h)((0, _vue.resolveComponent)('a-date-picker'), {
+                    modelValue: $formView ? $formView.getItemValue(widget) : null,
+                    placeholder: options.placeholder,
+                    onChange: changeEvent,
+                    'onUpdate:modelValue': function onUpdateModelValue(val) {
+                      if ($formView) {
+                        $formView.setItemValue(widget, val);
+                      }
+                    }
+                  });
+                }
+              });
+            };
+          }
         });
-        return matchObj ? matchObj.item.title : value;
-      }).join(', ');
-    }
-    return cellValue;
-  }
-  function getDatePickerCellValue(renderOpts, params, defaultFormat) {
-    var _renderOpts$props5 = renderOpts.props,
-      props = _renderOpts$props5 === void 0 ? {} : _renderOpts$props5;
-    var row = params.row,
-      column = params.column;
-    var cellValue = _xeUtils["default"].get(row, column.field);
-    try {
-      if (cellValue) {
-        cellValue = cellValue.format ? cellValue.format(props.format || defaultFormat) : _xeUtils["default"].toDateString(cellValue, dateFormatToVxeFormat(props.format || defaultFormat));
-      }
-    } catch (e) {}
-    return cellValue;
-  }
-  function createEditRender(defaultProps) {
-    return function (renderOpts, params) {
-      var row = params.row,
-        column = params.column;
-      var name = renderOpts.name,
-        attrs = renderOpts.attrs;
-      var cellValue = _xeUtils["default"].get(row, column.field);
-      return [(0, _vue.h)((0, _vue.resolveComponent)(name), _objectSpread(_objectSpread(_objectSpread({}, attrs), getCellEditFilterProps(renderOpts, params, cellValue, defaultProps)), getEditOns(renderOpts, params)))];
-    };
-  }
-  function defaultButtonEditRender(renderOpts, params) {
-    var attrs = renderOpts.attrs;
-    return [(0, _vue.h)((0, _vue.resolveComponent)('a-button'), _objectSpread(_objectSpread(_objectSpread({}, attrs), getCellEditFilterProps(renderOpts, params, null)), getOns(renderOpts, params)), cellText(renderOpts.content))];
-  }
-  function defaultButtonsEditRender(renderOpts, params) {
-    var children = renderOpts.children;
-    if (children) {
-      return children.map(function (childRenderOpts) {
-        return defaultButtonEditRender(childRenderOpts, params)[0];
-      });
-    }
-    return [];
-  }
-  function createFilterRender(defaultProps) {
-    return function (renderOpts, params) {
-      var column = params.column;
-      var name = renderOpts.name,
-        attrs = renderOpts.attrs;
-      return [(0, _vue.h)('div', {
-        "class": 'vxe-table--filter-antd-wrapper'
-      }, column.filters.map(function (option, oIndex) {
-        var optionValue = option.data;
-        return (0, _vue.h)((0, _vue.resolveComponent)(name), _objectSpread(_objectSpread(_objectSpread({
-          key: oIndex
-        }, attrs), getCellEditFilterProps(renderOpts, params, optionValue, defaultProps)), getFilterOns(renderOpts, params, option, function () {
-          // 处理 change 事件相关逻辑
-          handleConfirmFilter(params, !!option.data, option);
-        })));
-      }))];
-    };
-  }
-  function handleConfirmFilter(params, checked, option) {
-    var $panel = params.$panel;
-    $panel.changeOption(null, checked, option);
-  }
-  /**
-   * 模糊匹配
-   * @param params
-   */
-  function defaultFuzzyFilterMethod(params) {
-    var option = params.option,
-      row = params.row,
-      column = params.column;
-    var data = option.data;
-    var cellValue = _xeUtils["default"].get(row, column.field);
-    return _xeUtils["default"].toValueString(cellValue).indexOf(data) > -1;
-  }
-  /**
-   * 精确匹配
-   * @param params
-   */
-  function defaultExactFilterMethod(params) {
-    var option = params.option,
-      row = params.row,
-      column = params.column;
-    var data = option.data;
-    var cellValue = _xeUtils["default"].get(row, column.field);
-    /* eslint-disable eqeqeq */
-    return cellValue === data;
-  }
-  function cellText(cellValue) {
-    return [formatText(cellValue)];
-  }
-  function createFormItemRender(defaultProps) {
-    return function (renderOpts, params) {
-      var data = params.data,
-        field = params.field;
-      var name = renderOpts.name;
-      var attrs = renderOpts.attrs;
-      var itemValue = _xeUtils["default"].get(data, field);
-      return [(0, _vue.h)((0, _vue.resolveComponent)(name), _objectSpread(_objectSpread(_objectSpread({}, attrs), getItemProps(renderOpts, params, itemValue, defaultProps)), getItemOns(renderOpts, params)))];
-    };
-  }
-  function defaultButtonItemRender(renderOpts, params) {
-    var attrs = renderOpts.attrs;
-    var props = getItemProps(renderOpts, params, null);
-    return [(0, _vue.h)((0, _vue.resolveComponent)('a-button'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), getItemOns(renderOpts, params)), {
-      "default": function _default() {
-        return cellText(renderOpts.content || props.content);
+        return {
+          getWidgetADatePickerConfig: getWidgetADatePickerConfig,
+          WidgetADatePickerFormComponent: WidgetADatePickerFormComponent,
+          WidgetADatePickerViewComponent: WidgetADatePickerViewComponent
+        };
       }
-    })];
-  }
-  function defaultButtonsItemRender(renderOpts, params) {
-    var children = renderOpts.children;
-    if (children) {
-      return children.map(function (childRenderOpts) {
-        return defaultButtonItemRender(childRenderOpts, params)[0];
+    }, {
+      "vue": "vue"
+    }],
+    2: [function (require, module, exports) {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true
       });
-    }
-    return [];
-  }
-  function createDatePickerExportMethod(defaultFormat) {
-    return function (params) {
-      var row = params.row,
-        column = params.column,
-        options = params.options;
-      return options && options.original ? _xeUtils["default"].get(row, column.field) : getDatePickerCellValue(column.editRender || column.cellRender, params, defaultFormat);
-    };
-  }
-  function createExportMethod(getExportCellValue) {
-    return function (params) {
-      var row = params.row,
-        column = params.column,
-        options = params.options;
-      return options && options.original ? _xeUtils["default"].get(row, column.field) : getExportCellValue(column.editRender || column.cellRender, params);
-    };
-  }
-  function createFormItemRadioAndCheckboxRender() {
-    return function (renderOpts, params) {
-      var name = renderOpts.name,
-        _renderOpts$options2 = renderOpts.options,
-        options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2,
-        _renderOpts$optionPro2 = renderOpts.optionProps,
-        optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2;
-      var data = params.data,
-        field = params.field;
-      var attrs = renderOpts.attrs;
-      var labelProp = optionProps.label || 'label';
-      var valueProp = optionProps.value || 'value';
-      var itemValue = _xeUtils["default"].get(data, field);
-      return [(0, _vue.h)((0, _vue.resolveComponent)("".concat(name, "Group")), _objectSpread(_objectSpread(_objectSpread({}, attrs), getItemProps(renderOpts, params, itemValue)), getItemOns(renderOpts, params)), {
-        "default": function _default() {
-          return options.map(function (option, oIndex) {
-            return (0, _vue.h)((0, _vue.resolveComponent)(name), {
-              key: oIndex,
-              value: option[valueProp],
-              disabled: option.disabled
-            }, {
+      exports.createWidgetAInput = createWidgetAInput;
+      var _vue = require("vue");
+      function createWidgetAInput(VxeUI) {
+        var getWidgetAInputConfig = function getWidgetAInputConfig(params) {
+          return {
+            title: '输入框',
+            icon: 'vxe-icon-input',
+            options: {
+              placeholder: ''
+            }
+          };
+        };
+        var WidgetAInputFormComponent = (0, _vue.defineComponent)({
+          props: {
+            renderOpts: {
+              type: Object,
               "default": function _default() {
-                return cellText(option[labelProp]);
+                return {};
               }
-            });
-          });
-        }
-      })];
-    };
-  }
-  /**
-   * 检查触发源是否属于目标节点
-   */
-  function getEventTargetNode(evnt, container, className) {
-    var targetElem;
-    var target = evnt.target;
-    while (target && target.nodeType && target !== document) {
-      if (className && target.className && target.className.split && target.className.split(' ').indexOf(className) > -1) {
-        targetElem = target;
-      } else if (target === container) {
+            },
+            renderParams: {
+              type: Object,
+              "default": function _default() {
+                return {};
+              }
+            }
+          },
+          emits: [],
+          setup: function setup(props) {
+            var VxeUIFormComponent = VxeUI.getComponent('VxeForm');
+            var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
+            var VxeUISwitchComponent = VxeUI.getComponent('VxeSwitch');
+            return function () {
+              var renderParams = props.renderParams;
+              var widget = renderParams.widget;
+              var options = widget.options;
+              return (0, _vue.h)(VxeUIFormComponent, {
+                "class": 'vxe-form-design--widget-render-form-wrapper',
+                vertical: true,
+                span: 24,
+                titleBold: true,
+                titleOverflow: true,
+                data: options
+              }, {
+                "default": function _default() {
+                  return [(0, _vue.h)(VxeUIFormItemComponent, {
+                    title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
+                  }, {
+                    "default": function _default() {
+                      return (0, _vue.h)((0, _vue.resolveComponent)('a-input'), {
+                        modelValue: widget.title,
+                        placeholder: options.placeholder,
+                        'onUpdate:modelValue': function onUpdateModelValue(val) {
+                          widget.title = val;
+                        }
+                      });
+                    }
+                  }), (0, _vue.h)(VxeUIFormItemComponent, {
+                    title: VxeUI.getI18n('vxe.formDesign.widgetProp.placeholder'),
+                    field: 'placeholder',
+                    itemRender: {
+                      name: 'VxeInput'
+                    }
+                  }), (0, _vue.h)(VxeUIFormItemComponent, {
+                    title: VxeUI.getI18n('vxe.formDesign.widgetProp.required')
+                  }, {
+                    "default": function _default() {
+                      return (0, _vue.h)(VxeUISwitchComponent, {
+                        modelValue: widget.required,
+                        'onUpdate:modelValue': function onUpdateModelValue(val) {
+                          widget.required = val;
+                        }
+                      });
+                    }
+                  })];
+                }
+              });
+            };
+          }
+        });
+        var WidgetAInputViewComponent = (0, _vue.defineComponent)({
+          props: {
+            renderOpts: {
+              type: Object,
+              "default": function _default() {
+                return {};
+              }
+            },
+            renderParams: {
+              type: Object,
+              "default": function _default() {
+                return {};
+              }
+            }
+          },
+          emits: [],
+          setup: function setup(props) {
+            var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
+            var changeEvent = function changeEvent() {
+              var renderParams = props.renderParams;
+              var widget = renderParams.widget,
+                $formView = renderParams.$formView;
+              if ($formView) {
+                var itemValue = $formView ? $formView.getItemValue(widget) : null;
+                $formView.updateItemStatus(widget, itemValue);
+              }
+            };
+            return function () {
+              var renderParams = props.renderParams;
+              var widget = renderParams.widget,
+                $formView = renderParams.$formView;
+              return (0, _vue.h)(VxeUIFormItemComponent, {
+                "class": ['vxe-form-design--widget-render-form-item'],
+                field: widget.field,
+                title: widget.title
+              }, {
+                "default": function _default() {
+                  return (0, _vue.h)((0, _vue.resolveComponent)('a-input'), {
+                    modelValue: $formView ? $formView.getItemValue(widget) : null,
+                    onChange: changeEvent,
+                    'onUpdate:modelValue': function onUpdateModelValue(val) {
+                      if ($formView) {
+                        $formView.setItemValue(widget, val);
+                      }
+                    }
+                  });
+                }
+              });
+            };
+          }
+        });
         return {
-          flag: className ? !!targetElem : true,
-          container: container,
-          targetElem: targetElem
+          getWidgetAInputConfig: getWidgetAInputConfig,
+          WidgetAInputFormComponent: WidgetAInputFormComponent,
+          WidgetAInputViewComponent: WidgetAInputViewComponent
         };
       }
-      target = target.parentNode;
-    }
-    return {
-      flag: false
-    };
-  }
-  /**
-   * 事件兼容性处理
-   */
-  function handleClearEvent(params) {
-    var $event = params.$event;
-    var bodyElem = document.body;
-    if (
-    // 下拉框
-    getEventTargetNode($event, bodyElem, 'ant-select-dropdown').flag ||
-    // 级联
-    getEventTargetNode($event, bodyElem, 'ant-cascader-menus').flag ||
-    // 日期
-    getEventTargetNode($event, bodyElem, 'ant-picker-dropdown').flag || getEventTargetNode($event, bodyElem, 'ant-calendar-picker-container').flag ||
-    // 时间选择
-    getEventTargetNode($event, bodyElem, 'ant-time-picker-panel').flag) {
-      return false;
-    }
-  }
-  var VxeUIPluginRenderAntd = _exports.VxeUIPluginRenderAntd = {
-    install: function install(core, options) {
-      VxeUI = core;
-      Antd = options ? options.Antd : {};
-      // 检查版本
-      if (!/^(4)\./.test(VxeUI.uiVersion)) {
-        console.error('[plugin-render-antd 4.x] Version 4.x is required');
-      }
-      VxeUI.renderer.mixin({
-        AAutoComplete: {
-          autofocus: 'input.ant-input',
-          renderDefault: createEditRender(),
-          renderEdit: createEditRender(),
-          renderFilter: createFilterRender(),
-          defaultFilterMethod: defaultExactFilterMethod,
-          renderItemContent: createFormItemRender()
-        },
-        AInput: {
-          autofocus: 'input.ant-input',
-          renderDefault: createEditRender(),
-          renderEdit: createEditRender(),
-          renderFilter: createFilterRender(),
-          defaultFilterMethod: defaultFuzzyFilterMethod,
-          renderItemContent: createFormItemRender()
-        },
-        AInputNumber: {
-          autofocus: 'input.ant-input-number-input',
-          renderDefault: createEditRender(),
-          renderEdit: createEditRender(),
-          renderFilter: createFilterRender(),
-          defaultFilterMethod: defaultFuzzyFilterMethod,
-          renderItemContent: createFormItemRender()
-        },
-        ASelect: {
-          renderEdit: function renderEdit(renderOpts, params) {
-            var options = renderOpts.options,
-              optionGroups = renderOpts.optionGroups;
-            var row = params.row,
-              column = params.column;
-            var attrs = renderOpts.attrs;
-            var cellValue = _xeUtils["default"].get(row, column.field);
-            var props = getCellEditFilterProps(renderOpts, params, cellValue);
-            var ons = getEditOns(renderOpts, params);
-            if (optionGroups) {
-              return [(0, _vue.h)((0, _vue.resolveComponent)('a-select'), _objectSpread(_objectSpread(_objectSpread({}, props), attrs), {}, {
-                options: optionGroups
-              }, ons))];
+    }, {
+      "vue": "vue"
+    }],
+    3: [function (require, module, exports) {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports.defineFormDesignRender = defineFormDesignRender;
+      var _vue = require("vue");
+      var _aInput = require("./a-input");
+      var _aDatePicker = require("./a-date-picker");
+      /**
+       * 表单设计器 - 渲染器
+       */
+      function defineFormDesignRender(VxeUI) {
+        var _createWidgetAInput = (0, _aInput.createWidgetAInput)(VxeUI),
+          getWidgetAInputConfig = _createWidgetAInput.getWidgetAInputConfig,
+          WidgetAInputViewComponent = _createWidgetAInput.WidgetAInputViewComponent,
+          WidgetAInputFormComponent = _createWidgetAInput.WidgetAInputFormComponent;
+        var _createWidgetADatePic = (0, _aDatePicker.createWidgetADatePicker)(VxeUI),
+          getWidgetADatePickerConfig = _createWidgetADatePic.getWidgetADatePickerConfig,
+          WidgetADatePickerViewComponent = _createWidgetADatePic.WidgetADatePickerViewComponent,
+          WidgetADatePickerFormComponent = _createWidgetADatePic.WidgetADatePickerFormComponent;
+        VxeUI.renderer.mixin({
+          AInput: {
+            createFormDesignWidgetConfig: getWidgetAInputConfig,
+            renderFormDesignWidgetView: function renderFormDesignWidgetView(renderOpts, renderParams) {
+              return (0, _vue.h)(WidgetAInputViewComponent, {
+                renderOpts: renderOpts,
+                renderParams: renderParams
+              });
+            },
+            renderFormDesignWidgetFormView: function renderFormDesignWidgetFormView(renderOpts, renderParams) {
+              return (0, _vue.h)(WidgetAInputFormComponent, {
+                renderOpts: renderOpts,
+                renderParams: renderParams
+              });
             }
-            return [(0, _vue.h)((0, _vue.resolveComponent)('a-select'), _objectSpread(_objectSpread(_objectSpread({}, props), attrs), {}, {
-              options: props.options || options
-            }, ons))];
-          },
-          renderCell: function renderCell(renderOpts, params) {
-            return getCellLabelVNs(renderOpts, params, getSelectCellValue(renderOpts, params));
-          },
-          renderFilter: function renderFilter(renderOpts, params) {
-            var _renderOpts$options3 = renderOpts.options,
-              options = _renderOpts$options3 === void 0 ? [] : _renderOpts$options3,
-              optionGroups = renderOpts.optionGroups,
-              _renderOpts$optionGro2 = renderOpts.optionGroupProps,
-              optionGroupProps = _renderOpts$optionGro2 === void 0 ? {} : _renderOpts$optionGro2;
-            var groupOptions = optionGroupProps.options || 'options';
-            var column = params.column;
-            var attrs = renderOpts.attrs;
-            return [(0, _vue.h)('div', {
-              "class": 'vxe-table--filter-antd-wrapper'
-            }, optionGroups ? column.filters.map(function (option, oIndex) {
-              var optionValue = option.data;
-              var props = getCellEditFilterProps(renderOpts, params, optionValue);
-              return (0, _vue.h)((0, _vue.resolveComponent)('a-select'), _objectSpread(_objectSpread(_objectSpread({
-                key: oIndex
-              }, attrs), props), {}, {
-                options: groupOptions
-              }, getFilterOns(renderOpts, params, option, function () {
-                // 处理 change 事件相关逻辑
-                handleConfirmFilter(params, props.mode === 'multiple' ? option.data && option.data.length > 0 : !_xeUtils["default"].eqNull(option.data), option);
-              })));
-            }) : column.filters.map(function (option, oIndex) {
-              var optionValue = option.data;
-              var props = getCellEditFilterProps(renderOpts, params, optionValue);
-              return (0, _vue.h)((0, _vue.resolveComponent)('a-select'), _objectSpread(_objectSpread(_objectSpread({
-                key: oIndex
-              }, attrs), props), {}, {
-                options: props.options || options
-              }, getFilterOns(renderOpts, params, option, function () {
-                // 处理 change 事件相关逻辑
-                handleConfirmFilter(params, props.mode === 'multiple' ? option.data && option.data.length > 0 : !_xeUtils["default"].eqNull(option.data), option);
-              })));
-            }))];
           },
-          defaultFilterMethod: function defaultFilterMethod(params) {
-            var option = params.option,
-              row = params.row,
-              column = params.column;
-            var data = option.data;
-            var field = column.field,
-              renderOpts = column.filterRender;
-            var _renderOpts$props6 = renderOpts.props,
-              props = _renderOpts$props6 === void 0 ? {} : _renderOpts$props6;
-            var cellValue = _xeUtils["default"].get(row, field);
-            if (props.mode === 'multiple') {
-              if (_xeUtils["default"].isArray(cellValue)) {
-                return _xeUtils["default"].includeArrays(cellValue, data);
+          ADatePicker: {
+            createFormDesignWidgetConfig: getWidgetADatePickerConfig,
+            renderFormDesignWidgetView: function renderFormDesignWidgetView(renderOpts, renderParams) {
+              return (0, _vue.h)(WidgetADatePickerViewComponent, {
+                renderOpts: renderOpts,
+                renderParams: renderParams
+              });
+            },
+            renderFormDesignWidgetFormView: function renderFormDesignWidgetFormView(renderOpts, renderParams) {
+              return (0, _vue.h)(WidgetADatePickerFormComponent, {
+                renderOpts: renderOpts,
+                renderParams: renderParams
+              });
+            }
+          }
+        });
+      }
+    }, {
+      "./a-date-picker": 1,
+      "./a-input": 2,
+      "vue": "vue"
+    }],
+    4: [function (require, module, exports) {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports.defineFormRender = defineFormRender;
+      var _vue = require("vue");
+      var _xeUtils = _interopRequireDefault(require("xe-utils"));
+      function _interopRequireDefault(e) {
+        return e && e.__esModule ? e : {
+          "default": e
+        };
+      }
+      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);
+      }
+      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;
+      }
+      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;
+      }
+      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;
+      }
+      function _toPropertyKey(t) {
+        var i = _toPrimitive(t, "string");
+        return "symbol" == _typeof(i) ? i : i + "";
+      }
+      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);
+      }
+      /**
+       * 表单 - 渲染器
+       */
+      function defineFormRender(VxeUI) {
+        function isEmptyValue(cellValue) {
+          return cellValue === null || cellValue === undefined || cellValue === '';
+        }
+        function getOnName(type) {
+          return 'on' + type.substring(0, 1).toLocaleUpperCase() + type.substring(1);
+        }
+        function getModelProp(renderOpts) {
+          var prop = 'value';
+          switch (renderOpts.name) {
+            case 'ASwitch':
+              prop = 'checked';
+              break;
+          }
+          return prop;
+        }
+        function getModelEvent(renderOpts) {
+          var type = 'update:value';
+          switch (renderOpts.name) {
+            case 'ASwitch':
+              type = 'update:checked';
+              break;
+          }
+          return type;
+        }
+        function getChangeEvent(renderOpts) {
+          return 'change';
+        }
+        function getItemProps(renderOpts, params, value, defaultProps) {
+          return _xeUtils["default"].assign({}, defaultProps, renderOpts.props, _defineProperty({}, getModelProp(renderOpts), value));
+        }
+        function formatText(cellValue) {
+          return '' + (isEmptyValue(cellValue) ? '' : cellValue);
+        }
+        function getOns(renderOpts, params, inputFunc, changeFunc) {
+          var events = renderOpts.events;
+          var modelEvent = getModelEvent(renderOpts);
+          var changeEvent = getChangeEvent(renderOpts);
+          var isSameEvent = changeEvent === modelEvent;
+          var ons = {};
+          _xeUtils["default"].objectEach(events, function (func, key) {
+            ons[getOnName(key)] = function () {
+              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                args[_key] = arguments[_key];
+              }
+              func.apply(void 0, [params].concat(args));
+            };
+          });
+          if (inputFunc) {
+            ons[getOnName(modelEvent)] = function (targetEvnt) {
+              inputFunc(targetEvnt);
+              if (events && events[modelEvent]) {
+                events[modelEvent](params, targetEvnt);
+              }
+              if (isSameEvent && changeFunc) {
+                changeFunc(targetEvnt);
               }
-              return data.indexOf(cellValue) > -1;
+            };
+          }
+          if (!isSameEvent && changeFunc) {
+            ons[getOnName(changeEvent)] = function () {
+              for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                args[_key2] = arguments[_key2];
+              }
+              changeFunc.apply(void 0, args);
+              if (events && events[changeEvent]) {
+                events[changeEvent].apply(events, [params].concat(args));
+              }
+            };
+          }
+          return ons;
+        }
+        function getItemOns(renderOpts, params) {
+          var $form = params.$form,
+            data = params.data,
+            field = params.field;
+          return getOns(renderOpts, params, function (value) {
+            // 处理 model 值双向绑定
+            _xeUtils["default"].set(data, field, value);
+          }, function () {
+            // 处理 change 事件相关逻辑
+            $form.updateStatus(params);
+          });
+        }
+        function cellText(cellValue) {
+          return [formatText(cellValue)];
+        }
+        function createFormItemRender(defaultProps) {
+          return function (renderOpts, params) {
+            var data = params.data,
+              field = params.field;
+            var name = renderOpts.name;
+            var attrs = renderOpts.attrs;
+            var itemValue = _xeUtils["default"].get(data, field);
+            return [(0, _vue.h)((0, _vue.resolveComponent)(name), _objectSpread(_objectSpread(_objectSpread({}, attrs), getItemProps(renderOpts, params, itemValue, defaultProps)), getItemOns(renderOpts, params)))];
+          };
+        }
+        function defaultButtonItemRender(renderOpts, params) {
+          var attrs = renderOpts.attrs;
+          var props = getItemProps(renderOpts, params, null);
+          return [(0, _vue.h)((0, _vue.resolveComponent)('a-button'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), getItemOns(renderOpts, params)), {
+            "default": function _default() {
+              return cellText(renderOpts.content || props.content);
             }
-            /* eslint-disable eqeqeq */
-            return cellValue == data;
-          },
-          renderItemContent: function renderItemContent(renderOpts, params) {
-            var _renderOpts$options4 = renderOpts.options,
-              options = _renderOpts$options4 === void 0 ? [] : _renderOpts$options4,
-              optionGroups = renderOpts.optionGroups;
+          })];
+        }
+        function defaultButtonsItemRender(renderOpts, params) {
+          var children = renderOpts.children;
+          if (children) {
+            return children.map(function (childRenderOpts) {
+              return defaultButtonItemRender(childRenderOpts, params)[0];
+            });
+          }
+          return [];
+        }
+        function createFormItemRadioAndCheckboxRender() {
+          return function (renderOpts, params) {
+            var name = renderOpts.name,
+              _renderOpts$options = renderOpts.options,
+              options = _renderOpts$options === void 0 ? [] : _renderOpts$options,
+              _renderOpts$optionPro = renderOpts.optionProps,
+              optionProps = _renderOpts$optionPro === void 0 ? {} : _renderOpts$optionPro;
             var data = params.data,
               field = params.field;
             var attrs = renderOpts.attrs;
+            var labelProp = optionProps.label || 'label';
+            var valueProp = optionProps.value || 'value';
             var itemValue = _xeUtils["default"].get(data, field);
-            var props = getItemProps(renderOpts, params, itemValue);
-            var ons = getItemOns(renderOpts, params);
-            if (optionGroups) {
+            return [(0, _vue.h)((0, _vue.resolveComponent)("".concat(name, "Group")), _objectSpread(_objectSpread(_objectSpread({}, attrs), getItemProps(renderOpts, params, itemValue)), getItemOns(renderOpts, params)), {
+              "default": function _default() {
+                return options.map(function (option, oIndex) {
+                  return (0, _vue.h)((0, _vue.resolveComponent)(name), {
+                    key: oIndex,
+                    value: option[valueProp],
+                    disabled: option.disabled
+                  }, {
+                    "default": function _default() {
+                      return cellText(option[labelProp]);
+                    }
+                  });
+                });
+              }
+            })];
+          };
+        }
+        VxeUI.renderer.mixin({
+          AAutoComplete: {
+            renderFormItemContent: createFormItemRender()
+          },
+          AInput: {
+            renderFormItemContent: createFormItemRender()
+          },
+          AInputNumber: {
+            renderFormItemContent: createFormItemRender()
+          },
+          ASelect: {
+            renderFormItemContent: function renderFormItemContent(renderOpts, params) {
+              var _renderOpts$options2 = renderOpts.options,
+                options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2,
+                optionGroups = renderOpts.optionGroups;
+              var data = params.data,
+                field = params.field;
+              var attrs = renderOpts.attrs;
+              var itemValue = _xeUtils["default"].get(data, field);
+              var props = getItemProps(renderOpts, params, itemValue);
+              var ons = getItemOns(renderOpts, params);
+              if (optionGroups) {
+                return [(0, _vue.h)((0, _vue.resolveComponent)('a-select'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), {}, {
+                  options: optionGroups
+                }, ons))];
+              }
               return [(0, _vue.h)((0, _vue.resolveComponent)('a-select'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), {}, {
-                options: optionGroups
+                options: props.options || options
               }, ons))];
             }
-            return [(0, _vue.h)((0, _vue.resolveComponent)('a-select'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), {}, {
-              options: props.options || options
-            }, ons))];
-          },
-          exportMethod: createExportMethod(getSelectCellValue)
-        },
-        ACascader: {
-          renderEdit: createEditRender(),
-          renderCell: function renderCell(renderOpts, params) {
-            return getCellLabelVNs(renderOpts, params, getCascaderCellValue(renderOpts, params));
-          },
-          renderItemContent: createFormItemRender(),
-          exportMethod: createExportMethod(getCascaderCellValue)
-        },
-        ADatePicker: {
-          renderEdit: createEditRender(),
-          renderCell: formatDatePicker('YYYY-MM-DD'),
-          renderItemContent: createFormItemRender(),
-          exportMethod: createDatePickerExportMethod('YYYY-MM-DD')
-        },
-        AMonthPicker: {
-          renderEdit: createEditRender(),
-          renderCell: formatDatePicker('YYYY-MM'),
-          renderItemContent: createFormItemRender(),
-          exportMethod: createDatePickerExportMethod('YYYY-MM')
-        },
-        ARangePicker: {
-          renderEdit: createEditRender(),
-          renderCell: function renderCell(renderOpts, params) {
-            return getCellLabelVNs(renderOpts, params, getRangePickerCellValue(renderOpts, params));
-          },
-          renderItemContent: createFormItemRender(),
-          exportMethod: createExportMethod(getRangePickerCellValue)
-        },
-        AWeekPicker: {
-          renderEdit: createEditRender(),
-          renderCell: formatDatePicker('YYYY-WW周'),
-          renderItemContent: createFormItemRender(),
-          exportMethod: createDatePickerExportMethod('YYYY-WW周')
-        },
-        ATimePicker: {
-          renderEdit: createEditRender(),
-          renderCell: formatDatePicker('HH:mm:ss'),
-          renderItemContent: createFormItemRender(),
-          exportMethod: createDatePickerExportMethod('HH:mm:ss')
-        },
-        ATreeSelect: {
-          renderEdit: createEditRender(),
-          renderCell: function renderCell(renderOpts, params) {
-            return getCellLabelVNs(renderOpts, params, getTreeSelectCellValue(renderOpts, params));
-          },
-          renderItemContent: createFormItemRender(),
-          exportMethod: createExportMethod(getTreeSelectCellValue)
-        },
-        ARate: {
-          renderDefault: createEditRender(),
-          renderEdit: createEditRender(),
-          renderFilter: createFilterRender(),
-          defaultFilterMethod: defaultExactFilterMethod,
-          renderItemContent: createFormItemRender()
-        },
-        ASwitch: {
-          renderDefault: createEditRender(),
-          renderEdit: createEditRender(),
-          renderFilter: function renderFilter(renderOpts, params) {
+          },
+          ACascader: {
+            renderFormItemContent: createFormItemRender()
+          },
+          ADatePicker: {
+            renderFormItemContent: createFormItemRender()
+          },
+          AMonthPicker: {
+            renderFormItemContent: createFormItemRender()
+          },
+          ARangePicker: {
+            renderFormItemContent: createFormItemRender()
+          },
+          AWeekPicker: {
+            renderFormItemContent: createFormItemRender()
+          },
+          ATimePicker: {
+            renderFormItemContent: createFormItemRender()
+          },
+          ATreeSelect: {
+            renderFormItemContent: createFormItemRender()
+          },
+          ARate: {
+            renderFormItemContent: createFormItemRender()
+          },
+          ASwitch: {
+            renderFormItemContent: createFormItemRender()
+          },
+          ARadio: {
+            renderFormItemContent: createFormItemRadioAndCheckboxRender()
+          },
+          ACheckbox: {
+            renderFormItemContent: createFormItemRadioAndCheckboxRender()
+          },
+          AButton: {
+            renderFormItemContent: defaultButtonItemRender
+          },
+          AButtons: {
+            renderFormItemContent: defaultButtonsItemRender
+          }
+        });
+      }
+    }, {
+      "vue": "vue",
+      "xe-utils": "xe-utils"
+    }],
+    5: [function (require, module, exports) {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports["default"] = exports.VxeUIPluginRenderAntd = void 0;
+      var _table = require("./table");
+      var _form = require("./form");
+      var _formDesign = require("./form-design");
+      /**
+       * 检查触发源是否属于目标节点
+       */
+      function getEventTargetNode(evnt, container, className) {
+        var targetElem;
+        var target = evnt.target;
+        while (target && target.nodeType && target !== document) {
+          if (className && target.className && target.className.split && target.className.split(' ').indexOf(className) > -1) {
+            targetElem = target;
+          } else if (target === container) {
+            return {
+              flag: className ? !!targetElem : true,
+              container: container,
+              targetElem: targetElem
+            };
+          }
+          target = target.parentNode;
+        }
+        return {
+          flag: false
+        };
+      }
+      /**
+       * 事件兼容性处理
+       */
+      function handleClearEvent(params) {
+        var $event = params.$event;
+        var bodyElem = document.body;
+        if (
+        // 下拉框
+        getEventTargetNode($event, bodyElem, 'ant-select-dropdown').flag ||
+        // 级联
+        getEventTargetNode($event, bodyElem, 'ant-cascader-menus').flag ||
+        // 日期
+        getEventTargetNode($event, bodyElem, 'ant-picker-dropdown').flag || getEventTargetNode($event, bodyElem, 'ant-calendar-picker-container').flag ||
+        // 时间选择
+        getEventTargetNode($event, bodyElem, 'ant-time-picker-panel').flag) {
+          return false;
+        }
+      }
+      var VxeUIPluginRenderAntd = exports.VxeUIPluginRenderAntd = {
+        install: function install(VxeUI, options) {
+          // 检查版本
+          if (!/^(4)\./.test(VxeUI.uiVersion)) {
+            console.error('[plugin-render-antd 4.x] Version 4.x is required');
+          }
+          (0, _table.defineTableRender)(VxeUI);
+          (0, _form.defineFormRender)(VxeUI);
+          (0, _formDesign.defineFormDesignRender)(VxeUI);
+          VxeUI.interceptor.add('event.clearFilter', handleClearEvent);
+          VxeUI.interceptor.add('event.clearEdit', handleClearEvent);
+          VxeUI.interceptor.add('event.clearAreas', handleClearEvent);
+          // 兼容老版本
+          VxeUI.interceptor.add('event.clearActived', handleClearEvent);
+        }
+      };
+      if (typeof window !== 'undefined' && window.VxeUI && window.VxeUI.use) {
+        window.VxeUI.use(VxeUIPluginRenderAntd);
+      }
+      var _default = exports["default"] = VxeUIPluginRenderAntd;
+    }, {
+      "./form": 4,
+      "./form-design": 3,
+      "./table": 6
+    }],
+    6: [function (require, module, exports) {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports.defineTableRender = defineTableRender;
+      var _vue = require("vue");
+      var _xeUtils = _interopRequireDefault(require("xe-utils"));
+      function _interopRequireDefault(e) {
+        return e && e.__esModule ? e : {
+          "default": e
+        };
+      }
+      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);
+      }
+      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;
+      }
+      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;
+      }
+      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;
+      }
+      function _toPropertyKey(t) {
+        var i = _toPrimitive(t, "string");
+        return "symbol" == _typeof(i) ? i : i + "";
+      }
+      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);
+      }
+      /**
+       * 表格 - 渲染器
+       */
+      function defineTableRender(VxeUI) {
+        function isEmptyValue(cellValue) {
+          return cellValue === null || cellValue === undefined || cellValue === '';
+        }
+        function getOnName(type) {
+          return 'on' + type.substring(0, 1).toLocaleUpperCase() + type.substring(1);
+        }
+        function getModelProp(renderOpts) {
+          var prop = 'value';
+          switch (renderOpts.name) {
+            case 'ASwitch':
+              prop = 'checked';
+              break;
+          }
+          return prop;
+        }
+        function getModelEvent(renderOpts) {
+          var type = 'update:value';
+          switch (renderOpts.name) {
+            case 'ASwitch':
+              type = 'update:checked';
+              break;
+          }
+          return type;
+        }
+        function dateFormatToVxeFormat(format) {
+          if (format) {
+            return "".concat(format).replace('YYYY', 'yyyy').replace('DD', 'dd');
+          }
+          return format;
+        }
+        function getChangeEvent(renderOpts) {
+          return 'change';
+        }
+        function getCellEditFilterProps(renderOpts, params, value, defaultProps) {
+          return _xeUtils["default"].assign({}, defaultProps, renderOpts.props, _defineProperty({}, getModelProp(renderOpts), value));
+        }
+        function formatText(cellValue) {
+          return '' + (isEmptyValue(cellValue) ? '' : cellValue);
+        }
+        function getCellLabelVNs(renderOpts, params, cellLabel) {
+          var placeholder = renderOpts.placeholder;
+          return [(0, _vue.h)('span', {
+            "class": 'vxe-cell--label'
+          }, placeholder && isEmptyValue(cellLabel) ? [(0, _vue.h)('span', {
+            "class": 'vxe-cell--placeholder'
+          }, formatText(placeholder))] : formatText(cellLabel))];
+        }
+        function getOns(renderOpts, params, inputFunc, changeFunc) {
+          var events = renderOpts.events;
+          var modelEvent = getModelEvent(renderOpts);
+          var changeEvent = getChangeEvent(renderOpts);
+          var isSameEvent = changeEvent === modelEvent;
+          var ons = {};
+          _xeUtils["default"].objectEach(events, function (func, key) {
+            ons[getOnName(key)] = function () {
+              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                args[_key] = arguments[_key];
+              }
+              func.apply(void 0, [params].concat(args));
+            };
+          });
+          if (inputFunc) {
+            ons[getOnName(modelEvent)] = function (targetEvnt) {
+              inputFunc(targetEvnt);
+              if (events && events[modelEvent]) {
+                events[modelEvent](params, targetEvnt);
+              }
+              if (isSameEvent && changeFunc) {
+                changeFunc(targetEvnt);
+              }
+            };
+          }
+          if (!isSameEvent && changeFunc) {
+            ons[getOnName(changeEvent)] = function () {
+              for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                args[_key2] = arguments[_key2];
+              }
+              changeFunc.apply(void 0, args);
+              if (events && events[changeEvent]) {
+                events[changeEvent].apply(events, [params].concat(args));
+              }
+            };
+          }
+          return ons;
+        }
+        function getEditOns(renderOpts, params) {
+          var $table = params.$table,
+            row = params.row,
+            column = params.column;
+          return getOns(renderOpts, params, function (value) {
+            // 处理 model 值双向绑定
+            _xeUtils["default"].set(row, column.field, value);
+          }, function () {
+            // 处理 change 事件相关逻辑
+            $table.updateStatus(params);
+          });
+        }
+        function getFilterOns(renderOpts, params, option, changeFunc) {
+          return getOns(renderOpts, params, function (value) {
+            // 处理 model 值双向绑定
+            option.data = value;
+          }, changeFunc);
+        }
+        function matchCascaderData(index, list, values, labels) {
+          var val = values[index];
+          if (list && values.length > index) {
+            _xeUtils["default"].each(list, function (item) {
+              if (item.value === val) {
+                labels.push(item.label);
+                matchCascaderData(++index, item.children, values, labels);
+              }
+            });
+          }
+        }
+        function formatDatePicker(defaultFormat) {
+          return function (renderOpts, params) {
+            return getCellLabelVNs(renderOpts, params, getDatePickerCellValue(renderOpts, params, defaultFormat));
+          };
+        }
+        function getSelectCellValue(renderOpts, params) {
+          var _renderOpts$options = renderOpts.options,
+            options = _renderOpts$options === void 0 ? [] : _renderOpts$options,
+            optionGroups = renderOpts.optionGroups,
+            _renderOpts$props = renderOpts.props,
+            props = _renderOpts$props === void 0 ? {} : _renderOpts$props,
+            _renderOpts$optionPro = renderOpts.optionProps,
+            optionProps = _renderOpts$optionPro === void 0 ? {} : _renderOpts$optionPro,
+            _renderOpts$optionGro = renderOpts.optionGroupProps,
+            optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro;
+          var row = params.row,
+            column = params.column;
+          var labelProp = optionProps.label || 'label';
+          var valueProp = optionProps.value || 'value';
+          var groupOptions = optionGroupProps.options || 'options';
+          var cellValue = _xeUtils["default"].get(row, column.field);
+          if (!isEmptyValue(cellValue)) {
+            return _xeUtils["default"].map(props.mode === 'multiple' ? cellValue : [cellValue], optionGroups ? function (value) {
+              var selectItem;
+              for (var index = 0; index < optionGroups.length; index++) {
+                selectItem = _xeUtils["default"].find(optionGroups[index][groupOptions], function (item) {
+                  return item[valueProp] === value;
+                });
+                if (selectItem) {
+                  break;
+                }
+              }
+              return selectItem ? selectItem[labelProp] : value;
+            } : function (value) {
+              var selectItem = _xeUtils["default"].find(options, function (item) {
+                return item[valueProp] === value;
+              });
+              return selectItem ? selectItem[labelProp] : value;
+            }).join(', ');
+          }
+          return '';
+        }
+        function getCascaderCellValue(renderOpts, params) {
+          var _renderOpts$props2 = renderOpts.props,
+            props = _renderOpts$props2 === void 0 ? {} : _renderOpts$props2;
+          var row = params.row,
+            column = params.column;
+          var cellValue = _xeUtils["default"].get(row, column.field);
+          var values = cellValue || [];
+          var labels = [];
+          matchCascaderData(0, props.options, values, labels);
+          return (props.showAllLevels === false ? labels.slice(labels.length - 1, labels.length) : labels).join(" ".concat(props.separator || '/', " "));
+        }
+        function getRangePickerCellValue(renderOpts, params) {
+          var _renderOpts$props3 = renderOpts.props,
+            props = _renderOpts$props3 === void 0 ? {} : _renderOpts$props3;
+          var row = params.row,
+            column = params.column;
+          var cellValue = _xeUtils["default"].get(row, column.field);
+          if (cellValue) {
+            cellValue = _xeUtils["default"].map(cellValue, function (date) {
+              return date && date.format ? date.format(props.format || 'YYYY-MM-DD') : _xeUtils["default"].toDateString(date, dateFormatToVxeFormat(props.format || 'YYYY-MM-DD'));
+            }).join(' ~ ');
+          }
+          return cellValue;
+        }
+        function getTreeSelectCellValue(renderOpts, params) {
+          var _renderOpts$props4 = renderOpts.props,
+            props = _renderOpts$props4 === void 0 ? {} : _renderOpts$props4;
+          var treeData = props.treeData,
+            treeCheckable = props.treeCheckable;
+          var row = params.row,
+            column = params.column;
+          var cellValue = _xeUtils["default"].get(row, column.field);
+          if (!isEmptyValue(cellValue)) {
+            return _xeUtils["default"].map(treeCheckable ? cellValue : [cellValue], function (value) {
+              var matchObj = _xeUtils["default"].findTree(treeData, function (item) {
+                return item.value === value;
+              }, {
+                children: 'children'
+              });
+              return matchObj ? matchObj.item.title : value;
+            }).join(', ');
+          }
+          return cellValue;
+        }
+        function getDatePickerCellValue(renderOpts, params, defaultFormat) {
+          var _renderOpts$props5 = renderOpts.props,
+            props = _renderOpts$props5 === void 0 ? {} : _renderOpts$props5;
+          var row = params.row,
+            column = params.column;
+          var cellValue = _xeUtils["default"].get(row, column.field);
+          try {
+            if (cellValue) {
+              cellValue = cellValue.format ? cellValue.format(props.format || defaultFormat) : _xeUtils["default"].toDateString(cellValue, dateFormatToVxeFormat(props.format || defaultFormat));
+            }
+          } catch (e) {}
+          return cellValue;
+        }
+        function createEditRender(defaultProps) {
+          return function (renderOpts, params) {
+            var row = params.row,
+              column = params.column;
+            var name = renderOpts.name,
+              attrs = renderOpts.attrs;
+            var cellValue = _xeUtils["default"].get(row, column.field);
+            return [(0, _vue.h)((0, _vue.resolveComponent)(name), _objectSpread(_objectSpread(_objectSpread({}, attrs), getCellEditFilterProps(renderOpts, params, cellValue, defaultProps)), getEditOns(renderOpts, params)))];
+          };
+        }
+        function defaultButtonEditRender(renderOpts, params) {
+          var attrs = renderOpts.attrs;
+          return [(0, _vue.h)((0, _vue.resolveComponent)('a-button'), _objectSpread(_objectSpread(_objectSpread({}, attrs), getCellEditFilterProps(renderOpts, params, null)), getOns(renderOpts, params)), cellText(renderOpts.content))];
+        }
+        function defaultButtonsEditRender(renderOpts, params) {
+          var children = renderOpts.children;
+          if (children) {
+            return children.map(function (childRenderOpts) {
+              return defaultButtonEditRender(childRenderOpts, params)[0];
+            });
+          }
+          return [];
+        }
+        function createFilterRender(defaultProps) {
+          return function (renderOpts, params) {
             var column = params.column;
             var name = renderOpts.name,
               attrs = renderOpts.attrs;
@@ -639,43 +1071,244 @@
               "class": 'vxe-table--filter-antd-wrapper'
             }, column.filters.map(function (option, oIndex) {
               var optionValue = option.data;
-              return (0, _vue.h)(name, _objectSpread(_objectSpread(_objectSpread({
+              return (0, _vue.h)((0, _vue.resolveComponent)(name), _objectSpread(_objectSpread(_objectSpread({
                 key: oIndex
-              }, attrs), getCellEditFilterProps(renderOpts, params, optionValue)), getFilterOns(renderOpts, params, option, function () {
+              }, attrs), getCellEditFilterProps(renderOpts, params, optionValue, defaultProps)), getFilterOns(renderOpts, params, option, function () {
                 // 处理 change 事件相关逻辑
-                handleConfirmFilter(params, _xeUtils["default"].isBoolean(option.data), option);
+                handleConfirmFilter(params, !!option.data, option);
               })));
             }))];
-          },
-          defaultFilterMethod: defaultExactFilterMethod,
-          renderItemContent: createFormItemRender()
-        },
-        ARadio: {
-          renderItemContent: createFormItemRadioAndCheckboxRender()
-        },
-        ACheckbox: {
-          renderItemContent: createFormItemRadioAndCheckboxRender()
-        },
-        AButton: {
-          renderEdit: defaultButtonEditRender,
-          renderDefault: defaultButtonEditRender,
-          renderItemContent: defaultButtonItemRender
-        },
-        AButtons: {
-          renderEdit: defaultButtonsEditRender,
-          renderDefault: defaultButtonsEditRender,
-          renderItemContent: defaultButtonsItemRender
+          };
         }
-      });
-      VxeUI.interceptor.add('event.clearFilter', handleClearEvent);
-      VxeUI.interceptor.add('event.clearEdit', handleClearEvent);
-      VxeUI.interceptor.add('event.clearAreas', handleClearEvent);
-      // 兼容老版本
-      VxeUI.interceptor.add('event.clearActived', handleClearEvent);
-    }
-  };
-  if (typeof window !== 'undefined' && window.VxeUI && window.VxeUI.use) {
-    window.VxeUI.use(VxeUIPluginRenderAntd);
-  }
-  var _default2 = _exports["default"] = VxeUIPluginRenderAntd;
+        function handleConfirmFilter(params, checked, option) {
+          var $panel = params.$panel;
+          $panel.changeOption(null, checked, option);
+        }
+        /**
+        * 模糊匹配
+        * @param params
+        */
+        function defaultFuzzyFilterMethod(params) {
+          var option = params.option,
+            row = params.row,
+            column = params.column;
+          var data = option.data;
+          var cellValue = _xeUtils["default"].get(row, column.field);
+          return _xeUtils["default"].toValueString(cellValue).indexOf(data) > -1;
+        }
+        /**
+        * 精确匹配
+        * @param params
+        */
+        function defaultExactFilterMethod(params) {
+          var option = params.option,
+            row = params.row,
+            column = params.column;
+          var data = option.data;
+          var cellValue = _xeUtils["default"].get(row, column.field);
+          /* eslint-disable eqeqeq */
+          return cellValue === data;
+        }
+        function cellText(cellValue) {
+          return [formatText(cellValue)];
+        }
+        function createDatePickerExportMethod(defaultFormat) {
+          return function (params) {
+            var row = params.row,
+              column = params.column,
+              options = params.options;
+            return options && options.original ? _xeUtils["default"].get(row, column.field) : getDatePickerCellValue(column.editRender || column.cellRender, params, defaultFormat);
+          };
+        }
+        function createExportMethod(getExportCellValue) {
+          return function (params) {
+            var row = params.row,
+              column = params.column,
+              options = params.options;
+            return options && options.original ? _xeUtils["default"].get(row, column.field) : getExportCellValue(column.editRender || column.cellRender, params);
+          };
+        }
+        VxeUI.renderer.mixin({
+          AAutoComplete: {
+            tableAutoFocus: 'input.ant-input',
+            renderTableDefault: createEditRender(),
+            renderTableEdit: createEditRender(),
+            renderTableFilter: createFilterRender(),
+            tableFilterDefaultMethod: defaultExactFilterMethod
+          },
+          AInput: {
+            tableAutoFocus: 'input.ant-input',
+            renderTableDefault: createEditRender(),
+            renderTableEdit: createEditRender(),
+            renderTableFilter: createFilterRender(),
+            tableFilterDefaultMethod: defaultFuzzyFilterMethod
+          },
+          AInputNumber: {
+            tableAutoFocus: 'input.ant-input-number-input',
+            renderTableDefault: createEditRender(),
+            renderTableEdit: createEditRender(),
+            renderTableFilter: createFilterRender(),
+            tableFilterDefaultMethod: defaultFuzzyFilterMethod
+          },
+          ASelect: {
+            renderTableEdit: function renderTableEdit(renderOpts, params) {
+              var options = renderOpts.options,
+                optionGroups = renderOpts.optionGroups;
+              var row = params.row,
+                column = params.column;
+              var attrs = renderOpts.attrs;
+              var cellValue = _xeUtils["default"].get(row, column.field);
+              var props = getCellEditFilterProps(renderOpts, params, cellValue);
+              var ons = getEditOns(renderOpts, params);
+              if (optionGroups) {
+                return [(0, _vue.h)((0, _vue.resolveComponent)('a-select'), _objectSpread(_objectSpread(_objectSpread({}, props), attrs), {}, {
+                  options: optionGroups
+                }, ons))];
+              }
+              return [(0, _vue.h)((0, _vue.resolveComponent)('a-select'), _objectSpread(_objectSpread(_objectSpread({}, props), attrs), {}, {
+                options: props.options || options
+              }, ons))];
+            },
+            renderTableCell: function renderTableCell(renderOpts, params) {
+              return getCellLabelVNs(renderOpts, params, getSelectCellValue(renderOpts, params));
+            },
+            renderTableFilter: function renderTableFilter(renderOpts, params) {
+              var _renderOpts$options2 = renderOpts.options,
+                options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2,
+                optionGroups = renderOpts.optionGroups,
+                _renderOpts$optionGro2 = renderOpts.optionGroupProps,
+                optionGroupProps = _renderOpts$optionGro2 === void 0 ? {} : _renderOpts$optionGro2;
+              var groupOptions = optionGroupProps.options || 'options';
+              var column = params.column;
+              var attrs = renderOpts.attrs;
+              return [(0, _vue.h)('div', {
+                "class": 'vxe-table--filter-antd-wrapper'
+              }, optionGroups ? column.filters.map(function (option, oIndex) {
+                var optionValue = option.data;
+                var props = getCellEditFilterProps(renderOpts, params, optionValue);
+                return (0, _vue.h)((0, _vue.resolveComponent)('a-select'), _objectSpread(_objectSpread(_objectSpread({
+                  key: oIndex
+                }, attrs), props), {}, {
+                  options: groupOptions
+                }, getFilterOns(renderOpts, params, option, function () {
+                  // 处理 change 事件相关逻辑
+                  handleConfirmFilter(params, props.mode === 'multiple' ? option.data && option.data.length > 0 : !_xeUtils["default"].eqNull(option.data), option);
+                })));
+              }) : column.filters.map(function (option, oIndex) {
+                var optionValue = option.data;
+                var props = getCellEditFilterProps(renderOpts, params, optionValue);
+                return (0, _vue.h)((0, _vue.resolveComponent)('a-select'), _objectSpread(_objectSpread(_objectSpread({
+                  key: oIndex
+                }, attrs), props), {}, {
+                  options: props.options || options
+                }, getFilterOns(renderOpts, params, option, function () {
+                  // 处理 change 事件相关逻辑
+                  handleConfirmFilter(params, props.mode === 'multiple' ? option.data && option.data.length > 0 : !_xeUtils["default"].eqNull(option.data), option);
+                })));
+              }))];
+            },
+            tableFilterDefaultMethod: function tableFilterDefaultMethod(params) {
+              var option = params.option,
+                row = params.row,
+                column = params.column;
+              var data = option.data;
+              var field = column.field,
+                renderOpts = column.filterRender;
+              var _renderOpts$props6 = renderOpts.props,
+                props = _renderOpts$props6 === void 0 ? {} : _renderOpts$props6;
+              var cellValue = _xeUtils["default"].get(row, field);
+              if (props.mode === 'multiple') {
+                if (_xeUtils["default"].isArray(cellValue)) {
+                  return _xeUtils["default"].includeArrays(cellValue, data);
+                }
+                return data.indexOf(cellValue) > -1;
+              }
+              /* eslint-disable eqeqeq */
+              return cellValue == data;
+            },
+            tableExportMethod: createExportMethod(getSelectCellValue)
+          },
+          ACascader: {
+            renderTableEdit: createEditRender(),
+            renderTableCell: function renderTableCell(renderOpts, params) {
+              return getCellLabelVNs(renderOpts, params, getCascaderCellValue(renderOpts, params));
+            },
+            tableExportMethod: createExportMethod(getCascaderCellValue)
+          },
+          ADatePicker: {
+            renderTableEdit: createEditRender(),
+            renderTableCell: formatDatePicker('YYYY-MM-DD'),
+            tableExportMethod: createDatePickerExportMethod('YYYY-MM-DD')
+          },
+          AMonthPicker: {
+            renderTableEdit: createEditRender(),
+            renderTableCell: formatDatePicker('YYYY-MM'),
+            tableExportMethod: createDatePickerExportMethod('YYYY-MM')
+          },
+          ARangePicker: {
+            renderTableEdit: createEditRender(),
+            renderTableCell: function renderTableCell(renderOpts, params) {
+              return getCellLabelVNs(renderOpts, params, getRangePickerCellValue(renderOpts, params));
+            },
+            tableExportMethod: createExportMethod(getRangePickerCellValue)
+          },
+          AWeekPicker: {
+            renderTableEdit: createEditRender(),
+            renderTableCell: formatDatePicker('YYYY-WW周'),
+            tableExportMethod: createDatePickerExportMethod('YYYY-WW周')
+          },
+          ATimePicker: {
+            renderTableEdit: createEditRender(),
+            renderTableCell: formatDatePicker('HH:mm:ss'),
+            tableExportMethod: createDatePickerExportMethod('HH:mm:ss')
+          },
+          ATreeSelect: {
+            renderTableEdit: createEditRender(),
+            renderTableCell: function renderTableCell(renderOpts, params) {
+              return getCellLabelVNs(renderOpts, params, getTreeSelectCellValue(renderOpts, params));
+            },
+            tableExportMethod: createExportMethod(getTreeSelectCellValue)
+          },
+          ARate: {
+            renderTableDefault: createEditRender(),
+            renderTableEdit: createEditRender(),
+            renderTableFilter: createFilterRender(),
+            tableFilterDefaultMethod: defaultExactFilterMethod
+          },
+          ASwitch: {
+            renderTableDefault: createEditRender(),
+            renderTableEdit: createEditRender(),
+            renderTableFilter: function renderTableFilter(renderOpts, params) {
+              var column = params.column;
+              var name = renderOpts.name,
+                attrs = renderOpts.attrs;
+              return [(0, _vue.h)('div', {
+                "class": 'vxe-table--filter-antd-wrapper'
+              }, column.filters.map(function (option, oIndex) {
+                var optionValue = option.data;
+                return (0, _vue.h)(name, _objectSpread(_objectSpread(_objectSpread({
+                  key: oIndex
+                }, attrs), getCellEditFilterProps(renderOpts, params, optionValue)), getFilterOns(renderOpts, params, option, function () {
+                  // 处理 change 事件相关逻辑
+                  handleConfirmFilter(params, _xeUtils["default"].isBoolean(option.data), option);
+                })));
+              }))];
+            },
+            tableFilterDefaultMethod: defaultExactFilterMethod
+          },
+          AButton: {
+            renderTableEdit: defaultButtonEditRender,
+            renderTableDefault: defaultButtonEditRender
+          },
+          AButtons: {
+            renderTableEdit: defaultButtonsEditRender,
+            renderTableDefault: defaultButtonsEditRender
+          }
+        });
+      }
+    }, {
+      "vue": "vue",
+      "xe-utils": "xe-utils"
+    }]
+  }, {}, [5]);
 });