vxe-table 3.9.0-rc.9 → 3.9.0

package/lib/table/render/index.js

@@ -7,54 +7,59 @@ 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 = 'value';
-var defaultCompProps = {
+const {
+  getConfig,
+  renderer,
+  getI18n
+} = _ui.VxeUI;
+const componentDefaultModelProp = 'value';
+const defaultCompProps = {
   transfer: true
 };
 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;
+  const {
+    dateConfig = {}
+  } = props;
   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)));
+  return getFormatDate(value, props, getI18n(`vxe.input.date.labelFormat.${props.type || 'date'}`));
 }
 /**
  * 已废弃
  * @deprecated
  */
 function getOldComponentName(name) {
-  return "vxe-".concat(name.replace('$', ''));
+  return `vxe-${name.replace('$', '')}`;
 }
 /**
  * 已废弃
  * @deprecated
  */
-function getOldComponent(_ref) {
-  var name = _ref.name;
+function getOldComponent({
+  name
+}) {
   return getOldComponentName(name);
 }
-function getDefaultComponent(_ref2) {
-  var name = _ref2.name;
+function getDefaultComponent({
+  name
+}) {
   return name;
 }
 function handleConfirmFilter(params, checked, option) {
-  var $panel = params.$panel;
+  const {
+    $panel
+  } = params;
   $panel.changeOption({}, checked, option);
 }
 function getNativeAttrs(renderOpts) {
-  var name = renderOpts.name,
-    attrs = renderOpts.attrs;
+  let {
+    name,
+    attrs
+  } = renderOpts;
   if (name === 'input') {
     attrs = Object.assign({
       type: 'text'
@@ -63,13 +68,16 @@ function getNativeAttrs(renderOpts) {
   return attrs;
 }
 function getInputImmediateModel(renderOpts) {
-  var name = renderOpts.name,
-    immediate = renderOpts.immediate,
-    props = renderOpts.props;
+  const {
+    name,
+    immediate,
+    props
+  } = renderOpts;
   if (!immediate) {
     if (name === 'VxeInput' || name === '$input') {
-      var _ref3 = props || {},
-        type = _ref3.type;
+      const {
+        type
+      } = props || {};
       return !(!type || type === 'text' || type === 'number' || type === 'integer' || type === 'float');
     }
     if (name === 'input' || name === 'textarea' || name === '$textarea') {
@@ -82,16 +90,22 @@ function getInputImmediateModel(renderOpts) {
 function getCellEditProps(renderOpts, params, value, defaultProps) {
   return _xeUtils.default.assign({
     immediate: getInputImmediateModel(renderOpts)
-  }, defaultCompProps, defaultProps, renderOpts.props, _defineProperty({}, componentDefaultModelProp, value));
+  }, defaultCompProps, defaultProps, renderOpts.props, {
+    [componentDefaultModelProp]: value
+  });
 }
 function getCellEditFilterProps(renderOpts, params, value, defaultProps) {
-  return _xeUtils.default.assign({}, defaultCompProps, defaultProps, renderOpts.props, _defineProperty({}, componentDefaultModelProp, value));
+  return _xeUtils.default.assign({}, defaultCompProps, defaultProps, renderOpts.props, {
+    [componentDefaultModelProp]: value
+  });
 }
 function isImmediateCell(renderOpts, params) {
   return params.$type === 'cell' || getInputImmediateModel(renderOpts);
 }
 function getCellLabelVNs(h, renderOpts, params, cellLabel) {
-  var placeholder = renderOpts.placeholder;
+  const {
+    placeholder
+  } = renderOpts;
   return [h('span', {
     class: 'vxe-cell--label'
   }, placeholder && (0, _utils.isEmptyValue)(cellLabel) ? [h('span', {
@@ -106,18 +120,17 @@ function getCellLabelVNs(h, renderOpts, params, cellLabel) {
  * @param changeFunc
  */
 function getNativeElementOns(renderOpts, params, modelFunc, changeFunc) {
-  var events = renderOpts.events;
-  var modelEvent = (0, _vn.getModelEvent)(renderOpts);
-  var changeEvent = (0, _vn.getChangeEvent)(renderOpts);
-  var isSameEvent = changeEvent === modelEvent;
-  var ons = {};
+  const {
+    events
+  } = renderOpts;
+  const modelEvent = (0, _vn.getModelEvent)(renderOpts);
+  const changeEvent = (0, _vn.getChangeEvent)(renderOpts);
+  const isSameEvent = changeEvent === modelEvent;
+  const 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));
+    _xeUtils.default.objectEach(events, (func, key) => {
+      ons[(0, _vn.getOnName)(key)] = function (...args) {
+        func(params, ...args);
       };
     });
   }
@@ -133,13 +146,10 @@ function getNativeElementOns(renderOpts, params, modelFunc, changeFunc) {
     };
   }
   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);
+    ons[(0, _vn.getOnName)(changeEvent)] = function (...args) {
+      changeFunc(...args);
       if (events && events[changeEvent]) {
-        events[changeEvent].apply(events, [params].concat(args));
+        events[changeEvent](params, ...args);
       }
     };
   }
@@ -153,21 +163,20 @@ function getNativeElementOns(renderOpts, params, modelFunc, changeFunc) {
  * @param changeFunc
  */
 function getComponentOns(renderOpts, params, modelFunc, changeFunc) {
-  var events = renderOpts.events;
-  var modelEvent = (0, _vn.getModelEvent)(renderOpts);
-  var changeEvent = (0, _vn.getChangeEvent)(renderOpts);
-  var ons = {};
-  _xeUtils.default.objectEach(events, function (func, key) {
-    ons[(0, _vn.getOnName)(key)] = function () {
+  const {
+    events
+  } = renderOpts;
+  const modelEvent = (0, _vn.getModelEvent)(renderOpts);
+  const changeEvent = (0, _vn.getChangeEvent)(renderOpts);
+  const ons = {};
+  _xeUtils.default.objectEach(events, (func, key) => {
+    ons[(0, _vn.getOnName)(key)] = function (...args) {
       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));
+      func(params, ...args);
     };
   });
   if (modelFunc) {
@@ -179,36 +188,39 @@ function getComponentOns(renderOpts, params, modelFunc, changeFunc) {
     };
   }
   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);
+    ons[(0, _vn.getOnName)(changeEvent)] = function (...args) {
+      changeFunc(...args);
       if (events && events[changeEvent]) {
-        events[changeEvent].apply(events, [params].concat(args));
+        events[changeEvent](params, ...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) {
+  const {
+    $table,
+    row,
+    column
+  } = params;
+  const {
+    name
+  } = renderOpts;
+  const {
+    model
+  } = column;
+  const isImmediate = isImmediateCell(renderOpts, params);
+  return getComponentOns(renderOpts, params, cellValue => {
     // 处理 model 值双向绑定
     model.update = true;
     model.value = cellValue;
     if (isImmediate) {
       (0, _util.setCellValue)(row, column, cellValue);
     }
-  }, function (eventParams) {
+  }, eventParams => {
     // 处理 change 事件相关逻辑
     if (!isImmediate && ['VxeInput', 'VxeNumberInput', 'VxeTextarea', '$input', '$textarea'].includes(name)) {
-      var cellValue = eventParams.value;
+      const cellValue = eventParams.value;
       model.update = true;
       model.value = cellValue;
       $table.updateStatus(params, cellValue);
@@ -218,38 +230,42 @@ function getEditOns(renderOpts, params) {
   });
 }
 function getFilterOns(renderOpts, params, option) {
-  return getComponentOns(renderOpts, params, function (value) {
+  return getComponentOns(renderOpts, params, 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 getNativeElementOns(renderOpts, params, function (evnt) {
+  const {
+    $table,
+    row,
+    column
+  } = params;
+  const {
+    model
+  } = column;
+  return getNativeElementOns(renderOpts, params, evnt => {
     // 处理 model 值双向绑定
-    var cellValue = evnt.target.value;
+    const cellValue = evnt.target.value;
     if (isImmediateCell(renderOpts, params)) {
       (0, _util.setCellValue)(row, column, cellValue);
     } else {
       model.update = true;
       model.value = cellValue;
     }
-  }, function (evnt) {
+  }, evnt => {
     // 处理 change 事件相关逻辑
-    var cellValue = evnt.target.value;
+    const cellValue = evnt.target.value;
     $table.updateStatus(params, cellValue);
   });
 }
 function getNativeFilterOns(renderOpts, params, option) {
-  return getNativeElementOns(renderOpts, params, function (evnt) {
+  return getNativeElementOns(renderOpts, params, evnt => {
     // 处理 model 值双向绑定
     option.data = evnt.target.value;
-  }, function () {
+  }, () => {
     handleConfirmFilter(params, !_xeUtils.default.eqNull(option.data), option);
   });
 }
@@ -258,12 +274,16 @@ function getNativeFilterOns(renderOpts, params, 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;
+  const {
+    row,
+    column
+  } = params;
+  const {
+    name
+  } = renderOpts;
+  const cellValue = isImmediateCell(renderOpts, params) ? (0, _util.getCellValue)(row, column) : column.model.value;
   return [h(name, {
-    class: "vxe-default-".concat(name),
+    class: `vxe-default-${name}`,
     attrs: getNativeAttrs(renderOpts),
     domProps: {
       value: cellValue
@@ -278,22 +298,28 @@ function buttonCellRender(h, renderOpts, params) {
   })];
 }
 function defaultEditRender(h, renderOpts, params) {
-  var row = params.row,
-    column = params.column;
-  var cellValue = (0, _util.getCellValue)(row, column);
+  const {
+    row,
+    column
+  } = params;
+  const 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);
+  const {
+    options
+  } = renderOpts;
+  const {
+    row,
+    column
+  } = params;
+  const cellValue = (0, _util.getCellValue)(row, column);
   return [h(getDefaultComponent(renderOpts), {
     props: Object.assign({
-      options: options
+      options
     }, getCellEditProps(renderOpts, params, cellValue)),
     on: getEditOns(renderOpts, params)
   })];
@@ -303,9 +329,11 @@ function radioAndCheckboxEditRender(h, renderOpts, params) {
  * @deprecated
  */
 function oldEditRender(h, renderOpts, params) {
-  var row = params.row,
-    column = params.column;
-  var cellValue = (0, _util.getCellValue)(row, column);
+  const {
+    row,
+    column
+  } = params;
+  const cellValue = (0, _util.getCellValue)(row, column);
   return [h(getOldComponent(renderOpts), {
     props: getCellEditProps(renderOpts, params, cellValue),
     on: getEditOns(renderOpts, params)
@@ -326,17 +354,16 @@ function oldButtonEditRender(h, renderOpts, params) {
  * @deprecated
  */
 function oldButtonsEditRender(h, renderOpts, params) {
-  return renderOpts.children.map(function (childRenderOpts) {
-    return oldButtonEditRender(h, childRenderOpts, params)[0];
-  });
+  return renderOpts.children.map(childRenderOpts => 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) {
+  const {
+    optionGroups,
+    optionGroupProps = {}
+  } = renderOpts;
+  const groupOptions = optionGroupProps.options || 'options';
+  const groupLabel = optionGroupProps.label || 'label';
+  return optionGroups.map((group, gIndex) => {
     return h('optgroup', {
       key: gIndex,
       attrs: {
@@ -349,15 +376,18 @@ function renderNativeOptgroups(h, renderOpts, params, renderOptionsMethods) {
  * 渲染原生的 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) {
+  const {
+    optionProps = {}
+  } = renderOpts;
+  const {
+    row,
+    column
+  } = params;
+  const labelProp = optionProps.label || 'label';
+  const valueProp = optionProps.value || 'value';
+  const disabledProp = optionProps.disabled || 'disabled';
+  const cellValue = isImmediateCell(renderOpts, params) ? (0, _util.getCellValue)(row, column) : column.model.value;
+  return options.map((option, oIndex) => {
     return h('option', {
       key: oIndex,
       attrs: {
@@ -372,14 +402,18 @@ function renderNativeOptions(h, options, renderOpts, params) {
   });
 }
 function nativeFilterRender(h, renderOpts, params) {
-  var column = params.column;
-  var name = renderOpts.name;
-  var attrs = getNativeAttrs(renderOpts);
-  return column.filters.map(function (option, oIndex) {
+  const {
+    column
+  } = params;
+  const {
+    name
+  } = renderOpts;
+  const attrs = getNativeAttrs(renderOpts);
+  return column.filters.map((option, oIndex) => {
     return h(name, {
       key: oIndex,
-      class: "vxe-default-".concat(name),
-      attrs: attrs,
+      class: `vxe-default-${name}`,
+      attrs,
       domProps: {
         value: option.data
       },
@@ -388,9 +422,11 @@ function nativeFilterRender(h, renderOpts, params) {
   });
 }
 function defaultFilterRender(h, renderOpts, params) {
-  var column = params.column;
-  return column.filters.map(function (option, oIndex) {
-    var optionValue = option.data;
+  const {
+    column
+  } = params;
+  return column.filters.map((option, oIndex) => {
+    const optionValue = option.data;
     return h(getDefaultComponent(renderOpts), {
       key: oIndex,
       props: getCellEditFilterProps(renderOpts, renderOpts, optionValue),
@@ -403,9 +439,11 @@ function defaultFilterRender(h, renderOpts, params) {
  * @deprecated
  */
 function oldFilterRender(h, renderOpts, params) {
-  var column = params.column;
-  return column.filters.map(function (option, oIndex) {
-    var optionValue = option.data;
+  const {
+    column
+  } = params;
+  return column.filters.map((option, oIndex) => {
+    const optionValue = option.data;
     return h(getOldComponent(renderOpts), {
       key: oIndex,
       props: getCellEditFilterProps(renderOpts, renderOpts, optionValue),
@@ -413,21 +451,27 @@ function oldFilterRender(h, renderOpts, params) {
     });
   });
 }
-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);
+function handleFilterMethod({
+  option,
+  row,
+  column
+}) {
+  const {
+    data
+  } = option;
+  const 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);
+function handleInputFilterMethod({
+  option,
+  row,
+  column
+}) {
+  const {
+    data
+  } = option;
+  const cellValue = _xeUtils.default.get(row, column.field);
   /* eslint-disable eqeqeq */
   return _xeUtils.default.toValueString(cellValue).indexOf(data) > -1;
 }
@@ -439,33 +483,41 @@ function nativeSelectEditRender(h, 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);
+  const {
+    row,
+    column
+  } = params;
+  const {
+    options,
+    optionProps,
+    optionGroups,
+    optionGroupProps
+  } = renderOpts;
+  const cellValue = (0, _util.getCellValue)(row, column);
   return [h(getDefaultComponent(renderOpts), {
     props: getCellEditProps(renderOpts, params, cellValue, {
-      options: options,
-      optionProps: optionProps,
-      optionGroups: optionGroups,
-      optionGroupProps: optionGroupProps
+      options,
+      optionProps,
+      optionGroups,
+      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);
+  const {
+    row,
+    column
+  } = params;
+  const {
+    options,
+    optionProps
+  } = renderOpts;
+  const cellValue = (0, _util.getCellValue)(row, column);
   return [h(getDefaultComponent(renderOpts), {
     props: getCellEditProps(renderOpts, params, cellValue, {
-      options: options,
-      optionProps: optionProps
+      options,
+      optionProps
     }),
     on: getEditOns(renderOpts, params)
   })];
@@ -475,93 +527,100 @@ function defaultTreeSelectEditRender(h, 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);
+  const {
+    row,
+    column
+  } = params;
+  const {
+    options,
+    optionProps,
+    optionGroups,
+    optionGroupProps
+  } = renderOpts;
+  const cellValue = (0, _util.getCellValue)(row, column);
   return [h(getOldComponent(renderOpts), {
     props: getCellEditProps(renderOpts, params, cellValue, {
-      options: options,
-      optionProps: optionProps,
-      optionGroups: optionGroups,
-      optionGroupProps: optionGroupProps
+      options,
+      optionProps,
+      optionGroups,
+      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';
+function getSelectCellValue(renderOpts, {
+  row,
+  column
+}) {
+  const {
+    options,
+    optionGroups,
+    optionProps = {},
+    optionGroupProps = {}
+  } = renderOpts;
+  const cellValue = _xeUtils.default.get(row, column.field);
+  let selectItem;
+  const labelProp = optionProps.label || 'label';
+  const 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++) {
+    return _xeUtils.default.map(_xeUtils.default.isArray(cellValue) ? cellValue : [cellValue], optionGroups ? value => {
+      const groupOptions = optionGroupProps.options || 'options';
+      for (let index = 0; index < optionGroups.length; index++) {
         /* eslint-disable eqeqeq */
-        selectItem = _xeUtils.default.find(optionGroups[index][groupOptions], function (item) {
-          return item[valueProp] == value;
-        });
+        selectItem = _xeUtils.default.find(optionGroups[index][groupOptions], item => item[valueProp] == value);
         if (selectItem) {
           break;
         }
       }
       return selectItem ? selectItem[labelProp] : value;
-    } : function (value) {
+    } : value => {
       /* eslint-disable eqeqeq */
-      selectItem = _xeUtils.default.find(options, function (item) {
-        return item[valueProp] == value;
-      });
+      selectItem = _xeUtils.default.find(options, item => item[valueProp] == value);
       return selectItem ? selectItem[labelProp] : value;
     }).join(', ');
   }
   return '';
 }
 function handleExportSelectMethod(params) {
-  var row = params.row,
-    column = params.column,
-    options = params.options;
+  const {
+    row,
+    column,
+    options
+  } = params;
   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';
+function getTreeSelectCellValue(renderOpts, {
+  row,
+  column
+}) {
+  const {
+    options,
+    optionProps = {}
+  } = renderOpts;
+  const cellValue = _xeUtils.default.get(row, column.field);
+  const labelProp = optionProps.label || 'label';
+  const valueProp = optionProps.value || 'value';
+  const childrenProp = optionProps.children || 'children';
   if (!(cellValue === null || cellValue === undefined)) {
-    var keyMaps = {};
-    _xeUtils.default.eachTree(options, function (item) {
+    const keyMaps = {};
+    _xeUtils.default.eachTree(options, 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 _xeUtils.default.map(_xeUtils.default.isArray(cellValue) ? cellValue : [cellValue], value => {
+      const 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;
+  const {
+    row,
+    column,
+    options
+  } = params;
   return options.original ? (0, _util.getCellValue)(row, column) : getTreeSelectCellValue(column.editRender || column.cellRender, params);
 }
 /**
@@ -582,12 +641,14 @@ renderer.mixin({
   select: {
     renderTableEdit: nativeSelectEditRender,
     renderTableDefault: nativeSelectEditRender,
-    renderTableCell: function renderTableCell(h, renderOpts, params) {
+    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) {
+    renderTableFilter(h, renderOpts, params) {
+      const {
+        column
+      } = params;
+      return column.filters.map((option, oIndex) => {
         return h('select', {
           key: oIndex,
           class: 'vxe-default-select',
@@ -602,14 +663,17 @@ renderer.mixin({
   VxeInput: {
     tableAutoFocus: 'input',
     renderTableEdit: defaultEditRender,
-    renderTableCell: function renderTableCell(h, renderOpts, params) {
+    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);
+      const {
+        props = {}
+      } = renderOpts;
+      const {
+        row,
+        column
+      } = params;
+      const digits = props.digits || ((_a = getConfig().input) === null || _a === void 0 ? void 0 : _a.digits) || 2;
+      let cellValue = _xeUtils.default.get(row, column.field);
       if (cellValue) {
         switch (props.type) {
           case 'date':
@@ -633,14 +697,17 @@ renderer.mixin({
   VxeNumberInput: {
     tableAutoFocus: 'input',
     renderTableEdit: defaultEditRender,
-    renderTableCell: function renderTableCell(h, renderOpts, params) {
+    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);
+      const {
+        props = {}
+      } = renderOpts;
+      const {
+        row,
+        column
+      } = params;
+      const digits = props.digits || ((_a = getConfig().numberInput) === null || _a === void 0 ? void 0 : _a.digits) || 2;
+      let cellValue = _xeUtils.default.get(row, column.field);
       if (cellValue) {
         switch (props.type) {
           case 'float':
@@ -657,22 +724,17 @@ renderer.mixin({
   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);
+    renderTableCell(h, renderOpts, params) {
+      const {
+        props = {}
+      } = renderOpts;
+      const {
+        row,
+        column
+      } = params;
+      let 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;
-        }
+        cellValue = getLabelFormatDate(cellValue, props);
       }
       return getCellLabelVNs(h, renderOpts, params, cellValue);
     },
@@ -681,17 +743,20 @@ renderer.mixin({
     tableFilterDefaultMethod: handleFilterMethod
   },
   VxeTextarea: {
-    tableAutoFocus: 'VxeTextarea'
+    tableAutoFocus: 'textarea',
+    renderTableEdit: defaultEditRender
   },
   VxeButton: {
     renderTableDefault: buttonCellRender
   },
   VxeButtonGroup: {
-    renderTableDefault: function renderTableDefault(h, renderOpts, params) {
-      var options = renderOpts.options;
+    renderTableDefault(h, renderOpts, params) {
+      const {
+        options
+      } = renderOpts;
       return [h(getDefaultComponent(renderOpts), {
         props: Object.assign({
-          options: options
+          options
         }, getCellEditProps(renderOpts, params, null)),
         on: getComponentOns(renderOpts, params)
       })];
@@ -701,24 +766,28 @@ renderer.mixin({
     tableAutoFocus: 'input',
     renderTableEdit: defaultSelectEditRender,
     renderTableDefault: defaultSelectEditRender,
-    renderTableCell: function renderTableCell(h, renderOpts, params) {
+    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;
+    renderTableFilter(h, renderOpts, params) {
+      const {
+        column
+      } = params;
+      const {
+        options,
+        optionProps,
+        optionGroups,
+        optionGroupProps
+      } = renderOpts;
+      return column.filters.map((option, oIndex) => {
+        const 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
+          options,
+          optionProps,
+          optionGroups,
+          optionGroupProps
         })), getFilterOns(renderOpts, params, option)));
       });
     },
@@ -728,7 +797,7 @@ renderer.mixin({
   VxeTreeSelect: {
     tableAutoFocus: 'input',
     renderTableEdit: defaultTreeSelectEditRender,
-    renderTableCell: function renderTableCell(h, renderOpts, params) {
+    renderTableCell(h, renderOpts, params) {
       return getCellLabelVNs(h, renderOpts, params, getTreeSelectCellValue(renderOpts, params));
     },
     tableExportMethod: handleExportTreeSelectMethod
@@ -736,10 +805,12 @@ renderer.mixin({
   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);
+    renderTableCell(h, renderOpts, params) {
+      const {
+        row,
+        column
+      } = params;
+      const cellValue = _xeUtils.default.get(row, column.field);
       return h('i', {
         class: cellValue
       });
@@ -762,11 +833,15 @@ renderer.mixin({
     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);
+    renderTableDefault(h, renderOpts, params) {
+      const {
+        row,
+        column
+      } = params;
+      const {
+        props
+      } = renderOpts;
+      const cellValue = (0, _util.getCellValue)(row, column);
       return [h(getDefaultComponent(renderOpts), {
         props: Object.assign(Object.assign({}, props), {
           src: cellValue
@@ -776,11 +851,15 @@ renderer.mixin({
     }
   },
   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);
+    renderTableDefault(h, renderOpts, params) {
+      const {
+        row,
+        column
+      } = params;
+      const {
+        props
+      } = renderOpts;
+      const cellValue = (0, _util.getCellValue)(row, column);
       return [h(getDefaultComponent(renderOpts), {
         props: Object.assign(Object.assign({}, props), {
           urlList: cellValue
@@ -789,18 +868,39 @@ renderer.mixin({
       })];
     }
   },
+  VxeTextEllipsis: {
+    renderTableDefault(h, renderOpts, params) {
+      const {
+        row,
+        column
+      } = params;
+      const {
+        props
+      } = renderOpts;
+      const cellValue = (0, _util.getCellValue)(row, column);
+      return [h(getDefaultComponent(renderOpts), {
+        props: Object.assign(Object.assign({}, props), {
+          content: cellValue
+        }),
+        on: getEditOns(renderOpts, params)
+      })];
+    }
+  },
   // 以下已废弃
   $input: {
     tableAutoFocus: '.vxe-input--inner',
     renderTableEdit: oldEditRender,
-    renderTableCell: function renderTableCell(h, renderOpts, params) {
+    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);
+      const {
+        props = {}
+      } = renderOpts;
+      const {
+        row,
+        column
+      } = params;
+      const digits = props.digits || ((_a = getConfig().input) === null || _a === void 0 ? void 0 : _a.digits) || 2;
+      let cellValue = _xeUtils.default.get(row, column.field);
       if (cellValue) {
         switch (props.type) {
           case 'date':
@@ -833,24 +933,28 @@ renderer.mixin({
     tableAutoFocus: '.vxe-input--inner',
     renderTableEdit: oldSelectEditRender,
     renderTableDefault: oldSelectEditRender,
-    renderTableCell: function renderTableCell(h, renderOpts, params) {
+    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;
+    renderTableFilter(h, renderOpts, params) {
+      const {
+        column
+      } = params;
+      const {
+        options,
+        optionProps,
+        optionGroups,
+        optionGroupProps
+      } = renderOpts;
+      return column.filters.map((option, oIndex) => {
+        const optionValue = option.data;
         return h(getOldComponent(renderOpts), {
           key: oIndex,
           props: getCellEditFilterProps(renderOpts, params, optionValue, {
-            options: options,
-            optionProps: optionProps,
-            optionGroups: optionGroups,
-            optionGroupProps: optionGroupProps
+            options,
+            optionProps,
+            optionGroups,
+            optionGroupProps
           }),
           on: getFilterOns(renderOpts, params, option)
         });