element-plus-suite 0.0.3 → 0.0.5

package/dist/table-pro/composables/use-table-merge.d.ts

@@ -10,10 +10,10 @@ interface UseTableMergeOptions<Row> {
     lazy: () => boolean;
 }
 export declare function useTableMerge<Row>(options: UseTableMergeOptions<Row>): {
-    spanMethod: ComputedRef<import('..').TableProSpanMethod<any> | ((params: TableProSpanMethodParams<Row>) => {
+    spanMethod: ComputedRef<import('..').TableProSpanMethod<any> | ((params: TableProSpanMethodParams<Row>) => number[] | {
         rowspan: number;
         colspan: number;
-    } | number[] | undefined) | undefined>;
+    } | undefined) | undefined>;
     spanMap: ComputedRef<Map<string, number[]>>;
 };
 export {};

package/dist/table-pro/composables/use-table-request.d.ts

@@ -3,6 +3,7 @@ interface UseTableRequestOptions<Row> {
     request: () => TableProRequest<Row> | undefined;
     page: () => number | null;
     pageSize: () => number | null;
+    query: () => Record<string, any>;
     onLoaded?: (result: TableProRequestResult<Row>) => void;
     onError?: (error: unknown) => void;
     onData?: (result: TableProRequestResult<Row>) => void;

package/dist/table-pro/index.d.ts

@@ -1,3 +1,3 @@
 export { default as ElTablePro } from './index.vue';
-export type { TableProColumn, TableProColumnContext, TableProColumnHeaderRenderScope, TableProColumnRenderScope, TableProInstance, TableProOwnInstance, TableProOwnProps, TableProPagination, TableProProps, TableProRequest, TableProRequestParams, TableProRequestResult, TableProSpanMethod, TableProSpanMethodParams, TableProSpanMethodResult, TableProTableInstance, TableProTableProps, TableProTreeProps, ResolvedTableProPagination, } from './types';
+export type { TableProColumn, TableProColumnContext, TableProColumnHeaderRenderScope, TableProColumnRenderScope, TableProFilterConfigExtension, TableProFilterConfig, TableProInstance, TableProOwnInstance, TableProOwnProps, TableProPagination, TableProProps, TableProRequest, TableProRequestParams, TableProRequestResult, TableProSpanMethod, TableProSpanMethodParams, TableProSpanMethodResult, TableProTableInstance, TableProTableProps, TableProTreeProps, ResolvedTableProPagination, } from './types';
 export { TABLE_PRO_DEFAULT_PAGINATION, normalizePagination, } from './types';

package/dist/table-pro/index.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { TableProColumn, TableProPagination, TableProRequest, TableProRequestResult } from './types';
+import { TableProColumn, TableProFilterConfig, TableProPagination, TableProRequest, TableProRequestResult } from './types';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     columns: {
         type: PropType<TableProColumn<any>[]>;
@@ -17,6 +17,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<string[]>;
         default: () => never[];
     };
+    query: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    filter: {
+        type: PropType<TableProFilterConfig>;
+        default: undefined;
+    };
     data: {
         type: PropType<any[]>;
         default: () => never[];
@@ -47,6 +55,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<string[]>;
         default: () => never[];
     };
+    query: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    filter: {
+        type: PropType<TableProFilterConfig>;
+        default: undefined;
+    };
     data: {
         type: PropType<any[]>;
         default: () => never[];
@@ -59,7 +75,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onError?: ((_error: unknown) => any) | undefined;
     onLoaded?: ((_result: TableProRequestResult<any>) => any) | undefined;
 }>, {
+    filter: TableProFilterConfig<Record<string, any>>;
     data: any[];
+    query: Record<string, any>;
     columns: TableProColumn<any>[];
     request: TableProRequest<any>;
     pagination: boolean | TableProPagination;

package/dist/table-pro/types.d.ts

@@ -1,4 +1,5 @@
 import { Ref, VNode, VNodeChild } from 'vue';
+import { FormProConfig, FormProSchemaItem } from '../form-pro/types';
 /**
  * 表格列在运行时由 Element Plus 提供。
  * 这里只声明组件库会用到的公共字段，其余字段保持开放
@@ -73,9 +74,10 @@ export interface TableProTableProps {
     treeProps?: TableProTreeProps;
     [key: string]: any;
 }
-export interface TableProRequestParams {
+export interface TableProRequestParams<Query = Record<string, any>> {
     page: number | null;
     pageSize: number | null;
+    query: Query;
     signal: AbortSignal;
 }
 export interface TableProRequestResult<Row> {
@@ -93,7 +95,7 @@ export interface TableProColumnRenderScope<Row> {
     column: TableProColumnContext<any>;
     $index: number;
 }
-export type TableProRequest<Row> = (params: TableProRequestParams) => Promise<TableProRequestResult<Row>>;
+export type TableProRequest<Row, Query = Record<string, any>> = (params: TableProRequestParams<Query>) => Promise<TableProRequestResult<Row>>;
 type ElTableColumnProps = {
     type?: string;
     label?: string;
@@ -150,18 +152,39 @@ export interface TableProPagination {
     page?: number;
     pageSize?: number;
     pageSizes?: number[];
+    pagerCount?: number;
     layout?: string;
     background?: boolean;
 }
-export interface TableProOwnProps<Row> {
+export interface TableProFilterConfigExtension extends FormProConfig {
+    /** 是否显示筛选表单的展开/收起按钮 */
+    showCollapseButton?: boolean;
+    /** 收起时显示的行数，默认 1 */
+    collapseRows?: number;
+    /** 收起时显示的字段数量；设置后优先于 collapseRows */
+    collapseCount?: number;
+    /** 是否默认收起；显示折叠按钮时默认 true */
+    collapsed?: boolean;
+}
+export interface TableProFilterConfig<Query = Record<string, any>> {
+    schema: FormProSchemaItem[];
+    formConfig?: TableProFilterConfigExtension;
+    model?: Query;
+    defaultValue?: Query;
+}
+export interface TableProOwnProps<Row, Query = Record<string, any>> {
     columns?: TableProColumn<Row>[];
-    request?: TableProRequest<Row>;
+    request?: TableProRequest<Row, Query>;
     pagination?: boolean | TableProPagination;
-    /** 按数组顺序逐级合并连续同值字段 */
+    /** 按数组顺序依次合并连续同值字段 */
     mergeFields?: string[];
+    /** 已应用的检索条件对象 */
+    query?: Query;
+    /** 可选的筛选表单配置 */
+    filter?: TableProFilterConfig<Query>;
 }
 type ElTableProps = Partial<TableProTableProps>;
-export type TableProProps<Row extends Record<string, any>> = Omit<ElTableProps, 'data' | 'rowKey'> & TableProOwnProps<Row> & {
+export type TableProProps<Row extends Record<string, any>, Query = Record<string, any>> = Omit<ElTableProps, 'data' | 'rowKey'> & TableProOwnProps<Row, Query> & {
     data?: Row[];
     rowKey: (keyof Row & string) | ((row: Row) => string | number);
 };
@@ -169,12 +192,15 @@ export interface TableProOwnInstance {
     reload: (options?: {
         page?: number;
     }) => Promise<void>;
+    search: () => Promise<void>;
+    resetFilter: () => Promise<void>;
 }
 export type TableProInstance = TableProOwnInstance & TableProTableInstance;
 export declare const TABLE_PRO_DEFAULT_PAGINATION: {
     readonly page: 1;
     readonly pageSize: 20;
     readonly pageSizes: readonly [10, 20, 50, 100];
+    readonly pagerCount: 5;
     readonly layout: "total, sizes, prev, pager, next, jumper";
     readonly background: true;
 };
@@ -182,6 +208,7 @@ export type ResolvedTableProPagination = {
     page: number;
     pageSize: number;
     pageSizes: readonly number[];
+    pagerCount: number;
     layout: string;
     background: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "element-plus-suite",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "Unofficial enhancement components for Element Plus",
   "license": "MIT",
   "repository": {