vxe-table 4.23.4 → 4.23.6

package/es/table/render/index.js

@@ -1,1548 +1,1588 @@
-import { h, resolveComponent } from 'vue';
-import XEUtils from 'xe-utils';
-import { VxeUI } from '../../ui';
-import { getCellValue, setCellValue } from '../../table/src/util';
-import { getFuncText, formatText, isEmptyValue, hasEnableConf } from '../../ui/src/utils';
-import { getOnName, getModelEvent, getChangeEvent, hasInputType } from '../../ui/src/vn';
-import { createComponentLog } from '../../ui/src/log';
-const { errLog } = createComponentLog('table');
+import { h, resolveComponent } from "vue";
+import XEUtils from "xe-utils";
+import { VxeUI } from "../../ui";
+import { getCellValue, setCellValue } from "../../table/src/util";
+import { getFuncText, formatText, isEmptyValue, hasEnableConf } from "../../ui/src/utils";
+import { getOnName, getModelEvent, getChangeEvent, hasInputType } from "../../ui/src/vn";
+import { createComponentLog } from "../../ui/src/log";
+const { errLog } = createComponentLog("table");
 const { getConfig, renderer, getI18n, getComponent } = VxeUI;
-const componentDefaultModelProp = 'modelValue';
+const componentDefaultModelProp = "modelValue";
 const defaultCompProps = {};
 function handleDefaultValue(value, defaultVal, initVal) {
-    return XEUtils.eqNull(value) ? (XEUtils.eqNull(defaultVal) ? initVal : defaultVal) : value;
+  return XEUtils.eqNull(value) ? XEUtils.eqNull(defaultVal) ? initVal : defaultVal : value;
 }
 function parseDate(value, props) {
-    return value && props.valueFormat ? XEUtils.toStringDate(value, props.valueFormat) : value;
+  return value && props.valueFormat ? XEUtils.toStringDate(value, props.valueFormat) : value;
 }
 function getFormatDate(value, props, defaultFormat) {
-    const { dateConfig = {} } = props;
-    return XEUtils.toDateString(parseDate(value, props), dateConfig.labelFormat || defaultFormat);
+  const { dateConfig = {} } = props;
+  return XEUtils.toDateString(parseDate(value, props), dateConfig.labelFormat || defaultFormat);
 }
 function getLabelFormatDate(value, props) {
-    return getFormatDate(value, props, getI18n(`vxe.input.date.labelFormat.${props.type || 'date'}`));
+  return getFormatDate(value, props, getI18n(`vxe.input.date.labelFormat.${props.type || "date"}`));
 }
-/**
- * 已废弃
- * @deprecated
- */
 function getOldComponentName(name) {
-    return `vxe-${name.replace('$', '')}`;
+  return `vxe-${name.replace("$", "")}`;
 }
 function getDefaultComponent({ name }) {
-    return getComponent(name);
+  return getComponent(name);
 }
-/**
- * 已废弃
- * @deprecated
- */
 function getOldComponent({ name }) {
-    return resolveComponent(getOldComponentName(name));
+  return resolveComponent(getOldComponentName(name));
 }
 function updateFilterChangeOption(params, checked, option) {
-    const { $table } = params;
-    $table.updateFilterOptionStatus(option, checked);
+  const { $table } = params;
+  $table.updateFilterOptionStatus(option, checked);
 }
 function saveFilterEvent(params) {
-    const { $table, column } = params;
-    $table.saveFilterByEvent(new Event('change'), column);
+  const { $table, column } = params;
+  $table.saveFilterByEvent(new Event("change"), column);
 }
 function getNativeAttrs(renderOpts) {
-    let { name, attrs } = renderOpts;
-    if (name === 'input') {
-        attrs = Object.assign({ type: 'text' }, attrs);
-    }
-    return attrs;
+  let { name, attrs } = renderOpts;
+  if (name === "input") {
+    attrs = Object.assign({ type: "text" }, attrs);
+  }
+  return attrs;
 }
 function getInputImmediateModel(renderOpts) {
-    const { name, immediate, props } = renderOpts;
-    if (!immediate) {
-        if (name === 'VxeInput' || name === '$input') {
-            const { type } = props || {};
-            return !(!type || type === 'text' || type === 'number' || type === 'integer' || type === 'float');
-        }
-        if (name === 'input' || name === 'textarea' || name === '$textarea') {
-            return false;
-        }
-        return true;
+  const { name, immediate, props } = renderOpts;
+  if (!immediate) {
+    if (name === "VxeInput" || name === "$input") {
+      const { type } = props || {};
+      return !(!type || type === "text" || type === "number" || type === "integer" || type === "float");
+    }
+    if (name === "input" || name === "textarea" || name === "$textarea") {
+      return false;
     }
-    return immediate;
+    return true;
+  }
+  return immediate;
 }
 function getCellEditProps(renderOpts, params, value, defaultProps) {
-    return XEUtils.assign({ immediate: getInputImmediateModel(renderOpts) }, defaultCompProps, defaultProps, renderOpts.props, { [componentDefaultModelProp]: value });
+  return XEUtils.assign({ immediate: getInputImmediateModel(renderOpts) }, defaultCompProps, defaultProps, renderOpts.props, { [componentDefaultModelProp]: value });
 }
 function getCellEditFilterProps(renderOpts, params, value, defaultProps) {
-    return XEUtils.assign({}, defaultCompProps, defaultProps, renderOpts.props, { [componentDefaultModelProp]: value });
+  return XEUtils.assign({}, defaultCompProps, defaultProps, renderOpts.props, { [componentDefaultModelProp]: value });
 }
 function isImmediateCell(renderOpts, params) {
-    return params.$type === 'cell' || getInputImmediateModel(renderOpts);
+  return params.$type === "cell" || getInputImmediateModel(renderOpts);
 }
 function getCellLabelVNs(renderOpts, params, cellLabel, opts) {
-    const { placeholder } = renderOpts;
-    return [
-        h('span', {
-            key: 1,
-            class: ['vxe-cell--label', opts ? opts.class : '']
-        }, placeholder && isEmptyValue(cellLabel)
-            ? [
-                h('span', {
-                    class: 'vxe-cell--placeholder'
-                }, formatText(getFuncText(placeholder), 1))
-            ]
-            : formatText(cellLabel, 1))
-    ];
+  const { placeholder } = renderOpts;
+  return [
+    h("span", {
+      key: 1,
+      class: ["vxe-cell--label", opts ? opts.class : ""]
+    }, placeholder && isEmptyValue(cellLabel) ? [
+      h("span", {
+        class: "vxe-cell--placeholder"
+      }, formatText(getFuncText(placeholder), 1))
+    ] : formatText(cellLabel, 1))
+  ];
 }
-/**
- * 原生事件处理
- * @param renderOpts
- * @param params
- * @param modelFunc
- * @param changeFunc
- */
 function getNativeElementOns(renderOpts, params, eFns) {
-    const { events } = renderOpts;
-    const modelEvent = getModelEvent(renderOpts);
-    const changeEvent = getChangeEvent(renderOpts);
-    const { model: modelFunc, change: changeFunc, blur: blurFunc } = eFns || {};
-    const isSameEvent = changeEvent === modelEvent;
-    const ons = {};
-    if (events) {
-        XEUtils.objectEach(events, (func, key) => {
-            ons[getOnName(key)] = function (...args) {
-                func(params, ...args);
-            };
-        });
-    }
-    if (modelFunc) {
-        ons[getOnName(modelEvent)] = function (targetEvnt) {
-            modelFunc(targetEvnt);
-            if (isSameEvent && changeFunc) {
-                changeFunc(targetEvnt);
-            }
-            if (events && events[modelEvent]) {
-                events[modelEvent](params, targetEvnt);
-            }
-        };
-    }
-    if (!isSameEvent && changeFunc) {
-        ons[getOnName(changeEvent)] = function (evnt) {
-            changeFunc(evnt);
-            if (events && events[changeEvent]) {
-                events[changeEvent](params, evnt);
-            }
-        };
-    }
-    if (blurFunc) {
-        ons[getOnName(blurEvent)] = function (evnt) {
-            blurFunc(evnt);
-            if (events && events[blurEvent]) {
-                events[blurEvent](params, evnt);
-            }
-        };
-    }
-    return ons;
-}
-const blurEvent = 'blur';
-const clearEvent = 'clear';
-/**
- * 组件事件处理
- * @param renderOpts
- * @param params
- * @param modelFunc
- * @param changeFunc
- */
-function getComponentOns(renderOpts, params, eFns, eventOns) {
-    const { events } = renderOpts;
-    const modelEvent = getModelEvent(renderOpts);
-    const changeEvent = getChangeEvent(renderOpts);
-    const { model: modelFunc, change: changeFunc, blur: blurFunc, clear: clearFunc } = eFns || {};
-    const ons = {};
+  const { events } = renderOpts;
+  const modelEvent = getModelEvent(renderOpts);
+  const changeEvent = getChangeEvent(renderOpts);
+  const { model: modelFunc, change: changeFunc, blur: blurFunc } = eFns || {};
+  const isSameEvent = changeEvent === modelEvent;
+  const ons = {};
+  if (events) {
     XEUtils.objectEach(events, (func, key) => {
-        ons[getOnName(key)] = function (...args) {
-            if (!XEUtils.isFunction(func)) {
-                errLog('vxe.error.errFunc', [func]);
-            }
-            func(params, ...args);
-        };
+      ons[getOnName(key)] = function(...args) {
+        func(params, ...args);
+      };
     });
-    if (modelFunc) {
-        ons[getOnName(modelEvent)] = function (targetEvnt) {
-            modelFunc(targetEvnt);
-            if (events && events[modelEvent]) {
-                events[modelEvent](params, targetEvnt);
-            }
-        };
-    }
-    if (changeFunc) {
-        ons[getOnName(changeEvent)] = function (...args) {
-            changeFunc(...args);
-            if (events && events[changeEvent]) {
-                events[changeEvent](params, ...args);
-            }
-        };
-    }
-    if (blurFunc) {
-        ons[getOnName(blurEvent)] = function (...args) {
-            blurFunc(...args);
-            if (events && events[blurEvent]) {
-                events[blurEvent](params, ...args);
-            }
-        };
-    }
-    if (clearFunc) {
-        ons[getOnName(clearEvent)] = function (...args) {
-            clearFunc(...args);
-            if (events && events[clearEvent]) {
-                events[clearEvent](params, ...args);
-            }
-        };
-    }
-    return eventOns ? Object.assign(ons, eventOns) : ons;
+  }
+  if (modelFunc) {
+    ons[getOnName(modelEvent)] = function(targetEvnt) {
+      modelFunc(targetEvnt);
+      if (isSameEvent && changeFunc) {
+        changeFunc(targetEvnt);
+      }
+      if (events && events[modelEvent]) {
+        events[modelEvent](params, targetEvnt);
+      }
+    };
+  }
+  if (!isSameEvent && changeFunc) {
+    ons[getOnName(changeEvent)] = function(evnt) {
+      changeFunc(evnt);
+      if (events && events[changeEvent]) {
+        events[changeEvent](params, evnt);
+      }
+    };
+  }
+  if (blurFunc) {
+    ons[getOnName(blurEvent)] = function(evnt) {
+      blurFunc(evnt);
+      if (events && events[blurEvent]) {
+        events[blurEvent](params, evnt);
+      }
+    };
+  }
+  return ons;
+}
+const blurEvent = "blur";
+const clearEvent = "clear";
+function getComponentOns(renderOpts, params, eFns, eventOns) {
+  const { events } = renderOpts;
+  const modelEvent = getModelEvent(renderOpts);
+  const changeEvent = getChangeEvent(renderOpts);
+  const { model: modelFunc, change: changeFunc, blur: blurFunc, clear: clearFunc } = eFns || {};
+  const ons = {};
+  XEUtils.objectEach(events, (func, key) => {
+    ons[getOnName(key)] = function(...args) {
+      if (!XEUtils.isFunction(func)) {
+        errLog("vxe.error.errFunc", [func]);
+      }
+      func(params, ...args);
+    };
+  });
+  if (modelFunc) {
+    ons[getOnName(modelEvent)] = function(targetEvnt) {
+      modelFunc(targetEvnt);
+      if (events && events[modelEvent]) {
+        events[modelEvent](params, targetEvnt);
+      }
+    };
+  }
+  if (changeFunc) {
+    ons[getOnName(changeEvent)] = function(...args) {
+      changeFunc(...args);
+      if (events && events[changeEvent]) {
+        events[changeEvent](params, ...args);
+      }
+    };
+  }
+  if (blurFunc) {
+    ons[getOnName(blurEvent)] = function(...args) {
+      blurFunc(...args);
+      if (events && events[blurEvent]) {
+        events[blurEvent](params, ...args);
+      }
+    };
+  }
+  if (clearFunc) {
+    ons[getOnName(clearEvent)] = function(...args) {
+      clearFunc(...args);
+      if (events && events[clearEvent]) {
+        events[clearEvent](params, ...args);
+      }
+    };
+  }
+  return eventOns ? Object.assign(ons, eventOns) : ons;
 }
 function getEditOns(renderOpts, params) {
-    const { $table, row, column } = params;
-    const { name } = renderOpts;
-    const { model } = column;
-    const isImmediate = isImmediateCell(renderOpts, params);
-    return getComponentOns(renderOpts, params, {
-        model(cellValue) {
-            // 处理 model 值双向绑定
-            model.update = true;
-            model.value = cellValue;
-            if (isImmediate) {
-                setCellValue(row, column, cellValue);
-            }
-        },
-        change(eventParams) {
-            // 处理 change 事件相关逻辑
-            if (!isImmediate && name && (['VxeInput', 'VxeNumberInput', 'VxeTextarea', '$input', '$textarea'].includes(name))) {
-                const cellValue = eventParams.value;
-                model.update = true;
-                model.value = cellValue;
-                $table.updateStatus(params, cellValue);
-            }
-            else {
-                $table.updateStatus(params);
-            }
-        },
-        blur() {
-            if (isImmediate) {
-                $table.handleCellRuleUpdateStatus('blur', params);
-            }
-            else {
-                $table.handleCellRuleUpdateStatus('blur', params, model.value);
-            }
-        }
-    });
+  const { $table, row, column } = params;
+  const { name } = renderOpts;
+  const { model } = column;
+  const isImmediate = isImmediateCell(renderOpts, params);
+  return getComponentOns(renderOpts, params, {
+    model(cellValue) {
+      model.update = true;
+      model.value = cellValue;
+      if (isImmediate) {
+        setCellValue(row, column, cellValue);
+      }
+    },
+    change(eventParams) {
+      if (!isImmediate && name && ["VxeInput", "VxeNumberInput", "VxeTextarea", "$input", "$textarea"].includes(name)) {
+        const cellValue = eventParams.value;
+        model.update = true;
+        model.value = cellValue;
+        $table.updateStatus(params, cellValue);
+      } else {
+        $table.updateStatus(params);
+      }
+    },
+    blur() {
+      if (isImmediate) {
+        $table.handleCellRuleUpdateStatus("blur", params);
+      } else {
+        $table.handleCellRuleUpdateStatus("blur", params, model.value);
+      }
+    }
+  });
 }
 function getFilterOns(renderOpts, params, option) {
-    return getComponentOns(renderOpts, params, {
-        model(value) {
-            // 处理 model 值双向绑定
-            option.data = value;
-        },
-        change() {
-            updateFilterChangeOption(params, !isEmptyValue(option.data), option);
-        },
-        blur() {
-            updateFilterChangeOption(params, !isEmptyValue(option.data), option);
-        }
-    });
+  return getComponentOns(renderOpts, params, {
+    model(value) {
+      option.data = value;
+    },
+    change() {
+      updateFilterChangeOption(params, !isEmptyValue(option.data), option);
+    },
+    blur() {
+      updateFilterChangeOption(params, !isEmptyValue(option.data), option);
+    }
+  });
 }
 function getFloatingFilterOns(renderOpts, params, option) {
-    const { $table, column } = params;
-    if (hasInputType(renderOpts)) {
-        return getComponentOns(renderOpts, params, {
-            model(value) {
-                // 处理 model 值双向绑定
-                option.data = value;
-            },
-            change() {
-                updateFilterChangeOption(params, !isEmptyValue(option.data), option);
-            },
-            clear() {
-                updateFilterChangeOption(params, !isEmptyValue(option.data), option);
-                saveFilterEvent(params);
-            },
-            blur() {
-                $table.saveFilterByEvent(new Event('change'), column);
-            }
-        }, renderOpts.name === 'VxeNumberInput'
-            ? {
-                [getOnName('plus-number')]() {
-                    updateFilterChangeOption(params, !isEmptyValue(option.data), option);
-                    saveFilterEvent(params);
-                },
-                [getOnName('minus-number')]() {
-                    updateFilterChangeOption(params, !isEmptyValue(option.data), option);
-                    saveFilterEvent(params);
-                }
-            }
-            : {});
-    }
+  const { $table, column } = params;
+  if (hasInputType(renderOpts)) {
     return getComponentOns(renderOpts, params, {
-        model(value) {
-            // 处理 model 值双向绑定
-            option.data = value;
-        },
-        clear() {
-            updateFilterChangeOption(params, !isEmptyValue(option.data), option);
-            $table.saveFilterByEvent(new Event('change'), column);
-        },
-        change() {
-            updateFilterChangeOption(params, !isEmptyValue(option.data), option);
-            $table.saveFilterByEvent(new Event('change'), column);
-        }
-    });
+      model(value) {
+        option.data = value;
+      },
+      change() {
+        updateFilterChangeOption(params, !isEmptyValue(option.data), option);
+      },
+      clear() {
+        updateFilterChangeOption(params, !isEmptyValue(option.data), option);
+        saveFilterEvent(params);
+      },
+      blur() {
+        $table.saveFilterByEvent(new Event("change"), column);
+      }
+    }, renderOpts.name === "VxeNumberInput" ? {
+      [getOnName("plus-number")]() {
+        updateFilterChangeOption(params, !isEmptyValue(option.data), option);
+        saveFilterEvent(params);
+      },
+      [getOnName("minus-number")]() {
+        updateFilterChangeOption(params, !isEmptyValue(option.data), option);
+        saveFilterEvent(params);
+      }
+    } : {});
+  }
+  return getComponentOns(renderOpts, params, {
+    model(value) {
+      option.data = value;
+    },
+    clear() {
+      updateFilterChangeOption(params, !isEmptyValue(option.data), option);
+      $table.saveFilterByEvent(new Event("change"), column);
+    },
+    change() {
+      updateFilterChangeOption(params, !isEmptyValue(option.data), option);
+      $table.saveFilterByEvent(new Event("change"), column);
+    }
+  });
 }
 function getNativeEditOns(renderOpts, params) {
-    const { $table, row, column } = params;
-    const { model } = column;
-    return getNativeElementOns(renderOpts, params, {
-        model(evnt) {
-            // 处理 model 值双向绑定
-            const targetEl = evnt.target;
-            if (targetEl) {
-                const cellValue = targetEl.value;
-                if (isImmediateCell(renderOpts, params)) {
-                    setCellValue(row, column, cellValue);
-                }
-                else {
-                    model.update = true;
-                    model.value = cellValue;
-                }
-            }
-        },
-        change(evnt) {
-            // 处理 change 事件相关逻辑
-            const targetEl = evnt.target;
-            if (targetEl) {
-                const cellValue = targetEl.value;
-                $table.updateStatus(params, cellValue);
-            }
-        },
-        blur(evnt) {
-            const targetEl = evnt.target;
-            if (targetEl) {
-                const cellValue = targetEl.value;
-                $table.updateStatus(params, cellValue);
-            }
+  const { $table, row, column } = params;
+  const { model } = column;
+  return getNativeElementOns(renderOpts, params, {
+    model(evnt) {
+      const targetEl = evnt.target;
+      if (targetEl) {
+        const cellValue = targetEl.value;
+        if (isImmediateCell(renderOpts, params)) {
+          setCellValue(row, column, cellValue);
+        } else {
+          model.update = true;
+          model.value = cellValue;
         }
-    });
+      }
+    },
+    change(evnt) {
+      const targetEl = evnt.target;
+      if (targetEl) {
+        const cellValue = targetEl.value;
+        $table.updateStatus(params, cellValue);
+      }
+    },
+    blur(evnt) {
+      const targetEl = evnt.target;
+      if (targetEl) {
+        const cellValue = targetEl.value;
+        $table.updateStatus(params, cellValue);
+      }
+    }
+  });
 }
 function getNativeFilterOns(renderOpts, params, option) {
-    return getNativeElementOns(renderOpts, params, {
-        model(evnt) {
-            // 处理 model 值双向绑定
-            const targetEl = evnt.target;
-            if (targetEl) {
-                option.data = targetEl.value;
-            }
-        },
-        change() {
-            updateFilterChangeOption(params, !XEUtils.eqNull(option.data), option);
-        },
-        blur() {
-            updateFilterChangeOption(params, !XEUtils.eqNull(option.data), option);
-        }
-    });
+  return getNativeElementOns(renderOpts, params, {
+    model(evnt) {
+      const targetEl = evnt.target;
+      if (targetEl) {
+        option.data = targetEl.value;
+      }
+    },
+    change() {
+      updateFilterChangeOption(params, !XEUtils.eqNull(option.data), option);
+    },
+    blur() {
+      updateFilterChangeOption(params, !XEUtils.eqNull(option.data), option);
+    }
+  });
 }
 function nativeInputCellRender(renderOpts, renderParams) {
-    const { row, column } = renderParams;
-    const cellValue = XEUtils.get(row, column.field);
-    const cellVNs = [
-        h('span', {
-            key: 1
-        }, cellValue)
-    ];
-    return getNativeInputRenderCellVNs(cellValue, cellVNs, renderOpts, renderParams);
+  const { row, column } = renderParams;
+  const cellValue = XEUtils.get(row, column.field);
+  const cellVNs = [
+    h("span", {
+      key: 1
+    }, cellValue)
+  ];
+  return getNativeInputRenderCellVNs(cellValue, cellVNs, renderOpts, renderParams);
 }
-/**
- * 单元格可编辑渲染-原生的标签
- * input、textarea
- */
 function nativeInputEditRender(renderOpts, renderParams) {
-    const { row, column } = renderParams;
-    const { name } = renderOpts;
-    const cellValue = isImmediateCell(renderOpts, renderParams) ? getCellValue(row, column) : column.model.value;
-    return [
-        h('' + name, Object.assign(Object.assign(Object.assign({ key: 2, class: `vxe-default-${name}` }, getNativeAttrs(renderOpts)), { value: cellValue }), getNativeEditOns(renderOpts, renderParams)))
-    ];
+  const { row, column } = renderParams;
+  const { name } = renderOpts;
+  const cellValue = isImmediateCell(renderOpts, renderParams) ? getCellValue(row, column) : column.model.value;
+  return [
+    h("" + name, {
+      key: 2,
+      class: `vxe-default-${name}`,
+      ...getNativeAttrs(renderOpts),
+      value: cellValue,
+      ...getNativeEditOns(renderOpts, renderParams)
+    })
+  ];
 }
 function buttonCellRender(renderOpts, params) {
-    return [
-        h(getDefaultComponent(renderOpts), Object.assign(Object.assign({}, getCellEditProps(renderOpts, params, null)), getComponentOns(renderOpts, params)))
-    ];
+  return [
+    h(getDefaultComponent(renderOpts), {
+      ...getCellEditProps(renderOpts, params, null),
+      ...getComponentOns(renderOpts, params)
+    })
+  ];
 }
 function defaultInputEditRender(renderOpts, params) {
-    const { row, column } = params;
-    const cellValue = getCellValue(row, column);
-    return [
-        h(getDefaultComponent(renderOpts), Object.assign(Object.assign({ key: 2 }, getCellEditProps(renderOpts, params, cellValue)), getEditOns(renderOpts, params)))
-    ];
+  const { row, column } = params;
+  const cellValue = getCellValue(row, column);
+  return [
+    h(getDefaultComponent(renderOpts), {
+      key: 2,
+      ...getCellEditProps(renderOpts, params, cellValue),
+      ...getEditOns(renderOpts, params)
+    })
+  ];
 }
 function defaultEditRender(renderOpts, params) {
-    const { row, column } = params;
-    const cellValue = getCellValue(row, column);
-    return [
-        h(getDefaultComponent(renderOpts), Object.assign(Object.assign({}, getCellEditProps(renderOpts, params, cellValue)), getEditOns(renderOpts, params)))
-    ];
+  const { row, column } = params;
+  const cellValue = getCellValue(row, column);
+  return [
+    h(getDefaultComponent(renderOpts), {
+      ...getCellEditProps(renderOpts, params, cellValue),
+      ...getEditOns(renderOpts, params)
+    })
+  ];
 }
 function checkboxEditRender(renderOpts, params) {
-    const { row, column } = params;
-    const cellValue = getCellValue(row, column);
-    return [
-        h(getDefaultComponent(renderOpts), Object.assign(Object.assign({}, getCellEditProps(renderOpts, params, cellValue)), getEditOns(renderOpts, params)))
-    ];
+  const { row, column } = params;
+  const cellValue = getCellValue(row, column);
+  return [
+    h(getDefaultComponent(renderOpts), {
+      ...getCellEditProps(renderOpts, params, cellValue),
+      ...getEditOns(renderOpts, params)
+    })
+  ];
 }
 function radioAndCheckboxGroupEditRender(renderOpts, params) {
-    const { options } = renderOpts;
-    const { row, column } = params;
-    const cellValue = getCellValue(row, column);
-    return [
-        h(getDefaultComponent(renderOpts), Object.assign(Object.assign({ options }, getCellEditProps(renderOpts, params, cellValue)), getEditOns(renderOpts, params)))
-    ];
+  const { options } = renderOpts;
+  const { row, column } = params;
+  const cellValue = getCellValue(row, column);
+  return [
+    h(getDefaultComponent(renderOpts), {
+      options,
+      ...getCellEditProps(renderOpts, params, cellValue),
+      ...getEditOns(renderOpts, params)
+    })
+  ];
 }
-/**
- * 已废弃
- * @deprecated
- */
 function oldEditRender(renderOpts, params) {
-    const { row, column } = params;
-    const cellValue = getCellValue(row, column);
-    return [
-        h(getOldComponent(renderOpts), Object.assign(Object.assign({}, getCellEditProps(renderOpts, params, cellValue)), getEditOns(renderOpts, params)))
-    ];
+  const { row, column } = params;
+  const cellValue = getCellValue(row, column);
+  return [
+    h(getOldComponent(renderOpts), {
+      ...getCellEditProps(renderOpts, params, cellValue),
+      ...getEditOns(renderOpts, params)
+    })
+  ];
 }
-/**
- * 已废弃
- * @deprecated
- */
 function oldButtonEditRender(renderOpts, params) {
-    return [
-        h(getComponent('vxe-button'), Object.assign(Object.assign({}, getCellEditProps(renderOpts, params, null)), getComponentOns(renderOpts, params)))
-    ];
+  return [
+    h(getComponent("vxe-button"), {
+      ...getCellEditProps(renderOpts, params, null),
+      ...getComponentOns(renderOpts, params)
+    })
+  ];
 }
-/**
- * 已废弃
- * @deprecated
- */
 function oldButtonsEditRender(renderOpts, params) {
-    const { children } = renderOpts;
-    return children ? children.map((childRenderOpts) => oldButtonEditRender(childRenderOpts, params)[0]) : [];
+  const { children } = renderOpts;
+  return children ? children.map((childRenderOpts) => oldButtonEditRender(childRenderOpts, params)[0]) : [];
 }
 function renderNativeOptgroups(renderOpts, params, renderOptionsMethods) {
-    const { optionGroups, optionGroupProps = {} } = renderOpts;
-    const groupOptions = optionGroupProps.options || 'options';
-    const groupLabel = optionGroupProps.label || 'label';
-    if (optionGroups) {
-        return optionGroups.map((group, gIndex) => {
-            return h('optgroup', {
-                key: gIndex,
-                label: group[groupLabel]
-            }, renderOptionsMethods(group[groupOptions], renderOpts, params));
-        });
-    }
-    return [];
+  const { optionGroups, optionGroupProps = {} } = renderOpts;
+  const groupOptions = optionGroupProps.options || "options";
+  const groupLabel = optionGroupProps.label || "label";
+  if (optionGroups) {
+    return optionGroups.map((group, gIndex) => {
+      return h("optgroup", {
+        key: gIndex,
+        label: group[groupLabel]
+      }, renderOptionsMethods(group[groupOptions], renderOpts, params));
+    });
+  }
+  return [];
 }
-/**
- * 渲染原生的 option 标签
- */
 function renderNativeOptions(options, renderOpts, params) {
-    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) ? getCellValue(row, column) : column.model.value;
-    if (options) {
-        return options.map((option, oIndex) => {
-            return h('option', {
-                key: oIndex,
-                value: option[valueProp],
-                disabled: option[disabledProp],
-                /* eslint-disable eqeqeq */
-                selected: option[valueProp] == cellValue
-            }, option[labelProp]);
-        });
-    }
-    return [];
+  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) ? getCellValue(row, column) : column.model.value;
+  if (options) {
+    return options.map((option, oIndex) => {
+      return h("option", {
+        key: oIndex,
+        value: option[valueProp],
+        disabled: option[disabledProp],
+        /* eslint-disable eqeqeq */
+        selected: option[valueProp] == cellValue
+      }, option[labelProp]);
+    });
+  }
+  return [];
 }
 function nativeFilterRender(renderOpts, params) {
-    const { column } = params;
-    const { name } = renderOpts;
-    const attrs = getNativeAttrs(renderOpts);
-    return column.filters.map((option, oIndex) => {
-        return h(`${name}`, Object.assign(Object.assign(Object.assign({ key: oIndex, class: `vxe-default-${name}` }, attrs), { value: option.data }), getNativeFilterOns(renderOpts, params, option)));
+  const { column } = params;
+  const { name } = renderOpts;
+  const attrs = getNativeAttrs(renderOpts);
+  return column.filters.map((option, oIndex) => {
+    return h(`${name}`, {
+      key: oIndex,
+      class: `vxe-default-${name}`,
+      ...attrs,
+      value: option.data,
+      ...getNativeFilterOns(renderOpts, params, option)
     });
+  });
 }
 function defaultFilterRender(renderOpts, params) {
-    const { column } = params;
-    return column.filters.map((option, oIndex) => {
-        const optionValue = option.data;
-        return h(getDefaultComponent(renderOpts), Object.assign(Object.assign({ key: oIndex }, getCellEditFilterProps(renderOpts, renderOpts, optionValue)), getFilterOns(renderOpts, params, option)));
+  const { column } = params;
+  return column.filters.map((option, oIndex) => {
+    const optionValue = option.data;
+    return h(getDefaultComponent(renderOpts), {
+      key: oIndex,
+      ...getCellEditFilterProps(renderOpts, renderOpts, optionValue),
+      ...getFilterOns(renderOpts, params, option)
     });
+  });
 }
 function defaultFloatingFilterRender(renderOpts, params) {
-    const { option } = params;
-    const optionValue = option.data;
-    return [
-        h(getDefaultComponent(renderOpts), Object.assign(Object.assign({}, getCellEditFilterProps(renderOpts, renderOpts, optionValue)), getFloatingFilterOns(renderOpts, params, option)))
-    ];
+  const { option } = params;
+  const optionValue = option.data;
+  return [
+    h(getDefaultComponent(renderOpts), {
+      ...getCellEditFilterProps(renderOpts, renderOpts, optionValue),
+      ...getFloatingFilterOns(renderOpts, params, option)
+    })
+  ];
 }
 function defaultFilterOptions() {
-    return [
-        { data: null }
-    ];
+  return [
+    { data: null }
+  ];
 }
-/**
- * 已废弃
- * @deprecated
- */
 function oldFilterRender(renderOpts, params) {
-    const { column } = params;
-    return column.filters.map((option, oIndex) => {
-        const optionValue = option.data;
-        return h(getOldComponent(renderOpts), Object.assign(Object.assign({ key: oIndex }, getCellEditFilterProps(renderOpts, renderOpts, optionValue)), getFilterOns(renderOpts, params, option)));
+  const { column } = params;
+  return column.filters.map((option, oIndex) => {
+    const optionValue = option.data;
+    return h(getOldComponent(renderOpts), {
+      key: oIndex,
+      ...getCellEditFilterProps(renderOpts, renderOpts, optionValue),
+      ...getFilterOns(renderOpts, params, option)
     });
+  });
 }
 function handleFilterMethod({ option, row, column }) {
-    const { data } = option;
-    const cellValue = XEUtils.get(row, column.field);
-    /* eslint-disable eqeqeq */
-    return cellValue == data;
+  const { data } = option;
+  const cellValue = XEUtils.get(row, column.field);
+  return cellValue == data;
 }
 function handleInputFilterMethod({ option, row, column }) {
-    const { data } = option;
-    const cellValue = XEUtils.get(row, column.field);
-    /* eslint-disable eqeqeq */
-    return XEUtils.toValueString(cellValue).indexOf(data) > -1;
+  const { data } = option;
+  const cellValue = XEUtils.get(row, column.field);
+  return XEUtils.toValueString(cellValue).indexOf(data) > -1;
 }
 function nativeSelectEditRender(renderOpts, params) {
-    return [
-        h('select', Object.assign(Object.assign({ class: 'vxe-default-select' }, getNativeAttrs(renderOpts)), getNativeEditOns(renderOpts, params)), renderOpts.optionGroups ? renderNativeOptgroups(renderOpts, params, renderNativeOptions) : renderNativeOptions(renderOpts.options, renderOpts, params))
-    ];
+  return [
+    h(
+      "select",
+      {
+        class: "vxe-default-select",
+        ...getNativeAttrs(renderOpts),
+        ...getNativeEditOns(renderOpts, params)
+      },
+      renderOpts.optionGroups ? renderNativeOptgroups(renderOpts, params, renderNativeOptions) : renderNativeOptions(renderOpts.options, renderOpts, params)
+    )
+  ];
 }
 function defaultSelectEditRender(renderOpts, params) {
-    const { row, column } = params;
-    const { options, optionProps, optionGroups, optionGroupProps } = renderOpts;
-    const cellValue = getCellValue(row, column);
-    return [
-        h(getDefaultComponent(renderOpts), Object.assign(Object.assign({}, getCellEditProps(renderOpts, params, cellValue, { options, optionProps, optionGroups, optionGroupProps })), getEditOns(renderOpts, params)))
-    ];
+  const { row, column } = params;
+  const { options, optionProps, optionGroups, optionGroupProps } = renderOpts;
+  const cellValue = getCellValue(row, column);
+  return [
+    h(getDefaultComponent(renderOpts), {
+      ...getCellEditProps(renderOpts, params, cellValue, { options, optionProps, optionGroups, optionGroupProps }),
+      ...getEditOns(renderOpts, params)
+    })
+  ];
 }
 function defaultTableOrTreeSelectEditRender(renderOpts, params) {
-    const { row, column } = params;
-    const { options, optionProps } = renderOpts;
-    const cellValue = getCellValue(row, column);
-    return [
-        h(getDefaultComponent(renderOpts), Object.assign(Object.assign({}, getCellEditProps(renderOpts, params, cellValue, { options, optionProps })), getEditOns(renderOpts, params)))
-    ];
+  const { row, column } = params;
+  const { options, optionProps } = renderOpts;
+  const cellValue = getCellValue(row, column);
+  return [
+    h(getDefaultComponent(renderOpts), {
+      ...getCellEditProps(renderOpts, params, cellValue, { options, optionProps }),
+      ...getEditOns(renderOpts, params)
+    })
+  ];
 }
-/**
- * 已废弃
- * @deprecated
- */
 function oldSelectEditRender(renderOpts, params) {
-    const { row, column } = params;
-    const { options, optionProps, optionGroups, optionGroupProps } = renderOpts;
-    const cellValue = getCellValue(row, column);
-    return [
-        h(getOldComponent(renderOpts), Object.assign(Object.assign({}, getCellEditProps(renderOpts, params, cellValue, { options, optionProps, optionGroups, optionGroupProps })), getEditOns(renderOpts, params)))
-    ];
+  const { row, column } = params;
+  const { options, optionProps, optionGroups, optionGroupProps } = renderOpts;
+  const cellValue = getCellValue(row, column);
+  return [
+    h(getOldComponent(renderOpts), {
+      ...getCellEditProps(renderOpts, params, cellValue, { options, optionProps, optionGroups, optionGroupProps }),
+      ...getEditOns(renderOpts, params)
+    })
+  ];
 }
 function handleSelectCellValue(cellValue, renderOpts) {
-    const { options, optionGroups, optionProps = {}, optionGroupProps = {}, props = {} } = renderOpts;
-    let selectItem;
-    const labelProp = optionProps.label || 'label';
-    const valueProp = optionProps.value || 'value';
-    if (!(cellValue === null || cellValue === undefined)) {
-        let vals = [];
-        if (XEUtils.isArray(cellValue)) {
-            vals = cellValue;
-        }
-        else {
-            if (props.multiple && `${cellValue}`.indexOf(',') > -1) {
-                vals = `${cellValue}`.split(',');
-            }
-            else {
-                vals = [cellValue];
-            }
-        }
-        return XEUtils.map(vals, optionGroups
-            ? (value) => {
-                const groupOptions = optionGroupProps.options || 'options';
-                for (let index = 0; index < optionGroups.length; index++) {
-                    /* eslint-disable eqeqeq */
-                    selectItem = XEUtils.find(optionGroups[index][groupOptions], item => item[valueProp] == value);
-                    if (selectItem) {
-                        break;
-                    }
-                }
-                return selectItem ? selectItem[labelProp] : value;
-            }
-            : (value) => {
-                /* eslint-disable eqeqeq */
-                selectItem = XEUtils.find(options, item => item[valueProp] == value);
-                return selectItem ? selectItem[labelProp] : value;
-            }).join(', ');
+  const { options, optionGroups, optionProps = {}, optionGroupProps = {}, props = {} } = renderOpts;
+  let selectItem;
+  const labelProp = optionProps.label || "label";
+  const valueProp = optionProps.value || "value";
+  if (!(cellValue === null || cellValue === void 0)) {
+    let vals = [];
+    if (XEUtils.isArray(cellValue)) {
+      vals = cellValue;
+    } else {
+      if (props.multiple && `${cellValue}`.indexOf(",") > -1) {
+        vals = `${cellValue}`.split(",");
+      } else {
+        vals = [cellValue];
+      }
     }
-    return '';
+    return XEUtils.map(
+      vals,
+      optionGroups ? (value) => {
+        const groupOptions = optionGroupProps.options || "options";
+        for (let index = 0; index < optionGroups.length; index++) {
+          selectItem = XEUtils.find(optionGroups[index][groupOptions], (item) => item[valueProp] == value);
+          if (selectItem) {
+            break;
+          }
+        }
+        return selectItem ? selectItem[labelProp] : value;
+      } : (value) => {
+        selectItem = XEUtils.find(options, (item) => item[valueProp] == value);
+        return selectItem ? selectItem[labelProp] : value;
+      }
+    ).join(", ");
+  }
+  return "";
 }
 function getSelectCellValue(renderOpts, { row, column }) {
-    const cellValue = XEUtils.get(row, column.field);
-    return handleSelectCellValue(cellValue, renderOpts);
+  const cellValue = XEUtils.get(row, column.field);
+  return handleSelectCellValue(cellValue, renderOpts);
 }
 function handleExportSelectMethod(params) {
-    const { row, column, options } = params;
-    return options.original ? getCellValue(row, column) : getSelectCellValue(column.editRender || column.cellRender, params);
+  const { row, column, options } = params;
+  return options.original ? getCellValue(row, column) : getSelectCellValue(column.editRender || column.cellRender, params);
 }
 function handleTreeSelectCellValue(cellValue, renderOpts) {
-    const { options, optionProps = {} } = renderOpts;
-    const labelProp = optionProps.label || 'label';
-    const valueProp = optionProps.value || 'value';
-    const childrenProp = optionProps.children || 'children';
-    if (!(cellValue === null || cellValue === undefined)) {
-        const keyMaps = {};
-        XEUtils.eachTree(options, item => {
-            keyMaps[XEUtils.get(item, valueProp)] = item;
-        }, { children: childrenProp });
-        return XEUtils.map(XEUtils.isArray(cellValue) ? cellValue : [cellValue], (value) => {
-            const item = keyMaps[value];
-            return item ? XEUtils.get(item, labelProp) : item;
-        }).join(', ');
-    }
-    return '';
+  const { options, optionProps = {} } = renderOpts;
+  const labelProp = optionProps.label || "label";
+  const valueProp = optionProps.value || "value";
+  const childrenProp = optionProps.children || "children";
+  if (!(cellValue === null || cellValue === void 0)) {
+    const keyMaps = {};
+    XEUtils.eachTree(options, (item) => {
+      keyMaps[XEUtils.get(item, valueProp)] = item;
+    }, { children: childrenProp });
+    return XEUtils.map(
+      XEUtils.isArray(cellValue) ? cellValue : [cellValue],
+      (value) => {
+        const item = keyMaps[value];
+        return item ? XEUtils.get(item, labelProp) : item;
+      }
+    ).join(", ");
+  }
+  return "";
 }
 function getTreeSelectCellValue(renderOpts, { row, column }) {
-    const cellValue = XEUtils.get(row, column.field);
-    return handleTreeSelectCellValue(cellValue, renderOpts);
+  const cellValue = XEUtils.get(row, column.field);
+  return handleTreeSelectCellValue(cellValue, renderOpts);
 }
 function handleExportTreeSelectMethod(params) {
-    const { row, column, options } = params;
-    return options.original ? getCellValue(row, column) : getTreeSelectCellValue(column.editRender || column.cellRender, params);
+  const { row, column, options } = params;
+  return options.original ? getCellValue(row, column) : getTreeSelectCellValue(column.editRender || column.cellRender, params);
 }
 function handleNumberCell(cellValue, renderOpts, params) {
-    const { props = {}, showNegativeStatus } = renderOpts;
-    const { type } = props;
-    let isNegative = false;
-    if (!isEmptyValue(cellValue)) {
-        const numberInputConfig = getConfig().numberInput || {};
-        if (type === 'float') {
-            const autoFill = handleDefaultValue(props.autoFill, numberInputConfig.autoFill, true);
-            const digits = handleDefaultValue(props.digits, numberInputConfig.digits, 1);
-            cellValue = XEUtils.toFixed(XEUtils.floor(cellValue, digits), digits);
-            if (!autoFill) {
-                cellValue = XEUtils.toNumber(cellValue);
-            }
-            if (showNegativeStatus) {
-                if (cellValue < 0) {
-                    isNegative = true;
-                }
-            }
+  const { props = {}, showNegativeStatus } = renderOpts;
+  const { type } = props;
+  let isNegative = false;
+  if (!isEmptyValue(cellValue)) {
+    const numberInputConfig = getConfig().numberInput || {};
+    if (type === "float") {
+      const autoFill = handleDefaultValue(props.autoFill, numberInputConfig.autoFill, true);
+      const digits = handleDefaultValue(props.digits, numberInputConfig.digits, 1);
+      cellValue = XEUtils.toFixed(XEUtils.floor(cellValue, digits), digits);
+      if (!autoFill) {
+        cellValue = XEUtils.toNumber(cellValue);
+      }
+      if (showNegativeStatus) {
+        if (cellValue < 0) {
+          isNegative = true;
         }
-        else if (type === 'amount') {
-            const autoFill = handleDefaultValue(props.autoFill, numberInputConfig.autoFill, true);
-            const digits = handleDefaultValue(props.digits, numberInputConfig.digits, 2);
-            const showCurrency = handleDefaultValue(props.showCurrency, numberInputConfig.showCurrency, false);
-            cellValue = XEUtils.toNumber(cellValue);
-            if (showNegativeStatus) {
-                if (cellValue < 0) {
-                    isNegative = true;
-                }
-            }
-            cellValue = XEUtils.commafy(cellValue, { digits });
-            if (!autoFill) {
-                const [iStr, dStr] = cellValue.split('.');
-                if (dStr) {
-                    const dRest = dStr.replace(/0+$/, '');
-                    cellValue = dRest ? [iStr, '.', dRest].join('') : iStr;
-                }
-            }
-            if (showCurrency) {
-                cellValue = `${props.currencySymbol || numberInputConfig.currencySymbol || getI18n('vxe.numberInput.currencySymbol') || ''}${cellValue}`;
-            }
+      }
+    } else if (type === "amount") {
+      const autoFill = handleDefaultValue(props.autoFill, numberInputConfig.autoFill, true);
+      const digits = handleDefaultValue(props.digits, numberInputConfig.digits, 2);
+      const showCurrency = handleDefaultValue(props.showCurrency, numberInputConfig.showCurrency, false);
+      cellValue = XEUtils.toNumber(cellValue);
+      if (showNegativeStatus) {
+        if (cellValue < 0) {
+          isNegative = true;
         }
-        else {
-            if (type === 'integer') {
-                cellValue = XEUtils.toInteger(cellValue);
-            }
-            if (showNegativeStatus) {
-                if (XEUtils.toNumber(cellValue) < 0) {
-                    isNegative = true;
-                }
-            }
+      }
+      cellValue = XEUtils.commafy(cellValue, { digits });
+      if (!autoFill) {
+        const [iStr, dStr] = cellValue.split(".");
+        if (dStr) {
+          const dRest = dStr.replace(/0+$/, "");
+          cellValue = dRest ? [iStr, ".", dRest].join("") : iStr;
         }
-    }
-    return getCellLabelVNs(renderOpts, params, cellValue, isNegative
-        ? {
-            class: 'is--negative'
+      }
+      if (showCurrency) {
+        cellValue = `${props.currencySymbol || numberInputConfig.currencySymbol || getI18n("vxe.numberInput.currencySymbol") || ""}${cellValue}`;
+      }
+    } else {
+      if (type === "integer") {
+        cellValue = XEUtils.toInteger(cellValue);
+      }
+      if (showNegativeStatus) {
+        if (XEUtils.toNumber(cellValue) < 0) {
+          isNegative = true;
         }
-        : {});
+      }
+    }
+  }
+  return getCellLabelVNs(renderOpts, params, cellValue, isNegative ? {
+    class: "is--negative"
+  } : {});
 }
 function handleFormatDatePicker(renderOpts, renderParams) {
-    const { props = {} } = renderOpts;
-    const { cellValue } = renderParams;
-    if (cellValue) {
-        if (props.type !== 'time') {
-            return getLabelFormatDate(cellValue, props);
-        }
+  const { props = {} } = renderOpts;
+  const { cellValue } = renderParams;
+  if (cellValue) {
+    if (props.type !== "time") {
+      return getLabelFormatDate(cellValue, props);
     }
-    return cellValue;
+  }
+  return cellValue;
 }
 function handleFormatSelect(renderOpts, renderParams) {
-    const { cellValue } = renderParams;
-    return handleSelectCellValue(cellValue, renderOpts);
+  const { cellValue } = renderParams;
+  return handleSelectCellValue(cellValue, renderOpts);
 }
 function handleSetSelectValue(renderOpts, renderParams) {
-    const { row, column, cellValue } = renderParams;
-    const { field } = column;
-    if (field) {
-        const { options, optionGroups, optionProps = {}, optionGroupProps = {}, props } = renderOpts;
-        if (isEmptyValue(cellValue)) {
-            XEUtils.set(row, field, props && props.multiple ? [] : null);
+  const { row, column, cellValue } = renderParams;
+  const { field } = column;
+  if (field) {
+    const { options, optionGroups, optionProps = {}, optionGroupProps = {}, props } = renderOpts;
+    if (isEmptyValue(cellValue)) {
+      XEUtils.set(row, field, props && props.multiple ? [] : null);
+      return;
+    }
+    const isMultiVal = XEUtils.indexOf(`${cellValue}`, ",") > -1;
+    const labelProp = optionProps.label || "label";
+    const valueProp = optionProps.value || "value";
+    const labelMpas = {};
+    if (optionGroups && optionGroups.length) {
+      const groupOptions = optionGroupProps.options || "options";
+      for (let i = 0; i < optionGroups.length; i++) {
+        const opts = optionGroups[i][groupOptions] || {};
+        for (let j = 0; j < opts.length; j++) {
+          const item = opts[j];
+          if (isMultiVal) {
+            labelMpas[item[labelProp]] = item;
+          } else if (item[labelProp] == cellValue) {
+            XEUtils.set(row, field, item[valueProp]);
             return;
+          }
         }
-        const isMultiVal = XEUtils.indexOf(`${cellValue}`, ',') > -1;
-        const labelProp = optionProps.label || 'label';
-        const valueProp = optionProps.value || 'value';
-        const labelMpas = {};
-        if (optionGroups && optionGroups.length) {
-            const groupOptions = optionGroupProps.options || 'options';
-            for (let i = 0; i < optionGroups.length; i++) {
-                const opts = optionGroups[i][groupOptions] || {};
-                for (let j = 0; j < opts.length; j++) {
-                    const item = opts[j];
-                    if (isMultiVal) {
-                        labelMpas[item[labelProp]] = item;
-                        /* eslint-disable eqeqeq */
-                    }
-                    else if (item[labelProp] == cellValue) {
-                        XEUtils.set(row, field, item[valueProp]);
-                        return;
-                    }
-                }
-            }
-        }
-        else {
-            if (options) {
-                for (let i = 0; i < options.length; i++) {
-                    const item = options[i];
-                    if (isMultiVal) {
-                        labelMpas[item[labelProp]] = item;
-                        /* eslint-disable eqeqeq */
-                    }
-                    else if (item[labelProp] == cellValue) {
-                        XEUtils.set(row, field, item[valueProp]);
-                        return;
-                    }
-                }
-            }
-        }
-        if (isMultiVal) {
-            XEUtils.set(row, field, (isMultiVal
-                ? cellValue.split(',')
-                : [cellValue]).map((label) => {
-                const item = labelMpas[label];
-                return item ? item[valueProp] : label;
-            }));
-        }
-        else {
-            XEUtils.set(row, field, cellValue);
+      }
+    } else {
+      if (options) {
+        for (let i = 0; i < options.length; i++) {
+          const item = options[i];
+          if (isMultiVal) {
+            labelMpas[item[labelProp]] = item;
+          } else if (item[labelProp] == cellValue) {
+            XEUtils.set(row, field, item[valueProp]);
+            return;
+          }
         }
+      }
+    }
+    if (isMultiVal) {
+      XEUtils.set(row, field, (isMultiVal ? cellValue.split(",") : [cellValue]).map((label) => {
+        const item = labelMpas[label];
+        return item ? item[valueProp] : label;
+      }));
+    } else {
+      XEUtils.set(row, field, cellValue);
     }
+  }
 }
 function handleFormatTreeSelect(renderOpts, params) {
-    const { cellValue } = params;
-    return handleTreeSelectCellValue(cellValue, renderOpts);
+  const { cellValue } = params;
+  return handleTreeSelectCellValue(cellValue, renderOpts);
 }
 function handleSetTreeSelectValue(renderOpts, params) {
-    const { row, column, cellValue } = params;
-    const { field } = column;
-    if (field) {
-        const { options, optionProps = {} } = renderOpts;
-        const labelProp = optionProps.label || 'label';
-        const valueProp = optionProps.value || 'value';
-        const childrenProp = optionProps.children || 'children';
-        const matchRest = XEUtils.findTree(options || [], item => XEUtils.get(item, labelProp) === cellValue, { children: childrenProp });
-        if (matchRest) {
-            const selectItem = matchRest.item;
-            if (selectItem) {
-                XEUtils.set(row, field, selectItem[valueProp]);
-                return;
-            }
-        }
-        XEUtils.set(row, field, cellValue);
+  const { row, column, cellValue } = params;
+  const { field } = column;
+  if (field) {
+    const { options, optionProps = {} } = renderOpts;
+    const labelProp = optionProps.label || "label";
+    const valueProp = optionProps.value || "value";
+    const childrenProp = optionProps.children || "children";
+    const matchRest = XEUtils.findTree(options || [], (item) => XEUtils.get(item, labelProp) === cellValue, { children: childrenProp });
+    if (matchRest) {
+      const selectItem = matchRest.item;
+      if (selectItem) {
+        XEUtils.set(row, field, selectItem[valueProp]);
+        return;
+      }
     }
+    XEUtils.set(row, field, cellValue);
+  }
 }
 function getNativeInputRenderCellVNs(cellValue, labelVNs, renderOpts, renderParams) {
-    const { $table, row, column } = renderParams;
-    const { name } = renderOpts;
-    const tableProps = $table.props;
-    const { editConfig, mouseConfig } = tableProps;
-    const { computeMouseOpts } = $table.getComputeMaps();
-    const mouseOpts = computeMouseOpts.value;
-    let isColSelected = false;
-    let isActiveCellArea = false;
-    if (editConfig && hasEnableConf(mouseConfig, mouseOpts)) {
-        const tableReactData = $table.reactData;
-        const { editStore } = tableReactData;
-        const { selected } = editStore;
-        isColSelected = row === selected.row && column === selected.column;
-        if ($table.getActiveCellArea) {
-            const activeCellArea = $table.getActiveCellArea();
-            if (activeCellArea) {
-                isActiveCellArea = row === activeCellArea.row && column === activeCellArea.column;
-            }
-        }
-    }
-    const cellVNs = labelVNs;
-    if (isActiveCellArea || isColSelected) {
-        cellVNs.push(h('' + name, Object.assign(Object.assign({ key: 2, class: `vxe-default-${name} vxe-reusekeep-control`, value: cellValue }, getNativeAttrs(renderOpts)), getNativeEditOns(renderOpts, renderParams))));
+  const { $table, row, column } = renderParams;
+  const { name } = renderOpts;
+  const tableProps = $table.props;
+  const { editConfig, mouseConfig } = tableProps;
+  const { computeMouseOpts } = $table.getComputeMaps();
+  const mouseOpts = computeMouseOpts.value;
+  let isColSelected = false;
+  let isActiveCellArea = false;
+  if (editConfig && hasEnableConf(mouseConfig, mouseOpts)) {
+    const tableReactData = $table.reactData;
+    const { editStore } = tableReactData;
+    const { selected } = editStore;
+    isColSelected = row === selected.row && column === selected.column;
+    if ($table.getActiveCellArea) {
+      const activeCellArea = $table.getActiveCellArea();
+      if (activeCellArea) {
+        isActiveCellArea = row === activeCellArea.row && column === activeCellArea.column;
+      }
     }
-    return cellVNs;
+  }
+  const cellVNs = labelVNs;
+  if (isActiveCellArea || isColSelected) {
+    cellVNs.push(
+      h("" + name, {
+        key: 2,
+        class: `vxe-default-${name} vxe-reusekeep-control`,
+        value: cellValue,
+        ...getNativeAttrs(renderOpts),
+        ...getNativeEditOns(renderOpts, renderParams)
+      })
+    );
+  }
+  return cellVNs;
 }
 function getInputRenderCellVNs(cellValue, labelVNs, renderOpts, renderParams) {
-    const { $table, row, column } = renderParams;
-    const tableProps = $table.props;
-    const { editConfig, mouseConfig } = tableProps;
-    const { computeEditOpts, computeMouseOpts } = $table.getComputeMaps();
-    const mouseOpts = computeMouseOpts.value;
-    let isColSelected = false;
-    let isActiveCellArea = false;
-    if (editConfig && hasEnableConf(mouseConfig, mouseOpts)) {
-        const tableReactData = $table.reactData;
-        const { editStore } = tableReactData;
-        const editOpts = computeEditOpts.value;
-        if (editOpts.isReuseKeep) {
-            const { selected } = editStore;
-            isColSelected = row === selected.row && column === selected.column;
-            if ($table.getActiveCellArea) {
-                const activeCellArea = $table.getActiveCellArea();
-                if (activeCellArea) {
-                    isActiveCellArea = row === activeCellArea.row && column === activeCellArea.column;
-                }
-            }
+  const { $table, row, column } = renderParams;
+  const tableProps = $table.props;
+  const { editConfig, mouseConfig } = tableProps;
+  const { computeEditOpts, computeMouseOpts } = $table.getComputeMaps();
+  const mouseOpts = computeMouseOpts.value;
+  let isColSelected = false;
+  let isActiveCellArea = false;
+  if (editConfig && hasEnableConf(mouseConfig, mouseOpts)) {
+    const tableReactData = $table.reactData;
+    const { editStore } = tableReactData;
+    const editOpts = computeEditOpts.value;
+    if (editOpts.isReuseKeep) {
+      const { selected } = editStore;
+      isColSelected = row === selected.row && column === selected.column;
+      if ($table.getActiveCellArea) {
+        const activeCellArea = $table.getActiveCellArea();
+        if (activeCellArea) {
+          isActiveCellArea = row === activeCellArea.row && column === activeCellArea.column;
         }
+      }
     }
-    const cellVNs = labelVNs;
-    if (isActiveCellArea || isColSelected) {
-        const compProps = getCellEditProps(renderOpts, renderParams, cellValue);
-        const { className, inputClassName } = compProps;
-        cellVNs.push(h(getDefaultComponent(renderOpts), Object.assign(Object.assign(Object.assign({ key: 2 }, compProps), { className: 'vxe-reusekeep-control' + (className ? (' ' + className) : ''), inputClassName: 'vxe-reusekeep-control' + (inputClassName ? (' ' + inputClassName) : '') }), getEditOns(renderOpts, renderParams))));
-    }
-    return cellVNs;
+  }
+  const cellVNs = labelVNs;
+  if (isActiveCellArea || isColSelected) {
+    const compProps = getCellEditProps(renderOpts, renderParams, cellValue);
+    const { className, inputClassName } = compProps;
+    cellVNs.push(
+      h(getDefaultComponent(renderOpts), {
+        key: 2,
+        ...compProps,
+        className: "vxe-reusekeep-control" + (className ? " " + className : ""),
+        inputClassName: "vxe-reusekeep-control" + (inputClassName ? " " + inputClassName : ""),
+        ...getEditOns(renderOpts, renderParams)
+      })
+    );
+  }
+  return cellVNs;
 }
-/**
- * 表格 - 渲染器
- */
 renderer.mixin({
-    input: {
-        tableAutoFocus: true,
-        renderTableEdit: nativeInputEditRender,
-        renderTableCell: nativeInputCellRender,
-        renderTableDefault: nativeInputEditRender,
-        createTableFilterOptions: defaultFilterOptions,
-        renderTableFilter: nativeFilterRender,
-        tableFilterDefaultMethod: handleInputFilterMethod
-    },
-    textarea: {
-        tableAutoFocus: true,
-        renderTableEdit: nativeInputEditRender,
-        renderTableCell: nativeInputCellRender,
-        renderTableDefault: nativeInputEditRender
-    },
-    select: {
-        renderTableEdit: nativeSelectEditRender,
-        renderTableDefault: nativeSelectEditRender,
-        renderTableCell(renderOpts, params) {
-            const { options, optionGroups } = renderOpts;
-            const { $table, row, column } = params;
-            const opSize = options ? options.length : null;
-            const ogSize = optionGroups ? optionGroups.length : null;
-            const { cellResult } = $table.effectCellData(row, column, {
-                key: 'render_table_cell',
-                isChanged({ oldValue, cellValue }) {
-                    return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
-                },
-                setValue({ cellValue }) {
-                    return [cellValue, opSize, ogSize];
-                },
-                getResult({ cellValue }) {
-                    return handleSelectCellValue(cellValue, renderOpts);
-                }
-            });
-            // const cellResult = getSelectCellValue(renderOpts, params)
-            return getCellLabelVNs(renderOpts, params, cellResult);
+  input: {
+    tableAutoFocus: true,
+    renderTableEdit: nativeInputEditRender,
+    renderTableCell: nativeInputCellRender,
+    renderTableDefault: nativeInputEditRender,
+    createTableFilterOptions: defaultFilterOptions,
+    renderTableFilter: nativeFilterRender,
+    tableFilterDefaultMethod: handleInputFilterMethod
+  },
+  textarea: {
+    tableAutoFocus: true,
+    renderTableEdit: nativeInputEditRender,
+    renderTableCell: nativeInputCellRender,
+    renderTableDefault: nativeInputEditRender
+  },
+  select: {
+    renderTableEdit: nativeSelectEditRender,
+    renderTableDefault: nativeSelectEditRender,
+    renderTableCell(renderOpts, params) {
+      const { options, optionGroups } = renderOpts;
+      const { $table, row, column } = params;
+      const opSize = options ? options.length : null;
+      const ogSize = optionGroups ? optionGroups.length : null;
+      const { cellResult } = $table.effectCellData(row, column, {
+        key: "render_table_cell",
+        isChanged({ oldValue, cellValue }) {
+          return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
         },
-        createTableFilterOptions: defaultFilterOptions,
-        renderTableFilter(renderOpts, params) {
-            const { column } = params;
-            return column.filters.map((option, oIndex) => {
-                return h('select', Object.assign(Object.assign({ key: oIndex, class: 'vxe-default-select' }, getNativeAttrs(renderOpts)), getNativeFilterOns(renderOpts, params, option)), renderOpts.optionGroups ? renderNativeOptgroups(renderOpts, params, renderNativeOptions) : renderNativeOptions(renderOpts.options, renderOpts, params));
-            });
+        setValue({ cellValue }) {
+          return [cellValue, opSize, ogSize];
         },
-        tableCellFormatter: handleFormatSelect,
-        tableCellCopyMethod: handleFormatSelect,
-        tableCellPasteMethod: handleSetSelectValue,
-        tableFilterDefaultMethod: handleFilterMethod,
-        tableExportMethod: handleExportSelectMethod
+        getResult({ cellValue }) {
+          return handleSelectCellValue(cellValue, renderOpts);
+        }
+      });
+      return getCellLabelVNs(renderOpts, params, cellResult);
     },
-    VxeInput: {
-        tableAutoFocus: true,
-        renderTableEdit: defaultInputEditRender,
-        renderTableCell(renderOpts, renderParams) {
-            const { props = {} } = renderOpts;
-            const { row, column } = renderParams;
-            const inputConfig = getConfig().input || {};
-            const digits = props.digits || inputConfig.digits || 2;
-            let cellValue = XEUtils.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.toFixed(XEUtils.floor(cellValue, digits), digits);
-                        break;
-                }
-            }
-            const cellVNs = getCellLabelVNs(renderOpts, renderParams, cellValue);
-            return getInputRenderCellVNs(cellValue, cellVNs, renderOpts, renderParams);
-        },
-        renderTableDefault: defaultInputEditRender,
-        createTableFilterOptions: defaultFilterOptions,
-        renderTableFilter: defaultFilterRender,
-        renderTableFloatingFilter: defaultFloatingFilterRender,
-        tableFilterDefaultMethod: handleInputFilterMethod
+    createTableFilterOptions: defaultFilterOptions,
+    renderTableFilter(renderOpts, params) {
+      const { column } = params;
+      return column.filters.map((option, oIndex) => {
+        return h(
+          "select",
+          {
+            key: oIndex,
+            class: "vxe-default-select",
+            ...getNativeAttrs(renderOpts),
+            ...getNativeFilterOns(renderOpts, params, option)
+          },
+          renderOpts.optionGroups ? renderNativeOptgroups(renderOpts, params, renderNativeOptions) : renderNativeOptions(renderOpts.options, renderOpts, params)
+        );
+      });
     },
-    FormatNumberInput: {
-        renderTableDefault(renderOpts, renderParams) {
-            const { row, column } = renderParams;
-            const cellValue = XEUtils.get(row, column.field);
-            return handleNumberCell(cellValue, renderOpts, renderParams);
-        },
-        tableFilterDefaultMethod({ option, row, column }) {
-            const { data } = option;
-            const cellValue = XEUtils.get(row, column.field);
-            /* eslint-disable eqeqeq */
-            return cellValue == data;
-        },
-        tableExportMethod(params) {
-            const { row, column } = params;
-            const cellValue = XEUtils.get(row, column.field);
-            return cellValue;
+    tableCellFormatter: handleFormatSelect,
+    tableCellCopyMethod: handleFormatSelect,
+    tableCellPasteMethod: handleSetSelectValue,
+    tableFilterDefaultMethod: handleFilterMethod,
+    tableExportMethod: handleExportSelectMethod
+  },
+  VxeInput: {
+    tableAutoFocus: true,
+    renderTableEdit: defaultInputEditRender,
+    renderTableCell(renderOpts, renderParams) {
+      const { props = {} } = renderOpts;
+      const { row, column } = renderParams;
+      const inputConfig = getConfig().input || {};
+      const digits = props.digits || inputConfig.digits || 2;
+      let cellValue = XEUtils.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.toFixed(XEUtils.floor(cellValue, digits), digits);
+            break;
         }
+      }
+      const cellVNs = getCellLabelVNs(renderOpts, renderParams, cellValue);
+      return getInputRenderCellVNs(cellValue, cellVNs, renderOpts, renderParams);
     },
-    VxeNumberInput: {
-        tableAutoFocus: true,
-        renderTableEdit: defaultInputEditRender,
-        renderTableCell(renderOpts, renderParams) {
-            const { row, column } = renderParams;
-            const cellValue = XEUtils.get(row, column.field);
-            const cellVNs = handleNumberCell(cellValue, renderOpts, renderParams);
-            return getInputRenderCellVNs(cellValue, cellVNs, renderOpts, renderParams);
-        },
-        renderTableFooter(renderOpts, params) {
-            const { props = {} } = renderOpts;
-            const { row, column, _columnIndex } = params;
-            const { type } = props;
-            // 兼容老模式
-            const itemValue = XEUtils.isArray(row) ? row[_columnIndex] : XEUtils.get(row, column.field);
-            if (XEUtils.isNumber(itemValue)) {
-                const numberInputConfig = getConfig().numberInput || {};
-                if (type === 'float') {
-                    const autoFill = handleDefaultValue(props.autoFill, numberInputConfig.autoFill, true);
-                    const digits = handleDefaultValue(props.digits, numberInputConfig.digits, 1);
-                    let amountLabel = XEUtils.toFixed(XEUtils.floor(itemValue, digits), digits);
-                    if (!autoFill) {
-                        amountLabel = '' + XEUtils.toNumber(amountLabel);
-                    }
-                    return amountLabel;
-                }
-                else if (type === 'amount') {
-                    const autoFill = handleDefaultValue(props.autoFill, numberInputConfig.autoFill, true);
-                    const digits = handleDefaultValue(props.digits, numberInputConfig.digits, 2);
-                    const showCurrency = handleDefaultValue(props.showCurrency, numberInputConfig.showCurrency, false);
-                    let amountLabel = XEUtils.commafy(XEUtils.toNumber(itemValue), { digits });
-                    if (!autoFill) {
-                        const [iStr, dStr] = amountLabel.split('.');
-                        if (dStr) {
-                            const dRest = dStr.replace(/0+$/, '');
-                            amountLabel = dRest ? [iStr, '.', dRest].join('') : iStr;
-                        }
-                    }
-                    if (showCurrency) {
-                        amountLabel = `${props.currencySymbol || numberInputConfig.currencySymbol || getI18n('vxe.numberInput.currencySymbol') || ''}${amountLabel}`;
-                    }
-                    return amountLabel;
-                }
+    renderTableDefault: defaultInputEditRender,
+    createTableFilterOptions: defaultFilterOptions,
+    renderTableFilter: defaultFilterRender,
+    renderTableFloatingFilter: defaultFloatingFilterRender,
+    tableFilterDefaultMethod: handleInputFilterMethod
+  },
+  FormatNumberInput: {
+    renderTableDefault(renderOpts, renderParams) {
+      const { row, column } = renderParams;
+      const cellValue = XEUtils.get(row, column.field);
+      return handleNumberCell(cellValue, renderOpts, renderParams);
+    },
+    tableFilterDefaultMethod({ option, row, column }) {
+      const { data } = option;
+      const cellValue = XEUtils.get(row, column.field);
+      return cellValue == data;
+    },
+    tableExportMethod(params) {
+      const { row, column } = params;
+      const cellValue = XEUtils.get(row, column.field);
+      return cellValue;
+    }
+  },
+  VxeNumberInput: {
+    tableAutoFocus: true,
+    renderTableEdit: defaultInputEditRender,
+    renderTableCell(renderOpts, renderParams) {
+      const { row, column } = renderParams;
+      const cellValue = XEUtils.get(row, column.field);
+      const cellVNs = handleNumberCell(cellValue, renderOpts, renderParams);
+      return getInputRenderCellVNs(cellValue, cellVNs, renderOpts, renderParams);
+    },
+    renderTableFooter(renderOpts, params) {
+      const { props = {} } = renderOpts;
+      const { row, column, _columnIndex } = params;
+      const { type } = props;
+      const itemValue = XEUtils.isArray(row) ? row[_columnIndex] : XEUtils.get(row, column.field);
+      if (XEUtils.isNumber(itemValue)) {
+        const numberInputConfig = getConfig().numberInput || {};
+        if (type === "float") {
+          const autoFill = handleDefaultValue(props.autoFill, numberInputConfig.autoFill, true);
+          const digits = handleDefaultValue(props.digits, numberInputConfig.digits, 1);
+          let amountLabel = XEUtils.toFixed(XEUtils.floor(itemValue, digits), digits);
+          if (!autoFill) {
+            amountLabel = "" + XEUtils.toNumber(amountLabel);
+          }
+          return amountLabel;
+        } else if (type === "amount") {
+          const autoFill = handleDefaultValue(props.autoFill, numberInputConfig.autoFill, true);
+          const digits = handleDefaultValue(props.digits, numberInputConfig.digits, 2);
+          const showCurrency = handleDefaultValue(props.showCurrency, numberInputConfig.showCurrency, false);
+          let amountLabel = XEUtils.commafy(XEUtils.toNumber(itemValue), { digits });
+          if (!autoFill) {
+            const [iStr, dStr] = amountLabel.split(".");
+            if (dStr) {
+              const dRest = dStr.replace(/0+$/, "");
+              amountLabel = dRest ? [iStr, ".", dRest].join("") : iStr;
             }
-            return getFuncText(itemValue, 1);
-        },
-        renderTableDefault: defaultInputEditRender,
-        createTableFilterOptions: defaultFilterOptions,
-        renderTableFilter: defaultFilterRender,
-        renderTableFloatingFilter: defaultFloatingFilterRender,
-        tableFilterDefaultMethod({ option, row, column }) {
-            const { data } = option;
-            const cellValue = XEUtils.get(row, column.field);
-            /* eslint-disable eqeqeq */
-            return cellValue == data;
-        },
-        tableExportMethod(params) {
-            const { row, column } = params;
-            const cellValue = XEUtils.get(row, column.field);
-            return cellValue;
+          }
+          if (showCurrency) {
+            amountLabel = `${props.currencySymbol || numberInputConfig.currencySymbol || getI18n("vxe.numberInput.currencySymbol") || ""}${amountLabel}`;
+          }
+          return amountLabel;
         }
+      }
+      return getFuncText(itemValue, 1);
     },
-    VxeDatePicker: {
-        tableAutoFocus: true,
-        renderTableEdit: defaultEditRender,
-        renderTableCell(renderOpts, params) {
-            const props = renderOpts.props || {};
-            const { $table, row, column } = params;
-            const { cellResult } = $table.effectCellData(row, column, {
-                key: 'render_table_cell',
-                getResult({ cellValue }) {
-                    if (cellValue) {
-                        if (props.type !== 'time') {
-                            return getLabelFormatDate(cellValue, props);
-                        }
-                    }
-                    return cellValue;
-                }
-            });
-            return getCellLabelVNs(renderOpts, params, cellResult);
-        },
-        tableCellFormatter: handleFormatDatePicker,
-        renderTableDefault: defaultEditRender,
-        createTableFilterOptions: defaultFilterOptions,
-        renderTableFilter: defaultFilterRender,
-        renderTableFloatingFilter: defaultFloatingFilterRender,
-        tableFilterDefaultMethod: handleFilterMethod
+    renderTableDefault: defaultInputEditRender,
+    createTableFilterOptions: defaultFilterOptions,
+    renderTableFilter: defaultFilterRender,
+    renderTableFloatingFilter: defaultFloatingFilterRender,
+    tableFilterDefaultMethod({ option, row, column }) {
+      const { data } = option;
+      const cellValue = XEUtils.get(row, column.field);
+      return cellValue == data;
     },
-    VxeDateRangePicker: {
-        tableAutoFocus: true,
-        renderTableEdit(renderOpts, params) {
-            const { startField, endField } = renderOpts;
-            const { $table, row, column } = params;
-            const { model } = column;
-            const cellValue = getCellValue(row, column);
-            const seProps = {};
-            const seOs = {};
-            if (startField && endField) {
-                seProps.startValue = XEUtils.get(row, startField);
-                seProps.endValue = XEUtils.get(row, endField);
-                seOs['onUpdate:startValue'] = (value) => {
-                    if (startField) {
-                        XEUtils.set(row, startField, value);
-                    }
-                };
-                seOs['onUpdate:endValue'] = (value) => {
-                    if (endField) {
-                        XEUtils.set(row, endField, value);
-                    }
-                };
-            }
-            return [
-                h(getDefaultComponent(renderOpts), Object.assign(Object.assign({}, getCellEditProps(renderOpts, params, cellValue, seProps)), getComponentOns(renderOpts, params, {
-                    model(cellValue) {
-                        model.update = true;
-                        model.value = cellValue;
-                        setCellValue(row, column, cellValue);
-                    },
-                    change() {
-                        $table.updateStatus(params);
-                    },
-                    blur() {
-                        $table.handleCellRuleUpdateStatus('blur', params);
-                    }
-                }, seOs)))
-            ];
-        },
-        renderTableDefault(renderOpts, params) {
-            const { startField, endField } = renderOpts;
-            const { row, column } = params;
-            const { model } = column;
-            const cellValue = getCellValue(row, column);
-            const seProps = {};
-            const seOs = {};
-            if (startField && endField) {
-                seProps.startValue = XEUtils.get(row, startField);
-                seProps.endValue = XEUtils.get(row, endField);
-                seOs['onUpdate:startValue'] = (value) => {
-                    if (startField) {
-                        XEUtils.set(row, startField, value);
-                    }
-                };
-                seOs['onUpdate:endValue'] = (value) => {
-                    if (endField) {
-                        XEUtils.set(row, endField, value);
-                    }
-                };
-            }
-            return [
-                h(getDefaultComponent(renderOpts), Object.assign(Object.assign({}, getCellEditProps(renderOpts, params, cellValue, seProps)), getComponentOns(renderOpts, params, {
-                    model(cellValue) {
-                        model.update = true;
-                        model.value = cellValue;
-                        setCellValue(row, column, cellValue);
-                    }
-                }, seOs)))
-            ];
-        },
-        renderTableCell(renderOpts, params) {
-            const { startField, endField } = renderOpts;
-            const { row, column } = params;
-            let startValue = '';
-            let endValue = '';
-            if (startField && endField) {
-                startValue = XEUtils.get(row, startField);
-                endValue = XEUtils.get(row, endField);
-            }
-            else {
-                const cellValue = XEUtils.get(row, column.field);
-                if (cellValue) {
-                    if (XEUtils.isArray(cellValue)) {
-                        startValue = cellValue[0];
-                        endValue = cellValue[1];
-                    }
-                    else {
-                        const strs = `${cellValue}`.split(',');
-                        startValue = strs[0];
-                        endValue = strs[1];
-                    }
-                }
-            }
-            let cellLabel = '';
-            if (startValue && endValue) {
-                cellLabel = `${startValue} ~ ${endValue}`;
+    tableExportMethod(params) {
+      const { row, column } = params;
+      const cellValue = XEUtils.get(row, column.field);
+      return cellValue;
+    }
+  },
+  VxeDatePicker: {
+    tableAutoFocus: true,
+    renderTableEdit: defaultEditRender,
+    renderTableCell(renderOpts, params) {
+      const props = renderOpts.props || {};
+      const { $table, row, column } = params;
+      const { cellResult } = $table.effectCellData(row, column, {
+        key: "render_table_cell",
+        getResult({ cellValue }) {
+          if (cellValue) {
+            if (props.type !== "time") {
+              return getLabelFormatDate(cellValue, props);
             }
-            return getCellLabelVNs(renderOpts, params, cellLabel);
+          }
+          return cellValue;
         }
+      });
+      return getCellLabelVNs(renderOpts, params, cellResult);
     },
-    VxeTextarea: {
-        tableAutoFocus: true,
-        renderTableDefault: defaultInputEditRender,
-        renderTableCell(renderOpts, renderParams) {
-            const { row, column } = renderParams;
-            const cellValue = XEUtils.get(row, column.field);
-            const cellVNs = getCellLabelVNs(renderOpts, renderParams, cellValue);
-            return getInputRenderCellVNs(cellValue, cellVNs, renderOpts, renderParams);
-        },
-        renderTableEdit: defaultInputEditRender
+    tableCellFormatter: handleFormatDatePicker,
+    renderTableDefault: defaultEditRender,
+    createTableFilterOptions: defaultFilterOptions,
+    renderTableFilter: defaultFilterRender,
+    renderTableFloatingFilter: defaultFloatingFilterRender,
+    tableFilterDefaultMethod: handleFilterMethod
+  },
+  VxeDateRangePicker: {
+    tableAutoFocus: true,
+    renderTableEdit(renderOpts, params) {
+      const { startField, endField } = renderOpts;
+      const { $table, row, column } = params;
+      const { model } = column;
+      const cellValue = getCellValue(row, column);
+      const seProps = {};
+      const seOs = {};
+      if (startField && endField) {
+        seProps.startValue = XEUtils.get(row, startField);
+        seProps.endValue = XEUtils.get(row, endField);
+        seOs["onUpdate:startValue"] = (value) => {
+          if (startField) {
+            XEUtils.set(row, startField, value);
+          }
+        };
+        seOs["onUpdate:endValue"] = (value) => {
+          if (endField) {
+            XEUtils.set(row, endField, value);
+          }
+        };
+      }
+      return [
+        h(getDefaultComponent(renderOpts), {
+          ...getCellEditProps(renderOpts, params, cellValue, seProps),
+          ...getComponentOns(renderOpts, params, {
+            model(cellValue2) {
+              model.update = true;
+              model.value = cellValue2;
+              setCellValue(row, column, cellValue2);
+            },
+            change() {
+              $table.updateStatus(params);
+            },
+            blur() {
+              $table.handleCellRuleUpdateStatus("blur", params);
+            }
+          }, seOs)
+        })
+      ];
     },
-    VxeButton: {
-        renderTableDefault: buttonCellRender
+    renderTableDefault(renderOpts, params) {
+      const { startField, endField } = renderOpts;
+      const { row, column } = params;
+      const { model } = column;
+      const cellValue = getCellValue(row, column);
+      const seProps = {};
+      const seOs = {};
+      if (startField && endField) {
+        seProps.startValue = XEUtils.get(row, startField);
+        seProps.endValue = XEUtils.get(row, endField);
+        seOs["onUpdate:startValue"] = (value) => {
+          if (startField) {
+            XEUtils.set(row, startField, value);
+          }
+        };
+        seOs["onUpdate:endValue"] = (value) => {
+          if (endField) {
+            XEUtils.set(row, endField, value);
+          }
+        };
+      }
+      return [
+        h(getDefaultComponent(renderOpts), {
+          ...getCellEditProps(renderOpts, params, cellValue, seProps),
+          ...getComponentOns(renderOpts, params, {
+            model(cellValue2) {
+              model.update = true;
+              model.value = cellValue2;
+              setCellValue(row, column, cellValue2);
+            }
+          }, seOs)
+        })
+      ];
     },
-    VxeButtonGroup: {
-        renderTableDefault(renderOpts, params) {
-            const { options } = renderOpts;
-            return [
-                h(getDefaultComponent(renderOpts), Object.assign(Object.assign({ options }, getCellEditProps(renderOpts, params, null)), getComponentOns(renderOpts, params)))
-            ];
+    renderTableCell(renderOpts, params) {
+      const { startField, endField } = renderOpts;
+      const { row, column } = params;
+      let startValue = "";
+      let endValue = "";
+      if (startField && endField) {
+        startValue = XEUtils.get(row, startField);
+        endValue = XEUtils.get(row, endField);
+      } else {
+        const cellValue = XEUtils.get(row, column.field);
+        if (cellValue) {
+          if (XEUtils.isArray(cellValue)) {
+            startValue = cellValue[0];
+            endValue = cellValue[1];
+          } else {
+            const strs = `${cellValue}`.split(",");
+            startValue = strs[0];
+            endValue = strs[1];
+          }
         }
+      }
+      let cellLabel = "";
+      if (startValue && endValue) {
+        cellLabel = `${startValue} ~ ${endValue}`;
+      }
+      return getCellLabelVNs(renderOpts, params, cellLabel);
+    }
+  },
+  VxeTextarea: {
+    tableAutoFocus: true,
+    renderTableDefault: defaultInputEditRender,
+    renderTableCell(renderOpts, renderParams) {
+      const { row, column } = renderParams;
+      const cellValue = XEUtils.get(row, column.field);
+      const cellVNs = getCellLabelVNs(renderOpts, renderParams, cellValue);
+      return getInputRenderCellVNs(cellValue, cellVNs, renderOpts, renderParams);
     },
-    VxeSelect: {
-        tableAutoFocus: true,
-        renderTableEdit: defaultSelectEditRender,
-        renderTableDefault: defaultSelectEditRender,
-        renderTableCell(renderOpts, params) {
-            const { options, optionGroups } = renderOpts;
-            const { $table, row, column } = params;
-            const opSize = options ? options.length : null;
-            const ogSize = optionGroups ? optionGroups.length : null;
-            const { cellResult } = $table.effectCellData(row, column, {
-                key: 'render_table_cell',
-                isChanged({ oldValue, cellValue }) {
-                    return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
-                },
-                setValue({ cellValue }) {
-                    return [cellValue, opSize, ogSize];
-                },
-                getResult({ cellValue }) {
-                    return handleSelectCellValue(cellValue, renderOpts);
-                }
-            });
-            // const cellResult = getSelectCellValue(renderOpts, params)
-            return getCellLabelVNs(renderOpts, params, cellResult);
-        },
-        createTableFilterOptions: defaultFilterOptions,
-        renderTableFilter(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, optionProps, optionGroups, optionGroupProps })), getFilterOns(renderOpts, params, option)));
-            });
+    renderTableEdit: defaultInputEditRender
+  },
+  VxeButton: {
+    renderTableDefault: buttonCellRender
+  },
+  VxeButtonGroup: {
+    renderTableDefault(renderOpts, params) {
+      const { options } = renderOpts;
+      return [
+        h(getDefaultComponent(renderOpts), {
+          options,
+          ...getCellEditProps(renderOpts, params, null),
+          ...getComponentOns(renderOpts, params)
+        })
+      ];
+    }
+  },
+  VxeSelect: {
+    tableAutoFocus: true,
+    renderTableEdit: defaultSelectEditRender,
+    renderTableDefault: defaultSelectEditRender,
+    renderTableCell(renderOpts, params) {
+      const { options, optionGroups } = renderOpts;
+      const { $table, row, column } = params;
+      const opSize = options ? options.length : null;
+      const ogSize = optionGroups ? optionGroups.length : null;
+      const { cellResult } = $table.effectCellData(row, column, {
+        key: "render_table_cell",
+        isChanged({ oldValue, cellValue }) {
+          return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
         },
-        renderTableFloatingFilter(renderOpts, params) {
-            const { option } = params;
-            const { options, optionProps, optionGroups, optionGroupProps } = renderOpts;
-            const optionValue = option.data;
-            return h(getDefaultComponent(renderOpts), Object.assign(Object.assign({}, getCellEditFilterProps(renderOpts, params, optionValue, { options, optionProps, optionGroups, optionGroupProps })), getFloatingFilterOns(renderOpts, params, option)));
+        setValue({ cellValue }) {
+          return [cellValue, opSize, ogSize];
         },
-        tableCellFormatter: handleFormatSelect,
-        tableCellCopyMethod: handleFormatSelect,
-        tableCellPasteMethod: handleSetSelectValue,
-        tableFilterDefaultMethod: handleFilterMethod,
-        tableExportMethod: handleExportSelectMethod
-    },
-    VxeText: {
-        renderTableDefault(renderOpts, params) {
-            const { $table, row, column } = params;
-            const { props } = renderOpts;
-            const cellLabel = $table.getCellLabel(row, column);
-            return [
-                h(getDefaultComponent(renderOpts), Object.assign(Object.assign(Object.assign({}, (props || {})), { content: cellLabel }), getComponentOns(renderOpts, params)))
-            ];
+        getResult({ cellValue }) {
+          return handleSelectCellValue(cellValue, renderOpts);
         }
+      });
+      return getCellLabelVNs(renderOpts, params, cellResult);
     },
-    VxeLink: {
-        renderTableDefault(renderOpts, params) {
-            const { $table, row, column } = params;
-            const { props } = renderOpts;
-            const { href } = props || {};
-            const cellLabel = $table.getCellLabel(row, column);
-            return [
-                h(getDefaultComponent(renderOpts), Object.assign(Object.assign(Object.assign({}, (props || {})), { content: cellLabel, href: XEUtils.toFormatString(href, params) }), getComponentOns(renderOpts, params)))
-            ];
-        }
+    createTableFilterOptions: defaultFilterOptions,
+    renderTableFilter(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), {
+          key: oIndex,
+          ...getCellEditFilterProps(renderOpts, params, optionValue, { options, optionProps, optionGroups, optionGroupProps }),
+          ...getFilterOns(renderOpts, params, option)
+        });
+      });
     },
-    /**
-     * 已废弃，被 FormatSelect 替换
-     * @deprecated
-     */
-    formatOption: {
-        renderTableDefault(renderOpts, params) {
-            return getCellLabelVNs(renderOpts, params, getSelectCellValue(renderOpts, params));
-        }
+    renderTableFloatingFilter(renderOpts, params) {
+      const { option } = params;
+      const { options, optionProps, optionGroups, optionGroupProps } = renderOpts;
+      const optionValue = option.data;
+      return h(getDefaultComponent(renderOpts), {
+        ...getCellEditFilterProps(renderOpts, params, optionValue, { options, optionProps, optionGroups, optionGroupProps }),
+        ...getFloatingFilterOns(renderOpts, params, option)
+      });
     },
-    FormatSelect: {
-        renderTableDefault(renderOpts, params) {
-            const { options, optionGroups } = renderOpts;
-            const { $table, row, column } = params;
-            const opSize = options ? options.length : null;
-            const ogSize = optionGroups ? optionGroups.length : null;
-            const { cellResult } = $table.effectCellData(row, column, {
-                key: 'render_table_cell',
-                isChanged({ oldValue, cellValue }) {
-                    return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
-                },
-                setValue({ cellValue }) {
-                    return [cellValue, opSize, ogSize];
-                },
-                getResult({ cellValue }) {
-                    return handleSelectCellValue(cellValue, renderOpts);
-                }
-            });
-            // const cellResult = getSelectCellValue(renderOpts, params)
-            return getCellLabelVNs(renderOpts, params, cellResult);
+    tableCellFormatter: handleFormatSelect,
+    tableCellCopyMethod: handleFormatSelect,
+    tableCellPasteMethod: handleSetSelectValue,
+    tableFilterDefaultMethod: handleFilterMethod,
+    tableExportMethod: handleExportSelectMethod
+  },
+  VxeText: {
+    renderTableDefault(renderOpts, params) {
+      const { $table, row, column } = params;
+      const { props } = renderOpts;
+      const cellLabel = $table.getCellLabel(row, column);
+      return [
+        h(getDefaultComponent(renderOpts), {
+          ...props || {},
+          content: cellLabel,
+          ...getComponentOns(renderOpts, params)
+        })
+      ];
+    }
+  },
+  VxeLink: {
+    renderTableDefault(renderOpts, params) {
+      const { $table, row, column } = params;
+      const { props } = renderOpts;
+      const { href } = props || {};
+      const cellLabel = $table.getCellLabel(row, column);
+      return [
+        h(getDefaultComponent(renderOpts), {
+          ...props || {},
+          content: cellLabel,
+          href: XEUtils.toFormatString(href, params),
+          ...getComponentOns(renderOpts, params)
+        })
+      ];
+    }
+  },
+  /**
+   * 已废弃，被 FormatSelect 替换
+   * @deprecated
+   */
+  formatOption: {
+    renderTableDefault(renderOpts, params) {
+      return getCellLabelVNs(renderOpts, params, getSelectCellValue(renderOpts, params));
+    }
+  },
+  FormatSelect: {
+    renderTableDefault(renderOpts, params) {
+      const { options, optionGroups } = renderOpts;
+      const { $table, row, column } = params;
+      const opSize = options ? options.length : null;
+      const ogSize = optionGroups ? optionGroups.length : null;
+      const { cellResult } = $table.effectCellData(row, column, {
+        key: "render_table_cell",
+        isChanged({ oldValue, cellValue }) {
+          return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
         },
-        tableCellFormatter: handleFormatSelect,
-        tableCellCopyMethod: handleFormatSelect,
-        tableCellPasteMethod: handleSetSelectValue,
-        tableFilterDefaultMethod: handleFilterMethod,
-        tableExportMethod: handleExportSelectMethod
-    },
-    VxeTreeSelect: {
-        tableAutoFocus: true,
-        renderTableEdit: defaultTableOrTreeSelectEditRender,
-        renderTableCell(renderOpts, params) {
-            const { options, optionGroups } = renderOpts;
-            const { $table, row, column } = params;
-            const opSize = options ? options.length : null;
-            const ogSize = optionGroups ? optionGroups.length : null;
-            const { cellResult } = $table.effectCellData(row, column, {
-                key: 'render_table_cell',
-                isChanged({ oldValue, cellValue }) {
-                    return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
-                },
-                setValue({ cellValue }) {
-                    return [cellValue, opSize, ogSize];
-                },
-                getResult({ cellValue }) {
-                    return handleTreeSelectCellValue(cellValue, renderOpts);
-                }
-            });
-            // const cellResult = getTreeSelectCellValue(renderOpts, params)
-            return getCellLabelVNs(renderOpts, params, cellResult);
+        setValue({ cellValue }) {
+          return [cellValue, opSize, ogSize];
         },
-        tableCellFormatter: handleFormatTreeSelect,
-        tableCellCopyMethod: handleFormatTreeSelect,
-        tableCellPasteMethod: handleSetTreeSelectValue,
-        tableExportMethod: handleExportTreeSelectMethod
-    },
-    /**
-     * 已废弃，被 FormatTreeSelect 替换
-     * @deprecated
-     */
-    formatTree: {
-        renderTableDefault(renderOpts, params) {
-            return getCellLabelVNs(renderOpts, params, getTreeSelectCellValue(renderOpts, params));
+        getResult({ cellValue }) {
+          return handleSelectCellValue(cellValue, renderOpts);
         }
+      });
+      return getCellLabelVNs(renderOpts, params, cellResult);
     },
-    FormatTreeSelect: {
-        renderTableDefault(renderOpts, params) {
-            const { options, optionGroups } = renderOpts;
-            const { $table, row, column } = params;
-            const opSize = options ? options.length : null;
-            const ogSize = optionGroups ? optionGroups.length : null;
-            const { cellResult } = $table.effectCellData(row, column, {
-                key: 'render_table_cell',
-                isChanged({ oldValue, cellValue }) {
-                    return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
-                },
-                setValue({ cellValue }) {
-                    return [cellValue, opSize, ogSize];
-                },
-                getResult({ cellValue }) {
-                    return handleTreeSelectCellValue(cellValue, renderOpts);
-                }
-            });
-            // const cellResult = getTreeSelectCellValue(renderOpts, params)
-            return getCellLabelVNs(renderOpts, params, cellResult);
+    tableCellFormatter: handleFormatSelect,
+    tableCellCopyMethod: handleFormatSelect,
+    tableCellPasteMethod: handleSetSelectValue,
+    tableFilterDefaultMethod: handleFilterMethod,
+    tableExportMethod: handleExportSelectMethod
+  },
+  VxeTreeSelect: {
+    tableAutoFocus: true,
+    renderTableEdit: defaultTableOrTreeSelectEditRender,
+    renderTableCell(renderOpts, params) {
+      const { options, optionGroups } = renderOpts;
+      const { $table, row, column } = params;
+      const opSize = options ? options.length : null;
+      const ogSize = optionGroups ? optionGroups.length : null;
+      const { cellResult } = $table.effectCellData(row, column, {
+        key: "render_table_cell",
+        isChanged({ oldValue, cellValue }) {
+          return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
         },
-        tableCellFormatter: handleFormatTreeSelect,
-        tableCellCopyMethod: handleFormatTreeSelect,
-        tableCellPasteMethod: handleSetTreeSelectValue,
-        tableExportMethod: handleExportTreeSelectMethod
-    },
-    VxeCascader: {
-        tableAutoFocus: true,
-        renderTableEdit: defaultTableOrTreeSelectEditRender,
-        renderTableCell(renderOpts, params) {
-            const { options, optionGroups } = renderOpts;
-            const { $table, row, column } = params;
-            const opSize = options ? options.length : null;
-            const ogSize = optionGroups ? optionGroups.length : null;
-            const { cellResult } = $table.effectCellData(row, column, {
-                key: 'render_table_cell',
-                isChanged({ oldValue, cellValue }) {
-                    return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
-                },
-                setValue({ cellValue }) {
-                    return [cellValue, opSize, ogSize];
-                },
-                getResult({ cellValue }) {
-                    return handleTreeSelectCellValue(cellValue, renderOpts);
-                }
-            });
-            // const cellResult = getTreeSelectCellValue(renderOpts, params)
-            return getCellLabelVNs(renderOpts, params, cellResult);
+        setValue({ cellValue }) {
+          return [cellValue, opSize, ogSize];
         },
-        tableCellFormatter: handleFormatTreeSelect,
-        tableCellCopyMethod: handleFormatTreeSelect,
-        tableCellPasteMethod: handleSetTreeSelectValue,
-        tableExportMethod: handleExportTreeSelectMethod
+        getResult({ cellValue }) {
+          return handleTreeSelectCellValue(cellValue, renderOpts);
+        }
+      });
+      return getCellLabelVNs(renderOpts, params, cellResult);
     },
-    VxeTableSelect: {
-        tableAutoFocus: true,
-        renderTableEdit: defaultTableOrTreeSelectEditRender,
-        renderTableCell(renderOpts, params) {
-            const { options, optionGroups } = renderOpts;
-            const { $table, row, column } = params;
-            const opSize = options ? options.length : null;
-            const ogSize = optionGroups ? optionGroups.length : null;
-            const { cellResult } = $table.effectCellData(row, column, {
-                key: 'render_table_cell',
-                isChanged({ oldValue, cellValue }) {
-                    return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
-                },
-                setValue({ cellValue }) {
-                    return [cellValue, opSize, ogSize];
-                },
-                getResult({ cellValue }) {
-                    return handleTreeSelectCellValue(cellValue, renderOpts);
-                }
-            });
-            // const cellResult = getTreeSelectCellValue(renderOpts, params)
-            return getCellLabelVNs(renderOpts, params, cellResult);
+    tableCellFormatter: handleFormatTreeSelect,
+    tableCellCopyMethod: handleFormatTreeSelect,
+    tableCellPasteMethod: handleSetTreeSelectValue,
+    tableExportMethod: handleExportTreeSelectMethod
+  },
+  /**
+   * 已废弃，被 FormatTreeSelect 替换
+   * @deprecated
+   */
+  formatTree: {
+    renderTableDefault(renderOpts, params) {
+      return getCellLabelVNs(renderOpts, params, getTreeSelectCellValue(renderOpts, params));
+    }
+  },
+  FormatTreeSelect: {
+    renderTableDefault(renderOpts, params) {
+      const { options, optionGroups } = renderOpts;
+      const { $table, row, column } = params;
+      const opSize = options ? options.length : null;
+      const ogSize = optionGroups ? optionGroups.length : null;
+      const { cellResult } = $table.effectCellData(row, column, {
+        key: "render_table_cell",
+        isChanged({ oldValue, cellValue }) {
+          return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
         },
-        tableCellFormatter: handleFormatTreeSelect,
-        tableCellCopyMethod: handleFormatTreeSelect,
-        tableCellPasteMethod: handleSetTreeSelectValue,
-        tableExportMethod: handleExportTreeSelectMethod
-    },
-    VxeColorPicker: {
-        tableAutoFocus: true,
-        renderTableEdit(renderOpts, params) {
-            const { row, column } = params;
-            const { options } = renderOpts;
-            const cellValue = getCellValue(row, column);
-            return [
-                h(getDefaultComponent(renderOpts), Object.assign(Object.assign({}, getCellEditProps(renderOpts, params, cellValue, { colors: options })), getEditOns(renderOpts, params)))
-            ];
+        setValue({ cellValue }) {
+          return [cellValue, opSize, ogSize];
         },
-        renderTableCell(renderOpts, params) {
-            const { $table, row, column } = params;
-            const { props } = renderOpts;
-            const { computeSize } = $table.getComputeMaps();
-            const customSize = props ? props.size : null;
-            const vSize = customSize || computeSize.value;
-            const cellValue = XEUtils.get(row, column.field);
-            return h('span', {
-                class: ['vxe-color-picker--readonly', {
-                        [`size--${vSize}`]: vSize
-                    }]
-            }, [
-                h('div', {
-                    class: ['vxe-color-picker--readonly-color', {
-                            'is--empty': !cellValue
-                        }],
-                    style: cellValue
-                        ? {
-                            backgroundColor: cellValue
-                        }
-                        : undefined
-                })
-            ]);
+        getResult({ cellValue }) {
+          return handleTreeSelectCellValue(cellValue, renderOpts);
         }
+      });
+      return getCellLabelVNs(renderOpts, params, cellResult);
     },
-    VxeIconPicker: {
-        tableAutoFocus: true,
-        renderTableEdit(renderOpts, params) {
-            const { row, column } = params;
-            const { options } = renderOpts;
-            const cellValue = getCellValue(row, column);
-            return [
-                h(getDefaultComponent(renderOpts), Object.assign(Object.assign({}, getCellEditProps(renderOpts, params, cellValue, { icons: options })), getEditOns(renderOpts, params)))
-            ];
+    tableCellFormatter: handleFormatTreeSelect,
+    tableCellCopyMethod: handleFormatTreeSelect,
+    tableCellPasteMethod: handleSetTreeSelectValue,
+    tableExportMethod: handleExportTreeSelectMethod
+  },
+  VxeCascader: {
+    tableAutoFocus: true,
+    renderTableEdit: defaultTableOrTreeSelectEditRender,
+    renderTableCell(renderOpts, params) {
+      const { options, optionGroups } = renderOpts;
+      const { $table, row, column } = params;
+      const opSize = options ? options.length : null;
+      const ogSize = optionGroups ? optionGroups.length : null;
+      const { cellResult } = $table.effectCellData(row, column, {
+        key: "render_table_cell",
+        isChanged({ oldValue, cellValue }) {
+          return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
         },
-        renderTableCell(renderOpts, params) {
-            const { row, column } = params;
-            const cellValue = XEUtils.get(row, column.field);
-            return h('i', {
-                class: cellValue
-            });
-        }
-    },
-    VxeRadioGroup: {
-        renderTableDefault: radioAndCheckboxGroupEditRender
-    },
-    VxeCheckbox: {
-        renderTableDefault: checkboxEditRender
-    },
-    VxeCheckboxGroup: {
-        renderTableDefault: radioAndCheckboxGroupEditRender
-    },
-    VxeSwitch: {
-        tableAutoFocus: 'button',
-        renderTableEdit: defaultEditRender,
-        renderTableDefault: defaultEditRender
-    },
-    VxeUpload: {
-        renderTableEdit: defaultEditRender,
-        renderTableCell: defaultEditRender,
-        renderTableDefault: defaultEditRender
-    },
-    VxeImage: {
-        renderTableDefault(renderOpts, params) {
-            const { row, column } = params;
-            const { props } = renderOpts;
-            const cellValue = getCellValue(row, column);
-            return [
-                h(getDefaultComponent(renderOpts), Object.assign(Object.assign(Object.assign({}, props), { src: cellValue }), getEditOns(renderOpts, params)))
-            ];
-        }
-    },
-    VxeImageGroup: {
-        renderTableDefault(renderOpts, params) {
-            const { row, column } = params;
-            const { props } = renderOpts;
-            const cellValue = getCellValue(row, column);
-            return [
-                h(getDefaultComponent(renderOpts), Object.assign(Object.assign(Object.assign({}, props), { urlList: cellValue }), getEditOns(renderOpts, params)))
-            ];
-        }
-    },
-    VxeTextEllipsis: {
-        renderTableDefault(renderOpts, params) {
-            const { row, column } = params;
-            const { props } = renderOpts;
-            const cellValue = getCellValue(row, column);
-            return [
-                h(getDefaultComponent(renderOpts), Object.assign(Object.assign(Object.assign({}, props), { content: cellValue }), getEditOns(renderOpts, params)))
-            ];
+        setValue({ cellValue }) {
+          return [cellValue, opSize, ogSize];
+        },
+        getResult({ cellValue }) {
+          return handleTreeSelectCellValue(cellValue, renderOpts);
         }
+      });
+      return getCellLabelVNs(renderOpts, params, cellResult);
     },
-    VxeRate: {
-        renderTableDefault: defaultEditRender
-    },
-    VxeSlider: {
-        renderTableDefault: defaultEditRender
-    },
-    // 以下已废弃
-    $input: {
-        tableAutoFocus: 'input',
-        renderTableEdit: oldEditRender,
-        renderTableCell(renderOpts, params) {
-            var _a;
-            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.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.toFixed(XEUtils.floor(cellValue, digits), digits);
-                        break;
-                }
-            }
-            return getCellLabelVNs(renderOpts, params, cellValue);
+    tableCellFormatter: handleFormatTreeSelect,
+    tableCellCopyMethod: handleFormatTreeSelect,
+    tableCellPasteMethod: handleSetTreeSelectValue,
+    tableExportMethod: handleExportTreeSelectMethod
+  },
+  VxeTableSelect: {
+    tableAutoFocus: true,
+    renderTableEdit: defaultTableOrTreeSelectEditRender,
+    renderTableCell(renderOpts, params) {
+      const { options, optionGroups } = renderOpts;
+      const { $table, row, column } = params;
+      const opSize = options ? options.length : null;
+      const ogSize = optionGroups ? optionGroups.length : null;
+      const { cellResult } = $table.effectCellData(row, column, {
+        key: "render_table_cell",
+        isChanged({ oldValue, cellValue }) {
+          return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
         },
-        renderTableDefault: oldEditRender,
-        renderTableFilter: oldFilterRender,
-        tableFilterDefaultMethod: handleInputFilterMethod
-    },
-    $textarea: {
-        tableAutoFocus: 'textarea'
+        setValue({ cellValue }) {
+          return [cellValue, opSize, ogSize];
+        },
+        getResult({ cellValue }) {
+          return handleTreeSelectCellValue(cellValue, renderOpts);
+        }
+      });
+      return getCellLabelVNs(renderOpts, params, cellResult);
     },
-    $button: {
-        renderTableDefault: oldButtonEditRender
+    tableCellFormatter: handleFormatTreeSelect,
+    tableCellCopyMethod: handleFormatTreeSelect,
+    tableCellPasteMethod: handleSetTreeSelectValue,
+    tableExportMethod: handleExportTreeSelectMethod
+  },
+  VxeColorPicker: {
+    tableAutoFocus: true,
+    renderTableEdit(renderOpts, params) {
+      const { row, column } = params;
+      const { options } = renderOpts;
+      const cellValue = getCellValue(row, column);
+      return [
+        h(getDefaultComponent(renderOpts), {
+          ...getCellEditProps(renderOpts, params, cellValue, { colors: options }),
+          ...getEditOns(renderOpts, params)
+        })
+      ];
     },
-    $buttons: {
-        renderTableDefault: oldButtonsEditRender
+    renderTableCell(renderOpts, params) {
+      const { $table, row, column } = params;
+      const { props } = renderOpts;
+      const { computeSize } = $table.getComputeMaps();
+      const customSize = props ? props.size : null;
+      const vSize = customSize || computeSize.value;
+      const cellValue = XEUtils.get(row, column.field);
+      return h("span", {
+        class: ["vxe-color-picker--readonly", {
+          [`size--${vSize}`]: vSize
+        }]
+      }, [
+        h("div", {
+          class: ["vxe-color-picker--readonly-color", {
+            "is--empty": !cellValue
+          }],
+          style: cellValue ? {
+            backgroundColor: cellValue
+          } : void 0
+        })
+      ]);
+    }
+  },
+  VxeIconPicker: {
+    tableAutoFocus: true,
+    renderTableEdit(renderOpts, params) {
+      const { row, column } = params;
+      const { options } = renderOpts;
+      const cellValue = getCellValue(row, column);
+      return [
+        h(getDefaultComponent(renderOpts), {
+          ...getCellEditProps(renderOpts, params, cellValue, { icons: options }),
+          ...getEditOns(renderOpts, params)
+        })
+      ];
     },
-    $select: {
-        tableAutoFocus: 'input',
-        renderTableEdit: oldSelectEditRender,
-        renderTableDefault: oldSelectEditRender,
-        renderTableCell(renderOpts, params) {
-            return getCellLabelVNs(renderOpts, params, getSelectCellValue(renderOpts, params));
-        },
-        renderTableFilter(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), Object.assign(Object.assign({ key: oIndex }, getCellEditFilterProps(renderOpts, params, optionValue, { options, optionProps, optionGroups, optionGroupProps })), getFilterOns(renderOpts, params, option)));
-            });
-        },
-        tableFilterDefaultMethod: handleFilterMethod,
-        tableExportMethod: handleExportSelectMethod
+    renderTableCell(renderOpts, params) {
+      const { row, column } = params;
+      const cellValue = XEUtils.get(row, column.field);
+      return h("i", {
+        class: cellValue
+      });
+    }
+  },
+  VxeRadioGroup: {
+    renderTableDefault: radioAndCheckboxGroupEditRender
+  },
+  VxeCheckbox: {
+    renderTableDefault: checkboxEditRender
+  },
+  VxeCheckboxGroup: {
+    renderTableDefault: radioAndCheckboxGroupEditRender
+  },
+  VxeSwitch: {
+    tableAutoFocus: "button",
+    renderTableEdit: defaultEditRender,
+    renderTableDefault: defaultEditRender
+  },
+  VxeUpload: {
+    renderTableEdit: defaultEditRender,
+    renderTableCell: defaultEditRender,
+    renderTableDefault: defaultEditRender
+  },
+  VxeImage: {
+    renderTableDefault(renderOpts, params) {
+      const { row, column } = params;
+      const { props } = renderOpts;
+      const cellValue = getCellValue(row, column);
+      return [
+        h(getDefaultComponent(renderOpts), {
+          ...props,
+          src: cellValue,
+          ...getEditOns(renderOpts, params)
+        })
+      ];
+    }
+  },
+  VxeImageGroup: {
+    renderTableDefault(renderOpts, params) {
+      const { row, column } = params;
+      const { props } = renderOpts;
+      const cellValue = getCellValue(row, column);
+      return [
+        h(getDefaultComponent(renderOpts), {
+          ...props,
+          urlList: cellValue,
+          ...getEditOns(renderOpts, params)
+        })
+      ];
+    }
+  },
+  VxeTextEllipsis: {
+    renderTableDefault(renderOpts, params) {
+      const { row, column } = params;
+      const { props } = renderOpts;
+      const cellValue = getCellValue(row, column);
+      return [
+        h(getDefaultComponent(renderOpts), {
+          ...props,
+          content: cellValue,
+          ...getEditOns(renderOpts, params)
+        })
+      ];
+    }
+  },
+  VxeRate: {
+    renderTableDefault: defaultEditRender
+  },
+  VxeSlider: {
+    renderTableDefault: defaultEditRender
+  },
+  // 以下已废弃
+  $input: {
+    tableAutoFocus: "input",
+    renderTableEdit: oldEditRender,
+    renderTableCell(renderOpts, params) {
+      var _a;
+      const { props = {} } = renderOpts;
+      const { row, column } = params;
+      const digits = props.digits || ((_a = getConfig().input) == null ? void 0 : _a.digits) || 2;
+      let cellValue = XEUtils.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.toFixed(XEUtils.floor(cellValue, digits), digits);
+            break;
+        }
+      }
+      return getCellLabelVNs(renderOpts, params, cellValue);
     },
-    $radio: {
-        tableAutoFocus: 'input'
+    renderTableDefault: oldEditRender,
+    renderTableFilter: oldFilterRender,
+    tableFilterDefaultMethod: handleInputFilterMethod
+  },
+  $textarea: {
+    tableAutoFocus: "textarea"
+  },
+  $button: {
+    renderTableDefault: oldButtonEditRender
+  },
+  $buttons: {
+    renderTableDefault: oldButtonsEditRender
+  },
+  $select: {
+    tableAutoFocus: "input",
+    renderTableEdit: oldSelectEditRender,
+    renderTableDefault: oldSelectEditRender,
+    renderTableCell(renderOpts, params) {
+      return getCellLabelVNs(renderOpts, params, getSelectCellValue(renderOpts, params));
     },
-    $checkbox: {
-        tableAutoFocus: 'input'
+    renderTableFilter(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,
+          ...getCellEditFilterProps(renderOpts, params, optionValue, { options, optionProps, optionGroups, optionGroupProps }),
+          ...getFilterOns(renderOpts, params, option)
+        });
+      });
     },
-    $switch: {
-        tableAutoFocus: 'button',
-        renderTableEdit: oldEditRender,
-        renderTableDefault: oldEditRender
-    }
-    // 以上已废弃
+    tableFilterDefaultMethod: handleFilterMethod,
+    tableExportMethod: handleExportSelectMethod
+  },
+  $radio: {
+    tableAutoFocus: "input"
+  },
+  $checkbox: {
+    tableAutoFocus: "input"
+  },
+  $switch: {
+    tableAutoFocus: "button",
+    renderTableEdit: oldEditRender,
+    renderTableDefault: oldEditRender
+  }
+  // 以上已废弃
 });