vxe-table 4.23.4 → 4.23.6

package/lib/table/module/custom/panel.js

@@ -1,26 +1,46 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var panel_exports = {};
+__export(panel_exports, {
+  createInternalData: () => createInternalData,
+  default: () => panel_default
 });
-exports.createInternalData = createInternalData;
-exports.default = void 0;
-var _vue = require("vue");
-var _comp = require("../../../ui/src/comp");
-var _ui = require("../../../ui");
-var _utils = require("../../../ui/src/utils");
-var _dom = require("../../../ui/src/dom");
-var _log = require("../../../ui/src/log");
-var _xeUtils = _interopRequireDefault(require("xe-utils"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const {
-  errLog
-} = (0, _log.createComponentLog)('table');
-const {
-  getI18n,
-  getIcon,
-  renderEmptyElement
-} = _ui.VxeUI;
+module.exports = __toCommonJS(panel_exports);
+var import_vue = require("vue");
+var import_comp = require("../../../ui/src/comp");
+var import_ui = require("../../../ui");
+var import_utils = require("../../../ui/src/utils");
+var import_dom = require("../../../ui/src/dom");
+var import_log = require("../../../ui/src/log");
+var import_xe_utils = __toESM(require("xe-utils"));
+const { errLog } = (0, import_log.createComponentLog)("table");
+const { getI18n, getIcon, renderEmptyElement } = import_ui.VxeUI;
 function createInternalData() {
   return {
     // teleportTo: undefined,
@@ -32,8 +52,8 @@ function createInternalData() {
     // customDragTime: null
   };
 }
-var _default = exports.default = (0, _comp.defineVxeComponent)({
-  name: 'TableCustomPanel',
+var panel_default = (0, import_comp.defineVxeComponent)({
+  name: "TableCustomPanel",
   props: {
     customStore: {
       type: Object,
@@ -41,38 +61,25 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     }
   },
   setup(props, context) {
-    const xID = _xeUtils.default.uniqueId();
-    const VxeUIModalComponent = _ui.VxeUI.getComponent('VxeModal');
-    const VxeUIDrawerComponent = _ui.VxeUI.getComponent('VxeDrawer');
-    const VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
-    const VxeUINumberInputComponent = _ui.VxeUI.getComponent('VxeNumberInput');
-    const VxeUIRadioGroupComponent = _ui.VxeUI.getComponent('VxeRadioGroup');
-    const $xeTable = (0, _vue.inject)('$xeTable', {});
-    const {
-      props: tableProps,
-      reactData: tableReactData,
-      internalData: tableInternalData
-    } = $xeTable;
-    const {
-      computeSize,
-      computeCustomOpts,
-      computeMouseOpts,
-      computeColumnDragOpts,
-      computeColumnOpts,
-      computeIsMaxFixedColumn,
-      computeResizableOpts,
-      computeAggregateOpts
-    } = $xeTable.getComputeMaps();
-    const refElem = (0, _vue.ref)();
-    const refBodyWrapperElem = (0, _vue.ref)();
-    const refCustomBodyElem = (0, _vue.ref)();
-    const refDragLineElem = (0, _vue.ref)();
-    const refDragTipElem = (0, _vue.ref)();
-    const customPanelReactData = (0, _vue.reactive)({
+    const xID = import_xe_utils.default.uniqueId();
+    const VxeUIModalComponent = import_ui.VxeUI.getComponent("VxeModal");
+    const VxeUIDrawerComponent = import_ui.VxeUI.getComponent("VxeDrawer");
+    const VxeUIButtonComponent = import_ui.VxeUI.getComponent("VxeButton");
+    const VxeUINumberInputComponent = import_ui.VxeUI.getComponent("VxeNumberInput");
+    const VxeUIRadioGroupComponent = import_ui.VxeUI.getComponent("VxeRadioGroup");
+    const $xeTable = (0, import_vue.inject)("$xeTable", {});
+    const { props: tableProps, reactData: tableReactData, internalData: tableInternalData } = $xeTable;
+    const { computeSize, computeCustomOpts, computeMouseOpts, computeColumnDragOpts, computeColumnOpts, computeIsMaxFixedColumn, computeResizableOpts, computeAggregateOpts } = $xeTable.getComputeMaps();
+    const refElem = (0, import_vue.ref)();
+    const refBodyWrapperElem = (0, import_vue.ref)();
+    const refCustomBodyElem = (0, import_vue.ref)();
+    const refDragLineElem = (0, import_vue.ref)();
+    const refDragTipElem = (0, import_vue.ref)();
+    const customPanelReactData = (0, import_vue.reactive)({
       dragCol: null,
       dragGroupField: null,
       dragAggFnCol: null,
-      dragTipText: ''
+      dragTipText: ""
     });
     let customPanelInternalData = createInternalData();
     const refMaps = {
@@ -83,17 +90,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       refDragTipElem
     };
     const computeMaps = {};
-    const handleWrapperMouseenterEvent = evnt => {
-      const {
-        customStore
-      } = props;
+    const handleWrapperMouseenterEvent = (evnt) => {
+      const { customStore } = props;
       customStore.activeWrapper = true;
       $xeTable.customOpenEvent(evnt);
     };
-    const handleWrapperMouseleaveEvent = evnt => {
-      const {
-        customStore
-      } = props;
+    const handleWrapperMouseleaveEvent = (evnt) => {
+      const { customStore } = props;
       customStore.activeWrapper = false;
       setTimeout(() => {
         if (!customStore.activeBtn && !customStore.activeWrapper) {
@@ -101,52 +104,44 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         }
       }, 300);
     };
-    const confirmCustomEvent = ({
-      $event
-    }) => {
+    const confirmCustomEvent = ({ $event }) => {
       tableReactData.isCustomStatus = true;
       $xeTable.saveCustom();
       $xeTable.closeCustom();
-      $xeTable.emitCustomEvent('confirm', $event);
-      $xeTable.dispatchEvent('custom-confirm', {}, $event);
-      $xeTable.emitCustomEvent('close', $event);
-      $xeTable.dispatchEvent('custom-close', {}, $event);
+      $xeTable.emitCustomEvent("confirm", $event);
+      $xeTable.dispatchEvent("custom-confirm", {}, $event);
+      $xeTable.emitCustomEvent("close", $event);
+      $xeTable.dispatchEvent("custom-close", {}, $event);
     };
-    const cancelCloseEvent = ({
-      $event
-    }) => {
+    const cancelCloseEvent = ({ $event }) => {
       $xeTable.closeCustom();
-      $xeTable.emitCustomEvent('close', $event);
-      $xeTable.dispatchEvent('custom-close', {}, $event);
+      $xeTable.emitCustomEvent("close", $event);
+      $xeTable.dispatchEvent("custom-close", {}, $event);
     };
-    const cancelCustomEvent = ({
-      $event
-    }) => {
+    const cancelCustomEvent = ({ $event }) => {
       $xeTable.cancelCustom();
       $xeTable.closeCustom();
-      $xeTable.emitCustomEvent('cancel', $event);
-      $xeTable.dispatchEvent('custom-cancel', {}, $event);
-      $xeTable.emitCustomEvent('close', $event);
-      $xeTable.dispatchEvent('custom-close', {}, $event);
+      $xeTable.emitCustomEvent("cancel", $event);
+      $xeTable.dispatchEvent("custom-cancel", {}, $event);
+      $xeTable.emitCustomEvent("close", $event);
+      $xeTable.dispatchEvent("custom-close", {}, $event);
     };
-    const handleResetCustomEvent = evnt => {
+    const handleResetCustomEvent = (evnt) => {
       $xeTable.resetCustom(true);
       $xeTable.closeCustom();
-      $xeTable.emitCustomEvent('reset', evnt);
-      $xeTable.dispatchEvent('custom-reset', {}, evnt);
-      $xeTable.emitCustomEvent('close', evnt);
-      $xeTable.dispatchEvent('custom-close', {}, evnt);
+      $xeTable.emitCustomEvent("reset", evnt);
+      $xeTable.dispatchEvent("custom-reset", {}, evnt);
+      $xeTable.emitCustomEvent("close", evnt);
+      $xeTable.dispatchEvent("custom-close", {}, evnt);
     };
-    const resetCustomEvent = ({
-      $event
-    }) => {
-      if (_ui.VxeUI.modal) {
-        _ui.VxeUI.modal.confirm({
-          content: getI18n('vxe.custom.cstmConfirmRestore'),
-          className: 'vxe-table--ignore-clear',
+    const resetCustomEvent = ({ $event }) => {
+      if (import_ui.VxeUI.modal) {
+        import_ui.VxeUI.modal.confirm({
+          content: getI18n("vxe.custom.cstmConfirmRestore"),
+          className: "vxe-table--ignore-clear",
           escClosable: true
-        }).then(type => {
-          if (type === 'confirm') {
+        }).then((type) => {
+          if (type === "confirm") {
             handleResetCustomEvent($event);
           }
         });
@@ -154,18 +149,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         handleResetCustomEvent($event);
       }
     };
-    const handleOptionCheck = column => {
-      const {
-        customColumnList
-      } = tableReactData;
-      const matchObj = _xeUtils.default.findTree(customColumnList, item => item === column);
+    const handleOptionCheck = (column) => {
+      const { customColumnList } = tableReactData;
+      const matchObj = import_xe_utils.default.findTree(customColumnList, (item) => item === column);
       if (matchObj && matchObj.parent) {
-        const {
-          parent: parentItem
-        } = matchObj;
+        const { parent: parentItem } = matchObj;
         if (parentItem.children && parentItem.children.length) {
-          parentItem.renderVisible = parentItem.children.every(column => column.renderVisible);
-          parentItem.halfVisible = !parentItem.renderVisible && parentItem.children.some(column => column.renderVisible || column.halfVisible);
+          parentItem.renderVisible = parentItem.children.every((column2) => column2.renderVisible);
+          parentItem.halfVisible = !parentItem.renderVisible && parentItem.children.some((column2) => column2.renderVisible || column2.halfVisible);
           handleOptionCheck(parentItem);
         }
       }
@@ -174,28 +165,25 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const isChecked = !column.renderVisible;
       const customOpts = computeCustomOpts.value;
       if (customOpts.immediate) {
-        _xeUtils.default.eachTree([column], item => {
+        import_xe_utils.default.eachTree([column], (item) => {
           item.visible = isChecked;
           item.renderVisible = isChecked;
           item.halfVisible = false;
         });
         tableReactData.isCustomStatus = true;
         $xeTable.handleCustom();
-        $xeTable.saveCustomStore('update:visible');
+        $xeTable.saveCustomStore("update:visible");
       } else {
-        _xeUtils.default.eachTree([column], item => {
+        import_xe_utils.default.eachTree([column], (item) => {
           item.renderVisible = isChecked;
           item.halfVisible = false;
         });
       }
       handleOptionCheck(column);
       $xeTable.checkCustomStatus();
-      $xeTable.dispatchEvent('custom-visible-change', {
-        column,
-        checked: isChecked
-      }, evnt);
+      $xeTable.dispatchEvent("custom-visible-change", { column, checked: isChecked }, evnt);
     };
-    const changeColumnWidth = column => {
+    const changeColumnWidth = (column) => {
       const customOpts = computeCustomOpts.value;
       if (customOpts.immediate) {
         if (column.renderResizeWidth !== column.renderWidth) {
@@ -203,7 +191,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           column.renderWidth = column.renderResizeWidth;
           tableReactData.isCustomStatus = true;
           $xeTable.handleCustom();
-          $xeTable.saveCustomStore('update:width');
+          $xeTable.saveCustomStore("update:width");
         }
       }
     };
@@ -213,15 +201,15 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       let targetFixed = null;
       if (customOpts.immediate) {
         if (column.renderFixed === colFixed) {
-          targetFixed = '';
-          _xeUtils.default.eachTree([column], col => {
-            col.fixed = '';
-            col.renderFixed = '';
+          targetFixed = "";
+          import_xe_utils.default.eachTree([column], (col) => {
+            col.fixed = "";
+            col.renderFixed = "";
           });
         } else {
           if (!isMaxFixedColumn || column.renderFixed) {
             targetFixed = colFixed;
-            _xeUtils.default.eachTree([column], col => {
+            import_xe_utils.default.eachTree([column], (col) => {
               col.fixed = colFixed;
               col.renderFixed = colFixed;
             });
@@ -229,27 +217,24 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         }
         tableReactData.isCustomStatus = true;
         $xeTable.handleCustom();
-        $xeTable.saveCustomStore('update:fixed');
+        $xeTable.saveCustomStore("update:fixed");
       } else {
         if (column.renderFixed === colFixed) {
-          targetFixed = '';
-          _xeUtils.default.eachTree([column], col => {
-            col.renderFixed = '';
+          targetFixed = "";
+          import_xe_utils.default.eachTree([column], (col) => {
+            col.renderFixed = "";
           });
         } else {
           if (!isMaxFixedColumn || column.renderFixed) {
             targetFixed = colFixed;
-            _xeUtils.default.eachTree([column], col => {
+            import_xe_utils.default.eachTree([column], (col) => {
               col.renderFixed = colFixed;
             });
           }
         }
       }
       if (targetFixed !== null) {
-        $xeTable.dispatchEvent('custom-fixed-change', {
-          column,
-          fixed: targetFixed
-        }, evnt);
+        $xeTable.dispatchEvent("custom-fixed-change", { column, fixed: targetFixed }, evnt);
       }
     };
     const changeAlignOption = (column, targetAlign, colProperty, renderProperty, eName, evnt) => {
@@ -263,20 +248,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       } else {
         column[renderProperty] = targetAlign;
       }
-      $xeTable.dispatchEvent(eName, {
-        column,
-        [colProperty]: targetAlign
-      }, evnt);
+      $xeTable.dispatchEvent(eName, { column, [colProperty]: targetAlign }, evnt);
     };
-    const allOptionEvent = evnt => {
-      const {
-        customStore
-      } = tableReactData;
+    const allOptionEvent = (evnt) => {
+      const { customStore } = tableReactData;
       const isAll = !customStore.isAll;
       $xeTable.toggleCustomAllCheckbox();
-      $xeTable.dispatchEvent('custom-visible-all', {
-        checked: isAll
-      }, evnt);
+      $xeTable.dispatchEvent("custom-visible-all", { checked: isAll }, evnt);
     };
     const showDropTip = (evnt, optEl, showLine, dragPos) => {
       const bodyWrapperElem = refBodyWrapperElem.value;
@@ -287,9 +265,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       if (!customBodyElem) {
         return;
       }
-      const {
-        prevDragToChild
-      } = customPanelInternalData;
+      const { prevDragToChild } = customPanelInternalData;
       const bodyWrapperRect = bodyWrapperElem.getBoundingClientRect();
       const customBodyRect = customBodyElem.getBoundingClientRect();
       const dragLineEl = refDragLineElem.value;
@@ -297,47 +273,43 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         if (dragLineEl) {
           if (showLine) {
             const optRect = optEl.getBoundingClientRect();
-            dragLineEl.style.display = 'block';
+            dragLineEl.style.display = "block";
             dragLineEl.style.left = `${Math.max(0, customBodyRect.x - bodyWrapperRect.x)}px`;
             dragLineEl.style.top = `${Math.max(1, optRect.y + bodyWrapperElem.scrollTop - bodyWrapperRect.y)}px`;
             dragLineEl.style.height = `${optRect.height}px`;
             dragLineEl.style.width = `${optRect.width}px`;
-            dragLineEl.setAttribute('drag-pos', dragPos);
-            dragLineEl.setAttribute('drag-to-child', prevDragToChild ? 'y' : 'n');
+            dragLineEl.setAttribute("drag-pos", dragPos);
+            dragLineEl.setAttribute("drag-to-child", prevDragToChild ? "y" : "n");
           } else {
-            dragLineEl.style.display = '';
+            dragLineEl.style.display = "";
           }
         }
       } else {
         if (dragLineEl) {
-          dragLineEl.style.display = 'node';
+          dragLineEl.style.display = "node";
         }
       }
       const dragTipEl = refDragTipElem.value;
       if (dragTipEl) {
-        dragTipEl.style.display = 'block';
+        dragTipEl.style.display = "block";
         dragTipEl.style.top = `${Math.min(bodyWrapperElem.clientHeight + bodyWrapperElem.scrollTop - dragTipEl.clientHeight, evnt.clientY + bodyWrapperElem.scrollTop - bodyWrapperRect.y)}px`;
         dragTipEl.style.left = `${Math.min(bodyWrapperElem.clientWidth + bodyWrapperElem.scrollLeft - dragTipEl.clientWidth, evnt.clientX + bodyWrapperElem.scrollLeft - bodyWrapperRect.x)}px`;
-        dragTipEl.setAttribute('drag-status', showLine ? prevDragToChild ? 'sub' : 'normal' : 'disabled');
+        dragTipEl.setAttribute("drag-status", showLine ? prevDragToChild ? "sub" : "normal" : "disabled");
       }
     };
     const updateColDropTipContent = () => {
-      const {
-        dragCol
-      } = customPanelReactData;
+      const { dragCol } = customPanelReactData;
       const columnDragOpts = computeColumnDragOpts.value;
-      const {
-        tooltipMethod
-      } = columnDragOpts;
-      let tipContent = '';
+      const { tooltipMethod } = columnDragOpts;
+      let tipContent = "";
       if (tooltipMethod) {
         const dtParams = {
           $table: $xeTable,
           column: dragCol
         };
-        tipContent = `${tooltipMethod(dtParams) || ''}`;
+        tipContent = `${tooltipMethod(dtParams) || ""}`;
       } else {
-        tipContent = getI18n('vxe.custom.cstmDragTarget', [dragCol && dragCol.type !== 'html' ? dragCol.getTitle() : '']);
+        tipContent = getI18n("vxe.custom.cstmDragTarget", [dragCol && dragCol.type !== "html" ? dragCol.getTitle() : ""]);
       }
       customPanelReactData.dragTipText = tipContent;
     };
@@ -345,27 +317,27 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const dragTipEl = refDragTipElem.value;
       const dragLineEl = refDragLineElem.value;
       if (dragTipEl) {
-        dragTipEl.style.display = '';
+        dragTipEl.style.display = "";
       }
       if (dragLineEl) {
-        dragLineEl.style.display = '';
+        dragLineEl.style.display = "";
       }
     };
-    const sortMousedownEvent = evnt => {
+    const sortMousedownEvent = (evnt) => {
       const btnEl = evnt.currentTarget;
       const cellEl = btnEl.parentElement;
       const tdEl = cellEl.parentElement;
       const trEl = tdEl.parentElement;
-      const colid = trEl.getAttribute('colid');
+      const colid = trEl.getAttribute("colid");
       const column = $xeTable.getColumnById(colid);
       trEl.draggable = true;
       customPanelReactData.dragCol = column;
       customPanelReactData.dragGroupField = null;
       customPanelReactData.dragAggFnCol = null;
       updateColDropTipContent();
-      (0, _dom.addClass)(trEl, 'active--drag-origin');
+      (0, import_dom.addClass)(trEl, "active--drag-origin");
     };
-    const sortMouseupEvent = evnt => {
+    const sortMouseupEvent = (evnt) => {
       const btnEl = evnt.currentTarget;
       const cellEl = btnEl.parentElement;
       const tdEl = cellEl.parentElement;
@@ -375,14 +347,12 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       customPanelReactData.dragCol = null;
       customPanelReactData.dragGroupField = null;
       customPanelReactData.dragAggFnCol = null;
-      (0, _dom.removeClass)(trEl, 'active--drag-origin');
+      (0, import_dom.removeClass)(trEl, "active--drag-origin");
     };
-    const sortDragstartEvent = evnt => {
-      const {
-        customDragTime
-      } = customPanelInternalData;
+    const sortDragstartEvent = (evnt) => {
+      const { customDragTime } = customPanelInternalData;
       if (evnt.dataTransfer) {
-        evnt.dataTransfer.setDragImage((0, _dom.getTpImg)(), 0, 0);
+        evnt.dataTransfer.setDragImage((0, import_dom.getTpImg)(), 0, 0);
       }
       if (customDragTime) {
         clearTimeout(customDragTime);
@@ -391,75 +361,51 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       customPanelInternalData.prevDragGroupField = null;
       customPanelInternalData.prevDragAggFnColid = null;
     };
-    const sortDragendEvent = evnt => {
-      const {
-        mouseConfig
-      } = tableProps;
-      const {
-        customColumnList
-      } = tableReactData;
-      const {
-        collectColumn
-      } = tableInternalData;
+    const sortDragendEvent = (evnt) => {
+      const { mouseConfig } = tableProps;
+      const { customColumnList } = tableReactData;
+      const { collectColumn } = tableInternalData;
       const customOpts = computeCustomOpts.value;
       const mouseOpts = computeMouseOpts.value;
-      const {
-        immediate
-      } = customOpts;
+      const { immediate } = customOpts;
       const trEl = evnt.currentTarget;
       const columnDragOpts = computeColumnDragOpts.value;
-      const {
-        isCrossDrag,
-        isPeerDrag,
-        isSelfToChildDrag,
-        isToChildDrag,
-        dragEndMethod
-      } = columnDragOpts;
-      const {
-        dragCol
-      } = customPanelReactData;
-      const {
-        prevDragCol,
-        prevDragGroupField,
-        prevDragAggFnColid,
-        prevDragPos,
-        prevDragToChild
-      } = customPanelInternalData;
-      const dragOffsetIndex = prevDragPos === 'bottom' ? 1 : 0;
+      const { isCrossDrag, isPeerDrag, isSelfToChildDrag, isToChildDrag, dragEndMethod } = columnDragOpts;
+      const { dragCol } = customPanelReactData;
+      const { prevDragCol, prevDragGroupField, prevDragAggFnColid, prevDragPos, prevDragToChild } = customPanelInternalData;
+      const dragOffsetIndex = prevDragPos === "bottom" ? 1 : 0;
       if (prevDragGroupField || prevDragAggFnColid) {
         if ($xeTable.handlePivotTableAggPanelDragendEvent) {
           $xeTable.handlePivotTableAggPanelDragendEvent(evnt);
         }
       } else if (prevDragCol && dragCol) {
-        // 判断是否有拖动
         if (prevDragCol !== dragCol) {
           const dragColumn = dragCol;
           const newColumn = prevDragCol;
-          Promise.resolve(dragEndMethod ? dragEndMethod({
-            oldColumn: dragColumn,
-            newColumn,
-            dragColumn,
-            dragPos: prevDragPos,
-            dragToChild: !!prevDragToChild,
-            offsetIndex: dragOffsetIndex
-          }) : true).then(status => {
+          Promise.resolve(
+            dragEndMethod ? dragEndMethod({
+              oldColumn: dragColumn,
+              newColumn,
+              dragColumn,
+              dragPos: prevDragPos,
+              dragToChild: !!prevDragToChild,
+              offsetIndex: dragOffsetIndex
+            }) : true
+          ).then((status) => {
             if (!status) {
               return;
             }
             let oafIndex = -1;
             let nafIndex = -1;
             const oldAllMaps = {};
-            _xeUtils.default.eachTree([dragColumn], column => {
+            import_xe_utils.default.eachTree([dragColumn], (column) => {
               oldAllMaps[column.id] = column;
             });
             let isSelfToChildStatus = false;
-            // 只有实时拖拽支持跨层级
             if (immediate) {
               if (dragColumn.parentId && newColumn.parentId) {
-                // 子到子
                 if (isPeerDrag && !isCrossDrag) {
                   if (dragColumn.parentId !== newColumn.parentId) {
-                    // 非同级
                     return;
                   }
                 } else {
@@ -469,10 +415,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
                   if (oldAllMaps[newColumn.id]) {
                     isSelfToChildStatus = true;
                     if (!(isCrossDrag && isSelfToChildDrag)) {
-                      if (_ui.VxeUI.modal) {
-                        _ui.VxeUI.modal.message({
-                          status: 'error',
-                          content: getI18n('vxe.error.treeDragChild')
+                      if (import_ui.VxeUI.modal) {
+                        import_ui.VxeUI.modal.message({
+                          status: "error",
+                          content: getI18n("vxe.error.treeDragChild")
                         });
                       }
                       return;
@@ -480,40 +426,33 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
                   }
                 }
               } else if (dragColumn.parentId) {
-                // 子到根
                 if (!isCrossDrag) {
                   return;
                 }
               } else if (newColumn.parentId) {
-                // 根到子
                 if (!isCrossDrag) {
                   return;
                 }
                 if (oldAllMaps[newColumn.id]) {
                   isSelfToChildStatus = true;
                   if (!(isCrossDrag && isSelfToChildDrag)) {
-                    if (_ui.VxeUI.modal) {
-                      _ui.VxeUI.modal.message({
-                        status: 'error',
-                        content: getI18n('vxe.error.treeDragChild')
+                    if (import_ui.VxeUI.modal) {
+                      import_ui.VxeUI.modal.message({
+                        status: "error",
+                        content: getI18n("vxe.error.treeDragChild")
                       });
                     }
                     return;
                   }
                 }
               } else {
-                // 根到根
               }
-              const oldewMatchRest = _xeUtils.default.findTree(collectColumn, item => item.id === dragColumn.id);
-              // 改变层级
-              if (isSelfToChildStatus && isCrossDrag && isSelfToChildDrag) {
+              const oldewMatchRest = import_xe_utils.default.findTree(collectColumn, (item) => item.id === dragColumn.id);
+              if (isSelfToChildStatus && (isCrossDrag && isSelfToChildDrag)) {
                 if (oldewMatchRest) {
-                  const {
-                    items: oCols,
-                    index: oIndex
-                  } = oldewMatchRest;
+                  const { items: oCols, index: oIndex } = oldewMatchRest;
                   const childList = dragColumn.children || [];
-                  childList.forEach(column => {
+                  childList.forEach((column) => {
                     column.parentId = dragColumn.parentId;
                   });
                   oCols.splice(oIndex, 1, ...childList);
@@ -521,25 +460,16 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
                 }
               } else {
                 if (oldewMatchRest) {
-                  const {
-                    items: oCols,
-                    index: oIndex,
-                    parent: oParent
-                  } = oldewMatchRest;
+                  const { items: oCols, index: oIndex, parent: oParent } = oldewMatchRest;
                   oCols.splice(oIndex, 1);
                   if (!oParent) {
                     oafIndex = oIndex;
                   }
                 }
               }
-              const newMatchRest = _xeUtils.default.findTree(collectColumn, item => item.id === newColumn.id);
+              const newMatchRest = import_xe_utils.default.findTree(collectColumn, (item) => item.id === newColumn.id);
               if (newMatchRest) {
-                const {
-                  items: nCols,
-                  index: nIndex,
-                  parent: nParent
-                } = newMatchRest;
-                // 转子级
+                const { items: nCols, index: nIndex, parent: nParent } = newMatchRest;
                 if (isCrossDrag && isToChildDrag && prevDragToChild) {
                   dragColumn.parentId = newColumn.id;
                   newColumn.children = (newColumn.children || []).concat([dragColumn]);
@@ -551,19 +481,19 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
                   nafIndex = nIndex;
                 }
               }
-              _xeUtils.default.eachTree(collectColumn, (column, index, items, path, parentItem) => {
+              import_xe_utils.default.eachTree(collectColumn, (column, index, items, path, parentItem) => {
                 if (!parentItem) {
                   const sortIndex = index + 1;
                   column.renderSortNumber = sortIndex;
                 }
               });
             } else {
-              oafIndex = _xeUtils.default.findIndexOf(customColumnList, item => item.id === dragColumn.id);
+              oafIndex = import_xe_utils.default.findIndexOf(customColumnList, (item) => item.id === dragColumn.id);
               customColumnList.splice(oafIndex, 1);
-              nafIndex = _xeUtils.default.findIndexOf(customColumnList, item => item.id === newColumn.id);
+              nafIndex = import_xe_utils.default.findIndexOf(customColumnList, (item) => item.id === newColumn.id);
               customColumnList.splice(nafIndex + dragOffsetIndex, 0, dragColumn);
             }
-            if ((0, _utils.hasEnableConf)(mouseConfig, mouseOpts)) {
+            if ((0, import_utils.hasEnableConf)(mouseConfig, mouseOpts)) {
               if ($xeTable.clearSelected) {
                 $xeTable.clearSelected();
               }
@@ -583,14 +513,15 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
                 oldIndex: oafIndex
               }
             };
-            $xeTable.dispatchEvent('custom-sort-change', csParams, evnt);
-            $xeTable.dispatchEvent('column-dragend', csParams, evnt);
+            $xeTable.dispatchEvent("custom-sort-change", csParams, evnt);
+            $xeTable.dispatchEvent("column-dragend", csParams, evnt);
             if (immediate) {
               tableReactData.customColumnList = collectColumn.slice(0);
               $xeTable.handleColDragSwapColumn();
             }
             clearDragAnimateStatus();
-          }).catch(() => {});
+          }).catch(() => {
+          });
         }
       }
       hideDropTip();
@@ -600,37 +531,26 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       customPanelInternalData.prevDragGroupField = null;
       customPanelInternalData.prevDragAggFnColid = null;
       trEl.draggable = false;
-      trEl.removeAttribute('drag-pos');
-      (0, _dom.removeClass)(trEl, 'active--drag-target');
-      (0, _dom.removeClass)(trEl, 'active--drag-origin');
+      trEl.removeAttribute("drag-pos");
+      (0, import_dom.removeClass)(trEl, "active--drag-target");
+      (0, import_dom.removeClass)(trEl, "active--drag-origin");
     };
-    const sortDragoverEvent = evnt => {
+    const sortDragoverEvent = (evnt) => {
       const customOpts = computeCustomOpts.value;
-      const {
-        showSortDragButton,
-        allowSort,
-        immediate
-      } = customOpts;
+      const { showSortDragButton, allowSort, immediate } = customOpts;
       const columnDragOpts = computeColumnDragOpts.value;
-      const {
-        isCrossDrag,
-        isPeerDrag,
-        isToChildDrag
-      } = columnDragOpts;
+      const { isCrossDrag, isPeerDrag, isToChildDrag } = columnDragOpts;
       const optEl = evnt.currentTarget;
-      const isControlKey = (0, _dom.hasControlKey)(evnt);
-      const colid = optEl.getAttribute('colid');
+      const isControlKey = (0, import_dom.hasControlKey)(evnt);
+      const colid = optEl.getAttribute("colid");
       const column = $xeTable.getColumnById(colid);
-      const {
-        dragCol
-      } = customPanelReactData;
+      const { dragCol } = customPanelReactData;
       customPanelInternalData.prevDragGroupField = null;
       customPanelInternalData.prevDragAggFnColid = null;
-      // 是否移入有效列
       if (column && (isCrossDrag || isPeerDrag || column.level === 1)) {
         evnt.preventDefault();
         const offsetY = evnt.clientY - optEl.getBoundingClientRect().y;
-        const dragPos = offsetY < optEl.clientHeight / 2 ? 'top' : 'bottom';
+        const dragPos = offsetY < optEl.clientHeight / 2 ? "top" : "bottom";
         if (!dragCol || !(showSortDragButton && allowSort) || dragCol && dragCol.id === column.id || !isCrossDrag && (isPeerDrag ? dragCol.parentId !== column.parentId : column.level > 1) || !immediate && column.level > 1 || !isCrossDrag && (isPeerDrag ? dragCol.parentId !== column.parentId : dragCol.level > 1) || !immediate && dragCol.level > 1) {
           showDropTip(evnt, optEl, false, dragPos);
           return;
@@ -644,23 +564,17 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const clearDragAnimateStatus = () => {
       customPanelInternalData.customDragTime = setTimeout(() => {
         tableReactData.isCustomDragStatus = false;
-        customPanelInternalData.customDragTime = undefined;
+        customPanelInternalData.customDragTime = void 0;
       }, 350);
     };
     const sortMoveUpEvent = (evntParame, column) => {
-      const {
-        customColumnList
-      } = tableReactData;
-      const matchObj = _xeUtils.default.findTree(customColumnList, item => item === column);
+      const { customColumnList } = tableReactData;
+      const matchObj = import_xe_utils.default.findTree(customColumnList, (item) => item === column);
       if (matchObj) {
-        const {
-          item,
-          items,
-          index
-        } = matchObj;
+        const { item, items, index } = matchObj;
         if (index > 0) {
           tableReactData.isCustomDragStatus = true;
-          (0, _vue.nextTick)(() => {
+          (0, import_vue.nextTick)(() => {
             items.splice(index, 1);
             items.splice(index - 1, 0, item);
             clearDragAnimateStatus();
@@ -669,19 +583,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }
     };
     const sortMoveDnEvent = (evntParame, column) => {
-      const {
-        customColumnList
-      } = tableReactData;
-      const matchObj = _xeUtils.default.findTree(customColumnList, item => item === column);
+      const { customColumnList } = tableReactData;
+      const matchObj = import_xe_utils.default.findTree(customColumnList, (item) => item === column);
       if (matchObj) {
-        const {
-          item,
-          items,
-          index
-        } = matchObj;
+        const { item, items, index } = matchObj;
         if (index < items.length - 1) {
           tableReactData.isCustomDragStatus = true;
-          (0, _vue.nextTick)(() => {
+          (0, import_vue.nextTick)(() => {
             items.splice(index, 1);
             items.splice(index + 1, 0, item);
             clearDragAnimateStatus();
@@ -690,20 +598,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }
     };
     const sortMoveTopEvent = (evntParame, column) => {
-      const {
-        customColumnList
-      } = tableReactData;
-      const matchObj = _xeUtils.default.findTree(customColumnList, item => item === column);
+      const { customColumnList } = tableReactData;
+      const matchObj = import_xe_utils.default.findTree(customColumnList, (item) => item === column);
       if (matchObj) {
-        const {
-          item,
-          items,
-          index,
-          parent: parentItem
-        } = matchObj;
+        const { item, items, index, parent: parentItem } = matchObj;
         if (parentItem || index > 0) {
           tableReactData.isCustomDragStatus = true;
-          (0, _vue.nextTick)(() => {
+          (0, import_vue.nextTick)(() => {
             item.parentId = null;
             items.splice(index, 1);
             customColumnList.unshift(item);
@@ -713,20 +614,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }
     };
     const sortMoveBottomEvent = (evntParame, column) => {
-      const {
-        customColumnList
-      } = tableReactData;
-      const matchObj = _xeUtils.default.findTree(customColumnList, item => item === column);
+      const { customColumnList } = tableReactData;
+      const matchObj = import_xe_utils.default.findTree(customColumnList, (item) => item === column);
       if (matchObj) {
-        const {
-          item,
-          items,
-          index,
-          parent: parentItem
-        } = matchObj;
+        const { item, items, index, parent: parentItem } = matchObj;
         if (parentItem || index < items.length - 1) {
           tableReactData.isCustomDragStatus = true;
-          (0, _vue.nextTick)(() => {
+          (0, import_vue.nextTick)(() => {
             item.parentId = null;
             items.splice(index, 1);
             customColumnList.push(item);
@@ -736,79 +630,62 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }
     };
     const renderDragTip = () => {
-      const {
-        dragTipText
-      } = customPanelReactData;
+      const { dragTipText } = customPanelReactData;
       const columnDragOpts = computeColumnDragOpts.value;
-      return (0, _vue.h)('div', {}, [(0, _vue.h)('div', {
-        ref: refDragLineElem,
-        class: ['vxe-table-custom-popup--drag-line', {
-          'is--guides': columnDragOpts.showGuidesStatus
-        }]
-      }), (0, _vue.h)('div', {
-        ref: refDragTipElem,
-        class: 'vxe-table-custom-popup--drag-tip'
-      }, [(0, _vue.h)('div', {
-        class: 'vxe-table-custom-popup--drag-tip-wrapper'
-      }, [(0, _vue.h)('div', {
-        class: 'vxe-table-custom-popup--drag-tip-status'
-      }, [(0, _vue.h)('span', {
-        class: ['vxe-table-custom-popup--drag-tip-normal-status', getIcon().TABLE_DRAG_STATUS_ROW]
-      }), (0, _vue.h)('span', {
-        class: ['vxe-table-custom-popup--drag-tip-sub-status', getIcon().TABLE_DRAG_STATUS_SUB_ROW]
-      }), (0, _vue.h)('span', {
-        class: ['vxe-table-custom-popup--drag-tip-group-status', getIcon().TABLE_DRAG_STATUS_AGG_GROUP]
-      }), (0, _vue.h)('span', {
-        class: ['vxe-table-custom-popup--drag-tip-values-status', getIcon().TABLE_DRAG_STATUS_AGG_VALUES]
-      }), (0, _vue.h)('span', {
-        class: ['vxe-table-custom-popup--drag-tip-disabled-status', getIcon().TABLE_DRAG_DISABLED]
-      })]), (0, _vue.h)('div', {
-        class: 'vxe-table-custom-popup--drag-tip-content'
-      }, `${dragTipText || ''}`)])])]);
+      return (0, import_vue.h)("div", {}, [
+        (0, import_vue.h)("div", {
+          ref: refDragLineElem,
+          class: ["vxe-table-custom-popup--drag-line", {
+            "is--guides": columnDragOpts.showGuidesStatus
+          }]
+        }),
+        (0, import_vue.h)("div", {
+          ref: refDragTipElem,
+          class: "vxe-table-custom-popup--drag-tip"
+        }, [
+          (0, import_vue.h)("div", {
+            class: "vxe-table-custom-popup--drag-tip-wrapper"
+          }, [
+            (0, import_vue.h)("div", {
+              class: "vxe-table-custom-popup--drag-tip-status"
+            }, [
+              (0, import_vue.h)("span", {
+                class: ["vxe-table-custom-popup--drag-tip-normal-status", getIcon().TABLE_DRAG_STATUS_ROW]
+              }),
+              (0, import_vue.h)("span", {
+                class: ["vxe-table-custom-popup--drag-tip-sub-status", getIcon().TABLE_DRAG_STATUS_SUB_ROW]
+              }),
+              (0, import_vue.h)("span", {
+                class: ["vxe-table-custom-popup--drag-tip-group-status", getIcon().TABLE_DRAG_STATUS_AGG_GROUP]
+              }),
+              (0, import_vue.h)("span", {
+                class: ["vxe-table-custom-popup--drag-tip-values-status", getIcon().TABLE_DRAG_STATUS_AGG_VALUES]
+              }),
+              (0, import_vue.h)("span", {
+                class: ["vxe-table-custom-popup--drag-tip-disabled-status", getIcon().TABLE_DRAG_DISABLED]
+              })
+            ]),
+            (0, import_vue.h)("div", {
+              class: "vxe-table-custom-popup--drag-tip-content"
+            }, `${dragTipText || ""}`)
+          ])
+        ])
+      ]);
     };
     const renderSimplePanel = () => {
       const $xeGrid = $xeTable.xeGrid;
       const $xeGantt = $xeTable.xeGantt;
-      const tableProps = $xeTable.props;
-      const {
-        customStore
-      } = props;
-      const {
-        treeConfig,
-        rowGroupConfig,
-        aggregateConfig
-      } = tableProps;
-      const {
-        isCustomStatus,
-        customColumnList,
-        isCustomDragStatus
-      } = tableReactData;
+      const tableProps2 = $xeTable.props;
+      const { customStore } = props;
+      const { treeConfig, rowGroupConfig, aggregateConfig } = tableProps2;
+      const { isCustomStatus, customColumnList, isCustomDragStatus } = tableReactData;
       const customOpts = computeCustomOpts.value;
       const columnDragOpts = computeColumnDragOpts.value;
-      const {
-        defPopupStyle
-      } = customStore;
-      const {
-        immediate,
-        checkMethod,
-        visibleMethod,
-        allowVisible,
-        allowSort,
-        allowFixed,
-        allowGroup,
-        allowValues,
-        trigger,
-        placement,
-        showSortDragButton,
-        showSortMoveButton,
-        showSortPutButton
-      } = customOpts;
+      const { defPopupStyle } = customStore;
+      const { immediate, checkMethod, visibleMethod, allowVisible, allowSort, allowFixed, allowGroup, allowValues, trigger, placement, showSortDragButton, showSortMoveButton, showSortPutButton } = customOpts;
       const isMaxFixedColumn = computeIsMaxFixedColumn.value;
       const vSize = computeSize.value;
-      const {
-        isCrossDrag,
-        isPeerDrag
-      } = columnDragOpts;
+      const { isCrossDrag, isPeerDrag } = columnDragOpts;
       const slots = customOpts.slots || {};
       const headerSlot = slots.header;
       const topSlot = slots.top;
@@ -819,8 +696,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const customWrapperOns = {};
       const isAllChecked = customStore.isAll;
       const isAllIndeterminate = customStore.isIndeterminate;
-      // hover 触发
-      if (trigger === 'hover') {
+      if (trigger === "hover") {
         customWrapperOns.onMouseenter = handleWrapperMouseenterEvent;
         customWrapperOns.onMouseleave = handleWrapperMouseleaveEvent;
       }
@@ -833,246 +709,261 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         isAllIndeterminate,
         isCustomStatus
       };
-      _xeUtils.default.eachTree(customColumnList, (column, index, items, path, parentItem) => {
-        const isVisible = visibleMethod ? visibleMethod({
-          $table: $xeTable,
-          column
-        }) : true;
+      import_xe_utils.default.eachTree(customColumnList, (column, index, items, path, parentItem) => {
+        const isVisible = visibleMethod ? visibleMethod({ $table: $xeTable, column }) : true;
         if (isVisible) {
           const isChecked = column.renderVisible;
           const isIndeterminate = column.halfVisible;
           const isColGroup = column.children && column.children.length;
-          const colTitle = (0, _utils.formatText)(column.getTitle(), 1);
-          const isDisabled = checkMethod ? !checkMethod({
-            $table: $xeTable,
-            column
-          }) : false;
+          const colTitle = (0, import_utils.formatText)(column.getTitle(), 1);
+          const isDisabled = checkMethod ? !checkMethod({ $table: $xeTable, column }) : false;
           const isHidden = !isChecked;
           const showSortBtn = (isCrossDrag || isPeerDrag ? immediate : false) || column.level === 1;
-          colVNs.push((0, _vue.h)('li', {
-            key: column.id,
-            colid: column.id,
-            class: ['vxe-table-custom--option', `level--${column.level}`, {
-              'is--hidden': isDisabled || isHidden,
-              'is--group': isColGroup
-            }],
-            onDragstart: sortDragstartEvent,
-            onDragend: sortDragendEvent,
-            onDragover: sortDragoverEvent
-          }, [allowVisible ? (0, _vue.h)('div', {
-            class: ['vxe-table-custom--checkbox-option', {
-              'is--checked': isChecked,
-              'is--indeterminate': isIndeterminate,
-              'is--disabled': isDisabled
-            }],
-            title: getI18n('vxe.custom.setting.colVisible'),
-            onClick: evnt => {
-              if (!isDisabled) {
-                changeCheckboxOption(column, evnt);
-              }
-            }
-          }, [(0, _vue.h)('span', {
-            class: ['vxe-checkbox--icon', isIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
-          })]) : renderEmptyElement($xeTable), (0, _vue.h)('div', {
-            class: 'vxe-table-custom--name-option'
-          }, [allowSort && showSortDragButton || allowGroup || allowValues ? showSortBtn || (allowGroup || allowValues) && !isColGroup ? (0, _vue.h)('div', {
-            class: 'vxe-table-custom--sort-option'
-          }, [(0, _vue.h)('span', Object.assign({
-            class: ['vxe-table-custom--sort-btn', {
-              'is--disabled': isHidden
-            }],
-            title: getI18n('vxe.custom.setting.sortHelpTip')
-          }, isHidden ? {} : {
-            onMousedown: sortMousedownEvent,
-            onMouseup: sortMouseupEvent
-          }), [(0, _vue.h)('i', {
-            class: getIcon().TABLE_CUSTOM_SORT
-          })])]) : renderEmptyElement($xeTable) : renderEmptyElement($xeTable), column.type === 'html' ? (0, _vue.h)('div', {
-            key: '1',
-            class: 'vxe-table-custom--checkbox-label',
-            innerHTML: colTitle
-          }) : (0, _vue.h)('div', {
-            key: '0',
-            class: 'vxe-table-custom--checkbox-label'
-          }, colTitle)]), showSortBtn && (showSortMoveButton || showSortPutButton) ? (0, _vue.h)('div', {
-            class: 'vxe-table-custom--move-btn-option'
-          }, VxeUIButtonComponent ? [showSortMoveButton ? (0, _vue.h)(VxeUIButtonComponent, {
-            mode: 'text',
-            icon: 'vxe-icon-arrows-up',
-            title: getI18n('vxe.custom.setting.moveUpTitle'),
-            disabled: index <= 0,
-            onClick(evntParame) {
-              sortMoveUpEvent(evntParame, column);
-            }
-          }) : renderEmptyElement($xeTable), showSortMoveButton ? (0, _vue.h)(VxeUIButtonComponent, {
-            mode: 'text',
-            icon: 'vxe-icon-arrows-down',
-            title: getI18n('vxe.custom.setting.moveDnTitle'),
-            disabled: index >= items.length - 1,
-            onClick(evntParame) {
-              sortMoveDnEvent(evntParame, column);
-            }
-          }) : renderEmptyElement($xeTable), showSortPutButton && !parentItem ? (0, _vue.h)(VxeUIButtonComponent, {
-            mode: 'text',
-            icon: 'vxe-icon-top',
-            title: getI18n('vxe.custom.setting.putTopTitle'),
-            disabled: index <= 0,
-            onClick(evntParame) {
-              sortMoveTopEvent(evntParame, column);
-            }
-          }) : renderEmptyElement($xeTable), showSortPutButton && !parentItem ? (0, _vue.h)(VxeUIButtonComponent, {
-            mode: 'text',
-            icon: 'vxe-icon-bottom',
-            title: getI18n('vxe.custom.setting.putBottomTitle'),
-            disabled: index >= items.length - 1,
-            onClick(evntParame) {
-              sortMoveBottomEvent(evntParame, column);
-            }
-          }) : renderEmptyElement($xeTable)] : []) : renderEmptyElement($xeTable), !parentItem && allowFixed ? (0, _vue.h)('div', {
-            class: 'vxe-table-custom--fixed-option'
-          }, VxeUIButtonComponent ? [(0, _vue.h)(VxeUIButtonComponent, {
-            mode: 'text',
-            icon: column.renderFixed === 'left' ? getIcon().TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE : getIcon().TOOLBAR_TOOLS_FIXED_LEFT,
-            status: column.renderFixed === 'left' ? 'primary' : '',
-            disabled: isHidden || isMaxFixedColumn && !column.renderFixed,
-            title: getI18n(column.renderFixed === 'left' ? 'vxe.toolbar.cancelFixed' : 'vxe.toolbar.fixedLeft'),
-            onClick: ({
-              $event
-            }) => {
-              changeFixedOption(column, 'left', $event);
-            }
-          }), (0, _vue.h)(VxeUIButtonComponent, {
-            mode: 'text',
-            icon: column.renderFixed === 'right' ? getIcon().TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE : getIcon().TOOLBAR_TOOLS_FIXED_RIGHT,
-            status: column.renderFixed === 'right' ? 'primary' : '',
-            disabled: isHidden || isMaxFixedColumn && !column.renderFixed,
-            title: getI18n(column.renderFixed === 'right' ? 'vxe.toolbar.cancelFixed' : 'vxe.toolbar.fixedRight'),
-            onClick: ({
-              $event
-            }) => {
-              changeFixedOption(column, 'right', $event);
-            }
-          })] : []) : renderEmptyElement($xeTable)]));
+          colVNs.push(
+            (0, import_vue.h)("li", {
+              key: column.id,
+              colid: column.id,
+              class: ["vxe-table-custom--option", `level--${column.level}`, {
+                "is--hidden": isDisabled || isHidden,
+                "is--group": isColGroup
+              }],
+              onDragstart: sortDragstartEvent,
+              onDragend: sortDragendEvent,
+              onDragover: sortDragoverEvent
+            }, [
+              allowVisible ? (0, import_vue.h)("div", {
+                class: ["vxe-table-custom--checkbox-option", {
+                  "is--checked": isChecked,
+                  "is--indeterminate": isIndeterminate,
+                  "is--disabled": isDisabled
+                }],
+                title: getI18n("vxe.custom.setting.colVisible"),
+                onClick: (evnt) => {
+                  if (!isDisabled) {
+                    changeCheckboxOption(column, evnt);
+                  }
+                }
+              }, [
+                (0, import_vue.h)("span", {
+                  class: ["vxe-checkbox--icon", isIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
+                })
+              ]) : renderEmptyElement($xeTable),
+              (0, import_vue.h)("div", {
+                class: "vxe-table-custom--name-option"
+              }, [
+                allowSort && showSortDragButton || (allowGroup || allowValues) ? showSortBtn || (allowGroup || allowValues) && !isColGroup ? (0, import_vue.h)("div", {
+                  class: "vxe-table-custom--sort-option"
+                }, [
+                  (0, import_vue.h)("span", {
+                    class: ["vxe-table-custom--sort-btn", {
+                      "is--disabled": isHidden
+                    }],
+                    title: getI18n("vxe.custom.setting.sortHelpTip"),
+                    ...isHidden ? {} : {
+                      onMousedown: sortMousedownEvent,
+                      onMouseup: sortMouseupEvent
+                    }
+                  }, [
+                    (0, import_vue.h)("i", {
+                      class: getIcon().TABLE_CUSTOM_SORT
+                    })
+                  ])
+                ]) : renderEmptyElement($xeTable) : renderEmptyElement($xeTable),
+                column.type === "html" ? (0, import_vue.h)("div", {
+                  key: "1",
+                  class: "vxe-table-custom--checkbox-label",
+                  innerHTML: colTitle
+                }) : (0, import_vue.h)("div", {
+                  key: "0",
+                  class: "vxe-table-custom--checkbox-label"
+                }, colTitle)
+              ]),
+              showSortBtn && (showSortMoveButton || showSortPutButton) ? (0, import_vue.h)("div", {
+                class: "vxe-table-custom--move-btn-option"
+              }, VxeUIButtonComponent ? [
+                showSortMoveButton ? (0, import_vue.h)(VxeUIButtonComponent, {
+                  mode: "text",
+                  icon: "vxe-icon-arrows-up",
+                  title: getI18n("vxe.custom.setting.moveUpTitle"),
+                  disabled: index <= 0,
+                  onClick(evntParame) {
+                    sortMoveUpEvent(evntParame, column);
+                  }
+                }) : renderEmptyElement($xeTable),
+                showSortMoveButton ? (0, import_vue.h)(VxeUIButtonComponent, {
+                  mode: "text",
+                  icon: "vxe-icon-arrows-down",
+                  title: getI18n("vxe.custom.setting.moveDnTitle"),
+                  disabled: index >= items.length - 1,
+                  onClick(evntParame) {
+                    sortMoveDnEvent(evntParame, column);
+                  }
+                }) : renderEmptyElement($xeTable),
+                showSortPutButton && !parentItem ? (0, import_vue.h)(VxeUIButtonComponent, {
+                  mode: "text",
+                  icon: "vxe-icon-top",
+                  title: getI18n("vxe.custom.setting.putTopTitle"),
+                  disabled: index <= 0,
+                  onClick(evntParame) {
+                    sortMoveTopEvent(evntParame, column);
+                  }
+                }) : renderEmptyElement($xeTable),
+                showSortPutButton && !parentItem ? (0, import_vue.h)(VxeUIButtonComponent, {
+                  mode: "text",
+                  icon: "vxe-icon-bottom",
+                  title: getI18n("vxe.custom.setting.putBottomTitle"),
+                  disabled: index >= items.length - 1,
+                  onClick(evntParame) {
+                    sortMoveBottomEvent(evntParame, column);
+                  }
+                }) : renderEmptyElement($xeTable)
+              ] : []) : renderEmptyElement($xeTable),
+              !parentItem && allowFixed ? (0, import_vue.h)("div", {
+                class: "vxe-table-custom--fixed-option"
+              }, VxeUIButtonComponent ? [
+                (0, import_vue.h)(VxeUIButtonComponent, {
+                  mode: "text",
+                  icon: column.renderFixed === "left" ? getIcon().TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE : getIcon().TOOLBAR_TOOLS_FIXED_LEFT,
+                  status: column.renderFixed === "left" ? "primary" : "",
+                  disabled: isHidden || isMaxFixedColumn && !column.renderFixed,
+                  title: getI18n(column.renderFixed === "left" ? "vxe.toolbar.cancelFixed" : "vxe.toolbar.fixedLeft"),
+                  onClick: ({ $event }) => {
+                    changeFixedOption(column, "left", $event);
+                  }
+                }),
+                (0, import_vue.h)(VxeUIButtonComponent, {
+                  mode: "text",
+                  icon: column.renderFixed === "right" ? getIcon().TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE : getIcon().TOOLBAR_TOOLS_FIXED_RIGHT,
+                  status: column.renderFixed === "right" ? "primary" : "",
+                  disabled: isHidden || isMaxFixedColumn && !column.renderFixed,
+                  title: getI18n(column.renderFixed === "right" ? "vxe.toolbar.cancelFixed" : "vxe.toolbar.fixedRight"),
+                  onClick: ({ $event }) => {
+                    changeFixedOption(column, "right", $event);
+                  }
+                })
+              ] : []) : renderEmptyElement($xeTable)
+            ])
+          );
         }
       });
-      return (0, _vue.h)('div', {
+      return (0, import_vue.h)("div", {
         ref: refElem,
-        key: 'simple',
-        class: ['vxe-table-custom-wrapper', `placement--${placement}`, {
+        key: "simple",
+        class: ["vxe-table-custom-wrapper", `placement--${placement}`, {
           [`size--${vSize}`]: vSize,
-          'is--active': customStore.visible
+          "is--active": customStore.visible
         }],
         style: defPopupStyle
-      }, customStore.visible ? [(0, _vue.h)('div', {
-        ref: refBodyWrapperElem,
-        class: 'vxe-table-custom-simple--body-wrapper'
-      }, [!treeConfig && (aggregateConfig || rowGroupConfig) && $xeTable.getPivotTableAggregateSimplePanel ? (0, _vue.h)($xeTable.getPivotTableAggregateSimplePanel(), {
-        customStore
-      }) : renderEmptyElement($xeTable), (0, _vue.h)('div', {
-        ref: refCustomBodyElem,
-        class: 'vxe-table-custom--handle-wrapper'
-      }, [(0, _vue.h)('div', {
-        class: 'vxe-table-custom--header'
-      }, headerSlot ? $xeTable.callSlot(headerSlot, params) : [(0, _vue.h)('ul', {
-        class: 'vxe-table-custom--panel-list'
-      }, [(0, _vue.h)('li', {
-        class: 'vxe-table-custom--option'
-      }, [allowVisible ? (0, _vue.h)('div', {
-        class: ['vxe-table-custom--checkbox-option', {
-          'is--checked': isAllChecked,
-          'is--indeterminate': isAllIndeterminate
-        }],
-        title: getI18n('vxe.table.allTitle'),
-        onClick: allOptionEvent
-      }, [(0, _vue.h)('span', {
-        class: ['vxe-checkbox--icon', isAllIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isAllChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
-      }), (0, _vue.h)('span', {
-        class: 'vxe-checkbox--label'
-      }, getI18n('vxe.toolbar.customAll'))]) : (0, _vue.h)('span', {
-        class: 'vxe-checkbox--label'
-      }, getI18n('vxe.table.customTitle'))])])]), (0, _vue.h)('div', {
-        class: 'vxe-table-custom--body'
-      }, [topSlot ? (0, _vue.h)('div', {
-        class: 'vxe-table-custom--panel-top'
-      }, $xeTable.callSlot(topSlot, params)) : renderEmptyElement($xeTable), defaultSlot ? (0, _vue.h)('div', {
-        class: 'vxe-table-custom--panel-body'
-      }, $xeTable.callSlot(defaultSlot, params)) : (0, _vue.h)(_vue.TransitionGroup, Object.assign({
-        class: 'vxe-table-custom--panel-list',
-        name: isCustomDragStatus ? 'vxe-table-custom--list' : '',
-        tag: 'ul'
-      }, customWrapperOns), {
-        default: () => colVNs
-      }), bottomSlot ? (0, _vue.h)('div', {
-        class: 'vxe-table-custom--panel-bottom'
-      }, $xeTable.callSlot(bottomSlot, params)) : renderEmptyElement($xeTable)]), customOpts.showFooter ? (0, _vue.h)('div', {
-        class: 'vxe-table-custom--footer'
-      }, footerSlot ? $xeTable.callSlot(footerSlot, params) : [(0, _vue.h)('div', {
-        class: 'vxe-table-custom--footer-buttons'
-      }, [VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
-        mode: 'text',
-        content: customOpts.resetButtonText || getI18n('vxe.table.customRestore'),
-        disabled: !isCustomStatus,
-        onClick: resetCustomEvent
-      }) : renderEmptyElement($xeTable), immediate ? VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
-        mode: 'text',
-        content: customOpts.closeButtonText || getI18n('vxe.table.customClose'),
-        onClick: cancelCloseEvent
-      }) : renderEmptyElement($xeTable) : VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
-        mode: 'text',
-        content: customOpts.cancelButtonText || getI18n('vxe.table.customCancel'),
-        onClick: cancelCustomEvent
-      }) : renderEmptyElement($xeTable), immediate ? renderEmptyElement($xeTable) : VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
-        mode: 'text',
-        status: 'primary',
-        content: customOpts.confirmButtonText || getI18n('vxe.table.customConfirm'),
-        onClick: confirmCustomEvent
-      }) : renderEmptyElement($xeTable)])]) : null]), renderDragTip()])] : []);
+      }, customStore.visible ? [
+        (0, import_vue.h)("div", {
+          ref: refBodyWrapperElem,
+          class: "vxe-table-custom-simple--body-wrapper"
+        }, [
+          !treeConfig && (aggregateConfig || rowGroupConfig) && $xeTable.getPivotTableAggregateSimplePanel ? (0, import_vue.h)($xeTable.getPivotTableAggregateSimplePanel(), {
+            customStore
+          }) : renderEmptyElement($xeTable),
+          (0, import_vue.h)("div", {
+            ref: refCustomBodyElem,
+            class: "vxe-table-custom--handle-wrapper"
+          }, [
+            (0, import_vue.h)("div", {
+              class: "vxe-table-custom--header"
+            }, headerSlot ? $xeTable.callSlot(headerSlot, params) : [
+              (0, import_vue.h)("ul", {
+                class: "vxe-table-custom--panel-list"
+              }, [
+                (0, import_vue.h)("li", {
+                  class: "vxe-table-custom--option"
+                }, [
+                  allowVisible ? (0, import_vue.h)("div", {
+                    class: ["vxe-table-custom--checkbox-option", {
+                      "is--checked": isAllChecked,
+                      "is--indeterminate": isAllIndeterminate
+                    }],
+                    title: getI18n("vxe.table.allTitle"),
+                    onClick: allOptionEvent
+                  }, [
+                    (0, import_vue.h)("span", {
+                      class: ["vxe-checkbox--icon", isAllIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isAllChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
+                    }),
+                    (0, import_vue.h)("span", {
+                      class: "vxe-checkbox--label"
+                    }, getI18n("vxe.toolbar.customAll"))
+                  ]) : (0, import_vue.h)("span", {
+                    class: "vxe-checkbox--label"
+                  }, getI18n("vxe.table.customTitle"))
+                ])
+              ])
+            ]),
+            (0, import_vue.h)("div", {
+              class: "vxe-table-custom--body"
+            }, [
+              topSlot ? (0, import_vue.h)("div", {
+                class: "vxe-table-custom--panel-top"
+              }, $xeTable.callSlot(topSlot, params)) : renderEmptyElement($xeTable),
+              defaultSlot ? (0, import_vue.h)("div", {
+                class: "vxe-table-custom--panel-body"
+              }, $xeTable.callSlot(defaultSlot, params)) : (0, import_vue.h)(import_vue.TransitionGroup, {
+                class: "vxe-table-custom--panel-list",
+                name: isCustomDragStatus ? "vxe-table-custom--list" : "",
+                tag: "ul",
+                ...customWrapperOns
+              }, {
+                default: () => colVNs
+              }),
+              bottomSlot ? (0, import_vue.h)("div", {
+                class: "vxe-table-custom--panel-bottom"
+              }, $xeTable.callSlot(bottomSlot, params)) : renderEmptyElement($xeTable)
+            ]),
+            customOpts.showFooter ? (0, import_vue.h)("div", {
+              class: "vxe-table-custom--footer"
+            }, footerSlot ? $xeTable.callSlot(footerSlot, params) : [
+              (0, import_vue.h)("div", {
+                class: "vxe-table-custom--footer-buttons"
+              }, [
+                VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
+                  mode: "text",
+                  content: customOpts.resetButtonText || getI18n("vxe.table.customRestore"),
+                  disabled: !isCustomStatus,
+                  onClick: resetCustomEvent
+                }) : renderEmptyElement($xeTable),
+                immediate ? VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
+                  mode: "text",
+                  content: customOpts.closeButtonText || getI18n("vxe.table.customClose"),
+                  onClick: cancelCloseEvent
+                }) : renderEmptyElement($xeTable) : VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
+                  mode: "text",
+                  content: customOpts.cancelButtonText || getI18n("vxe.table.customCancel"),
+                  onClick: cancelCustomEvent
+                }) : renderEmptyElement($xeTable),
+                immediate ? renderEmptyElement($xeTable) : VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
+                  mode: "text",
+                  status: "primary",
+                  content: customOpts.confirmButtonText || getI18n("vxe.table.customConfirm"),
+                  onClick: confirmCustomEvent
+                }) : renderEmptyElement($xeTable)
+              ])
+            ]) : null
+          ]),
+          renderDragTip()
+        ])
+      ] : []);
     };
     const renderPopupBodys = () => {
-      const {
-        resizable: allResizable
-      } = tableProps;
-      const {
-        customColumnList
-      } = tableReactData;
+      const { resizable: allResizable } = tableProps;
+      const { customColumnList } = tableReactData;
       const customOpts = computeCustomOpts.value;
       const columnDragOpts = computeColumnDragOpts.value;
-      const {
-        immediate,
-        showSortDragButton,
-        showSortMoveButton,
-        showSortPutButton,
-        allowVisible,
-        allowSort,
-        allowFixed,
-        allowAlign,
-        allowHeaderAlign,
-        allowFooterAlign,
-        allowResizable,
-        allowGroup,
-        allowValues,
-        checkMethod,
-        visibleMethod
-      } = customOpts;
+      const { immediate, showSortDragButton, showSortMoveButton, showSortPutButton, allowVisible, allowSort, allowFixed, allowAlign, allowHeaderAlign, allowFooterAlign, allowResizable, allowGroup, allowValues, checkMethod, visibleMethod } = customOpts;
       const columnOpts = computeColumnOpts.value;
       const resizableOpts = computeResizableOpts.value;
-      const {
-        minWidth: reMinWidth,
-        maxWidth: reMaxWidth
-      } = resizableOpts;
+      const { minWidth: reMinWidth, maxWidth: reMaxWidth } = resizableOpts;
       const isMaxFixedColumn = computeIsMaxFixedColumn.value;
-      const {
-        isCrossDrag,
-        isPeerDrag
-      } = columnDragOpts;
+      const { isCrossDrag, isPeerDrag } = columnDragOpts;
       const trVNs = [];
-      _xeUtils.default.eachTree(customColumnList, (column, index, items, path, parentItem) => {
-        const isVisible = visibleMethod ? visibleMethod({
-          $table: $xeTable,
-          column
-        }) : true;
+      import_xe_utils.default.eachTree(customColumnList, (column, index, items, path, parentItem) => {
+        const isVisible = visibleMethod ? visibleMethod({ $table: $xeTable, column }) : true;
         if (isVisible) {
-          // 默认继承调整宽度
           let customMinWidth = 0;
           let customMaxWidth = 0;
           if (allowResizable) {
@@ -1087,229 +978,263 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
               $rowIndex: -1
             };
             if (reMinWidth) {
-              customMinWidth = _xeUtils.default.toNumber(_xeUtils.default.isFunction(reMinWidth) ? reMinWidth(resizeParams) : reMinWidth);
+              customMinWidth = import_xe_utils.default.toNumber(import_xe_utils.default.isFunction(reMinWidth) ? reMinWidth(resizeParams) : reMinWidth);
             }
             if (reMaxWidth) {
-              customMaxWidth = _xeUtils.default.toNumber(_xeUtils.default.isFunction(reMaxWidth) ? reMaxWidth(resizeParams) : reMaxWidth);
+              customMaxWidth = import_xe_utils.default.toNumber(import_xe_utils.default.isFunction(reMaxWidth) ? reMaxWidth(resizeParams) : reMaxWidth);
             }
           }
           const isChecked = column.renderVisible;
           const isIndeterminate = column.halfVisible;
-          const colTitle = (0, _utils.formatText)(column.getTitle(), 1);
+          const colTitle = (0, import_utils.formatText)(column.getTitle(), 1);
           const isColGroup = column.children && column.children.length;
-          const isDisabled = checkMethod ? !checkMethod({
-            $table: $xeTable,
-            column
-          }) : false;
+          const isDisabled = checkMethod ? !checkMethod({ $table: $xeTable, column }) : false;
           const isHidden = !isChecked;
           const showSortBtn = (isCrossDrag || isPeerDrag ? immediate : false) || column.level === 1;
-          const alignList = [{
-            icon: getIcon().TABLE_CUSTOM_ALIGN_LEFT,
-            value: 'left',
-            title: getI18n('vxe.custom.setting.anLeftTitle'),
-            disabled: isHidden
-          }, {
-            icon: getIcon().TABLE_CUSTOM_ALIGN_CENTER,
-            value: 'center',
-            title: getI18n('vxe.custom.setting.anCenterTitle'),
-            disabled: isHidden
-          }, {
-            icon: getIcon().TABLE_CUSTOM_ALIGN_RIGHT,
-            value: 'right',
-            title: getI18n('vxe.custom.setting.anRightTitle'),
-            disabled: isHidden
-          }];
+          const alignList = [
+            { icon: getIcon().TABLE_CUSTOM_ALIGN_LEFT, value: "left", title: getI18n("vxe.custom.setting.anLeftTitle"), disabled: isHidden },
+            { icon: getIcon().TABLE_CUSTOM_ALIGN_CENTER, value: "center", title: getI18n("vxe.custom.setting.anCenterTitle"), disabled: isHidden },
+            { icon: getIcon().TABLE_CUSTOM_ALIGN_RIGHT, value: "right", title: getI18n("vxe.custom.setting.anRightTitle"), disabled: isHidden }
+          ];
           const tdVNs = [];
           if (allowVisible) {
-            tdVNs.push((0, _vue.h)('td', {
-              key: 'av',
-              class: 'vxe-table-custom-popup--column-td col--visible'
-            }, [(0, _vue.h)('div', {
-              class: ['vxe-table-custom--checkbox-option', {
-                'is--checked': isChecked,
-                'is--indeterminate': isIndeterminate,
-                'is--disabled': isDisabled
-              }],
-              title: getI18n('vxe.custom.setting.colVisible'),
-              onClick: evnt => {
-                if (!isDisabled) {
-                  changeCheckboxOption(column, evnt);
-                }
-              }
-            }, [(0, _vue.h)('span', {
-              class: ['vxe-checkbox--icon', isIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
-            })])]));
+            tdVNs.push(
+              (0, import_vue.h)("td", {
+                key: "av",
+                class: "vxe-table-custom-popup--column-td col--visible"
+              }, [
+                (0, import_vue.h)("div", {
+                  class: ["vxe-table-custom--checkbox-option", {
+                    "is--checked": isChecked,
+                    "is--indeterminate": isIndeterminate,
+                    "is--disabled": isDisabled
+                  }],
+                  title: getI18n("vxe.custom.setting.colVisible"),
+                  onClick: (evnt) => {
+                    if (!isDisabled) {
+                      changeCheckboxOption(column, evnt);
+                    }
+                  }
+                }, [
+                  (0, import_vue.h)("span", {
+                    class: ["vxe-checkbox--icon", isIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
+                  })
+                ])
+              ])
+            );
           }
-          tdVNs.push((0, _vue.h)('td', {
-            key: 'at',
-            class: 'vxe-table-custom-popup--column-td col--name'
-          }, [(0, _vue.h)('div', {
-            class: 'vxe-table-custom-popup--name'
-          }, [allowSort && showSortDragButton || allowGroup || allowValues ? showSortBtn || (allowGroup || allowValues) && !isColGroup ? (0, _vue.h)('div', Object.assign({
-            class: ['vxe-table-custom-popup--column-sort-btn', {
-              'is--disabled': isHidden
-            }],
-            title: getI18n('vxe.custom.setting.sortHelpTip')
-          }, isHidden ? {} : {
-            onMousedown: sortMousedownEvent,
-            onMouseup: sortMouseupEvent
-          }), [(0, _vue.h)('i', {
-            class: getIcon().TABLE_CUSTOM_SORT
-          })]) : (0, _vue.h)('div', {
-            class: 'vxe-table-custom-popup--column-sort-placeholder'
-          }) : renderEmptyElement($xeTable), column.type === 'html' ? (0, _vue.h)('div', {
-            key: '1',
-            class: 'vxe-table-custom-popup--title',
-            innerHTML: colTitle
-          }) : (0, _vue.h)('div', {
-            key: '0',
-            class: 'vxe-table-custom-popup--title',
-            title: colTitle
-          }, colTitle), showSortBtn && (showSortMoveButton || showSortPutButton) ? (0, _vue.h)('div', {
-            class: 'vxe-table-custom-popup--move-btn'
-          }, VxeUIButtonComponent ? [showSortMoveButton ? (0, _vue.h)(VxeUIButtonComponent, {
-            mode: 'text',
-            icon: 'vxe-icon-arrows-up',
-            title: getI18n('vxe.custom.setting.moveUpTitle'),
-            disabled: index <= 0,
-            onClick(evntParame) {
-              sortMoveUpEvent(evntParame, column);
-            }
-          }) : renderEmptyElement($xeTable), showSortMoveButton ? (0, _vue.h)(VxeUIButtonComponent, {
-            mode: 'text',
-            icon: 'vxe-icon-arrows-down',
-            title: getI18n('vxe.custom.setting.moveDnTitle'),
-            disabled: index >= items.length - 1,
-            onClick(evntParame) {
-              sortMoveDnEvent(evntParame, column);
-            }
-          }) : renderEmptyElement($xeTable), showSortPutButton && !parentItem ? (0, _vue.h)(VxeUIButtonComponent, {
-            mode: 'text',
-            icon: 'vxe-icon-top',
-            title: getI18n('vxe.custom.setting.putTopTitle'),
-            disabled: index <= 0,
-            onClick(evntParame) {
-              sortMoveTopEvent(evntParame, column);
-            }
-          }) : renderEmptyElement($xeTable), showSortPutButton && !parentItem ? (0, _vue.h)(VxeUIButtonComponent, {
-            mode: 'text',
-            icon: 'vxe-icon-bottom',
-            title: getI18n('vxe.custom.setting.putBottomTitle'),
-            disabled: index >= items.length - 1,
-            onClick(evntParame) {
-              sortMoveBottomEvent(evntParame, column);
-            }
-          }) : renderEmptyElement($xeTable)] : []) : renderEmptyElement($xeTable)])]));
+          tdVNs.push(
+            (0, import_vue.h)("td", {
+              key: "at",
+              class: "vxe-table-custom-popup--column-td col--name"
+            }, [
+              (0, import_vue.h)("div", {
+                class: "vxe-table-custom-popup--name"
+              }, [
+                allowSort && showSortDragButton || (allowGroup || allowValues) ? showSortBtn || (allowGroup || allowValues) && !isColGroup ? (0, import_vue.h)("div", {
+                  class: ["vxe-table-custom-popup--column-sort-btn", {
+                    "is--disabled": isHidden
+                  }],
+                  title: getI18n("vxe.custom.setting.sortHelpTip"),
+                  ...isHidden ? {} : {
+                    onMousedown: sortMousedownEvent,
+                    onMouseup: sortMouseupEvent
+                  }
+                }, [
+                  (0, import_vue.h)("i", {
+                    class: getIcon().TABLE_CUSTOM_SORT
+                  })
+                ]) : (0, import_vue.h)("div", {
+                  class: "vxe-table-custom-popup--column-sort-placeholder"
+                }) : renderEmptyElement($xeTable),
+                column.type === "html" ? (0, import_vue.h)("div", {
+                  key: "1",
+                  class: "vxe-table-custom-popup--title",
+                  innerHTML: colTitle
+                }) : (0, import_vue.h)("div", {
+                  key: "0",
+                  class: "vxe-table-custom-popup--title",
+                  title: colTitle
+                }, colTitle),
+                showSortBtn && (showSortMoveButton || showSortPutButton) ? (0, import_vue.h)("div", {
+                  class: "vxe-table-custom-popup--move-btn"
+                }, VxeUIButtonComponent ? [
+                  showSortMoveButton ? (0, import_vue.h)(VxeUIButtonComponent, {
+                    mode: "text",
+                    icon: "vxe-icon-arrows-up",
+                    title: getI18n("vxe.custom.setting.moveUpTitle"),
+                    disabled: index <= 0,
+                    onClick(evntParame) {
+                      sortMoveUpEvent(evntParame, column);
+                    }
+                  }) : renderEmptyElement($xeTable),
+                  showSortMoveButton ? (0, import_vue.h)(VxeUIButtonComponent, {
+                    mode: "text",
+                    icon: "vxe-icon-arrows-down",
+                    title: getI18n("vxe.custom.setting.moveDnTitle"),
+                    disabled: index >= items.length - 1,
+                    onClick(evntParame) {
+                      sortMoveDnEvent(evntParame, column);
+                    }
+                  }) : renderEmptyElement($xeTable),
+                  showSortPutButton && !parentItem ? (0, import_vue.h)(VxeUIButtonComponent, {
+                    mode: "text",
+                    icon: "vxe-icon-top",
+                    title: getI18n("vxe.custom.setting.putTopTitle"),
+                    disabled: index <= 0,
+                    onClick(evntParame) {
+                      sortMoveTopEvent(evntParame, column);
+                    }
+                  }) : renderEmptyElement($xeTable),
+                  showSortPutButton && !parentItem ? (0, import_vue.h)(VxeUIButtonComponent, {
+                    mode: "text",
+                    icon: "vxe-icon-bottom",
+                    title: getI18n("vxe.custom.setting.putBottomTitle"),
+                    disabled: index >= items.length - 1,
+                    onClick(evntParame) {
+                      sortMoveBottomEvent(evntParame, column);
+                    }
+                  }) : renderEmptyElement($xeTable)
+                ] : []) : renderEmptyElement($xeTable)
+              ])
+            ])
+          );
           if (allowResizable) {
-            tdVNs.push((0, _vue.h)('td', {
-              key: 'aw',
-              class: 'vxe-table-custom-popup--column-td col--resizable'
-            }, [column.children && column.children.length || !(_xeUtils.default.isBoolean(column.resizable) ? column.resizable : columnOpts.resizable || allResizable) ? (0, _vue.h)('span', '-') : VxeUINumberInputComponent ? (0, _vue.h)(VxeUINumberInputComponent, {
-              type: 'integer',
-              immediate: false,
-              disabled: isHidden,
-              modelValue: column.renderResizeWidth,
-              min: customMinWidth || 0,
-              max: customMaxWidth || 9999,
-              'onUpdate:modelValue'(value) {
-                const width = Math.max(0, Number(value));
-                column.renderResizeWidth = width;
-              },
-              onChange() {
-                changeColumnWidth(column);
-              }
-            }) : renderEmptyElement($xeTable)]));
+            tdVNs.push(
+              (0, import_vue.h)("td", {
+                key: "aw",
+                class: "vxe-table-custom-popup--column-td col--resizable"
+              }, [
+                column.children && column.children.length || !(import_xe_utils.default.isBoolean(column.resizable) ? column.resizable : columnOpts.resizable || allResizable) ? (0, import_vue.h)("span", "-") : VxeUINumberInputComponent ? (0, import_vue.h)(VxeUINumberInputComponent, {
+                  type: "integer",
+                  immediate: false,
+                  disabled: isHidden,
+                  modelValue: column.renderResizeWidth,
+                  min: customMinWidth || 0,
+                  max: customMaxWidth || 9999,
+                  "onUpdate:modelValue"(value) {
+                    const width = Math.max(0, Number(value));
+                    column.renderResizeWidth = width;
+                  },
+                  onChange() {
+                    changeColumnWidth(column);
+                  }
+                }) : renderEmptyElement($xeTable)
+              ])
+            );
           }
           if (allowFixed) {
-            tdVNs.push((0, _vue.h)('td', {
-              key: 'af',
-              class: 'vxe-table-custom-popup--column-td col--fixed'
-            }, parentItem ? [(0, _vue.h)('span', '-')] : VxeUIRadioGroupComponent ? [(0, _vue.h)(VxeUIButtonComponent, {
-              icon: column.renderFixed === 'left' ? getIcon().TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE : getIcon().TOOLBAR_TOOLS_FIXED_LEFT,
-              status: column.renderFixed === 'left' ? 'primary' : '',
-              disabled: isHidden || isMaxFixedColumn && !column.renderFixed,
-              title: getI18n(column.renderFixed === 'left' ? 'vxe.toolbar.cancelFixed' : 'vxe.toolbar.fixedLeft'),
-              onClick: ({
-                $event
-              }) => {
-                changeFixedOption(column, 'left', $event);
-              }
-            }), (0, _vue.h)(VxeUIButtonComponent, {
-              icon: column.renderFixed === 'right' ? getIcon().TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE : getIcon().TOOLBAR_TOOLS_FIXED_RIGHT,
-              status: column.renderFixed === 'right' ? 'primary' : '',
-              disabled: isHidden || isMaxFixedColumn && !column.renderFixed,
-              title: getI18n(column.renderFixed === 'right' ? 'vxe.toolbar.cancelFixed' : 'vxe.toolbar.fixedRight'),
-              onClick: ({
-                $event
-              }) => {
-                changeFixedOption(column, 'right', $event);
-              }
-            })] : []));
+            tdVNs.push(
+              (0, import_vue.h)(
+                "td",
+                {
+                  key: "af",
+                  class: "vxe-table-custom-popup--column-td col--fixed"
+                },
+                parentItem ? [(0, import_vue.h)("span", "-")] : VxeUIRadioGroupComponent ? [
+                  (0, import_vue.h)(VxeUIButtonComponent, {
+                    icon: column.renderFixed === "left" ? getIcon().TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE : getIcon().TOOLBAR_TOOLS_FIXED_LEFT,
+                    status: column.renderFixed === "left" ? "primary" : "",
+                    disabled: isHidden || isMaxFixedColumn && !column.renderFixed,
+                    title: getI18n(column.renderFixed === "left" ? "vxe.toolbar.cancelFixed" : "vxe.toolbar.fixedLeft"),
+                    onClick: ({ $event }) => {
+                      changeFixedOption(column, "left", $event);
+                    }
+                  }),
+                  (0, import_vue.h)(VxeUIButtonComponent, {
+                    icon: column.renderFixed === "right" ? getIcon().TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE : getIcon().TOOLBAR_TOOLS_FIXED_RIGHT,
+                    status: column.renderFixed === "right" ? "primary" : "",
+                    disabled: isHidden || isMaxFixedColumn && !column.renderFixed,
+                    title: getI18n(column.renderFixed === "right" ? "vxe.toolbar.cancelFixed" : "vxe.toolbar.fixedRight"),
+                    onClick: ({ $event }) => {
+                      changeFixedOption(column, "right", $event);
+                    }
+                  })
+                ] : []
+              )
+            );
           }
           if (allowAlign) {
-            tdVNs.push((0, _vue.h)('td', {
-              key: 'aa',
-              class: 'vxe-table-custom-popup--column-td col--align'
-            }, VxeUIRadioGroupComponent ? [(0, _vue.h)(VxeUIRadioGroupComponent, {
-              modelValue: column.renderAlign || 'left',
-              type: 'button',
-              strict: false,
-              disabled: isHidden,
-              options: alignList,
-              onChange({
-                value,
-                $event
-              }) {
-                changeAlignOption(column, value, 'align', 'renderAlign', 'custom-align-change', $event);
-              }
-            })] : []));
+            tdVNs.push(
+              (0, import_vue.h)(
+                "td",
+                {
+                  key: "aa",
+                  class: "vxe-table-custom-popup--column-td col--align"
+                },
+                VxeUIRadioGroupComponent ? [
+                  (0, import_vue.h)(VxeUIRadioGroupComponent, {
+                    modelValue: column.renderAlign || "left",
+                    type: "button",
+                    strict: false,
+                    disabled: isHidden,
+                    options: alignList,
+                    onChange({ value, $event }) {
+                      changeAlignOption(column, value, "align", "renderAlign", "custom-align-change", $event);
+                    }
+                  })
+                ] : []
+              )
+            );
           }
           if (allowHeaderAlign) {
-            tdVNs.push((0, _vue.h)('td', {
-              key: 'aha',
-              class: 'vxe-table-custom-popup--column-td col--header-align'
-            }, isColGroup ? [(0, _vue.h)('span', '-')] : VxeUIRadioGroupComponent ? [(0, _vue.h)(VxeUIRadioGroupComponent, {
-              modelValue: column.renderHeaderAlign || 'left',
-              type: 'button',
-              strict: false,
-              disabled: isHidden,
-              options: alignList,
-              onChange({
-                value,
-                $event
-              }) {
-                changeAlignOption(column, value, 'headerAlign', 'renderHeaderAlign', 'custom-header-align-change', $event);
-              }
-            })] : []));
+            tdVNs.push(
+              (0, import_vue.h)(
+                "td",
+                {
+                  key: "aha",
+                  class: "vxe-table-custom-popup--column-td col--header-align"
+                },
+                isColGroup ? [(0, import_vue.h)("span", "-")] : VxeUIRadioGroupComponent ? [
+                  (0, import_vue.h)(VxeUIRadioGroupComponent, {
+                    modelValue: column.renderHeaderAlign || "left",
+                    type: "button",
+                    strict: false,
+                    disabled: isHidden,
+                    options: alignList,
+                    onChange({ value, $event }) {
+                      changeAlignOption(column, value, "headerAlign", "renderHeaderAlign", "custom-header-align-change", $event);
+                    }
+                  })
+                ] : []
+              )
+            );
           }
           if (allowFooterAlign) {
-            tdVNs.push((0, _vue.h)('td', {
-              key: 'afa',
-              class: 'vxe-table-custom-popup--column-td col--footer-align'
-            }, isColGroup ? [(0, _vue.h)('span', '-')] : VxeUIRadioGroupComponent ? [(0, _vue.h)(VxeUIRadioGroupComponent, {
-              modelValue: column.renderFooterAlign || 'left',
-              type: 'button',
-              strict: false,
-              disabled: isHidden,
-              options: alignList,
-              onChange({
-                value,
-                $event
-              }) {
-                changeAlignOption(column, value, 'footerAlign', 'renderFooterAlign', 'custom-footer-align-change', $event);
-              }
-            })] : []));
+            tdVNs.push(
+              (0, import_vue.h)(
+                "td",
+                {
+                  key: "afa",
+                  class: "vxe-table-custom-popup--column-td col--footer-align"
+                },
+                isColGroup ? [(0, import_vue.h)("span", "-")] : VxeUIRadioGroupComponent ? [
+                  (0, import_vue.h)(VxeUIRadioGroupComponent, {
+                    modelValue: column.renderFooterAlign || "left",
+                    type: "button",
+                    strict: false,
+                    disabled: isHidden,
+                    options: alignList,
+                    onChange({ value, $event }) {
+                      changeAlignOption(column, value, "footerAlign", "renderFooterAlign", "custom-footer-align-change", $event);
+                    }
+                  })
+                ] : []
+              )
+            );
           }
-          trVNs.push((0, _vue.h)('tr', {
-            key: column.id,
-            colid: column.id,
-            class: [`vxe-table-custom-popup--row level--${column.level}`, {
-              'is--group': isColGroup
-            }],
-            onDragstart: sortDragstartEvent,
-            onDragend: sortDragendEvent,
-            onDragover: sortDragoverEvent
-          }, tdVNs));
+          trVNs.push(
+            (0, import_vue.h)("tr", {
+              key: column.id,
+              colid: column.id,
+              class: [`vxe-table-custom-popup--row level--${column.level}`, {
+                "is--group": isColGroup
+              }],
+              onDragstart: sortDragstartEvent,
+              onDragend: sortDragendEvent,
+              onDragover: sortDragoverEvent
+            }, tdVNs)
+          );
         }
       });
       return trVNs;
@@ -1317,43 +1242,17 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const renderPopupPanel = () => {
       const $xeGrid = $xeTable.xeGrid;
       const $xeGantt = $xeTable.xeGantt;
-      const {
-        customStore
-      } = props;
-      const {
-        treeConfig,
-        rowGroupConfig,
-        aggregateConfig
-      } = tableProps;
-      const {
-        isCustomStatus,
-        customColumnList
-      } = tableReactData;
+      const { customStore } = props;
+      const { treeConfig, rowGroupConfig, aggregateConfig } = tableProps;
+      const { isCustomStatus, customColumnList } = tableReactData;
       const vSize = computeSize.value;
       const customOpts = computeCustomOpts.value;
       const aggregateOpts = computeAggregateOpts.value;
-      const {
-        panePopupStyle
-      } = customStore;
-      const {
-        placement: aggPlacement
-      } = aggregateOpts;
-      const {
-        mode,
-        immediate,
-        modalOptions,
-        drawerOptions,
-        allowVisible,
-        allowFixed,
-        allowAlign,
-        allowHeaderAlign,
-        allowFooterAlign,
-        allowResizable
-      } = customOpts;
+      const { panePopupStyle } = customStore;
+      const { placement: aggPlacement } = aggregateOpts;
+      const { mode, immediate, modalOptions, drawerOptions, allowVisible, allowFixed, allowAlign, allowHeaderAlign, allowFooterAlign, allowResizable } = customOpts;
       const columnOpts = computeColumnOpts.value;
-      const {
-        maxFixedSize
-      } = columnOpts;
+      const { maxFixedSize } = columnOpts;
       const modalOpts = Object.assign({}, modalOptions);
       const drawerOpts = Object.assign({}, drawerOptions);
       const slots = customOpts.slots || {};
@@ -1364,7 +1263,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const footerSlot = slots.footer;
       const isAllChecked = customStore.isAll;
       const isAllIndeterminate = customStore.isIndeterminate;
-      const isAggRtBmLayout = aggPlacement === 'right' || aggPlacement === 'bottom';
+      const isAggRtBmLayout = aggPlacement === "right" || aggPlacement === "bottom";
       const params = {
         $table: $xeTable,
         $grid: $xeGrid,
@@ -1377,148 +1276,200 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const colVNs = [];
       const headVNs = [];
       if (allowVisible) {
-        colVNs.push((0, _vue.h)('col', {
-          key: 'av',
-          class: 'vxe-table-custom-popup--column-col col--checkbox'
-        }));
-        headVNs.push((0, _vue.h)('th', {
-          key: 'av',
-          class: 'vxe-table-custom-popup--column-th col--checkbox'
-        }, [(0, _vue.h)('div', {
-          class: ['vxe-table-custom--checkbox-option', {
-            'is--checked': isAllChecked,
-            'is--indeterminate': isAllIndeterminate
-          }],
-          title: getI18n('vxe.table.allTitle'),
-          onClick: allOptionEvent
-        }, [(0, _vue.h)('span', {
-          class: ['vxe-checkbox--icon', isAllIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isAllChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
-        })
-        // h('span', {
-        //   class: 'vxe-checkbox--label'
-        // }, getI18n('vxe.toolbar.customAll'))
-        ])]));
+        colVNs.push(
+          (0, import_vue.h)("col", {
+            key: "av",
+            class: "vxe-table-custom-popup--column-col col--checkbox"
+          })
+        );
+        headVNs.push(
+          (0, import_vue.h)("th", {
+            key: "av",
+            class: "vxe-table-custom-popup--column-th col--checkbox"
+          }, [
+            (0, import_vue.h)("div", {
+              class: ["vxe-table-custom--checkbox-option", {
+                "is--checked": isAllChecked,
+                "is--indeterminate": isAllIndeterminate
+              }],
+              title: getI18n("vxe.table.allTitle"),
+              onClick: allOptionEvent
+            }, [
+              (0, import_vue.h)("span", {
+                class: ["vxe-checkbox--icon", isAllIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isAllChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
+              })
+              // h('span', {
+              //   class: 'vxe-checkbox--label'
+              // }, getI18n('vxe.toolbar.customAll'))
+            ])
+          ])
+        );
       }
-      colVNs.push((0, _vue.h)('col', {
-        key: 'at',
-        class: 'vxe-table-custom-popup--column-col col--title'
-      }));
-      headVNs.push((0, _vue.h)('th', {
-        key: 'at',
-        class: 'vxe-table-custom-popup--column-th col--title'
-      }, getI18n('vxe.custom.setting.colTitle')));
+      colVNs.push(
+        (0, import_vue.h)("col", {
+          key: "at",
+          class: "vxe-table-custom-popup--column-col col--title"
+        })
+      );
+      headVNs.push(
+        (0, import_vue.h)("th", {
+          key: "at",
+          class: "vxe-table-custom-popup--column-th col--title"
+        }, getI18n("vxe.custom.setting.colTitle"))
+      );
       if (allowResizable) {
-        colVNs.push((0, _vue.h)('col', {
-          key: 'aw',
-          class: 'vxe-table-custom-popup--column-col col--width'
-        }));
-        headVNs.push((0, _vue.h)('th', {
-          key: 'aw',
-          class: 'vxe-table-custom-popup--column-th col--width'
-        }, getI18n('vxe.custom.setting.colResizable')));
+        colVNs.push(
+          (0, import_vue.h)("col", {
+            key: "aw",
+            class: "vxe-table-custom-popup--column-col col--width"
+          })
+        );
+        headVNs.push(
+          (0, import_vue.h)("th", {
+            key: "aw",
+            class: "vxe-table-custom-popup--column-th col--width"
+          }, getI18n("vxe.custom.setting.colResizable"))
+        );
       }
       if (allowFixed) {
-        colVNs.push((0, _vue.h)('col', {
-          key: 'af',
-          class: 'vxe-table-custom-popup--column-col col--fixed'
-        }));
-        headVNs.push((0, _vue.h)('th', {
-          key: 'af',
-          class: 'vxe-table-custom-popup--column-th col--fixed'
-        }, getI18n(`vxe.custom.setting.${maxFixedSize ? 'colFixedMax' : 'colFixed'}`, [maxFixedSize])));
+        colVNs.push(
+          (0, import_vue.h)("col", {
+            key: "af",
+            class: "vxe-table-custom-popup--column-col col--fixed"
+          })
+        );
+        headVNs.push(
+          (0, import_vue.h)("th", {
+            key: "af",
+            class: "vxe-table-custom-popup--column-th col--fixed"
+          }, getI18n(`vxe.custom.setting.${maxFixedSize ? "colFixedMax" : "colFixed"}`, [maxFixedSize]))
+        );
       }
       if (allowAlign) {
-        colVNs.push((0, _vue.h)('col', {
-          key: 'aa',
-          class: 'vxe-table-custom-popup--column-col col--align'
-        }));
-        headVNs.push((0, _vue.h)('th', {
-          key: 'aa',
-          class: 'vxe-table-custom-popup--column-th col--align'
-        }, getI18n('vxe.custom.setting.colAlign')));
+        colVNs.push(
+          (0, import_vue.h)("col", {
+            key: "aa",
+            class: "vxe-table-custom-popup--column-col col--align"
+          })
+        );
+        headVNs.push(
+          (0, import_vue.h)("th", {
+            key: "aa",
+            class: "vxe-table-custom-popup--column-th col--align"
+          }, getI18n("vxe.custom.setting.colAlign"))
+        );
       }
       if (allowHeaderAlign) {
-        colVNs.push((0, _vue.h)('col', {
-          key: 'aha',
-          class: 'vxe-table-custom-popup--column-col col--header-align'
-        }));
-        headVNs.push((0, _vue.h)('th', {
-          key: 'aha',
-          class: 'vxe-table-custom-popup--column-th col--header-align'
-        }, getI18n('vxe.custom.setting.colHeadAlign')));
+        colVNs.push(
+          (0, import_vue.h)("col", {
+            key: "aha",
+            class: "vxe-table-custom-popup--column-col col--header-align"
+          })
+        );
+        headVNs.push(
+          (0, import_vue.h)("th", {
+            key: "aha",
+            class: "vxe-table-custom-popup--column-th col--header-align"
+          }, getI18n("vxe.custom.setting.colHeadAlign"))
+        );
       }
       if (allowFooterAlign) {
-        colVNs.push((0, _vue.h)('col', {
-          key: 'afa',
-          class: 'vxe-table-custom-popup--column-col col--footer-align'
-        }));
-        headVNs.push((0, _vue.h)('th', {
-          key: 'afa',
-          class: 'vxe-table-custom-popup--column-th col--footer-align'
-        }, getI18n('vxe.custom.setting.colFootAlign')));
+        colVNs.push(
+          (0, import_vue.h)("col", {
+            key: "afa",
+            class: "vxe-table-custom-popup--column-col col--footer-align"
+          })
+        );
+        headVNs.push(
+          (0, import_vue.h)("th", {
+            key: "afa",
+            class: "vxe-table-custom-popup--column-th col--footer-align"
+          }, getI18n("vxe.custom.setting.colFootAlign"))
+        );
       }
       const scopedSlots = {
         default: () => {
-          return (0, _vue.h)('div', {
+          return (0, import_vue.h)("div", {
             ref: refBodyWrapperElem,
-            class: ['vxe-table-custom-popup--body-wrapper', `agg-layout--${aggPlacement}`, {
+            class: ["vxe-table-custom-popup--body-wrapper", `agg-layout--${aggPlacement}`, {
               [`size--${vSize}`]: vSize
             }],
             style: panePopupStyle
-          }, defaultSlot ? $xeTable.callSlot(defaultSlot, params) : [!isAggRtBmLayout && !treeConfig && (aggregateConfig || rowGroupConfig) && $xeTable.getPivotTableAggregatePopupPanel ? (0, _vue.h)($xeTable.getPivotTableAggregatePopupPanel(), {
-            customStore
-          }) : renderEmptyElement($xeTable), (0, _vue.h)('div', {
-            ref: refCustomBodyElem,
-            class: 'vxe-table-custom-popup--handle-wrapper'
-          }, [topSlot ? (0, _vue.h)('div', {
-            class: 'vxe-table-custom-popup--table-top'
-          }, $xeTable.callSlot(topSlot, params)) : renderEmptyElement($xeTable), (0, _vue.h)('div', {
-            class: 'vxe-table-custom-popup--table-wrapper'
-          }, [(0, _vue.h)('table', {}, [(0, _vue.h)('colgroup', {}, colVNs), (0, _vue.h)('thead', {}, [(0, _vue.h)('tr', {}, headVNs)]), (0, _vue.h)(_vue.TransitionGroup, {
-            class: 'vxe-table-custom--panel-list',
-            tag: 'tbody',
-            name: 'vxe-table-custom--list'
-          }, {
-            default: () => renderPopupBodys()
-          })])]), bottomSlot ? (0, _vue.h)('div', {
-            class: 'vxe-table-custom-popup--table-bottom'
-          }, $xeTable.callSlot(bottomSlot, params)) : renderEmptyElement($xeTable), renderDragTip()]), isAggRtBmLayout && !treeConfig && (aggregateConfig || rowGroupConfig) && $xeTable.getPivotTableAggregatePopupPanel ? (0, _vue.h)($xeTable.getPivotTableAggregatePopupPanel(), {
-            customStore
-          }) : renderEmptyElement($xeTable)]);
+          }, defaultSlot ? $xeTable.callSlot(defaultSlot, params) : [
+            !isAggRtBmLayout && !treeConfig && (aggregateConfig || rowGroupConfig) && $xeTable.getPivotTableAggregatePopupPanel ? (0, import_vue.h)($xeTable.getPivotTableAggregatePopupPanel(), {
+              customStore
+            }) : renderEmptyElement($xeTable),
+            (0, import_vue.h)("div", {
+              ref: refCustomBodyElem,
+              class: "vxe-table-custom-popup--handle-wrapper"
+            }, [
+              topSlot ? (0, import_vue.h)("div", {
+                class: "vxe-table-custom-popup--table-top"
+              }, $xeTable.callSlot(topSlot, params)) : renderEmptyElement($xeTable),
+              (0, import_vue.h)("div", {
+                class: "vxe-table-custom-popup--table-wrapper"
+              }, [
+                (0, import_vue.h)("table", {}, [
+                  (0, import_vue.h)("colgroup", {}, colVNs),
+                  (0, import_vue.h)("thead", {}, [
+                    (0, import_vue.h)("tr", {}, headVNs)
+                  ]),
+                  (0, import_vue.h)(import_vue.TransitionGroup, {
+                    class: "vxe-table-custom--panel-list",
+                    tag: "tbody",
+                    name: "vxe-table-custom--list"
+                  }, {
+                    default: () => renderPopupBodys()
+                  })
+                ])
+              ]),
+              bottomSlot ? (0, import_vue.h)("div", {
+                class: "vxe-table-custom-popup--table-bottom"
+              }, $xeTable.callSlot(bottomSlot, params)) : renderEmptyElement($xeTable),
+              renderDragTip()
+            ]),
+            isAggRtBmLayout && !treeConfig && (aggregateConfig || rowGroupConfig) && $xeTable.getPivotTableAggregatePopupPanel ? (0, import_vue.h)($xeTable.getPivotTableAggregatePopupPanel(), {
+              customStore
+            }) : renderEmptyElement($xeTable)
+          ]);
         },
         footer: () => {
           if (footerSlot) {
             return $xeTable.callSlot(footerSlot, params);
           }
-          return (0, _vue.h)('div', {
-            class: 'vxe-table-custom-popup--footer'
-          }, [VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
-            content: customOpts.resetButtonText || getI18n('vxe.custom.cstmRestore'),
-            disabled: !isCustomStatus,
-            onClick: resetCustomEvent
-          }) : renderEmptyElement($xeTable), immediate ? VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
-            status: 'primary',
-            content: customOpts.closeButtonText || getI18n('vxe.table.customClose'),
-            onClick: cancelCloseEvent
-          }) : renderEmptyElement($xeTable) : VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
-            content: customOpts.cancelButtonText || getI18n('vxe.table.customCancel'),
-            onClick: cancelCustomEvent
-          }) : renderEmptyElement($xeTable), immediate ? renderEmptyElement($xeTable) : VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
-            status: 'primary',
-            content: customOpts.confirmButtonText || getI18n('vxe.custom.cstmConfirm'),
-            onClick: confirmCustomEvent
-          }) : renderEmptyElement($xeTable)]);
+          return (0, import_vue.h)("div", {
+            class: "vxe-table-custom-popup--footer"
+          }, [
+            VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
+              content: customOpts.resetButtonText || getI18n("vxe.custom.cstmRestore"),
+              disabled: !isCustomStatus,
+              onClick: resetCustomEvent
+            }) : renderEmptyElement($xeTable),
+            immediate ? VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
+              status: "primary",
+              content: customOpts.closeButtonText || getI18n("vxe.table.customClose"),
+              onClick: cancelCloseEvent
+            }) : renderEmptyElement($xeTable) : VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
+              content: customOpts.cancelButtonText || getI18n("vxe.table.customCancel"),
+              onClick: cancelCustomEvent
+            }) : renderEmptyElement($xeTable),
+            immediate ? renderEmptyElement($xeTable) : VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
+              status: "primary",
+              content: customOpts.confirmButtonText || getI18n("vxe.custom.cstmConfirm"),
+              onClick: confirmCustomEvent
+            }) : renderEmptyElement($xeTable)
+          ]);
         }
       };
       if (headerSlot) {
         scopedSlots.header = () => $xeTable.callSlot(headerSlot, params);
       }
-      if (mode === 'drawer') {
-        return VxeUIDrawerComponent ? (0, _vue.h)(VxeUIDrawerComponent, {
-          key: 'drawer',
-          className: ['vxe-table-custom-drawer-wrapper', 'vxe-table--ignore-clear', drawerOpts.className || ''].join(' '),
+      if (mode === "drawer") {
+        return VxeUIDrawerComponent ? (0, import_vue.h)(VxeUIDrawerComponent, {
+          key: "drawer",
+          className: ["vxe-table-custom-drawer-wrapper", "vxe-table--ignore-clear", drawerOpts.className || ""].join(" "),
           modelValue: customStore.visible,
-          title: drawerOpts.title || getI18n('vxe.custom.cstmTitle'),
+          title: drawerOpts.title || getI18n("vxe.custom.cstmTitle"),
           width: drawerOpts.width || Math.min(880, Math.floor(document.documentElement.clientWidth * 0.6)),
           position: drawerOpts.position,
           resize: !!drawerOpts.resize,
@@ -1526,17 +1477,17 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           maskClosable: !!drawerOpts.maskClosable,
           destroyOnClose: true,
           showFooter: true,
-          'onUpdate:modelValue'(value) {
+          "onUpdate:modelValue"(value) {
             customStore.visible = value;
           }
         }, scopedSlots) : renderEmptyElement($xeTable);
       }
-      return VxeUIModalComponent ? (0, _vue.h)(VxeUIModalComponent, {
-        key: 'modal',
-        className: ['vxe-table-custom-modal-wrapper', 'vxe-table--ignore-clear', modalOpts.className || ''].join(' '),
+      return VxeUIModalComponent ? (0, import_vue.h)(VxeUIModalComponent, {
+        key: "modal",
+        className: ["vxe-table-custom-modal-wrapper", "vxe-table--ignore-clear", modalOpts.className || ""].join(" "),
         modelValue: customStore.visible,
-        title: modalOpts.title || getI18n('vxe.custom.cstmTitle'),
-        width: modalOpts.width || Math.min(1000, document.documentElement.clientWidth),
+        title: modalOpts.title || getI18n("vxe.custom.cstmTitle"),
+        width: modalOpts.width || Math.min(1e3, document.documentElement.clientWidth),
         minWidth: modalOpts.minWidth || 800,
         height: modalOpts.height || Math.min(680, document.documentElement.clientHeight),
         minHeight: modalOpts.minHeight || 400,
@@ -1551,37 +1502,35 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         maskClosable: !!modalOpts.maskClosable,
         destroyOnClose: true,
         showFooter: true,
-        'onUpdate:modelValue'(value) {
+        "onUpdate:modelValue"(value) {
           customStore.visible = value;
         }
       }, scopedSlots) : renderEmptyElement($xeTable);
     };
     const renderVN = () => {
       const customOpts = computeCustomOpts.value;
-      if (['modal', 'drawer', 'popup'].includes(`${customOpts.mode}`)) {
+      if (["modal", "drawer", "popup"].includes(`${customOpts.mode}`)) {
         return renderPopupPanel();
       }
       return renderSimplePanel();
     };
-    (0, _vue.nextTick)(() => {
+    (0, import_vue.nextTick)(() => {
       const customOpts = computeCustomOpts.value;
-      const {
-        mode
-      } = customOpts;
-      if (!VxeUIModalComponent && mode === 'modal') {
-        errLog('vxe.error.reqComp', ['vxe-modal']);
+      const { mode } = customOpts;
+      if (!VxeUIModalComponent && mode === "modal") {
+        errLog("vxe.error.reqComp", ["vxe-modal"]);
       }
-      if (!VxeUIDrawerComponent && mode === 'drawer') {
-        errLog('vxe.error.reqComp', ['vxe-drawer']);
+      if (!VxeUIDrawerComponent && mode === "drawer") {
+        errLog("vxe.error.reqComp", ["vxe-drawer"]);
       }
       if (!VxeUIButtonComponent) {
-        errLog('vxe.error.reqComp', ['vxe-button']);
+        errLog("vxe.error.reqComp", ["vxe-button"]);
       }
       if (!VxeUINumberInputComponent) {
-        errLog('vxe.error.reqComp', ['vxe-number-input']);
+        errLog("vxe.error.reqComp", ["vxe-number-input"]);
       }
       if (!VxeUIRadioGroupComponent) {
-        errLog('vxe.error.reqComp', ['vxe-radio-group']);
+        errLog("vxe.error.reqComp", ["vxe-radio-group"]);
       }
     });
     const $xeTableCustomPanel = {
@@ -1595,13 +1544,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       getComputeMaps: () => computeMaps,
       renderVN
     };
-    (0, _vue.onUnmounted)(() => {
+    (0, import_vue.onUnmounted)(() => {
       customPanelInternalData = createInternalData();
     });
-    (0, _vue.provide)('$xeTableCustomPanel', $xeTableCustomPanel);
+    (0, import_vue.provide)("$xeTableCustomPanel", $xeTableCustomPanel);
     return $xeTableCustomPanel;
   },
   render() {
     return this.renderVN();
   }
-});
+});