vxe-table 3.8.24 → 3.9.0-rc.0

package/lib/table/render/index.js

@@ -0,0 +1,895 @@
+"use strict";
+
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _ui = require("../../ui");
+var _util = require("../src/util");
+var _utils = require("../../ui/src/utils");
+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 getConfig = _ui.VxeUI.getConfig,
+  renderer = _ui.VxeUI.renderer,
+  getI18n = _ui.VxeUI.getI18n;
+var componentDefaultModelProp = 'modelValue';
+var defaultCompProps = {
+  transfer: true
+};
+function getModelEvent(renderOpts) {
+  switch (renderOpts.name) {
+    case 'input':
+    case 'textarea':
+      return 'input';
+  }
+  return 'update:modelValue';
+}
+function getChangeEvent(renderOpts) {
+  switch (renderOpts.name) {
+    case 'input':
+    case 'textarea':
+    case 'VxeInput':
+    case 'VxeNumberInput':
+    case 'VxeTextarea':
+    case '$input':
+    case '$textarea':
+      return 'input';
+  }
+  return 'change';
+}
+function parseDate(value, props) {
+  return value && props.valueFormat ? _xeUtils.default.toStringDate(value, props.valueFormat) : value;
+}
+function getFormatDate(value, props, defaultFormat) {
+  var _props$dateConfig = props.dateConfig,
+    dateConfig = _props$dateConfig === void 0 ? {} : _props$dateConfig;
+  return _xeUtils.default.toDateString(parseDate(value, props), dateConfig.labelFormat || defaultFormat);
+}
+function getLabelFormatDate(value, props) {
+  return getFormatDate(value, props, getI18n("vxe.input.date.labelFormat.".concat(props.type)));
+}
+/**
+ * 已废弃
+ * @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 handleConfirmFilter(params, checked, option) {
+  var $panel = params.$panel;
+  $panel.changeOption({}, checked, option);
+}
+function getNativeAttrs(renderOpts) {
+  var name = renderOpts.name,
+    attrs = renderOpts.attrs;
+  if (name === 'input') {
+    attrs = Object.assign({
+      type: 'text'
+    }, attrs);
+  }
+  return attrs;
+}
+function getInputImmediateModel(renderOpts) {
+  var name = renderOpts.name,
+    immediate = renderOpts.immediate,
+    props = renderOpts.props;
+  if (!immediate) {
+    if (name === 'VxeInput' || name === '$input') {
+      var _ref3 = props || {},
+        type = _ref3.type;
+      return !(!type || type === 'text' || type === 'number' || type === 'integer' || type === 'float');
+    }
+    if (name === 'input' || name === 'textarea' || name === '$textarea') {
+      return false;
+    }
+    return true;
+  }
+  return immediate;
+}
+function getCellEditProps(renderOpts, params, value, defaultProps) {
+  return _xeUtils.default.assign({
+    immediate: getInputImmediateModel(renderOpts)
+  }, defaultCompProps, defaultProps, renderOpts.props, _defineProperty({}, componentDefaultModelProp, value));
+}
+function getCellEditFilterProps(renderOpts, params, value, defaultProps) {
+  return _xeUtils.default.assign({}, defaultCompProps, defaultProps, renderOpts.props, _defineProperty({}, componentDefaultModelProp, value));
+}
+function isImmediateCell(renderOpts, params) {
+  return params.$type === 'cell' || getInputImmediateModel(renderOpts);
+}
+function getCellLabelVNs(h, renderOpts, params, cellLabel) {
+  var placeholder = renderOpts.placeholder;
+  return [h('span', {
+    class: 'vxe-cell--label'
+  }, placeholder && (0, _utils.isEmptyValue)(cellLabel) ? [h('span', {
+    class: 'vxe-cell--placeholder'
+  }, (0, _utils.formatText)((0, _utils.getFuncText)(placeholder), 1))] : (0, _utils.formatText)(cellLabel, 1))];
+}
+/**
+ * 原生事件处理
+ * @param renderOpts
+ * @param params
+ * @param modelFunc
+ * @param changeFunc
+ */
+function getElementOns(renderOpts, params, modelFunc, changeFunc) {
+  var events = renderOpts.events;
+  var modelEvent = getModelEvent(renderOpts);
+  var changeEvent = getChangeEvent(renderOpts);
+  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 = getModelEvent(renderOpts);
+  var changeEvent = getChangeEvent(renderOpts);
+  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 getEditOns(renderOpts, params) {
+  var $table = params.$table,
+    row = params.row,
+    column = params.column;
+  var name = renderOpts.name;
+  var model = column.model;
+  var isImmediate = isImmediateCell(renderOpts, params);
+  return getComponentOns(renderOpts, params, function (cellValue) {
+    // 处理 model 值双向绑定
+    model.update = true;
+    model.value = cellValue;
+    if (isImmediate) {
+      (0, _util.setCellValue)(row, column, cellValue);
+    }
+  }, function (eventParams) {
+    // 处理 change 事件相关逻辑
+    if (!isImmediate && ['VxeInput', 'VxeNumberInput', 'VxeTextarea', '$input', '$textarea'].includes(name)) {
+      var cellValue = eventParams.value;
+      model.update = true;
+      model.value = cellValue;
+      $table.updateStatus(params, cellValue);
+    } else {
+      $table.updateStatus(params);
+    }
+  });
+}
+function getFilterOns(renderOpts, params, option) {
+  return getComponentOns(renderOpts, params, function (value) {
+    // 处理 model 值双向绑定
+    option.data = value;
+  }, function () {
+    handleConfirmFilter(params, !_xeUtils.default.eqNull(option.data), option);
+  });
+}
+function getNativeEditOns(renderOpts, params) {
+  var $table = params.$table,
+    row = params.row,
+    column = params.column;
+  var model = column.model;
+  return getElementOns(renderOpts, params, function (evnt) {
+    // 处理 model 值双向绑定
+    var cellValue = evnt.target.value;
+    if (isImmediateCell(renderOpts, params)) {
+      (0, _util.setCellValue)(row, column, cellValue);
+    } else {
+      model.update = true;
+      model.value = cellValue;
+    }
+  }, function (evnt) {
+    // 处理 change 事件相关逻辑
+    var cellValue = evnt.target.value;
+    $table.updateStatus(params, cellValue);
+  });
+}
+function getNativeFilterOns(renderOpts, params, option) {
+  return getElementOns(renderOpts, params, function (evnt) {
+    // 处理 model 值双向绑定
+    option.data = evnt.target.value;
+  }, function () {
+    handleConfirmFilter(params, !_xeUtils.default.eqNull(option.data), option);
+  });
+}
+/**
+ * 单元格可编辑渲染-原生的标签
+ * input、textarea、select
+ */
+function nativeEditRender(h, renderOpts, params) {
+  var row = params.row,
+    column = params.column;
+  var name = renderOpts.name;
+  var cellValue = isImmediateCell(renderOpts, params) ? (0, _util.getCellValue)(row, column) : column.model.value;
+  return [h(name, {
+    class: "vxe-default-".concat(name),
+    attrs: getNativeAttrs(renderOpts),
+    domProps: {
+      value: cellValue
+    },
+    on: getNativeEditOns(renderOpts, params)
+  })];
+}
+function buttonCellRender(h, renderOpts, params) {
+  return [h(getDefaultComponent(renderOpts), {
+    props: getCellEditProps(renderOpts, params, null),
+    on: getComponentOns(renderOpts, params)
+  })];
+}
+function defaultEditRender(h, renderOpts, params) {
+  var row = params.row,
+    column = params.column;
+  var cellValue = (0, _util.getCellValue)(row, column);
+  return [h(getDefaultComponent(renderOpts), {
+    props: getCellEditProps(renderOpts, params, cellValue),
+    on: getEditOns(renderOpts, params)
+  })];
+}
+function radioAndCheckboxEditRender(h, renderOpts, params) {
+  var options = renderOpts.options;
+  var row = params.row,
+    column = params.column;
+  var cellValue = (0, _util.getCellValue)(row, column);
+  return [h(getDefaultComponent(renderOpts), {
+    props: Object.assign({
+      options: options
+    }, getCellEditProps(renderOpts, params, cellValue)),
+    on: getEditOns(renderOpts, params)
+  })];
+}
+/**
+ * 已废弃
+ * @deprecated
+ */
+function oldEditRender(h, renderOpts, params) {
+  var row = params.row,
+    column = params.column;
+  var cellValue = (0, _util.getCellValue)(row, column);
+  return [h(getOldComponent(renderOpts), {
+    props: getCellEditProps(renderOpts, params, cellValue),
+    on: getEditOns(renderOpts, params)
+  })];
+}
+/**
+ * 已废弃
+ * @deprecated
+ */
+function oldButtonEditRender(h, renderOpts, params) {
+  return [h('vxe-button', {
+    props: getCellEditProps(renderOpts, params, null),
+    on: getComponentOns(renderOpts, params)
+  })];
+}
+/**
+ * 已废弃
+ * @deprecated
+ */
+function oldButtonsEditRender(h, renderOpts, params) {
+  return renderOpts.children.map(function (childRenderOpts) {
+    return oldButtonEditRender(h, childRenderOpts, params)[0];
+  });
+}
+function renderNativeOptgroups(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,
+      props: {
+        label: group[groupLabel]
+      }
+    }, renderOptionsMethods(h, group[groupOptions], renderOpts, params));
+  });
+}
+/**
+ * 渲染原生的 option 标签
+ */
+function renderNativeOptions(h, options, renderOpts, params) {
+  var _renderOpts$optionPro = renderOpts.optionProps,
+    optionProps = _renderOpts$optionPro === void 0 ? {} : _renderOpts$optionPro;
+  var row = params.row,
+    column = params.column;
+  var labelProp = optionProps.label || 'label';
+  var valueProp = optionProps.value || 'value';
+  var disabledProp = optionProps.disabled || 'disabled';
+  var cellValue = isImmediateCell(renderOpts, params) ? (0, _util.getCellValue)(row, column) : column.model.value;
+  return options.map(function (option, oIndex) {
+    return h('option', {
+      key: oIndex,
+      attrs: {
+        value: option[valueProp],
+        disabled: option[disabledProp]
+      },
+      domProps: {
+        /* eslint-disable eqeqeq */
+        selected: option[valueProp] == cellValue
+      }
+    }, option[labelProp]);
+  });
+}
+function nativeFilterRender(h, renderOpts, params) {
+  var column = params.column;
+  var name = renderOpts.name;
+  var attrs = getNativeAttrs(renderOpts);
+  return column.filters.map(function (option, oIndex) {
+    return h(name, {
+      key: oIndex,
+      class: "vxe-default-".concat(name),
+      attrs: attrs,
+      domProps: {
+        value: option.data
+      },
+      on: getNativeFilterOns(renderOpts, params, option)
+    });
+  });
+}
+function defaultFilterRender(h, renderOpts, params) {
+  var column = params.column;
+  return column.filters.map(function (option, oIndex) {
+    var optionValue = option.data;
+    return h(getDefaultComponent(renderOpts), {
+      key: oIndex,
+      props: getCellEditFilterProps(renderOpts, renderOpts, optionValue),
+      on: getFilterOns(renderOpts, params, option)
+    });
+  });
+}
+/**
+ * 已废弃
+ * @deprecated
+ */
+function oldFilterRender(h, renderOpts, params) {
+  var column = params.column;
+  return column.filters.map(function (option, oIndex) {
+    var optionValue = option.data;
+    return h(getOldComponent(renderOpts), {
+      key: oIndex,
+      props: getCellEditFilterProps(renderOpts, renderOpts, optionValue),
+      on: getFilterOns(renderOpts, params, option)
+    });
+  });
+}
+function handleFilterMethod(_ref4) {
+  var option = _ref4.option,
+    row = _ref4.row,
+    column = _ref4.column;
+  var data = option.data;
+  var cellValue = _xeUtils.default.get(row, column.field);
+  /* eslint-disable eqeqeq */
+  return cellValue == data;
+}
+function handleInputFilterMethod(_ref5) {
+  var option = _ref5.option,
+    row = _ref5.row,
+    column = _ref5.column;
+  var data = option.data;
+  var cellValue = _xeUtils.default.get(row, column.field);
+  /* eslint-disable eqeqeq */
+  return _xeUtils.default.toValueString(cellValue).indexOf(data) > -1;
+}
+function nativeSelectEditRender(h, renderOpts, params) {
+  return [h('select', {
+    class: 'vxe-default-select',
+    attrs: getNativeAttrs(renderOpts),
+    on: getNativeEditOns(renderOpts, params)
+  }, renderOpts.optionGroups ? renderNativeOptgroups(h, renderOpts, params, renderNativeOptions) : renderNativeOptions(h, renderOpts.options, renderOpts, params))];
+}
+function defaultSelectEditRender(h, renderOpts, params) {
+  var row = params.row,
+    column = params.column;
+  var options = renderOpts.options,
+    optionProps = renderOpts.optionProps,
+    optionGroups = renderOpts.optionGroups,
+    optionGroupProps = renderOpts.optionGroupProps;
+  var cellValue = (0, _util.getCellValue)(row, column);
+  return [h(getDefaultComponent(renderOpts), {
+    props: getCellEditProps(renderOpts, params, cellValue, {
+      options: options,
+      optionProps: optionProps,
+      optionGroups: optionGroups,
+      optionGroupProps: optionGroupProps
+    }),
+    on: getEditOns(renderOpts, params)
+  })];
+}
+function defaultTreeSelectEditRender(h, renderOpts, params) {
+  var row = params.row,
+    column = params.column;
+  var options = renderOpts.options,
+    optionProps = renderOpts.optionProps;
+  var cellValue = (0, _util.getCellValue)(row, column);
+  return [h(getDefaultComponent(renderOpts), {
+    props: getCellEditProps(renderOpts, params, cellValue, {
+      options: options,
+      optionProps: optionProps
+    }),
+    on: getEditOns(renderOpts, params)
+  })];
+}
+/**
+ * 已废弃
+ * @deprecated
+ */
+function oldSelectEditRender(h, renderOpts, params) {
+  var row = params.row,
+    column = params.column;
+  var options = renderOpts.options,
+    optionProps = renderOpts.optionProps,
+    optionGroups = renderOpts.optionGroups,
+    optionGroupProps = renderOpts.optionGroupProps;
+  var cellValue = (0, _util.getCellValue)(row, column);
+  return [h(getOldComponent(renderOpts), {
+    props: getCellEditProps(renderOpts, params, cellValue, {
+      options: options,
+      optionProps: optionProps,
+      optionGroups: optionGroups,
+      optionGroupProps: optionGroupProps
+    }),
+    on: getEditOns(renderOpts, params)
+  })];
+}
+function getSelectCellValue(renderOpts, _ref6) {
+  var row = _ref6.row,
+    column = _ref6.column;
+  var options = renderOpts.options,
+    optionGroups = renderOpts.optionGroups,
+    _renderOpts$optionPro2 = renderOpts.optionProps,
+    optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2,
+    _renderOpts$optionGro2 = renderOpts.optionGroupProps,
+    optionGroupProps = _renderOpts$optionGro2 === void 0 ? {} : _renderOpts$optionGro2;
+  var cellValue = _xeUtils.default.get(row, column.field);
+  var selectItem;
+  var labelProp = optionProps.label || 'label';
+  var valueProp = optionProps.value || 'value';
+  if (!(cellValue === null || cellValue === undefined)) {
+    return _xeUtils.default.map(_xeUtils.default.isArray(cellValue) ? cellValue : [cellValue], optionGroups ? function (value) {
+      var groupOptions = optionGroupProps.options || 'options';
+      for (var index = 0; index < optionGroups.length; index++) {
+        /* eslint-disable eqeqeq */
+        selectItem = _xeUtils.default.find(optionGroups[index][groupOptions], function (item) {
+          return item[valueProp] == value;
+        });
+        if (selectItem) {
+          break;
+        }
+      }
+      return selectItem ? selectItem[labelProp] : value;
+    } : function (value) {
+      /* eslint-disable eqeqeq */
+      selectItem = _xeUtils.default.find(options, function (item) {
+        return item[valueProp] == value;
+      });
+      return selectItem ? selectItem[labelProp] : value;
+    }).join(', ');
+  }
+  return '';
+}
+function handleExportSelectMethod(params) {
+  var row = params.row,
+    column = params.column,
+    options = params.options;
+  return options.original ? (0, _util.getCellValue)(row, column) : getSelectCellValue(column.editRender || column.cellRender, params);
+}
+function getTreeSelectCellValue(renderOpts, _ref7) {
+  var row = _ref7.row,
+    column = _ref7.column;
+  var options = renderOpts.options,
+    _renderOpts$optionPro3 = renderOpts.optionProps,
+    optionProps = _renderOpts$optionPro3 === void 0 ? {} : _renderOpts$optionPro3;
+  var cellValue = _xeUtils.default.get(row, column.field);
+  var labelProp = optionProps.label || 'label';
+  var valueProp = optionProps.value || 'value';
+  var childrenProp = optionProps.children || 'children';
+  if (!(cellValue === null || cellValue === undefined)) {
+    var keyMaps = {};
+    _xeUtils.default.eachTree(options, function (item) {
+      keyMaps[_xeUtils.default.get(item, valueProp)] = item;
+    }, {
+      children: childrenProp
+    });
+    return _xeUtils.default.map(_xeUtils.default.isArray(cellValue) ? cellValue : [cellValue], function (value) {
+      var item = keyMaps[value];
+      return item ? _xeUtils.default.get(item, labelProp) : item;
+    }).join(', ');
+  }
+  return '';
+}
+function handleExportTreeSelectMethod(params) {
+  var row = params.row,
+    column = params.column,
+    options = params.options;
+  return options.original ? (0, _util.getCellValue)(row, column) : getTreeSelectCellValue(column.editRender || column.cellRender, params);
+}
+/**
+ * 表格 - 渲染器
+ */
+renderer.mixin({
+  input: {
+    tableAutoFocus: 'input',
+    renderTableEdit: nativeEditRender,
+    renderTableDefault: nativeEditRender,
+    renderTableFilter: nativeFilterRender,
+    tableFilterDefaultMethod: handleInputFilterMethod
+  },
+  textarea: {
+    tableAutoFocus: 'textarea',
+    renderTableEdit: nativeEditRender
+  },
+  select: {
+    renderTableEdit: nativeSelectEditRender,
+    renderTableDefault: nativeSelectEditRender,
+    renderTableCell: function renderTableCell(h, renderOpts, params) {
+      return getCellLabelVNs(h, renderOpts, params, getSelectCellValue(renderOpts, params));
+    },
+    renderTableFilter: function renderTableFilter(h, renderOpts, params) {
+      var column = params.column;
+      return column.filters.map(function (option, oIndex) {
+        return h('select', {
+          key: oIndex,
+          class: 'vxe-default-select',
+          attrs: getNativeAttrs(renderOpts),
+          on: getNativeFilterOns(renderOpts, params, option)
+        }, renderOpts.optionGroups ? renderNativeOptgroups(h, renderOpts, params, renderNativeOptions) : renderNativeOptions(h, renderOpts.options, renderOpts, params));
+      });
+    },
+    tableFilterDefaultMethod: handleFilterMethod,
+    tableExportMethod: handleExportSelectMethod
+  },
+  VxeInput: {
+    tableAutoFocus: 'input',
+    renderTableEdit: defaultEditRender,
+    renderTableCell: function renderTableCell(h, renderOpts, params) {
+      var _a;
+      var _renderOpts$props = renderOpts.props,
+        props = _renderOpts$props === void 0 ? {} : _renderOpts$props;
+      var row = params.row,
+        column = params.column;
+      var digits = props.digits || ((_a = getConfig().input) === null || _a === void 0 ? void 0 : _a.digits) || 2;
+      var cellValue = _xeUtils.default.get(row, column.field);
+      if (cellValue) {
+        switch (props.type) {
+          case 'date':
+          case 'week':
+          case 'month':
+          case 'quarter':
+          case 'year':
+            cellValue = getLabelFormatDate(cellValue, props);
+            break;
+          case 'float':
+            cellValue = _xeUtils.default.toFixed(_xeUtils.default.floor(cellValue, digits), digits);
+            break;
+        }
+      }
+      return getCellLabelVNs(h, renderOpts, params, cellValue);
+    },
+    renderTableDefault: defaultEditRender,
+    renderTableFilter: defaultFilterRender,
+    tableFilterDefaultMethod: handleInputFilterMethod
+  },
+  VxeNumberInput: {
+    tableAutoFocus: 'input',
+    renderTableEdit: defaultEditRender,
+    renderTableCell: function renderTableCell(h, renderOpts, params) {
+      var _a;
+      var _renderOpts$props2 = renderOpts.props,
+        props = _renderOpts$props2 === void 0 ? {} : _renderOpts$props2;
+      var row = params.row,
+        column = params.column;
+      var digits = props.digits || ((_a = getConfig().numberInput) === null || _a === void 0 ? void 0 : _a.digits) || 2;
+      var cellValue = _xeUtils.default.get(row, column.field);
+      if (cellValue) {
+        switch (props.type) {
+          case 'float':
+            cellValue = _xeUtils.default.toFixed(_xeUtils.default.floor(cellValue, digits), digits);
+            break;
+        }
+      }
+      return getCellLabelVNs(h, renderOpts, params, cellValue);
+    },
+    renderTableDefault: defaultEditRender,
+    renderTableFilter: defaultFilterRender,
+    tableFilterDefaultMethod: handleInputFilterMethod
+  },
+  VxeDatePicker: {
+    tableAutoFocus: 'input',
+    renderTableEdit: defaultEditRender,
+    renderTableCell: function renderTableCell(h, 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) {
+        switch (props.type) {
+          case 'date':
+          case 'week':
+          case 'month':
+          case 'quarter':
+          case 'year':
+            cellValue = getLabelFormatDate(cellValue, props);
+            break;
+        }
+      }
+      return getCellLabelVNs(h, renderOpts, params, cellValue);
+    },
+    renderTableDefault: defaultEditRender,
+    renderTableFilter: defaultFilterRender,
+    tableFilterDefaultMethod: handleFilterMethod
+  },
+  VxeTextarea: {
+    tableAutoFocus: 'VxeTextarea'
+  },
+  VxeButton: {
+    renderTableDefault: buttonCellRender
+  },
+  VxeButtonGroup: {
+    renderTableDefault: function renderTableDefault(h, renderOpts, params) {
+      var options = renderOpts.options;
+      return [h(getDefaultComponent(renderOpts), {
+        props: Object.assign({
+          options: options
+        }, getCellEditProps(renderOpts, params, null)),
+        on: getComponentOns(renderOpts, params)
+      })];
+    }
+  },
+  VxeSelect: {
+    tableAutoFocus: 'input',
+    renderTableEdit: defaultSelectEditRender,
+    renderTableDefault: defaultSelectEditRender,
+    renderTableCell: function renderTableCell(h, renderOpts, params) {
+      return getCellLabelVNs(h, renderOpts, params, getSelectCellValue(renderOpts, params));
+    },
+    renderTableFilter: function renderTableFilter(h, renderOpts, params) {
+      var column = params.column;
+      var options = renderOpts.options,
+        optionProps = renderOpts.optionProps,
+        optionGroups = renderOpts.optionGroups,
+        optionGroupProps = renderOpts.optionGroupProps;
+      return column.filters.map(function (option, oIndex) {
+        var optionValue = option.data;
+        return h(getDefaultComponent(renderOpts), Object.assign(Object.assign({
+          key: oIndex
+        }, getCellEditFilterProps(renderOpts, params, optionValue, {
+          options: options,
+          optionProps: optionProps,
+          optionGroups: optionGroups,
+          optionGroupProps: optionGroupProps
+        })), getFilterOns(renderOpts, params, option)));
+      });
+    },
+    tableFilterDefaultMethod: handleFilterMethod,
+    tableExportMethod: handleExportSelectMethod
+  },
+  VxeTreeSelect: {
+    tableAutoFocus: 'input',
+    renderTableEdit: defaultTreeSelectEditRender,
+    renderTableCell: function renderTableCell(h, renderOpts, params) {
+      return getCellLabelVNs(h, renderOpts, params, getTreeSelectCellValue(renderOpts, params));
+    },
+    tableExportMethod: handleExportTreeSelectMethod
+  },
+  VxeIconPicker: {
+    tableAutoFocus: 'input',
+    renderTableEdit: defaultEditRender,
+    renderTableCell: function renderTableCell(h, renderOpts, params) {
+      var row = params.row,
+        column = params.column;
+      var cellValue = _xeUtils.default.get(row, column.field);
+      return h('i', {
+        class: cellValue
+      });
+    }
+  },
+  VxeRadioGroup: {
+    renderTableDefault: radioAndCheckboxEditRender
+  },
+  VxeCheckboxGroup: {
+    renderTableDefault: radioAndCheckboxEditRender
+  },
+  VxeSwitch: {
+    tableAutoFocus: 'button',
+    renderTableEdit: defaultEditRender,
+    renderTableDefault: defaultEditRender
+  },
+  VxeUpload: {
+    renderTableEdit: defaultEditRender,
+    renderTableCell: defaultEditRender,
+    renderTableDefault: defaultEditRender
+  },
+  VxeImage: {
+    renderTableDefault: function renderTableDefault(h, renderOpts, params) {
+      var row = params.row,
+        column = params.column;
+      var props = renderOpts.props;
+      var cellValue = (0, _util.getCellValue)(row, column);
+      return [h(getDefaultComponent(renderOpts), {
+        props: Object.assign(Object.assign({}, props), {
+          src: cellValue
+        }),
+        on: getEditOns(renderOpts, params)
+      })];
+    }
+  },
+  VxeImageGroup: {
+    renderTableDefault: function renderTableDefault(h, renderOpts, params) {
+      var row = params.row,
+        column = params.column;
+      var props = renderOpts.props;
+      var cellValue = (0, _util.getCellValue)(row, column);
+      return [h(getDefaultComponent(renderOpts), {
+        props: Object.assign(Object.assign({}, props), {
+          urlList: cellValue
+        }),
+        on: getEditOns(renderOpts, params)
+      })];
+    }
+  },
+  // 以下已废弃
+  $input: {
+    tableAutoFocus: '.vxe-input--inner',
+    renderTableEdit: oldEditRender,
+    renderTableCell: function renderTableCell(h, renderOpts, params) {
+      var _a;
+      var _renderOpts$props4 = renderOpts.props,
+        props = _renderOpts$props4 === void 0 ? {} : _renderOpts$props4;
+      var row = params.row,
+        column = params.column;
+      var digits = props.digits || ((_a = getConfig().input) === null || _a === void 0 ? void 0 : _a.digits) || 2;
+      var cellValue = _xeUtils.default.get(row, column.field);
+      if (cellValue) {
+        switch (props.type) {
+          case 'date':
+          case 'week':
+          case 'month':
+          case 'year':
+            cellValue = getLabelFormatDate(cellValue, props);
+            break;
+          case 'float':
+            cellValue = _xeUtils.default.toFixed(_xeUtils.default.floor(cellValue, digits), digits);
+            break;
+        }
+      }
+      return getCellLabelVNs(h, renderOpts, params, cellValue);
+    },
+    renderTableDefault: oldEditRender,
+    renderTableFilter: oldFilterRender,
+    tableFilterDefaultMethod: handleInputFilterMethod
+  },
+  $textarea: {
+    tableAutoFocus: '.vxe-textarea--inner'
+  },
+  $button: {
+    renderTableDefault: oldButtonEditRender
+  },
+  $buttons: {
+    renderTableDefault: oldButtonsEditRender
+  },
+  $select: {
+    tableAutoFocus: '.vxe-input--inner',
+    renderTableEdit: oldSelectEditRender,
+    renderTableDefault: oldSelectEditRender,
+    renderTableCell: function renderTableCell(h, renderOpts, params) {
+      return getCellLabelVNs(h, renderOpts, params, getSelectCellValue(renderOpts, params));
+    },
+    renderTableFilter: function renderTableFilter(h, renderOpts, params) {
+      var column = params.column;
+      var options = renderOpts.options,
+        optionProps = renderOpts.optionProps,
+        optionGroups = renderOpts.optionGroups,
+        optionGroupProps = renderOpts.optionGroupProps;
+      return column.filters.map(function (option, oIndex) {
+        var optionValue = option.data;
+        return h(getOldComponent(renderOpts), {
+          key: oIndex,
+          props: getCellEditFilterProps(renderOpts, params, optionValue, {
+            options: options,
+            optionProps: optionProps,
+            optionGroups: optionGroups,
+            optionGroupProps: optionGroupProps
+          }),
+          on: getFilterOns(renderOpts, params, option)
+        });
+      });
+    },
+    tableFilterDefaultMethod: handleFilterMethod,
+    tableExportMethod: handleExportSelectMethod
+  },
+  $radio: {
+    tableAutoFocus: '.vxe-radio--input'
+  },
+  $checkbox: {
+    tableAutoFocus: '.vxe-checkbox--input'
+  },
+  $switch: {
+    tableAutoFocus: '.vxe-switch--button',
+    renderTableEdit: oldEditRender,
+    renderTableDefault: oldEditRender
+  }
+  // 以上已废弃
+});