ele-admin-plus 1.0.0-beta.2 → 1.0.0-beta.3

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

@@ -1,14 +1,13 @@
-import { defineComponent, ref, computed, watch, onMounted, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, withCtx, renderSlot, createVNode, createCommentVNode, createSlots, renderList, normalizeProps, guardReactiveProps, mergeProps } from "vue";
+import { defineComponent, ref, computed, watch, onMounted, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, normalizeProps, mergeProps, withCtx, renderSlot, createCommentVNode, createSlots, createVNode, renderList, guardReactiveProps } from "vue";
 import { ElEmpty } from "element-plus";
-import { useLicense, UNAUTHORIZED_TIP } from "../utils/license-util";
-import { useGlobalProps } from "../ele-config-provider/use-receiver";
-import { omit, eachTree } from "../utils/core";
+import { pick, eachTree } from "../utils/core";
+import { useLicense, useGlobalProps } from "../ele-config-provider/receiver";
 import ElePagination from "../ele-pagination/index";
 import EleToolbar from "../ele-toolbar/index";
 import TableTools from "./components/table-tools";
 import TableView from "./components/table-view";
-import { useTableMethods, useTableEvents, getDefaultPage, getDefaultLimit, getDefaultSize, getCacheSize, getInitCacheColumns, getRequestFilters, reloadData, getOrderItems, getValue, isDisableRow, selectionIsChange, sortData } from "./util";
-import { proTableProps, proTableEmits } from "./props";
+import { useTableMethods, useTableEvents, getTablePage, getTableLimit, getTableSize, getPaginationProps, getInitCacheColumns, getRequestFilters, reloadData, getResponseName, getRequestName, getOrderItems, getValue, isDisableRow, selectionIsChange, sortData } from "./util";
+import { proTableProps, proTableEmits, tablePropKeys } from "./props";
 const _sfc_main = defineComponent({
   name: "EleProTable",
   components: { ElEmpty, ElePagination, EleToolbar, TableTools, TableView },
@@ -25,13 +24,17 @@ const _sfc_main = defineComponent({
     const current = { sorter: null, filter: null, where: {} };
     const tableViewRef = ref(null);
     const tableData = ref([]);
-    const tablePage = ref(getDefaultPage(props.pagination));
-    const tableLimit = ref(getDefaultLimit(props.pagination));
+    const tablePage = ref(
+      getTablePage(props.pagination, globalProps.value.pagination)
+    );
+    const tableLimit = ref(
+      getTableLimit(props.pagination, globalProps.value.pagination)
+    );
     const tableTotal = ref(0);
     const tableLoading = ref(props.loading);
     const tableCols = ref([]);
     const tableSize = ref(
-      getDefaultSize(getCacheSize(props.cacheKey) ?? props.size, globalProps)
+      getTableSize(props.cacheKey, props.size, globalProps.value.size)
     );
     const tableMaximized = ref(false);
     const errorText = ref("");
@@ -41,33 +44,48 @@ const _sfc_main = defineComponent({
       return ((tablePage.value ?? 1) - 1) * (tableLimit.value ?? 0) + 1;
     });
     const paginationProps = computed(() => {
-      if (props.pagination == null || props.pagination === false) {
+      return getPaginationProps(
+        tableSize.value,
+        props.pagination,
+        globalProps.value.pagination,
+        {
+          total: tableTotal.value,
+          pageSize: tableLimit.value,
+          currentPage: tablePage.value
+        }
+      );
+    });
+    const tableProps = computed(() => {
+      const isMaximized = tableMaximized.value && props.maximizedHeight;
+      const opt = {
+        data: tableData.value,
+        height: isMaximized ? props.maximizedHeight : props.height,
+        stripe: props.stripe ?? globalProps.value.stripe ?? false,
+        border: props.border ?? globalProps.value.border ?? false,
+        size: tableSize.value,
+        load: tableLoad,
+        columns: tableCols.value,
+        pageIndex: tableIndex.value,
+        loading: tableLoading.value
+      };
+      return Object.assign(pick(props, tablePropKeys), opt);
+    });
+    const tableStyle = computed(() => {
+      if (!tableMaximized.value) {
         return {};
       }
-      const defaultProps = {
-        small: tableSize.value !== "large",
-        pagerCount: 5,
-        layout: "total, sizes, prev, pager, next, jumper",
-        pageSizes: [10, 20, 30, 40, 50, 100],
-        hideOnSinglePage: false
-      };
-      const pageProps = {
-        total: tableTotal.value,
-        pageSize: tableLimit.value,
-        currentPage: tablePage.value
-      };
-      if (typeof props.pagination === "object") {
-        return {
-          ...defaultProps,
-          ...omit(props.pagination, "autoAmend"),
-          ...pageProps
-        };
+      const zIndex = props.maximizedIndex ?? globalProps.value.maximizedIndex;
+      return { zIndex };
+    });
+    const tableTools = computed(() => {
+      const tools = props.tools ?? globalProps.value.tools ?? true;
+      if (tools === true) {
+        return ["reload", "size", "columns", "maximized"];
       }
-      return { ...defaultProps, ...pageProps };
+      return tools || [];
     });
     const reload = (option, parent, resolve) => {
       if (!authenticated.value) {
-        errorText.value = UNAUTHORIZED_TIP;
         return;
       }
       if (option) {
@@ -104,8 +122,10 @@ const _sfc_main = defineComponent({
           filter,
           parent
         }).then((response) => {
-          const { data, total } = getResponseResult(response);
-          requestCallback(data, total, parent, response, resolve);
+          const parseData = props.parseData ?? globalProps.value.parseData;
+          const result = parseData ? parseData(response) : response;
+          const { data, total } = getResponseResult(result);
+          requestCallback(data, total, parent, result, resolve);
         }).catch((e) => {
           requestCallback(e == null ? void 0 : e.message);
           resolve && console.error(e);
@@ -140,7 +160,7 @@ const _sfc_main = defineComponent({
           "返回的数据格式与配置的不一致, 返回的数据:",
           response,
           "需要的格式:",
-          getResponseName()
+          getResponseName(globalProps.value.response, props.response)
         );
         return;
       }
@@ -169,12 +189,13 @@ const _sfc_main = defineComponent({
     };
     const getRequestOrders = (sorter) => {
       const orders = {};
-      const { sortName, orderName } = getRequestName();
+      const { sortName, orderName, ascValue, descValue } = getRequestName(
+        globalProps.value.request,
+        props.request
+      );
       if (!sortName || !orderName) {
         return orders;
       }
-      const ascValue = getAscendingValue();
-      const descValue = getDescendingValue();
       const items = getOrderItems(sorter);
       if (items.length === 1) {
         orders[sortName] = items[0].field;
@@ -185,17 +206,19 @@ const _sfc_main = defineComponent({
       return orders;
     };
     const getResponseResult = (data) => {
-      const result = props.parseData ? props.parseData(data) : data;
-      if (!result || Array.isArray(result)) {
-        return { data: getResponseData(result) };
+      if (!data || Array.isArray(data)) {
+        return { data: getResponseData(data) };
       }
-      const { dataName, countName } = getResponseName();
+      const { dataName, countName } = getResponseName(
+        globalProps.value.response,
+        props.response
+      );
       if (!dataName) {
         return {};
       }
       return {
-        data: getResponseData(getValue(result, dataName)),
-        total: (countName ? getValue(result, countName) : void 0) ?? 0
+        data: getResponseData(getValue(data, dataName)),
+        total: (countName ? getValue(data, countName) : void 0) ?? 0
       };
     };
     const getResponseData = (data) => {
@@ -210,28 +233,6 @@ const _sfc_main = defineComponent({
         return temp;
       });
     };
-    const getRequestName = () => {
-      return Object.assign(
-        { sortName: "sort", orderName: "order" },
-        globalProps.value.request,
-        props.request
-      );
-    };
-    const getResponseName = () => {
-      return Object.assign(
-        { dataName: "list", countName: "count" },
-        globalProps.value.response,
-        props.response
-      );
-    };
-    const getAscendingValue = () => {
-      const global = globalProps.value.ascendingValue;
-      return props.ascendingValue ?? global ?? "asc";
-    };
-    const getDescendingValue = () => {
-      const global = globalProps.value.descendingValue;
-      return props.descendingValue ?? global ?? "desc";
-    };
     const getDefaultSorter = () => {
       return props.defaultSort ?? {};
     };
@@ -422,7 +423,7 @@ const _sfc_main = defineComponent({
     watch(
       () => props.size,
       (size) => {
-        tableSize.value = getDefaultSize(size, globalProps);
+        tableSize.value = getTableSize(void 0, size, globalProps.value.size);
       }
     );
     watch(
@@ -446,9 +447,11 @@ const _sfc_main = defineComponent({
     watch(
       globalProps,
       (config) => {
-        if (props.size == null && config.size != null) {
-          tableSize.value = config.size;
-        }
+        tableSize.value = getTableSize(
+          props.cacheKey,
+          props.size,
+          config.size
+        );
       },
       { deep: true }
     );
@@ -470,6 +473,9 @@ const _sfc_main = defineComponent({
       destroyed,
       tableIndex,
       paginationProps,
+      tableProps,
+      tableStyle,
+      tableTools,
       tableLoad,
       onRefresh,
       onSizeChange,
@@ -510,25 +516,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([
       "ele-pro-table",
-      { "is-maximized": _ctx.tableMaximized },
-      { "is-header-ellipsis": _ctx.headerEllipsis }
+      { "is-sticky": _ctx.sticky },
+      { "is-header-ellipsis": _ctx.headerEllipsis },
+      { "is-maximized": _ctx.tableMaximized }
     ]),
-    style: normalizeStyle({ zIndex: _ctx.tableMaximized ? _ctx.maximizedIndex : void 0 })
+    style: normalizeStyle(_ctx.tableStyle)
   }, [
-    _ctx.toolbar ? (openBlock(), createBlock(_component_EleToolbar, {
-      key: 0,
-      title: _ctx.title,
-      subtitle: _ctx.subtitle,
-      theme: _ctx.toolbarTheme,
-      form: _ctx.toolbarForm,
-      style: normalizeStyle(_ctx.toolbarStyle)
-    }, {
+    _ctx.toolbar ? (openBlock(), createBlock(_component_EleToolbar, normalizeProps(mergeProps({ key: 0 }, _ctx.toolbar === true ? {} : _ctx.toolbar)), {
       tools: withCtx(() => [
         renderSlot(_ctx.$slots, "tools"),
-        createVNode(_component_TableTools, {
+        _ctx.tableTools && _ctx.tableTools.length ? (openBlock(), createBlock(_component_TableTools, {
+          key: 0,
           size: _ctx.tableSize,
           columns: _ctx.columns,
-          tools: _ctx.tools,
+          tools: _ctx.tableTools,
           columnSortable: _ctx.columnSortable,
           columnFixed: _ctx.columnFixed,
           maximized: _ctx.tableMaximized,
@@ -538,57 +539,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           "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"])
+        }, null, 8, ["size", "columns", "tools", "columnSortable", "columnFixed", "maximized", "cacheKey", "locale", "onReload", "onUpdate:size", "onUpdate:columns", "onUpdate:maximized"])) : createCommentVNode("", true)
       ]),
       default: withCtx(() => [
         renderSlot(_ctx.$slots, "toolbar")
       ]),
       _: 3
-    }, 8, ["title", "subtitle", "theme", "form", "style"])) : createCommentVNode("", true),
+    }, 16)) : createCommentVNode("", true),
     renderSlot(_ctx.$slots, "default"),
-    !_ctx.destroyed ? (openBlock(), createBlock(_component_TableView, {
-      key: 1,
+    !_ctx.destroyed ? (openBlock(), createBlock(_component_TableView, mergeProps({ key: 1 }, _ctx.tableProps, {
       ref: "tableViewRef",
-      data: _ctx.tableData,
-      height: _ctx.tableMaximized && _ctx.maximizedHeight ? _ctx.maximizedHeight : _ctx.height,
-      maxHeight: _ctx.maxHeight,
-      stripe: _ctx.stripe,
-      border: _ctx.border,
-      size: _ctx.tableSize,
-      fit: _ctx.fit,
-      showHeader: _ctx.showHeader,
-      highlightCurrentRow: _ctx.highlightCurrentRow,
-      currentRowKey: _ctx.currentRowKey,
-      rowClassName: _ctx.rowClassName,
-      rowStyle: _ctx.rowStyle,
-      cellClassName: _ctx.cellClassName,
-      cellStyle: _ctx.cellStyle,
-      headerRowClassName: _ctx.headerRowClassName,
-      headerRowStyle: _ctx.headerRowStyle,
-      headerCellClassName: _ctx.headerCellClassName,
-      headerCellStyle: _ctx.headerCellStyle,
-      rowKey: _ctx.rowKey,
-      defaultExpandAll: _ctx.defaultExpandAll,
-      expandRowKeys: _ctx.expandRowKeys,
-      defaultSort: _ctx.defaultSort,
-      tooltipEffect: _ctx.tooltipEffect,
-      tooltipOptions: _ctx.tooltipOptions,
-      showSummary: _ctx.showSummary,
-      sumText: _ctx.sumText,
-      summaryMethod: _ctx.summaryMethod,
-      spanMethod: _ctx.spanMethod,
-      selectOnIndeterminate: _ctx.selectOnIndeterminate,
-      indent: _ctx.indent,
-      lazy: _ctx.lazy,
-      load: _ctx.tableLoad,
-      treeProps: _ctx.treeProps,
-      tableLayout: _ctx.tableLayout,
-      scrollbarAlwaysOn: _ctx.scrollbarAlwaysOn,
-      flexible: _ctx.flexible,
-      columns: _ctx.tableCols,
-      pageIndex: _ctx.tableIndex,
-      loading: _ctx.tableLoading,
-      style: normalizeStyle(_ctx.tableStyle),
+      style: _ctx.tableStyle,
       onSelect: _ctx.tableEvents.onSelect,
       onSelectAll: _ctx.tableEvents.onSelectAll,
       onCellMouseEnter: _ctx.tableEvents.onCellMouseEnter,
@@ -607,7 +568,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onSortChange: _ctx.onSortChange,
       onFilterChange: _ctx.onFilterChange,
       onCurrentChange: _ctx.onCurrentChange
-    }, createSlots({
+    }), createSlots({
       empty: withCtx(() => [
         renderSlot(_ctx.$slots, "empty", {
           text: _ctx.emptyText,
@@ -631,14 +592,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         };
       })
-    ]), 1032, ["data", "height", "maxHeight", "stripe", "border", "size", "fit", "showHeader", "highlightCurrentRow", "currentRowKey", "rowClassName", "rowStyle", "cellClassName", "cellStyle", "headerRowClassName", "headerRowStyle", "headerCellClassName", "headerCellStyle", "rowKey", "defaultExpandAll", "expandRowKeys", "defaultSort", "tooltipEffect", "tooltipOptions", "showSummary", "sumText", "summaryMethod", "spanMethod", "selectOnIndeterminate", "indent", "lazy", "load", "treeProps", "tableLayout", "scrollbarAlwaysOn", "flexible", "columns", "pageIndex", "loading", "style", "onSelect", "onSelectAll", "onCellMouseEnter", "onCellMouseLeave", "onCellClick", "onCellDblclick", "onCellContextmenu", "onRowContextmenu", "onRowDblclick", "onHeaderClick", "onHeaderContextmenu", "onHeaderDragend", "onExpandChange", "onRowClick", "onSelectionChange", "onSortChange", "onFilterChange", "onCurrentChange"])) : createCommentVNode("", true),
-    _ctx.pagination || _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+    ]), 1040, ["style", "onSelect", "onSelectAll", "onCellMouseEnter", "onCellMouseLeave", "onCellClick", "onCellDblclick", "onCellContextmenu", "onRowContextmenu", "onRowDblclick", "onHeaderClick", "onHeaderContextmenu", "onHeaderDragend", "onExpandChange", "onRowClick", "onSelectionChange", "onSortChange", "onFilterChange", "onCurrentChange"])) : createCommentVNode("", true),
+    _ctx.paginationProps || _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
       key: 2,
       class: "ele-pro-table-footer",
       style: normalizeStyle(_ctx.footerStyle)
     }, [
       renderSlot(_ctx.$slots, "footer"),
-      _ctx.pagination ? (openBlock(), createBlock(_component_ElePagination, mergeProps({ key: 0 }, _ctx.paginationProps, {
+      _ctx.paginationProps && _ctx.paginationProps.total ? (openBlock(), createBlock(_component_ElePagination, mergeProps({ key: 0 }, _ctx.paginationProps, {
         "onUpdate:currentPage": _ctx.onPageCurrentChange,
         "onUpdate:pageSize": _ctx.onPageSizeChange
       }), createSlots({ _: 2 }, [

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

@@ -1,17 +1,117 @@
 import type { PropType, CSSProperties, ExtractPropTypes } from 'vue';
-import type { ToolbarTheme } from '../ele-toolbar/types';
-import type { Column, Columns, DataItem, Where, Datasource, RequestOption, ResponseOption, ParseData, Sorter, Filter, Pagination, DoneParams, TableTool, TableSize, RowClickChecked, TableLocale } from './types';
+import tableProps from 'element-plus/es/components/table/src/table/defaults';
+import type { Column, Columns, DataItem, Where, Datasource, RequestOption, ResponseOption, ParseData, Sorter, Filter, DoneParams, TablePagination, TableToolbar, TableTool, TableSize, RowClickChecked, TableLocale } from './types';
+/**
+ * 表格组件属性
+ */
+export declare const tableViewProps: {
+    columns: {
+        type: PropType<Columns>;
+        required: boolean;
+    };
+    loading: BooleanConstructor;
+    pageIndex: NumberConstructor;
+    data: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+    size: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    width: (StringConstructor | NumberConstructor)[];
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    fit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    stripe: BooleanConstructor;
+    border: BooleanConstructor;
+    rowKey: PropType<string | ((row: any) => string) | undefined>;
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSummary: BooleanConstructor;
+    sumText: StringConstructor;
+    summaryMethod: PropType<import("element-plus/es/components/table/src/table/defaults").SummaryMethod<any> | undefined>;
+    rowClassName: PropType<import("element-plus/es/components/table/src/table/defaults").ColumnCls<any> | undefined>;
+    rowStyle: PropType<import("element-plus/es/components/table/src/table/defaults").ColumnStyle<any> | undefined>;
+    cellClassName: PropType<import("element-plus/es/components/table/src/table/defaults").CellCls<any> | undefined>;
+    cellStyle: PropType<import("element-plus/es/components/table/src/table/defaults").CellStyle<any> | undefined>;
+    headerRowClassName: PropType<import("element-plus/es/components/table/src/table/defaults").ColumnCls<any> | undefined>;
+    headerRowStyle: PropType<import("element-plus/es/components/table/src/table/defaults").ColumnStyle<any> | undefined>;
+    headerCellClassName: PropType<import("element-plus/es/components/table/src/table/defaults").CellCls<any> | undefined>;
+    headerCellStyle: PropType<import("element-plus/es/components/table/src/table/defaults").CellStyle<any> | undefined>;
+    highlightCurrentRow: BooleanConstructor;
+    currentRowKey: (StringConstructor | NumberConstructor)[];
+    emptyText: StringConstructor;
+    expandRowKeys: PropType<any[] | undefined>;
+    defaultExpandAll: BooleanConstructor;
+    defaultSort: PropType<import("element-plus/es/components/table/src/table/defaults").Sort | undefined>;
+    tooltipEffect: StringConstructor;
+    tooltipOptions: PropType<Partial<Pick<import("element-plus").ElTooltipProps, "showArrow" | "effect" | "enterable" | "popperClass" | "offset" | "placement" | "popperOptions" | "showAfter" | "hideAfter">> | undefined>;
+    spanMethod: PropType<((data: {
+        row: any;
+        rowIndex: number;
+        column: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<any>;
+        columnIndex: number;
+    }) => number[] | {
+        rowspan: number;
+        colspan: number;
+    } | undefined) | undefined>;
+    selectOnIndeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    treeProps: {
+        type: PropType<{
+            hasChildren?: string | undefined;
+            children?: string | undefined;
+        } | undefined>;
+        default: () => {
+            hasChildren: string;
+            children: string;
+        };
+    };
+    lazy: BooleanConstructor;
+    load: PropType<((row: any, treeNode: import("element-plus/es/components/table/src/table/defaults").TreeNode, resolve: (data: any[]) => void) => void) | undefined>;
+    style: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+    tableLayout: {
+        type: PropType<"fixed" | "auto">;
+        default: string;
+    };
+    scrollbarAlwaysOn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    flexible: BooleanConstructor;
+};
 /**
  * 属性
  */
 export declare const proTableProps: {
-    border: {
+    stripe: {
         type: BooleanConstructor;
-        default: boolean;
+        default: null;
     };
-    columns: {
-        type: PropType<Columns>;
-        required: boolean;
+    border: {
+        type: BooleanConstructor;
+        default: null;
     };
     datasource: {
         type: PropType<Datasource>;
@@ -21,8 +121,6 @@ export declare const proTableProps: {
     request: PropType<RequestOption>;
     response: PropType<ResponseOption>;
     parseData: PropType<ParseData>;
-    ascendingValue: StringConstructor;
-    descendingValue: StringConstructor;
     loadOnCreated: {
         type: BooleanConstructor;
         default: boolean;
@@ -31,21 +129,15 @@ export declare const proTableProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    loading: BooleanConstructor;
     selections: PropType<DataItem[]>;
     current: PropType<DataItem | null>;
     toolbar: {
-        type: BooleanConstructor;
+        type: PropType<boolean | TableToolbar>;
         default: boolean;
     };
-    toolbarTheme: PropType<ToolbarTheme>;
-    toolbarStyle: PropType<CSSProperties>;
-    toolbarForm: BooleanConstructor;
-    title: StringConstructor;
-    subtitle: StringConstructor;
     tools: {
-        type: PropType<TableTool[]>;
-        default: () => TableTool[];
+        type: PropType<boolean | TableTool[]>;
+        default: () => null;
     };
     columnSortable: {
         type: BooleanConstructor;
@@ -55,10 +147,7 @@ export declare const proTableProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    maximizedIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
+    maximizedIndex: NumberConstructor;
     maximizedHeight: (StringConstructor | NumberConstructor)[];
     headerEllipsis: {
         type: BooleanConstructor;
@@ -68,11 +157,18 @@ export declare const proTableProps: {
     tableStyle: PropType<CSSProperties>;
     footerStyle: PropType<CSSProperties>;
     pagination: {
-        type: PropType<boolean | Pagination>;
-        default: boolean;
+        type: PropType<boolean | TablePagination>;
+        default: () => null;
     };
+    sticky: BooleanConstructor;
     cacheKey: StringConstructor;
     locale: PropType<TableLocale>;
+    columns: {
+        type: PropType<Columns>;
+        required: boolean;
+    };
+    loading: BooleanConstructor;
+    pageIndex: NumberConstructor;
     data: {
         type: PropType<any[]>;
         default: () => never[];
@@ -90,7 +186,6 @@ export declare const proTableProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    stripe: BooleanConstructor;
     rowKey: PropType<string | ((row: any) => string) | undefined>;
     showHeader: {
         type: BooleanConstructor;
@@ -163,6 +258,7 @@ export declare const proTableProps: {
     flexible: BooleanConstructor;
 };
 export type ProTableProps = ExtractPropTypes<typeof proTableProps>;
+export type TableViewProps = ExtractPropTypes<typeof tableViewProps>;
 /**
  * 事件
  */
@@ -187,12 +283,19 @@ export declare const tableEmits: {
     expandChange: (_row: DataItem, _expanded: boolean) => boolean;
 };
 export declare const proTableEmits: {
+    /** 表格数据请求完成事件 */
     done: (_result: DoneParams<DataItem>, _parent?: DataItem) => boolean;
+    /** 更新多选选中数据 */
     'update:selections': (_selections: DataItem[]) => boolean;
+    /** 更新单选选中数据 */
     'update:current': (_current?: DataItem | null) => boolean;
+    /** 列配置改变事件 */
     columnsChange: (_columns: Columns) => boolean;
+    /** 表格尺寸改变事件 */
     sizeChange: (_size: TableSize) => boolean;
+    /** 表格最大化切换事件 */
     maximizedChange: (_maximized: boolean) => boolean;
+    /** 数组数据源时刷新按钮点击事件 */
     refresh: () => boolean;
     select: (_selection: DataItem[], _row: DataItem) => boolean;
     selectAll: (_selection: DataItem[]) => boolean;
@@ -213,3 +316,8 @@ export declare const proTableEmits: {
     headerDragend: (_width: number, _old: number, _column: Column, _e: MouseEvent) => boolean;
     expandChange: (_row: DataItem, _expanded: boolean) => boolean;
 };
+export type TablePropKeys = Array<keyof typeof tableProps>;
+/**
+ * 表格组件属性名
+ */
+export declare const tablePropKeys: TablePropKeys;