element-plus-suite 0.0.2 → 0.0.4

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[];
@@ -25,9 +33,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<string | ((row: any) => string | number)>;
         required: true;
     };
-}>, () => (import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}> | null)[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     loaded: (_result: TableProRequestResult<any>) => true;
     error: (_error: unknown) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -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,9 +1,17 @@
 {
   "name": "element-plus-suite",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Unofficial enhancement components for Element Plus",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/th74100/element-plus-suite.git"
+  },
+  "homepage": "https://th74100.github.io/element-plus-suite/",
   "type": "module",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "files": [
     "dist"
   ],
@@ -15,7 +23,8 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
-    }
+    },
+    "./dist/index.css": "./dist/index.css"
   },
   "scripts": {
     "build": "vite build",