ele-admin-plus 1.1.3 → 1.1.4-beta.2

package/lib/ele-pro-table/index.js

@@ -4,6 +4,7 @@ const elementPlus = require("element-plus");
 const core = require("../utils/core");
 const receiver = require("../ele-config-provider/receiver");
 const ElePagination = require("../ele-pagination/index");
+const EleLoading = require("../ele-loading/index");
 const EleToolbar = require("../ele-toolbar/index");
 const TableTools = require("./components/table-tools");
 const TableView = require("./components/table-view");
@@ -11,18 +12,26 @@ const util = require("./util");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleProTable",
-  components: { ElEmpty: elementPlus.ElEmpty, ElePagination, EleToolbar, TableTools, TableView },
+  components: {
+    ElEmpty: elementPlus.ElEmpty,
+    ElePagination,
+    EleLoading,
+    EleToolbar,
+    TableTools,
+    TableView
+  },
   props: props.proTableProps,
   emits: props.proTableEmits,
   setup(props$1, { emit }) {
     const { authenticated } = receiver.useLicense();
     const globalProps = receiver.useGlobalProps("table");
-    const tableIns = util.useTableMethods(() => {
-      var _a;
-      return (_a = tableViewRef.value) == null ? void 0 : _a.tableRef;
-    });
+    const tableIns = util.useTableMethods(() => getTableRef());
     const tableEvents = util.useTableEvents(emit);
-    const current = { sorter: null, filter: null, where: {} };
+    const current = {
+      sorter: props$1.defaultSort ?? {},
+      filter: util.getDefaultFilter(props$1.columns),
+      where: props$1.where ?? {}
+    };
     const tableViewRef = vue.ref(null);
     const tableData = vue.ref([]);
     const tablePage = vue.ref(
@@ -65,20 +74,19 @@ const _sfc_main = vue.defineComponent({
         border: props$1.border ?? globalProps.value.border ?? false,
         size: tableSize.value,
         load: tableLoad,
+        emptyText: errorText.value || props$1.emptyText,
         columns: tableCols.value,
         pageIndex: tableIndex.value,
-        loading: tableLoading.value,
         headerEllipsis: props$1.headerEllipsis,
-        emptyText: errorText.value || props$1.emptyText
+        slotNormalize: props$1.slotNormalize
       };
       return Object.assign(core.pick(props$1, props.tablePropKeys), opt);
     });
-    const proTableStyle = vue.computed(() => {
+    const tableZIndex = vue.computed(() => {
       if (!tableMaximized.value) {
-        return {};
+        return;
       }
-      const zIndex = props$1.maximizedIndex ?? globalProps.value.maximizedIndex;
-      return { zIndex };
+      return props$1.maximizedIndex ?? globalProps.value.maximizedIndex;
     });
     const tableTools = vue.computed(() => {
       const tools = props$1.tools ?? globalProps.value.tools ?? true;
@@ -93,6 +101,20 @@ const _sfc_main = vue.defineComponent({
         globalProps.value.emptyProps
       );
     });
+    const rootProps = vue.computed(() => {
+      const opt = {
+        ...props$1.loadingProps || {},
+        loading: tableLoading.value,
+        class: [
+          "ele-pro-table",
+          { "is-sticky": props$1.sticky },
+          { "is-maximized": tableMaximized.value },
+          { "hide-bottom-line": !props$1.bottomLine }
+        ],
+        style: { zIndex: tableZIndex.value }
+      };
+      return opt;
+    });
     const reload = (option, parent, resolve) => {
       if (!authenticated.value) {
         return;
@@ -115,17 +137,22 @@ const _sfc_main = vue.defineComponent({
         }
       }
       errorText.value = "";
-      const sorter = current.sorter ?? getDefaultSorter();
+      const sorter = current.sorter;
       if (typeof props$1.datasource === "function") {
         if (!parent) {
           tableLoading.value = true;
         }
-        const filter = current.filter ?? getDefaultFilter();
+        const filter = current.filter;
+        const orders = util.getRequestOrders(
+          sorter,
+          props$1.request,
+          globalProps.value.request
+        );
         props$1.datasource({
           page: tablePage.value,
           limit: tableLimit.value,
-          where: { ...current.where },
-          orders: getRequestOrders(sorter),
+          where: Object.assign({}, current.where),
+          orders,
           filters: util.getRequestFilters(filter),
           sorter,
           filter,
@@ -133,7 +160,13 @@ const _sfc_main = vue.defineComponent({
         }).then((response) => {
           const parseData = props$1.parseData ?? globalProps.value.parseData;
           const result = parseData ? parseData(response) : response;
-          const { data, total } = getResponseResult(result);
+          const { data, total } = util.getResponseResult(
+            result,
+            props$1.response,
+            globalProps.value.response,
+            props$1.lazy,
+            props$1.treeProps
+          );
           requestCallback(data, total, parent, result, resolve);
         }).catch((e) => {
           requestCallback(e == null ? void 0 : e.message);
@@ -142,7 +175,6 @@ const _sfc_main = vue.defineComponent({
         return;
       }
       if (Array.isArray(props$1.datasource)) {
-        tableLoading.value = true;
         const { data, page, total } = util.reloadData(
           props$1.datasource,
           sorter,
@@ -152,7 +184,6 @@ const _sfc_main = vue.defineComponent({
         tableData.value = data;
         tablePage.value = page;
         tableTotal.value = total;
-        tableLoading.value = false;
         onDone({ data, page, total, response: props$1.datasource });
       }
     };
@@ -196,68 +227,7 @@ const _sfc_main = vue.defineComponent({
       };
       onDone(result, parent);
     };
-    const getRequestOrders = (sorter) => {
-      const orders = {};
-      const { sortName, orderName, ascValue, descValue } = util.getRequestName(
-        globalProps.value.request,
-        props$1.request
-      );
-      if (!sortName || !orderName) {
-        return orders;
-      }
-      const items = util.getOrderItems(sorter);
-      if (items.length === 1) {
-        orders[sortName] = items[0].field;
-        orders[orderName] = items[0].descend ? descValue : ascValue;
-      } else if (items.length) {
-        orders[sortName] = items.map((d) => [d.field, d.descend ? descValue : ascValue].join(" ")).join(",");
-      }
-      return orders;
-    };
-    const getResponseResult = (data) => {
-      if (!data || Array.isArray(data)) {
-        return { data: getResponseData(data) };
-      }
-      const { dataName, countName } = util.getResponseName(
-        globalProps.value.response,
-        props$1.response
-      );
-      if (!dataName) {
-        return {};
-      }
-      return {
-        data: getResponseData(util.getValue(data, dataName)),
-        total: (countName ? util.getValue(data, countName) : void 0) ?? 0
-      };
-    };
-    const getResponseData = (data) => {
-      var _a;
-      if (!data || !props$1.lazy) {
-        return data;
-      }
-      const name = ((_a = props$1.treeProps) == null ? void 0 : _a.hasChildren) ?? "hasChildren";
-      return data.map((d) => {
-        const temp = { ...d };
-        temp[name] = temp[name] ?? true;
-        return temp;
-      });
-    };
-    const getDefaultSorter = () => {
-      return props$1.defaultSort ?? {};
-    };
-    const getDefaultFilter = () => {
-      const filter = {};
-      core.eachTree(props$1.columns, (d) => {
-        if (typeof d.columnKey === "string" && d.columnKey.length && d.filteredValue) {
-          filter[d.columnKey] = d.filteredValue;
-        }
-      });
-      return filter;
-    };
     const onDone = (result, parent) => {
-      vue.nextTick(() => {
-        tableIns.doLayout();
-      });
       emit("done", result, parent);
     };
     const tableLoad = (row, treeNode, resolve) => {
@@ -276,23 +246,21 @@ const _sfc_main = vue.defineComponent({
     };
     const onSizeChange = (size) => {
       tableSize.value = size;
-      vue.nextTick(() => {
-        tableIns.doLayout();
-      });
       emit("sizeChange", size);
     };
     const onColumnsChange = (columns) => {
-      tableCols.value = columns;
+      const { cols, sorter } = util.getTableState(columns, current);
+      tableCols.value = cols;
       vue.nextTick(() => {
         tableIns.doLayout();
+        if (sorter) {
+          tableIns.sort(sorter.prop, sorter.order || "ascending");
+        }
       });
       emit("columnsChange", columns);
     };
     const onMaximizedChange = (maximized) => {
       tableMaximized.value = maximized;
-      vue.nextTick(() => {
-        tableIns.doLayout();
-      });
       emit("maximizedChange", maximized);
     };
     const onPageSizeChange = (limit) => {
@@ -321,6 +289,10 @@ const _sfc_main = vue.defineComponent({
       emit("selectionChange", selection);
     };
     const onSortChange = (sorter) => {
+      const temp = current.sorter;
+      if (temp && sorter.prop === temp.prop && sorter.order === temp.order) {
+        return;
+      }
       if (props$1.loadOnChanged) {
         current.sorter = sorter;
         reload();
@@ -329,17 +301,21 @@ const _sfc_main = vue.defineComponent({
     };
     const onFilterChange = (filter) => {
       if (props$1.loadOnChanged) {
-        current.filter = filter;
+        const temp = util.getTableFilter(getTableRef()) ?? filter;
+        current.filter = temp;
         reload();
       }
       emit("filterChange", filter);
     };
     const onCurrentChange = (currentRow, oldCurrentRow) => {
       if (props$1.current !== currentRow) {
-        emit("update:current", currentRow);
+        updateCurrent(currentRow);
       }
       emit("currentChange", currentRow, oldCurrentRow);
     };
+    const updateCurrent = (currentRow) => {
+      emit("update:current", currentRow);
+    };
     const updateSelections = (selection) => {
       emit("update:selections", selection);
     };
@@ -352,6 +328,10 @@ const _sfc_main = vue.defineComponent({
         });
       });
     };
+    const getTableRef = () => {
+      var _a;
+      return (_a = tableViewRef.value) == null ? void 0 : _a.tableRef;
+    };
     const getData = () => {
       return tableData.value;
     };
@@ -395,8 +375,7 @@ const _sfc_main = vue.defineComponent({
       if (!props$1.rowKey || !paginationProps.value || tableLimit.value == null || !Array.isArray(props$1.datasource)) {
         return;
       }
-      const sorter = current.sorter ?? getDefaultSorter();
-      const data = util.sortData(props$1.datasource, sorter);
+      const data = util.sortData(props$1.datasource, current.sorter);
       const index2 = data.findIndex((d) => util.getValue(d, props$1.rowKey) === key);
       const page = Math.floor(index2 / tableLimit.value) + 1;
       if (tablePage.value !== page) {
@@ -404,13 +383,17 @@ const _sfc_main = vue.defineComponent({
       }
     };
     const fetch = (callback) => {
-      const sorter = current.sorter ?? getDefaultSorter();
-      const filter = current.filter ?? getDefaultFilter();
+      const { sorter, filter } = current;
+      const orders = util.getRequestOrders(
+        sorter,
+        props$1.request,
+        globalProps.value.request
+      );
       callback({
         page: tablePage.value,
         limit: tableLimit.value,
-        where: { ...current.where },
-        orders: getRequestOrders(sorter),
+        where: Object.assign({}, current.where),
+        orders,
         filters: util.getRequestFilters(filter),
         sorter,
         filter
@@ -466,9 +449,13 @@ const _sfc_main = vue.defineComponent({
     );
     vue.onMounted(() => {
       if (props$1.loadOnCreated) {
-        reload({ where: props$1.where });
+        reload();
       }
     });
+    vue.onBeforeUnmount(() => {
+      updateSelections([]);
+      updateCurrent(null);
+    });
     return {
       ...tableIns,
       tableEvents,
@@ -483,9 +470,10 @@ const _sfc_main = vue.defineComponent({
       tableIndex,
       paginationProps,
       tableProps,
-      proTableStyle,
+      tableZIndex,
       tableTools,
       tableEmptyProps,
+      rootProps,
       tableLoad,
       onRefresh,
       onSizeChange,
@@ -500,6 +488,7 @@ const _sfc_main = vue.defineComponent({
       onCurrentChange,
       reload,
       reloadTable,
+      getTableRef,
       getData,
       setData,
       setSelectedRows,
@@ -523,111 +512,108 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElEmpty = vue.resolveComponent("ElEmpty");
   const _component_TableView = vue.resolveComponent("TableView");
   const _component_ElePagination = vue.resolveComponent("ElePagination");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass([
-      "ele-pro-table",
-      { "is-sticky": _ctx.sticky },
-      { "is-maximized": _ctx.tableMaximized }
-    ]),
-    style: vue.normalizeStyle(_ctx.proTableStyle)
-  }, [
-    _ctx.toolbar ? (vue.openBlock(), vue.createBlock(_component_EleToolbar, vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.toolbar === true ? {} : _ctx.toolbar)), {
-      tools: vue.withCtx(() => [
-        vue.renderSlot(_ctx.$slots, "tools"),
-        _ctx.tableTools && _ctx.tableTools.length ? (vue.openBlock(), vue.createBlock(_component_TableTools, {
-          key: 0,
-          size: _ctx.tableSize,
-          columns: _ctx.columns,
-          tools: _ctx.tableTools,
-          columnSortable: _ctx.columnSortable,
-          columnFixed: _ctx.columnFixed,
-          maximized: _ctx.tableMaximized,
-          cacheKey: _ctx.cacheKey,
-          locale: _ctx.locale,
-          onReload: _ctx.onRefresh,
-          "onUpdate:size": _ctx.onSizeChange,
-          "onUpdate:columns": _ctx.onColumnsChange,
-          "onUpdate:maximized": _ctx.onMaximizedChange
-        }, null, 8, ["size", "columns", "tools", "columnSortable", "columnFixed", "maximized", "cacheKey", "locale", "onReload", "onUpdate:size", "onUpdate:columns", "onUpdate:maximized"])) : vue.createCommentVNode("", true)
-      ]),
-      default: vue.withCtx(() => [
-        vue.renderSlot(_ctx.$slots, "toolbar")
-      ]),
-      _: 3
-    }, 16)) : vue.createCommentVNode("", true),
-    vue.renderSlot(_ctx.$slots, "default"),
-    !_ctx.destroyed ? (vue.openBlock(), vue.createBlock(_component_TableView, vue.mergeProps({ key: 1 }, _ctx.tableProps, {
-      ref: "tableViewRef",
-      style: _ctx.tableStyle,
-      onSelect: _ctx.tableEvents.onSelect,
-      onSelectAll: _ctx.tableEvents.onSelectAll,
-      onCellMouseEnter: _ctx.tableEvents.onCellMouseEnter,
-      onCellMouseLeave: _ctx.tableEvents.onCellMouseLeave,
-      onCellClick: _ctx.tableEvents.onCellClick,
-      onCellDblclick: _ctx.tableEvents.onCellDblclick,
-      onCellContextmenu: _ctx.tableEvents.onCellContextmenu,
-      onRowContextmenu: _ctx.tableEvents.onRowContextmenu,
-      onRowDblclick: _ctx.tableEvents.onRowDblclick,
-      onHeaderClick: _ctx.tableEvents.onHeaderClick,
-      onHeaderContextmenu: _ctx.tableEvents.onHeaderContextmenu,
-      onHeaderDragend: _ctx.tableEvents.onHeaderDragend,
-      onExpandChange: _ctx.tableEvents.onExpandChange,
-      onRowClick: _ctx.onRowClick,
-      onSelectionChange: _ctx.onSelectionChange,
-      onSortChange: _ctx.onSortChange,
-      onFilterChange: _ctx.onFilterChange,
-      onCurrentChange: _ctx.onCurrentChange
-    }), vue.createSlots({ _: 2 }, [
-      vue.renderList(Object.keys(_ctx.$slots).filter(
-        (k) => "default" !== k && "empty" !== k
-      ), (name) => {
-        return {
-          name,
-          fn: vue.withCtx((slotProps) => [
-            vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-          ])
-        };
-      }),
-      _ctx.tableEmptyProps || _ctx.$slots.empty ? {
-        name: "empty",
-        fn: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "empty", {
-            text: _ctx.emptyText,
-            error: _ctx.errorText
-          }, () => [
-            _ctx.tableEmptyProps ? (vue.openBlock(), vue.createBlock(_component_ElEmpty, vue.mergeProps({
-              key: 0,
-              imageSize: 68
-            }, _ctx.tableEmptyProps === true ? {} : _ctx.emptyProps, {
-              class: "ele-table-empty",
-              description: _ctx.errorText || _ctx.emptyText
-            }), null, 16, ["description"])) : vue.createCommentVNode("", true)
-          ])
+  const _component_EleLoading = vue.resolveComponent("EleLoading");
+  return vue.openBlock(), vue.createBlock(_component_EleLoading, vue.normalizeProps(vue.guardReactiveProps(_ctx.rootProps)), {
+    default: vue.withCtx(() => [
+      _ctx.toolbar ? (vue.openBlock(), vue.createBlock(_component_EleToolbar, vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.toolbar === true ? {} : _ctx.toolbar)), {
+        tools: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "tools"),
+          _ctx.tableTools && _ctx.tableTools.length ? (vue.openBlock(), vue.createBlock(_component_TableTools, {
+            key: 0,
+            size: _ctx.tableSize,
+            columns: _ctx.columns,
+            tools: _ctx.tableTools,
+            columnSortable: _ctx.columnSortable,
+            columnFixed: _ctx.columnFixed,
+            maximized: _ctx.tableMaximized,
+            cacheKey: _ctx.cacheKey,
+            locale: _ctx.locale,
+            onReload: _ctx.onRefresh,
+            "onUpdate:size": _ctx.onSizeChange,
+            "onUpdate:columns": _ctx.onColumnsChange,
+            "onUpdate:maximized": _ctx.onMaximizedChange
+          }, null, 8, ["size", "columns", "tools", "columnSortable", "columnFixed", "maximized", "cacheKey", "locale", "onReload", "onUpdate:size", "onUpdate:columns", "onUpdate:maximized"])) : vue.createCommentVNode("", true)
         ]),
-        key: "0"
-      } : void 0
-    ]), 1040, ["style", "onSelect", "onSelectAll", "onCellMouseEnter", "onCellMouseLeave", "onCellClick", "onCellDblclick", "onCellContextmenu", "onRowContextmenu", "onRowDblclick", "onHeaderClick", "onHeaderContextmenu", "onHeaderDragend", "onExpandChange", "onRowClick", "onSelectionChange", "onSortChange", "onFilterChange", "onCurrentChange"])) : vue.createCommentVNode("", true),
-    _ctx.paginationProps || _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
-      key: 2,
-      class: "ele-pro-table-footer",
-      style: vue.normalizeStyle(_ctx.footerStyle)
-    }, [
-      vue.renderSlot(_ctx.$slots, "footer"),
-      _ctx.paginationProps && _ctx.paginationProps.total ? (vue.openBlock(), vue.createBlock(_component_ElePagination, vue.mergeProps({ key: 0 }, _ctx.paginationProps, {
-        "onUpdate:currentPage": _ctx.onPageCurrentChange,
-        "onUpdate:pageSize": _ctx.onPageSizeChange
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "toolbar")
+        ]),
+        _: 3
+      }, 16)) : vue.createCommentVNode("", true),
+      vue.renderSlot(_ctx.$slots, "default"),
+      !_ctx.destroyed ? (vue.openBlock(), vue.createBlock(_component_TableView, vue.mergeProps({ key: 1 }, _ctx.tableProps, {
+        ref: "tableViewRef",
+        style: _ctx.tableStyle,
+        onSelect: _ctx.tableEvents.onSelect,
+        onSelectAll: _ctx.tableEvents.onSelectAll,
+        onCellMouseEnter: _ctx.tableEvents.onCellMouseEnter,
+        onCellMouseLeave: _ctx.tableEvents.onCellMouseLeave,
+        onCellClick: _ctx.tableEvents.onCellClick,
+        onCellDblclick: _ctx.tableEvents.onCellDblclick,
+        onCellContextmenu: _ctx.tableEvents.onCellContextmenu,
+        onRowContextmenu: _ctx.tableEvents.onRowContextmenu,
+        onRowDblclick: _ctx.tableEvents.onRowDblclick,
+        onHeaderClick: _ctx.tableEvents.onHeaderClick,
+        onHeaderContextmenu: _ctx.tableEvents.onHeaderContextmenu,
+        onHeaderDragend: _ctx.tableEvents.onHeaderDragend,
+        onExpandChange: _ctx.tableEvents.onExpandChange,
+        onRowClick: _ctx.onRowClick,
+        onSelectionChange: _ctx.onSelectionChange,
+        onSortChange: _ctx.onSortChange,
+        onFilterChange: _ctx.onFilterChange,
+        onCurrentChange: _ctx.onCurrentChange
       }), vue.createSlots({ _: 2 }, [
-        vue.renderList(Object.keys(_ctx.$slots).filter((k) => "default" !== k), (name) => {
+        vue.renderList(Object.keys(_ctx.$slots).filter(
+          (k) => "default" !== k && "empty" !== k
+        ), (name) => {
           return {
             name,
             fn: vue.withCtx((slotProps) => [
               vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
             ])
           };
-        })
-      ]), 1040, ["onUpdate:currentPage", "onUpdate:pageSize"])) : vue.createCommentVNode("", true)
-    ], 4)) : vue.createCommentVNode("", true)
-  ], 6);
+        }),
+        _ctx.tableEmptyProps || _ctx.$slots.empty ? {
+          name: "empty",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "empty", {
+              text: _ctx.emptyText,
+              error: _ctx.errorText
+            }, () => [
+              _ctx.tableEmptyProps ? (vue.openBlock(), vue.createBlock(_component_ElEmpty, vue.mergeProps({
+                key: 0,
+                imageSize: 68
+              }, _ctx.tableEmptyProps === true ? {} : _ctx.emptyProps, {
+                class: "ele-table-empty",
+                description: _ctx.errorText || _ctx.emptyText
+              }), null, 16, ["description"])) : vue.createCommentVNode("", true)
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["style", "onSelect", "onSelectAll", "onCellMouseEnter", "onCellMouseLeave", "onCellClick", "onCellDblclick", "onCellContextmenu", "onRowContextmenu", "onRowDblclick", "onHeaderClick", "onHeaderContextmenu", "onHeaderDragend", "onExpandChange", "onRowClick", "onSelectionChange", "onSortChange", "onFilterChange", "onCurrentChange"])) : vue.createCommentVNode("", true),
+      _ctx.paginationProps || _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 2,
+        class: "ele-pro-table-footer",
+        style: vue.normalizeStyle(_ctx.footerStyle)
+      }, [
+        vue.renderSlot(_ctx.$slots, "footer"),
+        _ctx.paginationProps && _ctx.paginationProps.total ? (vue.openBlock(), vue.createBlock(_component_ElePagination, vue.mergeProps({ key: 0 }, _ctx.paginationProps, {
+          "onUpdate:currentPage": _ctx.onPageCurrentChange,
+          "onUpdate:pageSize": _ctx.onPageSizeChange
+        }), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(_ctx.$slots).filter((k) => "default" !== k), (name) => {
+            return {
+              name,
+              fn: vue.withCtx((slotProps) => [
+                vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+              ])
+            };
+          })
+        ]), 1040, ["onUpdate:currentPage", "onUpdate:pageSize"])) : vue.createCommentVNode("", true)
+      ], 4)) : vue.createCommentVNode("", true)
+    ]),
+    _: 3
+  }, 16);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = index;

package/lib/ele-pro-table/props.d.ts

@@ -1,11 +1,12 @@
 import type { PropType, ExtractPropTypes } from 'vue';
-import type { StyleValue, ElEmptyProps } from '../ele-app/types';
+import type { ElEmptyProps } from '../ele-app/types';
+import type { LoadingProps } from '../ele-loading/props';
 import type { Column, Columns, DataItem, Where, Datasource, RequestOption, ResponseOption, ParseData, Sorter, Filter, DoneParams, TablePagination, TableToolbar, TableTool, TableSize, RowClickChecked, TableLocale } from './types';
 declare const tableProps: Omit<{
     data: {
         type: PropType<any[]>;
         default: () => never[];
-    }; /** 表格数据请求完成事件 */
+    };
     size: {
         readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -21,7 +22,7 @@ declare const tableProps: Omit<{
     };
     stripe: BooleanConstructor;
     border: BooleanConstructor;
-    rowKey: PropType<string | ((row: any) => string) | undefined>;
+    rowKey: PropType<string | ((row: any) => string) | undefined>; /** 表格最大化切换事件 */
     showHeader: {
         type: BooleanConstructor;
         default: boolean;
@@ -101,12 +102,15 @@ export declare const tableViewProps: {
         type: PropType<Columns>;
         required: boolean;
     };
-    loading: BooleanConstructor;
     pageIndex: NumberConstructor;
     headerEllipsis: {
         type: BooleanConstructor;
         default: boolean;
     };
+    slotNormalize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     size: {
         readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -206,6 +210,7 @@ export declare const proTableProps: {
         type: BooleanConstructor;
         default: null;
     };
+    loading: BooleanConstructor;
     datasource: {
         type: PropType<Datasource>;
         required: boolean;
@@ -243,8 +248,8 @@ export declare const proTableProps: {
     maximizedIndex: NumberConstructor;
     maximizedHeight: (StringConstructor | NumberConstructor)[];
     rowClickChecked: PropType<RowClickChecked>;
-    tableStyle: PropType<StyleValue>;
-    footerStyle: PropType<StyleValue>;
+    tableStyle: PropType<Partial<import("vue").CSSProperties>>;
+    footerStyle: PropType<Partial<import("vue").CSSProperties>>;
     pagination: {
         type: PropType<boolean | TablePagination>;
         default: () => null;
@@ -254,18 +259,13 @@ export declare const proTableProps: {
         default: () => null;
     };
     sticky: BooleanConstructor;
-    cacheKey: StringConstructor;
-    locale: PropType<Partial<TableLocale>>;
-    columns: {
-        type: PropType<Columns>;
-        required: boolean;
-    };
-    loading: BooleanConstructor;
-    pageIndex: NumberConstructor;
-    headerEllipsis: {
+    loadingProps: PropType<Partial<LoadingProps>>;
+    bottomLine: {
         type: BooleanConstructor;
         default: boolean;
     };
+    cacheKey: StringConstructor;
+    locale: PropType<Partial<TableLocale>>;
     size: {
         readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -350,6 +350,18 @@ export declare const proTableProps: {
         default: boolean;
     };
     flexible: BooleanConstructor;
+    columns: {
+        type: PropType<Columns>;
+        required: boolean;
+    };
+    headerEllipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    slotNormalize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export type ProTableProps = ExtractPropTypes<typeof proTableProps>;
 export type TableViewProps = ExtractPropTypes<typeof tableViewProps>;