listpage-next 0.0.122 → 0.0.124

package/dist/components/AsyncButton/index.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from 'antd';
+export declare const AsyncButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AsyncButton/index.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { Button } from "antd";
+import { useState } from "react";
+const AsyncButton = (props)=>{
+    const { onClick, ...rest } = props;
+    const [loading, setLoading] = useState(false);
+    return /*#__PURE__*/ jsx(Button, {
+        ...rest,
+        loading: loading,
+        onClick: async (e)=>{
+            try {
+                setLoading(true);
+                await onClick?.(e);
+            } catch (error) {
+                throw error;
+            } finally{
+                setLoading(false);
+            }
+        }
+    });
+};
+export { AsyncButton };

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

@@ -4,6 +4,9 @@ import { FilterFormOption } from '../../../FilterGroup';
 import { DataTableProps } from './DataTable';
 import { HeaderProps } from '../../hooks/useHeader';
 export interface ListPageProps<FilterValue = any, RecordValue extends Record<string, any> = any> {
+    styles?: {
+        page?: React.CSSProperties;
+    };
     storageKey?: string;
     request: TableRequest<FilterValue, RecordValue>;
     floats?: {

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

@@ -9,7 +9,7 @@ import { useFloat } from "../../hooks/useFloat.js";
 import { DataTable } from "./DataTable.js";
 import { useHeader } from "../../hooks/useHeader.js";
 const PureListPage = observer((props)=>{
-    const { header, filter, toolbar, table } = props;
+    const { header, filter, toolbar, table, styles } = props;
     const store = useListPageStore();
     const floatEle = useFloat();
     const headerEle = useHeader(header);
@@ -22,6 +22,7 @@ const PureListPage = observer((props)=>{
         store.filters
     ]);
     return /*#__PURE__*/ jsxs(ListPageContainer, {
+        style: styles?.page,
         children: [
             headerEle,
             filter && /*#__PURE__*/ jsx(FilterSection, {

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

@@ -43,6 +43,7 @@ export declare class ListPageStore<FilterValue = any, RecordValue extends Record
     updatePage(page: number, pageSize: number): void;
     fetchTableData(): Promise<void>;
     onSelectChange: (selectedRowKeys: Key[], selectedRows: RecordValue[]) => void;
+    clearSelection(): void;
     refreshTable(): void;
 }
 export declare const ListPageProvider: ({ children, initialValues, request, storageKey, floats, }: {

package/dist/components/Page/context/listpage.js

@@ -77,6 +77,10 @@ class ListPageStore {
         this.selection.selectedRowKeys = selectedRowKeys;
         this.selection.selectedRows = selectedRows;
     };
+    clearSelection() {
+        this.selection.selectedRowKeys = [];
+        this.selection.selectedRows = [];
+    }
     refreshTable() {
         this.fetchTableData();
     }

package/dist/components/Page/hooks/useSelectionTools.js

@@ -29,7 +29,7 @@ function useSelectionTools(rowTitleKey) {
                 type: "link",
                 size: "small",
                 onClick: ()=>{
-                    store.onSelectChange([], []);
+                    store.clearSelection();
                 },
                 children: "取消全选"
             })

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

@@ -5,3 +5,4 @@ export { usePageContext } from './context/page';
 export { ListPage as ListPagePro, type ListPageProps as ListPageProProps, } from './components/ListPage/v2';
 export { type ListPageTableColumn } from './components/ListPage/DataTable';
 export { type TableRequest } from './context/listpage';
+export { ListPageStore as ListPageContext } from './context/listpage';

package/dist/components/Page/index.js

@@ -3,4 +3,5 @@ import { ListPage } from "./components/ListPage/index.js";
 import { PageLoading } from "./components/Loading/index.js";
 import { usePageContext } from "./context/page.js";
 import { ListPage as v2_js_ListPage } from "./components/ListPage/v2.js";
-export { ListPage, v2_js_ListPage as ListPagePro, PageContainer, PageLoading, usePageContext };
+import { ListPageStore } from "./context/listpage.js";
+export { ListPage, ListPageStore as ListPageContext, v2_js_ListPage as ListPagePro, PageContainer, PageLoading, usePageContext };

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export * from './components/InfiniteList';
 export * from './components/Menu';
 export * from './components/DataTable';
 export * from './components/AsyncSelect';
+export * from './components/AsyncButton';
 export * from './features/JsonEditor';
 export * from './features/ChatClient';
 export * from './http-client';

package/dist/index.js

@@ -5,6 +5,7 @@ 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 "./features/JsonEditor/index.js";
 export * from "./features/ChatClient/index.js";
 export * from "./http-client/index.js";

package/package.json

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