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

package/dist/all.common.js

@@ -0,0 +1,1148 @@
+(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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;
+                  }
+                });
+              }
+            })];
+          }
+        });
+      };
+    }
+  });
+  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 {
+    getWidgetADatePickerConfig: getWidgetADatePickerConfig,
+    WidgetADatePickerFormComponent: WidgetADatePickerFormComponent,
+    WidgetADatePickerViewComponent: WidgetADatePickerViewComponent
+  };
+}
+},{"vue":"vue"}],2:[function(require,module,exports){
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 {};
+        }
+      },
+      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 {
+    getWidgetAInputConfig: getWidgetAInputConfig,
+    WidgetAInputFormComponent: WidgetAInputFormComponent,
+    WidgetAInputViewComponent: WidgetAInputViewComponent
+  };
+}
+},{"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
+        });
+      }
+    },
+    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);
+        }
+      };
+    }
+    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);
+      }
+    })];
+  }
+  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);
+      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: props.options || options
+        }, ons))];
+      }
+    },
+    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;
+      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 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]);