listpage-next 0.0.170 → 0.0.171

package/dist/features/ListPage/context/store.d.ts

@@ -0,0 +1,37 @@
+import { Key } from 'react';
+import { ListPageFloatProps, ListPageRequest } from '../types';
+import { ListPageStorageOption } from './types';
+export declare class ListPageStore<FilterValue = any, RecordValue extends Record<string, any> = any> {
+    storageKey?: string;
+    filters: FilterValue;
+    tableDataRequest: ListPageRequest<FilterValue, RecordValue>;
+    floats: ListPageFloatProps[];
+    visibleFloat?: {
+        key: string;
+        record: RecordValue;
+        onCloseCallback?: true | (() => void);
+    };
+    loadingData: boolean;
+    dataSource: RecordValue[];
+    pagination: {
+        current: number;
+        pageSize: number;
+        total: number;
+    };
+    selection: {
+        selectedRowKeys: Key[];
+        selectedRows: RecordValue[];
+    };
+    listeners: Record<string, Function>;
+    constructor(options: ListPageStorageOption<FilterValue, RecordValue>);
+    submitFiltersChange(value?: FilterValue): void;
+    showFloat(key: string, record: any, onCloseCallback?: true | (() => void)): void;
+    hideFloat(): void;
+    updatePage(page: number, pageSize: number): void;
+    fetchTableData(): Promise<void>;
+    onSelectChange: (selectedRowKeys: Key[], selectedRows: RecordValue[]) => void;
+    clearSelection(): void;
+    refreshTable(): void;
+    listen(name: string, callback: (data: any) => void): void;
+    emit(name: string, data: any): void;
+}

package/dist/{components/Page/context/listpage.js → features/ListPage/context/store.js}

@@ -1,6 +1,5 @@
-import { jsx } from "react/jsx-runtime";
 import { makeAutoObservable, runInAction } from "mobx";
-import { createContext, useContext, useMemo } from "react";
+import { getDefaultValue, setDefaultValue } from "../utils/index.js";
 class ListPageStore {
     storageKey;
     filters = {};
@@ -96,43 +95,4 @@ class ListPageStore {
         this.listeners[name]?.(data);
     }
 }
-const ListPageContext = /*#__PURE__*/ createContext({});
-const ListPageProvider = ({ children, initialValues, state, request, storageKey, floats = [] })=>{
-    const store = useMemo(()=>new ListPageStore({
-            state,
-            initialValues,
-            request,
-            floats,
-            storageKey
-        }), []);
-    return /*#__PURE__*/ jsx(ListPageContext.Provider, {
-        value: store,
-        children: children
-    });
-};
-function useListPageStore() {
-    return useContext(ListPageContext);
-}
-const getDefaultValue = (STORAGE_KEY)=>{
-    if (!STORAGE_KEY) return {
-        currentPage: 1,
-        pageSize: 10,
-        filterValues: void 0
-    };
-    const storageValue = localStorage.getItem(STORAGE_KEY);
-    const value = JSON.parse(storageValue ?? '{}');
-    return {
-        currentPage: value.currentPage || 1,
-        pageSize: value.pageSize || 10,
-        filterValues: value.filterValues || void 0
-    };
-};
-const setDefaultValue = (STORAGE_KEY, value)=>{
-    if (!STORAGE_KEY) return;
-    const defaultValue = getDefaultValue(STORAGE_KEY);
-    localStorage.setItem(STORAGE_KEY, JSON.stringify({
-        ...defaultValue,
-        ...value
-    }));
-};
-export { ListPageProvider, ListPageStore, useListPageStore };
+export { ListPageStore };

package/dist/features/ListPage/context/types.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { ListPageFloatProps, ListPageRequest, StateValue } from '../types';
+export type ListPageStorageOption<FilterValue = any, RecordValue extends Record<string, any> = any> = {
+    storageKey?: string;
+    initialValues?: StateValue<FilterValue>;
+    state?: StateValue<FilterValue>;
+    request: ListPageRequest<FilterValue, RecordValue>;
+    floats?: ListPageFloatProps[];
+};
+export type ListPageProviderProps = ListPageStorageOption & {
+    children: ReactNode;
+};

package/dist/features/ListPage/hooks/useColumns.d.ts

@@ -0,0 +1,3 @@
+import { ColumnType } from 'antd/es/table';
+import { ListPageTableColumn } from '../components/DataTable/types';
+export declare function useColumns<FilterValue = any, RecordValue extends Record<string, any> = any>(columns: ListPageTableColumn<FilterValue, RecordValue>[]): ColumnType<RecordValue>[];

package/dist/features/ListPage/hooks/useColumns.js

@@ -0,0 +1,20 @@
+import { useListPageStore } from "../context/index.js";
+import { renders } from "../components/DataTable/renders/index.js";
+function useColumns(columns) {
+    const ctx = useListPageStore();
+    return columns.map((column)=>{
+        if (!column.render && column.component) column.render = createColumnRender(column.component, column.props, ctx);
+        return column;
+    });
+}
+function createColumnRender(component, props, ctx) {
+    if ('string' == typeof component) {
+        const render = renders[component];
+        if (render) return (value, record, index)=>render(value, record, index, props);
+    }
+    if ('function' == typeof component) return (value, record, index)=>{
+        const render = component;
+        return render(value, record, index, ctx);
+    };
+}
+export { useColumns };

package/dist/{components/Page → features/ListPage}/hooks/useFloat.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { useListPageStore } from "../context/listpage.js";
+import { useListPageStore } from "../context/index.js";
 function useFloat() {
     const store = useListPageStore();
     const visibleFloat = store.visibleFloat;

package/dist/features/ListPage/hooks/useHeader.d.ts

@@ -0,0 +1,2 @@
+import { ListPageHeaderProps } from '../types';
+export declare function useHeader(props?: ListPageHeaderProps): false | import("react/jsx-runtime").JSX.Element;

package/dist/{components/Page → features/ListPage}/hooks/useHeader.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { HeaderSection, Title } from "../components/ListPage/styles.js";
-import { useListPageStore } from "../context/listpage.js";
+import { useListPageStore } from "../context/index.js";
+import { HeaderSection, Title } from "../styles.js";
 function useHeader(props) {
     const store = useListPageStore();
     if (!props) return false;

package/dist/{components/Page → features/ListPage}/hooks/usePagination.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { Pagination } from "antd";
-import { useListPageStore } from "../context/listpage.js";
-import { PaginationContainer } from "../../DataTable/index.js";
+import { useListPageStore } from "../context/index.js";
+import { PaginationContainer } from "../styles.js";
 function usePagination(props) {
     const store = useListPageStore();
     const ele = false === props ? null : /*#__PURE__*/ jsx(PaginationContainer, {

package/dist/{components/Page → features/ListPage}/hooks/useSelectionTools.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button, Tooltip } from "antd";
-import { useListPageStore } from "../context/listpage.js";
 import styled_components from "styled-components";
+import { useListPageStore } from "../context/index.js";
 function useSelectionTools(rowTitleKey) {
     const store = useListPageStore();
     const { selectedRowKeys, selectedRows } = store.selection;

package/dist/features/ListPage/index.d.ts

@@ -0,0 +1,3 @@
+export { ListPage, type ListPageProps } from './components/ListPageContainer';
+export { ListPageStore as ListPageContext, useListPageStore as useListPageContext, } from './context';
+export * from './types';

package/dist/features/ListPage/index.js

@@ -0,0 +1,4 @@
+import { ListPage } from "./components/ListPageContainer/index.js";
+import { ListPageStore, useListPageStore } from "./context/index.js";
+export * from "./types.js";
+export { ListPage, ListPageStore as ListPageContext, useListPageStore as useListPageContext };

package/dist/{components/Page/components → features}/ListPage/styles.d.ts

@@ -1,6 +1,8 @@
-export declare const ListPageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ListPageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const HeaderSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const FilterSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ToolbarSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const BodySection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PaginationContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/{components/Page/components → features}/ListPage/styles.js

@@ -1,5 +1,5 @@
 import styled_components from "styled-components";
-const ListPageContainer = styled_components.div`
+const ListPageWrapper = styled_components.div`
   width: 100%;
   height: 100%;
   box-sizing: border-box;
@@ -34,4 +34,17 @@ const BodySection = styled_components.div`
   overflow: hidden;
   height: 0;
 `;
-export { BodySection, FilterSection, HeaderSection, ListPageContainer, Title, ToolbarSection };
+const PaginationContainer = styled_components.div`
+  padding: 12px 16px 12px 0;
+  border-top: 1px solid #f0f0f0;
+`;
+const TableContainer = styled_components.div`
+  table {
+    tr:last-child {
+      td {
+        border-bottom: none;
+      }
+    }
+  }
+`;
+export { BodySection, FilterSection, HeaderSection, ListPageWrapper, PaginationContainer, TableContainer, Title, ToolbarSection };

package/dist/features/ListPage/types.d.ts

@@ -0,0 +1,33 @@
+import { JSX, ReactNode } from 'react';
+import { FilterFormOption } from '../../components/FilterGroup';
+import type { ListPageStore } from './context';
+import { BaseQueryParams, PaginationData } from '../../http-client';
+export type StateValue<FilterValue = any> = {
+    filterValues?: FilterValue;
+    pageSize?: number;
+    currentPage?: number;
+};
+export type FloatComponentProps<T extends Record<string, any> = any> = {
+    record?: T;
+    visible: boolean;
+    onClose: () => void;
+};
+export type FloatRender<RecordValue extends Record<string, any> = any> = (props: FloatComponentProps<RecordValue>) => JSX.Element;
+export type ListPageFloatProps<RecordValue extends Record<string, any> = any> = {
+    key: string;
+    render: FloatRender<RecordValue>;
+};
+export type ListPageFilterProps<FilterValue = any> = {
+    labelInline?: boolean;
+    options: FilterFormOption[];
+    onReset?: () => void;
+    onChange?: (value: FilterValue) => void;
+};
+export type ListPageHeaderProps = {
+    title?: ReactNode;
+    extra?: ReactNode | ((ctx: ListPageStore) => ReactNode);
+};
+export type ListPageToolbarProps<FilterValue, RecordValue extends Record<string, any> = any> = {
+    render: (ctx: ListPageStore<FilterValue, RecordValue>) => ReactNode;
+};
+export type ListPageRequest<FilterValue = any, RecordValue extends Record<string, any> = any> = (pageParams: BaseQueryParams, filterValues: FilterValue) => Promise<PaginationData<RecordValue>>;

package/dist/features/ListPage/utils/index.d.ts

@@ -0,0 +1,10 @@
+export declare const getDefaultValue: (STORAGE_KEY?: string) => {
+    currentPage: any;
+    pageSize: any;
+    filterValues: any;
+};
+export declare const setDefaultValue: (STORAGE_KEY: string, value: Partial<{
+    currentPage: number;
+    pageSize: number;
+    filterValues?: any;
+}>) => void;

package/dist/features/ListPage/utils/index.js

@@ -0,0 +1,23 @@
+const getDefaultValue = (STORAGE_KEY)=>{
+    if (!STORAGE_KEY) return {
+        currentPage: 1,
+        pageSize: 10,
+        filterValues: void 0
+    };
+    const storageValue = localStorage.getItem(STORAGE_KEY);
+    const value = JSON.parse(storageValue ?? '{}');
+    return {
+        currentPage: value.currentPage || 1,
+        pageSize: value.pageSize || 10,
+        filterValues: value.filterValues || void 0
+    };
+};
+const setDefaultValue = (STORAGE_KEY, value)=>{
+    if (!STORAGE_KEY) return;
+    const defaultValue = getDefaultValue(STORAGE_KEY);
+    localStorage.setItem(STORAGE_KEY, JSON.stringify({
+        ...defaultValue,
+        ...value
+    }));
+};
+export { getDefaultValue, setDefaultValue };

package/dist/index.d.ts

@@ -1,13 +1,13 @@
 import '@ant-design/v5-patch-for-react-19';
 export * from './components/FilterGroup';
-export * from './components/Page';
 export * from './components/InfiniteList';
 export * from './components/Menu';
 export * from './components/DataTable';
 export * from './components/AsyncSelect';
 export * from './components/AsyncButton';
 export * from './components/TextOverflow';
+export * from './components/PageLayout';
 export * from './features/JsonEditor';
 export * from './features/ChatClient';
+export * from './features/ListPage';
 export * from './http-client';
-export * from './context';

package/dist/index.js

@@ -1,13 +1,13 @@
 import "@ant-design/v5-patch-for-react-19";
 export * from "./components/FilterGroup/index.js";
-export * from "./components/Page/index.js";
 export * from "./components/InfiniteList/index.js";
 export * from "./components/Menu/index.js";
 export * from "./components/DataTable/index.js";
 export * from "./components/AsyncSelect/index.js";
 export * from "./components/AsyncButton/index.js";
 export * from "./components/TextOverflow/index.js";
+export * from "./components/PageLayout/index.js";
 export * from "./features/JsonEditor/index.js";
 export * from "./features/ChatClient/index.js";
+export * from "./features/ListPage/index.js";
 export * from "./http-client/index.js";
-export * from "./context/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "listpage-next",
-  "version": "0.0.170",
+  "version": "0.0.171",
   "description": "A React component library for creating filter forms with Ant Design",
   "type": "module",
   "main": "./dist/index.js",

package/dist/components/Page/components/ListPage/DataTable.d.ts

@@ -1,20 +0,0 @@
-import { TableProps } from 'antd';
-import { ColumnType } from 'antd/es/table';
-import { ListPageStore } from '../../context/listpage';
-import { ColumnRender } from '../../../DataTable/components/Render';
-import { ComponentProps, ComponentType } from '../../../DataTable/typings';
-export interface DataTableProps<RecordValue extends Record<string, any> = any> {
-    title?: React.ReactNode;
-    rowSelectionType?: 'checkbox' | 'radio';
-    rowTitleKey?: string;
-    extra?: React.ReactNode | ((ctx: ListPageStore<any, RecordValue>) => React.ReactNode);
-    columns?: ListPageTableColumn<RecordValue>[];
-    tableProps?: Omit<TableProps<RecordValue>, 'dataSource' | 'title' | 'columns'>;
-}
-export interface ListPageTableColumn<RecordValue extends Record<string, any> = any, FilterValue = any> extends ColumnType<RecordValue> {
-    component?: ComponentType | ColumnRender<RecordValue, ListPageStore<FilterValue, RecordValue>>;
-    props?: ComponentProps;
-}
-export declare const DataTable: ((props: DataTableProps) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};

package/dist/components/Page/components/ListPage/index.d.ts

@@ -1,16 +0,0 @@
-import { JSX } from 'react';
-import { FilterFormProps } from '../../../FilterGroup/components/FilterForm';
-export interface ListPageProps {
-    title?: React.ReactNode;
-    extra?: React.ReactNode;
-    filter?: React.ReactNode;
-    filterProps?: FilterFormProps;
-    toolbar?: React.ReactNode;
-    body?: React.ReactNode;
-    floats?: {
-        key: string;
-        content: JSX.Element;
-    }[];
-    style?: React.CSSProperties;
-}
-export declare const ListPage: (props: ListPageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Page/components/ListPage/index.js

@@ -1,51 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { Card } from "antd";
-import { FilterForm } from "../../../FilterGroup/components/FilterForm/index.js";
-import { FloatProvider } from "../../../../context/index.js";
-import { BodySection, FilterSection, HeaderSection, ListPageContainer, Title, ToolbarSection } from "./styles.js";
-const ListPage = (props)=>{
-    const { title, extra, filterProps, toolbar, body, style, floats } = props;
-    const filter = useMemo(()=>{
-        if (props.filter) return props.filter;
-        if (filterProps) return /*#__PURE__*/ jsx(Card, {
-            children: /*#__PURE__*/ jsx(FilterForm, {
-                ...filterProps
-            })
-        });
-        return null;
-    }, [
-        props.filter,
-        filterProps
-    ]);
-    const page = /*#__PURE__*/ jsxs(ListPageContainer, {
-        style: style,
-        children: [
-            /*#__PURE__*/ jsxs(HeaderSection, {
-                children: [
-                    /*#__PURE__*/ jsx(Title, {
-                        children: title
-                    }),
-                    /*#__PURE__*/ jsx("div", {
-                        children: extra
-                    })
-                ]
-            }),
-            filter && /*#__PURE__*/ jsx(FilterSection, {
-                children: filter
-            }),
-            toolbar && /*#__PURE__*/ jsx(ToolbarSection, {
-                children: toolbar
-            }),
-            /*#__PURE__*/ jsx(BodySection, {
-                children: body
-            })
-        ]
-    });
-    if (!floats) return page;
-    return /*#__PURE__*/ jsx(FloatProvider, {
-        floats: floats,
-        children: page
-    });
-};
-export { ListPage };

package/dist/components/Page/components/ListPage/v2.d.ts

@@ -1,43 +0,0 @@
-import { ReactNode, RefObject } from 'react';
-import { FloatRender, ListPageStore, TableRequest } from '../../context/listpage';
-import { FilterFormOption } from '../../../FilterGroup';
-import { DataTableProps } from './DataTable';
-import { HeaderProps } from '../../hooks/useHeader';
-import { ListPageContext } from '../..';
-export interface ListPageProps<FilterValue = any, RecordValue extends Record<string, any> = any> {
-    pageRef?: RefObject<ListPageContext<FilterValue, RecordValue>>;
-    styles?: {
-        page?: React.CSSProperties;
-    };
-    storageKey?: string;
-    request: TableRequest<FilterValue, RecordValue>;
-    floats?: {
-        key: string;
-        render: FloatRender<RecordValue>;
-    }[];
-    state?: {
-        filterValues?: FilterValue;
-        pageSize?: number;
-        currentPage?: number;
-    };
-    initialValues?: {
-        filterValues?: FilterValue;
-        pageSize?: number;
-        currentPage?: number;
-    };
-    header?: HeaderProps;
-    filter?: {
-        labelInline?: boolean;
-        options: FilterFormOption[];
-        onReset?: () => void;
-        onChange?: (value: FilterValue) => void;
-    };
-    toolbar?: {
-        render: (ctx: ListPageStore<FilterValue, RecordValue>) => ReactNode;
-    };
-    table: DataTableProps<RecordValue>;
-}
-export declare const PureListPage: ((props: ListPageProps) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
-export declare const ListPage: (props: ListPageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Page/components/PageContainer/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { SiderProps } from 'antd';
-export interface PageContainerProps {
-    sider?: React.ReactNode;
-    header?: React.ReactNode;
-    content?: React.ReactNode;
-    logo?: React.ReactNode;
-    siderProps?: SiderProps;
-}
-export declare const PageContainer: ({ logo, sider, header, content, siderProps, }: PageContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Page/components/PageContainer/index.js

@@ -1,82 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-import styled_components from "styled-components";
-import { Layout } from "antd";
-import { useControllableValue } from "ahooks";
-import { PageContextProvider } from "../../context/page.js";
-const { Sider, Content } = Layout;
-const LayoutStyled = styled_components(Layout)`
-  height: 100vh;
-  overflow: hidden;
-`;
-const SiderStyled = styled_components(Sider)`
-  background-color: #fff;
-  border-right: 1px solid #e5e5e5;
-  display: flex;
-  flex-direction: column;
-`;
-const ContentStyled = styled_components(Content)`
-  background-color: #fff;
-  overflow: auto;
-`;
-const SiderContentWrapper = styled_components.div`
-  flex: 1;
-  overflow: auto;
-`;
-const SiderContent = styled_components.div`
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-`;
-const LogoContentWrapper = styled_components.div`
-  flex: 0;
-`;
-const PageContainer = ({ logo, sider, header, content, siderProps })=>{
-    const [collapsed, setCollapsed] = useControllableValue({
-        value: siderProps?.collapsed,
-        defaultValue: false,
-        onChange: (collapsed)=>{
-            siderProps?.onCollapse?.(collapsed, 'clickTrigger');
-        }
-    });
-    return /*#__PURE__*/ jsx(PageContextProvider, {
-        collapsed: collapsed,
-        setCollapsed: setCollapsed,
-        children: /*#__PURE__*/ jsxs(LayoutStyled, {
-            children: [
-                /*#__PURE__*/ jsx(SiderStyled, {
-                    trigger: null,
-                    width: 256,
-                    collapsedWidth: 80,
-                    breakpoint: "lg",
-                    ...siderProps,
-                    collapsible: true,
-                    collapsed: collapsed,
-                    onCollapse: (collapsed)=>{
-                        setCollapsed(collapsed);
-                    },
-                    children: /*#__PURE__*/ jsxs(SiderContent, {
-                        children: [
-                            logo && /*#__PURE__*/ jsx(LogoContentWrapper, {
-                                children: logo
-                            }),
-                            /*#__PURE__*/ jsx(SiderContentWrapper, {
-                                children: sider
-                            })
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ jsxs(Layout, {
-                    hasSider: false,
-                    children: [
-                        header,
-                        /*#__PURE__*/ jsx(ContentStyled, {
-                            children: content
-                        })
-                    ]
-                })
-            ]
-        })
-    });
-};
-export { PageContainer };

package/dist/components/Page/context/listpage.d.ts

@@ -1,80 +0,0 @@
-import { JSX, Key, ReactNode } from 'react';
-import { FloatComponentProps } from '../../../context';
-import { BaseQueryParams, PaginationData } from '../../../http-client/types';
-export type TableRequest<FilterValue = any, RecordValue = any> = (pageParams: BaseQueryParams, filterValues: FilterValue) => Promise<PaginationData<RecordValue>>;
-export type FloatRender<RecordValue extends Record<string, any> = any> = (props: FloatComponentProps<RecordValue>) => JSX.Element;
-export type ListPageStorageOption<FilterValue = any, RecordValue extends Record<string, any> = any> = {
-    storageKey?: string;
-    initialValues?: {
-        filterValues?: FilterValue;
-        pageSize?: number;
-        currentPage?: number;
-    };
-    state?: {
-        currentPage?: number;
-        pageSize?: number;
-        filterValues?: FilterValue;
-    };
-    request: TableRequest<FilterValue, RecordValue>;
-    floats: {
-        key: string;
-        render: FloatRender<RecordValue>;
-    }[];
-};
-export declare class ListPageStore<FilterValue = any, RecordValue extends Record<string, any> = any> {
-    storageKey?: string;
-    filters: FilterValue;
-    tableDataRequest: TableRequest<FilterValue, RecordValue>;
-    floats: {
-        key: string;
-        render: FloatRender<RecordValue>;
-    }[];
-    visibleFloat?: {
-        key: string;
-        record: RecordValue;
-        onCloseCallback?: true | (() => void);
-    };
-    loadingData: boolean;
-    dataSource: RecordValue[];
-    pagination: {
-        current: number;
-        pageSize: number;
-        total: number;
-    };
-    selection: {
-        selectedRowKeys: Key[];
-        selectedRows: RecordValue[];
-    };
-    listeners: Record<string, Function>;
-    constructor(options: ListPageStorageOption<FilterValue, RecordValue>);
-    submitFiltersChange(value?: FilterValue): void;
-    showFloat(key: string, record: any, onCloseCallback?: true | (() => void)): void;
-    hideFloat(): void;
-    updatePage(page: number, pageSize: number): void;
-    fetchTableData(): Promise<void>;
-    onSelectChange: (selectedRowKeys: Key[], selectedRows: RecordValue[]) => void;
-    clearSelection(): void;
-    refreshTable(): void;
-    listen(name: string, callback: (data: any) => void): void;
-    emit(name: string, data: any): void;
-}
-export declare const ListPageProvider: ({ children, initialValues, state, request, storageKey, floats, }: {
-    children: ReactNode;
-    state?: {
-        filterValues?: any;
-        pageSize?: number;
-        currentPage?: number;
-    };
-    initialValues?: {
-        filterValues?: any;
-        pageSize?: number;
-        currentPage?: number;
-    };
-    storageKey?: string;
-    floats?: {
-        key: string;
-        render: FloatRender<any>;
-    }[];
-    request: TableRequest<any, any>;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare function useListPageStore(): ListPageStore<any, any>;