vxe-table 4.2.8 → 4.3.0-beta.10

package/lib/index.umd.js

@@ -8307,43 +8307,74 @@ __webpack_require__.d(__webpack_exports__, "menus", function() { return /* reexp
 __webpack_require__.d(__webpack_exports__, "formats", function() { return /* reexport */ formats; });
 __webpack_require__.d(__webpack_exports__, "hooks", function() { return /* reexport */ hooks; });
 __webpack_require__.d(__webpack_exports__, "setup", function() { return /* reexport */ setup_setup; });
+__webpack_require__.d(__webpack_exports__, "VxeIcon", function() { return /* reexport */ VxeIcon; });
 __webpack_require__.d(__webpack_exports__, "Icon", function() { return /* reexport */ Icon; });
+__webpack_require__.d(__webpack_exports__, "VxeModuleFilter", function() { return /* reexport */ VxeModuleFilter; });
 __webpack_require__.d(__webpack_exports__, "Filter", function() { return /* reexport */ Filter; });
+__webpack_require__.d(__webpack_exports__, "VxeModuleEdit", function() { return /* reexport */ VxeModuleEdit; });
 __webpack_require__.d(__webpack_exports__, "Edit", function() { return /* reexport */ Edit; });
 __webpack_require__.d(__webpack_exports__, "saveFile", function() { return /* reexport */ util_saveLocalFile; });
 __webpack_require__.d(__webpack_exports__, "readFile", function() { return /* reexport */ util_readLocalFile; });
 __webpack_require__.d(__webpack_exports__, "print", function() { return /* reexport */ export_print; });
+__webpack_require__.d(__webpack_exports__, "VxeModuleExport", function() { return /* reexport */ VxeModuleExport; });
 __webpack_require__.d(__webpack_exports__, "Export", function() { return /* reexport */ Export; });
+__webpack_require__.d(__webpack_exports__, "VxeModuleKeyboard", function() { return /* reexport */ VxeModuleKeyboard; });
 __webpack_require__.d(__webpack_exports__, "Keyboard", function() { return /* reexport */ Keyboard; });
+__webpack_require__.d(__webpack_exports__, "VxeModuleValidator", function() { return /* reexport */ VxeModuleValidator; });
 __webpack_require__.d(__webpack_exports__, "Validator", function() { return /* reexport */ Validator; });
 __webpack_require__.d(__webpack_exports__, "Header", function() { return /* reexport */ Header; });
-__webpack_require__.d(__webpack_exports__, "Footer", function() { return /* reexport */ Footer; });
+__webpack_require__.d(__webpack_exports__, "VxeColumn", function() { return /* reexport */ VxeColumn; });
 __webpack_require__.d(__webpack_exports__, "Column", function() { return /* reexport */ Column; });
+__webpack_require__.d(__webpack_exports__, "VxeColgroup", function() { return /* reexport */ VxeColgroup; });
 __webpack_require__.d(__webpack_exports__, "Colgroup", function() { return /* reexport */ Colgroup; });
+__webpack_require__.d(__webpack_exports__, "VxeGrid", function() { return /* reexport */ VxeGrid; });
 __webpack_require__.d(__webpack_exports__, "Grid", function() { return /* reexport */ Grid; });
+__webpack_require__.d(__webpack_exports__, "VxeModuleMenu", function() { return /* reexport */ VxeModuleMenu; });
 __webpack_require__.d(__webpack_exports__, "Menu", function() { return /* reexport */ Menu; });
+__webpack_require__.d(__webpack_exports__, "VxeToolbar", function() { return /* reexport */ VxeToolbar; });
 __webpack_require__.d(__webpack_exports__, "Toolbar", function() { return /* reexport */ Toolbar; });
+__webpack_require__.d(__webpack_exports__, "VxePager", function() { return /* reexport */ VxePager; });
 __webpack_require__.d(__webpack_exports__, "Pager", function() { return /* reexport */ Pager; });
+__webpack_require__.d(__webpack_exports__, "VxeCheckbox", function() { return /* reexport */ VxeCheckbox; });
 __webpack_require__.d(__webpack_exports__, "Checkbox", function() { return /* reexport */ Checkbox; });
+__webpack_require__.d(__webpack_exports__, "VxeCheckboxGroup", function() { return /* reexport */ VxeCheckboxGroup; });
 __webpack_require__.d(__webpack_exports__, "CheckboxGroup", function() { return /* reexport */ CheckboxGroup; });
+__webpack_require__.d(__webpack_exports__, "VxeRadio", function() { return /* reexport */ VxeRadio; });
 __webpack_require__.d(__webpack_exports__, "Radio", function() { return /* reexport */ Radio; });
+__webpack_require__.d(__webpack_exports__, "VxeRadioGroup", function() { return /* reexport */ VxeRadioGroup; });
 __webpack_require__.d(__webpack_exports__, "RadioGroup", function() { return /* reexport */ RadioGroup; });
+__webpack_require__.d(__webpack_exports__, "VxeRadioButton", function() { return /* reexport */ VxeRadioButton; });
 __webpack_require__.d(__webpack_exports__, "RadioButton", function() { return /* reexport */ RadioButton; });
+__webpack_require__.d(__webpack_exports__, "VxeInput", function() { return /* reexport */ VxeInput; });
 __webpack_require__.d(__webpack_exports__, "Input", function() { return /* reexport */ Input; });
+__webpack_require__.d(__webpack_exports__, "VxeTextarea", function() { return /* reexport */ VxeTextarea; });
 __webpack_require__.d(__webpack_exports__, "Textarea", function() { return /* reexport */ Textarea; });
+__webpack_require__.d(__webpack_exports__, "VxeButton", function() { return /* reexport */ VxeButton; });
 __webpack_require__.d(__webpack_exports__, "Button", function() { return /* reexport */ Button; });
 __webpack_require__.d(__webpack_exports__, "modal", function() { return /* reexport */ modal_modal; });
+__webpack_require__.d(__webpack_exports__, "VxeModal", function() { return /* reexport */ VxeModal; });
 __webpack_require__.d(__webpack_exports__, "Modal", function() { return /* reexport */ Modal; });
+__webpack_require__.d(__webpack_exports__, "VxeTooltip", function() { return /* reexport */ VxeTooltip; });
 __webpack_require__.d(__webpack_exports__, "Tooltip", function() { return /* reexport */ Tooltip; });
+__webpack_require__.d(__webpack_exports__, "VxeForm", function() { return /* reexport */ VxeForm; });
 __webpack_require__.d(__webpack_exports__, "Form", function() { return /* reexport */ Form; });
+__webpack_require__.d(__webpack_exports__, "VxeFormItem", function() { return /* reexport */ VxeFormItem; });
 __webpack_require__.d(__webpack_exports__, "FormItem", function() { return /* reexport */ FormItem; });
+__webpack_require__.d(__webpack_exports__, "VxeFormGather", function() { return /* reexport */ VxeFormGather; });
 __webpack_require__.d(__webpack_exports__, "FormGather", function() { return /* reexport */ FormGather; });
+__webpack_require__.d(__webpack_exports__, "VxeSelect", function() { return /* reexport */ VxeSelect; });
 __webpack_require__.d(__webpack_exports__, "Select", function() { return /* reexport */ Select; });
+__webpack_require__.d(__webpack_exports__, "VxeOptgroup", function() { return /* reexport */ VxeOptgroup; });
 __webpack_require__.d(__webpack_exports__, "Optgroup", function() { return /* reexport */ Optgroup; });
+__webpack_require__.d(__webpack_exports__, "VxeOption", function() { return /* reexport */ VxeOption; });
 __webpack_require__.d(__webpack_exports__, "Option", function() { return /* reexport */ Option; });
+__webpack_require__.d(__webpack_exports__, "VxeSwitch", function() { return /* reexport */ VxeSwitch; });
 __webpack_require__.d(__webpack_exports__, "Switch", function() { return /* reexport */ Switch; });
+__webpack_require__.d(__webpack_exports__, "VxeList", function() { return /* reexport */ VxeList; });
 __webpack_require__.d(__webpack_exports__, "List", function() { return /* reexport */ List; });
+__webpack_require__.d(__webpack_exports__, "VxePulldown", function() { return /* reexport */ VxePulldown; });
 __webpack_require__.d(__webpack_exports__, "Pulldown", function() { return /* reexport */ Pulldown; });
+__webpack_require__.d(__webpack_exports__, "VxeTable", function() { return /* reexport */ VxeTable; });
 __webpack_require__.d(__webpack_exports__, "Table", function() { return /* reexport */ Table; });
 
 // NAMESPACE OBJECT: ./packages/all.ts
@@ -8363,43 +8394,74 @@ __webpack_require__.d(all_namespaceObject, "menus", function() { return menus; }
 __webpack_require__.d(all_namespaceObject, "formats", function() { return formats; });
 __webpack_require__.d(all_namespaceObject, "hooks", function() { return hooks; });
 __webpack_require__.d(all_namespaceObject, "setup", function() { return setup_setup; });
+__webpack_require__.d(all_namespaceObject, "VxeIcon", function() { return VxeIcon; });
 __webpack_require__.d(all_namespaceObject, "Icon", function() { return Icon; });
+__webpack_require__.d(all_namespaceObject, "VxeModuleFilter", function() { return VxeModuleFilter; });
 __webpack_require__.d(all_namespaceObject, "Filter", function() { return Filter; });
+__webpack_require__.d(all_namespaceObject, "VxeModuleEdit", function() { return VxeModuleEdit; });
 __webpack_require__.d(all_namespaceObject, "Edit", function() { return Edit; });
 __webpack_require__.d(all_namespaceObject, "saveFile", function() { return util_saveLocalFile; });
 __webpack_require__.d(all_namespaceObject, "readFile", function() { return util_readLocalFile; });
 __webpack_require__.d(all_namespaceObject, "print", function() { return export_print; });
+__webpack_require__.d(all_namespaceObject, "VxeModuleExport", function() { return VxeModuleExport; });
 __webpack_require__.d(all_namespaceObject, "Export", function() { return Export; });
+__webpack_require__.d(all_namespaceObject, "VxeModuleKeyboard", function() { return VxeModuleKeyboard; });
 __webpack_require__.d(all_namespaceObject, "Keyboard", function() { return Keyboard; });
+__webpack_require__.d(all_namespaceObject, "VxeModuleValidator", function() { return VxeModuleValidator; });
 __webpack_require__.d(all_namespaceObject, "Validator", function() { return Validator; });
 __webpack_require__.d(all_namespaceObject, "Header", function() { return Header; });
-__webpack_require__.d(all_namespaceObject, "Footer", function() { return Footer; });
+__webpack_require__.d(all_namespaceObject, "VxeColumn", function() { return VxeColumn; });
 __webpack_require__.d(all_namespaceObject, "Column", function() { return Column; });
+__webpack_require__.d(all_namespaceObject, "VxeColgroup", function() { return VxeColgroup; });
 __webpack_require__.d(all_namespaceObject, "Colgroup", function() { return Colgroup; });
+__webpack_require__.d(all_namespaceObject, "VxeGrid", function() { return VxeGrid; });
 __webpack_require__.d(all_namespaceObject, "Grid", function() { return Grid; });
+__webpack_require__.d(all_namespaceObject, "VxeModuleMenu", function() { return VxeModuleMenu; });
 __webpack_require__.d(all_namespaceObject, "Menu", function() { return Menu; });
+__webpack_require__.d(all_namespaceObject, "VxeToolbar", function() { return VxeToolbar; });
 __webpack_require__.d(all_namespaceObject, "Toolbar", function() { return Toolbar; });
+__webpack_require__.d(all_namespaceObject, "VxePager", function() { return VxePager; });
 __webpack_require__.d(all_namespaceObject, "Pager", function() { return Pager; });
+__webpack_require__.d(all_namespaceObject, "VxeCheckbox", function() { return VxeCheckbox; });
 __webpack_require__.d(all_namespaceObject, "Checkbox", function() { return Checkbox; });
+__webpack_require__.d(all_namespaceObject, "VxeCheckboxGroup", function() { return VxeCheckboxGroup; });
 __webpack_require__.d(all_namespaceObject, "CheckboxGroup", function() { return CheckboxGroup; });
+__webpack_require__.d(all_namespaceObject, "VxeRadio", function() { return VxeRadio; });
 __webpack_require__.d(all_namespaceObject, "Radio", function() { return Radio; });
+__webpack_require__.d(all_namespaceObject, "VxeRadioGroup", function() { return VxeRadioGroup; });
 __webpack_require__.d(all_namespaceObject, "RadioGroup", function() { return RadioGroup; });
+__webpack_require__.d(all_namespaceObject, "VxeRadioButton", function() { return VxeRadioButton; });
 __webpack_require__.d(all_namespaceObject, "RadioButton", function() { return RadioButton; });
+__webpack_require__.d(all_namespaceObject, "VxeInput", function() { return VxeInput; });
 __webpack_require__.d(all_namespaceObject, "Input", function() { return Input; });
+__webpack_require__.d(all_namespaceObject, "VxeTextarea", function() { return VxeTextarea; });
 __webpack_require__.d(all_namespaceObject, "Textarea", function() { return Textarea; });
+__webpack_require__.d(all_namespaceObject, "VxeButton", function() { return VxeButton; });
 __webpack_require__.d(all_namespaceObject, "Button", function() { return Button; });
 __webpack_require__.d(all_namespaceObject, "modal", function() { return modal_modal; });
+__webpack_require__.d(all_namespaceObject, "VxeModal", function() { return VxeModal; });
 __webpack_require__.d(all_namespaceObject, "Modal", function() { return Modal; });
+__webpack_require__.d(all_namespaceObject, "VxeTooltip", function() { return VxeTooltip; });
 __webpack_require__.d(all_namespaceObject, "Tooltip", function() { return Tooltip; });
+__webpack_require__.d(all_namespaceObject, "VxeForm", function() { return VxeForm; });
 __webpack_require__.d(all_namespaceObject, "Form", function() { return Form; });
+__webpack_require__.d(all_namespaceObject, "VxeFormItem", function() { return VxeFormItem; });
 __webpack_require__.d(all_namespaceObject, "FormItem", function() { return FormItem; });
+__webpack_require__.d(all_namespaceObject, "VxeFormGather", function() { return VxeFormGather; });
 __webpack_require__.d(all_namespaceObject, "FormGather", function() { return FormGather; });
+__webpack_require__.d(all_namespaceObject, "VxeSelect", function() { return VxeSelect; });
 __webpack_require__.d(all_namespaceObject, "Select", function() { return Select; });
+__webpack_require__.d(all_namespaceObject, "VxeOptgroup", function() { return VxeOptgroup; });
 __webpack_require__.d(all_namespaceObject, "Optgroup", function() { return Optgroup; });
+__webpack_require__.d(all_namespaceObject, "VxeOption", function() { return VxeOption; });
 __webpack_require__.d(all_namespaceObject, "Option", function() { return Option; });
+__webpack_require__.d(all_namespaceObject, "VxeSwitch", function() { return VxeSwitch; });
 __webpack_require__.d(all_namespaceObject, "Switch", function() { return Switch; });
+__webpack_require__.d(all_namespaceObject, "VxeList", function() { return VxeList; });
 __webpack_require__.d(all_namespaceObject, "List", function() { return List; });
+__webpack_require__.d(all_namespaceObject, "VxePulldown", function() { return VxePulldown; });
 __webpack_require__.d(all_namespaceObject, "Pulldown", function() { return Pulldown; });
+__webpack_require__.d(all_namespaceObject, "VxeTable", function() { return VxeTable; });
 __webpack_require__.d(all_namespaceObject, "Table", function() { return Table; });
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
@@ -8456,14 +8518,14 @@ function _createClass(Constructor, protoProps, staticProps) {
   return Constructor;
 }
 // CONCATENATED MODULE: ./packages/v-x-e-table/src/conf.ts
-var iconPrefix = 'vxe-icon--';
+var iconPrefix = 'vxe-icon-';
 var GlobalConfig = {
   size: null,
   zIndex: 999,
   version: 0,
   // resizeInterval: 500,
   emptyCell: '　',
-  loadingText: null,
+  // loadingText: null, // 自定义loading提示内容，如果为null则不显示文本
   table: {
     fit: true,
     showHeader: true,
@@ -8582,65 +8644,70 @@ var GlobalConfig = {
   },
   icon: {
     // loading
-    // LOADING: iconPrefix + 'refresh roll vxe-loading--default-icon',
+    LOADING: iconPrefix + 'spinner roll vxe-loading--default-icon',
     // table
-    TABLE_SORT_ASC: iconPrefix + 'caret-top',
-    TABLE_SORT_DESC: iconPrefix + 'caret-bottom',
+    TABLE_SORT_ASC: iconPrefix + 'caret-up',
+    TABLE_SORT_DESC: iconPrefix + 'caret-down',
     TABLE_FILTER_NONE: iconPrefix + 'funnel',
     TABLE_FILTER_MATCH: iconPrefix + 'funnel',
-    TABLE_EDIT: iconPrefix + 'edit-outline',
-    TABLE_HELP: iconPrefix + 'question',
-    TABLE_TREE_LOADED: iconPrefix + 'refresh roll',
+    TABLE_EDIT: iconPrefix + 'edit',
+    TABLE_HELP: iconPrefix + 'question-circle-fill',
+    TABLE_TREE_LOADED: iconPrefix + 'spinner roll',
     TABLE_TREE_OPEN: iconPrefix + 'caret-right rotate90',
     TABLE_TREE_CLOSE: iconPrefix + 'caret-right',
-    TABLE_EXPAND_LOADED: iconPrefix + 'refresh roll',
+    TABLE_EXPAND_LOADED: iconPrefix + 'spinner roll',
     TABLE_EXPAND_OPEN: iconPrefix + 'arrow-right rotate90',
     TABLE_EXPAND_CLOSE: iconPrefix + 'arrow-right',
+    TABLE_CHECKBOX_CHECKED: iconPrefix + 'checkbox-checked',
+    TABLE_CHECKBOX_UNCHECKED: iconPrefix + 'checkbox-unchecked',
+    TABLE_CHECKBOX_INDETERMINATE: iconPrefix + 'checkbox-indeterminate',
+    TABLE_RADIO_CHECKED: iconPrefix + 'radio-checked',
+    TABLE_RADIO_UNCHECKED: iconPrefix + 'radio-unchecked',
     // button
-    BUTTON_DROPDOWN: iconPrefix + 'arrow-bottom',
-    BUTTON_LOADING: iconPrefix + 'refresh roll',
+    BUTTON_DROPDOWN: iconPrefix + 'arrow-down',
+    BUTTON_LOADING: iconPrefix + 'spinner roll',
     // select
-    SELECT_LOADED: iconPrefix + 'refresh roll',
-    SELECT_OPEN: iconPrefix + 'caret-bottom rotate180',
-    SELECT_CLOSE: iconPrefix + 'caret-bottom',
+    SELECT_LOADED: iconPrefix + 'spinner roll',
+    SELECT_OPEN: iconPrefix + 'caret-down rotate180',
+    SELECT_CLOSE: iconPrefix + 'caret-down',
     // pager
-    PAGER_JUMP_PREV: iconPrefix + 'd-arrow-left',
-    PAGER_JUMP_NEXT: iconPrefix + 'd-arrow-right',
+    PAGER_JUMP_PREV: iconPrefix + 'arrow-double-left',
+    PAGER_JUMP_NEXT: iconPrefix + 'arrow-double-right',
     PAGER_PREV_PAGE: iconPrefix + 'arrow-left',
     PAGER_NEXT_PAGE: iconPrefix + 'arrow-right',
-    PAGER_JUMP_MORE: iconPrefix + 'more',
+    PAGER_JUMP_MORE: iconPrefix + 'ellipsis-h',
     // input
-    INPUT_CLEAR: iconPrefix + 'close',
-    INPUT_PWD: iconPrefix + 'eye-slash',
-    INPUT_SHOW_PWD: iconPrefix + 'eye',
-    INPUT_PREV_NUM: iconPrefix + 'caret-top',
-    INPUT_NEXT_NUM: iconPrefix + 'caret-bottom',
+    INPUT_CLEAR: iconPrefix + 'error-circle-fill',
+    INPUT_PWD: iconPrefix + 'eye-fill',
+    INPUT_SHOW_PWD: iconPrefix + 'eye-fill-close',
+    INPUT_PREV_NUM: iconPrefix + 'caret-up',
+    INPUT_NEXT_NUM: iconPrefix + 'caret-down',
     INPUT_DATE: iconPrefix + 'calendar',
     INPUT_SEARCH: iconPrefix + 'search',
     // modal
     MODAL_ZOOM_IN: iconPrefix + 'square',
-    MODAL_ZOOM_OUT: iconPrefix + 'zoomout',
+    MODAL_ZOOM_OUT: iconPrefix + 'maximize',
     MODAL_CLOSE: iconPrefix + 'close',
-    MODAL_INFO: iconPrefix + 'info',
-    MODAL_SUCCESS: iconPrefix + 'success',
-    MODAL_WARNING: iconPrefix + 'warning',
-    MODAL_ERROR: iconPrefix + 'error',
-    MODAL_QUESTION: iconPrefix + 'question',
-    MODAL_LOADING: iconPrefix + 'refresh roll',
+    MODAL_INFO: iconPrefix + 'info-circle-fill',
+    MODAL_SUCCESS: iconPrefix + 'success-circle-fill',
+    MODAL_WARNING: iconPrefix + 'warnion-circle-fill',
+    MODAL_ERROR: iconPrefix + 'error-circle-fill',
+    MODAL_QUESTION: iconPrefix + 'question-circle-fill',
+    MODAL_LOADING: iconPrefix + 'spinner roll',
     // toolbar
-    TOOLBAR_TOOLS_REFRESH: iconPrefix + 'refresh',
-    TOOLBAR_TOOLS_REFRESH_LOADING: iconPrefix + 'refresh roll',
+    TOOLBAR_TOOLS_REFRESH: iconPrefix + 'repeat',
+    TOOLBAR_TOOLS_REFRESH_LOADING: iconPrefix + 'repeat roll',
     TOOLBAR_TOOLS_IMPORT: iconPrefix + 'upload',
     TOOLBAR_TOOLS_EXPORT: iconPrefix + 'download',
     TOOLBAR_TOOLS_PRINT: iconPrefix + 'print',
-    TOOLBAR_TOOLS_ZOOM_IN: iconPrefix + 'zoomin',
-    TOOLBAR_TOOLS_ZOOM_OUT: iconPrefix + 'zoomout',
-    TOOLBAR_TOOLS_CUSTOM: iconPrefix + 'menu',
+    TOOLBAR_TOOLS_FULLSCREEN: iconPrefix + 'fullscreen',
+    TOOLBAR_TOOLS_MINIMIZE: iconPrefix + 'minimize',
+    TOOLBAR_TOOLS_CUSTOM: iconPrefix + 'custom-column',
     // form
-    FORM_PREFIX: iconPrefix + 'question',
-    FORM_SUFFIX: iconPrefix + 'question',
-    FORM_FOLDING: iconPrefix + 'arrow-top rotate180',
-    FORM_UNFOLDING: iconPrefix + 'arrow-top'
+    FORM_PREFIX: iconPrefix + 'question-circle-fill',
+    FORM_SUFFIX: iconPrefix + 'question-circle-fill',
+    FORM_FOLDING: iconPrefix + 'arrow-up rotate180',
+    FORM_UNFOLDING: iconPrefix + 'arrow-up'
   },
   grid: {
     // size: null,
@@ -8805,7 +8872,7 @@ var es_array_concat = __webpack_require__("99af");
 
 
 function getLog(message, params) {
-  return "[vxe-table v".concat("4.2.8", "] ").concat(src_conf.i18n(message, params));
+  return "[vxe-table v".concat("4.3.0-beta.10", "] ").concat(src_conf.i18n(message, params));
 }
 
 function outLog(type) {
@@ -9807,9 +9874,17 @@ function colToVisible($xetable, column) {
   return Promise.resolve();
 }
 // CONCATENATED MODULE: ./packages/tools/vn.ts
+
 function getOnName(type) {
   return 'on' + type.substring(0, 1).toLocaleUpperCase() + type.substring(1);
 }
+function getSlotVNs(vns) {
+  if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isArray(vns)) {
+    return vns;
+  }
+
+  return [vns];
+}
 // CONCATENATED MODULE: ./packages/v-x-e-table/src/renderer.ts
 
 
@@ -10831,7 +10906,7 @@ var v_x_e_table_config = new v_x_e_table_VXETableConfig();
 var v = 'v4';
 var VXETable = {
   v: v,
-  version: "4.2.8",
+  version: "4.3.0-beta.10",
   setup: setup_setup,
   interceptor: interceptor,
   renderer: renderer,
@@ -10852,12 +10927,6 @@ var VXETable = {
 
 
 /* harmony default export */ var v_x_e_table = (VXETable);
-// CONCATENATED MODULE: ./packages/icon/index.ts
-var Icon = {
-  /* eslint-disable @typescript-eslint/no-empty-function */
-  install: function install() {}
-};
-/* harmony default export */ var packages_icon = (Icon);
 // CONCATENATED MODULE: ./packages/filter/src/panel.ts
 
 
@@ -10994,25 +11063,23 @@ var Icon = {
         }, compConf.renderFilter(filterRender, params))];
       }
 
+      var isAllChecked = multiple ? filterStore.isAllSelected : !filterStore.options.some(function (item) {
+        return item._checked;
+      });
+      var isAllIndeterminate = multiple && filterStore.isIndeterminate;
       return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('ul', {
         class: 'vxe-table--filter-header'
       }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('li', {
         class: ['vxe-table--filter-option', {
-          'is--checked': multiple ? filterStore.isAllSelected : !filterStore.options.some(function (item) {
-            return item._checked;
-          }),
-          'is--indeterminate': multiple && filterStore.isIndeterminate
+          'is--checked': isAllChecked,
+          'is--indeterminate': isAllIndeterminate
         }],
         title: src_conf.i18n(multiple ? 'vxe.table.allTitle' : 'vxe.table.allFilter'),
         onClick: function onClick(evnt) {
           changeAllOption(evnt, !filterStore.isAllSelected);
         }
       }, (multiple ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-checkbox--icon vxe-checkbox--checked-icon'
-      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-checkbox--icon vxe-checkbox--unchecked-icon'
-      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-checkbox--icon vxe-checkbox--indeterminate-icon'
+        class: ['vxe-checkbox--icon', isAllIndeterminate ? src_conf.icon.TABLE_CHECKBOX_INDETERMINATE : isAllChecked ? src_conf.icon.TABLE_CHECKBOX_CHECKED : src_conf.icon.TABLE_CHECKBOX_UNCHECKED]
       })] : []).concat([Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
         class: 'vxe-checkbox--label'
       }, src_conf.i18n('vxe.table.allFilter'))]))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('ul', {
@@ -11021,6 +11088,8 @@ var Icon = {
           maxHeight: "".concat(maxHeight, "px")
         } : {}
       }, filterStore.options.map(function (item) {
+        var isChecked = item._checked;
+        var isIndeterminate = false;
         return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('li', {
           class: ['vxe-table--filter-option', {
             'is--checked': item._checked
@@ -11030,11 +11099,7 @@ var Icon = {
             changeOption(evnt, !item._checked, item);
           }
         }, (multiple ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-          class: 'vxe-checkbox--icon vxe-checkbox--checked-icon'
-        }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-          class: 'vxe-checkbox--icon vxe-checkbox--unchecked-icon'
-        }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-          class: 'vxe-checkbox--icon vxe-checkbox--indeterminate-icon'
+          class: ['vxe-checkbox--icon', isIndeterminate ? src_conf.icon.TABLE_CHECKBOX_INDETERMINATE : isChecked ? src_conf.icon.TABLE_CHECKBOX_CHECKED : src_conf.icon.TABLE_CHECKBOX_UNCHECKED]
         })] : []).concat([Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
           class: 'vxe-checkbox--label'
         }, formatText(item.label, 1))]));
@@ -11491,15 +11556,16 @@ function checkDynamic() {
 
 
 
-var Filter = {
+var VxeModuleFilter = {
   Panel: panel,
   install: function install(app) {
     VXETable.hooks.add('$tableFilter', hook);
     app.component(panel.name, panel);
   }
 };
+var Filter = VxeModuleFilter;
 dynamicApp.component(panel.name, panel);
-/* harmony default export */ var filter = (Filter);
+/* harmony default export */ var filter = (VxeModuleFilter);
 // CONCATENATED MODULE: ./packages/menu/src/panel.ts
 
 
@@ -12109,15 +12175,16 @@ var tableMenuHook = {
 
 
 
-var Menu = {
+var VxeModuleMenu = {
   Panel: src_panel,
   install: function install(app) {
     VXETable.hooks.add('$tableMenu', src_hooks);
     app.component(src_panel.name, src_panel);
   }
 };
+var Menu = VxeModuleMenu;
 dynamicApp.component(src_panel.name, src_panel);
-/* harmony default export */ var packages_menu = (Menu);
+/* harmony default export */ var packages_menu = (VxeModuleMenu);
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
@@ -12637,7 +12704,7 @@ var editHook = {
 
 
         if (actived.row && $xetable.findRowIndexOf(rows, actived.row) > -1) {
-          editMethods.clearActived();
+          editMethods.clearEdit();
         } // 从新增中移除已删除的数据
 
 
@@ -12944,7 +13011,6 @@ var editHook = {
        */
       setSelectCell: function setSelectCell(row, fieldOrColumn) {
         var tableData = reactData.tableData;
-        var visibleColumn = internalData.visibleColumn;
         var editOpts = computeEditOpts.value;
         var column = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isString(fieldOrColumn) ? $xetable.getColumnByField(fieldOrColumn) : fieldOrColumn;
 
@@ -12957,7 +13023,7 @@ var editHook = {
               row: row,
               rowIndex: rowIndex,
               column: column,
-              columnIndex: visibleColumn.indexOf(column),
+              columnIndex: $xetable.getColumnIndex(column),
               cell: cell
             };
             $xetable.handleSelected(params, {});
@@ -13006,7 +13072,7 @@ var editHook = {
               $xetable.closeTooltip();
 
               if (actived.column) {
-                editMethods.clearActived(evnt);
+                editMethods.clearEdit(evnt);
               }
 
               type = 'edit-actived';
@@ -13139,7 +13205,7 @@ var editHook = {
         var selectMethod = function selectMethod() {
           if (isMouseSelected && (selected.row !== row || selected.column !== column)) {
             if (actived.row !== row || (editOpts.mode === 'cell' ? actived.column !== column : false)) {
-              editMethods.clearActived(evnt);
+              editMethods.clearEdit(evnt);
               editMethods.clearSelected();
 
               if ($xetable.clearCellAreas) {
@@ -13194,12 +13260,13 @@ var editHook = {
 // CONCATENATED MODULE: ./packages/edit/index.ts
 
 
-var Edit = {
+var VxeModuleEdit = {
   install: function install() {
     VXETable.hooks.add('$tableEdit', src_hook);
   }
 };
-/* harmony default export */ var edit = (Edit);
+var Edit = VxeModuleEdit;
+/* harmony default export */ var edit = (VxeModuleEdit);
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -13773,12 +13840,13 @@ function useSize(props) {
 
 
 
-var Loading = Object.assign(src_loading, {
+var VxeLoading = Object.assign(src_loading, {
   install: function install(app) {
     app.component(src_loading.name, src_loading);
   }
 });
-/* harmony default export */ var packages_loading = (src_loading);
+var Loading = VxeLoading;
+/* harmony default export */ var packages_loading = (VxeLoading);
 // CONCATENATED MODULE: ./packages/modal/src/modal.ts
 
 
@@ -13801,6 +13869,7 @@ var Loading = Object.assign(src_loading, {
 
 
 
+
 
 
 var allActivedModals = [];
@@ -14758,14 +14827,24 @@ var msgQueue = [];
           title = props.title;
       var zoomLocat = reactData.zoomLocat;
       var titleSlot = slots.title || propSlots.title;
-      var titVNs = titleSlot ? titleSlot({
+      var cornerSlot = slots.corner || propSlots.corner;
+      var titVNs = [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        class: 'vxe-modal--header-title'
+      }, titleSlot ? getSlotVNs(titleSlot({
         $modal: $xemodal
-      }) : [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-modal--title'
-      }, title ? getFuncText(title) : src_conf.i18n('vxe.alert.title'))];
+      })) : title ? getFuncText(title) : src_conf.i18n('vxe.alert.title'))];
+      var rightVNs = [];
+
+      if (cornerSlot) {
+        rightVNs.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
+          class: 'vxe-modal--corner-warpper'
+        }, getSlotVNs(cornerSlot({
+          $modal: $xemodal
+        }))));
+      }
 
       if (showZoom) {
-        titVNs.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('i', {
+        rightVNs.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('i', {
           class: ['vxe-modal--zoom-btn', 'trigger--btn', zoomLocat ? src_conf.icon.MODAL_ZOOM_OUT : src_conf.icon.MODAL_ZOOM_IN],
           title: src_conf.i18n("vxe.modal.zoom".concat(zoomLocat ? 'Out' : 'In')),
           onClick: toggleZoomEvent
@@ -14773,13 +14852,16 @@ var msgQueue = [];
       }
 
       if (showClose) {
-        titVNs.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('i', {
+        rightVNs.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('i', {
           class: ['vxe-modal--close-btn', 'trigger--btn', src_conf.icon.MODAL_CLOSE],
           title: src_conf.i18n('vxe.modal.close'),
           onClick: closeEvent
         }));
       }
 
+      titVNs.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        class: 'vxe-modal--header-right'
+      }, rightVNs));
       return titVNs;
     };
 
@@ -14808,9 +14890,9 @@ var msgQueue = [];
             'is--draggable': draggable,
             'is--ellipsis': !isMsg && props.showTitleOverflow
           }]
-        }, headerOns), headerSlot ? !reactData.inited || props.destroyOnClose && !reactData.visible ? [] : headerSlot({
+        }, headerOns), headerSlot ? !reactData.inited || props.destroyOnClose && !reactData.visible ? [] : getSlotVNs(headerSlot({
           $modal: $xemodal
-        }) : renderTitles()));
+        })) : renderTitles()));
       }
 
       return headVNs;
@@ -14836,9 +14918,9 @@ var msgQueue = [];
 
       contVNs.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
         class: 'vxe-modal--content'
-      }, defaultSlot ? !reactData.inited || props.destroyOnClose && !reactData.visible ? [] : defaultSlot({
+      }, defaultSlot ? !reactData.inited || props.destroyOnClose && !reactData.visible ? [] : getSlotVNs(defaultSlot({
         $modal: $xemodal
-      }) : getFuncText(content)));
+      })) : getFuncText(content)));
 
       if (!isMsg) {
         /**
@@ -14886,9 +14968,9 @@ var msgQueue = [];
       if (props.showFooter) {
         footVNs.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
           class: 'vxe-modal--footer'
-        }, footerSlot ? !reactData.inited || props.destroyOnClose && !reactData.visible ? [] : footerSlot({
+        }, footerSlot ? !reactData.inited || props.destroyOnClose && !reactData.visible ? [] : getSlotVNs(footerSlot({
           $modal: $xemodal
-        }) : renderBtns()));
+        })) : renderBtns()));
       }
 
       if (!isMsg && props.resize) {
@@ -17324,19 +17406,19 @@ var quarterSize = 8;
         }],
         onClick: datePrevEvent
       }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('i', {
-        class: 'vxe-icon--caret-left'
+        class: 'vxe-icon-caret-left'
       })]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
         class: 'vxe-input--date-picker-btn vxe-input--date-picker-current-btn',
         onClick: dateTodayMonthEvent
       }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('i', {
-        class: 'vxe-icon--dot'
+        class: 'vxe-icon-dot'
       })]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
         class: ['vxe-input--date-picker-btn vxe-input--date-picker-next-btn', {
           'is--disabled': isDisabledNextDateBtn
         }],
         onClick: dateNextEvent
       }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('i', {
-        class: 'vxe-icon--caret-right'
+        class: 'vxe-icon-caret-right'
       })]), multiple && computeSupportMultiples.value ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
         class: 'vxe-input--date-picker-btn vxe-input--date-picker-confirm-btn'
       }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('button', {
@@ -17827,17 +17909,19 @@ var quarterSize = 8;
 
       var vSize = computeSize.value;
       var isDisabled = computeDisabled.value;
+      var isChecked = computeChecked.value;
+      var indeterminate = props.indeterminate;
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('label', {
-        class: ['vxe-checkbox', (_ref = {}, _defineProperty(_ref, "size--".concat(vSize), vSize), _defineProperty(_ref, 'is--indeterminate', props.indeterminate), _defineProperty(_ref, 'is--disabled', isDisabled), _ref)],
+        class: ['vxe-checkbox', (_ref = {}, _defineProperty(_ref, "size--".concat(vSize), vSize), _defineProperty(_ref, 'is--indeterminate', indeterminate), _defineProperty(_ref, 'is--disabled', isDisabled), _defineProperty(_ref, 'is--checked', isChecked), _ref)],
         title: props.title
       }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('input', {
         class: 'vxe-checkbox--input',
         type: 'checkbox',
         disabled: isDisabled,
-        checked: computeChecked.value,
+        checked: isChecked,
         onChange: changeEvent
       }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-checkbox--icon'
+        class: ['vxe-checkbox--icon', indeterminate ? 'vxe-icon-checkbox-indeterminate' : isChecked ? 'vxe-icon-checkbox-checked' : 'vxe-icon-checkbox-unchecked']
       }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
         class: 'vxe-checkbox--label'
       }, slots.default ? slots.default({}) : getFuncText(props.content))]);
@@ -17873,6 +17957,7 @@ var es_promise_finally = __webpack_require__("a79d");
 
 
 
+
 
 
 function isOptionVisible(option) {
@@ -18019,7 +18104,7 @@ function getOptUniqueId() {
         }
 
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(slotFunc)) {
-          return slotFunc(params);
+          return getSlotVNs(slotFunc(params));
         }
       }
 
@@ -19175,8 +19260,8 @@ function getOptUniqueId() {
     var renderVN = function renderVN() {
       var defaultOptions = props.defaultOptions,
           storeData = props.storeData;
-      var isAll = reactData.isAll,
-          isIndeterminate = reactData.isIndeterminate;
+      var isAllChecked = reactData.isAll,
+          isAllIndeterminate = reactData.isIndeterminate;
       var hasTree = storeData.hasTree,
           hasMerge = storeData.hasMerge,
           isPrint = storeData.isPrint,
@@ -19190,11 +19275,13 @@ function getOptUniqueId() {
       external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.eachTree(storeData.columns, function (column) {
         var colTitle = formatText(column.getTitle(), 1);
         var isColGroup = column.children && column.children.length;
+        var isChecked = column.checked;
+        var indeterminate = column.halfChecked;
         cols.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('li', {
           class: ['vxe-export--panel-column-option', "level--".concat(column.level), {
             'is--group': isColGroup,
-            'is--checked': column.checked,
-            'is--indeterminate': column.halfChecked,
+            'is--checked': isChecked,
+            'is--indeterminate': indeterminate,
             'is--disabled': column.disabled
           }],
           title: colTitle,
@@ -19204,11 +19291,7 @@ function getOptUniqueId() {
             }
           }
         }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-          class: 'vxe-checkbox--icon vxe-checkbox--checked-icon'
-        }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-          class: 'vxe-checkbox--icon vxe-checkbox--unchecked-icon'
-        }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-          class: 'vxe-checkbox--icon vxe-checkbox--indeterminate-icon'
+          class: ['vxe-checkbox--icon', indeterminate ? src_conf.icon.TABLE_CHECKBOX_INDETERMINATE : isChecked ? src_conf.icon.TABLE_CHECKBOX_CHECKED : src_conf.icon.TABLE_CHECKBOX_UNCHECKED]
         }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
           class: 'vxe-checkbox--label'
         }, colTitle)]));
@@ -19281,17 +19364,13 @@ function getOptUniqueId() {
             class: 'vxe-export--panel-column-header'
           }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('li', {
             class: ['vxe-export--panel-column-option', {
-              'is--checked': isAll,
-              'is--indeterminate': isIndeterminate
+              'is--checked': isAllChecked,
+              'is--indeterminate': isAllIndeterminate
             }],
             title: src_conf.i18n('vxe.table.allTitle'),
             onClick: allColumnEvent
           }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-            class: 'vxe-checkbox--icon vxe-checkbox--checked-icon'
-          }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-            class: 'vxe-checkbox--icon vxe-checkbox--unchecked-icon'
-          }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-            class: 'vxe-checkbox--icon vxe-checkbox--indeterminate-icon'
+            class: ['vxe-checkbox--icon', isAllIndeterminate ? src_conf.icon.TABLE_CHECKBOX_INDETERMINATE : isAllChecked ? src_conf.icon.TABLE_CHECKBOX_CHECKED : src_conf.icon.TABLE_CHECKBOX_UNCHECKED]
           }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
             class: 'vxe-checkbox--label'
           }, src_conf.i18n('vxe.export.expCurrentColumn'))])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('ul', {
@@ -19562,20 +19641,20 @@ function getOptUniqueId() {
       var vSize = computeSize.value;
       var isDisabled = computeDisabled.value;
       var name = computeName.value;
-      var checked = computeChecked.value;
+      var isChecked = computeChecked.value;
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('label', {
-        class: ['vxe-radio', (_ref = {}, _defineProperty(_ref, "size--".concat(vSize), vSize), _defineProperty(_ref, 'is--disabled', isDisabled), _ref)],
+        class: ['vxe-radio', (_ref = {}, _defineProperty(_ref, "size--".concat(vSize), vSize), _defineProperty(_ref, 'is--checked', isChecked), _defineProperty(_ref, 'is--disabled', isDisabled), _ref)],
         title: props.title
       }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('input', {
         class: 'vxe-radio--input',
         type: 'radio',
         name: name,
-        checked: checked,
+        checked: isChecked,
         disabled: isDisabled,
         onChange: changeEvent,
         onClick: clickEvent
       }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-radio--icon'
+        class: ['vxe-radio--icon', isChecked ? 'vxe-icon-radio-checked' : 'vxe-icon-radio-unchecked']
       }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
         class: 'vxe-radio--label'
       }, slots.default ? slots.default({}) : getFuncText(props.content))]);
@@ -21767,7 +21846,7 @@ var export_print = function print(options) {
   });
   handlePrint(null, opts, opts.content);
 };
-var Export = {
+var VxeModuleExport = {
   ExportPanel: export_panel,
   ImportPanel: import_panel,
   install: function install(app) {
@@ -21789,9 +21868,10 @@ var Export = {
     app.component(import_panel.name, import_panel);
   }
 };
+var Export = VxeModuleExport;
 dynamicApp.component(export_panel.name, export_panel);
 dynamicApp.component(import_panel.name, import_panel);
-/* harmony default export */ var packages_export = (Export);
+/* harmony default export */ var packages_export = (VxeModuleExport);
 // CONCATENATED MODULE: ./packages/keyboard/src/hook.ts
 
 
@@ -22288,12 +22368,13 @@ var tableKeyboardHook = {
 // CONCATENATED MODULE: ./packages/keyboard/index.ts
 
 
-var Keyboard = {
+var VxeModuleKeyboard = {
   install: function install() {
     VXETable.hooks.add('$tableKeyboard', keyboard_src_hook);
   }
 };
-/* harmony default export */ var packages_keyboard = (Keyboard);
+var Keyboard = VxeModuleKeyboard;
+/* harmony default export */ var packages_keyboard = (VxeModuleKeyboard);
 // CONCATENATED MODULE: ./packages/validator/src/hook.ts
 
 
@@ -22807,589 +22888,239 @@ var validatorHook = {
 // CONCATENATED MODULE: ./packages/validator/index.ts
 
 
-var Validator = {
+var VxeModuleValidator = {
   install: function install() {
     VXETable.hooks.add('$tableValidator', validator_src_hook);
   }
 };
-/* harmony default export */ var validator = (Validator);
-// CONCATENATED MODULE: ./packages/footer/src/footer.ts
+var Validator = VxeModuleValidator;
+/* harmony default export */ var validator = (VxeModuleValidator);
+// CONCATENATED MODULE: ./packages/icon/src/icon.ts
 
 
+/* harmony default export */ var src_icon = (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["defineComponent"])({
+  name: 'VxeIcon',
+  props: {
+    name: String
+  },
+  emits: ['click'],
+  setup: function setup(props, _ref) {
+    var emit = _ref.emit;
 
+    var clickEvent = function clickEvent(evnt) {
+      emit('click', {
+        $event: evnt
+      });
+    };
 
+    return function () {
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('i', {
+        class: "vxe-icon-".concat(props.name),
+        onClick: clickEvent
+      });
+    };
+  }
+}));
+// CONCATENATED MODULE: ./packages/icon/index.ts
 
 
 
 
+var VxeIcon = Object.assign(src_icon, {
+  install: function install(app) {
+    app.component(src_icon.name, src_icon);
+  }
+});
+var Icon = VxeIcon;
+dynamicApp.component(VxeIcon.name, VxeIcon);
+/* harmony default export */ var packages_icon = (VxeIcon);
+// CONCATENATED MODULE: ./packages/table/src/cell.ts
 
-var renderType = 'footer';
 
-function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
-  for (var mIndex = 0; mIndex < mergeFooterList.length; mIndex++) {
-    var _mergeFooterList$mInd = mergeFooterList[mIndex],
-        mergeRowIndex = _mergeFooterList$mInd.row,
-        mergeColIndex = _mergeFooterList$mInd.col,
-        mergeRowspan = _mergeFooterList$mInd.rowspan,
-        mergeColspan = _mergeFooterList$mInd.colspan;
 
-    if (mergeColIndex > -1 && mergeRowIndex > -1 && mergeRowspan && mergeColspan) {
-      if (mergeRowIndex === _rowIndex && mergeColIndex === _columnIndex) {
-        return {
-          rowspan: mergeRowspan,
-          colspan: mergeColspan
-        };
-      }
 
-      if (_rowIndex >= mergeRowIndex && _rowIndex < mergeRowIndex + mergeRowspan && _columnIndex >= mergeColIndex && _columnIndex < mergeColIndex + mergeColspan) {
-        return {
-          rowspan: 0,
-          colspan: 0
-        };
-      }
-    }
-  }
-}
 
-/* harmony default export */ var footer = (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["defineComponent"])({
-  name: 'VxeTableFooter',
-  props: {
-    footerTableData: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    tableColumn: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    fixedColumn: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
+
+
+
+
+
+
+
+
+function renderHelpIcon(params) {
+  var $table = params.$table,
+      column = params.column;
+  var titlePrefix = column.titlePrefix || column.titleHelp;
+  return titlePrefix ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('i', {
+    class: ['vxe-cell-help-icon', titlePrefix.icon || src_conf.icon.TABLE_HELP],
+    onMouseenter: function onMouseenter(evnt) {
+      $table.triggerHeaderHelpEvent(evnt, params);
     },
-    fixedType: {
-      type: String,
-      default: null
+    onMouseleave: function onMouseleave(evnt) {
+      $table.handleTargetLeaveEvent(evnt);
     }
-  },
-  setup: function setup(props) {
-    var $xetable = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xetable', {});
-    var xID = $xetable.xID,
-        tableProps = $xetable.props,
-        tableReactData = $xetable.reactData,
-        tableInternalData = $xetable.internalData;
-
-    var _$xetable$getRefMaps = $xetable.getRefMaps(),
-        refTableHeader = _$xetable$getRefMaps.refTableHeader,
-        refTableBody = _$xetable$getRefMaps.refTableBody,
-        refValidTooltip = _$xetable$getRefMaps.refValidTooltip;
+  })] : [];
+}
 
-    var _$xetable$getComputeM = $xetable.getComputeMaps(),
-        computeTooltipOpts = _$xetable$getComputeM.computeTooltipOpts,
-        computeColumnOpts = _$xetable$getComputeM.computeColumnOpts;
+function renderTitleContent(params, content) {
+  var $table = params.$table,
+      column = params.column;
+  var props = $table.props,
+      internalData = $table.internalData;
 
-    var refElem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refFooterTable = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refFooterColgroup = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refFooterTFoot = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refFooterXSpace = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    /**
-     * 滚动处理
-     * 如果存在列固定左侧，同步更新滚动状态
-     * 如果存在列固定右侧，同步更新滚动状态
-     */
+  var _$table$getComputeMap = $table.getComputeMaps(),
+      computeTooltipOpts = _$table$getComputeMap.computeTooltipOpts;
 
-    var scrollEvent = function scrollEvent(evnt) {
-      var fixedType = props.fixedType;
-      var scrollXLoad = tableReactData.scrollXLoad;
-      var lastScrollLeft = tableInternalData.lastScrollLeft;
-      var validTip = refValidTooltip.value;
-      var tableHeader = refTableHeader.value;
-      var tableBody = refTableBody.value;
-      var headerElem = tableHeader ? tableHeader.$el : null;
-      var footerElem = refElem.value;
-      var bodyElem = tableBody.$el;
-      var scrollLeft = footerElem.scrollLeft;
-      var isX = scrollLeft !== lastScrollLeft;
-      tableInternalData.lastScrollLeft = scrollLeft;
-      tableInternalData.lastScrollTime = Date.now();
+  var allColumnHeaderOverflow = props.showHeaderOverflow;
+  var type = column.type,
+      showHeaderOverflow = column.showHeaderOverflow;
+  var tooltipOpts = computeTooltipOpts.value;
+  var showAllTip = tooltipOpts.showAll;
+  var headOverflow = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isUndefined(showHeaderOverflow) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
+  var showTitle = headOverflow === 'title';
+  var showTooltip = headOverflow === true || headOverflow === 'tooltip';
+  var ons = {};
 
-      if (headerElem) {
-        headerElem.scrollLeft = scrollLeft;
+  if (showTitle || showTooltip || showAllTip) {
+    ons.onMouseenter = function (evnt) {
+      if (internalData._isResize) {
+        return;
       }
 
-      if (bodyElem) {
-        bodyElem.scrollLeft = scrollLeft;
+      if (showTitle) {
+        updateCellTitle(evnt.currentTarget, column);
+      } else if (showTooltip || showAllTip) {
+        $table.triggerHeaderTooltipEvent(evnt, params);
       }
+    };
+  }
 
-      if (scrollXLoad && isX) {
-        $xetable.triggerScrollXEvent(evnt);
+  if (showTooltip || showAllTip) {
+    ons.onMouseleave = function (evnt) {
+      if (internalData._isResize) {
+        return;
       }
 
-      if (isX && validTip && validTip.reactData.visible) {
-        validTip.updatePlacement();
+      if (showTooltip || showAllTip) {
+        $table.handleTargetLeaveEvent(evnt);
       }
-
-      $xetable.dispatchEvent('scroll', {
-        type: renderType,
-        fixed: fixedType,
-        scrollTop: bodyElem.scrollTop,
-        scrollLeft: scrollLeft,
-        isX: isX,
-        isY: false
-      }, evnt);
     };
+  }
 
-    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
-      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
-        var fixedType = props.fixedType;
-        var elemStore = tableInternalData.elemStore;
-        var prefix = "".concat(fixedType || 'main', "-footer-");
-        elemStore["".concat(prefix, "wrapper")] = refElem;
-        elemStore["".concat(prefix, "table")] = refFooterTable;
-        elemStore["".concat(prefix, "colgroup")] = refFooterColgroup;
-        elemStore["".concat(prefix, "list")] = refFooterTFoot;
-        elemStore["".concat(prefix, "xSpace")] = refFooterXSpace;
-      });
-    });
-    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onUnmounted"])(function () {
-      var fixedType = props.fixedType;
-      var elemStore = tableInternalData.elemStore;
-      var prefix = "".concat(fixedType || 'main', "-footer-");
-      elemStore["".concat(prefix, "wrapper")] = null;
-      elemStore["".concat(prefix, "table")] = null;
-      elemStore["".concat(prefix, "colgroup")] = null;
-      elemStore["".concat(prefix, "list")] = null;
-      elemStore["".concat(prefix, "xSpace")] = null;
-    });
-
-    var renderVN = function renderVN() {
-      var fixedType = props.fixedType,
-          fixedColumn = props.fixedColumn,
-          tableColumn = props.tableColumn,
-          footerTableData = props.footerTableData;
-      var footerRowClassName = tableProps.footerRowClassName,
-          footerCellClassName = tableProps.footerCellClassName,
-          footerRowStyle = tableProps.footerRowStyle,
-          footerCellStyle = tableProps.footerCellStyle,
-          allFooterAlign = tableProps.footerAlign,
-          footerSpanMethod = tableProps.footerSpanMethod,
-          allAlign = tableProps.align,
-          columnKey = tableProps.columnKey,
-          allColumnFooterOverflow = tableProps.showFooterOverflow;
-      var visibleColumn = tableInternalData.visibleColumn;
-      var scrollYLoad = tableReactData.scrollYLoad,
-          overflowX = tableReactData.overflowX,
-          scrollbarWidth = tableReactData.scrollbarWidth,
-          currentColumn = tableReactData.currentColumn,
-          mergeFooterList = tableReactData.mergeFooterList;
-      var tooltipOpts = computeTooltipOpts.value;
-      var columnOpts = computeColumnOpts.value; // 如果是使用优化模式
+  return [type === 'html' && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isString(content) ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', _objectSpread2({
+    class: 'vxe-cell--title',
+    innerHTML: content
+  }, ons)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', _objectSpread2({
+    class: 'vxe-cell--title'
+  }, ons), content)];
+}
 
-      if (fixedType) {
-        if (scrollYLoad || allColumnFooterOverflow) {
-          if (!mergeFooterList.length || !footerSpanMethod) {
-            tableColumn = fixedColumn;
-          } else {
-            tableColumn = visibleColumn;
-          }
-        } else {
-          tableColumn = visibleColumn;
-        }
-      }
+function getFooterContent(params) {
+  var $table = params.$table,
+      column = params.column,
+      _columnIndex = params._columnIndex,
+      items = params.items;
+  var slots = column.slots,
+      editRender = column.editRender,
+      cellRender = column.cellRender;
+  var renderOpts = editRender || cellRender;
+  var footerSlot = slots ? slots.footer : null;
 
-      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        ref: refElem,
-        class: ['vxe-table--footer-wrapper', fixedType ? "fixed-".concat(fixedType, "--wrapper") : 'body--wrapper'],
-        xid: xID,
-        onScroll: scrollEvent
-      }, [fixedType ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])() : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        ref: refFooterXSpace,
-        class: 'vxe-body--x-space'
-      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('table', {
-        ref: refFooterTable,
-        class: 'vxe-table--footer',
-        xid: xID,
-        cellspacing: 0,
-        cellpadding: 0,
-        border: 0
-      }, [
-      /**
-       * 列宽
-       */
-      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('colgroup', {
-        ref: refFooterColgroup
-      }, tableColumn.map(function (column, $columnIndex) {
-        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('col', {
-          name: column.id,
-          key: $columnIndex
-        });
-      }).concat(scrollbarWidth ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('col', {
-        name: 'col_gutter'
-      })] : [])),
-      /**
-       * 底部
-       */
-      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tfoot', {
-        ref: refFooterTFoot
-      }, footerTableData.map(function (list, _rowIndex) {
-        var $rowIndex = _rowIndex;
-        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tr', {
-          class: ['vxe-footer--row', footerRowClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(footerRowClassName) ? footerRowClassName({
-            $table: $xetable,
-            _rowIndex: _rowIndex,
-            $rowIndex: $rowIndex,
-            fixed: fixedType,
-            type: renderType
-          }) : footerRowClassName : ''],
-          style: footerRowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(footerRowStyle) ? footerRowStyle({
-            $table: $xetable,
-            _rowIndex: _rowIndex,
-            $rowIndex: $rowIndex,
-            fixed: fixedType,
-            type: renderType
-          }) : footerRowStyle : null
-        }, tableColumn.map(function (column, $columnIndex) {
-          var _ref2;
+  if (footerSlot) {
+    return $table.callSlot(footerSlot, params);
+  }
 
-          var type = column.type,
-              showFooterOverflow = column.showFooterOverflow,
-              footerAlign = column.footerAlign,
-              align = column.align,
-              footerClassName = column.footerClassName;
-          var showAllTip = tooltipOpts.showAll;
-          var isColGroup = column.children && column.children.length;
-          var fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX;
-          var footOverflow = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isUndefined(showFooterOverflow) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow;
-          var footAlign = footerAlign || align || allFooterAlign || allAlign;
-          var showEllipsis = footOverflow === 'ellipsis';
-          var showTitle = footOverflow === 'title';
-          var showTooltip = footOverflow === true || footOverflow === 'tooltip';
-          var hasEllipsis = showTitle || showTooltip || showEllipsis;
-          var attrs = {
-            colid: column.id
-          };
-          var tfOns = {};
-          var columnIndex = $xetable.getColumnIndex(column);
+  if (renderOpts) {
+    var compConf = VXETable.renderer.get(renderOpts.name);
 
-          var _columnIndex = $xetable.getVTColumnIndex(column);
+    if (compConf && compConf.renderFooter) {
+      return getSlotVNs(compConf.renderFooter(renderOpts, params));
+    }
+  }
 
-          var itemIndex = _columnIndex;
-          var params = {
-            $table: $xetable,
-            _rowIndex: _rowIndex,
-            $rowIndex: $rowIndex,
-            column: column,
-            columnIndex: columnIndex,
-            $columnIndex: $columnIndex,
-            _columnIndex: _columnIndex,
-            itemIndex: itemIndex,
-            items: list,
-            fixed: fixedType,
-            type: renderType,
-            data: footerTableData
-          }; // 纵向虚拟滚动不支持动态行高
+  return [formatText(items[_columnIndex], 1)];
+}
 
-          if (scrollYLoad && !hasEllipsis) {
-            showEllipsis = hasEllipsis = true;
-          }
+function getDefaultCellLabel(params) {
+  var $table = params.$table,
+      row = params.row,
+      column = params.column;
+  return formatText($table.getCellLabel(row, column), 1);
+}
 
-          if (showTitle || showTooltip || showAllTip) {
-            tfOns.onMouseenter = function (evnt) {
-              if (showTitle) {
-                updateCellTitle(evnt.currentTarget, column);
-              } else if (showTooltip || showAllTip) {
-                $xetable.triggerFooterTooltipEvent(evnt, params);
-              }
-            };
-          }
+var Cell = {
+  createColumn: function createColumn($xetable, columnOpts) {
+    var type = columnOpts.type,
+        sortable = columnOpts.sortable,
+        filters = columnOpts.filters,
+        editRender = columnOpts.editRender,
+        treeNode = columnOpts.treeNode;
+    var props = $xetable.props;
+    var editConfig = props.editConfig;
 
-          if (showTooltip || showAllTip) {
-            tfOns.onMouseleave = function (evnt) {
-              if (showTooltip || showAllTip) {
-                $xetable.handleTargetLeaveEvent(evnt);
-              }
-            };
-          }
+    var _$xetable$getComputeM = $xetable.getComputeMaps(),
+        computeEditOpts = _$xetable$getComputeM.computeEditOpts,
+        computeCheckboxOpts = _$xetable$getComputeM.computeCheckboxOpts;
 
-          tfOns.onClick = function (evnt) {
-            $xetable.dispatchEvent('footer-cell-click', Object.assign({
-              cell: evnt.currentTarget
-            }, params), evnt);
-          };
+    var checkboxOpts = computeCheckboxOpts.value;
+    var editOpts = computeEditOpts.value;
+    var renConfs = {
+      renderHeader: Cell.renderDefaultHeader,
+      renderCell: treeNode ? Cell.renderTreeCell : Cell.renderDefaultCell,
+      renderFooter: Cell.renderDefaultFooter
+    };
 
-          tfOns.onDblclick = function (evnt) {
-            $xetable.dispatchEvent('footer-cell-dblclick', Object.assign({
-              cell: evnt.currentTarget
-            }, params), evnt);
-          }; // 合并行或列
+    switch (type) {
+      case 'seq':
+        renConfs.renderHeader = Cell.renderSeqHeader;
+        renConfs.renderCell = treeNode ? Cell.renderTreeIndexCell : Cell.renderSeqCell;
+        break;
 
+      case 'radio':
+        renConfs.renderHeader = Cell.renderRadioHeader;
+        renConfs.renderCell = treeNode ? Cell.renderTreeRadioCell : Cell.renderRadioCell;
+        break;
 
-          if (mergeFooterList.length) {
-            var spanRest = mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex);
+      case 'checkbox':
+        renConfs.renderHeader = Cell.renderCheckboxHeader;
+        renConfs.renderCell = checkboxOpts.checkField ? treeNode ? Cell.renderTreeSelectionCellByProp : Cell.renderCheckboxCellByProp : treeNode ? Cell.renderTreeSelectionCell : Cell.renderCheckboxCell;
+        break;
 
-            if (spanRest) {
-              var rowspan = spanRest.rowspan,
-                  colspan = spanRest.colspan;
+      case 'expand':
+        renConfs.renderCell = Cell.renderExpandCell;
+        renConfs.renderData = Cell.renderExpandData;
+        break;
 
-              if (!rowspan || !colspan) {
-                return null;
-              }
+      case 'html':
+        renConfs.renderCell = treeNode ? Cell.renderTreeHTMLCell : Cell.renderHTMLCell;
 
-              if (rowspan > 1) {
-                attrs.rowspan = rowspan;
-              }
+        if (filters && sortable) {
+          renConfs.renderHeader = Cell.renderSortAndFilterHeader;
+        } else if (sortable) {
+          renConfs.renderHeader = Cell.renderSortHeader;
+        } else if (filters) {
+          renConfs.renderHeader = Cell.renderFilterHeader;
+        }
 
-              if (colspan > 1) {
-                attrs.colspan = colspan;
-              }
-            }
-          } else if (footerSpanMethod) {
-            // 自定义合并方法
-            var _ref = footerSpanMethod(params) || {},
-                _ref$rowspan = _ref.rowspan,
-                _rowspan = _ref$rowspan === void 0 ? 1 : _ref$rowspan,
-                _ref$colspan = _ref.colspan,
-                _colspan = _ref$colspan === void 0 ? 1 : _ref$colspan;
+        break;
 
-            if (!_rowspan || !_colspan) {
-              return null;
-            }
+      default:
+        if (editConfig && editRender) {
+          renConfs.renderHeader = Cell.renderEditHeader;
+          renConfs.renderCell = editOpts.mode === 'cell' ? treeNode ? Cell.renderTreeCellEdit : Cell.renderCellEdit : treeNode ? Cell.renderTreeRowEdit : Cell.renderRowEdit;
+        } else if (filters && sortable) {
+          renConfs.renderHeader = Cell.renderSortAndFilterHeader;
+        } else if (sortable) {
+          renConfs.renderHeader = Cell.renderSortHeader;
+        } else if (filters) {
+          renConfs.renderHeader = Cell.renderFilterHeader;
+        }
 
-            if (_rowspan > 1) {
-              attrs.rowspan = _rowspan;
-            }
+    }
 
-            if (_colspan > 1) {
-              attrs.colspan = _colspan;
-            }
-          }
-
-          return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('td', _objectSpread2(_objectSpread2(_objectSpread2({
-            class: ['vxe-footer--column', column.id, (_ref2 = {}, _defineProperty(_ref2, "col--".concat(footAlign), footAlign), _defineProperty(_ref2, "col--".concat(type), type), _defineProperty(_ref2, 'col--last', $columnIndex === tableColumn.length - 1), _defineProperty(_ref2, 'fixed--hidden', fixedHiddenColumn), _defineProperty(_ref2, 'col--ellipsis', hasEllipsis), _defineProperty(_ref2, 'col--current', currentColumn === column), _ref2), getPropClass(footerClassName, params), getPropClass(footerCellClassName, params)]
-          }, attrs), {}, {
-            style: footerCellStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(footerCellStyle) ? footerCellStyle(params) : footerCellStyle : null
-          }, tfOns), {}, {
-            key: columnKey || columnOpts.useKey ? column.id : $columnIndex
-          }), [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-            class: ['vxe-cell', {
-              'c--title': showTitle,
-              'c--tooltip': showTooltip,
-              'c--ellipsis': showEllipsis
-            }]
-          }, column.renderFooter(params))]);
-        }).concat(scrollbarWidth ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('td', {
-          class: 'vxe-footer--gutter col--gutter'
-        })] : []));
-      }))])]);
-    };
-
-    return renderVN;
-  }
-}));
-// CONCATENATED MODULE: ./packages/footer/index.ts
-
-
-
-
-var Footer = Object.assign(footer, {
-  install: function install(app) {
-    app.component(footer.name, footer);
-  }
-});
-dynamicApp.component(footer.name, footer);
-/* harmony default export */ var packages_footer = (Footer);
-// CONCATENATED MODULE: ./packages/table/src/cell.ts
-
-
-
-
-
-
-
-
-
-
-
-
-function renderHelpIcon(params) {
-  var $table = params.$table,
-      column = params.column;
-  var titlePrefix = column.titlePrefix || column.titleHelp;
-  return titlePrefix ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('i', {
-    class: ['vxe-cell-help-icon', titlePrefix.icon || src_conf.icon.TABLE_HELP],
-    onMouseenter: function onMouseenter(evnt) {
-      $table.triggerHeaderHelpEvent(evnt, params);
-    },
-    onMouseleave: function onMouseleave(evnt) {
-      $table.handleTargetLeaveEvent(evnt);
-    }
-  })] : [];
-}
-
-function renderTitleContent(params, content) {
-  var $table = params.$table,
-      column = params.column;
-  var props = $table.props,
-      internalData = $table.internalData;
-
-  var _$table$getComputeMap = $table.getComputeMaps(),
-      computeTooltipOpts = _$table$getComputeMap.computeTooltipOpts;
-
-  var allColumnHeaderOverflow = props.showHeaderOverflow;
-  var type = column.type,
-      showHeaderOverflow = column.showHeaderOverflow;
-  var tooltipOpts = computeTooltipOpts.value;
-  var showAllTip = tooltipOpts.showAll;
-  var headOverflow = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isUndefined(showHeaderOverflow) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
-  var showTitle = headOverflow === 'title';
-  var showTooltip = headOverflow === true || headOverflow === 'tooltip';
-  var ons = {};
-
-  if (showTitle || showTooltip || showAllTip) {
-    ons.onMouseenter = function (evnt) {
-      if (internalData._isResize) {
-        return;
-      }
-
-      if (showTitle) {
-        updateCellTitle(evnt.currentTarget, column);
-      } else if (showTooltip || showAllTip) {
-        $table.triggerHeaderTooltipEvent(evnt, params);
-      }
-    };
-  }
-
-  if (showTooltip || showAllTip) {
-    ons.onMouseleave = function (evnt) {
-      if (internalData._isResize) {
-        return;
-      }
-
-      if (showTooltip || showAllTip) {
-        $table.handleTargetLeaveEvent(evnt);
-      }
-    };
-  }
-
-  return [type === 'html' && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isString(content) ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', _objectSpread2({
-    class: 'vxe-cell--title',
-    innerHTML: content
-  }, ons)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', _objectSpread2({
-    class: 'vxe-cell--title'
-  }, ons), content)];
-}
-
-function getFooterContent(params) {
-  var $table = params.$table,
-      column = params.column,
-      _columnIndex = params._columnIndex,
-      items = params.items;
-  var slots = column.slots,
-      editRender = column.editRender,
-      cellRender = column.cellRender;
-  var renderOpts = editRender || cellRender;
-  var footerSlot = slots ? slots.footer : null;
-
-  if (footerSlot) {
-    return $table.callSlot(footerSlot, params);
-  }
-
-  if (renderOpts) {
-    var compConf = VXETable.renderer.get(renderOpts.name);
-
-    if (compConf && compConf.renderFooter) {
-      return compConf.renderFooter(renderOpts, params);
-    }
-  }
-
-  return [formatText(items[_columnIndex], 1)];
-}
-
-function getDefaultCellLabel(params) {
-  var $table = params.$table,
-      row = params.row,
-      column = params.column;
-  return formatText($table.getCellLabel(row, column), 1);
-}
-
-var Cell = {
-  createColumn: function createColumn($xetable, columnOpts) {
-    var type = columnOpts.type,
-        sortable = columnOpts.sortable,
-        filters = columnOpts.filters,
-        editRender = columnOpts.editRender,
-        treeNode = columnOpts.treeNode;
-    var props = $xetable.props;
-    var editConfig = props.editConfig;
-
-    var _$xetable$getComputeM = $xetable.getComputeMaps(),
-        computeEditOpts = _$xetable$getComputeM.computeEditOpts,
-        computeCheckboxOpts = _$xetable$getComputeM.computeCheckboxOpts;
-
-    var checkboxOpts = computeCheckboxOpts.value;
-    var editOpts = computeEditOpts.value;
-    var renConfs = {
-      renderHeader: Cell.renderDefaultHeader,
-      renderCell: treeNode ? Cell.renderTreeCell : Cell.renderDefaultCell,
-      renderFooter: Cell.renderDefaultFooter
-    };
-
-    switch (type) {
-      case 'seq':
-        renConfs.renderHeader = Cell.renderSeqHeader;
-        renConfs.renderCell = treeNode ? Cell.renderTreeIndexCell : Cell.renderSeqCell;
-        break;
-
-      case 'radio':
-        renConfs.renderHeader = Cell.renderRadioHeader;
-        renConfs.renderCell = treeNode ? Cell.renderTreeRadioCell : Cell.renderRadioCell;
-        break;
-
-      case 'checkbox':
-        renConfs.renderHeader = Cell.renderCheckboxHeader;
-        renConfs.renderCell = checkboxOpts.checkField ? treeNode ? Cell.renderTreeSelectionCellByProp : Cell.renderCheckboxCellByProp : treeNode ? Cell.renderTreeSelectionCell : Cell.renderCheckboxCell;
-        break;
-
-      case 'expand':
-        renConfs.renderCell = Cell.renderExpandCell;
-        renConfs.renderData = Cell.renderExpandData;
-        break;
-
-      case 'html':
-        renConfs.renderCell = treeNode ? Cell.renderTreeHTMLCell : Cell.renderHTMLCell;
-
-        if (filters && sortable) {
-          renConfs.renderHeader = Cell.renderSortAndFilterHeader;
-        } else if (sortable) {
-          renConfs.renderHeader = Cell.renderSortHeader;
-        } else if (filters) {
-          renConfs.renderHeader = Cell.renderFilterHeader;
-        }
-
-        break;
-
-      default:
-        if (editConfig && editRender) {
-          renConfs.renderHeader = Cell.renderEditHeader;
-          renConfs.renderCell = editOpts.mode === 'cell' ? treeNode ? Cell.renderTreeCellEdit : Cell.renderCellEdit : treeNode ? Cell.renderTreeRowEdit : Cell.renderRowEdit;
-        } else if (filters && sortable) {
-          renConfs.renderHeader = Cell.renderSortAndFilterHeader;
-        } else if (sortable) {
-          renConfs.renderHeader = Cell.renderSortHeader;
-        } else if (filters) {
-          renConfs.renderHeader = Cell.renderFilterHeader;
-        }
-
-    }
-
-    return util_createColumn($xetable, columnOpts, renConfs);
-  },
+    return util_createColumn($xetable, columnOpts, renConfs);
+  },
 
   /**
    * 单元格
@@ -23411,11 +23142,11 @@ var Cell = {
       var compConf = VXETable.renderer.get(renderOpts.name);
 
       if (compConf && compConf.renderHeader) {
-        return renderTitleContent(params, compConf.renderHeader(renderOpts, params));
+        return renderTitleContent(params, getSlotVNs(compConf.renderHeader(renderOpts, params)));
       }
     }
 
-    return renderTitleContent(params, formatText(column.getTitle(), 1));
+    return renderTitleContent(params, [formatText(column.getTitle(), 1)]);
   },
   renderDefaultHeader: function renderDefaultHeader(params) {
     return renderHelpIcon(params).concat(Cell.renderHeaderTitle(params));
@@ -23440,9 +23171,9 @@ var Cell = {
       var compFn = compConf ? compConf[funName] : null;
 
       if (compFn) {
-        return compFn(renderOpts, Object.assign({
+        return getSlotVNs(compFn(renderOpts, Object.assign({
           $type: editRender ? 'edit' : 'cell'
-        }, params));
+        }, params)));
       }
     }
 
@@ -23541,7 +23272,7 @@ var Cell = {
         column = params.column;
     var slots = column.slots;
     var headerSlot = slots ? slots.header : null;
-    return renderTitleContent(params, headerSlot ? $table.callSlot(headerSlot, params) : formatText(column.getTitle(), 1));
+    return renderTitleContent(params, headerSlot ? $table.callSlot(headerSlot, params) : [formatText(column.getTitle(), 1)]);
   },
   renderSeqCell: function renderSeqCell(params) {
     var $table = params.$table,
@@ -23636,9 +23367,7 @@ var Cell = {
 
     if (isVisible) {
       radioVNs.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-radio--icon vxe-radio--checked-icon'
-      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-radio--icon vxe-radio--unchecked-icon'
+        class: ['vxe-radio--icon', isChecked ? src_conf.icon.TABLE_RADIO_CHECKED : src_conf.icon.TABLE_RADIO_UNCHECKED]
       }));
     }
 
@@ -23716,11 +23445,7 @@ var Cell = {
       }],
       title: src_conf.i18n('vxe.table.allTitle')
     }, ons), [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-      class: 'vxe-checkbox--icon vxe-checkbox--checked-icon'
-    }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-      class: 'vxe-checkbox--icon vxe-checkbox--unchecked-icon'
-    }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-      class: 'vxe-checkbox--icon vxe-checkbox--indeterminate-icon'
+      class: ['vxe-checkbox--icon', isAllCheckboxIndeterminate ? src_conf.icon.TABLE_CHECKBOX_INDETERMINATE : isAllCheckboxSelected ? src_conf.icon.TABLE_CHECKBOX_CHECKED : src_conf.icon.TABLE_CHECKBOX_UNCHECKED]
     })].concat(titleSlot || headerTitle ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
       class: 'vxe-checkbox--label'
     }, titleSlot ? $table.callSlot(titleSlot, checkboxParams) : headerTitle)] : []))]);
@@ -23790,11 +23515,7 @@ var Cell = {
 
     if (isVisible) {
       checkVNs.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-checkbox--icon vxe-checkbox--checked-icon'
-      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-checkbox--icon vxe-checkbox--unchecked-icon'
-      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-checkbox--icon vxe-checkbox--indeterminate-icon'
+        class: ['vxe-checkbox--icon', indeterminate ? src_conf.icon.TABLE_CHECKBOX_INDETERMINATE : isChecked ? src_conf.icon.TABLE_CHECKBOX_CHECKED : src_conf.icon.TABLE_CHECKBOX_UNCHECKED]
       }));
     }
 
@@ -23881,11 +23602,7 @@ var Cell = {
 
     if (isVisible) {
       checkVNs.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-checkbox--icon vxe-checkbox--checked-icon'
-      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-checkbox--icon vxe-checkbox--unchecked-icon'
-      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-checkbox--icon vxe-checkbox--indeterminate-icon'
+        class: ['vxe-checkbox--icon', indeterminate ? src_conf.icon.TABLE_CHECKBOX_INDETERMINATE : isChecked ? src_conf.icon.TABLE_CHECKBOX_CHECKED : src_conf.icon.TABLE_CHECKBOX_UNCHECKED]
       }));
 
       if (defaultSlot || labelField) {
@@ -23976,7 +23693,7 @@ var Cell = {
       var compConf = VXETable.renderer.get(contentRender.name);
 
       if (compConf && compConf.renderExpand) {
-        return compConf.renderExpand(contentRender, params);
+        return getSlotVNs(compConf.renderExpand(contentRender, params));
       }
     }
 
@@ -24160,9 +23877,13 @@ var Cell = {
         return $table.callSlot(editSlot, params);
       }
 
-      return compConf && compConf.renderEdit ? compConf.renderEdit(editRender, Object.assign({
-        $type: 'edit'
-      }, params)) : [];
+      if (compConf && compConf.renderEdit) {
+        return getSlotVNs(compConf.renderEdit(editRender, Object.assign({
+          $type: 'edit'
+        }, params)));
+      }
+
+      return [];
     }
 
     if (defaultSlot) {
@@ -24316,17 +24037,18 @@ var columnProps = {
 
 
 
-var Column = Object.assign(src_column, {
+var VxeColumn = Object.assign(src_column, {
   install: function install(app) {
     app.component(src_column.name, src_column); // 兼容旧用法
 
     app.component('VxeTableColumn', src_column);
   }
 });
+var Column = VxeColumn;
 dynamicApp.component(src_column.name, src_column); // 兼容旧用法
 
 dynamicApp.component('VxeTableColumn', src_column);
-/* harmony default export */ var packages_column = (Column);
+/* harmony default export */ var packages_column = (VxeColumn);
 // CONCATENATED MODULE: ./packages/table/src/group.ts
 
 
@@ -24376,17 +24098,18 @@ dynamicApp.component('VxeTableColumn', src_column);
 
 
 
-var Colgroup = Object.assign(table_src_group, {
+var VxeColgroup = Object.assign(table_src_group, {
   install: function install(app) {
     app.component(table_src_group.name, table_src_group); // 兼容旧用法
 
     app.component('VxeTableColgroup', table_src_group);
   }
 });
+var Colgroup = VxeColgroup;
 dynamicApp.component(table_src_group.name, table_src_group); // 兼容旧用法
 
 dynamicApp.component('VxeTableColgroup', table_src_group);
-/* harmony default export */ var packages_colgroup = (Colgroup);
+/* harmony default export */ var packages_colgroup = (VxeColgroup);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.sort.js
 var es_array_sort = __webpack_require__("4e82");
 
@@ -24691,6 +24414,7 @@ var es_array_sort = __webpack_require__("4e82");
 
 
 
+
 
 
 var tableComponentPropKeys = Object.keys(src_props);
@@ -25956,7 +25680,7 @@ var gridComponentEmits = [].concat(_toConsumableArray(emits), ['page-change', 'f
           }
 
           if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(slotFunc)) {
-            return slotFunc(params);
+            return getSlotVNs(slotFunc(params));
           }
         }
 
@@ -26108,13 +25832,14 @@ var gridComponentEmits = [].concat(_toConsumableArray(emits), ['page-change', 'f
 
 
 
-var Grid = Object.assign(grid, {
+var VxeGrid = Object.assign(grid, {
   install: function install(app) {
     app.component(grid.name, grid);
   }
 });
+var Grid = VxeGrid;
 dynamicApp.component(grid.name, grid);
-/* harmony default export */ var packages_grid = (Grid);
+/* harmony default export */ var packages_grid = (VxeGrid);
 // CONCATENATED MODULE: ./packages/toolbar/src/toolbar.ts
 
 
@@ -26133,6 +25858,7 @@ dynamicApp.component(grid.name, grid);
 
 
 
+
 /* harmony default export */ var toolbar = (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["defineComponent"])({
   name: 'VxeToolbar',
   props: {
@@ -26570,10 +26296,10 @@ dynamicApp.component(grid.name, grid);
       var buttonsSlot = slots.buttons;
 
       if (buttonsSlot) {
-        return buttonsSlot({
+        return getSlotVNs(buttonsSlot({
           $grid: $xegrid,
           $table: $xetable
-        });
+        }));
       }
 
       var btnVNs = [];
@@ -26632,10 +26358,10 @@ dynamicApp.component(grid.name, grid);
       var toolsSlot = slots.tools;
 
       if (toolsSlot) {
-        return toolsSlot({
+        return getSlotVNs(toolsSlot({
           $grid: $xegrid,
           $table: $xetable
-        });
+        }));
       }
 
       var btnVNs = [];
@@ -26722,11 +26448,13 @@ dynamicApp.component(grid.name, grid);
         }) : false;
 
         if (isColGroup || colKey) {
+          var isChecked = column.visible;
+          var isIndeterminate = column.halfVisible;
           colVNs.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('li', {
             class: ['vxe-custom--option', "level--".concat(column.level), {
               'is--group': isColGroup,
-              'is--checked': column.visible,
-              'is--indeterminate': column.halfVisible,
+              'is--checked': isChecked,
+              'is--indeterminate': isIndeterminate,
               'is--disabled': isDisabled
             }],
             title: colTitle,
@@ -26736,16 +26464,14 @@ dynamicApp.component(grid.name, grid);
               }
             }
           }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-            class: 'vxe-checkbox--icon vxe-checkbox--checked-icon'
-          }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-            class: 'vxe-checkbox--icon vxe-checkbox--unchecked-icon'
-          }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-            class: 'vxe-checkbox--icon vxe-checkbox--indeterminate-icon'
+            class: ['vxe-checkbox--icon', isIndeterminate ? src_conf.icon.TABLE_CHECKBOX_INDETERMINATE : isChecked ? src_conf.icon.TABLE_CHECKBOX_CHECKED : src_conf.icon.TABLE_CHECKBOX_UNCHECKED]
           }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
             class: 'vxe-checkbox--label'
           }, colTitle)]));
         }
       });
+      var isAllChecked = customStore.isAll;
+      var isAllIndeterminate = customStore.isIndeterminate;
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
         class: ['vxe-custom--wrapper', {
           'is--active': customStore.visible
@@ -26761,17 +26487,13 @@ dynamicApp.component(grid.name, grid);
         class: 'vxe-custom--header'
       }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('li', {
         class: ['vxe-custom--option', {
-          'is--checked': customStore.isAll,
-          'is--indeterminate': customStore.isIndeterminate
+          'is--checked': isAllChecked,
+          'is--indeterminate': isAllIndeterminate
         }],
         title: src_conf.i18n('vxe.table.allTitle'),
         onClick: allCustomEvent
       }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-checkbox--icon vxe-checkbox--checked-icon'
-      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-checkbox--icon vxe-checkbox--unchecked-icon'
-      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-checkbox--icon vxe-checkbox--indeterminate-icon'
+        class: ['vxe-checkbox--icon', isAllIndeterminate ? src_conf.icon.TABLE_CHECKBOX_INDETERMINATE : isAllChecked ? src_conf.icon.TABLE_CHECKBOX_CHECKED : src_conf.icon.TABLE_CHECKBOX_UNCHECKED]
       }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
         class: 'vxe-checkbox--label'
       }, src_conf.i18n('vxe.toolbar.customAll'))])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('ul', _objectSpread2({
@@ -26866,7 +26588,7 @@ dynamicApp.component(grid.name, grid);
         onClick: refreshEvent
       }) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])(), zoom && $xegrid ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])('vxe-button'), {
         circle: true,
-        icon: $xegrid.isMaximized() ? zoomOpts.iconOut || src_conf.icon.TOOLBAR_TOOLS_ZOOM_OUT : zoomOpts.iconIn || src_conf.icon.TOOLBAR_TOOLS_ZOOM_IN,
+        icon: $xegrid.isMaximized() ? zoomOpts.iconOut || src_conf.icon.TOOLBAR_TOOLS_MINIMIZE : zoomOpts.iconIn || src_conf.icon.TOOLBAR_TOOLS_FULLSCREEN,
         title: src_conf.i18n("vxe.toolbar.zoom".concat($xegrid.isMaximized() ? 'Out' : 'In')),
         onClick: zoomEvent
       }) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])(), custom ? renderCustoms() : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])()])]);
@@ -26884,13 +26606,14 @@ dynamicApp.component(grid.name, grid);
 
 
 
-var Toolbar = Object.assign(toolbar, {
+var VxeToolbar = Object.assign(toolbar, {
   install: function install(app) {
     app.component(toolbar.name, toolbar);
   }
 });
+var Toolbar = VxeToolbar;
 dynamicApp.component(toolbar.name, toolbar);
-/* harmony default export */ var packages_toolbar = (Toolbar);
+/* harmony default export */ var packages_toolbar = (VxeToolbar);
 // CONCATENATED MODULE: ./packages/pager/src/pager.ts
 
 
@@ -27480,25 +27203,27 @@ dynamicApp.component(toolbar.name, toolbar);
 
 
 
-var Pager = Object.assign(pager, {
+var VxePager = Object.assign(pager, {
   install: function install(app) {
     app.component(pager.name, pager);
   }
 });
+var Pager = VxePager;
 dynamicApp.component(pager.name, pager);
-/* harmony default export */ var packages_pager = (Pager);
+/* harmony default export */ var packages_pager = (VxePager);
 // CONCATENATED MODULE: ./packages/checkbox/index.ts
 
 
 
 
-var Checkbox = Object.assign(src_checkbox, {
+var VxeCheckbox = Object.assign(src_checkbox, {
   install: function install(app) {
     app.component(src_checkbox.name, src_checkbox);
   }
 });
+var Checkbox = VxeCheckbox;
 dynamicApp.component(src_checkbox.name, src_checkbox);
-/* harmony default export */ var packages_checkbox = (Checkbox);
+/* harmony default export */ var packages_checkbox = (VxeCheckbox);
 // CONCATENATED MODULE: ./packages/checkbox/src/group.ts
 
 
@@ -27582,37 +27307,40 @@ dynamicApp.component(src_checkbox.name, src_checkbox);
 
 
 
-var CheckboxGroup = Object.assign(checkbox_src_group, {
+var VxeCheckboxGroup = Object.assign(checkbox_src_group, {
   install: function install(app) {
     app.component(checkbox_src_group.name, checkbox_src_group);
   }
 });
+var CheckboxGroup = VxeCheckboxGroup;
 dynamicApp.component(checkbox_src_group.name, checkbox_src_group);
-/* harmony default export */ var checkbox_group = (CheckboxGroup);
+/* harmony default export */ var checkbox_group = (VxeCheckboxGroup);
 // CONCATENATED MODULE: ./packages/radio/index.ts
 
 
 
 
-var Radio = Object.assign(src_radio, {
+var VxeRadio = Object.assign(src_radio, {
   install: function install(app) {
     app.component(src_radio.name, src_radio);
   }
 });
+var Radio = VxeRadio;
 dynamicApp.component(src_radio.name, src_radio);
-/* harmony default export */ var packages_radio = (Radio);
+/* harmony default export */ var packages_radio = (VxeRadio);
 // CONCATENATED MODULE: ./packages/radio-group/index.ts
 
 
 
 
-var RadioGroup = Object.assign(src_group, {
+var VxeRadioGroup = Object.assign(src_group, {
   install: function install(app) {
     app.component(src_group.name, src_group);
   }
 });
+var RadioGroup = VxeRadioGroup;
 dynamicApp.component(src_group.name, src_group);
-/* harmony default export */ var radio_group = (RadioGroup);
+/* harmony default export */ var radio_group = (VxeRadioGroup);
 // CONCATENATED MODULE: ./packages/radio/src/button.ts
 
 
@@ -27757,25 +27485,27 @@ dynamicApp.component(src_group.name, src_group);
 
 
 
-var RadioButton = Object.assign(radio_src_button, {
+var VxeRadioButton = Object.assign(radio_src_button, {
   install: function install(app) {
     app.component(radio_src_button.name, radio_src_button);
   }
 });
+var RadioButton = VxeRadioButton;
 dynamicApp.component(radio_src_button.name, radio_src_button);
-/* harmony default export */ var radio_button = (RadioButton);
+/* harmony default export */ var radio_button = (VxeRadioButton);
 // CONCATENATED MODULE: ./packages/input/index.ts
 
 
 
 
-var Input = Object.assign(input, {
+var VxeInput = Object.assign(input, {
   install: function install(app) {
     app.component(input.name, input);
   }
 });
+var Input = VxeInput;
 dynamicApp.component(input.name, input);
-/* harmony default export */ var packages_input = (Input);
+/* harmony default export */ var packages_input = (VxeInput);
 // CONCATENATED MODULE: ./packages/textarea/src/textarea.ts
 
 
@@ -28080,25 +27810,27 @@ var autoTxtElem;
 
 
 
-var Textarea = Object.assign(src_textarea, {
+var VxeTextarea = Object.assign(src_textarea, {
   install: function install(app) {
     app.component(src_textarea.name, src_textarea);
   }
 });
+var Textarea = VxeTextarea;
 dynamicApp.component(src_textarea.name, src_textarea);
-/* harmony default export */ var packages_textarea = (Textarea);
+/* harmony default export */ var packages_textarea = (VxeTextarea);
 // CONCATENATED MODULE: ./packages/button/index.ts
 
 
 
 
-var Button = Object.assign(src_button, {
+var VxeButton = Object.assign(src_button, {
   install: function install(app) {
     app.component(src_button.name, src_button);
   }
 });
+var Button = VxeButton;
 dynamicApp.component(src_button.name, src_button);
-/* harmony default export */ var packages_button = (Button);
+/* harmony default export */ var packages_button = (VxeButton);
 // CONCATENATED MODULE: ./packages/modal/index.ts
 
 
@@ -28218,14 +27950,15 @@ var ModalController = {
   message: openMessage
 };
 var modal_modal = ModalController;
-var Modal = Object.assign(modal, {
+var VxeModal = Object.assign(modal, {
   install: function install(app) {
     app.component(modal.name, modal);
     VXETable.modal = ModalController;
   }
 });
+var Modal = VxeModal;
 dynamicApp.component(modal.name, modal);
-/* harmony default export */ var packages_modal = (Modal);
+/* harmony default export */ var packages_modal = (VxeModal);
 // CONCATENATED MODULE: ./packages/tooltip/src/tooltip.ts
 
 
@@ -28238,6 +27971,8 @@ dynamicApp.component(modal.name, modal);
 
 
 
+
+
 /* harmony default export */ var tooltip = (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["defineComponent"])({
   name: 'VxeTooltip',
   props: {
@@ -28595,12 +28330,13 @@ dynamicApp.component(modal.name, modal);
     var renderContent = function renderContent() {
       var useHTML = props.useHTML;
       var tipContent = reactData.tipContent;
+      var contentSlot = slots.content;
 
-      if (slots.content) {
+      if (contentSlot) {
         return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
           key: 1,
           class: 'vxe-table--tooltip-content'
-        }, slots.content({}));
+        }, getSlotVNs(contentSlot({})));
       }
 
       if (useHTML) {
@@ -28626,6 +28362,7 @@ dynamicApp.component(modal.name, modal);
       var tipActive = reactData.tipActive,
           visible = reactData.visible,
           tipStore = reactData.tipStore;
+      var defaultSlot = slots.default;
       var vSize = computeSize.value;
       var ons;
 
@@ -28643,7 +28380,7 @@ dynamicApp.component(modal.name, modal);
       }, ons), [renderContent(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
         class: 'vxe-table--tooltip-arrow',
         style: tipStore.arrowStyle
-      })].concat(slots.default ? slots.default({}) : []));
+      })].concat(_toConsumableArray(defaultSlot ? getSlotVNs(defaultSlot({})) : [])));
     };
 
     $xetooltip.renderVN = renderVN;
@@ -28659,14 +28396,15 @@ dynamicApp.component(modal.name, modal);
 
 
 
-var Tooltip = Object.assign(tooltip, {
+var VxeTooltip = Object.assign(tooltip, {
   install: function install(app) {
     VXETable.tooltip = true;
     app.component(tooltip.name, tooltip);
   }
 });
+var Tooltip = VxeTooltip;
 dynamicApp.component(tooltip.name, tooltip);
-/* harmony default export */ var packages_tooltip = (Tooltip);
+/* harmony default export */ var packages_tooltip = (VxeTooltip);
 // CONCATENATED MODULE: ./packages/form/src/itemInfo.ts
 
 
@@ -28899,6 +28637,7 @@ function renderTitle($xeform, item) {
 
 
 
+
 var VxeFormConfigItem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["defineComponent"])({
   name: 'VxeFormConfigItem',
   props: {
@@ -29003,7 +28742,7 @@ var VxeFormConfigItem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["de
       if (defaultSlot) {
         contentVNs = $xeform.callSlot(defaultSlot, params);
       } else if (compConf && compConf.renderItemContent) {
-        contentVNs = compConf.renderItemContent(itemRender, params);
+        contentVNs = getSlotVNs(compConf.renderItemContent(itemRender, params));
       } else if (field) {
         contentVNs = [external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toValueString(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.get(data, field))];
       }
@@ -29102,6 +28841,7 @@ var VxeFormConfigItem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["de
 
 
 
+
 
 
 var form_Rule = /*#__PURE__*/function () {
@@ -29230,6 +28970,7 @@ function getResetValue(value, resetValue) {
       default: null
     },
     className: [String, Function],
+    readonly: Boolean,
     items: Array,
     rules: Object,
     preventSubmit: {
@@ -29303,7 +29044,7 @@ function getResetValue(value, resetValue) {
         }
 
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(slotFunc)) {
-          return slotFunc(params);
+          return getSlotVNs(slotFunc(params));
         }
       }
 
@@ -29419,7 +29160,7 @@ function getResetValue(value, resetValue) {
                 $form: $xeform
               });
             } else if (field) {
-              external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.set(data, field, resetValue === null ? getResetValue(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.get(data, field), undefined) : resetValue);
+              external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.set(data, field, resetValue === null ? getResetValue(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.get(data, field), undefined) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.clone(resetValue, true));
             }
           }
         });
@@ -29872,13 +29613,14 @@ function getResetValue(value, resetValue) {
 
 
 
-var Form = Object.assign(src_form, {
+var VxeForm = Object.assign(src_form, {
   install: function install(app) {
     app.component(src_form.name, src_form);
   }
 });
+var Form = VxeForm;
 dynamicApp.component(src_form.name, src_form);
-/* harmony default export */ var packages_form = (Form);
+/* harmony default export */ var packages_form = (VxeForm);
 // CONCATENATED MODULE: ./packages/form/src/form-item.ts
 
 
@@ -29890,6 +29632,7 @@ dynamicApp.component(src_form.name, src_form);
 
 
 
+
 var formItemProps = {
   title: String,
   field: String,
@@ -30015,7 +29758,7 @@ var formItemProps = {
       if (defaultSlot) {
         contentVNs = $xeform.callSlot(defaultSlot, params);
       } else if (compConf && compConf.renderItemContent) {
-        contentVNs = compConf.renderItemContent(itemRender, params);
+        contentVNs = getSlotVNs(compConf.renderItemContent(itemRender, params));
       } else if (field) {
         contentVNs = ["".concat(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.get(data, field))];
       }
@@ -30091,13 +29834,14 @@ var formItemProps = {
 
 
 
-var FormItem = Object.assign(form_item, {
+var VxeFormItem = Object.assign(form_item, {
   install: function install(app) {
     app.component(form_item.name, form_item);
   }
 });
+var FormItem = VxeFormItem;
 dynamicApp.component(form_item.name, form_item);
-/* harmony default export */ var packages_form_item = (FormItem);
+/* harmony default export */ var packages_form_item = (VxeFormItem);
 // CONCATENATED MODULE: ./packages/form/src/form-gather.ts
 
 
@@ -30159,25 +29903,27 @@ dynamicApp.component(form_item.name, form_item);
 
 
 
-var FormGather = Object.assign(form_gather, {
+var VxeFormGather = Object.assign(form_gather, {
   install: function install(app) {
     app.component(form_gather.name, form_gather);
   }
 });
+var FormGather = VxeFormGather;
 dynamicApp.component(form_gather.name, form_gather);
-/* harmony default export */ var packages_form_gather = (FormGather);
+/* harmony default export */ var packages_form_gather = (VxeFormGather);
 // CONCATENATED MODULE: ./packages/select/index.ts
 
 
 
 
-var Select = Object.assign(src_select, {
+var VxeSelect = Object.assign(src_select, {
   install: function install(app) {
     app.component(src_select.name, src_select);
   }
 });
+var Select = VxeSelect;
 dynamicApp.component(src_select.name, src_select);
-/* harmony default export */ var packages_select = (Select);
+/* harmony default export */ var packages_select = (VxeSelect);
 // CONCATENATED MODULE: ./packages/select/src/optionInfo.ts
 
 
@@ -30303,13 +30049,14 @@ function destroyOption($xeselect, option) {
 
 
 
-var Optgroup = Object.assign(src_optgroup, {
+var VxeOptgroup = Object.assign(src_optgroup, {
   install: function install(app) {
     app.component(src_optgroup.name, src_optgroup);
   }
 });
+var Optgroup = VxeOptgroup;
 dynamicApp.component(src_optgroup.name, src_optgroup);
-/* harmony default export */ var packages_optgroup = (Optgroup);
+/* harmony default export */ var packages_optgroup = (VxeOptgroup);
 // CONCATENATED MODULE: ./packages/select/src/option.ts
 
 
@@ -30355,13 +30102,14 @@ dynamicApp.component(src_optgroup.name, src_optgroup);
 
 
 
-var Option = Object.assign(src_option, {
+var VxeOption = Object.assign(src_option, {
   install: function install(app) {
     app.component(src_option.name, src_option);
   }
 });
+var Option = VxeOption;
 dynamicApp.component(src_option.name, src_option);
-/* harmony default export */ var packages_option = (Option);
+/* harmony default export */ var packages_option = (VxeOption);
 // CONCATENATED MODULE: ./packages/switch/src/switch.ts
 
 
@@ -30529,13 +30277,14 @@ dynamicApp.component(src_option.name, src_option);
 
 
 
-var Switch = Object.assign(src_switch, {
+var VxeSwitch = Object.assign(src_switch, {
   install: function install(app) {
     app.component(src_switch.name, src_switch);
   }
 });
+var Switch = VxeSwitch;
 dynamicApp.component(src_switch.name, src_switch);
-/* harmony default export */ var packages_switch = (Switch);
+/* harmony default export */ var packages_switch = (VxeSwitch);
 // CONCATENATED MODULE: ./packages/tools/resize.ts
 
 
@@ -31069,13 +30818,14 @@ function createResizeEvent(callback) {
 
 
 
-var List = Object.assign(src_list, {
+var VxeList = Object.assign(src_list, {
   install: function install(app) {
     app.component(src_list.name, src_list);
   }
 });
+var List = VxeList;
 dynamicApp.component(src_list.name, src_list);
-/* harmony default export */ var packages_list = (List);
+/* harmony default export */ var packages_list = (VxeList);
 // CONCATENATED MODULE: ./packages/pulldown/src/pulldown.ts
 
 
@@ -31422,13 +31172,14 @@ dynamicApp.component(src_list.name, src_list);
 
 
 
-var Pulldown = Object.assign(pulldown, {
+var VxePulldown = Object.assign(pulldown, {
   install: function install(app) {
     app.component(pulldown.name, pulldown);
   }
 });
+var Pulldown = VxePulldown;
 dynamicApp.component(pulldown.name, pulldown);
-/* harmony default export */ var packages_pulldown = (Pulldown);
+/* harmony default export */ var packages_pulldown = (VxePulldown);
 // CONCATENATED MODULE: ./packages/table/src/body.ts
 
 
@@ -31446,7 +31197,7 @@ dynamicApp.component(pulldown.name, pulldown);
 
 
 
-var body_renderType = 'body';
+var renderType = 'body';
 var lineOffsetSizes = {
   mini: 3,
   small: 2,
@@ -31670,7 +31421,7 @@ var lineOffsetSizes = {
         $columnIndex: $columnIndex,
         _columnIndex: _columnIndex,
         fixed: fixedType,
-        type: body_renderType,
+        type: renderType,
         isHidden: fixedHiddenColumn,
         level: rowLevel,
         visibleData: afterFullData,
@@ -31906,7 +31657,7 @@ var lineOffsetSizes = {
           seq: seq,
           rowid: rowid,
           fixed: fixedType,
-          type: body_renderType,
+          type: renderType,
           level: rowLevel,
           row: row,
           rowIndex: rowIndex,
@@ -31947,430 +31698,789 @@ var lineOffsetSizes = {
           return renderColumn(seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, tableColumn, tableData);
         }))); // 如果行被展开了
 
-        if (isExpandRow) {
-          var cellStyle;
+        if (isExpandRow) {
+          var cellStyle;
+
+          if (treeConfig) {
+            cellStyle = {
+              paddingLeft: "".concat(rowLevel * treeOpts.indent + 30, "px")
+            };
+          }
+
+          var showOverflow = expandColumn.showOverflow;
+          var hasEllipsis = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isUndefined(showOverflow) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isNull(showOverflow) ? allColumnOverflow : showOverflow;
+          var expandParams = {
+            $table: $xetable,
+            seq: seq,
+            column: expandColumn,
+            fixed: fixedType,
+            type: renderType,
+            level: rowLevel,
+            row: row,
+            rowIndex: rowIndex,
+            $rowIndex: $rowIndex,
+            _rowIndex: _rowIndex
+          };
+          rows.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tr', _objectSpread2({
+            class: 'vxe-body--expanded-row',
+            key: "expand_".concat(rowid),
+            style: rowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(rowStyle) ? rowStyle(expandParams) : rowStyle : null
+          }, trOn), [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('td', {
+            class: ['vxe-body--expanded-column', {
+              'fixed--hidden': fixedType && !hasFixedColumn,
+              'col--ellipsis': hasEllipsis
+            }],
+            colspan: tableColumn.length
+          }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+            class: 'vxe-body--expanded-cell',
+            style: cellStyle
+          }, [expandColumn.renderData(expandParams)])])]));
+        } // 如果是树形表格
+
+
+        if (treeConfig && !scrollYLoad && !transform && treeExpandeds.length) {
+          var _rowChildren = row[treeOpts.children];
+
+          if (_rowChildren && _rowChildren.length && $xetable.findRowIndexOf(treeExpandeds, row) > -1) {
+            rows.push.apply(rows, _toConsumableArray(renderRows(fixedType, _rowChildren, tableColumn)));
+          }
+        }
+      });
+      return rows;
+    };
+    /**
+     * 同步滚动条
+     */
+
+
+    var scrollProcessTimeout;
+
+    var syncBodyScroll = function syncBodyScroll(fixedType, scrollTop, elem1, elem2) {
+      if (elem1 || elem2) {
+        if (elem1) {
+          removeScrollListener(elem1);
+          elem1.scrollTop = scrollTop;
+        }
+
+        if (elem2) {
+          removeScrollListener(elem2);
+          elem2.scrollTop = scrollTop;
+        }
+
+        clearTimeout(scrollProcessTimeout);
+        scrollProcessTimeout = setTimeout(function () {
+          // const tableBody = refTableBody.value
+          // const leftBody = refTableLeftBody.value
+          // const rightBody = refTableRightBody.value
+          // const bodyElem = tableBody.$el as XEBodyScrollElement
+          // const leftElem = leftBody ? leftBody.$el as XEBodyScrollElement : null
+          // const rightElem = rightBody ? rightBody.$el as XEBodyScrollElement : null
+          restoreScrollListener(elem1);
+          restoreScrollListener(elem2); // 检查滚动条是的同步
+          // let targetTop = bodyElem.scrollTop
+          // if (fixedType === 'left') {
+          //   if (leftElem) {
+          //     targetTop = leftElem.scrollTop
+          //   }
+          // } else if (fixedType === 'right') {
+          //   if (rightElem) {
+          //     targetTop = rightElem.scrollTop
+          //   }
+          // }
+          // setScrollTop(bodyElem, targetTop)
+          // setScrollTop(leftElem, targetTop)
+          // setScrollTop(rightElem, targetTop)
+        }, 300);
+      }
+    };
+    /**
+     * 滚动处理
+     * 如果存在列固定左侧，同步更新滚动状态
+     * 如果存在列固定右侧，同步更新滚动状态
+     */
+
+
+    var scrollEvent = function scrollEvent(evnt) {
+      var fixedType = props.fixedType;
+      var highlightHoverRow = tableProps.highlightHoverRow;
+      var scrollXLoad = tableReactData.scrollXLoad,
+          scrollYLoad = tableReactData.scrollYLoad;
+      var elemStore = tableInternalData.elemStore,
+          lastScrollTop = tableInternalData.lastScrollTop,
+          lastScrollLeft = tableInternalData.lastScrollLeft;
+      var rowOpts = computeRowOpts.value;
+      var tableHeader = refTableHeader.value;
+      var tableBody = refTableBody.value;
+      var tableFooter = refTableFooter.value;
+      var leftBody = refTableLeftBody.value;
+      var rightBody = refTableRightBody.value;
+      var validTip = refValidTooltip.value;
+      var scrollBodyElem = refElem.value;
+      var headerElem = tableHeader ? tableHeader.$el : null;
+      var footerElem = tableFooter ? tableFooter.$el : null;
+      var bodyElem = tableBody.$el;
+      var leftElem = leftBody ? leftBody.$el : null;
+      var rightElem = rightBody ? rightBody.$el : null;
+      var bodyYRef = elemStore['main-body-ySpace'];
+      var bodyYElem = bodyYRef ? bodyYRef.value : null;
+      var bodyXRef = elemStore['main-body-xSpace'];
+      var bodyXElem = bodyXRef ? bodyXRef.value : null;
+      var bodyHeight = scrollYLoad && bodyYElem ? bodyYElem.clientHeight : bodyElem.clientHeight;
+      var bodyWidth = scrollXLoad && bodyXElem ? bodyXElem.clientWidth : bodyElem.clientWidth;
+      var scrollTop = scrollBodyElem.scrollTop;
+      var scrollLeft = bodyElem.scrollLeft;
+      var isRollX = scrollLeft !== lastScrollLeft;
+      var isRollY = scrollTop !== lastScrollTop;
+      tableInternalData.lastScrollTop = scrollTop;
+      tableInternalData.lastScrollLeft = scrollLeft;
+      tableInternalData.lastScrollTime = Date.now();
+
+      if (rowOpts.isHover || highlightHoverRow) {
+        $xetable.clearHoverRow();
+      }
+
+      if (leftElem && fixedType === 'left') {
+        scrollTop = leftElem.scrollTop;
+        syncBodyScroll(fixedType, scrollTop, bodyElem, rightElem);
+      } else if (rightElem && fixedType === 'right') {
+        scrollTop = rightElem.scrollTop;
+        syncBodyScroll(fixedType, scrollTop, bodyElem, leftElem);
+      } else {
+        if (isRollX) {
+          if (headerElem) {
+            headerElem.scrollLeft = bodyElem.scrollLeft;
+          }
+
+          if (footerElem) {
+            footerElem.scrollLeft = bodyElem.scrollLeft;
+          }
+        }
+
+        if (leftElem || rightElem) {
+          $xetable.checkScrolling();
+
+          if (isRollY) {
+            syncBodyScroll(fixedType, scrollTop, leftElem, rightElem);
+          }
+        }
+      }
+
+      if (scrollXLoad && isRollX) {
+        $xetable.triggerScrollXEvent(evnt);
+      }
+
+      if (scrollYLoad && isRollY) {
+        $xetable.triggerScrollYEvent(evnt);
+      }
+
+      if (isRollX && validTip && validTip.reactData.visible) {
+        validTip.updatePlacement();
+      }
+
+      $xetable.dispatchEvent('scroll', {
+        type: renderType,
+        fixed: fixedType,
+        scrollTop: scrollTop,
+        scrollLeft: scrollLeft,
+        scrollHeight: bodyElem.scrollHeight,
+        scrollWidth: bodyElem.scrollWidth,
+        bodyHeight: bodyHeight,
+        bodyWidth: bodyWidth,
+        isX: isRollX,
+        isY: isRollY
+      }, evnt);
+    };
+
+    var wheelTime;
+    var wheelYSize = 0;
+    var wheelYInterval = 0;
+    var wheelYTotal = 0;
+    var isPrevWheelTop = false;
+
+    var handleWheel = function handleWheel(evnt, isTopWheel, deltaTop, isRollX, isRollY) {
+      var elemStore = tableInternalData.elemStore;
+      var scrollXLoad = tableReactData.scrollXLoad,
+          scrollYLoad = tableReactData.scrollYLoad;
+      var tableBody = refTableBody.value;
+      var leftBody = refTableLeftBody.value;
+      var rightBody = refTableRightBody.value;
+      var leftElem = leftBody ? leftBody.$el : null;
+      var rightElem = rightBody ? rightBody.$el : null;
+      var bodyElem = tableBody.$el;
+      var bodyYRef = elemStore['main-body-ySpace'];
+      var bodyYElem = bodyYRef ? bodyYRef.value : null;
+      var bodyXRef = elemStore['main-body-xSpace'];
+      var bodyXElem = bodyXRef ? bodyXRef.value : null;
+      var bodyHeight = scrollYLoad && bodyYElem ? bodyYElem.clientHeight : bodyElem.clientHeight;
+      var bodyWidth = scrollXLoad && bodyXElem ? bodyXElem.clientWidth : bodyElem.clientWidth;
+      var remainSize = isPrevWheelTop === isTopWheel ? Math.max(0, wheelYSize - wheelYTotal) : 0;
+      isPrevWheelTop = isTopWheel;
+      wheelYSize = Math.abs(isTopWheel ? deltaTop - remainSize : deltaTop + remainSize);
+      wheelYInterval = 0;
+      wheelYTotal = 0;
+      clearTimeout(wheelTime);
+
+      var handleSmooth = function handleSmooth() {
+        if (wheelYTotal < wheelYSize) {
+          var fixedType = props.fixedType;
+          wheelYInterval = Math.max(5, Math.floor(wheelYInterval * 1.5));
+          wheelYTotal = wheelYTotal + wheelYInterval;
+
+          if (wheelYTotal > wheelYSize) {
+            wheelYInterval = wheelYInterval - (wheelYTotal - wheelYSize);
+          }
+
+          var scrollTop = bodyElem.scrollTop,
+              clientHeight = bodyElem.clientHeight,
+              scrollHeight = bodyElem.scrollHeight;
+          var targerTop = scrollTop + wheelYInterval * (isTopWheel ? -1 : 1);
+          bodyElem.scrollTop = targerTop;
+
+          if (leftElem) {
+            leftElem.scrollTop = targerTop;
+          }
+
+          if (rightElem) {
+            rightElem.scrollTop = targerTop;
+          }
+
+          if (isTopWheel ? targerTop < scrollHeight - clientHeight : targerTop >= 0) {
+            wheelTime = setTimeout(handleSmooth, 10);
+          }
+
+          $xetable.dispatchEvent('scroll', {
+            type: renderType,
+            fixed: fixedType,
+            scrollTop: bodyElem.scrollTop,
+            scrollLeft: bodyElem.scrollLeft,
+            scrollHeight: bodyElem.scrollHeight,
+            scrollWidth: bodyElem.scrollWidth,
+            bodyHeight: bodyHeight,
+            bodyWidth: bodyWidth,
+            isX: isRollX,
+            isY: isRollY
+          }, evnt);
+        }
+      };
+
+      handleSmooth();
+    };
+    /**
+     * 滚轮处理
+     */
+
+
+    var wheelEvent = function wheelEvent(evnt) {
+      var deltaY = evnt.deltaY,
+          deltaX = evnt.deltaX;
+      var highlightHoverRow = tableProps.highlightHoverRow;
+      var scrollYLoad = tableReactData.scrollYLoad;
+      var lastScrollTop = tableInternalData.lastScrollTop,
+          lastScrollLeft = tableInternalData.lastScrollLeft;
+      var rowOpts = computeRowOpts.value;
+      var tableBody = refTableBody.value;
+      var scrollBodyElem = refElem.value;
+      var bodyElem = tableBody.$el;
+      var deltaTop = deltaY;
+      var deltaLeft = deltaX;
+      var isTopWheel = deltaTop < 0; // 如果滚动位置已经是顶部或底部，则不需要触发
+
+      if (isTopWheel ? scrollBodyElem.scrollTop <= 0 : scrollBodyElem.scrollTop >= scrollBodyElem.scrollHeight - scrollBodyElem.clientHeight) {
+        return;
+      }
+
+      var scrollTop = scrollBodyElem.scrollTop + deltaTop;
+      var scrollLeft = bodyElem.scrollLeft + deltaLeft;
+      var isRollX = scrollLeft !== lastScrollLeft;
+      var isRollY = scrollTop !== lastScrollTop; // 用于鼠标纵向滚轮处理
+
+      if (isRollY) {
+        evnt.preventDefault();
+        tableInternalData.lastScrollTop = scrollTop;
+        tableInternalData.lastScrollLeft = scrollLeft;
+        tableInternalData.lastScrollTime = Date.now();
+
+        if (rowOpts.isHover || highlightHoverRow) {
+          $xetable.clearHoverRow();
+        }
+
+        handleWheel(evnt, isTopWheel, deltaTop, isRollX, isRollY);
+
+        if (scrollYLoad) {
+          $xetable.triggerScrollYEvent(evnt);
+        }
+      }
+    };
+
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
+      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
+        var fixedType = props.fixedType;
+        var elemStore = tableInternalData.elemStore;
+        var prefix = "".concat(fixedType || 'main', "-body-");
+        var el = refElem.value;
+        elemStore["".concat(prefix, "wrapper")] = refElem;
+        elemStore["".concat(prefix, "table")] = refBodyTable;
+        elemStore["".concat(prefix, "colgroup")] = refBodyColgroup;
+        elemStore["".concat(prefix, "list")] = refBodyTBody;
+        elemStore["".concat(prefix, "xSpace")] = refBodyXSpace;
+        elemStore["".concat(prefix, "ySpace")] = refBodyYSpace;
+        elemStore["".concat(prefix, "emptyBlock")] = refBodyEmptyBlock;
+        el.onscroll = scrollEvent;
+        el._onscroll = scrollEvent;
+      });
+    });
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onBeforeUnmount"])(function () {
+      var el = refElem.value;
+      clearTimeout(wheelTime);
+      el._onscroll = null;
+      el.onscroll = null;
+    });
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onUnmounted"])(function () {
+      var fixedType = props.fixedType;
+      var elemStore = tableInternalData.elemStore;
+      var prefix = "".concat(fixedType || 'main', "-body-");
+      elemStore["".concat(prefix, "wrapper")] = null;
+      elemStore["".concat(prefix, "table")] = null;
+      elemStore["".concat(prefix, "colgroup")] = null;
+      elemStore["".concat(prefix, "list")] = null;
+      elemStore["".concat(prefix, "xSpace")] = null;
+      elemStore["".concat(prefix, "ySpace")] = null;
+      elemStore["".concat(prefix, "emptyBlock")] = null;
+    });
+
+    var renderVN = function renderVN() {
+      var fixedColumn = props.fixedColumn,
+          fixedType = props.fixedType,
+          tableColumn = props.tableColumn;
+      var keyboardConfig = tableProps.keyboardConfig,
+          allColumnOverflow = tableProps.showOverflow,
+          spanMethod = tableProps.spanMethod,
+          mouseConfig = tableProps.mouseConfig;
+      var tableData = tableReactData.tableData,
+          mergeList = tableReactData.mergeList,
+          scrollYLoad = tableReactData.scrollYLoad,
+          isAllOverflow = tableReactData.isAllOverflow;
+      var visibleColumn = tableInternalData.visibleColumn;
+      var slots = tableContext.slots;
+      var sYOpts = computeSYOpts.value;
+      var emptyOpts = computeEmptyOpts.value;
+      var keyboardOpts = computeKeyboardOpts.value;
+      var mouseOpts = computeMouseOpts.value; // const isMergeLeftFixedExceeded = computeIsMergeLeftFixedExceeded.value
+      // const isMergeRightFixedExceeded = computeIsMergeRightFixedExceeded.value
+      // 如果是使用优化模式
+
+      if (fixedType) {
+        if (scrollYLoad || (allColumnOverflow ? isAllOverflow : allColumnOverflow)) {
+          if (!mergeList.length && !spanMethod && !(keyboardConfig && keyboardOpts.isMerge)) {
+            tableColumn = fixedColumn;
+          } else {
+            tableColumn = visibleColumn; // 检查固定列是否被合并，合并范围是否超出固定列
+            // if (mergeList.length && !isMergeLeftFixedExceeded && fixedType === 'left') {
+            //   tableColumn = fixedColumn
+            // } else if (mergeList.length && !isMergeRightFixedExceeded && fixedType === 'right') {
+            //   tableColumn = fixedColumn
+            // } else {
+            //   tableColumn = visibleColumn
+            // }
+          }
+        } else {
+          tableColumn = visibleColumn;
+        }
+      }
+
+      var emptyContent;
+
+      if (slots.empty) {
+        emptyContent = $xetable.callSlot(slots.empty, {
+          $table: $xetable
+        });
+      } else {
+        var compConf = emptyOpts.name ? VXETable.renderer.get(emptyOpts.name) : null;
+        var renderEmpty = compConf ? compConf.renderEmpty : null;
+
+        if (renderEmpty) {
+          emptyContent = renderEmpty(emptyOpts, {
+            $table: $xetable
+          });
+        } else {
+          emptyContent = tableProps.emptyText || src_conf.i18n('vxe.table.emptyText');
+        }
+      }
+
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', _objectSpread2({
+        ref: refElem,
+        class: ['vxe-table--body-wrapper', fixedType ? "fixed-".concat(fixedType, "--wrapper") : 'body--wrapper'],
+        xid: xID
+      }, sYOpts.mode === 'wheel' ? {
+        onWheel: wheelEvent
+      } : {}), [fixedType ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])() : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        ref: refBodyXSpace,
+        class: 'vxe-body--x-space'
+      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        ref: refBodyYSpace,
+        class: 'vxe-body--y-space'
+      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('table', {
+        ref: refBodyTable,
+        class: 'vxe-table--body',
+        xid: xID,
+        cellspacing: 0,
+        cellpadding: 0,
+        border: 0
+      }, [
+      /**
+       * 列宽
+       */
+      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('colgroup', {
+        ref: refBodyColgroup
+      }, tableColumn.map(function (column, $columnIndex) {
+        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('col', {
+          name: column.id,
+          key: $columnIndex
+        });
+      })),
+      /**
+       * 内容
+       */
+      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tbody', {
+        ref: refBodyTBody
+      }, renderRows(fixedType, tableData, tableColumn))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        class: 'vxe-table--checkbox-range'
+      }), mouseConfig && mouseOpts.area ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        class: 'vxe-table--cell-area'
+      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
+        class: 'vxe-table--cell-main-area'
+      }, mouseOpts.extension ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
+        class: 'vxe-table--cell-main-area-btn',
+        onMousedown: function onMousedown(evnt) {
+          $xetable.triggerCellExtendMousedownEvent(evnt, {
+            $table: $xetable,
+            fixed: fixedType,
+            type: renderType
+          });
+        }
+      })] : []), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
+        class: 'vxe-table--cell-copy-area'
+      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
+        class: 'vxe-table--cell-extend-area'
+      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
+        class: 'vxe-table--cell-multi-area'
+      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
+        class: 'vxe-table--cell-active-area'
+      })]) : null, !fixedType ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        class: 'vxe-table--empty-block',
+        ref: refBodyEmptyBlock
+      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        class: 'vxe-table--empty-content'
+      }, emptyContent)]) : null]);
+    };
+
+    return renderVN;
+  }
+}));
+// CONCATENATED MODULE: ./packages/header/src/util.ts
 
-          if (treeConfig) {
-            cellStyle = {
-              paddingLeft: "".concat(rowLevel * treeOpts.indent + 30, "px")
-            };
-          }
 
-          var showOverflow = expandColumn.showOverflow;
-          var hasEllipsis = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isUndefined(showOverflow) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isNull(showOverflow) ? allColumnOverflow : showOverflow;
-          var expandParams = {
-            $table: $xetable,
-            seq: seq,
-            column: expandColumn,
-            fixed: fixedType,
-            type: body_renderType,
-            level: rowLevel,
-            row: row,
-            rowIndex: rowIndex,
-            $rowIndex: $rowIndex,
-            _rowIndex: _rowIndex
-          };
-          rows.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tr', _objectSpread2({
-            class: 'vxe-body--expanded-row',
-            key: "expand_".concat(rowid),
-            style: rowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(rowStyle) ? rowStyle(expandParams) : rowStyle : null
-          }, trOn), [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('td', {
-            class: ['vxe-body--expanded-column', {
-              'fixed--hidden': fixedType && !hasFixedColumn,
-              'col--ellipsis': hasEllipsis
-            }],
-            colspan: tableColumn.length
-          }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-            class: 'vxe-body--expanded-cell',
-            style: cellStyle
-          }, [expandColumn.renderData(expandParams)])])]));
-        } // 如果是树形表格
 
+var util_getAllColumns = function getAllColumns(columns, parentColumn) {
+  var result = [];
+  columns.forEach(function (column) {
+    column.parentId = parentColumn ? parentColumn.id : null;
 
-        if (treeConfig && !scrollYLoad && !transform && treeExpandeds.length) {
-          var _rowChildren = row[treeOpts.children];
+    if (column.visible) {
+      if (column.children && column.children.length && column.children.some(function (column) {
+        return column.visible;
+      })) {
+        result.push(column);
+        result.push.apply(result, _toConsumableArray(getAllColumns(column.children, column)));
+      } else {
+        result.push(column);
+      }
+    }
+  });
+  return result;
+};
 
-          if (_rowChildren && _rowChildren.length && $xetable.findRowIndexOf(treeExpandeds, row) > -1) {
-            rows.push.apply(rows, _toConsumableArray(renderRows(fixedType, _rowChildren, tableColumn)));
-          }
-        }
-      });
-      return rows;
-    };
-    /**
-     * 同步滚动条
-     */
+var util_convertToRows = function convertToRows(originColumns) {
+  var maxLevel = 1;
 
+  var traverse = function traverse(column, parent) {
+    if (parent) {
+      column.level = parent.level + 1;
 
-    var scrollProcessTimeout;
+      if (maxLevel < column.level) {
+        maxLevel = column.level;
+      }
+    }
 
-    var syncBodyScroll = function syncBodyScroll(fixedType, scrollTop, elem1, elem2) {
-      if (elem1 || elem2) {
-        if (elem1) {
-          removeScrollListener(elem1);
-          elem1.scrollTop = scrollTop;
+    if (column.children && column.children.length && column.children.some(function (column) {
+      return column.visible;
+    })) {
+      var colSpan = 0;
+      column.children.forEach(function (subColumn) {
+        if (subColumn.visible) {
+          traverse(subColumn, column);
+          colSpan += subColumn.colSpan;
         }
+      });
+      column.colSpan = colSpan;
+    } else {
+      column.colSpan = 1;
+    }
+  };
 
-        if (elem2) {
-          removeScrollListener(elem2);
-          elem2.scrollTop = scrollTop;
-        }
+  originColumns.forEach(function (column) {
+    column.level = 1;
+    traverse(column);
+  });
+  var rows = [];
 
-        clearTimeout(scrollProcessTimeout);
-        scrollProcessTimeout = setTimeout(function () {
-          // const tableBody = refTableBody.value
-          // const leftBody = refTableLeftBody.value
-          // const rightBody = refTableRightBody.value
-          // const bodyElem = tableBody.$el as XEBodyScrollElement
-          // const leftElem = leftBody ? leftBody.$el as XEBodyScrollElement : null
-          // const rightElem = rightBody ? rightBody.$el as XEBodyScrollElement : null
-          restoreScrollListener(elem1);
-          restoreScrollListener(elem2); // 检查滚动条是的同步
-          // let targetTop = bodyElem.scrollTop
-          // if (fixedType === 'left') {
-          //   if (leftElem) {
-          //     targetTop = leftElem.scrollTop
-          //   }
-          // } else if (fixedType === 'right') {
-          //   if (rightElem) {
-          //     targetTop = rightElem.scrollTop
-          //   }
-          // }
-          // setScrollTop(bodyElem, targetTop)
-          // setScrollTop(leftElem, targetTop)
-          // setScrollTop(rightElem, targetTop)
-        }, 300);
-      }
-    };
-    /**
-     * 滚动处理
-     * 如果存在列固定左侧，同步更新滚动状态
-     * 如果存在列固定右侧，同步更新滚动状态
-     */
+  for (var i = 0; i < maxLevel; i++) {
+    rows.push([]);
+  }
 
+  var allColumns = util_getAllColumns(originColumns);
+  allColumns.forEach(function (column) {
+    if (column.children && column.children.length && column.children.some(function (column) {
+      return column.visible;
+    })) {
+      column.rowSpan = 1;
+    } else {
+      column.rowSpan = maxLevel - column.level + 1;
+    }
 
-    var scrollEvent = function scrollEvent(evnt) {
-      var fixedType = props.fixedType;
-      var highlightHoverRow = tableProps.highlightHoverRow;
-      var scrollXLoad = tableReactData.scrollXLoad,
-          scrollYLoad = tableReactData.scrollYLoad;
-      var elemStore = tableInternalData.elemStore,
-          lastScrollTop = tableInternalData.lastScrollTop,
-          lastScrollLeft = tableInternalData.lastScrollLeft;
-      var rowOpts = computeRowOpts.value;
-      var tableHeader = refTableHeader.value;
-      var tableBody = refTableBody.value;
-      var tableFooter = refTableFooter.value;
-      var leftBody = refTableLeftBody.value;
-      var rightBody = refTableRightBody.value;
-      var validTip = refValidTooltip.value;
-      var scrollBodyElem = refElem.value;
-      var headerElem = tableHeader ? tableHeader.$el : null;
-      var footerElem = tableFooter ? tableFooter.$el : null;
-      var bodyElem = tableBody.$el;
-      var leftElem = leftBody ? leftBody.$el : null;
-      var rightElem = rightBody ? rightBody.$el : null;
-      var bodyYRef = elemStore['main-body-ySpace'];
-      var bodyYElem = bodyYRef ? bodyYRef.value : null;
-      var bodyXRef = elemStore['main-body-xSpace'];
-      var bodyXElem = bodyXRef ? bodyXRef.value : null;
-      var bodyHeight = scrollYLoad && bodyYElem ? bodyYElem.clientHeight : bodyElem.clientHeight;
-      var bodyWidth = scrollXLoad && bodyXElem ? bodyXElem.clientWidth : bodyElem.clientWidth;
-      var scrollTop = scrollBodyElem.scrollTop;
-      var scrollLeft = bodyElem.scrollLeft;
-      var isRollX = scrollLeft !== lastScrollLeft;
-      var isRollY = scrollTop !== lastScrollTop;
-      tableInternalData.lastScrollTop = scrollTop;
-      tableInternalData.lastScrollLeft = scrollLeft;
-      tableInternalData.lastScrollTime = Date.now();
+    rows[column.level - 1].push(column);
+  });
+  return rows;
+};
+// CONCATENATED MODULE: ./packages/header/src/header.ts
 
-      if (rowOpts.isHover || highlightHoverRow) {
-        $xetable.clearHoverRow();
-      }
 
-      if (leftElem && fixedType === 'left') {
-        scrollTop = leftElem.scrollTop;
-        syncBodyScroll(fixedType, scrollTop, bodyElem, rightElem);
-      } else if (rightElem && fixedType === 'right') {
-        scrollTop = rightElem.scrollTop;
-        syncBodyScroll(fixedType, scrollTop, bodyElem, leftElem);
-      } else {
-        if (isRollX) {
-          if (headerElem) {
-            headerElem.scrollLeft = bodyElem.scrollLeft;
-          }
 
-          if (footerElem) {
-            footerElem.scrollLeft = bodyElem.scrollLeft;
-          }
-        }
 
-        if (leftElem || rightElem) {
-          $xetable.checkScrolling();
 
-          if (isRollY) {
-            syncBodyScroll(fixedType, scrollTop, leftElem, rightElem);
-          }
-        }
-      }
 
-      if (scrollXLoad && isRollX) {
-        $xetable.triggerScrollXEvent(evnt);
-      }
 
-      if (scrollYLoad && isRollY) {
-        $xetable.triggerScrollYEvent(evnt);
-      }
 
-      if (isRollX && validTip && validTip.reactData.visible) {
-        validTip.updatePlacement();
-      }
 
-      $xetable.dispatchEvent('scroll', {
-        type: body_renderType,
-        fixed: fixedType,
-        scrollTop: scrollTop,
-        scrollLeft: scrollLeft,
-        scrollHeight: bodyElem.scrollHeight,
-        scrollWidth: bodyElem.scrollWidth,
-        bodyHeight: bodyHeight,
-        bodyWidth: bodyWidth,
-        isX: isRollX,
-        isY: isRollY
-      }, evnt);
-    };
 
-    var wheelTime;
-    var wheelYSize = 0;
-    var wheelYInterval = 0;
-    var wheelYTotal = 0;
-    var isPrevWheelTop = false;
+var header_renderType = 'header';
+/* harmony default export */ var header = (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["defineComponent"])({
+  name: 'VxeTableHeader',
+  props: {
+    tableData: Array,
+    tableColumn: Array,
+    tableGroupColumn: Array,
+    fixedColumn: Array,
+    fixedType: {
+      type: String,
+      default: null
+    }
+  },
+  setup: function setup(props) {
+    var $xetable = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xetable', {});
+    var xID = $xetable.xID,
+        tableProps = $xetable.props,
+        tableReactData = $xetable.reactData,
+        tableInternalData = $xetable.internalData;
+
+    var _$xetable$getRefMaps = $xetable.getRefMaps(),
+        tableRefElem = _$xetable$getRefMaps.refElem,
+        refTableBody = _$xetable$getRefMaps.refTableBody,
+        refLeftContainer = _$xetable$getRefMaps.refLeftContainer,
+        refRightContainer = _$xetable$getRefMaps.refRightContainer,
+        refCellResizeBar = _$xetable$getRefMaps.refCellResizeBar;
+
+    var _$xetable$getComputeM = $xetable.getComputeMaps(),
+        computeColumnOpts = _$xetable$getComputeM.computeColumnOpts;
 
-    var handleWheel = function handleWheel(evnt, isTopWheel, deltaTop, isRollX, isRollY) {
-      var elemStore = tableInternalData.elemStore;
-      var scrollXLoad = tableReactData.scrollXLoad,
-          scrollYLoad = tableReactData.scrollYLoad;
-      var tableBody = refTableBody.value;
-      var leftBody = refTableLeftBody.value;
-      var rightBody = refTableRightBody.value;
-      var leftElem = leftBody ? leftBody.$el : null;
-      var rightElem = rightBody ? rightBody.$el : null;
-      var bodyElem = tableBody.$el;
-      var bodyYRef = elemStore['main-body-ySpace'];
-      var bodyYElem = bodyYRef ? bodyYRef.value : null;
-      var bodyXRef = elemStore['main-body-xSpace'];
-      var bodyXElem = bodyXRef ? bodyXRef.value : null;
-      var bodyHeight = scrollYLoad && bodyYElem ? bodyYElem.clientHeight : bodyElem.clientHeight;
-      var bodyWidth = scrollXLoad && bodyXElem ? bodyXElem.clientWidth : bodyElem.clientWidth;
-      var remainSize = isPrevWheelTop === isTopWheel ? Math.max(0, wheelYSize - wheelYTotal) : 0;
-      isPrevWheelTop = isTopWheel;
-      wheelYSize = Math.abs(isTopWheel ? deltaTop - remainSize : deltaTop + remainSize);
-      wheelYInterval = 0;
-      wheelYTotal = 0;
-      clearTimeout(wheelTime);
+    var headerColumn = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])([]);
+    var refElem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refHeaderTable = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refHeaderColgroup = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refHeaderTHead = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refHeaderXSpace = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refHeaderBorderRepair = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
 
-      var handleSmooth = function handleSmooth() {
-        if (wheelYTotal < wheelYSize) {
-          var fixedType = props.fixedType;
-          wheelYInterval = Math.max(5, Math.floor(wheelYInterval * 1.5));
-          wheelYTotal = wheelYTotal + wheelYInterval;
+    var uploadColumn = function uploadColumn() {
+      var isGroup = tableReactData.isGroup;
+      headerColumn.value = isGroup ? util_convertToRows(props.tableGroupColumn) : [];
+    };
 
-          if (wheelYTotal > wheelYSize) {
-            wheelYInterval = wheelYInterval - (wheelYTotal - wheelYSize);
-          }
+    var resizeMousedown = function resizeMousedown(evnt, params) {
+      var column = params.column;
+      var fixedType = props.fixedType;
+      var tableBody = refTableBody.value;
+      var leftContainerElem = refLeftContainer.value;
+      var rightContainerElem = refRightContainer.value;
+      var resizeBarElem = refCellResizeBar.value;
+      var dragClientX = evnt.clientX;
+      var wrapperElem = refElem.value;
+      var dragBtnElem = evnt.target;
+      var cell = params.cell = dragBtnElem.parentNode;
+      var dragLeft = 0;
+      var tableBodyElem = tableBody.$el;
+      var pos = getOffsetPos(dragBtnElem, wrapperElem);
+      var dragBtnWidth = dragBtnElem.clientWidth;
+      var dragBtnOffsetWidth = Math.floor(dragBtnWidth / 2);
+      var minInterval = getColMinWidth(params) - dragBtnOffsetWidth; // 列之间的最小间距
 
-          var scrollTop = bodyElem.scrollTop,
-              clientHeight = bodyElem.clientHeight,
-              scrollHeight = bodyElem.scrollHeight;
-          var targerTop = scrollTop + wheelYInterval * (isTopWheel ? -1 : 1);
-          bodyElem.scrollTop = targerTop;
+      var dragMinLeft = pos.left - cell.clientWidth + dragBtnWidth + minInterval;
+      var dragPosLeft = pos.left + dragBtnOffsetWidth;
+      var domMousemove = document.onmousemove;
+      var domMouseup = document.onmouseup;
+      var isLeftFixed = fixedType === 'left';
+      var isRightFixed = fixedType === 'right';
+      var tableEl = tableRefElem.value; // 计算左右侧固定列偏移量
 
-          if (leftElem) {
-            leftElem.scrollTop = targerTop;
-          }
+      var fixedOffsetWidth = 0;
 
-          if (rightElem) {
-            rightElem.scrollTop = targerTop;
-          }
+      if (isLeftFixed || isRightFixed) {
+        var siblingProp = isLeftFixed ? 'nextElementSibling' : 'previousElementSibling';
+        var tempCellElem = cell[siblingProp];
 
-          if (isTopWheel ? targerTop < scrollHeight - clientHeight : targerTop >= 0) {
-            wheelTime = setTimeout(handleSmooth, 10);
+        while (tempCellElem) {
+          if (hasClass(tempCellElem, 'fixed--hidden')) {
+            break;
+          } else if (!hasClass(tempCellElem, 'col--group')) {
+            fixedOffsetWidth += tempCellElem.offsetWidth;
           }
 
-          $xetable.dispatchEvent('scroll', {
-            type: body_renderType,
-            fixed: fixedType,
-            scrollTop: bodyElem.scrollTop,
-            scrollLeft: bodyElem.scrollLeft,
-            scrollHeight: bodyElem.scrollHeight,
-            scrollWidth: bodyElem.scrollWidth,
-            bodyHeight: bodyHeight,
-            bodyWidth: bodyWidth,
-            isX: isRollX,
-            isY: isRollY
-          }, evnt);
+          tempCellElem = tempCellElem[siblingProp];
         }
-      };
 
-      handleSmooth();
-    };
-    /**
-     * 滚轮处理
-     */
+        if (isRightFixed && rightContainerElem) {
+          dragPosLeft = rightContainerElem.offsetLeft + fixedOffsetWidth;
+        }
+      } // 处理拖动事件
 
 
-    var wheelEvent = function wheelEvent(evnt) {
-      var deltaY = evnt.deltaY,
-          deltaX = evnt.deltaX;
-      var highlightHoverRow = tableProps.highlightHoverRow;
-      var scrollYLoad = tableReactData.scrollYLoad;
-      var lastScrollTop = tableInternalData.lastScrollTop,
-          lastScrollLeft = tableInternalData.lastScrollLeft;
-      var rowOpts = computeRowOpts.value;
-      var tableBody = refTableBody.value;
-      var scrollBodyElem = refElem.value;
-      var bodyElem = tableBody.$el;
-      var deltaTop = deltaY;
-      var deltaLeft = deltaX;
-      var isTopWheel = deltaTop < 0; // 如果滚动位置已经是顶部或底部，则不需要触发
+      var updateEvent = function updateEvent(evnt) {
+        evnt.stopPropagation();
+        evnt.preventDefault();
+        var offsetX = evnt.clientX - dragClientX;
+        var left = dragPosLeft + offsetX;
+        var scrollLeft = fixedType ? 0 : tableBodyElem.scrollLeft;
 
-      if (isTopWheel ? scrollBodyElem.scrollTop <= 0 : scrollBodyElem.scrollTop >= scrollBodyElem.scrollHeight - scrollBodyElem.clientHeight) {
-        return;
-      }
+        if (isLeftFixed) {
+          // 左固定列（不允许超过右侧固定列、不允许超过右边距）
+          left = Math.min(left, (rightContainerElem ? rightContainerElem.offsetLeft : tableBodyElem.clientWidth) - fixedOffsetWidth - minInterval);
+        } else if (isRightFixed) {
+          // 右侧固定列（不允许超过左侧固定列、不允许超过左边距）
+          dragMinLeft = (leftContainerElem ? leftContainerElem.clientWidth : 0) + fixedOffsetWidth + minInterval;
+          left = Math.min(left, dragPosLeft + cell.clientWidth - minInterval);
+        } else {
+          dragMinLeft = Math.max(tableBodyElem.scrollLeft, dragMinLeft); // left = Math.min(left, tableBodyElem.clientWidth + tableBodyElem.scrollLeft - 40)
+        }
 
-      var scrollTop = scrollBodyElem.scrollTop + deltaTop;
-      var scrollLeft = bodyElem.scrollLeft + deltaLeft;
-      var isRollX = scrollLeft !== lastScrollLeft;
-      var isRollY = scrollTop !== lastScrollTop; // 用于鼠标纵向滚轮处理
+        dragLeft = Math.max(left, dragMinLeft);
+        resizeBarElem.style.left = "".concat(dragLeft - scrollLeft, "px");
+      };
 
-      if (isRollY) {
-        evnt.preventDefault();
-        tableInternalData.lastScrollTop = scrollTop;
-        tableInternalData.lastScrollLeft = scrollLeft;
-        tableInternalData.lastScrollTime = Date.now();
+      tableInternalData._isResize = true;
+      addClass(tableEl, 'drag--resize');
+      resizeBarElem.style.display = 'block';
+      document.onmousemove = updateEvent;
 
-        if (rowOpts.isHover || highlightHoverRow) {
-          $xetable.clearHoverRow();
-        }
+      document.onmouseup = function (evnt) {
+        document.onmousemove = domMousemove;
+        document.onmouseup = domMouseup;
+        var resizeWidth = column.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft);
+        column.resizeWidth = resizeWidth;
+        resizeBarElem.style.display = 'none';
+        tableInternalData._isResize = false;
+        tableInternalData._lastResizeTime = Date.now();
+        $xetable.analyColumnWidth();
+        $xetable.recalculate(true).then(function () {
+          $xetable.saveCustomResizable();
+          $xetable.updateCellAreas();
+          $xetable.dispatchEvent('resizable-change', _objectSpread2(_objectSpread2({}, params), {}, {
+            resizeWidth: resizeWidth
+          }), evnt);
+        });
+        removeClass(tableEl, 'drag--resize');
+      };
 
-        handleWheel(evnt, isTopWheel, deltaTop, isRollX, isRollY);
+      updateEvent(evnt);
 
-        if (scrollYLoad) {
-          $xetable.triggerScrollYEvent(evnt);
-        }
+      if ($xetable.closeMenu) {
+        $xetable.closeMenu();
       }
     };
 
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      return props.tableColumn;
+    }, uploadColumn);
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
       Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
         var fixedType = props.fixedType;
-        var elemStore = tableInternalData.elemStore;
-        var prefix = "".concat(fixedType || 'main', "-body-");
-        var el = refElem.value;
+        var internalData = $xetable.internalData;
+        var elemStore = internalData.elemStore;
+        var prefix = "".concat(fixedType || 'main', "-header-");
         elemStore["".concat(prefix, "wrapper")] = refElem;
-        elemStore["".concat(prefix, "table")] = refBodyTable;
-        elemStore["".concat(prefix, "colgroup")] = refBodyColgroup;
-        elemStore["".concat(prefix, "list")] = refBodyTBody;
-        elemStore["".concat(prefix, "xSpace")] = refBodyXSpace;
-        elemStore["".concat(prefix, "ySpace")] = refBodyYSpace;
-        elemStore["".concat(prefix, "emptyBlock")] = refBodyEmptyBlock;
-        el.onscroll = scrollEvent;
-        el._onscroll = scrollEvent;
+        elemStore["".concat(prefix, "table")] = refHeaderTable;
+        elemStore["".concat(prefix, "colgroup")] = refHeaderColgroup;
+        elemStore["".concat(prefix, "list")] = refHeaderTHead;
+        elemStore["".concat(prefix, "xSpace")] = refHeaderXSpace;
+        elemStore["".concat(prefix, "repair")] = refHeaderBorderRepair;
+        uploadColumn();
       });
     });
-    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onBeforeUnmount"])(function () {
-      var el = refElem.value;
-      clearTimeout(wheelTime);
-      el._onscroll = null;
-      el.onscroll = null;
-    });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onUnmounted"])(function () {
       var fixedType = props.fixedType;
-      var elemStore = tableInternalData.elemStore;
-      var prefix = "".concat(fixedType || 'main', "-body-");
+      var internalData = $xetable.internalData;
+      var elemStore = internalData.elemStore;
+      var prefix = "".concat(fixedType || 'main', "-header-");
       elemStore["".concat(prefix, "wrapper")] = null;
       elemStore["".concat(prefix, "table")] = null;
       elemStore["".concat(prefix, "colgroup")] = null;
       elemStore["".concat(prefix, "list")] = null;
       elemStore["".concat(prefix, "xSpace")] = null;
-      elemStore["".concat(prefix, "ySpace")] = null;
-      elemStore["".concat(prefix, "emptyBlock")] = null;
+      elemStore["".concat(prefix, "repair")] = null;
     });
 
     var renderVN = function renderVN() {
-      var fixedColumn = props.fixedColumn,
-          fixedType = props.fixedType,
+      var fixedType = props.fixedType,
+          fixedColumn = props.fixedColumn,
           tableColumn = props.tableColumn;
-      var keyboardConfig = tableProps.keyboardConfig,
-          allColumnOverflow = tableProps.showOverflow,
-          spanMethod = tableProps.spanMethod,
-          mouseConfig = tableProps.mouseConfig;
-      var tableData = tableReactData.tableData,
-          mergeList = tableReactData.mergeList,
-          scrollYLoad = tableReactData.scrollYLoad,
-          isAllOverflow = tableReactData.isAllOverflow;
-      var visibleColumn = tableInternalData.visibleColumn;
-      var slots = tableContext.slots;
-      var sYOpts = computeSYOpts.value;
-      var emptyOpts = computeEmptyOpts.value;
-      var keyboardOpts = computeKeyboardOpts.value;
-      var mouseOpts = computeMouseOpts.value; // const isMergeLeftFixedExceeded = computeIsMergeLeftFixedExceeded.value
-      // const isMergeRightFixedExceeded = computeIsMergeRightFixedExceeded.value
-      // 如果是使用优化模式
+      var resizable = tableProps.resizable,
+          border = tableProps.border,
+          columnKey = tableProps.columnKey,
+          headerRowClassName = tableProps.headerRowClassName,
+          headerCellClassName = tableProps.headerCellClassName,
+          headerRowStyle = tableProps.headerRowStyle,
+          headerCellStyle = tableProps.headerCellStyle,
+          allColumnHeaderOverflow = tableProps.showHeaderOverflow,
+          allHeaderAlign = tableProps.headerAlign,
+          allAlign = tableProps.align,
+          mouseConfig = tableProps.mouseConfig;
+      var isGroup = tableReactData.isGroup,
+          currentColumn = tableReactData.currentColumn,
+          scrollXLoad = tableReactData.scrollXLoad,
+          overflowX = tableReactData.overflowX,
+          scrollbarWidth = tableReactData.scrollbarWidth;
+      var columnOpts = computeColumnOpts.value;
+      var headerGroups = headerColumn.value; // 如果是使用优化模式
 
-      if (fixedType) {
-        if (scrollYLoad || (allColumnOverflow ? isAllOverflow : allColumnOverflow)) {
-          if (!mergeList.length && !spanMethod && !(keyboardConfig && keyboardOpts.isMerge)) {
+      if (!isGroup) {
+        if (fixedType) {
+          if (scrollXLoad || allColumnHeaderOverflow) {
             tableColumn = fixedColumn;
-          } else {
-            tableColumn = visibleColumn; // 检查固定列是否被合并，合并范围是否超出固定列
-            // if (mergeList.length && !isMergeLeftFixedExceeded && fixedType === 'left') {
-            //   tableColumn = fixedColumn
-            // } else if (mergeList.length && !isMergeRightFixedExceeded && fixedType === 'right') {
-            //   tableColumn = fixedColumn
-            // } else {
-            //   tableColumn = visibleColumn
-            // }
           }
-        } else {
-          tableColumn = visibleColumn;
         }
-      }
-
-      var emptyContent;
-
-      if (slots.empty) {
-        emptyContent = $xetable.callSlot(slots.empty, {
-          $table: $xetable
-        });
-      } else {
-        var compConf = emptyOpts.name ? VXETable.renderer.get(emptyOpts.name) : null;
-        var renderEmpty = compConf ? compConf.renderEmpty : null;
 
-        if (renderEmpty) {
-          emptyContent = renderEmpty(emptyOpts, {
-            $table: $xetable
-          });
-        } else {
-          emptyContent = tableProps.emptyText || src_conf.i18n('vxe.table.emptyText');
-        }
+        headerGroups = [tableColumn];
       }
 
-      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', _objectSpread2({
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
         ref: refElem,
-        class: ['vxe-table--body-wrapper', fixedType ? "fixed-".concat(fixedType, "--wrapper") : 'body--wrapper'],
+        class: ['vxe-table--header-wrapper', fixedType ? "fixed-".concat(fixedType, "--wrapper") : 'body--wrapper'],
         xid: xID
-      }, sYOpts.mode === 'wheel' ? {
-        onWheel: wheelEvent
-      } : {}), [fixedType ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])() : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        ref: refBodyXSpace,
+      }, [fixedType ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])() : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        ref: refHeaderXSpace,
         class: 'vxe-body--x-space'
-      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        ref: refBodyYSpace,
-        class: 'vxe-body--y-space'
       }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('table', {
-        ref: refBodyTable,
-        class: 'vxe-table--body',
+        ref: refHeaderTable,
+        class: 'vxe-table--header',
         xid: xID,
         cellspacing: 0,
         cellpadding: 0,
@@ -32380,146 +32490,202 @@ var lineOffsetSizes = {
        * 列宽
        */
       Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('colgroup', {
-        ref: refBodyColgroup
+        ref: refHeaderColgroup
       }, tableColumn.map(function (column, $columnIndex) {
         return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('col', {
           name: column.id,
           key: $columnIndex
         });
-      })),
+      }).concat(scrollbarWidth ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('col', {
+        name: 'col_gutter'
+      })] : [])),
       /**
-       * 内容
+       * 头部
        */
-      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tbody', {
-        ref: refBodyTBody
-      }, renderRows(fixedType, tableData, tableColumn))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        class: 'vxe-table--checkbox-range'
-      }), mouseConfig && mouseOpts.area ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        class: 'vxe-table--cell-area'
-      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-table--cell-main-area'
-      }, mouseOpts.extension ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-table--cell-main-area-btn',
-        onMousedown: function onMousedown(evnt) {
-          $xetable.triggerCellExtendMousedownEvent(evnt, {
+      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('thead', {
+        ref: refHeaderTHead
+      }, headerGroups.map(function (cols, $rowIndex) {
+        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tr', {
+          class: ['vxe-header--row', headerRowClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(headerRowClassName) ? headerRowClassName({
+            $table: $xetable,
+            $rowIndex: $rowIndex,
+            fixed: fixedType,
+            type: header_renderType
+          }) : headerRowClassName : ''],
+          style: headerRowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(headerRowStyle) ? headerRowStyle({
             $table: $xetable,
+            $rowIndex: $rowIndex,
             fixed: fixedType,
-            type: body_renderType
-          });
-        }
-      })] : []), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-table--cell-copy-area'
-      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-table--cell-extend-area'
-      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-table--cell-multi-area'
-      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-table--cell-active-area'
-      })]) : null, !fixedType ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        class: 'vxe-table--empty-block',
-        ref: refBodyEmptyBlock
-      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        class: 'vxe-table--empty-content'
-      }, emptyContent)]) : null]);
-    };
-
-    return renderVN;
-  }
-}));
-// CONCATENATED MODULE: ./packages/header/src/util.ts
+            type: header_renderType
+          }) : headerRowStyle : null
+        }, cols.map(function (column, $columnIndex) {
+          var _ref;
 
+          var type = column.type,
+              showHeaderOverflow = column.showHeaderOverflow,
+              headerAlign = column.headerAlign,
+              align = column.align,
+              headerClassName = column.headerClassName;
+          var isColGroup = column.children && column.children.length;
+          var fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : !!column.fixed && overflowX;
+          var headOverflow = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isUndefined(showHeaderOverflow) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
+          var headAlign = headerAlign || align || allHeaderAlign || allAlign;
+          var showEllipsis = headOverflow === 'ellipsis';
+          var showTitle = headOverflow === 'title';
+          var showTooltip = headOverflow === true || headOverflow === 'tooltip';
+          var hasEllipsis = showTitle || showTooltip || showEllipsis;
+          var hasFilter = column.filters && column.filters.some(function (item) {
+            return item.checked;
+          });
+          var columnIndex = $xetable.getColumnIndex(column);
 
+          var _columnIndex = $xetable.getVTColumnIndex(column);
 
-var util_getAllColumns = function getAllColumns(columns, parentColumn) {
-  var result = [];
-  columns.forEach(function (column) {
-    column.parentId = parentColumn ? parentColumn.id : null;
+          var params = {
+            $table: $xetable,
+            $rowIndex: $rowIndex,
+            column: column,
+            columnIndex: columnIndex,
+            $columnIndex: $columnIndex,
+            _columnIndex: _columnIndex,
+            fixed: fixedType,
+            type: header_renderType,
+            isHidden: fixedHiddenColumn,
+            hasFilter: hasFilter
+          };
+          var thOns = {
+            onClick: function onClick(evnt) {
+              return $xetable.triggerHeaderCellClickEvent(evnt, params);
+            },
+            onDblclick: function onDblclick(evnt) {
+              return $xetable.triggerHeaderCellDblclickEvent(evnt, params);
+            }
+          }; // 横向虚拟滚动不支持动态行高
 
-    if (column.visible) {
-      if (column.children && column.children.length && column.children.some(function (column) {
-        return column.visible;
-      })) {
-        result.push(column);
-        result.push.apply(result, _toConsumableArray(getAllColumns(column.children, column)));
-      } else {
-        result.push(column);
-      }
-    }
-  });
-  return result;
-};
+          if (scrollXLoad && !hasEllipsis) {
+            showEllipsis = hasEllipsis = true;
+          } // 按下事件处理
 
-var util_convertToRows = function convertToRows(originColumns) {
-  var maxLevel = 1;
 
-  var traverse = function traverse(column, parent) {
-    if (parent) {
-      column.level = parent.level + 1;
+          if (mouseConfig) {
+            thOns.onMousedown = function (evnt) {
+              return $xetable.triggerHeaderCellMousedownEvent(evnt, params);
+            };
+          }
 
-      if (maxLevel < column.level) {
-        maxLevel = column.level;
-      }
-    }
+          return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('th', _objectSpread2(_objectSpread2({
+            class: ['vxe-header--column', column.id, (_ref = {}, _defineProperty(_ref, "col--".concat(headAlign), headAlign), _defineProperty(_ref, "col--".concat(type), type), _defineProperty(_ref, 'col--last', $columnIndex === cols.length - 1), _defineProperty(_ref, 'col--fixed', column.fixed), _defineProperty(_ref, 'col--group', isColGroup), _defineProperty(_ref, 'col--ellipsis', hasEllipsis), _defineProperty(_ref, 'fixed--hidden', fixedHiddenColumn), _defineProperty(_ref, 'is--sortable', column.sortable), _defineProperty(_ref, 'col--filter', !!column.filters), _defineProperty(_ref, 'is--filter-active', hasFilter), _defineProperty(_ref, 'col--current', currentColumn === column), _ref), headerClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(headerClassName) ? headerClassName(params) : headerClassName : '', headerCellClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(headerCellClassName) ? headerCellClassName(params) : headerCellClassName : ''],
+            colid: column.id,
+            colspan: column.colSpan > 1 ? column.colSpan : null,
+            rowspan: column.rowSpan > 1 ? column.rowSpan : null,
+            style: headerCellStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(headerCellStyle) ? headerCellStyle(params) : headerCellStyle : null
+          }, thOns), {}, {
+            key: columnKey || columnOpts.useKey || isColGroup ? column.id : $columnIndex
+          }), [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+            class: ['vxe-cell', {
+              'c--title': showTitle,
+              'c--tooltip': showTooltip,
+              'c--ellipsis': showEllipsis
+            }]
+          }, column.renderHeader(params)),
+          /**
+           * 列宽拖动
+           */
+          !fixedHiddenColumn && !isColGroup && (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isBoolean(column.resizable) ? column.resizable : columnOpts.resizable || resizable) ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+            class: ['vxe-resizable', {
+              'is--line': !border || border === 'none'
+            }],
+            onMousedown: function onMousedown(evnt) {
+              return resizeMousedown(evnt, params);
+            }
+          }) : null]);
+        }).concat(scrollbarWidth ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('th', {
+          class: 'vxe-header--gutter col--gutter'
+        })] : []));
+      }))]),
+      /**
+       * 其他
+       */
+      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        ref: refHeaderBorderRepair,
+        class: 'vxe-table--header-border-line'
+      })]);
+    };
 
-    if (column.children && column.children.length && column.children.some(function (column) {
-      return column.visible;
-    })) {
-      var colSpan = 0;
-      column.children.forEach(function (subColumn) {
-        if (subColumn.visible) {
-          traverse(subColumn, column);
-          colSpan += subColumn.colSpan;
-        }
-      });
-      column.colSpan = colSpan;
-    } else {
-      column.colSpan = 1;
-    }
-  };
+    return renderVN;
+  }
+}));
+// CONCATENATED MODULE: ./packages/header/index.ts
 
-  originColumns.forEach(function (column) {
-    column.level = 1;
-    traverse(column);
-  });
-  var rows = [];
 
-  for (var i = 0; i < maxLevel; i++) {
-    rows.push([]);
+
+
+var Header = Object.assign(header, {
+  install: function install(app) {
+    app.component(header.name, header);
   }
+});
+dynamicApp.component(header.name, header);
+/* harmony default export */ var packages_header = (Header);
+// CONCATENATED MODULE: ./packages/footer/src/footer.ts
+
 
-  var allColumns = util_getAllColumns(originColumns);
-  allColumns.forEach(function (column) {
-    if (column.children && column.children.length && column.children.some(function (column) {
-      return column.visible;
-    })) {
-      column.rowSpan = 1;
-    } else {
-      column.rowSpan = maxLevel - column.level + 1;
-    }
 
-    rows[column.level - 1].push(column);
-  });
-  return rows;
-};
-// CONCATENATED MODULE: ./packages/header/src/header.ts
 
 
 
 
 
 
+var footer_renderType = 'footer';
 
+function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
+  for (var mIndex = 0; mIndex < mergeFooterList.length; mIndex++) {
+    var _mergeFooterList$mInd = mergeFooterList[mIndex],
+        mergeRowIndex = _mergeFooterList$mInd.row,
+        mergeColIndex = _mergeFooterList$mInd.col,
+        mergeRowspan = _mergeFooterList$mInd.rowspan,
+        mergeColspan = _mergeFooterList$mInd.colspan;
 
+    if (mergeColIndex > -1 && mergeRowIndex > -1 && mergeRowspan && mergeColspan) {
+      if (mergeRowIndex === _rowIndex && mergeColIndex === _columnIndex) {
+        return {
+          rowspan: mergeRowspan,
+          colspan: mergeColspan
+        };
+      }
 
+      if (_rowIndex >= mergeRowIndex && _rowIndex < mergeRowIndex + mergeRowspan && _columnIndex >= mergeColIndex && _columnIndex < mergeColIndex + mergeColspan) {
+        return {
+          rowspan: 0,
+          colspan: 0
+        };
+      }
+    }
+  }
+}
 
-var header_renderType = 'header';
-/* harmony default export */ var header = (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["defineComponent"])({
-  name: 'VxeTableHeader',
+/* harmony default export */ var footer = (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["defineComponent"])({
+  name: 'VxeTableFooter',
   props: {
-    tableData: Array,
-    tableColumn: Array,
-    tableGroupColumn: Array,
-    fixedColumn: Array,
+    footerTableData: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    tableColumn: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    fixedColumn: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
     fixedType: {
       type: String,
       default: null
@@ -32533,203 +32699,135 @@ var header_renderType = 'header';
         tableInternalData = $xetable.internalData;
 
     var _$xetable$getRefMaps = $xetable.getRefMaps(),
-        tableRefElem = _$xetable$getRefMaps.refElem,
+        refTableHeader = _$xetable$getRefMaps.refTableHeader,
         refTableBody = _$xetable$getRefMaps.refTableBody,
-        refLeftContainer = _$xetable$getRefMaps.refLeftContainer,
-        refRightContainer = _$xetable$getRefMaps.refRightContainer,
-        refCellResizeBar = _$xetable$getRefMaps.refCellResizeBar;
+        refValidTooltip = _$xetable$getRefMaps.refValidTooltip;
 
     var _$xetable$getComputeM = $xetable.getComputeMaps(),
+        computeTooltipOpts = _$xetable$getComputeM.computeTooltipOpts,
         computeColumnOpts = _$xetable$getComputeM.computeColumnOpts;
 
-    var headerColumn = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])([]);
     var refElem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refHeaderTable = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refHeaderColgroup = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refHeaderTHead = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refHeaderXSpace = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refHeaderBorderRepair = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-
-    var uploadColumn = function uploadColumn() {
-      var isGroup = tableReactData.isGroup;
-      headerColumn.value = isGroup ? util_convertToRows(props.tableGroupColumn) : [];
-    };
+    var refFooterTable = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refFooterColgroup = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refFooterTFoot = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refFooterXSpace = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    /**
+     * 滚动处理
+     * 如果存在列固定左侧，同步更新滚动状态
+     * 如果存在列固定右侧，同步更新滚动状态
+     */
 
-    var resizeMousedown = function resizeMousedown(evnt, params) {
-      var column = params.column;
+    var scrollEvent = function scrollEvent(evnt) {
       var fixedType = props.fixedType;
+      var scrollXLoad = tableReactData.scrollXLoad;
+      var lastScrollLeft = tableInternalData.lastScrollLeft;
+      var validTip = refValidTooltip.value;
+      var tableHeader = refTableHeader.value;
       var tableBody = refTableBody.value;
-      var leftContainerElem = refLeftContainer.value;
-      var rightContainerElem = refRightContainer.value;
-      var resizeBarElem = refCellResizeBar.value;
-      var dragClientX = evnt.clientX;
-      var wrapperElem = refElem.value;
-      var dragBtnElem = evnt.target;
-      var cell = params.cell = dragBtnElem.parentNode;
-      var dragLeft = 0;
-      var tableBodyElem = tableBody.$el;
-      var pos = getOffsetPos(dragBtnElem, wrapperElem);
-      var dragBtnWidth = dragBtnElem.clientWidth;
-      var dragBtnOffsetWidth = Math.floor(dragBtnWidth / 2);
-      var minInterval = getColMinWidth(params) - dragBtnOffsetWidth; // 列之间的最小间距
-
-      var dragMinLeft = pos.left - cell.clientWidth + dragBtnWidth + minInterval;
-      var dragPosLeft = pos.left + dragBtnOffsetWidth;
-      var domMousemove = document.onmousemove;
-      var domMouseup = document.onmouseup;
-      var isLeftFixed = fixedType === 'left';
-      var isRightFixed = fixedType === 'right';
-      var tableEl = tableRefElem.value; // 计算左右侧固定列偏移量
-
-      var fixedOffsetWidth = 0;
-
-      if (isLeftFixed || isRightFixed) {
-        var siblingProp = isLeftFixed ? 'nextElementSibling' : 'previousElementSibling';
-        var tempCellElem = cell[siblingProp];
-
-        while (tempCellElem) {
-          if (hasClass(tempCellElem, 'fixed--hidden')) {
-            break;
-          } else if (!hasClass(tempCellElem, 'col--group')) {
-            fixedOffsetWidth += tempCellElem.offsetWidth;
-          }
-
-          tempCellElem = tempCellElem[siblingProp];
-        }
-
-        if (isRightFixed && rightContainerElem) {
-          dragPosLeft = rightContainerElem.offsetLeft + fixedOffsetWidth;
-        }
-      } // 处理拖动事件
-
-
-      var updateEvent = function updateEvent(evnt) {
-        evnt.stopPropagation();
-        evnt.preventDefault();
-        var offsetX = evnt.clientX - dragClientX;
-        var left = dragPosLeft + offsetX;
-        var scrollLeft = fixedType ? 0 : tableBodyElem.scrollLeft;
-
-        if (isLeftFixed) {
-          // 左固定列（不允许超过右侧固定列、不允许超过右边距）
-          left = Math.min(left, (rightContainerElem ? rightContainerElem.offsetLeft : tableBodyElem.clientWidth) - fixedOffsetWidth - minInterval);
-        } else if (isRightFixed) {
-          // 右侧固定列（不允许超过左侧固定列、不允许超过左边距）
-          dragMinLeft = (leftContainerElem ? leftContainerElem.clientWidth : 0) + fixedOffsetWidth + minInterval;
-          left = Math.min(left, dragPosLeft + cell.clientWidth - minInterval);
-        } else {
-          dragMinLeft = Math.max(tableBodyElem.scrollLeft, dragMinLeft); // left = Math.min(left, tableBodyElem.clientWidth + tableBodyElem.scrollLeft - 40)
-        }
-
-        dragLeft = Math.max(left, dragMinLeft);
-        resizeBarElem.style.left = "".concat(dragLeft - scrollLeft, "px");
-      };
+      var headerElem = tableHeader ? tableHeader.$el : null;
+      var footerElem = refElem.value;
+      var bodyElem = tableBody.$el;
+      var scrollLeft = footerElem.scrollLeft;
+      var isX = scrollLeft !== lastScrollLeft;
+      tableInternalData.lastScrollLeft = scrollLeft;
+      tableInternalData.lastScrollTime = Date.now();
 
-      tableInternalData._isResize = true;
-      addClass(tableEl, 'drag--resize');
-      resizeBarElem.style.display = 'block';
-      document.onmousemove = updateEvent;
+      if (headerElem) {
+        headerElem.scrollLeft = scrollLeft;
+      }
 
-      document.onmouseup = function (evnt) {
-        document.onmousemove = domMousemove;
-        document.onmouseup = domMouseup;
-        var resizeWidth = column.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft);
-        column.resizeWidth = resizeWidth;
-        resizeBarElem.style.display = 'none';
-        tableInternalData._isResize = false;
-        tableInternalData._lastResizeTime = Date.now();
-        $xetable.analyColumnWidth();
-        $xetable.recalculate(true).then(function () {
-          $xetable.saveCustomResizable();
-          $xetable.updateCellAreas();
-          $xetable.dispatchEvent('resizable-change', _objectSpread2(_objectSpread2({}, params), {}, {
-            resizeWidth: resizeWidth
-          }), evnt);
-        });
-        removeClass(tableEl, 'drag--resize');
-      };
+      if (bodyElem) {
+        bodyElem.scrollLeft = scrollLeft;
+      }
 
-      updateEvent(evnt);
+      if (scrollXLoad && isX) {
+        $xetable.triggerScrollXEvent(evnt);
+      }
 
-      if ($xetable.closeMenu) {
-        $xetable.closeMenu();
+      if (isX && validTip && validTip.reactData.visible) {
+        validTip.updatePlacement();
       }
+
+      $xetable.dispatchEvent('scroll', {
+        type: footer_renderType,
+        fixed: fixedType,
+        scrollTop: bodyElem.scrollTop,
+        scrollLeft: scrollLeft,
+        isX: isX,
+        isY: false
+      }, evnt);
     };
 
-    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
-      return props.tableColumn;
-    }, uploadColumn);
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
       Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
         var fixedType = props.fixedType;
-        var internalData = $xetable.internalData;
-        var elemStore = internalData.elemStore;
-        var prefix = "".concat(fixedType || 'main', "-header-");
+        var elemStore = tableInternalData.elemStore;
+        var prefix = "".concat(fixedType || 'main', "-footer-");
         elemStore["".concat(prefix, "wrapper")] = refElem;
-        elemStore["".concat(prefix, "table")] = refHeaderTable;
-        elemStore["".concat(prefix, "colgroup")] = refHeaderColgroup;
-        elemStore["".concat(prefix, "list")] = refHeaderTHead;
-        elemStore["".concat(prefix, "xSpace")] = refHeaderXSpace;
-        elemStore["".concat(prefix, "repair")] = refHeaderBorderRepair;
-        uploadColumn();
+        elemStore["".concat(prefix, "table")] = refFooterTable;
+        elemStore["".concat(prefix, "colgroup")] = refFooterColgroup;
+        elemStore["".concat(prefix, "list")] = refFooterTFoot;
+        elemStore["".concat(prefix, "xSpace")] = refFooterXSpace;
       });
     });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onUnmounted"])(function () {
       var fixedType = props.fixedType;
-      var internalData = $xetable.internalData;
-      var elemStore = internalData.elemStore;
-      var prefix = "".concat(fixedType || 'main', "-header-");
+      var elemStore = tableInternalData.elemStore;
+      var prefix = "".concat(fixedType || 'main', "-footer-");
       elemStore["".concat(prefix, "wrapper")] = null;
       elemStore["".concat(prefix, "table")] = null;
       elemStore["".concat(prefix, "colgroup")] = null;
       elemStore["".concat(prefix, "list")] = null;
       elemStore["".concat(prefix, "xSpace")] = null;
-      elemStore["".concat(prefix, "repair")] = null;
     });
 
     var renderVN = function renderVN() {
       var fixedType = props.fixedType,
           fixedColumn = props.fixedColumn,
-          tableColumn = props.tableColumn;
-      var resizable = tableProps.resizable,
-          border = tableProps.border,
-          columnKey = tableProps.columnKey,
-          headerRowClassName = tableProps.headerRowClassName,
-          headerCellClassName = tableProps.headerCellClassName,
-          headerRowStyle = tableProps.headerRowStyle,
-          headerCellStyle = tableProps.headerCellStyle,
-          allColumnHeaderOverflow = tableProps.showHeaderOverflow,
-          allHeaderAlign = tableProps.headerAlign,
+          tableColumn = props.tableColumn,
+          footerTableData = props.footerTableData;
+      var footerRowClassName = tableProps.footerRowClassName,
+          footerCellClassName = tableProps.footerCellClassName,
+          footerRowStyle = tableProps.footerRowStyle,
+          footerCellStyle = tableProps.footerCellStyle,
+          allFooterAlign = tableProps.footerAlign,
+          footerSpanMethod = tableProps.footerSpanMethod,
           allAlign = tableProps.align,
-          mouseConfig = tableProps.mouseConfig;
-      var isGroup = tableReactData.isGroup,
-          currentColumn = tableReactData.currentColumn,
-          scrollXLoad = tableReactData.scrollXLoad,
+          columnKey = tableProps.columnKey,
+          allColumnFooterOverflow = tableProps.showFooterOverflow;
+      var visibleColumn = tableInternalData.visibleColumn;
+      var scrollYLoad = tableReactData.scrollYLoad,
           overflowX = tableReactData.overflowX,
-          scrollbarWidth = tableReactData.scrollbarWidth;
-      var columnOpts = computeColumnOpts.value;
-      var headerGroups = headerColumn.value; // 如果是使用优化模式
+          scrollbarWidth = tableReactData.scrollbarWidth,
+          currentColumn = tableReactData.currentColumn,
+          mergeFooterList = tableReactData.mergeFooterList;
+      var tooltipOpts = computeTooltipOpts.value;
+      var columnOpts = computeColumnOpts.value; // 如果是使用优化模式
 
-      if (!isGroup) {
-        if (fixedType) {
-          if (scrollXLoad || allColumnHeaderOverflow) {
+      if (fixedType) {
+        if (scrollYLoad || allColumnFooterOverflow) {
+          if (!mergeFooterList.length || !footerSpanMethod) {
             tableColumn = fixedColumn;
+          } else {
+            tableColumn = visibleColumn;
           }
+        } else {
+          tableColumn = visibleColumn;
         }
-
-        headerGroups = [tableColumn];
       }
 
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
         ref: refElem,
-        class: ['vxe-table--header-wrapper', fixedType ? "fixed-".concat(fixedType, "--wrapper") : 'body--wrapper'],
-        xid: xID
+        class: ['vxe-table--footer-wrapper', fixedType ? "fixed-".concat(fixedType, "--wrapper") : 'body--wrapper'],
+        xid: xID,
+        onScroll: scrollEvent
       }, [fixedType ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])() : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        ref: refHeaderXSpace,
+        ref: refFooterXSpace,
         class: 'vxe-body--x-space'
       }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('table', {
-        ref: refHeaderTable,
-        class: 'vxe-table--header',
+        ref: refFooterTable,
+        class: 'vxe-table--footer',
         xid: xID,
         cellspacing: 0,
         cellpadding: 0,
@@ -32739,7 +32837,7 @@ var header_renderType = 'header';
        * 列宽
        */
       Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('colgroup', {
-        ref: refHeaderColgroup
+        ref: refFooterColgroup
       }, tableColumn.map(function (column, $columnIndex) {
         return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('col', {
           name: column.id,
@@ -32749,133 +32847,177 @@ var header_renderType = 'header';
         name: 'col_gutter'
       })] : [])),
       /**
-       * 头部
+       * 底部
        */
-      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('thead', {
-        ref: refHeaderTHead
-      }, headerGroups.map(function (cols, $rowIndex) {
+      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tfoot', {
+        ref: refFooterTFoot
+      }, footerTableData.map(function (list, _rowIndex) {
+        var $rowIndex = _rowIndex;
         return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tr', {
-          class: ['vxe-header--row', headerRowClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(headerRowClassName) ? headerRowClassName({
+          class: ['vxe-footer--row', footerRowClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(footerRowClassName) ? footerRowClassName({
             $table: $xetable,
+            _rowIndex: _rowIndex,
             $rowIndex: $rowIndex,
             fixed: fixedType,
-            type: header_renderType
-          }) : headerRowClassName : ''],
-          style: headerRowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(headerRowStyle) ? headerRowStyle({
+            type: footer_renderType
+          }) : footerRowClassName : ''],
+          style: footerRowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(footerRowStyle) ? footerRowStyle({
             $table: $xetable,
+            _rowIndex: _rowIndex,
             $rowIndex: $rowIndex,
             fixed: fixedType,
-            type: header_renderType
-          }) : headerRowStyle : null
-        }, cols.map(function (column, $columnIndex) {
-          var _ref;
+            type: footer_renderType
+          }) : footerRowStyle : null
+        }, tableColumn.map(function (column, $columnIndex) {
+          var _ref2;
 
           var type = column.type,
-              showHeaderOverflow = column.showHeaderOverflow,
-              headerAlign = column.headerAlign,
+              showFooterOverflow = column.showFooterOverflow,
+              footerAlign = column.footerAlign,
               align = column.align,
-              headerClassName = column.headerClassName;
+              footerClassName = column.footerClassName;
+          var showAllTip = tooltipOpts.showAll;
           var isColGroup = column.children && column.children.length;
-          var fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : !!column.fixed && overflowX;
-          var headOverflow = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isUndefined(showHeaderOverflow) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
-          var headAlign = headerAlign || align || allHeaderAlign || allAlign;
-          var showEllipsis = headOverflow === 'ellipsis';
-          var showTitle = headOverflow === 'title';
-          var showTooltip = headOverflow === true || headOverflow === 'tooltip';
+          var fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX;
+          var footOverflow = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isUndefined(showFooterOverflow) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow;
+          var footAlign = footerAlign || align || allFooterAlign || allAlign;
+          var showEllipsis = footOverflow === 'ellipsis';
+          var showTitle = footOverflow === 'title';
+          var showTooltip = footOverflow === true || footOverflow === 'tooltip';
           var hasEllipsis = showTitle || showTooltip || showEllipsis;
-          var hasFilter = column.filters && column.filters.some(function (item) {
-            return item.checked;
-          });
+          var attrs = {
+            colid: column.id
+          };
+          var tfOns = {};
           var columnIndex = $xetable.getColumnIndex(column);
 
           var _columnIndex = $xetable.getVTColumnIndex(column);
 
+          var itemIndex = _columnIndex;
           var params = {
             $table: $xetable,
+            _rowIndex: _rowIndex,
             $rowIndex: $rowIndex,
             column: column,
             columnIndex: columnIndex,
             $columnIndex: $columnIndex,
             _columnIndex: _columnIndex,
+            itemIndex: itemIndex,
+            items: list,
             fixed: fixedType,
-            type: header_renderType,
-            isHidden: fixedHiddenColumn,
-            hasFilter: hasFilter
-          };
-          var thOns = {
-            onClick: function onClick(evnt) {
-              return $xetable.triggerHeaderCellClickEvent(evnt, params);
-            },
-            onDblclick: function onDblclick(evnt) {
-              return $xetable.triggerHeaderCellDblclickEvent(evnt, params);
-            }
-          }; // 横向虚拟滚动不支持动态行高
+            type: footer_renderType,
+            data: footerTableData
+          }; // 纵向虚拟滚动不支持动态行高
 
-          if (scrollXLoad && !hasEllipsis) {
+          if (scrollYLoad && !hasEllipsis) {
             showEllipsis = hasEllipsis = true;
-          } // 按下事件处理
+          }
 
+          if (showTitle || showTooltip || showAllTip) {
+            tfOns.onMouseenter = function (evnt) {
+              if (showTitle) {
+                updateCellTitle(evnt.currentTarget, column);
+              } else if (showTooltip || showAllTip) {
+                $xetable.triggerFooterTooltipEvent(evnt, params);
+              }
+            };
+          }
 
-          if (mouseConfig) {
-            thOns.onMousedown = function (evnt) {
-              return $xetable.triggerHeaderCellMousedownEvent(evnt, params);
+          if (showTooltip || showAllTip) {
+            tfOns.onMouseleave = function (evnt) {
+              if (showTooltip || showAllTip) {
+                $xetable.handleTargetLeaveEvent(evnt);
+              }
             };
           }
 
-          return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('th', _objectSpread2(_objectSpread2({
-            class: ['vxe-header--column', column.id, (_ref = {}, _defineProperty(_ref, "col--".concat(headAlign), headAlign), _defineProperty(_ref, "col--".concat(type), type), _defineProperty(_ref, 'col--last', $columnIndex === cols.length - 1), _defineProperty(_ref, 'col--fixed', column.fixed), _defineProperty(_ref, 'col--group', isColGroup), _defineProperty(_ref, 'col--ellipsis', hasEllipsis), _defineProperty(_ref, 'fixed--hidden', fixedHiddenColumn), _defineProperty(_ref, 'is--sortable', column.sortable), _defineProperty(_ref, 'col--filter', !!column.filters), _defineProperty(_ref, 'is--filter-active', hasFilter), _defineProperty(_ref, 'col--current', currentColumn === column), _ref), headerClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(headerClassName) ? headerClassName(params) : headerClassName : '', headerCellClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(headerCellClassName) ? headerCellClassName(params) : headerCellClassName : ''],
-            colid: column.id,
-            colspan: column.colSpan > 1 ? column.colSpan : null,
-            rowspan: column.rowSpan > 1 ? column.rowSpan : null,
-            style: headerCellStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(headerCellStyle) ? headerCellStyle(params) : headerCellStyle : null
-          }, thOns), {}, {
-            key: columnKey || columnOpts.useKey || isColGroup ? column.id : $columnIndex
+          tfOns.onClick = function (evnt) {
+            $xetable.dispatchEvent('footer-cell-click', Object.assign({
+              cell: evnt.currentTarget
+            }, params), evnt);
+          };
+
+          tfOns.onDblclick = function (evnt) {
+            $xetable.dispatchEvent('footer-cell-dblclick', Object.assign({
+              cell: evnt.currentTarget
+            }, params), evnt);
+          }; // 合并行或列
+
+
+          if (mergeFooterList.length) {
+            var spanRest = mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex);
+
+            if (spanRest) {
+              var rowspan = spanRest.rowspan,
+                  colspan = spanRest.colspan;
+
+              if (!rowspan || !colspan) {
+                return null;
+              }
+
+              if (rowspan > 1) {
+                attrs.rowspan = rowspan;
+              }
+
+              if (colspan > 1) {
+                attrs.colspan = colspan;
+              }
+            }
+          } else if (footerSpanMethod) {
+            // 自定义合并方法
+            var _ref = footerSpanMethod(params) || {},
+                _ref$rowspan = _ref.rowspan,
+                _rowspan = _ref$rowspan === void 0 ? 1 : _ref$rowspan,
+                _ref$colspan = _ref.colspan,
+                _colspan = _ref$colspan === void 0 ? 1 : _ref$colspan;
+
+            if (!_rowspan || !_colspan) {
+              return null;
+            }
+
+            if (_rowspan > 1) {
+              attrs.rowspan = _rowspan;
+            }
+
+            if (_colspan > 1) {
+              attrs.colspan = _colspan;
+            }
+          }
+
+          return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('td', _objectSpread2(_objectSpread2(_objectSpread2({
+            class: ['vxe-footer--column', column.id, (_ref2 = {}, _defineProperty(_ref2, "col--".concat(footAlign), footAlign), _defineProperty(_ref2, "col--".concat(type), type), _defineProperty(_ref2, 'col--last', $columnIndex === tableColumn.length - 1), _defineProperty(_ref2, 'fixed--hidden', fixedHiddenColumn), _defineProperty(_ref2, 'col--ellipsis', hasEllipsis), _defineProperty(_ref2, 'col--current', currentColumn === column), _ref2), getPropClass(footerClassName, params), getPropClass(footerCellClassName, params)]
+          }, attrs), {}, {
+            style: footerCellStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(footerCellStyle) ? footerCellStyle(params) : footerCellStyle : null
+          }, tfOns), {}, {
+            key: columnKey || columnOpts.useKey ? column.id : $columnIndex
           }), [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
             class: ['vxe-cell', {
               'c--title': showTitle,
               'c--tooltip': showTooltip,
               'c--ellipsis': showEllipsis
             }]
-          }, column.renderHeader(params)),
-          /**
-           * 列宽拖动
-           */
-          !fixedHiddenColumn && !isColGroup && (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isBoolean(column.resizable) ? column.resizable : columnOpts.resizable || resizable) ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-            class: ['vxe-resizable', {
-              'is--line': !border || border === 'none'
-            }],
-            onMousedown: function onMousedown(evnt) {
-              return resizeMousedown(evnt, params);
-            }
-          }) : null]);
-        }).concat(scrollbarWidth ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('th', {
-          class: 'vxe-header--gutter col--gutter'
+          }, column.renderFooter(params))]);
+        }).concat(scrollbarWidth ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('td', {
+          class: 'vxe-footer--gutter col--gutter'
         })] : []));
-      }))]),
-      /**
-       * 其他
-       */
-      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        ref: refHeaderBorderRepair,
-        class: 'vxe-table--header-border-line'
-      })]);
+      }))])]);
     };
 
     return renderVN;
   }
 }));
-// CONCATENATED MODULE: ./packages/header/index.ts
+// CONCATENATED MODULE: ./packages/footer/index.ts
 
 
 
 
-var Header = Object.assign(header, {
+var Footer = Object.assign(footer, {
   install: function install(app) {
-    app.component(header.name, header);
+    app.component(footer.name, footer);
   }
 });
-dynamicApp.component(header.name, header);
-/* harmony default export */ var packages_header = (Header);
+dynamicApp.component(footer.name, footer);
+/* harmony default export */ var packages_footer = (Footer);
 // CONCATENATED MODULE: ./packages/table/src/table.ts
 
 
@@ -32919,6 +33061,8 @@ dynamicApp.component(header.name, header);
 
 
 
+
+
 
 
 
@@ -36135,7 +36279,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
         var treeOpts = computeTreeOpts.value;
 
         var handleRrecord = function handleRrecord(record) {
-          return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])(tablePrivateMethods.defineField(Object.assign({}, record)));
+          return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])(tablePrivateMethods.defineField(record || {}));
         };
 
         var rows = treeConfig ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.mapTree(records, handleRrecord, treeOpts) : records.map(handleRrecord);
@@ -38023,7 +38167,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
                   if (isClear || // 如果点击了当前表格之外
                   !getEventTargetNode(evnt, el).flag) {
                     setTimeout(function () {
-                      return $xetable.clearActived(evnt);
+                      return $xetable.clearEdit(evnt);
                     });
                   }
                 });
@@ -38115,7 +38259,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
               // 如果是激活编辑状态，则取消编辑
               if (actived.row) {
                 var params = actived.args;
-                $xetable.clearActived(evnt); // 如果配置了选中功能，则为选中状态
+                $xetable.clearEdit(evnt); // 如果配置了选中功能，则为选中状态
 
                 if (mouseOpts.selected) {
                   Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
@@ -38203,7 +38347,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
               // 如果是激活编辑状态，则取消编辑
               if (actived.row) {
                 var _params = actived.args;
-                $xetable.clearActived(evnt); // 如果配置了选中功能，则为选中状态
+                $xetable.clearEdit(evnt); // 如果配置了选中功能，则为选中状态
 
                 if (mouseOpts.selected) {
                   Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
@@ -38242,7 +38386,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
               // 如果是激活编辑状态，则取消编辑
               if (actived.row) {
                 params = actived.args;
-                $xetable.clearActived(evnt); // 如果配置了选中功能，则为选中状态
+                $xetable.clearEdit(evnt); // 如果配置了选中功能，则为选中状态
 
                 if (mouseOpts.selected) {
                   Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
@@ -38538,7 +38682,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
           }
 
           if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(slotFunc)) {
-            return slotFunc(params);
+            return getSlotVNs(slotFunc(params));
           }
         }
 
@@ -38599,7 +38743,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
           var field = column.field,
               editRender = column.editRender;
 
-          if (field && !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.has(record, field)) {
+          if (field && !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.has(record, field) && !record[field]) {
             var cellValue = null;
 
             if (editRender) {
@@ -39001,7 +39145,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
                 })) {
                   external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.set(item, checkField, value);
                   external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.remove(treeIndeterminates, function (half) {
-                    return half === item;
+                    return $xetable.eqRow(half, item);
                   });
                   handleCheckboxReserveRow(row, value);
                 }
@@ -39067,12 +39211,12 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
                     selection.push(item);
                   } else {
                     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.remove(selection, function (select) {
-                      return select === item;
+                      return $xetable.eqRow(select, item);
                     });
                   }
 
                   external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.remove(treeIndeterminates, function (half) {
-                    return half === item;
+                    return $xetable.eqRow(half, item);
                   });
                   handleCheckboxReserveRow(row, value);
                 }
@@ -39959,7 +40103,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
         tableData: tableData,
         tableColumn: tableColumn,
         fixedColumn: fixedColumn
-      }), showFooter ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])('vxe-table-footer'), {
+      }), showFooter ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])(packages_footer, {
         ref: isFixedLeft ? refTableLeftFooter : refTableRightFooter,
         footerTableData: footerTableData,
         tableColumn: tableColumn,
@@ -40433,7 +40577,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
       /**
        * 表尾
        */
-      showFooter ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])('vxe-table-footer'), {
+      showFooter ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])(packages_footer, {
         ref: refTableFooter,
         footerTableData: footerTableData,
         tableColumn: tableColumn
@@ -40544,13 +40688,14 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
 
 
 
-var Table = Object.assign(table, {
+var VxeTable = Object.assign(table, {
   install: function install(app) {
     app.component(table.name, table);
   }
 });
+var Table = VxeTable;
 dynamicApp.component(table.name, table);
-/* harmony default export */ var packages_table = (Table);
+/* harmony default export */ var packages_table = (VxeTable);
 // CONCATENATED MODULE: ./packages/locale/lang/zh-CN.ts
 /* harmony default export */ var zh_CN = ({
   vxe: {
@@ -40896,15 +41041,14 @@ dynamicApp.component(table.name, table);
 
 
 
-
 
 
  // 按需加载的组件
 
 var components = [// 功能模块
-Footer, Icon, Filter, Menu, Edit, Export, Keyboard, Validator, // 可选组件
-Column, Colgroup, Grid, Toolbar, Pager, Checkbox, CheckboxGroup, Radio, RadioGroup, RadioButton, Input, Textarea, Button, Modal, Tooltip, Form, FormItem, FormGather, Select, Optgroup, Option, Switch, List, Pulldown, // 核心
-Table]; // 默认中文
+VxeModuleFilter, VxeModuleMenu, VxeModuleEdit, VxeModuleExport, VxeModuleKeyboard, VxeModuleValidator, // 可选组件
+VxeIcon, VxeColumn, VxeColgroup, VxeGrid, VxeToolbar, VxePager, VxeCheckbox, VxeCheckboxGroup, VxeRadio, VxeRadioGroup, VxeRadioButton, VxeInput, VxeTextarea, VxeButton, VxeModal, VxeTooltip, VxeForm, VxeFormItem, VxeFormGather, VxeSelect, VxeOptgroup, VxeOption, VxeSwitch, VxeList, VxePulldown, // 核心
+VxeTable]; // 默认中文
 
 setup_setup({
   i18n: function i18n(key, args) {
@@ -40953,7 +41097,6 @@ function all_install(app, options) {
 
 
 
-
 
 
 // EXTERNAL MODULE: ./styles/index.scss