listpage-next 0.0.52 → 0.0.53

package/dist/components/DataTable/components/DataTable.js

@@ -19,15 +19,19 @@ const TableContainer = styled_components.div`
 `;
 const DataTableComponent = (props)=>{
     const { title, extra, dataSource, request, refreshDeps, ...restProps } = props;
-    const { data, loading, pagination, onPaginationChange } = useData({
+    const { data, loading, pagination, onPaginationChange, refresh } = useData({
         dataSource,
         request,
         refreshDeps,
         pagination: restProps.pagination
     });
     const floatCtx = useFloatContext();
+    const actions = {
+        refresh
+    };
     const columns = useColumns(props, {
-        ...floatCtx
+        ...floatCtx,
+        ...actions
     });
     return /*#__PURE__*/ jsxs(Card, {
         title: title,

package/dist/components/DataTable/context/index.js

@@ -10,27 +10,34 @@ const FloatProvider = (props)=>{
     const { floats = [], children } = props;
     const floatsMapRef = useRef({});
     const [eles, setEles] = useState([]);
+    const hideFloat = useCallback((key)=>{
+        if (!floatsMapRef.current[key]) return;
+        setEles(eles.filter((i)=>i !== floatsMapRef.current[key]));
+        delete floatsMapRef.current[key];
+    }, [
+        eles
+    ]);
     const showFloat = useCallback((key, record)=>{
         if (!floatsMapRef.current[key]) {
             const content = floats.find((i)=>i.key === key)?.content;
             if (!content) return;
-            floatsMapRef.current[key] = /*#__PURE__*/ cloneElement(content, {
-                record
+            const onClose = ()=>{
+                hideFloat(key);
+            };
+            const newContent = /*#__PURE__*/ cloneElement(content, {
+                record,
+                onClose,
+                visible: true
             });
+            floatsMapRef.current[key] = newContent;
             setEles([
                 ...eles,
-                content
+                newContent
             ]);
         }
     }, [
-        eles
-    ]);
-    const hideFloat = useCallback((key)=>{
-        if (!floatsMapRef.current[key]) return;
-        setEles(eles.filter((i)=>i !== floatsMapRef.current[key]));
-        delete floatsMapRef.current[key];
-    }, [
-        eles
+        eles,
+        hideFloat
     ]);
     return /*#__PURE__*/ jsx(FloatContext.Provider, {
         value: {

package/dist/components/DataTable/hooks/useData.d.ts

@@ -4,10 +4,12 @@ export declare function useData<T = any>(props: DataTableProps<T>): {
     data: T[];
     loading: boolean;
     pagination: BaseQueryParams;
+    refresh: () => void;
     onPaginationChange: (page: number, pageSize: number) => void;
 } | {
     data: T[] | undefined;
     loading: boolean;
+    refresh: () => void;
     pagination: {
         current?: number;
         pageSize?: number;

package/dist/components/DataTable/hooks/useData.js

@@ -7,7 +7,7 @@ function useData(props) {
         current: pagination.current || pagination.defaultCurrent || 1,
         pageSize: pagination.pageSize || pagination.defaultPageSize || 10
     });
-    const { loading, data: response } = useRequest(async ()=>{
+    const { loading, data: response, refresh } = useRequest(async ()=>{
         const response = await request?.(params);
         return response;
     }, {
@@ -38,12 +38,14 @@ function useData(props) {
         data: dataSource,
         loading: false,
         pagination: params,
+        refresh,
         onPaginationChange: onChange
     };
     const { list, total } = response || {};
     return {
         data: list,
         loading,
+        refresh,
         pagination: {
             total,
             ...params

package/dist/components/DataTable/typings/index.d.ts

@@ -29,4 +29,5 @@ export interface DataTableColumns<Record = any> extends ColumnType<Record> {
 export interface DataTableContext {
     showFloat: (key: string, record: any) => void;
     hideFloat: (key: string) => void;
+    refresh: () => void;
 }

package/package.json

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