vxe-pc-ui 3.0.1 → 3.0.2

package/lib/form/render/index.js

@@ -0,0 +1,509 @@
+"use strict";
+
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _ui = require("../../ui");
+var _vn = require("../../ui/src/vn");
+var _log = require("../../ui/src/log");
+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 _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 componentDefaultModelProp = 'value';
+/**
+ * 已废弃
+ * @deprecated
+ */
+function getOldComponentName(name) {
+  return "vxe-".concat(name.replace('$', ''));
+}
+/**
+ * 已废弃
+ * @deprecated
+ */
+function getOldComponent(_ref) {
+  var name = _ref.name;
+  return getOldComponentName(name);
+}
+function getDefaultComponent(_ref2) {
+  var name = _ref2.name;
+  return name;
+}
+function getNativeAttrs(renderOpts) {
+  var name = renderOpts.name,
+    attrs = renderOpts.attrs;
+  if (name === 'input') {
+    attrs = Object.assign({
+      type: 'text'
+    }, attrs);
+  }
+  return attrs;
+}
+function getComponentFormItemProps(renderOpts, params, value, defaultProps) {
+  return _xeUtils.default.assign({}, defaultProps, renderOpts.props, _defineProperty({}, componentDefaultModelProp, value));
+}
+/**
+ * 原生事件处理
+ * @param renderOpts
+ * @param params
+ * @param modelFunc
+ * @param changeFunc
+ */
+function getElementOns(renderOpts, params, modelFunc, changeFunc) {
+  var events = renderOpts.events;
+  var modelEvent = (0, _vn.getModelEvent)(renderOpts.name);
+  var changeEvent = (0, _vn.getChangeEvent)(renderOpts.name);
+  var isSameEvent = changeEvent === modelEvent;
+  var ons = {};
+  if (events) {
+    _xeUtils.default.objectEach(events, function (func, key) {
+      ons[(0, _vn.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 (modelFunc) {
+    ons[(0, _vn.getOnName)(modelEvent)] = function (targetEvnt) {
+      modelFunc(targetEvnt);
+      if (isSameEvent && changeFunc) {
+        changeFunc(targetEvnt);
+      }
+      if (events && events[modelEvent]) {
+        events[modelEvent](params, targetEvnt);
+      }
+    };
+  }
+  if (!isSameEvent && changeFunc) {
+    ons[(0, _vn.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;
+}
+/**
+ * 组件事件处理
+ * @param renderOpts
+ * @param params
+ * @param modelFunc
+ * @param changeFunc
+ */
+function getComponentOns(renderOpts, params, modelFunc, changeFunc) {
+  var events = renderOpts.events;
+  var modelEvent = (0, _vn.getModelEvent)(renderOpts.name);
+  var changeEvent = (0, _vn.getChangeEvent)(renderOpts.name);
+  var ons = {};
+  _xeUtils.default.objectEach(events, function (func, key) {
+    ons[(0, _vn.getOnName)(key)] = function () {
+      if (process.env.NODE_ENV === 'development') {
+        if (!_xeUtils.default.isFunction(func)) {
+          (0, _log.errLog)('vxe.error.errFunc', [func]);
+        }
+      }
+      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        args[_key3] = arguments[_key3];
+      }
+      func.apply(void 0, [params].concat(args));
+    };
+  });
+  if (modelFunc) {
+    ons[(0, _vn.getOnName)(modelEvent)] = function (targetEvnt) {
+      modelFunc(targetEvnt);
+      if (events && events[modelEvent]) {
+        events[modelEvent](params, targetEvnt);
+      }
+    };
+  }
+  if (changeFunc) {
+    ons[(0, _vn.getOnName)(changeEvent)] = function () {
+      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+        args[_key4] = arguments[_key4];
+      }
+      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 getComponentOns(renderOpts, params, function (value) {
+    // 处理 model 值双向绑定
+    _xeUtils.default.set(data, field, value);
+  }, function () {
+    // 处理 change 事件相关逻辑
+    $form.updateStatus(params);
+  });
+}
+function getNativeItemOns(renderOpts, params) {
+  var $form = params.$form,
+    data = params.data,
+    field = params.field;
+  return getElementOns(renderOpts, params, function (evnt) {
+    // 处理 model 值双向绑定
+    var itemValue = evnt.target.value;
+    _xeUtils.default.set(data, field, itemValue);
+  }, function () {
+    // 处理 change 事件相关逻辑
+    $form.updateStatus(params);
+  });
+}
+function renderNativeOptgroup(h, renderOpts, params, renderOptionsMethods) {
+  var optionGroups = renderOpts.optionGroups,
+    _renderOpts$optionGro = renderOpts.optionGroupProps,
+    optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro;
+  var groupOptions = optionGroupProps.options || 'options';
+  var groupLabel = optionGroupProps.label || 'label';
+  return optionGroups.map(function (group, gIndex) {
+    return h('optgroup', {
+      key: gIndex,
+      attrs: {
+        label: group[groupLabel]
+      }
+    }, renderOptionsMethods(group[groupOptions], renderOpts, params));
+  });
+}
+/**
+ * 渲染表单-项
+ * 用于渲染原生的标签
+ */
+function nativeItemRender(h, renderOpts, params) {
+  var data = params.data,
+    field = params.field;
+  var name = renderOpts.name;
+  var attrs = getNativeAttrs(renderOpts);
+  var itemValue = _xeUtils.default.get(data, field);
+  return [h(name, {
+    class: "vxe-default-".concat(name),
+    attrs: attrs,
+    domProps: {
+      value: attrs && name === 'input' && (attrs.type === 'submit' || attrs.type === 'reset') ? null : itemValue
+    },
+    on: getNativeItemOns(renderOpts, params)
+  })];
+}
+function defaultItemRender(h, renderOpts, params) {
+  var data = params.data,
+    field = params.field;
+  var itemValue = _xeUtils.default.get(data, field);
+  return [h(getDefaultComponent(renderOpts), {
+    props: getComponentFormItemProps(renderOpts, params, itemValue),
+    on: getItemOns(renderOpts, params)
+  })];
+}
+/**
+ * 已废弃
+ * @deprecated
+ */
+function oldItemRender(h, renderOpts, params) {
+  var data = params.data,
+    field = params.field;
+  var itemValue = _xeUtils.default.get(data, field);
+  return [h(getOldComponent(renderOpts), {
+    props: getComponentFormItemProps(renderOpts, params, itemValue),
+    on: getItemOns(renderOpts, params)
+  })];
+}
+/**
+ * 已废弃
+ * @deprecated
+ */
+function oldButtonItemRender(h, renderOpts, params) {
+  return [h('vxe-button', {
+    props: getComponentFormItemProps(renderOpts, params, null),
+    on: getComponentOns(renderOpts, params)
+  })];
+}
+/**
+ * 已废弃
+ * @deprecated
+ */
+function oldButtonsItemRender(h, renderOpts, params) {
+  return renderOpts.children.map(function (childRenderOpts) {
+    return oldButtonItemRender(h, childRenderOpts, params)[0];
+  });
+}
+/**
+ * 渲染原生的 select 标签
+ */
+function renderNativeFormOptions(h, options, renderOpts, params) {
+  var data = params.data,
+    field = params.field;
+  var _renderOpts$optionPro = renderOpts.optionProps,
+    optionProps = _renderOpts$optionPro === void 0 ? {} : _renderOpts$optionPro;
+  var labelProp = optionProps.label || 'label';
+  var valueProp = optionProps.value || 'value';
+  var disabledProp = optionProps.disabled || 'disabled';
+  var cellValue = _xeUtils.default.get(data, field);
+  return options.map(function (item, oIndex) {
+    return h('option', {
+      key: oIndex,
+      props: {
+        value: item[valueProp],
+        disabled: item[disabledProp],
+        /* eslint-disable eqeqeq */
+        selected: item[valueProp] == cellValue
+      }
+    }, item[labelProp]);
+  });
+}
+/**
+ * 渲染表单-项
+ */
+function defaultFormItemRender(h, renderOpts, params) {
+  var data = params.data,
+    field = params.field;
+  var itemValue = _xeUtils.default.get(data, field);
+  return [h(getDefaultComponent(renderOpts), {
+    props: getComponentFormItemProps(renderOpts, params, itemValue),
+    on: getItemOns(renderOpts, params)
+  })];
+}
+function formItemRadioAndCheckboxRender(h, renderOpts, params) {
+  var options = renderOpts.options,
+    optionProps = renderOpts.optionProps;
+  var data = params.data,
+    field = params.field;
+  var itemValue = _xeUtils.default.get(data, field);
+  return [h(getDefaultComponent(renderOpts), {
+    props: Object.assign({
+      options: options,
+      optionProps: optionProps
+    }, getComponentFormItemProps(renderOpts, params, itemValue)),
+    on: getItemOns(renderOpts, params)
+  })];
+}
+/**
+ * 已废弃
+ * @deprecated
+ */
+function oldFormItemRadioAndCheckboxRender(h, renderOpts, params) {
+  var name = renderOpts.name,
+    options = renderOpts.options,
+    _renderOpts$optionPro2 = renderOpts.optionProps,
+    optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2;
+  var data = params.data,
+    field = params.field;
+  var labelProp = optionProps.label || 'label';
+  var valueProp = optionProps.value || 'value';
+  var disabledProp = optionProps.disabled || 'disabled';
+  var itemValue = _xeUtils.default.get(data, field);
+  var compName = getOldComponentName(name);
+  // 如果是分组
+  if (options) {
+    return [h("".concat(compName, "-group"), {
+      props: getComponentFormItemProps(renderOpts, params, itemValue),
+      on: getItemOns(renderOpts, params),
+      scopedSlots: {
+        default: function _default() {
+          return options.map(function (item, index) {
+            return h(compName, {
+              key: index,
+              props: {
+                label: item[valueProp],
+                content: item[labelProp],
+                disabled: item[disabledProp]
+              }
+            });
+          });
+        }
+      }
+    })];
+  }
+  return [h(compName, {
+    props: getComponentFormItemProps(renderOpts, params, itemValue),
+    on: getItemOns(renderOpts, params)
+  })];
+}
+/**
+ * 表单 - 渲染器
+ */
+_ui.renderer.mixin({
+  input: {
+    renderItemContent: nativeItemRender
+  },
+  textarea: {
+    renderItemContent: nativeItemRender
+  },
+  select: {
+    renderItemContent: function renderItemContent(h, renderOpts, params) {
+      return [h('select', {
+        class: 'vxe-default-select',
+        attrs: Object.assign({}, getNativeAttrs(renderOpts)),
+        on: getNativeItemOns(renderOpts, params)
+      }, renderOpts.optionGroups ? renderNativeOptgroup(h, renderOpts, params, renderNativeFormOptions) : renderNativeFormOptions(h, renderOpts.options, renderOpts, params))];
+    }
+  },
+  VxeInput: {
+    renderItemContent: defaultItemRender
+  },
+  VxeNumberInput: {
+    renderItemContent: defaultItemRender
+  },
+  VxePasswordInput: {
+    renderItemContent: defaultItemRender
+  },
+  VxeTextarea: {
+    renderItemContent: defaultItemRender
+  },
+  VxeDatePicker: {
+    renderItemContent: defaultItemRender
+  },
+  VxeButton: {
+    renderItemContent: defaultFormItemRender
+  },
+  VxeButtonGroup: {
+    renderItemContent: function renderItemContent(h, renderOpts, params) {
+      var options = renderOpts.options;
+      var data = params.data,
+        field = params.field;
+      var itemValue = _xeUtils.default.get(data, field);
+      return [h(getDefaultComponent(renderOpts), {
+        props: Object.assign({
+          options: options
+        }, getComponentFormItemProps(renderOpts, params, itemValue)),
+        on: getItemOns(renderOpts, params)
+      })];
+    }
+  },
+  VxeSelect: {
+    renderItemContent: function renderItemContent(h, renderOpts, params) {
+      var data = params.data,
+        field = params.field;
+      var options = renderOpts.options,
+        optionProps = renderOpts.optionProps,
+        optionGroups = renderOpts.optionGroups,
+        optionGroupProps = renderOpts.optionGroupProps;
+      var itemValue = _xeUtils.default.get(data, field);
+      return [h(getDefaultComponent(renderOpts), {
+        props: getComponentFormItemProps(renderOpts, params, itemValue, {
+          options: options,
+          optionProps: optionProps,
+          optionGroups: optionGroups,
+          optionGroupProps: optionGroupProps
+        }),
+        on: getItemOns(renderOpts, params)
+      })];
+    }
+  },
+  VxeTreeSelect: {
+    renderItemContent: function renderItemContent(h, renderOpts, params) {
+      var data = params.data,
+        field = params.field;
+      var options = renderOpts.options,
+        optionProps = renderOpts.optionProps;
+      var itemValue = _xeUtils.default.get(data, field);
+      return [h(getDefaultComponent(renderOpts), {
+        props: getComponentFormItemProps(renderOpts, params, itemValue, {
+          options: options,
+          optionProps: optionProps
+        }),
+        on: getItemOns(renderOpts, params)
+      })];
+    }
+  },
+  VxeIconPicker: {
+    renderItemContent: defaultFormItemRender
+  },
+  VxeRadio: {
+    renderItemContent: defaultFormItemRender
+  },
+  VxeRadioGroup: {
+    renderItemContent: formItemRadioAndCheckboxRender
+  },
+  VxeCheckbox: {
+    renderItemContent: defaultFormItemRender
+  },
+  VxeCheckboxGroup: {
+    renderItemContent: formItemRadioAndCheckboxRender
+  },
+  VxeSwitch: {
+    renderItemContent: defaultItemRender
+  },
+  VxeImage: {
+    renderItemContent: function renderItemContent(h, renderOpts, params) {
+      var data = params.data,
+        field = params.field;
+      var props = renderOpts.props;
+      var itemValue = _xeUtils.default.get(data, field);
+      return [h(getDefaultComponent(renderOpts), {
+        props: Object.assign(Object.assign({}, props), {
+          src: itemValue
+        }),
+        on: getItemOns(renderOpts, params)
+      })];
+    }
+  },
+  VxeImageGroup: {
+    renderItemContent: function renderItemContent(h, renderOpts, params) {
+      var data = params.data,
+        field = params.field;
+      var props = renderOpts.props;
+      var itemValue = _xeUtils.default.get(data, field);
+      return [h(getDefaultComponent(renderOpts), {
+        props: Object.assign(Object.assign({}, props), {
+          urlList: itemValue
+        }),
+        on: getItemOns(renderOpts, params)
+      })];
+    }
+  },
+  VxeUpload: {
+    renderItemContent: defaultItemRender
+  },
+  // 以下已废弃
+  $input: {
+    renderItemContent: oldItemRender
+  },
+  $textarea: {
+    renderItemContent: oldItemRender
+  },
+  $button: {
+    renderItemContent: oldButtonItemRender
+  },
+  $buttons: {
+    renderItemContent: oldButtonsItemRender
+  },
+  $select: {
+    renderItemContent: function renderItemContent(h, renderOpts, params) {
+      var data = params.data,
+        field = params.field;
+      var options = renderOpts.options,
+        optionProps = renderOpts.optionProps,
+        optionGroups = renderOpts.optionGroups,
+        optionGroupProps = renderOpts.optionGroupProps;
+      var itemValue = _xeUtils.default.get(data, field);
+      return [h(getOldComponent(renderOpts), {
+        props: getComponentFormItemProps(renderOpts, params, itemValue, {
+          options: options,
+          optionProps: optionProps,
+          optionGroups: optionGroups,
+          optionGroupProps: optionGroupProps
+        }),
+        on: getItemOns(renderOpts, params)
+      })];
+    }
+  },
+  $radio: {
+    renderItemContent: oldFormItemRadioAndCheckboxRender
+  },
+  $checkbox: {
+    renderItemContent: oldFormItemRadioAndCheckboxRender
+  },
+  $switch: {
+    renderItemContent: oldItemRender
+  }
+  // 以上已废弃
+});

package/lib/form/render/index.min.js

@@ -0,0 +1 @@
+var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}var componentDefaultModelProp="value";function getOldComponentName(e){return"vxe-".concat(e.replace("$",""))}function getOldComponent(e){return getOldComponentName(e.name)}function getDefaultComponent(e){return e.name}function getNativeAttrs(e){var t=e.name,e=e.attrs;return e="input"===t?Object.assign({type:"text"},e):e}function getComponentFormItemProps(e,t,n,o){return _xeUtils.default.assign({},o,e.props,_defineProperty({},componentDefaultModelProp,n))}function getElementOns(e,r,t,o){var a=e.events,n=(0,_vn.getModelEvent)(e.name),i=(0,_vn.getChangeEvent)(e.name),u=i===n,p={};return a&&_xeUtils.default.objectEach(a,function(o,e){p[(0,_vn.getOnName)(e)]=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];o.apply(void 0,[r].concat(t))}}),t&&(p[(0,_vn.getOnName)(n)]=function(e){t(e),u&&o&&o(e),a&&a[n]&&a[n](r,e)}),!u&&o&&(p[(0,_vn.getOnName)(i)]=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];o.apply(void 0,t),a&&a[i]&&a[i].apply(a,[r].concat(t))}),p}function getComponentOns(e,r,t,o){var a=e.events,n=(0,_vn.getModelEvent)(e.name),i=(0,_vn.getChangeEvent)(e.name),u={};return _xeUtils.default.objectEach(a,function(o,e){u[(0,_vn.getOnName)(e)]=function(){"development"!==process.env.NODE_ENV||_xeUtils.default.isFunction(o)||(0,_log.errLog)("vxe.error.errFunc",[o]);for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];o.apply(void 0,[r].concat(t))}}),t&&(u[(0,_vn.getOnName)(n)]=function(e){t(e),a&&a[n]&&a[n](r,e)}),o&&(u[(0,_vn.getOnName)(i)]=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];o.apply(void 0,t),a&&a[i]&&a[i].apply(a,[r].concat(t))}),u}function getItemOns(e,t){var n=t.$form,o=t.data,r=t.field;return getComponentOns(e,t,function(e){_xeUtils.default.set(o,r,e)},function(){n.updateStatus(t)})}function getNativeItemOns(e,t){var n=t.$form,o=t.data,r=t.field;return getElementOns(e,t,function(e){e=e.target.value;_xeUtils.default.set(o,r,e)},function(){n.updateStatus(t)})}function renderNativeOptgroup(n,o,r,a){var e=o.optionGroups,t=o.optionGroupProps,t=void 0===t?{}:t,i=t.options||"options",u=t.label||"label";return e.map(function(e,t){return n("optgroup",{key:t,attrs:{label:e[u]}},a(e[i],o,r))})}function nativeItemRender(e,t,n){var o=n.data,r=n.field,a=t.name,i=getNativeAttrs(t),o=_xeUtils.default.get(o,r);return[e(a,{class:"vxe-default-".concat(a),attrs:i,domProps:{value:!i||"input"!==a||"submit"!==i.type&&"reset"!==i.type?o:null},on:getNativeItemOns(t,n)})]}function defaultItemRender(e,t,n){var o=n.data,o=_xeUtils.default.get(o,n.field);return[e(getDefaultComponent(t),{props:getComponentFormItemProps(t,n,o),on:getItemOns(t,n)})]}function oldItemRender(e,t,n){var o=n.data,o=_xeUtils.default.get(o,n.field);return[e(getOldComponent(t),{props:getComponentFormItemProps(t,n,o),on:getItemOns(t,n)})]}function oldButtonItemRender(e,t,n){return[e("vxe-button",{props:getComponentFormItemProps(t,n,null),on:getComponentOns(t,n)})]}function oldButtonsItemRender(t,e,n){return e.children.map(function(e){return oldButtonItemRender(t,e,n)[0]})}function renderNativeFormOptions(n,e,t,o){var r=o.data,t=t.optionProps,t=void 0===t?{}:t,a=t.label||"label",i=t.value||"value",u=t.disabled||"disabled",p=_xeUtils.default.get(r,o.field);return e.map(function(e,t){return n("option",{key:t,props:{value:e[i],disabled:e[u],selected:e[i]==p}},e[a])})}function defaultFormItemRender(e,t,n){var o=n.data,o=_xeUtils.default.get(o,n.field);return[e(getDefaultComponent(t),{props:getComponentFormItemProps(t,n,o),on:getItemOns(t,n)})]}function formItemRadioAndCheckboxRender(e,t,n){var o=t.options,r=t.optionProps,a=n.data,a=_xeUtils.default.get(a,n.field);return[e(getDefaultComponent(t),{props:Object.assign({options:o,optionProps:r},getComponentFormItemProps(t,n,a)),on:getItemOns(t,n)})]}function oldFormItemRadioAndCheckboxRender(n,e,t){var o=e.name,r=e.options,a=e.optionProps,a=void 0===a?{}:a,i=t.data,u=a.label||"label",p=a.value||"value",d=a.disabled||"disabled",a=_xeUtils.default.get(i,t.field),m=getOldComponentName(o);return r?[n("".concat(m,"-group"),{props:getComponentFormItemProps(e,t,a),on:getItemOns(e,t),scopedSlots:{default:function(){return r.map(function(e,t){return n(m,{key:t,props:{label:e[p],content:e[u],disabled:e[d]}})})}}})]:[n(m,{props:getComponentFormItemProps(e,t,a),on:getItemOns(e,t)})]}_ui.renderer.mixin({input:{renderItemContent:nativeItemRender},textarea:{renderItemContent:nativeItemRender},select:{renderItemContent:function(e,t,n){return[e("select",{class:"vxe-default-select",attrs:Object.assign({},getNativeAttrs(t)),on:getNativeItemOns(t,n)},t.optionGroups?renderNativeOptgroup(e,t,n,renderNativeFormOptions):renderNativeFormOptions(e,t.options,t,n))]}},VxeInput:{renderItemContent:defaultItemRender},VxeNumberInput:{renderItemContent:defaultItemRender},VxePasswordInput:{renderItemContent:defaultItemRender},VxeTextarea:{renderItemContent:defaultItemRender},VxeDatePicker:{renderItemContent:defaultItemRender},VxeButton:{renderItemContent:defaultFormItemRender},VxeButtonGroup:{renderItemContent:function(e,t,n){var o=t.options,r=n.data,r=_xeUtils.default.get(r,n.field);return[e(getDefaultComponent(t),{props:Object.assign({options:o},getComponentFormItemProps(t,n,r)),on:getItemOns(t,n)})]}},VxeSelect:{renderItemContent:function(e,t,n){var o=n.data,r=t.options,a=t.optionProps,i=t.optionGroups,u=t.optionGroupProps,o=_xeUtils.default.get(o,n.field);return[e(getDefaultComponent(t),{props:getComponentFormItemProps(t,n,o,{options:r,optionProps:a,optionGroups:i,optionGroupProps:u}),on:getItemOns(t,n)})]}},VxeTreeSelect:{renderItemContent:function(e,t,n){var o=n.data,r=t.options,a=t.optionProps,o=_xeUtils.default.get(o,n.field);return[e(getDefaultComponent(t),{props:getComponentFormItemProps(t,n,o,{options:r,optionProps:a}),on:getItemOns(t,n)})]}},VxeIconPicker:{renderItemContent:defaultFormItemRender},VxeRadio:{renderItemContent:defaultFormItemRender},VxeRadioGroup:{renderItemContent:formItemRadioAndCheckboxRender},VxeCheckbox:{renderItemContent:defaultFormItemRender},VxeCheckboxGroup:{renderItemContent:formItemRadioAndCheckboxRender},VxeSwitch:{renderItemContent:defaultItemRender},VxeImage:{renderItemContent:function(e,t,n){var o=n.data,r=t.props,o=_xeUtils.default.get(o,n.field);return[e(getDefaultComponent(t),{props:Object.assign(Object.assign({},r),{src:o}),on:getItemOns(t,n)})]}},VxeImageGroup:{renderItemContent:function(e,t,n){var o=n.data,r=t.props,o=_xeUtils.default.get(o,n.field);return[e(getDefaultComponent(t),{props:Object.assign(Object.assign({},r),{urlList:o}),on:getItemOns(t,n)})]}},VxeUpload:{renderItemContent:defaultItemRender},$input:{renderItemContent:oldItemRender},$textarea:{renderItemContent:oldItemRender},$button:{renderItemContent:oldButtonItemRender},$buttons:{renderItemContent:oldButtonsItemRender},$select:{renderItemContent:function(e,t,n){var o=n.data,r=t.options,a=t.optionProps,i=t.optionGroups,u=t.optionGroupProps,o=_xeUtils.default.get(o,n.field);return[e(getOldComponent(t),{props:getComponentFormItemProps(t,n,o,{options:r,optionProps:a,optionGroups:i,optionGroupProps:u}),on:getItemOns(t,n)})]}},$radio:{renderItemContent:oldFormItemRadioAndCheckboxRender},$checkbox:{renderItemContent:oldFormItemRadioAndCheckboxRender},$switch:{renderItemContent:oldItemRender}});