@jswork/antd-components 1.0.142 → 1.0.143

package/package.json

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

package/src/lib/form-actions.tsx

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

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,