@jswork/antd-components 1.0.178 → 1.0.180

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jswork/antd-components",
-  "version": "1.0.178",
+  "version": "1.0.180",
   "main": "dist/main.cjs.js",
   "module": "dist/main.esm.js",
   "types": "dist/main.d.ts",
@@ -20,12 +20,14 @@
     "@ant-design/icons": "*",
     "@ebay/nice-form-react": "*",
     "antd": "*",
-    "react-router-dom": "*"
+    "react-router-dom": "*",
+    "@jswork/react-ant-status-switch": "*"
   },
   "devDependencies": {
     "@ant-design/icons": "^6.1.0",
     "@ebay/nice-form-react": "^2.0.3",
     "@jswork/harmony-events": "^1.2.11",
+    "@jswork/react-ant-status-switch": "^1.0.3",
     "@jswork/next": "^1.4.2",
     "@swc/core": "^1.3.93",
     "@types/react": "^18.2.28",

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

@@ -0,0 +1,54 @@
+/**
+ * @Author: aric.zheng 1290657123@qq.com
+ * @Date: 2025-10-29 14:09:01
+ * @LastEditors: aric.zheng 1290657123@qq.com
+ * @LastEditTime: 2025-10-29 14:29:05
+ */
+import ReactAntStatusSwitch from '@jswork/react-ant-status-switch';
+import React, { FC } from 'react';
+import { ReactAntStatusSwitchProps } from '@jswork/react-ant-status-switch/dist/components';
+import nx from '@jswork/next';
+
+declare global {
+  interface NxStatic {
+    $api: Record<string, any>;
+  }
+}
+
+export type AcTableStatusSwitcherProps = ReactAntStatusSwitchProps & {
+  name: string;
+  items: any[];
+  model: any;
+  statusKey?: string;
+  rowKey?: string;
+  statusUpdateApi?: string;
+};
+
+const defaultProps = {
+  items: [],
+  rowKey: 'id',
+  status: 'status',
+};
+
+export const AcTableStatusSwitcher: FC<AcTableStatusSwitcherProps> = (props) => {
+  const { name, items, model, statusKey, rowKey, statusUpdateApi, ...rest } = { ...defaultProps, ...props };
+  const _apiPath = statusUpdateApi || `${name}_update`;
+  const handleStatusChange = (e) => {
+    const id = model.get(rowKey!);
+    const status = e.target.value;
+    const payload = { id, [statusKey!]: status };
+    nx.$event.emit(`${name}:draft`, { ...model, status });
+    nx.$api[_apiPath](payload).then(() => {
+      nx.$event.emit(`${name}:refresh`);
+    });
+  };
+
+  return (
+    <ReactAntStatusSwitch
+      items={items}
+      value={nx.get(model, statusKey!)}
+      onChange={handleStatusChange}
+      {...rest}
+    />
+  );
+};

package/src/main.ts

@@ -82,6 +82,8 @@ import { FormActions } from './lib/form-actions';
 import type { FormActionsProps } from './lib/form-actions';
 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';
 
 export * from './lib/button';
 
@@ -174,6 +176,7 @@ export {
   AcUploadFc,
   FormActions,
   AcTableExtraSearch,
+  AcTableStatusSwitcher,
 
   // ---- commands ----
   useTableCommand,
@@ -213,6 +216,7 @@ export {
   AcUploadProps,
   FormActionsProps,
   AcTableExtraSearchProps,
+  AcTableStatusSwitcherProps,
 
   // ---- widgets ----
   initWidgets,