vxe-table 4.23.4 → 4.23.6

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

@@ -1,580 +1,528 @@
-import { h, ref, computed, reactive, inject, nextTick } from 'vue';
-import { defineVxeComponent } from '../../../ui/src/comp';
-import { VxeUI } from '../../../ui';
-import XEUtils from 'xe-utils';
-import { formatText, getDefaultConfig } from '../../../ui/src/utils';
-import { createComponentLog } from '../../../ui/src/log';
-const { errLog } = createComponentLog('table');
+import { h, ref, computed, reactive, inject, nextTick } from "vue";
+import { defineVxeComponent } from "../../../ui/src/comp";
+import { VxeUI } from "../../../ui";
+import XEUtils from "xe-utils";
+import { formatText, getDefaultConfig } from "../../../ui/src/utils";
+import { createComponentLog } from "../../../ui/src/log";
+const { errLog } = createComponentLog("table");
 const { getI18n, getIcon, renderEmptyElement } = VxeUI;
-export default defineVxeComponent({
-    name: 'VxeTableExportPanel',
-    props: {
-        defaultOptions: {
-            type: Object,
-            default: () => ({})
-        },
-        storeData: {
-            type: Object,
-            default: () => ({})
-        }
+var export_panel_default = defineVxeComponent({
+  name: "VxeTableExportPanel",
+  props: {
+    defaultOptions: {
+      type: Object,
+      default: () => ({})
     },
-    setup(props) {
-        const VxeUIModalComponent = VxeUI.getComponent('VxeModal');
-        const VxeUIButtonComponent = VxeUI.getComponent('VxeButton');
-        const VxeUISelectComponent = VxeUI.getComponent('VxeSelect');
-        const VxeUIInputComponent = VxeUI.getComponent('VxeInput');
-        const VxeUICheckboxComponent = VxeUI.getComponent('VxeCheckbox');
-        const $xeTable = inject('$xeTable', {});
-        const { computeExportOpts, computePrintOpts } = $xeTable.getComputeMaps();
-        const reactData = reactive({
-            isAll: false,
-            isIndeterminate: false,
-            loading: false
-        });
-        const xButtonConfirm = ref();
-        const xInputFilename = ref();
-        const xInputSheetname = ref();
-        const computeColWidthModeOptions = computed(() => {
-            return [
-                { value: '', label: getI18n('vxe.export.wdModes.default') },
-                { value: 'auto', label: getI18n('vxe.export.wdModes.auto') },
-                { value: 'scale', label: getI18n('vxe.export.wdModes.scale') }
-            ];
-        });
-        const computeCheckedAll = computed(() => {
-            const { storeData } = props;
-            return storeData.columns.every((column) => column.checked);
-        });
-        const computeShowSheet = computed(() => {
-            const { defaultOptions } = props;
-            return ['html', 'xml', 'xlsx', 'pdf'].indexOf(defaultOptions.type) > -1;
-        });
-        const computeSupportMerge = computed(() => {
-            const { storeData, defaultOptions } = props;
-            return !defaultOptions.original && defaultOptions.mode === 'current' && (storeData.isPrint || ['html', 'xlsx'].indexOf(defaultOptions.type) > -1);
-        });
-        // const computeSupportGroup = computed(() => {
-        //   const { defaultOptions } = props
-        //   return ['html', 'xlsx', 'csv', 'txt'].indexOf(defaultOptions.type) > -1
-        // })
-        const computeSupportStyle = computed(() => {
-            const { defaultOptions } = props;
-            return !defaultOptions.original && ['xlsx'].indexOf(defaultOptions.type) > -1;
-        });
-        const handleOptionCheck = (column) => {
-            const { storeData } = props;
-            const matchObj = XEUtils.findTree(storeData.columns, item => item === column);
-            if (matchObj && matchObj.parent) {
-                const { parent } = matchObj;
-                if (parent.children && parent.children.length) {
-                    parent.checked = parent.children.every((column) => column.checked);
-                    parent.halfChecked = !parent.checked && parent.children.some((column) => column.checked || column.halfChecked);
-                    handleOptionCheck(parent);
-                }
-            }
-        };
-        const checkStatus = () => {
-            const { storeData } = props;
-            const columns = storeData.columns;
-            reactData.isAll = columns.every((column) => column.disabled || column.checked);
-            reactData.isIndeterminate = !reactData.isAll && columns.some((column) => !column.disabled && (column.checked || column.halfChecked));
-        };
-        const changeOption = (column) => {
-            const isChecked = !column.checked;
-            XEUtils.eachTree([column], (item) => {
-                item.checked = isChecked;
-                item.halfChecked = false;
-            });
-            handleOptionCheck(column);
-            checkStatus();
-        };
-        const allColumnEvent = () => {
-            const { storeData } = props;
-            const isAll = !reactData.isAll;
-            XEUtils.eachTree(storeData.columns, (column) => {
-                if (!column.disabled) {
-                    column.checked = isAll;
-                    column.halfChecked = false;
-                }
-            });
-            reactData.isAll = isAll;
-            checkStatus();
-        };
-        const showEvent = () => {
-            nextTick(() => {
-                const filenameInp = xInputFilename.value;
-                const sheetnameInp = xInputSheetname.value;
-                const confirmBtn = xButtonConfirm.value;
-                const targetElem = filenameInp || sheetnameInp || confirmBtn;
-                if (targetElem) {
-                    targetElem.focus();
-                }
-            });
-            checkStatus();
-        };
-        const getExportOption = () => {
-            const { storeData, defaultOptions } = props;
-            const { hasMerge, columns } = storeData;
-            const checkedAll = computeCheckedAll.value;
-            const supportMerge = computeSupportMerge.value;
-            // 内部导出使用 _columns -> _children 为自定义子集
-            const expColumns = XEUtils.searchTree(columns, (column) => column.checked, { children: 'children', mapChildren: '_children', original: true });
-            return Object.assign({}, defaultOptions, {
-                _columns: expColumns,
-                isMerge: hasMerge && supportMerge && checkedAll ? defaultOptions.isMerge : false
-            });
-        };
-        const printEvent = () => {
-            const { storeData } = props;
-            const printOpts = computePrintOpts.value;
-            storeData.visible = false;
-            $xeTable.print(Object.assign({}, printOpts, getExportOption()));
-        };
-        const exportEvent = () => {
-            const { storeData } = props;
-            const exportOpts = computeExportOpts.value;
-            reactData.loading = true;
-            $xeTable.exportData(Object.assign({}, exportOpts, getExportOption())).then(() => {
-                reactData.loading = false;
-                storeData.visible = false;
-            }).catch(() => {
-                reactData.loading = false;
-            });
-        };
-        const cancelEvent = () => {
-            const { storeData } = props;
-            storeData.visible = false;
-        };
-        const confirmEvent = () => {
-            const { storeData } = props;
-            if (storeData.isPrint) {
-                printEvent();
-            }
-            else {
-                exportEvent();
+    storeData: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(props) {
+    const VxeUIModalComponent = VxeUI.getComponent("VxeModal");
+    const VxeUIButtonComponent = VxeUI.getComponent("VxeButton");
+    const VxeUISelectComponent = VxeUI.getComponent("VxeSelect");
+    const VxeUIInputComponent = VxeUI.getComponent("VxeInput");
+    const VxeUICheckboxComponent = VxeUI.getComponent("VxeCheckbox");
+    const $xeTable = inject("$xeTable", {});
+    const { computeExportOpts, computePrintOpts } = $xeTable.getComputeMaps();
+    const reactData = reactive({
+      isAll: false,
+      isIndeterminate: false,
+      loading: false
+    });
+    const xButtonConfirm = ref();
+    const xInputFilename = ref();
+    const xInputSheetname = ref();
+    const computeColWidthModeOptions = computed(() => {
+      return [
+        { value: "", label: getI18n("vxe.export.wdModes.default") },
+        { value: "auto", label: getI18n("vxe.export.wdModes.auto") },
+        { value: "scale", label: getI18n("vxe.export.wdModes.scale") }
+      ];
+    });
+    const computeCheckedAll = computed(() => {
+      const { storeData } = props;
+      return storeData.columns.every((column) => column.checked);
+    });
+    const computeShowSheet = computed(() => {
+      const { defaultOptions } = props;
+      return ["html", "xml", "xlsx", "pdf"].indexOf(defaultOptions.type) > -1;
+    });
+    const computeSupportMerge = computed(() => {
+      const { storeData, defaultOptions } = props;
+      return !defaultOptions.original && defaultOptions.mode === "current" && (storeData.isPrint || ["html", "xlsx"].indexOf(defaultOptions.type) > -1);
+    });
+    const computeSupportStyle = computed(() => {
+      const { defaultOptions } = props;
+      return !defaultOptions.original && ["xlsx"].indexOf(defaultOptions.type) > -1;
+    });
+    const handleOptionCheck = (column) => {
+      const { storeData } = props;
+      const matchObj = XEUtils.findTree(storeData.columns, (item) => item === column);
+      if (matchObj && matchObj.parent) {
+        const { parent } = matchObj;
+        if (parent.children && parent.children.length) {
+          parent.checked = parent.children.every((column2) => column2.checked);
+          parent.halfChecked = !parent.checked && parent.children.some((column2) => column2.checked || column2.halfChecked);
+          handleOptionCheck(parent);
+        }
+      }
+    };
+    const checkStatus = () => {
+      const { storeData } = props;
+      const columns = storeData.columns;
+      reactData.isAll = columns.every((column) => column.disabled || column.checked);
+      reactData.isIndeterminate = !reactData.isAll && columns.some((column) => !column.disabled && (column.checked || column.halfChecked));
+    };
+    const changeOption = (column) => {
+      const isChecked = !column.checked;
+      XEUtils.eachTree([column], (item) => {
+        item.checked = isChecked;
+        item.halfChecked = false;
+      });
+      handleOptionCheck(column);
+      checkStatus();
+    };
+    const allColumnEvent = () => {
+      const { storeData } = props;
+      const isAll = !reactData.isAll;
+      XEUtils.eachTree(storeData.columns, (column) => {
+        if (!column.disabled) {
+          column.checked = isAll;
+          column.halfChecked = false;
+        }
+      });
+      reactData.isAll = isAll;
+      checkStatus();
+    };
+    const showEvent = () => {
+      nextTick(() => {
+        const filenameInp = xInputFilename.value;
+        const sheetnameInp = xInputSheetname.value;
+        const confirmBtn = xButtonConfirm.value;
+        const targetElem = filenameInp || sheetnameInp || confirmBtn;
+        if (targetElem) {
+          targetElem.focus();
+        }
+      });
+      checkStatus();
+    };
+    const getExportOption = () => {
+      const { storeData, defaultOptions } = props;
+      const { hasMerge, columns } = storeData;
+      const checkedAll = computeCheckedAll.value;
+      const supportMerge = computeSupportMerge.value;
+      const expColumns = XEUtils.searchTree(columns, (column) => column.checked, { children: "children", mapChildren: "_children", original: true });
+      return Object.assign({}, defaultOptions, {
+        _columns: expColumns,
+        isMerge: hasMerge && supportMerge && checkedAll ? defaultOptions.isMerge : false
+      });
+    };
+    const printEvent = () => {
+      const { storeData } = props;
+      const printOpts = computePrintOpts.value;
+      storeData.visible = false;
+      $xeTable.print(Object.assign({}, printOpts, getExportOption()));
+    };
+    const exportEvent = () => {
+      const { storeData } = props;
+      const exportOpts = computeExportOpts.value;
+      reactData.loading = true;
+      $xeTable.exportData(Object.assign({}, exportOpts, getExportOption())).then(() => {
+        reactData.loading = false;
+        storeData.visible = false;
+      }).catch(() => {
+        reactData.loading = false;
+      });
+    };
+    const cancelEvent = () => {
+      const { storeData } = props;
+      storeData.visible = false;
+    };
+    const confirmEvent = () => {
+      const { storeData } = props;
+      if (storeData.isPrint) {
+        printEvent();
+      } else {
+        exportEvent();
+      }
+    };
+    const renderVN = () => {
+      const $xeGrid = $xeTable.xeGrid;
+      const $xeGantt = $xeTable.xeGantt;
+      const { defaultOptions, storeData } = props;
+      const { isAll: isAllChecked, isIndeterminate: isAllIndeterminate } = reactData;
+      const { hasTree, hasRowGroup, hasMerge, isPrint, hasColgroup, columns } = storeData;
+      const { isHeader } = defaultOptions;
+      const colVNs = [];
+      const exportOpts = computeExportOpts.value;
+      const printOpts = computePrintOpts.value;
+      const modelOptions = (isPrint ? printOpts : exportOpts).modelOptions || {};
+      const settingOptions = (isPrint ? printOpts : exportOpts).settingOptions || {};
+      const checkedAll = computeCheckedAll.value;
+      const showSheet = computeShowSheet.value;
+      const supportMerge = computeSupportMerge.value;
+      const supportStyle = computeSupportStyle.value;
+      const colWidthModeOptions = computeColWidthModeOptions.value;
+      const slots = defaultOptions.slots || {};
+      const topSlot = slots.top;
+      const bottomSlot = slots.bottom;
+      const defaultSlot = slots.default;
+      const footerSlot = slots.footer;
+      const parameterSlot = slots.parameter;
+      XEUtils.eachTree(columns, (column) => {
+        const colTitle = formatText(column.getTitle(), 1);
+        const isColGroup = column.children && column.children.length;
+        const isChecked = column.checked;
+        const indeterminate = column.halfChecked;
+        const isHtml = column.type === "html";
+        colVNs.push(
+          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);
+              }
             }
-        };
-        const renderVN = () => {
-            const $xeGrid = $xeTable.xeGrid;
-            const $xeGantt = $xeTable.xeGantt;
-            const { defaultOptions, storeData } = props;
-            const { isAll: isAllChecked, isIndeterminate: isAllIndeterminate } = reactData;
-            const { hasTree, hasRowGroup, hasMerge, isPrint, hasColgroup, columns } = storeData;
-            const { isHeader } = defaultOptions;
-            const colVNs = [];
-            const exportOpts = computeExportOpts.value;
-            const printOpts = computePrintOpts.value;
-            const modelOptions = (isPrint ? printOpts : exportOpts).modelOptions || {};
-            const settingOptions = (isPrint ? printOpts : exportOpts).settingOptions || {};
-            const checkedAll = computeCheckedAll.value;
-            const showSheet = computeShowSheet.value;
-            const supportMerge = computeSupportMerge.value;
-            const supportStyle = computeSupportStyle.value;
-            const colWidthModeOptions = computeColWidthModeOptions.value;
-            // const supportGroup = computeSupportGroup.value
-            const slots = defaultOptions.slots || {};
-            const topSlot = slots.top;
-            const bottomSlot = slots.bottom;
-            const defaultSlot = slots.default;
-            const footerSlot = slots.footer;
-            const parameterSlot = slots.parameter;
-            XEUtils.eachTree(columns, (column) => {
-                const colTitle = formatText(column.getTitle(), 1);
-                const isColGroup = column.children && column.children.length;
-                const isChecked = column.checked;
-                const indeterminate = column.halfChecked;
-                const isHtml = column.type === 'html';
-                colVNs.push(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);
-                        }
-                    }
-                }, [
-                    h('span', {
-                        class: ['vxe-checkbox--icon', indeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : (isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED)]
-                    }),
-                    isHtml
-                        ? h('span', {
-                            key: '1',
-                            class: 'vxe-checkbox--label',
-                            innerHTML: colTitle
-                        })
-                        : h('span', {
-                            key: '0',
-                            class: 'vxe-checkbox--label'
-                        }, colTitle)
-                ]));
-            });
-            return VxeUIModalComponent
-                ? 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: getDefaultConfig(modelOptions.mask, true),
-                    lockView: getDefaultConfig(modelOptions.lockView, true),
-                    showFooter: true,
-                    escClosable: true,
-                    maskClosable: true,
-                    position: modelOptions.position,
-                    fullscreen: modelOptions.fullscreen,
-                    remember: modelOptions.remember,
-                    showMinimize: modelOptions.showMinimize,
-                    showMaximize: getDefaultConfig(modelOptions.showMaximize, true),
-                    resize: getDefaultConfig(modelOptions.resize, true),
-                    loading: reactData.loading,
-                    'onUpdate:modelValue'(value) {
-                        storeData.visible = value;
-                    },
-                    onShow: showEvent
-                }, {
-                    default: () => {
-                        const params = {
-                            $table: $xeTable,
-                            $grid: $xeGrid,
-                            $gantt: $xeGantt,
-                            options: defaultOptions,
-                            columns,
-                            params: defaultOptions.params
-                        };
-                        const hasEmptyData = defaultOptions.mode === 'empty';
-                        return h('div', {
-                            class: 'vxe-table-export--panel'
+          }, [
+            h("span", {
+              class: ["vxe-checkbox--icon", indeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
+            }),
+            isHtml ? h("span", {
+              key: "1",
+              class: "vxe-checkbox--label",
+              innerHTML: colTitle
+            }) : h("span", {
+              key: "0",
+              class: "vxe-checkbox--label"
+            }, colTitle)
+          ])
+        );
+      });
+      return VxeUIModalComponent ? 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: getDefaultConfig(modelOptions.mask, true),
+        lockView: getDefaultConfig(modelOptions.lockView, true),
+        showFooter: true,
+        escClosable: true,
+        maskClosable: true,
+        position: modelOptions.position,
+        fullscreen: modelOptions.fullscreen,
+        remember: modelOptions.remember,
+        showMinimize: modelOptions.showMinimize,
+        showMaximize: getDefaultConfig(modelOptions.showMaximize, true),
+        resize: getDefaultConfig(modelOptions.resize, true),
+        loading: reactData.loading,
+        "onUpdate:modelValue"(value) {
+          storeData.visible = value;
+        },
+        onShow: showEvent
+      }, {
+        default: () => {
+          const params = {
+            $table: $xeTable,
+            $grid: $xeGrid,
+            $gantt: $xeGantt,
+            options: defaultOptions,
+            columns,
+            params: defaultOptions.params
+          };
+          const hasEmptyData = defaultOptions.mode === "empty";
+          return h("div", {
+            class: "vxe-table-export--panel"
+          }, [
+            topSlot ? h("div", {
+              class: "vxe-table-export--panel-top"
+            }, $xeTable.callSlot(topSlot, params)) : renderEmptyElement($xeTable),
+            h("div", {
+              class: "vxe-table-export--panel-body"
+            }, defaultSlot ? $xeTable.callSlot(defaultSlot, params) : [
+              h("table", {
+                class: "vxe-table-export--panel-table",
+                cellspacing: 0,
+                cellpadding: 0,
+                border: 0
+              }, [
+                h("tbody", [
+                  [
+                    isPrint || settingOptions.showFileName === false ? renderEmptyElement($xeTable) : h("tr", [
+                      h("td", getI18n("vxe.export.expName")),
+                      h("td", [
+                        VxeUIInputComponent ? 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) : h("tr", [
+                      h("td", getI18n("vxe.export.expType")),
+                      h("td", [
+                        VxeUISelectComponent ? h(VxeUISelectComponent, {
+                          modelValue: defaultOptions.type,
+                          options: storeData.typeList,
+                          "onUpdate:modelValue"(value) {
+                            defaultOptions.type = value;
+                          }
+                        }) : renderEmptyElement($xeTable)
+                      ])
+                    ]),
+                    (isPrint || showSheet) && settingOptions.showSheet !== false ? h("tr", [
+                      h("td", getI18n("vxe.export.expSheetName")),
+                      h("td", [
+                        VxeUIInputComponent ? 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) : h("tr", [
+                      h("td", getI18n("vxe.export.expMode")),
+                      h("td", [
+                        VxeUISelectComponent ? 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) : h("tr", [
+                      h("td", [getI18n("vxe.export.expColumn")]),
+                      h("td", [
+                        h("div", {
+                          class: "vxe-table-export--panel-column"
                         }, [
-                            topSlot
-                                ? h('div', {
-                                    class: 'vxe-table-export--panel-top'
-                                }, $xeTable.callSlot(topSlot, params))
-                                : renderEmptyElement($xeTable),
-                            h('div', {
-                                class: 'vxe-table-export--panel-body'
-                            }, defaultSlot
-                                ? $xeTable.callSlot(defaultSlot, params)
-                                : [
-                                    h('table', {
-                                        class: 'vxe-table-export--panel-table',
-                                        cellspacing: 0,
-                                        cellpadding: 0,
-                                        border: 0
-                                    }, [
-                                        h('tbody', [
-                                            [
-                                                isPrint || settingOptions.showFileName === false
-                                                    ? renderEmptyElement($xeTable)
-                                                    : h('tr', [
-                                                        h('td', getI18n('vxe.export.expName')),
-                                                        h('td', [
-                                                            VxeUIInputComponent
-                                                                ? 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)
-                                                    : h('tr', [
-                                                        h('td', getI18n('vxe.export.expType')),
-                                                        h('td', [
-                                                            VxeUISelectComponent
-                                                                ? h(VxeUISelectComponent, {
-                                                                    modelValue: defaultOptions.type,
-                                                                    options: storeData.typeList,
-                                                                    'onUpdate:modelValue'(value) {
-                                                                        defaultOptions.type = value;
-                                                                    }
-                                                                })
-                                                                : renderEmptyElement($xeTable)
-                                                        ])
-                                                    ]),
-                                                (isPrint || showSheet) && settingOptions.showSheet !== false
-                                                    ? h('tr', [
-                                                        h('td', getI18n('vxe.export.expSheetName')),
-                                                        h('td', [
-                                                            VxeUIInputComponent
-                                                                ? 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)
-                                                    : h('tr', [
-                                                        h('td', getI18n('vxe.export.expMode')),
-                                                        h('td', [
-                                                            VxeUISelectComponent
-                                                                ? 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)
-                                                    : h('tr', [
-                                                        h('td', [getI18n('vxe.export.expColumn')]),
-                                                        h('td', [
-                                                            h('div', {
-                                                                class: 'vxe-table-export--panel-column'
-                                                            }, [
-                                                                h('ul', {
-                                                                    class: 'vxe-table-export--panel-column-header'
-                                                                }, [
-                                                                    h('li', {
-                                                                        class: ['vxe-table-export--panel-column-option', {
-                                                                                'is--checked': isAllChecked,
-                                                                                'is--indeterminate': isAllIndeterminate
-                                                                            }],
-                                                                        title: getI18n('vxe.table.allTitle'),
-                                                                        onClick: allColumnEvent
-                                                                    }, [
-                                                                        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.export.expCurrentColumn'))
-                                                                    ])
-                                                                ]),
-                                                                h('ul', {
-                                                                    class: 'vxe-table-export--panel-column-body'
-                                                                }, colVNs)
-                                                            ])
-                                                        ])
-                                                    ]),
-                                                isPrint && (settingOptions.showWidthMode !== false)
-                                                    ? h('tr', [
-                                                        h('td', getI18n('vxe.export.widthMode')),
-                                                        h('td', [
-                                                            VxeUISelectComponent
-                                                                ? h(VxeUISelectComponent, {
-                                                                    modelValue: defaultOptions.widthMode,
-                                                                    options: colWidthModeOptions,
-                                                                    'onUpdate:modelValue'(value) {
-                                                                        defaultOptions.widthMode = value;
-                                                                    }
-                                                                })
-                                                                : renderEmptyElement($xeTable)
-                                                        ])
-                                                    ])
-                                                    : renderEmptyElement($xeTable),
-                                                settingOptions.showParameter === false
-                                                    ? renderEmptyElement($xeTable)
-                                                    : h('tr', [
-                                                        h('td', getI18n('vxe.export.expOpts')),
-                                                        parameterSlot
-                                                            ? h('td', [
-                                                                h('div', {
-                                                                    class: 'vxe-table-export--panel-option-row'
-                                                                }, $xeTable.callSlot(parameterSlot, params))
-                                                            ])
-                                                            : h('td', [
-                                                                h('div', {
-                                                                    class: 'vxe-table-export--panel-option-row'
-                                                                }, VxeUICheckboxComponent
-                                                                    ? [
-                                                                        h(VxeUICheckboxComponent, {
-                                                                            modelValue: hasEmptyData || isHeader,
-                                                                            disabled: hasEmptyData,
-                                                                            title: getI18n('vxe.export.expHeaderTitle'),
-                                                                            content: getI18n('vxe.export.expOptHeader'),
-                                                                            'onUpdate:modelValue'(value) {
-                                                                                defaultOptions.isHeader = value;
-                                                                            }
-                                                                        }),
-                                                                        h(VxeUICheckboxComponent, {
-                                                                            modelValue: defaultOptions.isFooter,
-                                                                            disabled: !storeData.hasFooter,
-                                                                            title: getI18n('vxe.export.expFooterTitle'),
-                                                                            content: getI18n('vxe.export.expOptFooter'),
-                                                                            'onUpdate:modelValue'(value) {
-                                                                                defaultOptions.isFooter = value;
-                                                                            }
-                                                                        }),
-                                                                        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;
-                                                                            }
-                                                                        }),
-                                                                        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;
-                                                                            }
-                                                                        })
-                                                                    ]
-                                                                    : []),
-                                                                h('div', {
-                                                                    class: 'vxe-table-export--panel-option-row'
-                                                                }, VxeUICheckboxComponent
-                                                                    ? [
-                                                                        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;
-                                                                            }
-                                                                        }),
-                                                                        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)
-                                                                            : 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;
-                                                                                }
-                                                                            })
-                                                                    ]
-                                                                    : []),
-                                                                h('div', {
-                                                                    class: 'vxe-table-export--panel-option-row'
-                                                                }, VxeUICheckboxComponent
-                                                                    ? [
-                                                                        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;
-                                                                            }
-                                                                        }),
-                                                                        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
-                                ? 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 h('div', {
-                            class: 'vxe-table-export--panel-footer'
-                        }, footerSlot
-                            ? $xeTable.callSlot(footerSlot, params)
-                            : [
-                                h('div', {
-                                    class: 'vxe-table-export--panel-btns'
-                                }, [
-                                    VxeUIButtonComponent
-                                        ? h(VxeUIButtonComponent, {
-                                            content: getI18n('vxe.export.expCancel'),
-                                            onClick: cancelEvent
-                                        })
-                                        : renderEmptyElement($xeTable),
-                                    VxeUIButtonComponent
-                                        ? h(VxeUIButtonComponent, {
-                                            ref: xButtonConfirm,
-                                            status: 'primary',
-                                            content: getI18n(isPrint ? 'vxe.export.expPrint' : 'vxe.export.expConfirm'),
-                                            onClick: confirmEvent
-                                        })
-                                        : renderEmptyElement($xeTable)
-                                ])
-                            ]);
-                    }
-                })
-                : renderEmptyElement($xeTable);
-        };
-        nextTick(() => {
-            if (!VxeUIModalComponent) {
-                errLog('vxe.error.reqComp', ['vxe-modal']);
-            }
-            if (!VxeUIButtonComponent) {
-                errLog('vxe.error.reqComp', ['vxe-button']);
-            }
-            if (!VxeUISelectComponent) {
-                errLog('vxe.error.reqComp', ['vxe-select']);
-            }
-            if (!VxeUIInputComponent) {
-                errLog('vxe.error.reqComp', ['vxe-input']);
-            }
-            if (!VxeUICheckboxComponent) {
-                errLog('vxe.error.reqComp', ['vxe-checkbox']);
-            }
-        });
-        return renderVN;
-    }
+                          h("ul", {
+                            class: "vxe-table-export--panel-column-header"
+                          }, [
+                            h("li", {
+                              class: ["vxe-table-export--panel-column-option", {
+                                "is--checked": isAllChecked,
+                                "is--indeterminate": isAllIndeterminate
+                              }],
+                              title: getI18n("vxe.table.allTitle"),
+                              onClick: allColumnEvent
+                            }, [
+                              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.export.expCurrentColumn"))
+                            ])
+                          ]),
+                          h("ul", {
+                            class: "vxe-table-export--panel-column-body"
+                          }, colVNs)
+                        ])
+                      ])
+                    ]),
+                    isPrint && settingOptions.showWidthMode !== false ? h("tr", [
+                      h("td", getI18n("vxe.export.widthMode")),
+                      h("td", [
+                        VxeUISelectComponent ? h(VxeUISelectComponent, {
+                          modelValue: defaultOptions.widthMode,
+                          options: colWidthModeOptions,
+                          "onUpdate:modelValue"(value) {
+                            defaultOptions.widthMode = value;
+                          }
+                        }) : renderEmptyElement($xeTable)
+                      ])
+                    ]) : renderEmptyElement($xeTable),
+                    settingOptions.showParameter === false ? renderEmptyElement($xeTable) : h("tr", [
+                      h("td", getI18n("vxe.export.expOpts")),
+                      parameterSlot ? h("td", [
+                        h("div", {
+                          class: "vxe-table-export--panel-option-row"
+                        }, $xeTable.callSlot(parameterSlot, params))
+                      ]) : h("td", [
+                        h("div", {
+                          class: "vxe-table-export--panel-option-row"
+                        }, VxeUICheckboxComponent ? [
+                          h(VxeUICheckboxComponent, {
+                            modelValue: hasEmptyData || isHeader,
+                            disabled: hasEmptyData,
+                            title: getI18n("vxe.export.expHeaderTitle"),
+                            content: getI18n("vxe.export.expOptHeader"),
+                            "onUpdate:modelValue"(value) {
+                              defaultOptions.isHeader = value;
+                            }
+                          }),
+                          h(VxeUICheckboxComponent, {
+                            modelValue: defaultOptions.isFooter,
+                            disabled: !storeData.hasFooter,
+                            title: getI18n("vxe.export.expFooterTitle"),
+                            content: getI18n("vxe.export.expOptFooter"),
+                            "onUpdate:modelValue"(value) {
+                              defaultOptions.isFooter = value;
+                            }
+                          }),
+                          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;
+                            }
+                          }),
+                          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;
+                            }
+                          })
+                        ] : []),
+                        h("div", {
+                          class: "vxe-table-export--panel-option-row"
+                        }, VxeUICheckboxComponent ? [
+                          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;
+                            }
+                          }),
+                          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) : 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;
+                            }
+                          })
+                        ] : []),
+                        h("div", {
+                          class: "vxe-table-export--panel-option-row"
+                        }, VxeUICheckboxComponent ? [
+                          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;
+                            }
+                          }),
+                          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 ? 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 h("div", {
+            class: "vxe-table-export--panel-footer"
+          }, footerSlot ? $xeTable.callSlot(footerSlot, params) : [
+            h("div", {
+              class: "vxe-table-export--panel-btns"
+            }, [
+              VxeUIButtonComponent ? h(VxeUIButtonComponent, {
+                content: getI18n("vxe.export.expCancel"),
+                onClick: cancelEvent
+              }) : renderEmptyElement($xeTable),
+              VxeUIButtonComponent ? h(VxeUIButtonComponent, {
+                ref: xButtonConfirm,
+                status: "primary",
+                content: getI18n(isPrint ? "vxe.export.expPrint" : "vxe.export.expConfirm"),
+                onClick: confirmEvent
+              }) : renderEmptyElement($xeTable)
+            ])
+          ]);
+        }
+      }) : renderEmptyElement($xeTable);
+    };
+    nextTick(() => {
+      if (!VxeUIModalComponent) {
+        errLog("vxe.error.reqComp", ["vxe-modal"]);
+      }
+      if (!VxeUIButtonComponent) {
+        errLog("vxe.error.reqComp", ["vxe-button"]);
+      }
+      if (!VxeUISelectComponent) {
+        errLog("vxe.error.reqComp", ["vxe-select"]);
+      }
+      if (!VxeUIInputComponent) {
+        errLog("vxe.error.reqComp", ["vxe-input"]);
+      }
+      if (!VxeUICheckboxComponent) {
+        errLog("vxe.error.reqComp", ["vxe-checkbox"]);
+      }
+    });
+    return renderVN;
+  }
 });
+export {
+  export_panel_default as default
+};