@vxe-ui/plugin-render-element 4.0.10 → 4.0.12

package/README.md

@@ -22,6 +22,32 @@ import VxeUIPluginRenderElement from '@vxe-ui/plugin-render-element'
 import '@vxe-ui/plugin-render-element/dist/style.css'
 // ...
 
+VxeUI.use(VxeUIPluginRenderElement)
+// VxeUI.use(VxeUIPluginRenderElement, {
+//   ElementPlus
+// })
+```
+
+## Demand import
+
+```javascript
+// ...
+// Use vxe-pc-ui
+import { VxeUI } from 'vxe-pc-ui'
+// Use vxe-table
+// import { VxeUI } from 'vxe-table'
+import VxeUIPluginRenderElement from '@vxe-ui/plugin-render-element'
+import '@vxe-ui/plugin-render-element/dist/style.css'
+// ...
+
+// If it is not a global installation, then a single import is required.
+import { ElInput, ElInputNumber, ElSelect } from 'element-plus'
+// ...
+VxeUIPluginRenderElement.component(ElInput)
+VxeUIPluginRenderElement.component(ElInputNumber)
+VxeUIPluginRenderElement.component(ElSelect)
+// ...
+
 VxeUI.use(VxeUIPluginRenderElement)
 ```
 

package/dist/all.common.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.createWidgetElCheckbox = createWidgetElCheckbox;
 var _vue = require("vue");
 var _use = require("./use");
+var _comp = require("../util/comp");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function createWidgetElCheckbox(VxeUI) {
@@ -61,7 +62,7 @@ function createWidgetElCheckbox(VxeUI) {
               title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
             }, {
               "default": function _default() {
-                return (0, _vue.h)((0, _vue.resolveComponent)('el-input'), {
+                return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
                   modelValue: widget.title,
                   'onUpdate:modelValue': function onUpdateModelValue(val) {
                     widget.title = val;
@@ -129,7 +130,7 @@ function createWidgetElCheckbox(VxeUI) {
           title: widget.title
         }, {
           "default": function _default() {
-            return (0, _vue.h)((0, _vue.resolveComponent)('el-checkbox-group'), {
+            return (0, _vue.h)((0, _comp.getCurrComponent)('el-checkbox-group'), {
               modelValue: $formView ? $formView.getItemValue(widget) : null,
               onChange: changeEvent,
               'onUpdate:modelValue': function onUpdateModelValue(val) {
@@ -140,7 +141,7 @@ function createWidgetElCheckbox(VxeUI) {
             }, {
               "default": function _default() {
                 return options.options ? options.options.map(function (item, index) {
-                  return (0, _vue.h)((0, _vue.resolveComponent)('el-checkbox'), {
+                  return (0, _vue.h)((0, _comp.getCurrComponent)('el-checkbox'), {
                     key: index,
                     value: item.value
                   }, {
@@ -162,7 +163,7 @@ function createWidgetElCheckbox(VxeUI) {
     WidgetElCheckboxViewComponent: WidgetElCheckboxViewComponent
   };
 }
-},{"./use":10,"vue":"vue","xe-utils":"xe-utils"}],2:[function(require,module,exports){
+},{"../util/comp":15,"./use":10,"vue":"vue","xe-utils":"xe-utils"}],2:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -170,6 +171,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createWidgetElDatePicker = createWidgetElDatePicker;
 var _vue = require("vue");
+var _comp = require("../util/comp");
 function createWidgetElDatePicker(VxeUI) {
   var getWidgetElDatePickerConfig = function getWidgetElDatePickerConfig(params) {
     return {
@@ -216,7 +218,7 @@ function createWidgetElDatePicker(VxeUI) {
               title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
             }, {
               "default": function _default() {
-                return (0, _vue.h)((0, _vue.resolveComponent)('el-input'), {
+                return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
                   modelValue: widget.title,
                   'onUpdate:modelValue': function onUpdateModelValue(val) {
                     widget.title = val;
@@ -284,7 +286,7 @@ function createWidgetElDatePicker(VxeUI) {
           title: widget.title
         }, {
           "default": function _default() {
-            return (0, _vue.h)((0, _vue.resolveComponent)('el-date-picker'), {
+            return (0, _vue.h)((0, _comp.getCurrComponent)('el-date-picker'), {
               modelValue: $formView ? $formView.getItemValue(widget) : null,
               placeholder: options.placeholder,
               onChange: changeEvent,
@@ -305,7 +307,7 @@ function createWidgetElDatePicker(VxeUI) {
     WidgetElDatePickerViewComponent: WidgetElDatePickerViewComponent
   };
 }
-},{"vue":"vue"}],3:[function(require,module,exports){
+},{"../util/comp":15,"vue":"vue"}],3:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -491,6 +493,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createWidgetElInput = createWidgetElInput;
 var _vue = require("vue");
+var _comp = require("../util/comp");
 function createWidgetElInput(VxeUI) {
   var getWidgetElInputConfig = function getWidgetElInputConfig(params) {
     return {
@@ -538,7 +541,7 @@ function createWidgetElInput(VxeUI) {
               title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
             }, {
               "default": function _default() {
-                return (0, _vue.h)((0, _vue.resolveComponent)('el-input'), {
+                return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
                   modelValue: widget.title,
                   'onUpdate:modelValue': function onUpdateModelValue(val) {
                     widget.title = val;
@@ -606,7 +609,7 @@ function createWidgetElInput(VxeUI) {
           title: widget.title
         }, {
           "default": function _default() {
-            return (0, _vue.h)((0, _vue.resolveComponent)('el-input'), {
+            return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
               modelValue: $formView ? $formView.getItemValue(widget) : null,
               placeholder: options.placeholder,
               onChange: changeEvent,
@@ -627,7 +630,7 @@ function createWidgetElInput(VxeUI) {
     WidgetElInputViewComponent: WidgetElInputViewComponent
   };
 }
-},{"vue":"vue"}],5:[function(require,module,exports){
+},{"../util/comp":15,"vue":"vue"}],5:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -635,6 +638,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createWidgetElInputNumber = createWidgetElInputNumber;
 var _vue = require("vue");
+var _comp = require("../util/comp");
 function createWidgetElInputNumber(VxeUI) {
   var getWidgetElInputNumberConfig = function getWidgetElInputNumberConfig(params) {
     return {
@@ -681,7 +685,7 @@ function createWidgetElInputNumber(VxeUI) {
               title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
             }, {
               "default": function _default() {
-                return (0, _vue.h)((0, _vue.resolveComponent)('el-input'), {
+                return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
                   modelValue: widget.title,
                   'onUpdate:modelValue': function onUpdateModelValue(val) {
                     widget.title = val;
@@ -749,7 +753,7 @@ function createWidgetElInputNumber(VxeUI) {
           title: widget.title
         }, {
           "default": function _default() {
-            return (0, _vue.h)((0, _vue.resolveComponent)('el-input-number'), {
+            return (0, _vue.h)((0, _comp.getCurrComponent)('el-input-number'), {
               modelValue: $formView ? $formView.getItemValue(widget) : null,
               placeholder: options.placeholder,
               onChange: changeEvent,
@@ -770,7 +774,7 @@ function createWidgetElInputNumber(VxeUI) {
     WidgetElInputNumberViewComponent: WidgetElInputNumberViewComponent
   };
 }
-},{"vue":"vue"}],6:[function(require,module,exports){
+},{"../util/comp":15,"vue":"vue"}],6:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -779,6 +783,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.createWidgetElRadio = createWidgetElRadio;
 var _vue = require("vue");
 var _use = require("./use");
+var _comp = require("../util/comp");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function createWidgetElRadio(VxeUI) {
@@ -833,7 +838,7 @@ function createWidgetElRadio(VxeUI) {
               title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
             }, {
               "default": function _default() {
-                return (0, _vue.h)((0, _vue.resolveComponent)('el-input'), {
+                return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
                   modelValue: widget.title,
                   'onUpdate:modelValue': function onUpdateModelValue(val) {
                     widget.title = val;
@@ -901,7 +906,7 @@ function createWidgetElRadio(VxeUI) {
           title: widget.title
         }, {
           "default": function _default() {
-            return (0, _vue.h)((0, _vue.resolveComponent)('el-radio-group'), {
+            return (0, _vue.h)((0, _comp.getCurrComponent)('el-radio-group'), {
               modelValue: $formView ? $formView.getItemValue(widget) : null,
               onChange: changeEvent,
               'onUpdate:modelValue': function onUpdateModelValue(val) {
@@ -912,7 +917,7 @@ function createWidgetElRadio(VxeUI) {
             }, {
               "default": function _default() {
                 return options.options ? options.options.map(function (item, index) {
-                  return (0, _vue.h)((0, _vue.resolveComponent)('el-radio'), {
+                  return (0, _vue.h)((0, _comp.getCurrComponent)('el-radio'), {
                     key: index,
                     value: item.value
                   }, {
@@ -934,7 +939,7 @@ function createWidgetElRadio(VxeUI) {
     WidgetElRadioViewComponent: WidgetElRadioViewComponent
   };
 }
-},{"./use":10,"vue":"vue","xe-utils":"xe-utils"}],7:[function(require,module,exports){
+},{"../util/comp":15,"./use":10,"vue":"vue","xe-utils":"xe-utils"}],7:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -943,6 +948,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.createWidgetElSelect = createWidgetElSelect;
 var _vue = require("vue");
 var _use = require("./use");
+var _comp = require("../util/comp");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function createWidgetElSelect(VxeUI) {
@@ -998,7 +1004,7 @@ function createWidgetElSelect(VxeUI) {
               title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
             }, {
               "default": function _default() {
-                return (0, _vue.h)((0, _vue.resolveComponent)('el-input'), {
+                return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
                   modelValue: widget.title,
                   'onUpdate:modelValue': function onUpdateModelValue(val) {
                     widget.title = val;
@@ -1066,7 +1072,7 @@ function createWidgetElSelect(VxeUI) {
           title: widget.title
         }, {
           "default": function _default() {
-            return (0, _vue.h)((0, _vue.resolveComponent)('el-select'), {
+            return (0, _vue.h)((0, _comp.getCurrComponent)('el-select'), {
               modelValue: $formView ? $formView.getItemValue(widget) : null,
               placeholder: options.placeholder,
               onChange: changeEvent,
@@ -1078,7 +1084,7 @@ function createWidgetElSelect(VxeUI) {
             }, {
               "default": function _default() {
                 return options.options ? options.options.map(function (item) {
-                  return (0, _vue.h)((0, _vue.resolveComponent)('el-option'), {
+                  return (0, _vue.h)((0, _comp.getCurrComponent)('el-option'), {
                     label: item.value,
                     value: item.value
                   });
@@ -1096,7 +1102,7 @@ function createWidgetElSelect(VxeUI) {
     WidgetElSelectViewComponent: WidgetElSelectViewComponent
   };
 }
-},{"./use":10,"vue":"vue","xe-utils":"xe-utils"}],8:[function(require,module,exports){
+},{"../util/comp":15,"./use":10,"vue":"vue","xe-utils":"xe-utils"}],8:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -1104,6 +1110,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createWidgetElSwitch = createWidgetElSwitch;
 var _vue = require("vue");
+var _comp = require("../util/comp");
 function createWidgetElSwitch(VxeUI) {
   var getWidgetElSwitchConfig = function getWidgetElSwitchConfig(params) {
     return {
@@ -1148,7 +1155,7 @@ function createWidgetElSwitch(VxeUI) {
               title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
             }, {
               "default": function _default() {
-                return (0, _vue.h)((0, _vue.resolveComponent)('el-input'), {
+                return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
                   modelValue: widget.title,
                   'onUpdate:modelValue': function onUpdateModelValue(val) {
                     widget.title = val;
@@ -1215,7 +1222,7 @@ function createWidgetElSwitch(VxeUI) {
           title: widget.title
         }, {
           "default": function _default() {
-            return (0, _vue.h)((0, _vue.resolveComponent)('el-switch'), {
+            return (0, _vue.h)((0, _comp.getCurrComponent)('el-switch'), {
               modelValue: $formView ? $formView.getItemValue(widget) : null,
               onChange: changeEvent,
               'onUpdate:modelValue': function onUpdateModelValue(val) {
@@ -1235,7 +1242,7 @@ function createWidgetElSwitch(VxeUI) {
     WidgetElSwitchViewComponent: WidgetElSwitchViewComponent
   };
 }
-},{"vue":"vue"}],9:[function(require,module,exports){
+},{"../util/comp":15,"vue":"vue"}],9:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -1243,6 +1250,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createWidgetElTextarea = createWidgetElTextarea;
 var _vue = require("vue");
+var _comp = require("../util/comp");
 function createWidgetElTextarea(VxeUI) {
   var getWidgetElTextareaConfig = function getWidgetElTextareaConfig(params) {
     return {
@@ -1289,7 +1297,7 @@ function createWidgetElTextarea(VxeUI) {
               title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
             }, {
               "default": function _default() {
-                return (0, _vue.h)((0, _vue.resolveComponent)('el-input'), {
+                return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
                   modelValue: widget.title,
                   'onUpdate:modelValue': function onUpdateModelValue(val) {
                     widget.title = val;
@@ -1357,7 +1365,7 @@ function createWidgetElTextarea(VxeUI) {
           title: widget.title
         }, {
           "default": function _default() {
-            return (0, _vue.h)((0, _vue.resolveComponent)('el-input'), {
+            return (0, _vue.h)((0, _comp.getCurrComponent)('el-input'), {
               modelValue: $formView ? $formView.getItemValue(widget) : null,
               placeholder: options.placeholder,
               type: 'textarea',
@@ -1383,7 +1391,7 @@ function createWidgetElTextarea(VxeUI) {
     WidgetElTextareaViewComponent: WidgetElTextareaViewComponent
   };
 }
-},{"vue":"vue"}],10:[function(require,module,exports){
+},{"../util/comp":15,"vue":"vue"}],10:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -1617,6 +1625,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defineFormRender = defineFormRender;
 var _vue = require("vue");
+var _comp = require("../util/comp");
 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); }
@@ -1714,7 +1723,7 @@ function defineFormRender(VxeUI) {
     var labelProp = optionProps.label || 'label';
     var valueProp = optionProps.value || 'value';
     return _xeUtils["default"].map(options, function (item, oIndex) {
-      return (0, _vue.h)((0, _vue.resolveComponent)('el-option'), {
+      return (0, _vue.h)((0, _comp.getCurrComponent)('el-option'), {
         key: oIndex,
         value: item[valueProp],
         label: item[labelProp],
@@ -1732,13 +1741,13 @@ function defineFormRender(VxeUI) {
       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)))];
+      return [(0, _vue.h)((0, _comp.getCurrComponent)(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)('el-button'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), getOns(renderOpts, params)), {
+    return [(0, _vue.h)((0, _comp.getCurrComponent)('el-button'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), getOns(renderOpts, params)), {
       "default": function _default() {
         return cellText(renderOpts.content || props.content);
       }
@@ -1770,10 +1779,10 @@ function defineFormRender(VxeUI) {
       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)), {
+      return [(0, _vue.h)((0, _comp.getCurrComponent)("".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), {
+            return (0, _vue.h)((0, _comp.getCurrComponent)(name), {
               key: oIndex,
               label: option[valueProp],
               disabled: option.disabled
@@ -1815,10 +1824,10 @@ function defineFormRender(VxeUI) {
         if (optionGroups) {
           var groupOptions = optionGroupProps.options || 'options';
           var groupLabel = optionGroupProps.label || 'label';
-          return [(0, _vue.h)((0, _vue.resolveComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), ons), {
+          return [(0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), ons), {
             "default": function _default() {
               return _xeUtils["default"].map(optionGroups, function (group, gIndex) {
-                return (0, _vue.h)((0, _vue.resolveComponent)('el-option-group'), {
+                return (0, _vue.h)((0, _comp.getCurrComponent)('el-option-group'), {
                   label: group[groupLabel],
                   key: gIndex
                 }, {
@@ -1830,7 +1839,7 @@ function defineFormRender(VxeUI) {
             }
           })];
         }
-        return [(0, _vue.h)((0, _vue.resolveComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), ons), {
+        return [(0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), ons), {
           "default": function _default() {
             return renderOptions(options, optionProps);
           }
@@ -1870,10 +1879,10 @@ function defineFormRender(VxeUI) {
         var labelProp = optionProps.label || 'label';
         var valueProp = optionProps.value || 'value';
         var itemValue = _xeUtils["default"].get(data, field);
-        return [(0, _vue.h)((0, _vue.resolveComponent)('el-radio-group'), _objectSpread(_objectSpread(_objectSpread({}, attrs), getItemProps(renderOpts, params, itemValue)), getItemOns(renderOpts, params)), {
+        return [(0, _vue.h)((0, _comp.getCurrComponent)('el-radio-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)('el-radio'), {
+              return (0, _vue.h)((0, _comp.getCurrComponent)('el-radio'), {
                 key: oIndex,
                 value: option[valueProp],
                 disabled: option.disabled
@@ -1899,10 +1908,10 @@ function defineFormRender(VxeUI) {
         var labelProp = optionProps.label || 'label';
         var valueProp = optionProps.value || 'value';
         var itemValue = _xeUtils["default"].get(data, field);
-        return [(0, _vue.h)((0, _vue.resolveComponent)('el-checkbox-group'), _objectSpread(_objectSpread(_objectSpread({}, attrs), getItemProps(renderOpts, params, itemValue)), getItemOns(renderOpts, params)), {
+        return [(0, _vue.h)((0, _comp.getCurrComponent)('el-checkbox-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)('el-checkbox'), {
+              return (0, _vue.h)((0, _comp.getCurrComponent)('el-checkbox'), {
                 key: oIndex,
                 value: option[valueProp],
                 label: option[labelProp],
@@ -1928,7 +1937,7 @@ function defineFormRender(VxeUI) {
     }
   });
 }
-},{"vue":"vue","xe-utils":"xe-utils"}],12:[function(require,module,exports){
+},{"../util/comp":15,"vue":"vue","xe-utils":"xe-utils"}],12:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -1938,6 +1947,9 @@ exports["default"] = exports.VxeUIPluginRenderElement = void 0;
 var _table = require("./table");
 var _form = require("./form");
 var _formDesign = require("./form-design");
+var _store = require("./store");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 // eslint-disable-next-line no-unused-vars
 var ElementPlus;
 function getEventTarget(evnt) {
@@ -1990,12 +2002,31 @@ function handleClearEvent(params) {
     return false;
   }
 }
+function toComponentName(name) {
+  if (name) {
+    return name.slice(0, 1).toUpperCase() + name.slice(1);
+  }
+  return name;
+}
 var VxeUIPluginRenderElement = exports.VxeUIPluginRenderElement = {
+  component: function component(comp) {
+    if (comp && comp.name) {
+      var kcName = _xeUtils["default"].kebabCase('el-button');
+      var ccName = toComponentName(_xeUtils["default"].camelCase('el-button'));
+      _store.componentMaps[kcName] = comp;
+      _store.componentMaps[ccName] = comp;
+    } else {
+      console.error('[@vxe-ui/plugin-render-element 4.0.12] error component.', comp);
+    }
+  },
   install: function install(VxeUI, options) {
-    ElementPlus = options ? options.ElementPlus : {};
+    if (options) {
+      ElementPlus = options.ElementPlus;
+      Object.assign(_store.globalConfig, options);
+    }
     // 检查版本
     if (!/^(4)\./.test(VxeUI.uiVersion)) {
-      console.error('[@vxe-ui/plugin-render-element 4.0.10] Requires vxe-table 4.7.0+ version. https://vxeui.com/other4/#/plugin-export-xlsx/install');
+      console.error('[@vxe-ui/plugin-render-element 4.0.12] Requires vxe-table 4.7.0+ version. https://vxeui.com/other4/#/plugin-render-element/install');
     }
     (0, _table.defineTableRender)(VxeUI);
     (0, _form.defineFormRender)(VxeUI);
@@ -2007,11 +2038,25 @@ var VxeUIPluginRenderElement = exports.VxeUIPluginRenderElement = {
     VxeUI.interceptor.add('event.clearActived', handleClearEvent);
   }
 };
-if (typeof window !== 'undefined' && window.VxeUI && window.VxeUI.use) {
-  window.VxeUI.use(VxeUIPluginRenderElement);
+if (typeof window !== 'undefined') {
+  if (window.VxeUI && window.VxeUI.use) {
+    window.VxeUI.use(VxeUIPluginRenderElement);
+  }
+  if (window.ElementPlus) {
+    _store.globalConfig.ElementPlus = window.ElementPlus;
+  }
 }
 var _default = exports["default"] = VxeUIPluginRenderElement;
-},{"./form":11,"./form-design":3,"./table":13}],13:[function(require,module,exports){
+},{"./form":11,"./form-design":3,"./store":13,"./table":14,"xe-utils":"xe-utils"}],13:[function(require,module,exports){
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.globalConfig = exports.componentMaps = void 0;
+var globalConfig = exports.globalConfig = {};
+var componentMaps = exports.componentMaps = {};
+},{}],14:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -2019,6 +2064,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defineTableRender = defineTableRender;
 var _vue = require("vue");
+var _comp = require("../util/comp");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _dayjs = _interopRequireDefault(require("dayjs"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
@@ -2294,12 +2340,12 @@ function defineTableRender(VxeUI) {
       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)))];
+      return [(0, _vue.h)((0, _comp.getCurrComponent)(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)('el-button'), _objectSpread(_objectSpread(_objectSpread({}, attrs), getCellEditFilterProps(renderOpts, params, null)), getOns(renderOpts, params)), cellText(renderOpts.content))];
+    return [(0, _vue.h)((0, _comp.getCurrComponent)('el-button'), _objectSpread(_objectSpread(_objectSpread({}, attrs), getCellEditFilterProps(renderOpts, params, null)), getOns(renderOpts, params)), cellText(renderOpts.content))];
   }
   function defaultButtonsEditRender(renderOpts, params) {
     var children = renderOpts.children;
@@ -2319,7 +2365,7 @@ function defineTableRender(VxeUI) {
         "class": 'vxe-table--filter-element-wrapper'
       }, column.filters.map(function (option, oIndex) {
         var optionValue = option.data;
-        return (0, _vue.h)((0, _vue.resolveComponent)(name), _objectSpread(_objectSpread(_objectSpread({
+        return (0, _vue.h)((0, _comp.getCurrComponent)(name), _objectSpread(_objectSpread(_objectSpread({
           key: oIndex
         }, attrs), getCellEditFilterProps(renderOpts, params, optionValue, defaultProps)), getFilterOns(renderOpts, params, option, function () {
           // 处理 change 事件相关逻辑
@@ -2361,7 +2407,7 @@ function defineTableRender(VxeUI) {
     var labelProp = optionProps.label || 'label';
     var valueProp = optionProps.value || 'value';
     return _xeUtils["default"].map(options, function (item, oIndex) {
-      return (0, _vue.h)((0, _vue.resolveComponent)('el-option'), {
+      return (0, _vue.h)((0, _comp.getCurrComponent)('el-option'), {
         key: oIndex,
         value: item[valueProp],
         label: item[labelProp],
@@ -2420,10 +2466,10 @@ function defineTableRender(VxeUI) {
         if (optionGroups) {
           var groupOptions = optionGroupProps.options || 'options';
           var groupLabel = optionGroupProps.label || 'label';
-          return [(0, _vue.h)((0, _vue.resolveComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), ons), {
+          return [(0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({}, attrs), props), ons), {
             "default": function _default() {
               return _xeUtils["default"].map(optionGroups, function (group, gIndex) {
-                return (0, _vue.h)((0, _vue.resolveComponent)('el-option-group'), {
+                return (0, _vue.h)((0, _comp.getCurrComponent)('el-option-group'), {
                   key: gIndex,
                   label: group[groupLabel]
                 }, {
@@ -2435,7 +2481,7 @@ function defineTableRender(VxeUI) {
             }
           })];
         }
-        return [(0, _vue.h)((0, _vue.resolveComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({}, props), attrs), ons), {
+        return [(0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({}, props), attrs), ons), {
           "default": function _default() {
             return renderOptions(options, optionProps);
           }
@@ -2461,7 +2507,7 @@ function defineTableRender(VxeUI) {
         }, optionGroups ? column.filters.map(function (option, oIndex) {
           var optionValue = option.data;
           var props = getCellEditFilterProps(renderOpts, params, optionValue);
-          return (0, _vue.h)((0, _vue.resolveComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({
+          return (0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({
             key: oIndex
           }, attrs), props), getFilterOns(renderOpts, params, option, function () {
             // 处理 change 事件相关逻辑
@@ -2469,7 +2515,7 @@ function defineTableRender(VxeUI) {
           })), {
             "default": function _default() {
               return _xeUtils["default"].map(optionGroups, function (group, gIndex) {
-                return (0, _vue.h)((0, _vue.resolveComponent)('el-option-group'), {
+                return (0, _vue.h)((0, _comp.getCurrComponent)('el-option-group'), {
                   key: gIndex,
                   label: group[groupLabel]
                 }, {
@@ -2483,7 +2529,7 @@ function defineTableRender(VxeUI) {
         }) : column.filters.map(function (option, oIndex) {
           var optionValue = option.data;
           var props = getCellEditFilterProps(renderOpts, params, optionValue);
-          return (0, _vue.h)((0, _vue.resolveComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({
+          return (0, _vue.h)((0, _comp.getCurrComponent)('el-select'), _objectSpread(_objectSpread(_objectSpread({
             key: oIndex
           }, attrs), props), getFilterOns(renderOpts, params, option, function () {
             // 处理 change 事件相关逻辑
@@ -2536,7 +2582,7 @@ function defineTableRender(VxeUI) {
           "class": 'vxe-table--filter-element-wrapper'
         }, column.filters.map(function (option, oIndex) {
           var optionValue = option.data;
-          return (0, _vue.h)((0, _vue.resolveComponent)(name), _objectSpread(_objectSpread(_objectSpread({
+          return (0, _vue.h)((0, _comp.getCurrComponent)(name), _objectSpread(_objectSpread(_objectSpread({
             key: oIndex
           }, attrs), getCellEditFilterProps(renderOpts, params, optionValue)), getFilterOns(renderOpts, params, option, function () {
             // 处理 change 事件相关逻辑
@@ -2596,7 +2642,7 @@ function defineTableRender(VxeUI) {
           "class": 'vxe-table--filter-element-wrapper'
         }, column.filters.map(function (option, oIndex) {
           var optionValue = option.data;
-          return (0, _vue.h)((0, _vue.resolveComponent)(name), _objectSpread(_objectSpread(_objectSpread({
+          return (0, _vue.h)((0, _comp.getCurrComponent)(name), _objectSpread(_objectSpread(_objectSpread({
             key: oIndex
           }, attrs), getCellEditFilterProps(renderOpts, params, optionValue)), getFilterOns(renderOpts, params, option, function () {
             // 处理 change 事件相关逻辑
@@ -2620,4 +2666,16 @@ function defineTableRender(VxeUI) {
     }
   });
 }
-},{"dayjs":"dayjs","vue":"vue","xe-utils":"xe-utils"}]},{},[12]);
+},{"../util/comp":15,"dayjs":"dayjs","vue":"vue","xe-utils":"xe-utils"}],15:[function(require,module,exports){
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCurrComponent = getCurrComponent;
+var _vue = require("vue");
+var _store = require("../store");
+function getCurrComponent(name) {
+  return (0, _vue.resolveComponent)(name) || _store.componentMaps[name] || (_store.globalConfig.ElementPlus ? _store.globalConfig.ElementPlus[name] : null);
+}
+},{"../store":13,"vue":"vue"}]},{},[12]);