vxe-table 4.23.7 → 4.23.9

package/lib/table/module/export/export-panel.js

@@ -33,12 +33,12 @@ __export(export_panel_exports, {
 module.exports = __toCommonJS(export_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_xe_utils = __toESM(require("xe-utils"));
 var import_utils = require("../../../ui/src/utils");
 var import_log = require("../../../ui/src/log");
 const { errLog } = (0, import_log.createComponentLog)("table");
-const { getI18n, getIcon, renderEmptyElement } = import_ui.VxeUI;
+const { getI18n, getIcon, renderEmptyElement } = import_core.VxeUI;
 var export_panel_default = (0, import_comp.defineVxeComponent)({
   name: "VxeTableExportPanel",
   props: {
@@ -52,11 +52,11 @@ var export_panel_default = (0, import_comp.defineVxeComponent)({
     }
   },
   setup(props) {
-    const VxeUIModalComponent = import_ui.VxeUI.getComponent("VxeModal");
-    const VxeUIButtonComponent = import_ui.VxeUI.getComponent("VxeButton");
-    const VxeUISelectComponent = import_ui.VxeUI.getComponent("VxeSelect");
-    const VxeUIInputComponent = import_ui.VxeUI.getComponent("VxeInput");
-    const VxeUICheckboxComponent = import_ui.VxeUI.getComponent("VxeCheckbox");
+    const VxeUIModalComponent = import_core.VxeUI.getComponent("VxeModal");
+    const VxeUIButtonComponent = import_core.VxeUI.getComponent("VxeButton");
+    const VxeUISelectComponent = import_core.VxeUI.getComponent("VxeSelect");
+    const VxeUIInputComponent = import_core.VxeUI.getComponent("VxeInput");
+    const VxeUICheckboxComponent = import_core.VxeUI.getComponent("VxeCheckbox");
     const $xeTable = (0, import_vue.inject)("$xeTable", {});
     const { computeExportOpts, computePrintOpts } = $xeTable.getComputeMaps();
     const reactData = (0, import_vue.reactive)({
@@ -211,330 +211,413 @@ var export_panel_default = (0, import_comp.defineVxeComponent)({
         const indeterminate = column.halfChecked;
         const isHtml = column.type === "html";
         colVNs.push(
-          (0, import_vue.h)("li", {
-            key: column.id,
-            class: ["vxe-table-export--panel-column-option", `level--${column.level}`, {
-              "is--group": isColGroup,
-              "is--checked": isChecked,
-              "is--indeterminate": indeterminate,
-              "is--disabled": column.disabled
-            }],
-            title: isHtml ? "" : colTitle,
-            onClick: () => {
-              if (!column.disabled) {
-                changeOption(column);
+          (0, import_vue.h)(
+            "li",
+            {
+              key: column.id,
+              class: [
+                "vxe-table-export--panel-column-option",
+                `level--${column.level}`,
+                {
+                  "is--group": isColGroup,
+                  "is--checked": isChecked,
+                  "is--indeterminate": indeterminate,
+                  "is--disabled": column.disabled
+                }
+              ],
+              title: isHtml ? "" : colTitle,
+              onClick: () => {
+                if (!column.disabled) {
+                  changeOption(column);
+                }
               }
-            }
-          }, [
-            (0, import_vue.h)("span", {
-              class: ["vxe-checkbox--icon", indeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
-            }),
-            isHtml ? (0, import_vue.h)("span", {
-              key: "1",
-              class: "vxe-checkbox--label",
-              innerHTML: colTitle
-            }) : (0, import_vue.h)("span", {
-              key: "0",
-              class: "vxe-checkbox--label"
-            }, colTitle)
-          ])
+            },
+            [
+              (0, import_vue.h)("span", {
+                class: ["vxe-checkbox--icon", indeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
+              }),
+              isHtml ? (0, import_vue.h)("span", {
+                key: "1",
+                class: "vxe-checkbox--label",
+                innerHTML: colTitle
+              }) : (0, import_vue.h)(
+                "span",
+                {
+                  key: "0",
+                  class: "vxe-checkbox--label"
+                },
+                colTitle
+              )
+            ]
+          )
         );
       });
-      return VxeUIModalComponent ? (0, import_vue.h)(VxeUIModalComponent, {
-        id: "VXE_EXPORT_MODAL",
-        modelValue: storeData.visible,
-        title: modelOptions.title || getI18n(isPrint ? "vxe.export.printTitle" : "vxe.export.expTitle"),
-        className: "vxe-table-export-popup-wrapper",
-        width: modelOptions.width || 660,
-        height: modelOptions.height,
-        minWidth: modelOptions.minWidth || 500,
-        minHeight: modelOptions.minHeight || 400,
-        mask: (0, import_utils.getDefaultConfig)(modelOptions.mask, true),
-        lockView: (0, import_utils.getDefaultConfig)(modelOptions.lockView, true),
-        showFooter: true,
-        escClosable: true,
-        maskClosable: true,
-        position: modelOptions.position,
-        fullscreen: modelOptions.fullscreen,
-        remember: modelOptions.remember,
-        showMinimize: modelOptions.showMinimize,
-        showMaximize: (0, import_utils.getDefaultConfig)(modelOptions.showMaximize, true),
-        resize: (0, import_utils.getDefaultConfig)(modelOptions.resize, true),
-        loading: reactData.loading,
-        "onUpdate:modelValue"(value) {
-          storeData.visible = value;
+      return VxeUIModalComponent ? (0, import_vue.h)(
+        VxeUIModalComponent,
+        {
+          id: "VXE_EXPORT_MODAL",
+          modelValue: storeData.visible,
+          title: modelOptions.title || getI18n(isPrint ? "vxe.export.printTitle" : "vxe.export.expTitle"),
+          className: "vxe-table-export-popup-wrapper",
+          width: modelOptions.width || 660,
+          height: modelOptions.height,
+          minWidth: modelOptions.minWidth || 500,
+          minHeight: modelOptions.minHeight || 400,
+          mask: (0, import_utils.getDefaultConfig)(modelOptions.mask, true),
+          lockView: (0, import_utils.getDefaultConfig)(modelOptions.lockView, true),
+          showFooter: true,
+          escClosable: true,
+          maskClosable: true,
+          position: modelOptions.position,
+          fullscreen: modelOptions.fullscreen,
+          remember: modelOptions.remember,
+          showMinimize: modelOptions.showMinimize,
+          showMaximize: (0, import_utils.getDefaultConfig)(modelOptions.showMaximize, true),
+          resize: (0, import_utils.getDefaultConfig)(modelOptions.resize, true),
+          loading: reactData.loading,
+          "onUpdate:modelValue"(value) {
+            storeData.visible = value;
+          },
+          onShow: showEvent
         },
-        onShow: showEvent
-      }, {
-        default: () => {
-          const params = {
-            $table: $xeTable,
-            $grid: $xeGrid,
-            $gantt: $xeGantt,
-            options: defaultOptions,
-            columns,
-            params: defaultOptions.params
-          };
-          const hasEmptyData = defaultOptions.mode === "empty";
-          return (0, import_vue.h)("div", {
-            class: "vxe-table-export--panel"
-          }, [
-            topSlot ? (0, import_vue.h)("div", {
-              class: "vxe-table-export--panel-top"
-            }, $xeTable.callSlot(topSlot, params)) : renderEmptyElement($xeTable),
-            (0, import_vue.h)("div", {
-              class: "vxe-table-export--panel-body"
-            }, defaultSlot ? $xeTable.callSlot(defaultSlot, params) : [
-              (0, import_vue.h)("table", {
-                class: "vxe-table-export--panel-table",
-                cellspacing: 0,
-                cellpadding: 0,
-                border: 0
-              }, [
-                (0, import_vue.h)("tbody", [
-                  [
-                    isPrint || settingOptions.showFileName === false ? renderEmptyElement($xeTable) : (0, import_vue.h)("tr", [
-                      (0, import_vue.h)("td", getI18n("vxe.export.expName")),
-                      (0, import_vue.h)("td", [
-                        VxeUIInputComponent ? (0, import_vue.h)(VxeUIInputComponent, {
-                          ref: xInputFilename,
-                          modelValue: defaultOptions.filename,
-                          type: "text",
-                          clearable: true,
-                          placeholder: getI18n("vxe.export.expNamePlaceholder"),
-                          "onUpdate:modelValue"(value) {
-                            defaultOptions.filename = value;
-                          }
-                        }) : renderEmptyElement($xeTable)
-                      ])
-                    ]),
-                    isPrint || settingOptions.showType === false ? renderEmptyElement($xeTable) : (0, import_vue.h)("tr", [
-                      (0, import_vue.h)("td", getI18n("vxe.export.expType")),
-                      (0, import_vue.h)("td", [
-                        VxeUISelectComponent ? (0, import_vue.h)(VxeUISelectComponent, {
-                          modelValue: defaultOptions.type,
-                          options: storeData.typeList,
-                          "onUpdate:modelValue"(value) {
-                            defaultOptions.type = value;
-                          }
-                        }) : renderEmptyElement($xeTable)
-                      ])
-                    ]),
-                    (isPrint || showSheet) && settingOptions.showSheet !== false ? (0, import_vue.h)("tr", [
-                      (0, import_vue.h)("td", getI18n("vxe.export.expSheetName")),
-                      (0, import_vue.h)("td", [
-                        VxeUIInputComponent ? (0, import_vue.h)(VxeUIInputComponent, {
-                          ref: xInputSheetname,
-                          modelValue: defaultOptions.sheetName,
-                          type: "text",
-                          clearable: true,
-                          placeholder: getI18n("vxe.export.expSheetNamePlaceholder"),
-                          "onUpdate:modelValue"(value) {
-                            defaultOptions.sheetName = value;
-                          }
-                        }) : renderEmptyElement($xeTable)
-                      ])
-                    ]) : renderEmptyElement($xeTable),
-                    settingOptions.showMode === false ? renderEmptyElement($xeTable) : (0, import_vue.h)("tr", [
-                      (0, import_vue.h)("td", getI18n("vxe.export.expMode")),
-                      (0, import_vue.h)("td", [
-                        VxeUISelectComponent ? (0, import_vue.h)(VxeUISelectComponent, {
-                          modelValue: defaultOptions.mode,
-                          options: storeData.modeList.map((item) => {
-                            return {
-                              value: item.value,
-                              label: getI18n(item.label)
-                            };
-                          }),
-                          "onUpdate:modelValue"(value) {
-                            defaultOptions.mode = value;
-                          }
-                        }) : renderEmptyElement($xeTable)
-                      ])
-                    ]),
-                    settingOptions.showColumn === false ? renderEmptyElement($xeTable) : (0, import_vue.h)("tr", [
-                      (0, import_vue.h)("td", [getI18n("vxe.export.expColumn")]),
-                      (0, import_vue.h)("td", [
-                        (0, import_vue.h)("div", {
-                          class: "vxe-table-export--panel-column"
-                        }, [
-                          (0, import_vue.h)("ul", {
-                            class: "vxe-table-export--panel-column-header"
-                          }, [
-                            (0, import_vue.h)("li", {
-                              class: ["vxe-table-export--panel-column-option", {
-                                "is--checked": isAllChecked,
-                                "is--indeterminate": isAllIndeterminate
-                              }],
-                              title: getI18n("vxe.table.allTitle"),
-                              onClick: allColumnEvent
-                            }, [
-                              (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.export.expCurrentColumn"))
+        {
+          default: () => {
+            const params = {
+              $table: $xeTable,
+              $grid: $xeGrid,
+              $gantt: $xeGantt,
+              options: defaultOptions,
+              columns,
+              params: defaultOptions.params
+            };
+            const hasEmptyData = defaultOptions.mode === "empty";
+            return (0, import_vue.h)(
+              "div",
+              {
+                class: "vxe-table-export--panel"
+              },
+              [
+                topSlot ? (0, import_vue.h)(
+                  "div",
+                  {
+                    class: "vxe-table-export--panel-top"
+                  },
+                  $xeTable.callSlot(topSlot, params)
+                ) : renderEmptyElement($xeTable),
+                (0, import_vue.h)(
+                  "div",
+                  {
+                    class: "vxe-table-export--panel-body"
+                  },
+                  defaultSlot ? $xeTable.callSlot(defaultSlot, params) : [
+                    (0, import_vue.h)(
+                      "table",
+                      {
+                        class: "vxe-table-export--panel-table",
+                        cellspacing: 0,
+                        cellpadding: 0,
+                        border: 0
+                      },
+                      [
+                        (0, import_vue.h)("tbody", [
+                          [
+                            isPrint || settingOptions.showFileName === false ? renderEmptyElement($xeTable) : (0, import_vue.h)("tr", [
+                              (0, import_vue.h)("td", getI18n("vxe.export.expName")),
+                              (0, import_vue.h)("td", [
+                                VxeUIInputComponent ? (0, import_vue.h)(VxeUIInputComponent, {
+                                  ref: xInputFilename,
+                                  modelValue: defaultOptions.filename,
+                                  type: "text",
+                                  clearable: true,
+                                  placeholder: getI18n("vxe.export.expNamePlaceholder"),
+                                  "onUpdate:modelValue"(value) {
+                                    defaultOptions.filename = value;
+                                  }
+                                }) : renderEmptyElement($xeTable)
+                              ])
+                            ]),
+                            isPrint || settingOptions.showType === false ? renderEmptyElement($xeTable) : (0, import_vue.h)("tr", [
+                              (0, import_vue.h)("td", getI18n("vxe.export.expType")),
+                              (0, import_vue.h)("td", [
+                                VxeUISelectComponent ? (0, import_vue.h)(VxeUISelectComponent, {
+                                  modelValue: defaultOptions.type,
+                                  options: storeData.typeList,
+                                  "onUpdate:modelValue"(value) {
+                                    defaultOptions.type = value;
+                                  }
+                                }) : renderEmptyElement($xeTable)
+                              ])
+                            ]),
+                            (isPrint || showSheet) && settingOptions.showSheet !== false ? (0, import_vue.h)("tr", [
+                              (0, import_vue.h)("td", getI18n("vxe.export.expSheetName")),
+                              (0, import_vue.h)("td", [
+                                VxeUIInputComponent ? (0, import_vue.h)(VxeUIInputComponent, {
+                                  ref: xInputSheetname,
+                                  modelValue: defaultOptions.sheetName,
+                                  type: "text",
+                                  clearable: true,
+                                  placeholder: getI18n("vxe.export.expSheetNamePlaceholder"),
+                                  "onUpdate:modelValue"(value) {
+                                    defaultOptions.sheetName = value;
+                                  }
+                                }) : renderEmptyElement($xeTable)
+                              ])
+                            ]) : renderEmptyElement($xeTable),
+                            settingOptions.showMode === false ? renderEmptyElement($xeTable) : (0, import_vue.h)("tr", [
+                              (0, import_vue.h)("td", getI18n("vxe.export.expMode")),
+                              (0, import_vue.h)("td", [
+                                VxeUISelectComponent ? (0, import_vue.h)(VxeUISelectComponent, {
+                                  modelValue: defaultOptions.mode,
+                                  options: storeData.modeList.map((item) => {
+                                    return {
+                                      value: item.value,
+                                      label: getI18n(item.label)
+                                    };
+                                  }),
+                                  "onUpdate:modelValue"(value) {
+                                    defaultOptions.mode = value;
+                                  }
+                                }) : renderEmptyElement($xeTable)
+                              ])
+                            ]),
+                            settingOptions.showColumn === false ? renderEmptyElement($xeTable) : (0, import_vue.h)("tr", [
+                              (0, import_vue.h)("td", [getI18n("vxe.export.expColumn")]),
+                              (0, import_vue.h)("td", [
+                                (0, import_vue.h)(
+                                  "div",
+                                  {
+                                    class: "vxe-table-export--panel-column"
+                                  },
+                                  [
+                                    (0, import_vue.h)(
+                                      "ul",
+                                      {
+                                        class: "vxe-table-export--panel-column-header"
+                                      },
+                                      [
+                                        (0, import_vue.h)(
+                                          "li",
+                                          {
+                                            class: [
+                                              "vxe-table-export--panel-column-option",
+                                              {
+                                                "is--checked": isAllChecked,
+                                                "is--indeterminate": isAllIndeterminate
+                                              }
+                                            ],
+                                            title: getI18n("vxe.table.allTitle"),
+                                            onClick: allColumnEvent
+                                          },
+                                          [
+                                            (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.export.expCurrentColumn")
+                                            )
+                                          ]
+                                        )
+                                      ]
+                                    ),
+                                    (0, import_vue.h)(
+                                      "ul",
+                                      {
+                                        class: "vxe-table-export--panel-column-body"
+                                      },
+                                      colVNs
+                                    )
+                                  ]
+                                )
+                              ])
+                            ]),
+                            isPrint && settingOptions.showWidthMode !== false ? (0, import_vue.h)("tr", [
+                              (0, import_vue.h)("td", getI18n("vxe.export.widthMode")),
+                              (0, import_vue.h)("td", [
+                                VxeUISelectComponent ? (0, import_vue.h)(VxeUISelectComponent, {
+                                  modelValue: defaultOptions.widthMode,
+                                  options: colWidthModeOptions,
+                                  "onUpdate:modelValue"(value) {
+                                    defaultOptions.widthMode = value;
+                                  }
+                                }) : renderEmptyElement($xeTable)
+                              ])
+                            ]) : renderEmptyElement($xeTable),
+                            settingOptions.showParameter === false ? renderEmptyElement($xeTable) : (0, import_vue.h)("tr", [
+                              (0, import_vue.h)("td", getI18n("vxe.export.expOpts")),
+                              parameterSlot ? (0, import_vue.h)("td", [
+                                (0, import_vue.h)(
+                                  "div",
+                                  {
+                                    class: "vxe-table-export--panel-option-row"
+                                  },
+                                  $xeTable.callSlot(parameterSlot, params)
+                                )
+                              ]) : (0, import_vue.h)("td", [
+                                (0, import_vue.h)(
+                                  "div",
+                                  {
+                                    class: "vxe-table-export--panel-option-row"
+                                  },
+                                  VxeUICheckboxComponent ? [
+                                    (0, import_vue.h)(VxeUICheckboxComponent, {
+                                      modelValue: hasEmptyData || isHeader,
+                                      disabled: hasEmptyData,
+                                      title: getI18n("vxe.export.expHeaderTitle"),
+                                      content: getI18n("vxe.export.expOptHeader"),
+                                      "onUpdate:modelValue"(value) {
+                                        defaultOptions.isHeader = value;
+                                      }
+                                    }),
+                                    (0, import_vue.h)(VxeUICheckboxComponent, {
+                                      modelValue: defaultOptions.isFooter,
+                                      disabled: !storeData.hasFooter,
+                                      title: getI18n("vxe.export.expFooterTitle"),
+                                      content: getI18n("vxe.export.expOptFooter"),
+                                      "onUpdate:modelValue"(value) {
+                                        defaultOptions.isFooter = value;
+                                      }
+                                    }),
+                                    (0, import_vue.h)(VxeUICheckboxComponent, {
+                                      modelValue: isHeader ? defaultOptions.isTitle : false,
+                                      disabled: !isHeader,
+                                      title: getI18n("vxe.export.expTitleTitle"),
+                                      content: getI18n("vxe.export.expOptTitle"),
+                                      "onUpdate:modelValue"(value) {
+                                        defaultOptions.isTitle = value;
+                                      }
+                                    }),
+                                    (0, import_vue.h)(VxeUICheckboxComponent, {
+                                      modelValue: isHeader && hasColgroup && supportMerge ? defaultOptions.isColgroup : false,
+                                      title: getI18n("vxe.export.expColgroupTitle"),
+                                      disabled: !isHeader || !hasColgroup || !supportMerge,
+                                      content: getI18n("vxe.export.expOptColgroup"),
+                                      "onUpdate:modelValue"(value) {
+                                        defaultOptions.isColgroup = value;
+                                      }
+                                    })
+                                  ] : []
+                                ),
+                                (0, import_vue.h)(
+                                  "div",
+                                  {
+                                    class: "vxe-table-export--panel-option-row"
+                                  },
+                                  VxeUICheckboxComponent ? [
+                                    (0, import_vue.h)(VxeUICheckboxComponent, {
+                                      modelValue: hasEmptyData ? false : defaultOptions.original,
+                                      disabled: hasEmptyData,
+                                      title: getI18n("vxe.export.expOriginalTitle"),
+                                      content: getI18n("vxe.export.expOptOriginal"),
+                                      "onUpdate:modelValue"(value) {
+                                        defaultOptions.original = value;
+                                      }
+                                    }),
+                                    (0, import_vue.h)(VxeUICheckboxComponent, {
+                                      modelValue: hasMerge && supportMerge && checkedAll ? defaultOptions.isMerge : false,
+                                      title: getI18n("vxe.export.expMergeTitle"),
+                                      disabled: hasEmptyData || !hasMerge || !supportMerge || !checkedAll,
+                                      content: getI18n("vxe.export.expOptMerge"),
+                                      "onUpdate:modelValue"(value) {
+                                        defaultOptions.isMerge = value;
+                                      }
+                                    }),
+                                    isPrint ? renderEmptyElement($xeTable) : (0, import_vue.h)(VxeUICheckboxComponent, {
+                                      modelValue: supportStyle ? defaultOptions.useStyle : false,
+                                      disabled: !supportStyle,
+                                      title: getI18n("vxe.export.expUseStyleTitle"),
+                                      content: getI18n("vxe.export.expOptUseStyle"),
+                                      "onUpdate:modelValue"(value) {
+                                        defaultOptions.useStyle = value;
+                                      }
+                                    })
+                                  ] : []
+                                ),
+                                (0, import_vue.h)(
+                                  "div",
+                                  {
+                                    class: "vxe-table-export--panel-option-row"
+                                  },
+                                  VxeUICheckboxComponent ? [
+                                    (0, import_vue.h)(VxeUICheckboxComponent, {
+                                      modelValue: hasTree ? defaultOptions.isTreeAllExpanded : false,
+                                      disabled: hasEmptyData || !hasTree,
+                                      title: getI18n("vxe.export.expTreeAllExpandTitle"),
+                                      content: getI18n("vxe.export.expOptTreeAllExpand"),
+                                      "onUpdate:modelValue"(value) {
+                                        defaultOptions.isTreeAllExpanded = value;
+                                      }
+                                    }),
+                                    (0, import_vue.h)(VxeUICheckboxComponent, {
+                                      modelValue: hasRowGroup ? defaultOptions.isRowGroupAllExpanded : false,
+                                      disabled: hasEmptyData || !hasRowGroup,
+                                      title: getI18n("vxe.export.expRowGroupAllExpandTitle"),
+                                      content: getI18n("vxe.export.expOptRowGroupAllExpand"),
+                                      "onUpdate:modelValue"(value) {
+                                        defaultOptions.isRowGroupAllExpanded = value;
+                                      }
+                                    })
+                                  ] : []
+                                )
+                              ])
                             ])
-                          ]),
-                          (0, import_vue.h)("ul", {
-                            class: "vxe-table-export--panel-column-body"
-                          }, colVNs)
+                          ]
                         ])
-                      ])
-                    ]),
-                    isPrint && settingOptions.showWidthMode !== false ? (0, import_vue.h)("tr", [
-                      (0, import_vue.h)("td", getI18n("vxe.export.widthMode")),
-                      (0, import_vue.h)("td", [
-                        VxeUISelectComponent ? (0, import_vue.h)(VxeUISelectComponent, {
-                          modelValue: defaultOptions.widthMode,
-                          options: colWidthModeOptions,
-                          "onUpdate:modelValue"(value) {
-                            defaultOptions.widthMode = value;
-                          }
-                        }) : renderEmptyElement($xeTable)
-                      ])
-                    ]) : renderEmptyElement($xeTable),
-                    settingOptions.showParameter === false ? renderEmptyElement($xeTable) : (0, import_vue.h)("tr", [
-                      (0, import_vue.h)("td", getI18n("vxe.export.expOpts")),
-                      parameterSlot ? (0, import_vue.h)("td", [
-                        (0, import_vue.h)("div", {
-                          class: "vxe-table-export--panel-option-row"
-                        }, $xeTable.callSlot(parameterSlot, params))
-                      ]) : (0, import_vue.h)("td", [
-                        (0, import_vue.h)("div", {
-                          class: "vxe-table-export--panel-option-row"
-                        }, VxeUICheckboxComponent ? [
-                          (0, import_vue.h)(VxeUICheckboxComponent, {
-                            modelValue: hasEmptyData || isHeader,
-                            disabled: hasEmptyData,
-                            title: getI18n("vxe.export.expHeaderTitle"),
-                            content: getI18n("vxe.export.expOptHeader"),
-                            "onUpdate:modelValue"(value) {
-                              defaultOptions.isHeader = value;
-                            }
-                          }),
-                          (0, import_vue.h)(VxeUICheckboxComponent, {
-                            modelValue: defaultOptions.isFooter,
-                            disabled: !storeData.hasFooter,
-                            title: getI18n("vxe.export.expFooterTitle"),
-                            content: getI18n("vxe.export.expOptFooter"),
-                            "onUpdate:modelValue"(value) {
-                              defaultOptions.isFooter = value;
-                            }
-                          }),
-                          (0, import_vue.h)(VxeUICheckboxComponent, {
-                            modelValue: isHeader ? defaultOptions.isTitle : false,
-                            disabled: !isHeader,
-                            title: getI18n("vxe.export.expTitleTitle"),
-                            content: getI18n("vxe.export.expOptTitle"),
-                            "onUpdate:modelValue"(value) {
-                              defaultOptions.isTitle = value;
-                            }
-                          }),
-                          (0, import_vue.h)(VxeUICheckboxComponent, {
-                            modelValue: isHeader && hasColgroup && supportMerge ? defaultOptions.isColgroup : false,
-                            title: getI18n("vxe.export.expColgroupTitle"),
-                            disabled: !isHeader || !hasColgroup || !supportMerge,
-                            content: getI18n("vxe.export.expOptColgroup"),
-                            "onUpdate:modelValue"(value) {
-                              defaultOptions.isColgroup = value;
-                            }
-                          })
-                        ] : []),
-                        (0, import_vue.h)("div", {
-                          class: "vxe-table-export--panel-option-row"
-                        }, VxeUICheckboxComponent ? [
-                          (0, import_vue.h)(VxeUICheckboxComponent, {
-                            modelValue: hasEmptyData ? false : defaultOptions.original,
-                            disabled: hasEmptyData,
-                            title: getI18n("vxe.export.expOriginalTitle"),
-                            content: getI18n("vxe.export.expOptOriginal"),
-                            "onUpdate:modelValue"(value) {
-                              defaultOptions.original = value;
-                            }
-                          }),
-                          (0, import_vue.h)(VxeUICheckboxComponent, {
-                            modelValue: hasMerge && supportMerge && checkedAll ? defaultOptions.isMerge : false,
-                            title: getI18n("vxe.export.expMergeTitle"),
-                            disabled: hasEmptyData || !hasMerge || !supportMerge || !checkedAll,
-                            content: getI18n("vxe.export.expOptMerge"),
-                            "onUpdate:modelValue"(value) {
-                              defaultOptions.isMerge = value;
-                            }
-                          }),
-                          isPrint ? renderEmptyElement($xeTable) : (0, import_vue.h)(VxeUICheckboxComponent, {
-                            modelValue: supportStyle ? defaultOptions.useStyle : false,
-                            disabled: !supportStyle,
-                            title: getI18n("vxe.export.expUseStyleTitle"),
-                            content: getI18n("vxe.export.expOptUseStyle"),
-                            "onUpdate:modelValue"(value) {
-                              defaultOptions.useStyle = value;
-                            }
-                          })
-                        ] : []),
-                        (0, import_vue.h)("div", {
-                          class: "vxe-table-export--panel-option-row"
-                        }, VxeUICheckboxComponent ? [
-                          (0, import_vue.h)(VxeUICheckboxComponent, {
-                            modelValue: hasTree ? defaultOptions.isTreeAllExpanded : false,
-                            disabled: hasEmptyData || !hasTree,
-                            title: getI18n("vxe.export.expTreeAllExpandTitle"),
-                            content: getI18n("vxe.export.expOptTreeAllExpand"),
-                            "onUpdate:modelValue"(value) {
-                              defaultOptions.isTreeAllExpanded = value;
-                            }
-                          }),
-                          (0, import_vue.h)(VxeUICheckboxComponent, {
-                            modelValue: hasRowGroup ? defaultOptions.isRowGroupAllExpanded : false,
-                            disabled: hasEmptyData || !hasRowGroup,
-                            title: getI18n("vxe.export.expRowGroupAllExpandTitle"),
-                            content: getI18n("vxe.export.expOptRowGroupAllExpand"),
-                            "onUpdate:modelValue"(value) {
-                              defaultOptions.isRowGroupAllExpanded = value;
-                            }
-                          })
-                        ] : [])
-                      ])
-                    ])
+                      ]
+                    )
                   ]
-                ])
-              ])
-            ]),
-            bottomSlot ? (0, import_vue.h)("div", {
-              class: "vxe-table-export--panel-bottom"
-            }, $xeTable.callSlot(bottomSlot, params)) : renderEmptyElement($xeTable)
-          ]);
-        },
-        footer() {
-          const params = {
-            $table: $xeTable,
-            $grid: $xeGrid,
-            $gantt: $xeGantt,
-            options: defaultOptions,
-            columns,
-            params: defaultOptions.params
-          };
-          return (0, import_vue.h)("div", {
-            class: "vxe-table-export--panel-footer"
-          }, footerSlot ? $xeTable.callSlot(footerSlot, params) : [
-            (0, import_vue.h)("div", {
-              class: "vxe-table-export--panel-btns"
-            }, [
-              VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
-                content: getI18n("vxe.export.expCancel"),
-                onClick: cancelEvent
-              }) : renderEmptyElement($xeTable),
-              VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
-                ref: xButtonConfirm,
-                status: "primary",
-                content: getI18n(isPrint ? "vxe.export.expPrint" : "vxe.export.expConfirm"),
-                onClick: confirmEvent
-              }) : renderEmptyElement($xeTable)
-            ])
-          ]);
+                ),
+                bottomSlot ? (0, import_vue.h)(
+                  "div",
+                  {
+                    class: "vxe-table-export--panel-bottom"
+                  },
+                  $xeTable.callSlot(bottomSlot, params)
+                ) : renderEmptyElement($xeTable)
+              ]
+            );
+          },
+          footer() {
+            const params = {
+              $table: $xeTable,
+              $grid: $xeGrid,
+              $gantt: $xeGantt,
+              options: defaultOptions,
+              columns,
+              params: defaultOptions.params
+            };
+            return (0, import_vue.h)(
+              "div",
+              {
+                class: "vxe-table-export--panel-footer"
+              },
+              footerSlot ? $xeTable.callSlot(footerSlot, params) : [
+                (0, import_vue.h)(
+                  "div",
+                  {
+                    class: "vxe-table-export--panel-btns"
+                  },
+                  [
+                    VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
+                      content: getI18n("vxe.export.expCancel"),
+                      onClick: cancelEvent
+                    }) : renderEmptyElement($xeTable),
+                    VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
+                      ref: xButtonConfirm,
+                      status: "primary",
+                      content: getI18n(isPrint ? "vxe.export.expPrint" : "vxe.export.expConfirm"),
+                      onClick: confirmEvent
+                    }) : renderEmptyElement($xeTable)
+                  ]
+                )
+              ]
+            );
+          }
         }
-      }) : renderEmptyElement($xeTable);
+      ) : renderEmptyElement($xeTable);
     };
     (0, import_vue.nextTick)(() => {
       if (!VxeUIModalComponent) {