@jswork/antd-components 1.0.185 → 1.0.186

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jswork/antd-components",
-  "version": "1.0.185",
+  "version": "1.0.186",
   "main": "dist/main.cjs.js",
   "module": "dist/main.esm.js",
   "types": "dist/main.d.ts",

package/src/lib/table-status-switcher.tsx

@@ -2,7 +2,7 @@
  * @Author: aric.zheng 1290657123@qq.com
  * @Date: 2025-10-29 14:09:01
  * @LastEditors: aric.zheng 1290657123@qq.com
- * @LastEditTime: 2025-10-29 14:54:35
+ * @LastEditTime: 2025-10-29 15:08:25
  */
 import ReactAntStatusSwitch from '@jswork/react-ant-status-switch';
 import React, { FC } from 'react';
@@ -20,16 +20,16 @@ export type AcTableStatusSwitcherProps = ReactAntStatusSwitchProps & {
   items: any[];
   model: any;
   params?: any;
-  statusKey?: string;
   idKey?: string;
-  statusUpdateApi?: string;
+  updateKey?: string;
+  updateApi?: string;
   onSuccess?: () => void;
 };
 
 const defaultProps = {
   items: [],
   idKey: 'id',
-  statusKey: 'status',
+  updateKey: 'status',
 };
 
 export const AcTableStatusSwitcher: FC<AcTableStatusSwitcherProps> = (props) => {
@@ -37,20 +37,20 @@ export const AcTableStatusSwitcher: FC<AcTableStatusSwitcherProps> = (props) =>
     name,
     items,
     model,
-    statusKey,
+    updateKey,
     idKey,
-    statusUpdateApi,
+    updateApi,
     params,
     onSuccess,
     ...rest
   } = { ...defaultProps, ...props };
-  const _apiPath = statusUpdateApi || `${name}_update`;
+  const _apiPath = updateApi || `${name}_update`;
   const _onSuccess = onSuccess || (() => nx.$event.emit(`${name}:refetch`));
-  const _currentStatus = nx.get(model, statusKey!);
+  const _currentStatus = nx.get(model, updateKey!);
   const handleStatusChange = (e) => {
     const id = nx.get(model, idKey!);
-    const status = e.target.value;
-    const payload = { id, [statusKey!]: status, ...params };
+    const { value } = e.target;
+    const payload = { id, [updateKey!]: value, ...params };
     nx.$event.emit(`${name}:draft`, { ...model, ...payload });
     nx.$api[_apiPath](payload).then(_onSuccess);
   };

package/src/lib/table-toggle-switcher.tsx

@@ -0,0 +1,62 @@
+/**
+ * @Author: aric.zheng 1290657123@qq.com
+ * @Date: 2025-10-29 14:09:01
+ * @LastEditors: aric.zheng 1290657123@qq.com
+ * @LastEditTime: 2025-10-29 15:08:59
+ */
+import React, { FC } from 'react';
+import nx from '@jswork/next';
+import { Switch, SwitchProps } from 'antd';
+
+declare global {
+  interface NxStatic {
+    $api: Record<string, any>;
+  }
+}
+
+export type AcTableToggleSwitcherProps = SwitchProps & {
+  name: string;
+  model: any;
+  updateKey: string;
+  params?: any;
+  idKey?: string;
+  updateApi?: string;
+  onSuccess?: () => void;
+};
+
+const defaultProps = {
+  items: [],
+  idKey: 'id',
+};
+
+export const AcTableToggleSwitcher: FC<AcTableToggleSwitcherProps> = (props) => {
+  const {
+    name,
+    items,
+    model,
+    updateKey,
+    idKey,
+    updateApi,
+    params,
+    onSuccess,
+    ...rest
+  } = { ...defaultProps, ...props };
+  const _apiPath = updateApi || `${name}_update`;
+  const _onSuccess = onSuccess || (() => nx.$event.emit(`${name}:refetch`));
+  const _currentValue = nx.get(model, updateKey);
+  const handleStatusChange = (e) => {
+    const id = nx.get(model, idKey!);
+    const { value } = e.target;
+    const payload = { id, [updateKey]: value, ...params };
+    nx.$event.emit(`${name}:draft`, { ...model, ...payload });
+    nx.$api[_apiPath](payload).then(_onSuccess);
+  };
+
+  return (
+    <Switch
+      defaultChecked={_currentValue}
+      onChange={handleStatusChange}
+      {...rest}
+    />
+  );
+};

package/src/main.ts

@@ -84,6 +84,8 @@ import { AcTableExtraSearch } from './lib/table-extra-search';
 import type { AcTableExtraSearchProps } from './lib/table-extra-search';
 import { AcTableStatusSwitcher } from './lib/table-status-switcher';
 import type { AcTableStatusSwitcherProps } from './lib/table-status-switcher';
+import { AcTableToggleSwitcher } from './lib/table-toggle-switcher';
+import type { AcTableToggleSwitcherProps } from './lib/table-toggle-switcher';
 
 export * from './lib/button';
 
@@ -177,6 +179,7 @@ export {
   FormActions,
   AcTableExtraSearch,
   AcTableStatusSwitcher,
+  AcTableToggleSwitcher,
 
   // ---- commands ----
   useTableCommand,
@@ -217,6 +220,7 @@ export {
   FormActionsProps,
   AcTableExtraSearchProps,
   AcTableStatusSwitcherProps,
+  AcTableToggleSwitcherProps,
 
   // ---- widgets ----
   initWidgets,