ele-admin-plus 1.2.1-beta.2 → 1.2.1-beta.4

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

@@ -35,7 +35,7 @@ const _sfc_main = vue.defineComponent({
     cacheKey: String
   },
   emits: {
-    "update:columns": (_columns, _tableColumns) => true
+    "update:columns": (_columns, _tableColumns, _isReset) => true
   },
   setup(props, { emit }) {
     const toolRef = vue.ref(null);
@@ -47,18 +47,22 @@ const _sfc_main = vue.defineComponent({
         props.columns,
         props.locale,
         util.columnsSettingFilter,
-        util.getCacheCols(props.cacheKey)
+        util.getCacheCols(util.getColsCacheKey(props.cacheKey))
       );
       colItems.value = cols;
       isCheckAll.value = checkAll;
       isIndeterminate.value = indeterminate;
     };
-    const updateColumns = () => {
+    const updateColumns = (isReset) => {
+      const colsWidth = util.getCacheColsWidth(props.cacheKey);
       const columns = util.getCheckedColumns(
         props.columns,
         colItems.value,
         props.sortable,
-        (item) => item.hideInSetting
+        (item) => item.hideInSetting,
+        void 0,
+        false,
+        colsWidth
       );
       const tableColumns = util.getCheckedColumns(
         props.columns,
@@ -66,9 +70,10 @@ const _sfc_main = vue.defineComponent({
         props.sortable,
         (item) => item.hideInSetting,
         void 0,
-        true
+        true,
+        colsWidth
       );
-      emit("update:columns", columns, tableColumns);
+      emit("update:columns", columns, tableColumns, !!isReset);
     };
     const cacheSettingCols = () => {
       if (props.cacheKey) {
@@ -159,7 +164,7 @@ const _sfc_main = vue.defineComponent({
     const handleReset = () => {
       cleanSettingCols();
       initColItems();
-      updateColumns();
+      updateColumns(true);
     };
     vue.watch(
       [() => props.columns, () => props.locale],
@@ -203,7 +208,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createBlock(_component_EleTool, {
     ref: "toolRef",
     title: _ctx.locale.columns,
-    placement: _ctx.placement
+    placement: _ctx.placement,
+    clickHideTooltip: true
   }, {
     default: vue.withCtx(() => [
       vue.createVNode(_component_EleTooltip, {

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

@@ -1,11 +1,11 @@
 import { PropType } from 'vue';
-import { EleToolInstance } from '../../ele-app/plus';
+import { EleToolInstance, EleTooltipProps } from '../../ele-app/plus';
 import { Columns } from '../../ele-data-table/types';
 import { ColItem, TableLocale } from '../types';
 
 declare const _default: import('vue').DefineComponent<{
     /** 提示位置 */
-    placement: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+    placement: PropType<EleTooltipProps["placement"]>;
     /** 表格国际化 */
     locale: {
         type: PropType<TableLocale>;
@@ -25,9 +25,10 @@ declare const _default: import('vue').DefineComponent<{
         uid: string;
         label?: string | undefined;
         checked?: boolean | undefined;
-        fixed?: string | boolean | undefined;
+        fixed?: (boolean | string) | undefined;
         children?: any[] | undefined;
         type?: string | undefined;
+        width?: (number | string) | undefined;
     }[]>;
     isCheckAll: import('vue').Ref<boolean>;
     isIndeterminate: import('vue').Ref<boolean>;
@@ -40,10 +41,10 @@ declare const _default: import('vue').DefineComponent<{
     handleFixedLeftTooltip: (el: HTMLElement) => void;
     handleFixedRightTooltip: (el: HTMLElement) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    'update:columns': (_columns: Columns, _tableColumns: Columns) => true;
+    'update:columns': (_columns: Columns, _tableColumns: Columns, _isReset: boolean) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 提示位置 */
-    placement: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+    placement: PropType<EleTooltipProps["placement"]>;
     /** 表格国际化 */
     locale: {
         type: PropType<TableLocale>;
@@ -58,7 +59,7 @@ declare const _default: import('vue').DefineComponent<{
     /** 列配置缓存本地的名称 */
     cacheKey: StringConstructor;
 }>> & {
-    "onUpdate:columns"?: ((_columns: Columns, _tableColumns: Columns) => any) | undefined;
+    "onUpdate:columns"?: ((_columns: Columns, _tableColumns: Columns, _isReset: boolean) => any) | undefined;
 }, {
     sortable: boolean;
     allowFixed: boolean;

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

@@ -1,9 +1,7 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const icons = require("../../icons");
 const core = require("../../utils/core");
-const EleTool = require("../../ele-tool/index");
 const EleModal = require("../../ele-modal/index");
 const util = require("../util");
 const ToolColumnList = require("./tool-column-list");
@@ -17,20 +15,17 @@ const _sfc_main = vue.defineComponent({
     ElOption: elementPlus.ElOption,
     ElCheckbox: elementPlus.ElCheckbox,
     ElButton: elementPlus.ElButton,
-    ElIcon: elementPlus.ElIcon,
-    DownloadOutlined: icons.DownloadOutlined,
-    EleTool,
     EleModal,
     ToolColumnList
   },
   props: {
-    /** 提示位置 */
-    placement: String,
     /** 表格国际化 */
     locale: {
       type: Object,
       required: true
     },
+    /** 缓存本地的名称 */
+    cacheKey: String,
     /** 弹窗参数 */
     modalProps: Object,
     /** 列数据 */
@@ -67,6 +62,13 @@ const _sfc_main = vue.defineComponent({
       type: String,
       default: "pageData"
     },
+    /** 默认是否勾选表尾 */
+    defaultShowFooter: {
+      type: Boolean,
+      default: true
+    },
+    /** 默认是否勾选层级序号 */
+    defaultShowTreeIndex: Boolean,
     /** 导出前的钩子函数 */
     beforeExport: Function
   },
@@ -92,57 +94,80 @@ const _sfc_main = vue.defineComponent({
     const showFooter = vue.ref(false);
     const showTreeIndex = vue.ref(false);
     const treeIndexDisabled = vue.ref(true);
-    const openModal = () => {
-      visible.value = true;
-    };
-    const closeModal = () => {
-      visible.value = false;
-    };
     const showLoading = () => {
       loading.value = true;
     };
     const hideLoading = () => {
       loading.value = false;
     };
-    const exportData = (data) => {
+    const openModal = () => {
+      visible.value = true;
+    };
+    const closeModal = () => {
+      hideLoading();
+      visible.value = false;
+    };
+    const exportData = (params) => {
       var _a;
       showLoading();
-      const columns = util.getCheckedColumns(
+      const exportFileName = (params == null ? void 0 : params.fileName) ?? form.fileName;
+      const exportDataValue = (params == null ? void 0 : params.data) || [];
+      const isShowHeader = (params == null ? void 0 : params.showHeader) ?? showHeader.value;
+      const isShowFooter = (params == null ? void 0 : params.showFooter) ?? showFooter.value;
+      const isShowTreeIndex = (params == null ? void 0 : params.showTreeIndex) ?? showTreeIndex.value;
+      const exportDataType = (params == null ? void 0 : params.dataType) ?? dataType.value;
+      const exportColumns = (params == null ? void 0 : params.columns) || util.getCheckedColumns(
         props.columns,
         colItems.value,
         true,
-        (item) => item.hideInExport,
-        util.columnsExportFilter
+        void 0,
+        util.columnsExportFilter,
+        false,
+        colItems.value
+      );
+      const tableColumns = (params == null ? void 0 : params.columns) || util.getCheckedColumns(
+        props.columns,
+        colItems.value,
+        true,
+        void 0,
+        util.columnsExportFilter,
+        true,
+        colItems.value
       );
       const { headerData, bodyData, footerData, bodyCols } = util.getExportData(
-        data,
-        columns,
+        exportDataValue,
+        exportColumns,
         props.spanMethod,
         props.pageIndex,
-        showFooter.value,
+        isShowFooter,
         props.sumText,
         props.summaryMethod,
         (_a = props.treeProps) == null ? void 0 : _a.children,
-        showTreeIndex.value,
-        showHeader.value
+        isShowTreeIndex,
+        isShowHeader
       );
       if (typeof props.beforeExport === "function") {
         const flag = props.beforeExport({
-          data,
-          columns,
+          data: exportDataValue,
+          columns: exportColumns,
           headerData,
           bodyData,
           footerData,
           bodyCols,
-          fileName: form.fileName,
+          fileName: exportFileName,
+          dataType: exportDataType,
           hideLoading,
-          closeModal
+          closeModal,
+          showHeader: isShowHeader,
+          showFooter: isShowFooter,
+          showTreeIndex: isShowTreeIndex,
+          tableColumns
         });
         if (flag === false) {
           return;
         }
       }
-      util.exportCSV(form.fileName, headerData, bodyData, footerData);
+      util.exportCSV(exportFileName, headerData, bodyData, footerData);
       hideLoading();
       closeModal();
     };
@@ -153,11 +178,11 @@ const _sfc_main = vue.defineComponent({
           return;
         }
         if (dataType.value === "selections") {
-          exportData([...props.selections || []]);
+          exportData({ data: [...props.selections || []] });
           return;
         }
         if (dataType.value !== "data") {
-          exportData([...props.pageData || []]);
+          exportData({ data: [...props.pageData || []] });
           return;
         }
         if (props.datasource == null || typeof props.datasource !== "function" || typeof props.fetch !== "function") {
@@ -168,9 +193,10 @@ const _sfc_main = vue.defineComponent({
           props.datasource(params).then((result) => {
             if (result == null) {
               hideLoading();
+              closeModal();
               return;
             }
-            exportData(result);
+            exportData({ data: result });
           }).catch((e) => {
             console.error(e);
             hideLoading();
@@ -179,13 +205,15 @@ const _sfc_main = vue.defineComponent({
       });
     };
     const initColItems = () => {
+      const colsWidth = util.getCacheColsWidth(props.cacheKey);
       const { cols, checkAll, indeterminate } = util.getColItems(
         props.columns,
         props.locale,
         util.columnsExportFilter,
         void 0,
         true,
-        true
+        true,
+        colsWidth
       );
       colItems.value = cols;
       isCheckAll.value = checkAll;
@@ -233,6 +261,14 @@ const _sfc_main = vue.defineComponent({
         });
       }
     };
+    const handleColWidthChange = (item, width) => {
+      core.eachTree(colItems.value, (d) => {
+        if (d.uid === item.uid) {
+          d.width = width;
+          return false;
+        }
+      });
+    };
     const handleReset = () => {
       initColItems();
     };
@@ -247,21 +283,18 @@ const _sfc_main = vue.defineComponent({
         form.fileName = props.defaultFileName;
         dataType.value = props.defaultDataType;
         initColItems();
-        showHeader.value = props.tableHeader;
-        showFooter.value = props.showSummary;
+        showHeader.value = !!props.tableHeader;
+        showFooter.value = props.showSummary ? !!props.defaultShowFooter : false;
         treeIndexDisabled.value = !(props.pageData && props.pageData.some(
           (d) => {
             var _a2, _b2, _c;
             return ((_b2 = d[((_a2 = props.treeProps) == null ? void 0 : _a2.children) || "children"]) == null ? void 0 : _b2.length) || d[((_c = props.treeProps) == null ? void 0 : _c.hasChildren) || "hasChildren"];
           }
         )) && core.findTree(colItems.value, (c) => c.type === "expand") == null;
-        if (treeIndexDisabled.value) {
-          showTreeIndex.value = false;
-        }
-        handleTreeIndexChange(showTreeIndex.value);
+        showTreeIndex.value = treeIndexDisabled.value ? false : !!props.defaultShowTreeIndex;
         return;
       }
-      loading.value = false;
+      hideLoading();
       (_b = (_a = formRef.value) == null ? void 0 : _a.clearValidate) == null ? void 0 : _b.call(_a);
     });
     vue.watch(
@@ -289,9 +322,11 @@ const _sfc_main = vue.defineComponent({
       handleExport,
       handleCheckedChange,
       handleSortChange,
+      handleColWidthChange,
       handleCheckAllChange,
       handleReset,
-      handleTreeIndexChange
+      handleTreeIndexChange,
+      exportData
     };
   }
 });
@@ -307,8 +342,6 @@ 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");
   const _component_ElInput = vue.resolveComponent("ElInput");
   const _component_ElFormItem = vue.resolveComponent("ElFormItem");
   const _component_ElOption = vue.resolveComponent("ElOption");
@@ -318,168 +351,155 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElForm = vue.resolveComponent("ElForm");
   const _component_ElButton = vue.resolveComponent("ElButton");
   const _component_EleModal = vue.resolveComponent("EleModal");
-  const _component_EleTool = vue.resolveComponent("EleTool");
-  return vue.openBlock(), vue.createBlock(_component_EleTool, {
+  return vue.openBlock(), vue.createBlock(_component_EleModal, vue.mergeProps({
+    form: true,
+    width: "460px",
     title: _ctx.locale.export,
-    placement: _ctx.placement,
-    onClick: _ctx.openModal
-  }, {
-    default: vue.withCtx(() => [
-      vue.createVNode(_component_ElIcon, { style: { "transform": "scale(1.1)", "transform-origin": "bottom" } }, {
+    position: "center"
+  }, _ctx.modalProps || {}, {
+    modelValue: _ctx.visible,
+    "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => _ctx.visible = $event)
+  }), {
+    footer: vue.withCtx(() => [
+      vue.createVNode(_component_ElButton, { onClick: _ctx.closeModal }, {
         default: vue.withCtx(() => [
-          vue.createVNode(_component_DownloadOutlined)
+          vue.createTextVNode(vue.toDisplayString(_ctx.locale.exportCancel), 1)
         ]),
         _: 1
-      }),
-      vue.createVNode(_component_EleModal, vue.mergeProps({
-        form: true,
-        width: "460px",
-        title: _ctx.locale.export,
-        position: "center"
-      }, _ctx.modalProps || {}, {
-        modelValue: _ctx.visible,
-        "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.locale.exportCancel), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"]),
-          vue.createVNode(_component_ElButton, {
-            loading: _ctx.loading,
-            type: "primary",
-            onClick: _ctx.handleExport
+      }, 8, ["onClick"]),
+      vue.createVNode(_component_ElButton, {
+        loading: _ctx.loading,
+        type: "primary",
+        onClick: _ctx.handleExport
+      }, {
+        default: vue.withCtx(() => [
+          vue.createTextVNode(vue.toDisplayString(_ctx.locale.exportOk), 1)
+        ]),
+        _: 1
+      }, 8, ["loading", "onClick"])
+    ]),
+    default: vue.withCtx(() => [
+      vue.createVNode(_component_ElForm, {
+        ref: "formRef",
+        model: _ctx.form,
+        labelWidth: "80px",
+        onSubmit: _cache[6] || (_cache[6] = vue.withModifiers(() => {
+        }, ["prevent"])),
+        class: "ele-tool-export-form"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_ElFormItem, {
+            label: _ctx.locale.exportFileName,
+            prop: "fileName",
+            rules: _ctx.fileNameRules
           }, {
             default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.locale.exportOk), 1)
+              vue.createVNode(_component_ElInput, {
+                maxlength: 200,
+                clearable: true,
+                modelValue: _ctx.form.fileName,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.form.fileName = $event),
+                placeholder: _ctx.locale.exportFileNamePlaceholder
+              }, null, 8, ["modelValue", "placeholder"])
             ]),
             _: 1
-          }, 8, ["loading", "onClick"])
-        ]),
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_ElForm, {
-            ref: "formRef",
-            model: _ctx.form,
-            labelWidth: "80px",
-            onSubmit: _cache[6] || (_cache[6] = vue.withModifiers(() => {
-            }, ["prevent"])),
-            class: "ele-tool-export-form"
+          }, 8, ["label", "rules"]),
+          vue.createVNode(_component_ElFormItem, {
+            label: _ctx.locale.exportSelectData
           }, {
             default: vue.withCtx(() => [
-              vue.createVNode(_component_ElFormItem, {
-                label: _ctx.locale.exportFileName,
-                prop: "fileName",
-                rules: _ctx.fileNameRules
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_ElInput, {
-                    maxlength: 20,
-                    clearable: true,
-                    modelValue: _ctx.form.fileName,
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.form.fileName = $event),
-                    placeholder: _ctx.locale.exportFileNamePlaceholder
-                  }, null, 8, ["modelValue", "placeholder"])
-                ]),
-                _: 1
-              }, 8, ["label", "rules"]),
-              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.locale.exportSelectData
-                  }, {
-                    default: vue.withCtx(() => [
-                      _ctx.pageData != null ? (vue.openBlock(), vue.createBlock(_component_ElOption, {
-                        key: 0,
-                        value: "pageData",
-                        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.locale.exportDataTypeSelected
-                      }, null, 8, ["label"])) : vue.createCommentVNode("", true),
-                      _ctx.datasource != null ? (vue.openBlock(), vue.createBlock(_component_ElOption, {
-                        key: 2,
-                        value: "data",
-                        label: _ctx.locale.exportDataTypeAll
-                      }, null, 8, ["label"])) : vue.createCommentVNode("", true)
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "placeholder"])
-                ]),
-                _: 1
-              }, 8, ["label"]),
-              vue.createVNode(_component_ElFormItem, {
-                label: _ctx.locale.exportSelectColumn
+              vue.createVNode(_component_ElSelect, {
+                modelValue: _ctx.dataType,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.dataType = $event),
+                placeholder: _ctx.locale.exportSelectData
               }, {
                 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.handleCheckAllChange
-                        }, null, 8, ["label", "modelValue", "indeterminate", "onUpdate:modelValue"])
-                      ]),
-                      vue.createElementVNode("div", {
-                        class: "ele-tool-column-link",
-                        onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleReset && _ctx.handleReset(...args))
-                      }, vue.toDisplayString(_ctx.locale.columnReset), 1)
-                    ]),
-                    vue.createVNode(_component_ToolColumnList, {
-                      data: _ctx.colItems,
-                      sortable: true,
-                      onSortChange: _ctx.handleSortChange,
-                      onCheckedChange: _ctx.handleCheckedChange
-                    }, null, 8, ["data", "onSortChange", "onCheckedChange"])
-                  ])
+                  _ctx.pageData != null ? (vue.openBlock(), vue.createBlock(_component_ElOption, {
+                    key: 0,
+                    value: "pageData",
+                    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.locale.exportDataTypeSelected
+                  }, null, 8, ["label"])) : vue.createCommentVNode("", true),
+                  _ctx.datasource != null ? (vue.openBlock(), vue.createBlock(_component_ElOption, {
+                    key: 2,
+                    value: "data",
+                    label: _ctx.locale.exportDataTypeAll
+                  }, null, 8, ["label"])) : vue.createCommentVNode("", true)
                 ]),
                 _: 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)
-                    }, null, 8, ["label", "modelValue"]),
-                    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"]),
+              }, 8, ["modelValue", "placeholder"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          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.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"])
-                  ])
+                      label: _ctx.locale.columnTitle,
+                      modelValue: _ctx.isCheckAll,
+                      indeterminate: _ctx.isIndeterminate,
+                      "onUpdate:modelValue": _ctx.handleCheckAllChange
+                    }, null, 8, ["label", "modelValue", "indeterminate", "onUpdate:modelValue"])
+                  ]),
+                  vue.createElementVNode("div", {
+                    class: "ele-tool-column-link",
+                    onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleReset && _ctx.handleReset(...args))
+                  }, vue.toDisplayString(_ctx.locale.columnReset), 1)
                 ]),
-                _: 1
-              }, 8, ["label"])
+                vue.createVNode(_component_ToolColumnList, {
+                  data: _ctx.colItems,
+                  sortable: true,
+                  allowWidth: true,
+                  columnWidthPlaceholder: _ctx.locale.columnWidth,
+                  onSortChange: _ctx.handleSortChange,
+                  onCheckedChange: _ctx.handleCheckedChange,
+                  onColWidthChange: _ctx.handleColWidthChange
+                }, null, 8, ["data", "columnWidthPlaceholder", "onSortChange", "onCheckedChange", "onColWidthChange"])
+              ])
+            ]),
+            _: 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)
+                }, null, 8, ["label", "modelValue"]),
+                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, ["model"])
+          }, 8, ["label"])
         ]),
         _: 1
-      }, 16, ["title", "modelValue"])
+      }, 8, ["model"])
     ]),
     _: 1
-  }, 8, ["title", "placement", "onClick"]);
+  }, 16, ["title", "modelValue"]);
 }
 const toolExport = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = toolExport;