listpage-next 0.0.152 → 0.0.154

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

@@ -0,0 +1,7 @@
+import { SwitchProps } from 'antd';
+export interface AsyncSwitchProps extends SwitchProps {
+    syncChange?: (value: boolean) => Promise<void>;
+}
+export declare const AsyncSwitch: (props: SwitchProps & {
+    syncChange?: (value: boolean) => Promise<void>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AsyncSwitch/index.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { useControllableValue } from "ahooks";
+import { Switch } from "antd";
+import { useState } from "react";
+const AsyncSwitch = (props)=>{
+    const { syncChange, ...restProps } = props;
+    const [value, onChange] = useControllableValue(props, {
+        trigger: 'onChange',
+        valuePropName: 'value',
+        defaultValue: props.defaultValue
+    });
+    const [loading, setLoading] = useState(false);
+    return /*#__PURE__*/ jsx(Switch, {
+        ...restProps,
+        loading: loading,
+        value: value,
+        onChange: async (checked)=>{
+            onChange(checked);
+            setLoading(true);
+            try {
+                await props.syncChange?.(checked);
+            } finally{
+                setLoading(false);
+                onChange(!checked);
+            }
+        }
+    });
+};
+export { AsyncSwitch };

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

@@ -1,9 +1,9 @@
 import { HTMLAttributeAnchorTarget } from 'react';
-import { TagProps, TypographyProps } from 'antd';
+import { SwitchProps, TagProps, TypographyProps } from 'antd';
 import { ColumnType } from 'antd/es/table';
 import { ColumnRender } from '../components/Render';
-export type ComponentType = 'text' | 'time' | 'tag' | 'link';
-export type ComponentProps = ComponentType extends 'text' ? TextComponentProps : ComponentType extends 'time' ? TimeComponentProps : ComponentType extends 'tag' ? TagComponentProps : ComponentType extends 'link' ? LinkComponentProps : unknown;
+export type ComponentType = 'text' | 'time' | 'tag' | 'link' | 'switch';
+export type ComponentProps = ComponentType extends 'text' ? TextComponentProps : ComponentType extends 'time' ? TimeComponentProps : ComponentType extends 'tag' ? TagComponentProps : ComponentType extends 'link' ? LinkComponentProps : ComponentType extends 'switch' ? SwitchComponentProps : unknown;
 export type TextComponentProps = TypographyProps['Text'];
 export type TimeComponentProps = {
     format?: string;
@@ -14,6 +14,9 @@ export type LinkComponentProps = {
     hrefPropName?: string | ((record: any) => string);
     target?: HTMLAttributeAnchorTarget;
 };
+export type SwitchComponentProps = SwitchProps & {
+    syncChange?: (value: boolean, record: any) => Promise<void>;
+};
 export interface ColumnRenderProps<Record, Context> {
     component?: ComponentType | ColumnRender<Record, Context>;
     props?: ComponentProps;

package/dist/components/DataTable/utils/render.js

@@ -4,19 +4,23 @@ import { styled } from "styled-components";
 import dayjs from "dayjs";
 import { Render } from "../components/Render.js";
 import { TextOverflow } from "../../TextOverflow/index.js";
+import { AsyncSwitch } from "../../AsyncSwitch/index.js";
 function createColumnRender(ctx, column) {
     if (column.component) {
         if ('text' === column.component) return function(value, record, index) {
-            return textRender(value, column.props);
+            return textRender(value, record, column.props);
         };
         if ('time' === column.component) return function(value, record, index) {
-            return timeRender(value, column.props);
+            return timeRender(value, record, column.props);
         };
         if ('tag' === column.component) return function(value, record, index) {
-            return tagRender(value, column.props);
+            return tagRender(value, record, column.props);
         };
         if ('link' === column.component) return function(value, record, index) {
-            return linkRender(record, column.props);
+            return linkRender(value, record, column.props);
+        };
+        if ('switch' === column.component) return function(value, record, index) {
+            return switchRender(value, record, column.props);
         };
         return function(value, record, index) {
             return /*#__PURE__*/ jsx(Render, {
@@ -30,7 +34,7 @@ function createColumnRender(ctx, column) {
     }
     return column.render;
 }
-function textRender(value, props) {
+function textRender(value, record, props) {
     return /*#__PURE__*/ jsx(Typography.Text, {
         ellipsis: {
             tooltip: true
@@ -39,7 +43,7 @@ function textRender(value, props) {
         children: value
     });
 }
-function timeRender(value, props) {
+function timeRender(value, record, props) {
     try {
         const time = value ? dayjs(value).format(props?.format) : '-';
         return /*#__PURE__*/ jsx("span", {
@@ -51,13 +55,13 @@ function timeRender(value, props) {
         });
     }
 }
-function tagRender(value, props) {
+function tagRender(value, record, props) {
     return /*#__PURE__*/ jsx(Tag, {
         ...props,
         children: value
     });
 }
-function linkRender(record, props) {
+function linkRender(value, record, props) {
     const getPropName = (propName)=>{
         if ('function' == typeof propName) return propName(record);
         return record[propName];
@@ -76,6 +80,15 @@ function linkRender(record, props) {
         }
     });
 }
+function switchRender(value, record, props) {
+    return /*#__PURE__*/ jsx(AsyncSwitch, {
+        defaultValue: value,
+        ...props,
+        syncChange: async (checked)=>{
+            await props?.syncChange?.(checked, record);
+        }
+    });
+}
 const LinkStyle = styled.a`
   color: #1677ff;
   &:hover {

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

@@ -32,7 +32,7 @@ export declare class ListPageStore<FilterValue = any, RecordValue extends Record
     visibleFloat?: {
         key: string;
         record: RecordValue;
-        onCloseCallback?: () => void;
+        onCloseCallback?: true | (() => void);
     };
     loadingData: boolean;
     dataSource: RecordValue[];
@@ -48,7 +48,7 @@ export declare class ListPageStore<FilterValue = any, RecordValue extends Record
     listeners: Record<string, Function>;
     constructor(options: ListPageStorageOption<FilterValue, RecordValue>);
     submitFiltersChange(value?: FilterValue): void;
-    showFloat(key: string, record: any, onCloseCallback?: () => void): void;
+    showFloat(key: string, record: any, onCloseCallback?: true | (() => void)): void;
     hideFloat(): void;
     updatePage(page: number, pageSize: number): void;
     fetchTableData(): Promise<void>;

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

@@ -10,7 +10,8 @@ function useFloat() {
             record: visibleFloat?.record,
             onClose: ()=>{
                 store.hideFloat();
-                visibleFloat?.onCloseCallback?.();
+                if (visibleFloat?.onCloseCallback === true) store.refreshTable();
+                else visibleFloat?.onCloseCallback?.();
             },
             visible: true
         };

package/package.json

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