vxe-table 4.23.7 → 4.23.9

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

@@ -34,13 +34,13 @@ __export(panel_exports, {
 module.exports = __toCommonJS(panel_exports);
 var import_vue = require("vue");
 var import_comp = require("../../../ui/src/comp");
-var import_ui = require("../../../ui");
+var import_core = require("@vxe-ui/core");
 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;
+const { getI18n, getIcon, renderEmptyElement } = import_core.VxeUI;
 function createInternalData() {
   return {
     // teleportTo: undefined,
@@ -62,11 +62,11 @@ var panel_default = (0, import_comp.defineVxeComponent)({
   },
   setup(props, context) {
     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 VxeUIModalComponent = import_core.VxeUI.getComponent("VxeModal");
+    const VxeUIDrawerComponent = import_core.VxeUI.getComponent("VxeDrawer");
+    const VxeUIButtonComponent = import_core.VxeUI.getComponent("VxeButton");
+    const VxeUINumberInputComponent = import_core.VxeUI.getComponent("VxeNumberInput");
+    const VxeUIRadioGroupComponent = import_core.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();
@@ -135,8 +135,8 @@ var panel_default = (0, import_comp.defineVxeComponent)({
       $xeTable.dispatchEvent("custom-close", {}, evnt);
     };
     const resetCustomEvent = ({ $event }) => {
-      if (import_ui.VxeUI.modal) {
-        import_ui.VxeUI.modal.confirm({
+      if (import_core.VxeUI.modal) {
+        import_core.VxeUI.modal.confirm({
           content: getI18n("vxe.custom.cstmConfirmRestore"),
           className: "vxe-table--ignore-clear",
           escClosable: true
@@ -415,8 +415,8 @@ var panel_default = (0, import_comp.defineVxeComponent)({
                   if (oldAllMaps[newColumn.id]) {
                     isSelfToChildStatus = true;
                     if (!(isCrossDrag && isSelfToChildDrag)) {
-                      if (import_ui.VxeUI.modal) {
-                        import_ui.VxeUI.modal.message({
+                      if (import_core.VxeUI.modal) {
+                        import_core.VxeUI.modal.message({
                           status: "error",
                           content: getI18n("vxe.error.treeDragChild")
                         });
@@ -436,8 +436,8 @@ var panel_default = (0, import_comp.defineVxeComponent)({
                 if (oldAllMaps[newColumn.id]) {
                   isSelfToChildStatus = true;
                   if (!(isCrossDrag && isSelfToChildDrag)) {
-                    if (import_ui.VxeUI.modal) {
-                      import_ui.VxeUI.modal.message({
+                    if (import_core.VxeUI.modal) {
+                      import_core.VxeUI.modal.message({
                         status: "error",
                         content: getI18n("vxe.error.treeDragChild")
                       });
@@ -448,7 +448,7 @@ var panel_default = (0, import_comp.defineVxeComponent)({
               } else {
               }
               const oldewMatchRest = import_xe_utils.default.findTree(collectColumn, (item) => item.id === dragColumn.id);
-              if (isSelfToChildStatus && (isCrossDrag && isSelfToChildDrag)) {
+              if (isSelfToChildStatus && isCrossDrag && isSelfToChildDrag) {
                 if (oldewMatchRest) {
                   const { items: oCols, index: oIndex } = oldewMatchRest;
                   const childList = dragColumn.children || [];
@@ -635,41 +635,60 @@ var panel_default = (0, import_comp.defineVxeComponent)({
       return (0, import_vue.h)("div", {}, [
         (0, import_vue.h)("div", {
           ref: refDragLineElem,
-          class: ["vxe-table-custom-popup--drag-line", {
-            "is--guides": columnDragOpts.showGuidesStatus
-          }]
+          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 || ""}`)
-          ])
-        ])
+        (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 = () => {
@@ -720,234 +739,347 @@ var panel_default = (0, import_comp.defineVxeComponent)({
           const isHidden = !isChecked;
           const showSortBtn = (isCrossDrag || isPeerDrag ? immediate : false) || column.level === 1;
           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)(
+              "li",
+              {
+                key: column.id,
+                colid: column.id,
+                class: [
+                  "vxe-table-custom--option",
+                  `level--${column.level}`,
+                  {
+                    "is--hidden": isDisabled || isHidden,
+                    "is--group": isColGroup
                   }
-                }
-              }, [
-                (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
+                ],
+                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)("i", {
-                      class: getIcon().TABLE_CUSTOM_SORT
+                  },
+                  [
+                    (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) : 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)
-            ])
+                  ]
+                ) : 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, import_vue.h)("div", {
-        ref: refElem,
-        key: "simple",
-        class: ["vxe-table-custom-wrapper", `placement--${placement}`, {
-          [`size--${vSize}`]: vSize,
-          "is--active": customStore.visible
-        }],
-        style: defPopupStyle
-      }, 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()
-        ])
-      ] : []);
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          key: "simple",
+          class: [
+            "vxe-table-custom-wrapper",
+            `placement--${placement}`,
+            {
+              [`size--${vSize}`]: vSize,
+              "is--active": customStore.visible
+            }
+          ],
+          style: defPopupStyle
+        },
+        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;
@@ -999,128 +1131,166 @@ var panel_default = (0, import_comp.defineVxeComponent)({
           const tdVNs = [];
           if (allowVisible) {
             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]
-                  })
-                ])
-              ])
+              (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, 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)
-              ])
-            ])
+            (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, 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)
-              ])
+              (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) {
@@ -1224,16 +1394,23 @@ var panel_default = (0, import_comp.defineVxeComponent)({
             );
           }
           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)
+            (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
+            )
           );
         }
       });
@@ -1283,26 +1460,37 @@ var panel_default = (0, import_comp.defineVxeComponent)({
           })
         );
         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'))
-            ])
-          ])
+          (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(
@@ -1312,10 +1500,14 @@ var panel_default = (0, import_comp.defineVxeComponent)({
         })
       );
       headVNs.push(
-        (0, import_vue.h)("th", {
-          key: "at",
-          class: "vxe-table-custom-popup--column-th col--title"
-        }, getI18n("vxe.custom.setting.colTitle"))
+        (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(
@@ -1325,10 +1517,14 @@ var panel_default = (0, import_comp.defineVxeComponent)({
           })
         );
         headVNs.push(
-          (0, import_vue.h)("th", {
-            key: "aw",
-            class: "vxe-table-custom-popup--column-th col--width"
-          }, getI18n("vxe.custom.setting.colResizable"))
+          (0, import_vue.h)(
+            "th",
+            {
+              key: "aw",
+              class: "vxe-table-custom-popup--column-th col--width"
+            },
+            getI18n("vxe.custom.setting.colResizable")
+          )
         );
       }
       if (allowFixed) {
@@ -1339,10 +1535,14 @@ var panel_default = (0, import_comp.defineVxeComponent)({
           })
         );
         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]))
+          (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) {
@@ -1353,10 +1553,14 @@ var panel_default = (0, import_comp.defineVxeComponent)({
           })
         );
         headVNs.push(
-          (0, import_vue.h)("th", {
-            key: "aa",
-            class: "vxe-table-custom-popup--column-th col--align"
-          }, getI18n("vxe.custom.setting.colAlign"))
+          (0, import_vue.h)(
+            "th",
+            {
+              key: "aa",
+              class: "vxe-table-custom-popup--column-th col--align"
+            },
+            getI18n("vxe.custom.setting.colAlign")
+          )
         );
       }
       if (allowHeaderAlign) {
@@ -1367,10 +1571,14 @@ var panel_default = (0, import_comp.defineVxeComponent)({
           })
         );
         headVNs.push(
-          (0, import_vue.h)("th", {
-            key: "aha",
-            class: "vxe-table-custom-popup--column-th col--header-align"
-          }, getI18n("vxe.custom.setting.colHeadAlign"))
+          (0, import_vue.h)(
+            "th",
+            {
+              key: "aha",
+              class: "vxe-table-custom-popup--column-th col--header-align"
+            },
+            getI18n("vxe.custom.setting.colHeadAlign")
+          )
         );
       }
       if (allowFooterAlign) {
@@ -1381,131 +1589,173 @@ var panel_default = (0, import_comp.defineVxeComponent)({
           })
         );
         headVNs.push(
-          (0, import_vue.h)("th", {
-            key: "afa",
-            class: "vxe-table-custom-popup--column-th col--footer-align"
-          }, getI18n("vxe.custom.setting.colFootAlign"))
+          (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, import_vue.h)("div", {
-            ref: refBodyWrapperElem,
-            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, 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)
-          ]);
+          return (0, import_vue.h)(
+            "div",
+            {
+              ref: refBodyWrapperElem,
+              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, 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, 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)
-          ]);
+          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, import_vue.h)(VxeUIDrawerComponent, {
-          key: "drawer",
-          className: ["vxe-table-custom-drawer-wrapper", "vxe-table--ignore-clear", drawerOpts.className || ""].join(" "),
+        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"),
+            width: drawerOpts.width || Math.min(880, Math.floor(document.documentElement.clientWidth * 0.6)),
+            position: drawerOpts.position,
+            resize: !!drawerOpts.resize,
+            escClosable: !!drawerOpts.escClosable,
+            maskClosable: !!drawerOpts.maskClosable,
+            destroyOnClose: true,
+            showFooter: true,
+            "onUpdate:modelValue"(value) {
+              customStore.visible = value;
+            }
+          },
+          scopedSlots
+        ) : renderEmptyElement($xeTable);
+      }
+      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: 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,
-          escClosable: !!drawerOpts.escClosable,
-          maskClosable: !!drawerOpts.maskClosable,
+          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,
+          showZoom: modalOpts.showZoom,
+          showMaximize: modalOpts.showMaximize,
+          showMinimize: modalOpts.showMinimize,
+          mask: modalOpts.mask,
+          lockView: modalOpts.lockView,
+          resize: modalOpts.resize,
+          transfer: modalOpts.transfer,
+          escClosable: !!modalOpts.escClosable,
+          maskClosable: !!modalOpts.maskClosable,
           destroyOnClose: true,
           showFooter: true,
           "onUpdate:modelValue"(value) {
             customStore.visible = value;
           }
-        }, scopedSlots) : renderEmptyElement($xeTable);
-      }
-      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(1e3, document.documentElement.clientWidth),
-        minWidth: modalOpts.minWidth || 800,
-        height: modalOpts.height || Math.min(680, document.documentElement.clientHeight),
-        minHeight: modalOpts.minHeight || 400,
-        showZoom: modalOpts.showZoom,
-        showMaximize: modalOpts.showMaximize,
-        showMinimize: modalOpts.showMinimize,
-        mask: modalOpts.mask,
-        lockView: modalOpts.lockView,
-        resize: modalOpts.resize,
-        transfer: modalOpts.transfer,
-        escClosable: !!modalOpts.escClosable,
-        maskClosable: !!modalOpts.maskClosable,
-        destroyOnClose: true,
-        showFooter: true,
-        "onUpdate:modelValue"(value) {
-          customStore.visible = value;
-        }
-      }, scopedSlots) : renderEmptyElement($xeTable);
+        },
+        scopedSlots
+      ) : renderEmptyElement($xeTable);
     };
     const renderVN = () => {
       const customOpts = computeCustomOpts.value;