ele-admin-plus 1.1.9-beta.9 → 1.2.0-beta.1

package/lib/ele-pro-table/components/table-tools.d.ts

@@ -1,7 +1,8 @@
-import type { PropType } from 'vue';
-import type { Columns, TableSize, DataItem } from '../../ele-data-table/types';
-import type { TableLocale, FetchFunction, ExportConfig, PrintConfig } from '../types';
-declare const _default: import("vue").DefineComponent<{
+import { TableLocale, FetchFunction, ExportConfig, PrintConfig } from '../types';
+import { Columns, TableSize, DataItem } from '../../ele-data-table/types';
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
     /** 工具按钮布局 */
     tools: {
         type: PropType<string[]>;
@@ -27,30 +28,34 @@ declare const _default: import("vue").DefineComponent<{
     pageData: PropType<DataItem[]>;
     /** 单元格合并行列方法 */
     spanMethod: PropType<((data: {
-        row: DataItem; /** 提示方向 */
+        row: DataItem;
         rowIndex: number;
-        column: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<DataItem>;
+        column: import('element-plus').TableColumnCtx<DataItem>;
         columnIndex: number;
     }) => number[] | {
         rowspan: number;
         colspan: number;
     } | undefined) | undefined>;
+    /** 表格是否有表头 */
+    tableHeader: BooleanConstructor;
     /** 是否显示合计行 */
     showSummary: BooleanConstructor;
     /** 合计行文本 */
     sumText: StringConstructor;
     /** 合计行自定义方法 */
-    summaryMethod: PropType<import("element-plus/es/components/table/src/table/defaults").SummaryMethod<DataItem> | undefined>;
+    summaryMethod: PropType<import('element-plus').SummaryMethod<DataItem> | undefined>;
     /** 单元格样式 */
-    cellStyle: PropType<import("element-plus/es/components/table/src/table/defaults").CellStyle<DataItem> | undefined>;
+    cellStyle: PropType<import('element-plus').CellStyle<DataItem> | undefined>;
     /** 单元格类名自定义 */
-    cellClassName: PropType<import("element-plus/es/components/table/src/table/defaults").CellCls<DataItem> | undefined>;
+    cellClassName: PropType<import('element-plus').CellCls<DataItem> | undefined>;
     /** 单元格样式 */
-    headerCellStyle: PropType<import("element-plus/es/components/table/src/table/defaults").CellStyle<DataItem> | undefined>;
+    headerCellStyle: PropType<import('element-plus').CellStyle<DataItem> | undefined>;
     /** 单元格类名自定义 */
-    headerCellClassName: PropType<import("element-plus/es/components/table/src/table/defaults").CellCls<DataItem> | undefined>;
+    headerCellClassName: PropType<import('element-plus').CellCls<DataItem> | undefined>;
     /** 序号列起始索引 */
     pageIndex: NumberConstructor;
+    /** 子级字段名 */
+    childrenField: StringConstructor;
     /** 表格请求数据方法 */
     fetch: PropType<FetchFunction>;
     /** 导出配置 */
@@ -64,18 +69,18 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
 }, {
-    lang: import("vue").ComputedRef<TableLocale>;
-    placement: import("vue").ComputedRef<"top" | "bottom">;
+    lang: import('vue').ComputedRef<TableLocale>;
+    placement: import('vue').ComputedRef<"top" | "bottom">;
     reload: () => void;
     updateSize: (size: string) => void;
     updateColumns: (columns: Columns) => void;
     toggleMaximized: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     reload: () => true;
     'update:size': (_size: TableSize) => true;
     'update:columns': (_columns: Columns) => true;
     'update:maximized': (_maximized: boolean) => true;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 工具按钮布局 */
     tools: {
         type: PropType<string[]>;
@@ -101,30 +106,34 @@ declare const _default: import("vue").DefineComponent<{
     pageData: PropType<DataItem[]>;
     /** 单元格合并行列方法 */
     spanMethod: PropType<((data: {
-        row: DataItem; /** 提示方向 */
+        row: DataItem;
         rowIndex: number;
-        column: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<DataItem>;
+        column: import('element-plus').TableColumnCtx<DataItem>;
         columnIndex: number;
     }) => number[] | {
         rowspan: number;
         colspan: number;
     } | undefined) | undefined>;
+    /** 表格是否有表头 */
+    tableHeader: BooleanConstructor;
     /** 是否显示合计行 */
     showSummary: BooleanConstructor;
     /** 合计行文本 */
     sumText: StringConstructor;
     /** 合计行自定义方法 */
-    summaryMethod: PropType<import("element-plus/es/components/table/src/table/defaults").SummaryMethod<DataItem> | undefined>;
+    summaryMethod: PropType<import('element-plus').SummaryMethod<DataItem> | undefined>;
     /** 单元格样式 */
-    cellStyle: PropType<import("element-plus/es/components/table/src/table/defaults").CellStyle<DataItem> | undefined>;
+    cellStyle: PropType<import('element-plus').CellStyle<DataItem> | undefined>;
     /** 单元格类名自定义 */
-    cellClassName: PropType<import("element-plus/es/components/table/src/table/defaults").CellCls<DataItem> | undefined>;
+    cellClassName: PropType<import('element-plus').CellCls<DataItem> | undefined>;
     /** 单元格样式 */
-    headerCellStyle: PropType<import("element-plus/es/components/table/src/table/defaults").CellStyle<DataItem> | undefined>;
+    headerCellStyle: PropType<import('element-plus').CellStyle<DataItem> | undefined>;
     /** 单元格类名自定义 */
-    headerCellClassName: PropType<import("element-plus/es/components/table/src/table/defaults").CellCls<DataItem> | undefined>;
+    headerCellClassName: PropType<import('element-plus').CellCls<DataItem> | undefined>;
     /** 序号列起始索引 */
     pageIndex: NumberConstructor;
+    /** 子级字段名 */
+    childrenField: StringConstructor;
     /** 表格请求数据方法 */
     fetch: PropType<FetchFunction>;
     /** 导出配置 */
@@ -140,12 +149,13 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:columns"?: ((_columns: Columns) => any) | undefined;
     onReload?: (() => any) | undefined;
-    "onUpdate:size"?: ((_size: "" | "default" | "small" | "large" | undefined) => any) | undefined;
+    "onUpdate:size"?: ((_size: "" | "small" | "default" | "large" | undefined) => any) | undefined;
     "onUpdate:maximized"?: ((_maximized: boolean) => any) | undefined;
 }, {
     showSummary: boolean;
     maximized: boolean;
     columnSortable: boolean;
     columnFixed: boolean;
+    tableHeader: boolean;
 }, {}>;
 export default _default;

package/lib/ele-pro-table/components/tool-column-list.cjs

@@ -123,14 +123,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_4, [
             vue.createVNode(_component_ElCheckbox, {
+              label: d.label,
               modelValue: d.checked,
               "onUpdate:modelValue": (v) => _ctx.onCheckedChange(d, v)
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(d.label), 1)
-              ]),
-              _: 2
-            }, 1032, ["modelValue", "onUpdate:modelValue"])
+            }, null, 8, ["label", "modelValue", "onUpdate:modelValue"])
           ]),
           _ctx.allowFixed ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
             vue.createElementVNode("div", {

package/lib/ele-pro-table/components/tool-column-list.d.ts

@@ -1,6 +1,7 @@
-import type { PropType } from 'vue';
-import type { ColItem } from '../types';
-declare const _default: import("vue").DefineComponent<{
+import { ColItem } from '../types';
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
     /** 列配置数据 */
     data: PropType<ColItem[]>;
     /** 父级数据 */
@@ -19,14 +20,14 @@ declare const _default: import("vue").DefineComponent<{
     onChildSortChange: (colItems: ColItem[], parent?: ColItem) => void;
     onChildFixedLeftTooltip: (el: HTMLElement) => void;
     onChildFixedRightTooltip: (el: HTMLElement) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     sortChange: (_colItems: ColItem[], _parent?: ColItem) => true;
     checkedChange: (_item: ColItem, _checked: boolean) => true;
     fixedLeft: (_item: ColItem) => true;
     fixedRight: (_item: ColItem) => true;
     fixedLeftTooltip: (_el: HTMLElement) => true;
     fixedRightTooltip: (_el: HTMLElement) => true;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 列配置数据 */
     data: PropType<ColItem[]>;
     /** 父级数据 */

package/lib/ele-pro-table/components/tool-column.cjs

@@ -242,15 +242,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             vue.createElementVNode("div", _hoisted_1, [
               vue.createElementVNode("div", _hoisted_2, [
                 vue.createVNode(_component_ElCheckbox, {
+                  label: _ctx.checkAllText,
                   modelValue: _ctx.isCheckAll,
                   indeterminate: _ctx.isIndeterminate,
                   "onUpdate:modelValue": _ctx.onCheckAllChange
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode(vue.toDisplayString(_ctx.checkAllText), 1)
-                  ]),
-                  _: 1
-                }, 8, ["modelValue", "indeterminate", "onUpdate:modelValue"])
+                }, null, 8, ["label", "modelValue", "indeterminate", "onUpdate:modelValue"])
               ]),
               vue.createElementVNode("div", {
                 class: "ele-tool-column-link",

package/lib/ele-pro-table/components/tool-column.d.ts

@@ -1,11 +1,12 @@
-import type { PropType } from 'vue';
-import type { Columns } from '../../ele-data-table/types';
-import type { ColItem } from '../types';
-declare const _default: import("vue").DefineComponent<{
+import { ColItem } from '../types';
+import { Columns } from '../../ele-data-table/types';
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
     /** 提示文字 */
     title: StringConstructor;
     /** 提示位置 */
-    placement: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
+    placement: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
     /** 全选文字 */
     checkAllText: StringConstructor;
     /** 重置文字 */
@@ -25,17 +26,18 @@ declare const _default: import("vue").DefineComponent<{
     /** 列配置缓存本地的名称 */
     cacheKey: StringConstructor;
 }, {
-    data: import("vue").Ref<{
+    data: import('vue').Ref<{
         uid: string;
         label?: string | undefined;
         checked?: boolean | undefined;
         fixed?: string | boolean | undefined;
         children?: any[] | undefined;
+        type?: string | undefined;
     }[]>;
-    isCheckAll: import("vue").Ref<boolean>;
-    isIndeterminate: import("vue").Ref<boolean>;
-    tooltipContent: import("vue").Ref<string>;
-    virtualRef: import("vue").Ref<any>;
+    isCheckAll: import('vue').Ref<boolean>;
+    isIndeterminate: import('vue').Ref<boolean>;
+    tooltipContent: import('vue').Ref<string>;
+    virtualRef: import('vue').Ref<any>;
     onCheckedChange: (item: ColItem, checked: boolean) => void;
     onCheckAllChange: (checked: boolean) => void;
     onReset: () => void;
@@ -44,13 +46,13 @@ declare const _default: import("vue").DefineComponent<{
     onFixedRight: (colItem: ColItem) => void;
     onFixedLeftTooltip: (el: HTMLElement) => void;
     onFixedRightTooltip: (el: HTMLElement) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:columns': (_columns: Columns) => true;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 提示文字 */
     title: StringConstructor;
     /** 提示位置 */
-    placement: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
+    placement: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
     /** 全选文字 */
     checkAllText: StringConstructor;
     /** 重置文字 */

package/lib/ele-pro-table/components/tool-export.cjs

@@ -24,34 +24,13 @@ const _sfc_main = vue.defineComponent({
     ToolColumnList
   },
   props: {
-    /** 提示文字 */
-    title: String,
     /** 提示位置 */
     placement: String,
-    /** 全选文字 */
-    checkAllText: String,
-    /** 重置文字 */
-    resetText: String,
-    /** 无标题列文字 */
-    untitledText: String,
-    /** 文件名文字 */
-    fileNameText: String,
-    /** 文件名提示文字 */
-    fileNamePlaceholderText: String,
-    /** 选择数据文字 */
-    selectDataText: String,
-    /** 选择字段文字 */
-    selectColumnText: String,
-    /** 当前页数据文字 */
-    dataTypePageText: String,
-    /** 选中数据文字 */
-    dataTypeSelectedText: String,
-    /** 全部数据文字 */
-    dataTypeAllText: String,
-    /** 取消文字 */
-    cancelText: String,
-    /** 确定文字 */
-    okText: String,
+    /** 表格国际化 */
+    locale: {
+      type: Object,
+      required: true
+    },
     /** 弹窗参数 */
     modalProps: Object,
     /** 列数据 */
@@ -61,9 +40,11 @@ const _sfc_main = vue.defineComponent({
     /** 表格当前页数据 */
     pageData: Array,
     /** 表格全部数据 */
-    datasource: Array,
+    datasource: [Array, Function],
     /** 单元格合并行列方法 */
     spanMethod: Function,
+    /** 表格是否有表头 */
+    tableHeader: Boolean,
     /** 是否显示合计行 */
     showSummary: Boolean,
     /** 合计行文本 */
@@ -72,6 +53,8 @@ const _sfc_main = vue.defineComponent({
     summaryMethod: Function,
     /** 序号列起始索引 */
     pageIndex: Number,
+    /** 子级字段名 */
+    childrenField: String,
     /** 表格请求数据方法 */
     fetch: Function,
     /** 默认文件名 */
@@ -97,7 +80,7 @@ const _sfc_main = vue.defineComponent({
     });
     const fileNameRules = vue.reactive({
       required: true,
-      message: props.fileNamePlaceholderText,
+      message: props.locale.exportFileNamePlaceholder,
       type: "string",
       trigger: "blur"
     });
@@ -105,6 +88,10 @@ const _sfc_main = vue.defineComponent({
     const colItems = vue.ref([]);
     const isCheckAll = vue.ref(false);
     const isIndeterminate = vue.ref(false);
+    const showHeader = vue.ref(true);
+    const showFooter = vue.ref(false);
+    const showTreeIndex = vue.ref(false);
+    const treeIndexDisabled = vue.ref(true);
     const openModal = () => {
       visible.value = true;
     };
@@ -123,16 +110,19 @@ const _sfc_main = vue.defineComponent({
         props.columns,
         colItems.value,
         true,
-        util.exportColumnsfilter
+        util.columnsExportFilter
       );
       const { headerData, bodyData, footerData, bodyCols } = util.getExportData(
         data,
         columns,
         props.spanMethod,
         props.pageIndex,
-        props.showSummary,
+        showFooter.value,
         props.sumText,
-        props.summaryMethod
+        props.summaryMethod,
+        props.childrenField,
+        showTreeIndex.value,
+        showHeader.value
       );
       if (typeof props.beforeExport === "function") {
         const flag = props.beforeExport({
@@ -188,8 +178,12 @@ const _sfc_main = vue.defineComponent({
     const initColItems = () => {
       colItems.value = util.getColItems(
         props.columns,
-        props.untitledText,
-        util.exportColumnsfilter
+        props.locale.columnUntitled,
+        props.locale.columnIndex,
+        props.locale.columnExpand,
+        util.columnsExportFilter,
+        true,
+        true
       );
       let checkAll = true;
       let indeterminate = false;
@@ -207,11 +201,12 @@ const _sfc_main = vue.defineComponent({
       isCheckAll.value = colItems.value.length > 0 && checkAll;
       isIndeterminate.value = !checkAll && indeterminate;
     };
-    const onCheckedChange = (item, checked) => {
+    const onCheckedChange = (item, checked, type) => {
       let checkAll = true;
       let indeterminate = false;
       core.eachTree(colItems.value, (d) => {
-        if (d.uid === item.uid) {
+        const flag = item == null ? type === d.type : d.uid === item.uid;
+        if (flag) {
           d.checked = checked;
         }
         if (!d.checked && checkAll) {
@@ -220,7 +215,7 @@ const _sfc_main = vue.defineComponent({
         if (d.checked && !indeterminate) {
           indeterminate = true;
         }
-        if (d.uid === item.uid && !checkAll && indeterminate) {
+        if (flag && !checkAll && indeterminate) {
           return false;
         }
       });
@@ -251,19 +246,36 @@ const _sfc_main = vue.defineComponent({
     const onReset = () => {
       initColItems();
     };
+    const handleTreeIndexChange = (checked) => {
+      if (checked) {
+        onCheckedChange(void 0, false, "index");
+      }
+    };
     vue.watch(visible, (visible2) => {
       var _a, _b;
       if (visible2) {
         form.fileName = props.defaultFileName;
         dataType.value = props.defaultDataType;
         initColItems();
+        showHeader.value = props.tableHeader;
+        showFooter.value = props.showSummary;
+        treeIndexDisabled.value = !(props.pageData && props.pageData.some(
+          (d) => {
+            var _a2;
+            return props.childrenField && ((_a2 = d[props.childrenField]) == null ? void 0 : _a2.length);
+          }
+        )) && core.findTree(colItems.value, (c) => c.type === "expand") == null;
+        if (treeIndexDisabled.value) {
+          showTreeIndex.value = false;
+        }
+        handleTreeIndexChange(showTreeIndex.value);
         return;
       }
       loading.value = false;
       (_b = (_a = formRef.value) == null ? void 0 : _a.clearValidate) == null ? void 0 : _b.call(_a);
     });
     vue.watch(
-      () => props.fileNamePlaceholderText,
+      () => props.locale.exportFileNamePlaceholder,
       (placeholder) => {
         fileNameRules.message = placeholder;
       }
@@ -278,13 +290,18 @@ const _sfc_main = vue.defineComponent({
       colItems,
       isCheckAll,
       isIndeterminate,
+      showHeader,
+      showFooter,
+      showTreeIndex,
+      treeIndexDisabled,
       openModal,
       closeModal,
       handleExport,
       onCheckedChange,
       onSortChange,
       onCheckAllChange,
-      onReset
+      onReset,
+      handleTreeIndexChange
     };
   }
 });
@@ -298,6 +315,7 @@ const _export_sfc = (sfc, props) => {
 const _hoisted_1 = { class: "ele-tool-column is-sortable" };
 const _hoisted_2 = { class: "ele-tool-column-header" };
 const _hoisted_3 = { class: "ele-tool-column-label" };
+const _hoisted_4 = { class: "ele-tool-form-options" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_DownloadOutlined = vue.resolveComponent("DownloadOutlined");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
@@ -312,12 +330,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_EleModal = vue.resolveComponent("EleModal");
   const _component_EleTool = vue.resolveComponent("EleTool");
   return vue.openBlock(), vue.createBlock(_component_EleTool, {
-    title: _ctx.title,
+    title: _ctx.locale.export,
     placement: _ctx.placement,
     onClick: _ctx.openModal
   }, {
     default: vue.withCtx(() => [
-      vue.createVNode(_component_ElIcon, { style: { "transform": "scale(1.12)", "transform-origin": "bottom" } }, {
+      vue.createVNode(_component_ElIcon, { style: { "transform": "scale(1.1)", "transform-origin": "bottom" } }, {
         default: vue.withCtx(() => [
           vue.createVNode(_component_DownloadOutlined)
         ]),
@@ -326,16 +344,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       vue.createVNode(_component_EleModal, vue.mergeProps({
         form: true,
         width: "460px",
-        title: _ctx.title,
+        title: _ctx.locale.export,
         position: "center"
-      }, _ctx.modalProps, {
+      }, _ctx.modalProps || {}, {
         modelValue: _ctx.visible,
-        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.visible = $event)
+        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => _ctx.visible = $event)
       }), {
         footer: vue.withCtx(() => [
           vue.createVNode(_component_ElButton, { onClick: _ctx.closeModal }, {
             default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.cancelText), 1)
+              vue.createTextVNode(vue.toDisplayString(_ctx.locale.exportCancel), 1)
             ]),
             _: 1
           }, 8, ["onClick"]),
@@ -345,7 +363,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onClick: _ctx.handleExport
           }, {
             default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.okText), 1)
+              vue.createTextVNode(vue.toDisplayString(_ctx.locale.exportOk), 1)
             ]),
             _: 1
           }, 8, ["loading", "onClick"])
@@ -355,13 +373,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ref: "formRef",
             model: _ctx.form,
             labelWidth: "80px",
-            onSubmit: _cache[3] || (_cache[3] = vue.withModifiers(() => {
+            onSubmit: _cache[6] || (_cache[6] = vue.withModifiers(() => {
             }, ["prevent"])),
             class: "ele-tool-export-form"
           }, {
             default: vue.withCtx(() => [
               vue.createVNode(_component_ElFormItem, {
-                label: _ctx.fileNameText,
+                label: _ctx.locale.exportFileName,
                 prop: "fileName",
                 rules: _ctx.fileNameRules
               }, {
@@ -371,33 +389,35 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     clearable: true,
                     modelValue: _ctx.form.fileName,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.form.fileName = $event),
-                    placeholder: _ctx.fileNamePlaceholderText
+                    placeholder: _ctx.locale.exportFileNamePlaceholder
                   }, null, 8, ["modelValue", "placeholder"])
                 ]),
                 _: 1
               }, 8, ["label", "rules"]),
-              vue.createVNode(_component_ElFormItem, { label: _ctx.selectDataText }, {
+              vue.createVNode(_component_ElFormItem, {
+                label: _ctx.locale.exportSelectData
+              }, {
                 default: vue.withCtx(() => [
                   vue.createVNode(_component_ElSelect, {
                     modelValue: _ctx.dataType,
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.dataType = $event),
-                    placeholder: _ctx.selectDataText
+                    placeholder: _ctx.locale.exportSelectData
                   }, {
                     default: vue.withCtx(() => [
                       _ctx.pageData != null ? (vue.openBlock(), vue.createBlock(_component_ElOption, {
                         key: 0,
                         value: "pageData",
-                        label: _ctx.dataTypePageText
+                        label: _ctx.locale.exportDataTypePage
                       }, null, 8, ["label"])) : vue.createCommentVNode("", true),
                       _ctx.selections != null ? (vue.openBlock(), vue.createBlock(_component_ElOption, {
                         key: 1,
                         value: "selections",
-                        label: _ctx.dataTypeSelectedText
+                        label: _ctx.locale.exportDataTypeSelected
                       }, null, 8, ["label"])) : vue.createCommentVNode("", true),
                       _ctx.datasource != null ? (vue.openBlock(), vue.createBlock(_component_ElOption, {
                         key: 2,
                         value: "data",
-                        label: _ctx.dataTypeAllText
+                        label: _ctx.locale.exportDataTypeAll
                       }, null, 8, ["label"])) : vue.createCommentVNode("", true)
                     ]),
                     _: 1
@@ -405,26 +425,24 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               }, 8, ["label"]),
-              vue.createVNode(_component_ElFormItem, { label: _ctx.selectColumnText }, {
+              vue.createVNode(_component_ElFormItem, {
+                label: _ctx.locale.exportSelectColumn
+              }, {
                 default: vue.withCtx(() => [
                   vue.createElementVNode("div", _hoisted_1, [
                     vue.createElementVNode("div", _hoisted_2, [
                       vue.createElementVNode("div", _hoisted_3, [
                         vue.createVNode(_component_ElCheckbox, {
+                          label: _ctx.locale.columnTitle,
                           modelValue: _ctx.isCheckAll,
                           indeterminate: _ctx.isIndeterminate,
                           "onUpdate:modelValue": _ctx.onCheckAllChange
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createTextVNode(vue.toDisplayString(_ctx.checkAllText), 1)
-                          ]),
-                          _: 1
-                        }, 8, ["modelValue", "indeterminate", "onUpdate:modelValue"])
+                        }, null, 8, ["label", "modelValue", "indeterminate", "onUpdate:modelValue"])
                       ]),
                       vue.createElementVNode("div", {
                         class: "ele-tool-column-link",
                         onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onReset && _ctx.onReset(...args))
-                      }, vue.toDisplayString(_ctx.resetText), 1)
+                      }, vue.toDisplayString(_ctx.locale.columnReset), 1)
                     ]),
                     vue.createVNode(_component_ToolColumnList, {
                       data: _ctx.colItems,
@@ -435,6 +453,34 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   ])
                 ]),
                 _: 1
+              }, 8, ["label"]),
+              vue.createVNode(_component_ElFormItem, {
+                label: _ctx.locale.exportOther
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_4, [
+                    vue.createVNode(_component_ElCheckbox, {
+                      label: _ctx.locale.exportOtherHeader,
+                      modelValue: _ctx.showHeader,
+                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.showHeader = $event),
+                      disabled: !_ctx.tableHeader
+                    }, null, 8, ["label", "modelValue", "disabled"]),
+                    vue.createVNode(_component_ElCheckbox, {
+                      label: _ctx.locale.exportOtherFooter,
+                      modelValue: _ctx.showFooter,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.showFooter = $event),
+                      disabled: !_ctx.showSummary
+                    }, null, 8, ["label", "modelValue", "disabled"]),
+                    vue.createVNode(_component_ElCheckbox, {
+                      label: _ctx.locale.exportOtherTreeIndex,
+                      modelValue: _ctx.showTreeIndex,
+                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.showTreeIndex = $event),
+                      disabled: _ctx.treeIndexDisabled,
+                      onChange: _ctx.handleTreeIndexChange
+                    }, null, 8, ["label", "modelValue", "disabled", "onChange"])
+                  ])
+                ]),
+                _: 1
               }, 8, ["label"])
             ]),
             _: 1