listpage-next 0.0.153 → 0.0.155

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

@@ -1,4 +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

@@ -19,9 +19,10 @@ const AsyncSwitch = (props)=>{
             setLoading(true);
             try {
                 await props.syncChange?.(checked);
+            } catch  {
+                onChange(!checked);
             } finally{
                 setLoading(false);
-                onChange(!checked);
             }
         }
     });

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

@@ -1,5 +1,5 @@
 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' | 'switch';
@@ -14,7 +14,9 @@ export type LinkComponentProps = {
     hrefPropName?: string | ((record: any) => string);
     target?: HTMLAttributeAnchorTarget;
 };
-export type SwitchComponentProps = {};
+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

@@ -8,19 +8,19 @@ 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, column.props);
+            return switchRender(value, record, column.props);
         };
         return function(value, record, index) {
             return /*#__PURE__*/ jsx(Render, {
@@ -34,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
@@ -43,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", {
@@ -55,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];
@@ -80,10 +80,13 @@ function linkRender(record, props) {
         }
     });
 }
-function switchRender(value, props) {
+function switchRender(value, record, props) {
     return /*#__PURE__*/ jsx(AsyncSwitch, {
         defaultValue: value,
-        ...props
+        ...props,
+        syncChange: async (checked)=>{
+            await props?.syncChange?.(checked, record);
+        }
     });
 }
 const LinkStyle = styled.a`

package/package.json

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