@jswork/antd-components 1.0.142 → 1.0.144

package/package.json

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

package/src/lib/form-actions.tsx

@@ -0,0 +1,78 @@
+/**
+ * @Author: aric 1290657123@qq.com
+ * @Date: 2025-10-25 18:48:19
+ * @LastEditors: aric 1290657123@qq.com
+ * @LastEditTime: 2025-10-25 21:51:46
+ */
+import React, { RefObject } from 'react';
+import { Button, ButtonProps, Space, SpaceProps } from 'antd';
+
+export type FormActionsProps = SpaceProps & {
+  lang?: string;
+  actions?: string[];
+  okText?: string;
+  cancelText?: string;
+  onOk?: (e: React.MouseEvent<HTMLElement>) => void;
+  onCancel?: (e: React.MouseEvent<HTMLElement>) => void;
+  okProps?: ButtonProps;
+  cancelProps?: ButtonProps;
+  buttonProps?: ButtonProps;
+}
+
+const defaultProps: FormActionsProps = {
+  lang: 'zh-CN',
+  actions: ['ok', 'cancel'],
+};
+
+const locales = {
+  'zh-CN': {
+    ok: '确认',
+    cancel: '取消',
+  },
+  'en-US': {
+    ok: 'OK',
+    cancel: 'Cancel',
+  },
+};
+
+export const FormActions = React.forwardRef((props: FormActionsProps, ref: RefObject<HTMLDivElement>) => {
+  const {
+    lang,
+    actions,
+    okText,
+    cancelText,
+    onOk,
+    onCancel,
+    okProps,
+    cancelProps,
+    buttonProps,
+    ...rest
+  } = { ...defaultProps, ...props };
+
+  const t = (key: string) => locales[lang!][key];
+  const items = {
+    ok: <Button
+      key="ok"
+      htmlType="submit"
+      type="primary"
+      onClick={onOk}
+      children={okText || t('ok')}
+      {...buttonProps}
+      {...okProps}
+    />,
+    cancel: <Button
+      key="cancel"
+      htmlType="reset"
+      onClick={onCancel}
+      children={cancelText || t('cancel')}
+      {...buttonProps}
+      {...cancelProps}
+    />,
+  };
+
+  return (
+    <Space {...rest} ref={ref}>
+      {actions!.map(key => items[key])}
+    </Space>
+  );
+});

package/src/lib/switch.tsx

@@ -17,11 +17,11 @@ export class AcSwitch extends React.Component<AcSwitchProps> {
   static displayName = CLASS_NAME;
   static formSchema = CLASS_NAME;
   static defaultProps = {
-    onChange: noop
+    onChange: noop,
   };
 
   state = {
-    value: Boolean(this.props.value)
+    value: Boolean(this.props.value),
   };
 
   shouldComponentUpdate(nextProps: Readonly<AcSwitchProps>): boolean {
@@ -51,7 +51,7 @@ export class AcSwitch extends React.Component<AcSwitchProps> {
   }
 }
 
-export const AcSwitchFc = (props: AcSwitchProps) => {
-  return <AcSwitch {...props} />;
-};
+export const AcSwitchFc = React.forwardRef<AcSwitch, AcSwitchProps>((props, ref) => {
+  return <AcSwitch {...props} ref={ref} />;
+});
 

package/src/lib/table.tsx

@@ -2,7 +2,11 @@
  * @Author: aric 1290657123@qq.com
  * @Date: 2025-10-03 07:11:26
  * @LastEditors: aric 1290657123@qq.com
- * @LastEditTime: 2025-10-25 09:01:26
+ * @LastEditTime: 2025-10-25 20:06:56
+ *
+ *
+ * 路由风格: /{module}/{name} eg: /admin/staff-roles
+ * API资源风格: {module}_{name}_index eg: admin_staff-roles_index
  */
 import type { EventMittNamespace } from '@jswork/event-mitt';
 import { ReactHarmonyEvents } from '@jswork/harmony-events';
@@ -97,7 +101,6 @@ export class AcTable extends React.Component<AcTableProps, AcTableState> {
   private harmonyEvents: ReactHarmonyEvents | null = null;
   static event: EventMittNamespace.EventMitt;
   static events = ['refetch', 'reset', 'add', 'edit', 'destroy'];
-
   static defaultProps = {
     name: '@',
     module: 'admin',

package/src/main.ts

@@ -78,6 +78,8 @@ import type { AcTableLinksProps } from './lib/table-links';
 import { AcTableExtras } from './lib/table-extras';
 import type { AcTableExtrasProps } from './lib/table-extras';
 import { initWidgets } from './lib/init-widgets';
+import { FormActions } from './lib/form-actions';
+import type { FormActionsProps } from './lib/form-actions';
 
 export * from './lib/button';
 
@@ -168,6 +170,7 @@ export {
   AcUploadPictureFc,
   AcUploadPictureCardFc,
   AcUploadFc,
+  FormActions,
 
   // ---- commands ----
   useTableCommand,
@@ -205,6 +208,7 @@ export {
   AcTreeSelectProps,
   AcUploadDraggerProps,
   AcUploadProps,
+  FormActionsProps,
 
   // ---- widgets ----
   initWidgets,