@jswork/react-ant-resource-form 1.0.10 → 1.0.11

package/dist/main.cjs.js

@@ -1,2 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var K=Object.defineProperty;var A=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var B=(a,t,e)=>t in a?K(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e,s=(a,t)=>{for(var e in t||(t={}))M.call(t,e)&&B(a,e,t[e]);if(A)for(var e of A(t))P.call(t,e)&&B(a,e,t[e]);return a};var r=(a,t)=>K(a,"name",{value:t,configurable:!0});var C=(a,t)=>{var e={};for(var o in a)M.call(a,o)&&t.indexOf(o)<0&&(e[o]=a[o]);if(a!=null&&A)for(var o of A(a))t.indexOf(o)<0&&P.call(a,o)&&(e[o]=a[o]);return e};var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _antd = require('antd');var _reactantformschema = require('@jswork/react-ant-form-schema'); var _reactantformschema2 = _interopRequireDefault(_reactantformschema);var _icons = require('@ant-design/icons');var T={"zh-CN":{create:"\u521B\u5EFA",update:"\u4FDD\u5B58",create_title:"\u521B\u5EFA",update_title:"\u66F4\u65B0",create_success:"\u521B\u5EFA\u6210\u529F",update_success:"\u66F4\u65B0\u6210\u529F"},"en-US":{create:"Create",update:"Save",create_title:"Create",update_title:"Update",create_success:"Create success",update_success:"Update success"}},I={"zh-CN":{submit:"\u63D0\u4EA4",back:"\u8FD4\u56DE"},"en-US":{submit:"Submit",back:"Back"}};var H="react-ant-resource-form",Q={lang:"zh-CN"},W=r(a=>{let k=s(s({},Q),a),{className:t,meta:e,children:o,lang:f,title:_,loading:R,extra:g,size:x,okText:F,backText:E,okProps:S,backProps:m,classNames:d}=k,L=C(k,["className","meta","children","lang","title","loading","extra","size","okText","backText","okProps","backProps","classNames"]),l=r(O=>I[f][O],"t"),p=r(()=>history.back(),"handleBack"),h=g||_react2.default.createElement(_antd.Button,s({size:"small",icon:_react2.default.createElement(_icons.ArrowLeftOutlined,null),onClick:p},m),E||l("back")),v=o||_react2.default.createElement(_antd.Space,null,_react2.default.createElement(_antd.Button,s({htmlType:"submit",type:"primary",icon:_react2.default.createElement(_icons.SaveOutlined,null)},S),F||l("submit")),_react2.default.createElement(_antd.Button,s({icon:_react2.default.createElement(_icons.ArrowLeftOutlined,null),onClick:p},m),E||l("back")));return _react2.default.createElement(_antd.Card,{title:_,size:x,loading:R,classNames:d,"data-component":H,className:_classnames2.default.call(void 0, H,t),extra:h},_react2.default.createElement(_reactantformschema2.default,s({meta:e},L),v))},"ReactAntResourceForm"),$= exports.ReactAntResourceForm =W;var _next = require('@jswork/next'); var _next2 = _interopRequireDefault(_next);var w=r(a=>{let t=_react.useCallback.call(void 0, e=>{(e.ctrlKey||e.metaKey)&&e.code==="KeyS"&&(e.preventDefault(),a(e))},[a]);_react.useEffect.call(void 0, ()=>(document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}),[t])},"useKeyboardSave");var oe={lang:"zh-CN",disableHotkeySave:!1},se=r(a=>{let z=s(s({},oe),a),{name:t,params:e,lang:o,transformRequest:f,transformResponse:_,disableHotkeySave:R}=z,g=C(z,["name","params","lang","transformRequest","transformResponse","disableHotkeySave"]),x=`${t}_update`,F=`${t}_create`,E=`${t}_show`,[S]=_antd.Form.useForm(),m=!!(e!=null&&e.id),d=r(c=>T[o][c],"t"),[L,l]=_react.useState.call(void 0, !1),p=r(c=>(l(!0),(f==null?void 0:f(c))||c.payload),"handleStateRequest"),h=r(c=>{var n,u;return l(!1),(u=(n=_next2.default.$event)==null?void 0:n.emit)==null||u.call(n,`${t}:refetch`),(_==null?void 0:_(c))||c.data},"handleStateResponse"),v=r(c=>{if(m){let n=s({id:e.id},c),u=p({stage:"update",payload:n});_next2.default.$api[x](u).then(y=>{_antd.message.success(d("update_success")),h({stage:"update",data:y})}).finally(()=>l(!1))}else{let n=s({},c),u=p({stage:"create",payload:n});_next2.default.$api[F](u).then(y=>{_antd.message.success(d("create_success")),h({stage:"create",data:y})}).finally(()=>l(!1))}},"handleFinish");w(()=>{R||S.submit()}),_react.useEffect.call(void 0, ()=>{if(m){let c={id:e.id},n=p({stage:"show",payload:c});_next2.default.$api[E](n).then(u=>{let y=h({stage:"show",data:u});S.setFieldsValue(y)}).finally(()=>l(!1))}},[m,e==null?void 0:e.id]);let k=d(m?"update":"create"),O=d(m?"update_title":"create_title");return _react2.default.createElement($,s({loading:L,form:S,onFinish:v,okText:k,title:O},g))},"ReactAntResourceFormApi"),ce= exports.ReactAntResourceFormApi =se;exports.ReactAntResourceForm = $; exports.ReactAntResourceFormApi = ce; exports.useKeyboardSave = w;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var b=Object.defineProperty;var f=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var R=(i,a,e)=>a in i?b(i,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[a]=e,l=(i,a)=>{for(var e in a||(a={}))g.call(a,e)&&R(i,e,a[e]);if(f)for(var e of f(a))E.call(a,e)&&R(i,e,a[e]);return i};var m=(i,a)=>b(i,"name",{value:a,configurable:!0});var w=(i,a)=>{var e={};for(var t in i)g.call(i,t)&&a.indexOf(t)<0&&(e[t]=i[t]);if(i!=null&&f)for(var t of f(i))a.indexOf(t)<0&&E.call(i,t)&&(e[t]=i[t]);return e};var h=(i,a,e)=>R(i,typeof a!="symbol"?a+"":a,e);var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _antd = require('antd');var _reactantformschema = require('@jswork/react-ant-form-schema'); var _reactantformschema2 = _interopRequireDefault(_reactantformschema);var _icons = require('@ant-design/icons');var x={"zh-CN":{create:"\u521B\u5EFA",update:"\u4FDD\u5B58",create_title:"\u521B\u5EFA",update_title:"\u66F4\u65B0",create_success:"\u521B\u5EFA\u6210\u529F",update_success:"\u66F4\u65B0\u6210\u529F",submit:"\u63D0\u4EA4",back:"\u8FD4\u56DE"},"en-US":{create:"Create",update:"Save",create_title:"Create",update_title:"Update",create_success:"Create success",update_success:"Update success",submit:"Submit",back:"Back"}};var _next = require('@jswork/next'); var _next2 = _interopRequireDefault(_next);var I="react-ant-resource-form",p,B=(p=class extends _react.Component{constructor(e){super(e);h(this,"formRef",_react2.default.createRef());h(this,"_isMounted",!1);h(this,"handleBack",m(()=>{history.back()},"handleBack"));h(this,"handleFinish",m(e=>{let{params:t,name:s}=this.props,n=`${s}_update`,r=`${s}_create`;if(this.isEdit){let o=l({id:t.id},e),u=this.handleStateRequest({stage:"update",payload:o});_next2.default.$api[n](u).then(d=>{_antd.message.success(this.t("update_success")),this.handleStateResponse({stage:"update",data:d})}).finally(()=>this.setState({loading:!1}))}else{let o=l({},e),u=this.handleStateRequest({stage:"create",payload:o});_next2.default.$api[r](u).then(d=>{_antd.message.success(this.t("create_success")),this.handleStateResponse({stage:"create",data:d})}).finally(()=>this.setState({loading:!1}))}},"handleFinish"));h(this,"handleKeydown",m(e=>{var s;if((e.ctrlKey||e.metaKey)&&(e.key==="s"||e.key==="S")&&(e.preventDefault(),!this.props.disableHotkeySave))try{(s=this.formInstance)==null||s.submit()}catch(n){}},"handleKeydown"));this.state={loading:!1},this.handleStateRequest=this.handleStateRequest.bind(this),this.handleStateResponse=this.handleStateResponse.bind(this),this.initDetailIfNeeded=this.initDetailIfNeeded.bind(this)}get isEdit(){let{params:e}=this.props;return!!(e!=null&&e.id)}get titleView(){let{title:e}=this.props;return e||(this.isEdit?this.t("update_title"):this.t("create_title"))}get extraView(){let{extra:e,backText:t,backProps:s}=this.props;return e||_react2.default.createElement(_antd.Button,l({size:"small",icon:_react2.default.createElement(_icons.ArrowLeftOutlined,null),onClick:this.handleBack},s),t||this.t("back"))}get childrenView(){let{okText:e,backText:t,okProps:s,backProps:n,children:r}=this.props,o=e||(this.isEdit?this.t("update"):this.t("create"));return r||_react2.default.createElement(_antd.Space,null,_react2.default.createElement(_antd.Button,l({htmlType:"submit",type:"primary",icon:_react2.default.createElement(_icons.SaveOutlined,null)},s),o||this.t("submit")),_react2.default.createElement(_antd.Button,l({icon:_react2.default.createElement(_icons.ArrowLeftOutlined,null),onClick:this.handleBack},n),t||this.t("back")))}get formInstance(){var e;return(e=this.formRef)==null?void 0:e.current}t(e){let{lang:t}=this.props;return x[t][e]}handleStateRequest(e){var t,s;return this.setState({loading:!0}),((s=(t=this.props).transformRequest)==null?void 0:s.call(t,e))||e.payload}handleStateResponse(e){var s,n,r,o;let{name:t}=this.props;return this.setState({loading:!1}),(n=(s=_next2.default.$event)==null?void 0:s.emit)==null||n.call(s,`${t}:refetch`),((o=(r=this.props).transformResponse)==null?void 0:o.call(r,e))||e.data}componentDidMount(){this._isMounted=!0,window.addEventListener("keydown",this.handleKeydown),this.initDetailIfNeeded()}componentDidUpdate(e){var n,r;let t=(n=e.params)==null?void 0:n.id,s=(r=this.props.params)==null?void 0:r.id;t!==s&&this.initDetailIfNeeded()}componentWillUnmount(){window.removeEventListener("keydown",this.handleKeydown),this._isMounted=!1}initDetailIfNeeded(){let{params:e,name:t}=this.props,s=`${t}_show`;if(this.isEdit){let n={id:e.id},r=this.handleStateRequest({stage:"show",payload:n});_next2.default.$api[s](r).then(o=>{var d,k;if(!this._isMounted)return;let u=this.handleStateResponse({stage:"show",data:o});try{(k=(d=this.formInstance)==null?void 0:d.setFieldsValue)==null||k.call(d,u)}catch(A){}}).finally(()=>this.setState({loading:!1}))}}render(){let _=this.props,{className:e,name:t,meta:s,children:n,lang:r,title:o,extra:u,size:d,okText:k,backText:A,okProps:O,backProps:z,classNames:F,params:K,transformRequest:U,transformResponse:H,disableHotkeySave:W}=_,q=w(_,["className","name","meta","children","lang","title","extra","size","okText","backText","okProps","backProps","classNames","params","transformRequest","transformResponse","disableHotkeySave"]);return _react2.default.createElement(_antd.Card,{title:this.titleView,extra:this.extraView,size:d,classNames:F,"data-component":I,className:_classnames2.default.call(void 0, I,e)},_react2.default.createElement(_antd.Spin,{spinning:this.state.loading},_react2.default.createElement(_reactantformschema2.default,l({meta:s,ref:this.formRef,onFinish:this.handleFinish},q),this.childrenView)))}},m(p,"ReactAntResourceForm"),h(p,"defaultProps",{lang:"zh-CN",disableHotkeySave:!1}),p),N=B;var ne=N;exports.default = ne;
+
+module.exports = exports.default;
 //# sourceMappingURL=main.cjs.js.map

package/dist/main.cjs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/ap7/github/react-ant-resource-form/packages/lib/dist/main.cjs.js","../src/index.tsx","../src/locales.ts","../src/api.tsx","../src/hooks.ts"],"names":["API_FORM_LOCALES","create","update","create_title","update_title","create_success","update_success","BASIC_FORM_LOCALES","submit","back","CLASS_NAME","defaultProps","lang","ReactAntResourceForm","__name","props","_a","__spreadValues","className","meta","children","title","loading","extra","size","okText","backText","okProps","backProps","classNames","rest","t","key","handleBack","history","_extra","React","Button","icon","ArrowLeftOutlined","onClick","_children","Space","htmlType","type","SaveOutlined","Card","data-component","cx","ReactAntdFormSchema","index_default","useKeyboardSave","callback","handler","useCallback","e","ctrlKey","metaKey","code","preventDefault","useEffect","document","addEventListener","removeEventListener","disableHotkeySave","ReactAntResourceFormApi","name","params","transformRequest","transformResponse","resourceEdit"],"mappings":"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","file":"/Users/ap7/github/react-ant-resource-form/packages/lib/dist/main.cjs.js","sourcesContent":[null,"// import noop from '@jswork/noop';\nimport cx from 'classnames';\nimport React, { FC } from 'react';\nimport { Button, ButtonProps, Card, CardProps, Space } from 'antd';\nimport ReactAntdFormSchema, { ReactAntdFormSchemaProps } from '@jswork/react-ant-form-schema';\nimport { ArrowLeftOutlined, SaveOutlined } from '@ant-design/icons';\nimport { BASIC_FORM_LOCALES } from './locales';\n\nexport type ReactAntResourceFormProps = {\n  lang?: string;\n  loading?: boolean;\n  okText?: string;\n  backText?: string;\n  okProps?: ButtonProps;\n  backProps?: ButtonProps;\n  classNames?: CardProps['classNames'];\n  size?: CardProps['size'];\n  extra?: CardProps['extra'];\n  title?: CardProps['title'];\n} & ReactAntdFormSchemaProps;\n\nconst CLASS_NAME = 'react-ant-resource-form';\n\nconst defaultProps = {\n  lang: 'zh-CN',\n};\n\nconst ReactAntResourceForm: FC<ReactAntResourceFormProps> = (props) => {\n  const {\n    className,\n    meta,\n    children,\n    lang,\n    title,\n    loading,\n    extra,\n    size,\n    okText,\n    backText,\n    okProps,\n    backProps,\n    classNames,\n    ...rest\n  } = {\n    ...defaultProps,\n    ...props,\n  };\n\n  const t = (key: string) => BASIC_FORM_LOCALES[lang][key];\n  const handleBack = () => history.back();\n  const _extra = extra || (\n    <Button size=\"small\" icon={<ArrowLeftOutlined />} onClick={handleBack} {...backProps}>\n      {backText || t('back')}\n    </Button>\n  );\n\n  const _children = children || (\n    <Space>\n      <Button htmlType=\"submit\" type=\"primary\" icon={<SaveOutlined />} {...okProps}>\n        {okText || t('submit')}\n      </Button>\n      <Button icon={<ArrowLeftOutlined />} onClick={handleBack} {...backProps}>\n        {backText || t('back')}\n      </Button>\n    </Space>\n  );\n\n  return (\n    <Card\n      title={title}\n      size={size}\n      loading={loading}\n      classNames={classNames}\n      data-component={CLASS_NAME}\n      className={cx(CLASS_NAME, className)}\n      extra={_extra}>\n      <ReactAntdFormSchema meta={meta} {...rest}>\n        {_children}\n      </ReactAntdFormSchema>\n    </Card>\n  );\n};\n\nexport default ReactAntResourceForm;\n","export const API_FORM_LOCALES = {\n  'zh-CN': {\n    create: '创建',\n    update: '保存',\n    create_title: '创建',\n    update_title: '更新',\n    create_success: '创建成功',\n    update_success: '更新成功',\n  },\n  'en-US': {\n    create: 'Create',\n    update: 'Save',\n    create_title: 'Create',\n    update_title: 'Update',\n    create_success: 'Create success',\n    update_success: 'Update success',\n  },\n};\n\nexport const BASIC_FORM_LOCALES = {\n  'zh-CN': {\n    submit: '提交',\n    back: '返回',\n  },\n  'en-US': {\n    submit: 'Submit',\n    back: 'Back',\n  },\n};\n","import React, { FC, useEffect, useState } from 'react';\nimport ReactAntResourceForm, { ReactAntResourceFormProps } from '.';\nimport { Form, message } from 'antd';\nimport nx from '@jswork/next';\nimport { useKeyboardSave } from './hooks';\nimport { API_FORM_LOCALES } from './locales';\n\ndeclare global {\n  interface NxStatic {\n    $api: Record<string, any>;\n    $event: any;\n  }\n}\n\ntype StagePayload = {\n  stage: 'show' | 'create' | 'update';\n  payload: any;\n};\n\ntype StageData = {\n  stage: 'show' | 'create' | 'update';\n  data: any;\n};\n\nexport type ReactAntResourceFormApiProps = ReactAntResourceFormProps & {\n  lang?: string;\n  params?: Record<string, any>;\n  disableHotkeySave?: boolean;\n  transformRequest?: (payload: StagePayload) => any;\n  transformResponse?: (res: StageData) => any;\n};\n\nconst defaultProps = {\n  lang: 'zh-CN',\n  disableHotkeySave: false,\n};\n\nconst ReactAntResourceFormApi: FC<ReactAntResourceFormApiProps> = (props) => {\n  const { name, params, lang, transformRequest, transformResponse, disableHotkeySave, ...rest } = {\n    ...defaultProps,\n    ...props,\n  };\n\n  const resourceEdit = `${name}_update`;\n  const resourceCreate = `${name}_create`;\n  const resourceShow = `${name}_show`;\n  const [form] = Form.useForm();\n  const isEdit = Boolean(params?.id);\n  const t = (key: string) => API_FORM_LOCALES[lang!][key];\n  const [loading, setLoading] = useState(false);\n  const handleStateRequest = (stagePayload: StagePayload) => {\n    setLoading(true);\n    return transformRequest?.(stagePayload) || stagePayload.payload;\n  };\n\n  const handleStateResponse = (res: StageData) => {\n    setLoading(false);\n    nx.$event?.emit?.(`${name}:refetch`);\n    return transformResponse?.(res) || res.data;\n  };\n\n  const handleFinish = (values) => {\n    if (isEdit) {\n      const payload = { id: params!.id, ...values };\n      const _payload = handleStateRequest({ stage: 'update', payload });\n\n      nx.$api[resourceEdit](_payload)\n        .then((res) => {\n          message.success(t('update_success'));\n          handleStateResponse({ stage: 'update', data: res });\n        })\n        .finally(() => setLoading(false));\n    } else {\n      const payload = { ...values };\n      const _payload = handleStateRequest({ stage: 'create', payload });\n\n      nx.$api[resourceCreate](_payload)\n        .then((res) => {\n          message.success(t('create_success'));\n          handleStateResponse({ stage: 'create', data: res });\n        })\n        .finally(() => setLoading(false));\n    }\n  };\n\n  // hotkey save\n  useKeyboardSave(() => {\n    if (!disableHotkeySave) form.submit();\n  });\n\n  // init detail\n  useEffect(() => {\n    if (isEdit) {\n      const payload = { id: params!.id };\n      const _payload = handleStateRequest({ stage: 'show', payload });\n      nx.$api[resourceShow](_payload)\n        .then((res) => {\n          const data = handleStateResponse({ stage: 'show', data: res });\n          form.setFieldsValue(data);\n        })\n        .finally(() => setLoading(false));\n    }\n  }, [isEdit, params?.id]);\n\n  const okText = isEdit ? t('update') : t('create');\n  const title = isEdit ? t('update_title') : t('create_title');\n\n  return (\n    <ReactAntResourceForm\n      loading={loading}\n      form={form}\n      onFinish={handleFinish}\n      okText={okText}\n      title={title}\n      {...rest}\n    />\n  );\n};\n\nexport default ReactAntResourceFormApi;\n","import { useEffect, useCallback } from 'react';\n\nexport const useKeyboardSave = (callback: (e: KeyboardEvent) => void) => {\n  const handler = useCallback(\n    (e: KeyboardEvent) => {\n      // 使用 code 更可靠（不受键盘布局或大小写影响）\n      if ((e.ctrlKey || e.metaKey) && e.code === 'KeyS') {\n        e.preventDefault();\n        callback(e);\n      }\n    },\n    [callback] // 确保 handler 随 callback 更新而更新\n  );\n\n  useEffect(() => {\n    document.addEventListener('keydown', handler);\n    return () => {\n      document.removeEventListener('keydown', handler);\n    };\n  }, [handler]); // handler 是 useCallback 包装的，稳定依赖\n};\n"]}
+{"version":3,"sources":["/Users/ap7/github/react-ant-resource-form/packages/lib/dist/main.cjs.js","../src/index.tsx","../src/locales.ts"],"names":["API_FORM_LOCALES","create","update","create_title","update_title","create_success","update_success","submit","back","CLASS_NAME","_a","ReactAntResourceForm","Component","props","formRef","React","createRef","_isMounted","handleBack","__name","history","handleFinish","values","params","name","resourceEdit"],"mappings":"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","file":"/Users/ap7/github/react-ant-resource-form/packages/lib/dist/main.cjs.js","sourcesContent":[null,"// import noop from '@jswork/noop';\nimport cx from 'classnames';\nimport React, { Component } from 'react';\nimport { Button, ButtonProps, Card, CardProps, Space, message, Spin } from 'antd';\nimport type { FormInstance } from 'antd';\nimport ReactAntdFormSchema, { ReactAntdFormSchemaProps } from '@jswork/react-ant-form-schema';\nimport { ArrowLeftOutlined, SaveOutlined } from '@ant-design/icons';\nimport { API_FORM_LOCALES } from './locales';\nimport nx from '@jswork/next';\n\ndeclare global {\n  interface NxStatic {\n    $api: Record<string, any>;\n    $event: any;\n  }\n}\n\ntype StagePayload = {\n  stage: 'show' | 'create' | 'update';\n  payload: any;\n};\n\ntype StageData = {\n  stage: 'show' | 'create' | 'update';\n  data: any;\n};\n\nexport type ReactAntResourceFormProps = {\n  lang?: string;\n  loading?: boolean;\n  okText?: string;\n  backText?: string;\n  params?: Record<string, any>;\n  disableHotkeySave?: boolean;\n  transformRequest?: (payload: StagePayload) => any;\n  transformResponse?: (res: StageData) => any;\n  okProps?: ButtonProps;\n  backProps?: ButtonProps;\n  classNames?: CardProps['classNames'];\n  size?: CardProps['size'];\n  extra?: CardProps['extra'];\n  title?: CardProps['title'];\n} & ReactAntdFormSchemaProps;\n\ntype IState = {\n  loading: boolean;\n};\n\nconst CLASS_NAME = 'react-ant-resource-form';\n\nclass ReactAntResourceForm extends Component<ReactAntResourceFormProps, IState> {\n  public static defaultProps = {\n    lang: 'zh-CN',\n    disableHotkeySave: false,\n  };\n\n  private formRef = React.createRef<FormInstance>(); // 注意类型\n  private _isMounted = false;\n\n  get isEdit() {\n    const { params } = this.props;\n    return Boolean(params?.id);\n  }\n\n  get titleView() {\n    const { title } = this.props;\n    return title || (this.isEdit ? this.t('update_title') : this.t('create_title'));\n  }\n\n  get extraView() {\n    const { extra, backText, backProps } = this.props;\n    if (extra) return extra;\n    return (\n      <Button size=\"small\" icon={<ArrowLeftOutlined />} onClick={this.handleBack} {...backProps}>\n        {backText || this.t('back')}\n      </Button>\n    );\n  }\n\n  get childrenView() {\n    const { okText, backText, okProps, backProps, children } = this.props;\n    const _okText = okText || (this.isEdit ? this.t('update') : this.t('create'));\n    if (children) return children;\n\n    return (\n      <Space>\n        <Button htmlType=\"submit\" type=\"primary\" icon={<SaveOutlined />} {...okProps}>\n          {_okText || this.t('submit')}\n        </Button>\n        <Button icon={<ArrowLeftOutlined />} onClick={this.handleBack} {...backProps}>\n          {backText || this.t('back')}\n        </Button>\n      </Space>\n    );\n  }\n\n  get formInstance() {\n    return this.formRef?.current;\n  }\n\n  constructor(props: ReactAntResourceFormProps) {\n    super(props);\n    this.state = {\n      loading: false,\n    };\n\n    this.handleStateRequest = this.handleStateRequest.bind(this);\n    this.handleStateResponse = this.handleStateResponse.bind(this);\n    this.initDetailIfNeeded = this.initDetailIfNeeded.bind(this);\n  }\n\n  private t(key: string) {\n    const { lang } = this.props;\n    return API_FORM_LOCALES[lang!][key];\n  }\n\n  private handleBack = () => {\n    history.back();\n  };\n\n  handleStateRequest(stagePayload: StagePayload) {\n    this.setState({ loading: true });\n    return this.props.transformRequest?.(stagePayload) || stagePayload.payload;\n  }\n\n  handleStateResponse(res: StageData) {\n    const { name } = this.props;\n    this.setState({ loading: false });\n    nx.$event?.emit?.(`${name}:refetch`);\n    return this.props.transformResponse?.(res) || res.data;\n  }\n\n  handleFinish = (values: any) => {\n    const { params, name } = this.props;\n    const resourceEdit = `${name}_update`;\n    const resourceCreate = `${name}_create`;\n\n    if (this.isEdit) {\n      const payload = { id: params!.id, ...values };\n      const _payload = this.handleStateRequest({ stage: 'update', payload });\n\n      nx.$api[resourceEdit](_payload)\n        .then((res: any) => {\n          message.success(this.t('update_success'));\n          this.handleStateResponse({ stage: 'update', data: res });\n        })\n        .finally(() => this.setState({ loading: false }));\n    } else {\n      const payload = { ...values };\n      const _payload = this.handleStateRequest({ stage: 'create', payload });\n\n      nx.$api[resourceCreate](_payload)\n        .then((res: any) => {\n          message.success(this.t('create_success'));\n          this.handleStateResponse({ stage: 'create', data: res });\n        })\n        .finally(() => this.setState({ loading: false }));\n    }\n  };\n\n  // hotkey save handler (replaces useKeyboardSave hook)\n  handleKeydown = (e: KeyboardEvent) => {\n    const isSave = (e.ctrlKey || e.metaKey) && (e.key === 's' || e.key === 'S');\n    if (isSave) {\n      e.preventDefault();\n      if (!this.props.disableHotkeySave) {\n        // submit the form via ref\n        try {\n          this.formInstance?.submit();\n        } catch (err) {\n          // ignore if submit not available yet\n        }\n      }\n    }\n  };\n\n  componentDidMount() {\n    this._isMounted = true;\n    // attach hotkey listener\n    window.addEventListener('keydown', this.handleKeydown);\n    // initialize detail if editing\n    this.initDetailIfNeeded();\n  }\n\n  componentDidUpdate(prevProps: ReactAntResourceFormProps) {\n    const prevId = prevProps.params?.id;\n    const curId = this.props.params?.id;\n    // re-init when id changed or from create -> edit\n    if (prevId !== curId) {\n      this.initDetailIfNeeded();\n    }\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('keydown', this.handleKeydown);\n    this._isMounted = false;\n  }\n\n  initDetailIfNeeded() {\n    const { params, name } = this.props;\n    const resourceShow = `${name}_show`;\n\n    if (this.isEdit) {\n      const payload = { id: params!.id };\n      const _payload = this.handleStateRequest({ stage: 'show', payload });\n\n      nx.$api[resourceShow](_payload)\n        .then((res: any) => {\n          if (!this._isMounted) return; // 👈 关键：防止操作已卸载组件\n          const data = this.handleStateResponse({ stage: 'show', data: res });\n          // set fields value on the form via ref\n          try {\n            this.formInstance?.setFieldsValue?.(data);\n          } catch (err) {\n            // ignore if not available yet\n          }\n        })\n        .finally(() => this.setState({ loading: false }));\n    }\n  }\n\n  render() {\n    const {\n      className,\n      name,\n      meta,\n      children,\n      lang,\n      title,\n      extra,\n      size,\n      okText,\n      backText,\n      okProps,\n      backProps,\n      classNames,\n      params,\n      transformRequest,\n      transformResponse,\n      disableHotkeySave,\n      ...rest\n    } = this.props;\n\n    return (\n      <Card\n        title={this.titleView}\n        extra={this.extraView}\n        size={size}\n        classNames={classNames}\n        data-component={CLASS_NAME}\n        className={cx(CLASS_NAME, className)}>\n        <Spin spinning={this.state.loading}>\n          <ReactAntdFormSchema\n            meta={meta}\n            ref={this.formRef}\n            onFinish={this.handleFinish}\n            {...rest}>\n            {this.childrenView}\n          </ReactAntdFormSchema>\n        </Spin>\n      </Card>\n    );\n  }\n}\n\nexport default ReactAntResourceForm;\n","export const API_FORM_LOCALES = {\n  'zh-CN': {\n    create: '创建',\n    update: '保存',\n    create_title: '创建',\n    update_title: '更新',\n    create_success: '创建成功',\n    update_success: '更新成功',\n    submit: '提交',\n    back: '返回',\n  },\n  'en-US': {\n    create: 'Create',\n    update: 'Save',\n    create_title: 'Create',\n    update_title: 'Update',\n    create_success: 'Create success',\n    update_success: 'Update success',\n    submit: 'Submit',\n    back: 'Back',\n  },\n};\n"]}

package/dist/main.d.mts

@@ -1,21 +1,8 @@
-import { FC } from 'react';
-import { ButtonProps, CardProps } from 'antd';
+import * as rc_field_form_lib_interface from 'rc-field-form/lib/interface';
+import React, { Component } from 'react';
+import { ButtonProps, CardProps, FormInstance } from 'antd';
 import { ReactAntdFormSchemaProps } from '@jswork/react-ant-form-schema';
 
-type ReactAntResourceFormProps = {
-    lang?: string;
-    loading?: boolean;
-    okText?: string;
-    backText?: string;
-    okProps?: ButtonProps;
-    backProps?: ButtonProps;
-    classNames?: CardProps['classNames'];
-    size?: CardProps['size'];
-    extra?: CardProps['extra'];
-    title?: CardProps['title'];
-} & ReactAntdFormSchemaProps;
-declare const ReactAntResourceForm: FC<ReactAntResourceFormProps>;
-
 declare global {
     interface NxStatic {
         $api: Record<string, any>;
@@ -30,15 +17,49 @@ type StageData = {
     stage: 'show' | 'create' | 'update';
     data: any;
 };
-type ReactAntResourceFormApiProps = ReactAntResourceFormProps & {
+type ReactAntResourceFormProps = {
     lang?: string;
+    loading?: boolean;
+    okText?: string;
+    backText?: string;
     params?: Record<string, any>;
     disableHotkeySave?: boolean;
     transformRequest?: (payload: StagePayload) => any;
     transformResponse?: (res: StageData) => any;
+    okProps?: ButtonProps;
+    backProps?: ButtonProps;
+    classNames?: CardProps['classNames'];
+    size?: CardProps['size'];
+    extra?: CardProps['extra'];
+    title?: CardProps['title'];
+} & ReactAntdFormSchemaProps;
+type IState = {
+    loading: boolean;
 };
-declare const ReactAntResourceFormApi: FC<ReactAntResourceFormApiProps>;
-
-declare const useKeyboardSave: (callback: (e: KeyboardEvent) => void) => void;
+declare class ReactAntResourceForm extends Component<ReactAntResourceFormProps, IState> {
+    static defaultProps: {
+        lang: string;
+        disableHotkeySave: boolean;
+    };
+    private formRef;
+    private _isMounted;
+    get isEdit(): boolean;
+    get titleView(): any;
+    get extraView(): string | number | true | Iterable<React.ReactNode> | React.JSX.Element;
+    get childrenView(): string | number | true | Iterable<React.ReactNode> | React.JSX.Element | ((values: rc_field_form_lib_interface.Store, form: rc_field_form_lib_interface.FormInstance) => JSX.Element | React.ReactNode);
+    get formInstance(): FormInstance<any> | null;
+    constructor(props: ReactAntResourceFormProps);
+    private t;
+    private handleBack;
+    handleStateRequest(stagePayload: StagePayload): any;
+    handleStateResponse(res: StageData): any;
+    handleFinish: (values: any) => void;
+    handleKeydown: (e: KeyboardEvent) => void;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ReactAntResourceFormProps): void;
+    componentWillUnmount(): void;
+    initDetailIfNeeded(): void;
+    render(): React.JSX.Element;
+}
 
-export { ReactAntResourceForm, ReactAntResourceFormApi, type ReactAntResourceFormApiProps, type ReactAntResourceFormProps, useKeyboardSave };
+export { type ReactAntResourceFormProps, ReactAntResourceForm as default };

package/dist/main.d.ts

@@ -1,21 +1,8 @@
-import { FC } from 'react';
-import { ButtonProps, CardProps } from 'antd';
+import * as rc_field_form_lib_interface from 'rc-field-form/lib/interface';
+import React, { Component } from 'react';
+import { ButtonProps, CardProps, FormInstance } from 'antd';
 import { ReactAntdFormSchemaProps } from '@jswork/react-ant-form-schema';
 
-type ReactAntResourceFormProps = {
-    lang?: string;
-    loading?: boolean;
-    okText?: string;
-    backText?: string;
-    okProps?: ButtonProps;
-    backProps?: ButtonProps;
-    classNames?: CardProps['classNames'];
-    size?: CardProps['size'];
-    extra?: CardProps['extra'];
-    title?: CardProps['title'];
-} & ReactAntdFormSchemaProps;
-declare const ReactAntResourceForm: FC<ReactAntResourceFormProps>;
-
 declare global {
     interface NxStatic {
         $api: Record<string, any>;
@@ -30,15 +17,51 @@ type StageData = {
     stage: 'show' | 'create' | 'update';
     data: any;
 };
-type ReactAntResourceFormApiProps = ReactAntResourceFormProps & {
+type ReactAntResourceFormProps = {
     lang?: string;
+    loading?: boolean;
+    okText?: string;
+    backText?: string;
     params?: Record<string, any>;
     disableHotkeySave?: boolean;
     transformRequest?: (payload: StagePayload) => any;
     transformResponse?: (res: StageData) => any;
+    okProps?: ButtonProps;
+    backProps?: ButtonProps;
+    classNames?: CardProps['classNames'];
+    size?: CardProps['size'];
+    extra?: CardProps['extra'];
+    title?: CardProps['title'];
+} & ReactAntdFormSchemaProps;
+type IState = {
+    loading: boolean;
 };
-declare const ReactAntResourceFormApi: FC<ReactAntResourceFormApiProps>;
-
-declare const useKeyboardSave: (callback: (e: KeyboardEvent) => void) => void;
+declare class ReactAntResourceForm extends Component<ReactAntResourceFormProps, IState> {
+    static defaultProps: {
+        lang: string;
+        disableHotkeySave: boolean;
+    };
+    private formRef;
+    private _isMounted;
+    get isEdit(): boolean;
+    get titleView(): any;
+    get extraView(): string | number | true | Iterable<React.ReactNode> | React.JSX.Element;
+    get childrenView(): string | number | true | Iterable<React.ReactNode> | React.JSX.Element | ((values: rc_field_form_lib_interface.Store, form: rc_field_form_lib_interface.FormInstance) => JSX.Element | React.ReactNode);
+    get formInstance(): FormInstance<any> | null;
+    constructor(props: ReactAntResourceFormProps);
+    private t;
+    private handleBack;
+    handleStateRequest(stagePayload: StagePayload): any;
+    handleStateResponse(res: StageData): any;
+    handleFinish: (values: any) => void;
+    handleKeydown: (e: KeyboardEvent) => void;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ReactAntResourceFormProps): void;
+    componentWillUnmount(): void;
+    initDetailIfNeeded(): void;
+    render(): React.JSX.Element;
+}
 
-export { ReactAntResourceForm, ReactAntResourceFormApi, type ReactAntResourceFormApiProps, type ReactAntResourceFormProps, useKeyboardSave };
+// @ts-ignore
+export = ReactAntResourceForm;
+export type { ReactAntResourceFormProps };

package/dist/main.esm.js

@@ -1,2 +1,2 @@
-var K=Object.defineProperty;var A=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var B=(a,t,e)=>t in a?K(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e,s=(a,t)=>{for(var e in t||(t={}))M.call(t,e)&&B(a,e,t[e]);if(A)for(var e of A(t))P.call(t,e)&&B(a,e,t[e]);return a};var r=(a,t)=>K(a,"name",{value:t,configurable:!0});var C=(a,t)=>{var e={};for(var o in a)M.call(a,o)&&t.indexOf(o)<0&&(e[o]=a[o]);if(a!=null&&A)for(var o of A(a))t.indexOf(o)<0&&P.call(a,o)&&(e[o]=a[o]);return e};import V from"classnames";import i from"react";import{Button as N,Card as j,Space as q}from"antd";import G from"@jswork/react-ant-form-schema";import{ArrowLeftOutlined as U,SaveOutlined as J}from"@ant-design/icons";var T={"zh-CN":{create:"\u521B\u5EFA",update:"\u4FDD\u5B58",create_title:"\u521B\u5EFA",update_title:"\u66F4\u65B0",create_success:"\u521B\u5EFA\u6210\u529F",update_success:"\u66F4\u65B0\u6210\u529F"},"en-US":{create:"Create",update:"Save",create_title:"Create",update_title:"Update",create_success:"Create success",update_success:"Update success"}},I={"zh-CN":{submit:"\u63D0\u4EA4",back:"\u8FD4\u56DE"},"en-US":{submit:"Submit",back:"Back"}};var H="react-ant-resource-form",Q={lang:"zh-CN"},W=r(a=>{let k=s(s({},Q),a),{className:t,meta:e,children:o,lang:f,title:_,loading:R,extra:g,size:x,okText:F,backText:E,okProps:S,backProps:m,classNames:d}=k,L=C(k,["className","meta","children","lang","title","loading","extra","size","okText","backText","okProps","backProps","classNames"]),l=r(O=>I[f][O],"t"),p=r(()=>history.back(),"handleBack"),h=g||i.createElement(N,s({size:"small",icon:i.createElement(U,null),onClick:p},m),E||l("back")),v=o||i.createElement(q,null,i.createElement(N,s({htmlType:"submit",type:"primary",icon:i.createElement(J,null)},S),F||l("submit")),i.createElement(N,s({icon:i.createElement(U,null),onClick:p},m),E||l("back")));return i.createElement(j,{title:_,size:x,loading:R,classNames:d,"data-component":H,className:V(H,t),extra:h},i.createElement(G,s({meta:e},L),v))},"ReactAntResourceForm"),$=W;import Z,{useEffect as ee,useState as te}from"react";import{Form as ae,message as D}from"antd";import b from"@jswork/next";import{useEffect as X,useCallback as Y}from"react";var w=r(a=>{let t=Y(e=>{(e.ctrlKey||e.metaKey)&&e.code==="KeyS"&&(e.preventDefault(),a(e))},[a]);X(()=>(document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}),[t])},"useKeyboardSave");var oe={lang:"zh-CN",disableHotkeySave:!1},se=r(a=>{let z=s(s({},oe),a),{name:t,params:e,lang:o,transformRequest:f,transformResponse:_,disableHotkeySave:R}=z,g=C(z,["name","params","lang","transformRequest","transformResponse","disableHotkeySave"]),x=`${t}_update`,F=`${t}_create`,E=`${t}_show`,[S]=ae.useForm(),m=!!(e!=null&&e.id),d=r(c=>T[o][c],"t"),[L,l]=te(!1),p=r(c=>(l(!0),(f==null?void 0:f(c))||c.payload),"handleStateRequest"),h=r(c=>{var n,u;return l(!1),(u=(n=b.$event)==null?void 0:n.emit)==null||u.call(n,`${t}:refetch`),(_==null?void 0:_(c))||c.data},"handleStateResponse"),v=r(c=>{if(m){let n=s({id:e.id},c),u=p({stage:"update",payload:n});b.$api[x](u).then(y=>{D.success(d("update_success")),h({stage:"update",data:y})}).finally(()=>l(!1))}else{let n=s({},c),u=p({stage:"create",payload:n});b.$api[F](u).then(y=>{D.success(d("create_success")),h({stage:"create",data:y})}).finally(()=>l(!1))}},"handleFinish");w(()=>{R||S.submit()}),ee(()=>{if(m){let c={id:e.id},n=p({stage:"show",payload:c});b.$api[E](n).then(u=>{let y=h({stage:"show",data:u});S.setFieldsValue(y)}).finally(()=>l(!1))}},[m,e==null?void 0:e.id]);let k=d(m?"update":"create"),O=d(m?"update_title":"create_title");return Z.createElement($,s({loading:L,form:S,onFinish:v,okText:k,title:O},g))},"ReactAntResourceFormApi"),ce=se;export{$ as ReactAntResourceForm,ce as ReactAntResourceFormApi,w as useKeyboardSave};
+var b=Object.defineProperty;var f=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var R=(i,a,e)=>a in i?b(i,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[a]=e,l=(i,a)=>{for(var e in a||(a={}))g.call(a,e)&&R(i,e,a[e]);if(f)for(var e of f(a))E.call(a,e)&&R(i,e,a[e]);return i};var m=(i,a)=>b(i,"name",{value:a,configurable:!0});var w=(i,a)=>{var e={};for(var t in i)g.call(i,t)&&a.indexOf(t)<0&&(e[t]=i[t]);if(i!=null&&f)for(var t of f(i))a.indexOf(t)<0&&E.call(i,t)&&(e[t]=i[t]);return e};var h=(i,a,e)=>R(i,typeof a!="symbol"?a+"":a,e);import D from"classnames";import c,{Component as L}from"react";import{Button as y,Card as M,Space as $,message as C,Spin as P}from"antd";import T from"@jswork/react-ant-form-schema";import{ArrowLeftOutlined as v,SaveOutlined as V}from"@ant-design/icons";var x={"zh-CN":{create:"\u521B\u5EFA",update:"\u4FDD\u5B58",create_title:"\u521B\u5EFA",update_title:"\u66F4\u65B0",create_success:"\u521B\u5EFA\u6210\u529F",update_success:"\u66F4\u65B0\u6210\u529F",submit:"\u63D0\u4EA4",back:"\u8FD4\u56DE"},"en-US":{create:"Create",update:"Save",create_title:"Create",update_title:"Update",create_success:"Create success",update_success:"Update success",submit:"Submit",back:"Back"}};import S from"@jswork/next";var I="react-ant-resource-form",p,B=(p=class extends L{constructor(e){super(e);h(this,"formRef",c.createRef());h(this,"_isMounted",!1);h(this,"handleBack",m(()=>{history.back()},"handleBack"));h(this,"handleFinish",m(e=>{let{params:t,name:s}=this.props,n=`${s}_update`,r=`${s}_create`;if(this.isEdit){let o=l({id:t.id},e),u=this.handleStateRequest({stage:"update",payload:o});S.$api[n](u).then(d=>{C.success(this.t("update_success")),this.handleStateResponse({stage:"update",data:d})}).finally(()=>this.setState({loading:!1}))}else{let o=l({},e),u=this.handleStateRequest({stage:"create",payload:o});S.$api[r](u).then(d=>{C.success(this.t("create_success")),this.handleStateResponse({stage:"create",data:d})}).finally(()=>this.setState({loading:!1}))}},"handleFinish"));h(this,"handleKeydown",m(e=>{var s;if((e.ctrlKey||e.metaKey)&&(e.key==="s"||e.key==="S")&&(e.preventDefault(),!this.props.disableHotkeySave))try{(s=this.formInstance)==null||s.submit()}catch(n){}},"handleKeydown"));this.state={loading:!1},this.handleStateRequest=this.handleStateRequest.bind(this),this.handleStateResponse=this.handleStateResponse.bind(this),this.initDetailIfNeeded=this.initDetailIfNeeded.bind(this)}get isEdit(){let{params:e}=this.props;return!!(e!=null&&e.id)}get titleView(){let{title:e}=this.props;return e||(this.isEdit?this.t("update_title"):this.t("create_title"))}get extraView(){let{extra:e,backText:t,backProps:s}=this.props;return e||c.createElement(y,l({size:"small",icon:c.createElement(v,null),onClick:this.handleBack},s),t||this.t("back"))}get childrenView(){let{okText:e,backText:t,okProps:s,backProps:n,children:r}=this.props,o=e||(this.isEdit?this.t("update"):this.t("create"));return r||c.createElement($,null,c.createElement(y,l({htmlType:"submit",type:"primary",icon:c.createElement(V,null)},s),o||this.t("submit")),c.createElement(y,l({icon:c.createElement(v,null),onClick:this.handleBack},n),t||this.t("back")))}get formInstance(){var e;return(e=this.formRef)==null?void 0:e.current}t(e){let{lang:t}=this.props;return x[t][e]}handleStateRequest(e){var t,s;return this.setState({loading:!0}),((s=(t=this.props).transformRequest)==null?void 0:s.call(t,e))||e.payload}handleStateResponse(e){var s,n,r,o;let{name:t}=this.props;return this.setState({loading:!1}),(n=(s=S.$event)==null?void 0:s.emit)==null||n.call(s,`${t}:refetch`),((o=(r=this.props).transformResponse)==null?void 0:o.call(r,e))||e.data}componentDidMount(){this._isMounted=!0,window.addEventListener("keydown",this.handleKeydown),this.initDetailIfNeeded()}componentDidUpdate(e){var n,r;let t=(n=e.params)==null?void 0:n.id,s=(r=this.props.params)==null?void 0:r.id;t!==s&&this.initDetailIfNeeded()}componentWillUnmount(){window.removeEventListener("keydown",this.handleKeydown),this._isMounted=!1}initDetailIfNeeded(){let{params:e,name:t}=this.props,s=`${t}_show`;if(this.isEdit){let n={id:e.id},r=this.handleStateRequest({stage:"show",payload:n});S.$api[s](r).then(o=>{var d,k;if(!this._isMounted)return;let u=this.handleStateResponse({stage:"show",data:o});try{(k=(d=this.formInstance)==null?void 0:d.setFieldsValue)==null||k.call(d,u)}catch(A){}}).finally(()=>this.setState({loading:!1}))}}render(){let _=this.props,{className:e,name:t,meta:s,children:n,lang:r,title:o,extra:u,size:d,okText:k,backText:A,okProps:O,backProps:z,classNames:F,params:K,transformRequest:U,transformResponse:H,disableHotkeySave:W}=_,q=w(_,["className","name","meta","children","lang","title","extra","size","okText","backText","okProps","backProps","classNames","params","transformRequest","transformResponse","disableHotkeySave"]);return c.createElement(M,{title:this.titleView,extra:this.extraView,size:d,classNames:F,"data-component":I,className:D(I,e)},c.createElement(P,{spinning:this.state.loading},c.createElement(T,l({meta:s,ref:this.formRef,onFinish:this.handleFinish},q),this.childrenView)))}},m(p,"ReactAntResourceForm"),h(p,"defaultProps",{lang:"zh-CN",disableHotkeySave:!1}),p),N=B;var ne=N;export{ne as default};
 //# sourceMappingURL=main.esm.js.map

package/dist/main.esm.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.tsx","../src/locales.ts","../src/api.tsx","../src/hooks.ts"],"sourcesContent":["// import noop from '@jswork/noop';\nimport cx from 'classnames';\nimport React, { FC } from 'react';\nimport { Button, ButtonProps, Card, CardProps, Space } from 'antd';\nimport ReactAntdFormSchema, { ReactAntdFormSchemaProps } from '@jswork/react-ant-form-schema';\nimport { ArrowLeftOutlined, SaveOutlined } from '@ant-design/icons';\nimport { BASIC_FORM_LOCALES } from './locales';\n\nexport type ReactAntResourceFormProps = {\n  lang?: string;\n  loading?: boolean;\n  okText?: string;\n  backText?: string;\n  okProps?: ButtonProps;\n  backProps?: ButtonProps;\n  classNames?: CardProps['classNames'];\n  size?: CardProps['size'];\n  extra?: CardProps['extra'];\n  title?: CardProps['title'];\n} & ReactAntdFormSchemaProps;\n\nconst CLASS_NAME = 'react-ant-resource-form';\n\nconst defaultProps = {\n  lang: 'zh-CN',\n};\n\nconst ReactAntResourceForm: FC<ReactAntResourceFormProps> = (props) => {\n  const {\n    className,\n    meta,\n    children,\n    lang,\n    title,\n    loading,\n    extra,\n    size,\n    okText,\n    backText,\n    okProps,\n    backProps,\n    classNames,\n    ...rest\n  } = {\n    ...defaultProps,\n    ...props,\n  };\n\n  const t = (key: string) => BASIC_FORM_LOCALES[lang][key];\n  const handleBack = () => history.back();\n  const _extra = extra || (\n    <Button size=\"small\" icon={<ArrowLeftOutlined />} onClick={handleBack} {...backProps}>\n      {backText || t('back')}\n    </Button>\n  );\n\n  const _children = children || (\n    <Space>\n      <Button htmlType=\"submit\" type=\"primary\" icon={<SaveOutlined />} {...okProps}>\n        {okText || t('submit')}\n      </Button>\n      <Button icon={<ArrowLeftOutlined />} onClick={handleBack} {...backProps}>\n        {backText || t('back')}\n      </Button>\n    </Space>\n  );\n\n  return (\n    <Card\n      title={title}\n      size={size}\n      loading={loading}\n      classNames={classNames}\n      data-component={CLASS_NAME}\n      className={cx(CLASS_NAME, className)}\n      extra={_extra}>\n      <ReactAntdFormSchema meta={meta} {...rest}>\n        {_children}\n      </ReactAntdFormSchema>\n    </Card>\n  );\n};\n\nexport default ReactAntResourceForm;\n","export const API_FORM_LOCALES = {\n  'zh-CN': {\n    create: '创建',\n    update: '保存',\n    create_title: '创建',\n    update_title: '更新',\n    create_success: '创建成功',\n    update_success: '更新成功',\n  },\n  'en-US': {\n    create: 'Create',\n    update: 'Save',\n    create_title: 'Create',\n    update_title: 'Update',\n    create_success: 'Create success',\n    update_success: 'Update success',\n  },\n};\n\nexport const BASIC_FORM_LOCALES = {\n  'zh-CN': {\n    submit: '提交',\n    back: '返回',\n  },\n  'en-US': {\n    submit: 'Submit',\n    back: 'Back',\n  },\n};\n","import React, { FC, useEffect, useState } from 'react';\nimport ReactAntResourceForm, { ReactAntResourceFormProps } from '.';\nimport { Form, message } from 'antd';\nimport nx from '@jswork/next';\nimport { useKeyboardSave } from './hooks';\nimport { API_FORM_LOCALES } from './locales';\n\ndeclare global {\n  interface NxStatic {\n    $api: Record<string, any>;\n    $event: any;\n  }\n}\n\ntype StagePayload = {\n  stage: 'show' | 'create' | 'update';\n  payload: any;\n};\n\ntype StageData = {\n  stage: 'show' | 'create' | 'update';\n  data: any;\n};\n\nexport type ReactAntResourceFormApiProps = ReactAntResourceFormProps & {\n  lang?: string;\n  params?: Record<string, any>;\n  disableHotkeySave?: boolean;\n  transformRequest?: (payload: StagePayload) => any;\n  transformResponse?: (res: StageData) => any;\n};\n\nconst defaultProps = {\n  lang: 'zh-CN',\n  disableHotkeySave: false,\n};\n\nconst ReactAntResourceFormApi: FC<ReactAntResourceFormApiProps> = (props) => {\n  const { name, params, lang, transformRequest, transformResponse, disableHotkeySave, ...rest } = {\n    ...defaultProps,\n    ...props,\n  };\n\n  const resourceEdit = `${name}_update`;\n  const resourceCreate = `${name}_create`;\n  const resourceShow = `${name}_show`;\n  const [form] = Form.useForm();\n  const isEdit = Boolean(params?.id);\n  const t = (key: string) => API_FORM_LOCALES[lang!][key];\n  const [loading, setLoading] = useState(false);\n  const handleStateRequest = (stagePayload: StagePayload) => {\n    setLoading(true);\n    return transformRequest?.(stagePayload) || stagePayload.payload;\n  };\n\n  const handleStateResponse = (res: StageData) => {\n    setLoading(false);\n    nx.$event?.emit?.(`${name}:refetch`);\n    return transformResponse?.(res) || res.data;\n  };\n\n  const handleFinish = (values) => {\n    if (isEdit) {\n      const payload = { id: params!.id, ...values };\n      const _payload = handleStateRequest({ stage: 'update', payload });\n\n      nx.$api[resourceEdit](_payload)\n        .then((res) => {\n          message.success(t('update_success'));\n          handleStateResponse({ stage: 'update', data: res });\n        })\n        .finally(() => setLoading(false));\n    } else {\n      const payload = { ...values };\n      const _payload = handleStateRequest({ stage: 'create', payload });\n\n      nx.$api[resourceCreate](_payload)\n        .then((res) => {\n          message.success(t('create_success'));\n          handleStateResponse({ stage: 'create', data: res });\n        })\n        .finally(() => setLoading(false));\n    }\n  };\n\n  // hotkey save\n  useKeyboardSave(() => {\n    if (!disableHotkeySave) form.submit();\n  });\n\n  // init detail\n  useEffect(() => {\n    if (isEdit) {\n      const payload = { id: params!.id };\n      const _payload = handleStateRequest({ stage: 'show', payload });\n      nx.$api[resourceShow](_payload)\n        .then((res) => {\n          const data = handleStateResponse({ stage: 'show', data: res });\n          form.setFieldsValue(data);\n        })\n        .finally(() => setLoading(false));\n    }\n  }, [isEdit, params?.id]);\n\n  const okText = isEdit ? t('update') : t('create');\n  const title = isEdit ? t('update_title') : t('create_title');\n\n  return (\n    <ReactAntResourceForm\n      loading={loading}\n      form={form}\n      onFinish={handleFinish}\n      okText={okText}\n      title={title}\n      {...rest}\n    />\n  );\n};\n\nexport default ReactAntResourceFormApi;\n","import { useEffect, useCallback } from 'react';\n\nexport const useKeyboardSave = (callback: (e: KeyboardEvent) => void) => {\n  const handler = useCallback(\n    (e: KeyboardEvent) => {\n      // 使用 code 更可靠（不受键盘布局或大小写影响）\n      if ((e.ctrlKey || e.metaKey) && e.code === 'KeyS') {\n        e.preventDefault();\n        callback(e);\n      }\n    },\n    [callback] // 确保 handler 随 callback 更新而更新\n  );\n\n  useEffect(() => {\n    document.addEventListener('keydown', handler);\n    return () => {\n      document.removeEventListener('keydown', handler);\n    };\n  }, [handler]); // handler 是 useCallback 包装的，稳定依赖\n};\n"],"mappings":"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","names":["cx","React","Button","Card","Space","ReactAntdFormSchema","ArrowLeftOutlined","SaveOutlined","API_FORM_LOCALES","create","update","create_title","update_title","create_success","update_success","BASIC_FORM_LOCALES","submit","back","CLASS_NAME","defaultProps","lang","ReactAntResourceForm","__name","props","_a","__spreadValues","className","meta","children","title","loading","extra","size","okText","backText","okProps","backProps","classNames","rest","t","key","BASIC_FORM_LOCALES","handleBack","history","back","_extra","React","Button","icon","ArrowLeftOutlined","onClick","_children","Space","htmlType","type","SaveOutlined","Card","data-component","cx","ReactAntdFormSchema","index_default","React","useEffect","useState","Form","message","nx","useEffect","useCallback","useKeyboardSave","__name","callback","handler","useCallback","e","ctrlKey","metaKey","code","preventDefault","useEffect","document","addEventListener","removeEventListener","defaultProps","lang","disableHotkeySave","ReactAntResourceFormApi","__name","props","_a","__spreadValues","name","params","transformRequest","transformResponse","rest","resourceEdit","resourceCreate","resourceShow","form","Form","useForm","isEdit","Boolean","id","t","key","API_FORM_LOCALES","loading","setLoading","useState","handleStateRequest","stagePayload","payload","handleStateResponse","res","_b","nx","$event","emit","data","handleFinish","values","_payload","stage","$api","then","message","success","finally","useKeyboardSave","submit","useEffect","setFieldsValue","okText","title","React","ReactAntResourceForm","onFinish","api_default"]}
+{"version":3,"sources":["../src/index.tsx","../src/locales.ts","../src/main.tsx"],"sourcesContent":["// import noop from '@jswork/noop';\nimport cx from 'classnames';\nimport React, { Component } from 'react';\nimport { Button, ButtonProps, Card, CardProps, Space, message, Spin } from 'antd';\nimport type { FormInstance } from 'antd';\nimport ReactAntdFormSchema, { ReactAntdFormSchemaProps } from '@jswork/react-ant-form-schema';\nimport { ArrowLeftOutlined, SaveOutlined } from '@ant-design/icons';\nimport { API_FORM_LOCALES } from './locales';\nimport nx from '@jswork/next';\n\ndeclare global {\n  interface NxStatic {\n    $api: Record<string, any>;\n    $event: any;\n  }\n}\n\ntype StagePayload = {\n  stage: 'show' | 'create' | 'update';\n  payload: any;\n};\n\ntype StageData = {\n  stage: 'show' | 'create' | 'update';\n  data: any;\n};\n\nexport type ReactAntResourceFormProps = {\n  lang?: string;\n  loading?: boolean;\n  okText?: string;\n  backText?: string;\n  params?: Record<string, any>;\n  disableHotkeySave?: boolean;\n  transformRequest?: (payload: StagePayload) => any;\n  transformResponse?: (res: StageData) => any;\n  okProps?: ButtonProps;\n  backProps?: ButtonProps;\n  classNames?: CardProps['classNames'];\n  size?: CardProps['size'];\n  extra?: CardProps['extra'];\n  title?: CardProps['title'];\n} & ReactAntdFormSchemaProps;\n\ntype IState = {\n  loading: boolean;\n};\n\nconst CLASS_NAME = 'react-ant-resource-form';\n\nclass ReactAntResourceForm extends Component<ReactAntResourceFormProps, IState> {\n  public static defaultProps = {\n    lang: 'zh-CN',\n    disableHotkeySave: false,\n  };\n\n  private formRef = React.createRef<FormInstance>(); // 注意类型\n  private _isMounted = false;\n\n  get isEdit() {\n    const { params } = this.props;\n    return Boolean(params?.id);\n  }\n\n  get titleView() {\n    const { title } = this.props;\n    return title || (this.isEdit ? this.t('update_title') : this.t('create_title'));\n  }\n\n  get extraView() {\n    const { extra, backText, backProps } = this.props;\n    if (extra) return extra;\n    return (\n      <Button size=\"small\" icon={<ArrowLeftOutlined />} onClick={this.handleBack} {...backProps}>\n        {backText || this.t('back')}\n      </Button>\n    );\n  }\n\n  get childrenView() {\n    const { okText, backText, okProps, backProps, children } = this.props;\n    const _okText = okText || (this.isEdit ? this.t('update') : this.t('create'));\n    if (children) return children;\n\n    return (\n      <Space>\n        <Button htmlType=\"submit\" type=\"primary\" icon={<SaveOutlined />} {...okProps}>\n          {_okText || this.t('submit')}\n        </Button>\n        <Button icon={<ArrowLeftOutlined />} onClick={this.handleBack} {...backProps}>\n          {backText || this.t('back')}\n        </Button>\n      </Space>\n    );\n  }\n\n  get formInstance() {\n    return this.formRef?.current;\n  }\n\n  constructor(props: ReactAntResourceFormProps) {\n    super(props);\n    this.state = {\n      loading: false,\n    };\n\n    this.handleStateRequest = this.handleStateRequest.bind(this);\n    this.handleStateResponse = this.handleStateResponse.bind(this);\n    this.initDetailIfNeeded = this.initDetailIfNeeded.bind(this);\n  }\n\n  private t(key: string) {\n    const { lang } = this.props;\n    return API_FORM_LOCALES[lang!][key];\n  }\n\n  private handleBack = () => {\n    history.back();\n  };\n\n  handleStateRequest(stagePayload: StagePayload) {\n    this.setState({ loading: true });\n    return this.props.transformRequest?.(stagePayload) || stagePayload.payload;\n  }\n\n  handleStateResponse(res: StageData) {\n    const { name } = this.props;\n    this.setState({ loading: false });\n    nx.$event?.emit?.(`${name}:refetch`);\n    return this.props.transformResponse?.(res) || res.data;\n  }\n\n  handleFinish = (values: any) => {\n    const { params, name } = this.props;\n    const resourceEdit = `${name}_update`;\n    const resourceCreate = `${name}_create`;\n\n    if (this.isEdit) {\n      const payload = { id: params!.id, ...values };\n      const _payload = this.handleStateRequest({ stage: 'update', payload });\n\n      nx.$api[resourceEdit](_payload)\n        .then((res: any) => {\n          message.success(this.t('update_success'));\n          this.handleStateResponse({ stage: 'update', data: res });\n        })\n        .finally(() => this.setState({ loading: false }));\n    } else {\n      const payload = { ...values };\n      const _payload = this.handleStateRequest({ stage: 'create', payload });\n\n      nx.$api[resourceCreate](_payload)\n        .then((res: any) => {\n          message.success(this.t('create_success'));\n          this.handleStateResponse({ stage: 'create', data: res });\n        })\n        .finally(() => this.setState({ loading: false }));\n    }\n  };\n\n  // hotkey save handler (replaces useKeyboardSave hook)\n  handleKeydown = (e: KeyboardEvent) => {\n    const isSave = (e.ctrlKey || e.metaKey) && (e.key === 's' || e.key === 'S');\n    if (isSave) {\n      e.preventDefault();\n      if (!this.props.disableHotkeySave) {\n        // submit the form via ref\n        try {\n          this.formInstance?.submit();\n        } catch (err) {\n          // ignore if submit not available yet\n        }\n      }\n    }\n  };\n\n  componentDidMount() {\n    this._isMounted = true;\n    // attach hotkey listener\n    window.addEventListener('keydown', this.handleKeydown);\n    // initialize detail if editing\n    this.initDetailIfNeeded();\n  }\n\n  componentDidUpdate(prevProps: ReactAntResourceFormProps) {\n    const prevId = prevProps.params?.id;\n    const curId = this.props.params?.id;\n    // re-init when id changed or from create -> edit\n    if (prevId !== curId) {\n      this.initDetailIfNeeded();\n    }\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('keydown', this.handleKeydown);\n    this._isMounted = false;\n  }\n\n  initDetailIfNeeded() {\n    const { params, name } = this.props;\n    const resourceShow = `${name}_show`;\n\n    if (this.isEdit) {\n      const payload = { id: params!.id };\n      const _payload = this.handleStateRequest({ stage: 'show', payload });\n\n      nx.$api[resourceShow](_payload)\n        .then((res: any) => {\n          if (!this._isMounted) return; // 👈 关键：防止操作已卸载组件\n          const data = this.handleStateResponse({ stage: 'show', data: res });\n          // set fields value on the form via ref\n          try {\n            this.formInstance?.setFieldsValue?.(data);\n          } catch (err) {\n            // ignore if not available yet\n          }\n        })\n        .finally(() => this.setState({ loading: false }));\n    }\n  }\n\n  render() {\n    const {\n      className,\n      name,\n      meta,\n      children,\n      lang,\n      title,\n      extra,\n      size,\n      okText,\n      backText,\n      okProps,\n      backProps,\n      classNames,\n      params,\n      transformRequest,\n      transformResponse,\n      disableHotkeySave,\n      ...rest\n    } = this.props;\n\n    return (\n      <Card\n        title={this.titleView}\n        extra={this.extraView}\n        size={size}\n        classNames={classNames}\n        data-component={CLASS_NAME}\n        className={cx(CLASS_NAME, className)}>\n        <Spin spinning={this.state.loading}>\n          <ReactAntdFormSchema\n            meta={meta}\n            ref={this.formRef}\n            onFinish={this.handleFinish}\n            {...rest}>\n            {this.childrenView}\n          </ReactAntdFormSchema>\n        </Spin>\n      </Card>\n    );\n  }\n}\n\nexport default ReactAntResourceForm;\n","export const API_FORM_LOCALES = {\n  'zh-CN': {\n    create: '创建',\n    update: '保存',\n    create_title: '创建',\n    update_title: '更新',\n    create_success: '创建成功',\n    update_success: '更新成功',\n    submit: '提交',\n    back: '返回',\n  },\n  'en-US': {\n    create: 'Create',\n    update: 'Save',\n    create_title: 'Create',\n    update_title: 'Update',\n    create_success: 'Create success',\n    update_success: 'Update success',\n    submit: 'Submit',\n    back: 'Back',\n  },\n};\n","import ReactAntResourceForm from '.';\nimport type { ReactAntResourceFormProps } from '.';\n\nexport default ReactAntResourceForm;\nexport type { ReactAntResourceFormProps };\n"],"mappings":"8lBACA,OAAOA,MAAQ,aACf,OAAOC,GAASC,aAAAA,MAAiB,QACjC,OAASC,UAAAA,EAAqBC,QAAAA,EAAiBC,SAAAA,EAAOC,WAAAA,EAASC,QAAAA,MAAY,OAE3E,OAAOC,MAAuD,gCAC9D,OAASC,qBAAAA,EAAmBC,gBAAAA,MAAoB,oBCNzC,IAAMC,EAAmB,CAC9B,QAAS,CACPC,OAAQ,eACRC,OAAQ,eACRC,aAAc,eACdC,aAAc,eACdC,eAAgB,2BAChBC,eAAgB,2BAChBC,OAAQ,eACRC,KAAM,cACR,EACA,QAAS,CACPP,OAAQ,SACRC,OAAQ,OACRC,aAAc,SACdC,aAAc,SACdC,eAAgB,iBAChBC,eAAgB,iBAChBC,OAAQ,SACRC,KAAM,MACR,CACF,EDbA,OAAOC,MAAQ,eAwCf,IAAMC,EAAa,0BAhDnBC,EAkDMC,GAAND,EAAA,cAAmCE,CAAAA,CAkDjC,YAAYC,EAAkC,CAC5C,MAAMA,CAAAA,EA7CAC,EAAAA,eAAUC,EAAMC,UAAS,GACzBC,EAAAA,kBAAa,IA2DbC,EAAAA,kBAAaC,EAAA,IAAA,CACnBC,QAAQC,KAAI,CACd,EAFqB,eAgBrBC,EAAAA,oBAAeH,EAACI,GAAAA,CACd,GAAM,CAAEC,OAAAA,EAAQC,KAAAA,CAAI,EAAK,KAAKZ,MACxBa,EAAe,GAAGD,CAAAA,UAClBE,EAAiB,GAAGF,CAAAA,UAE1B,GAAI,KAAKG,OAAQ,CACf,IAAMC,EAAUC,EAAA,CAAEC,GAAIP,EAAQO,IAAOR,GAC/BS,EAAW,KAAKC,mBAAmB,CAAEC,MAAO,SAAUL,QAAAA,CAAQ,CAAA,EAEpEM,EAAGC,KAAKV,CAAAA,EAAcM,CAAAA,EACnBK,KAAMC,GAAAA,CACLC,EAAQC,QAAQ,KAAKC,EAAE,gBAAA,CAAA,EACvB,KAAKC,oBAAoB,CAAER,MAAO,SAAUS,KAAML,CAAI,CAAA,CACxD,CAAA,EACCM,QAAQ,IAAM,KAAKC,SAAS,CAAEC,QAAS,EAAM,CAAA,CAAA,CAClD,KAAO,CACL,IAAMjB,EAAUC,EAAA,GAAKP,GACfS,EAAW,KAAKC,mBAAmB,CAAEC,MAAO,SAAUL,QAAAA,CAAQ,CAAA,EAEpEM,EAAGC,KAAKT,CAAAA,EAAgBK,CAAAA,EACrBK,KAAMC,GAAAA,CACLC,EAAQC,QAAQ,KAAKC,EAAE,gBAAA,CAAA,EACvB,KAAKC,oBAAoB,CAAER,MAAO,SAAUS,KAAML,CAAI,CAAA,CACxD,CAAA,EACCM,QAAQ,IAAM,KAAKC,SAAS,CAAEC,QAAS,EAAM,CAAA,CAAA,CAClD,CACF,EA1Be,iBA6BfC,EAAAA,qBAAgB5B,EAAC6B,GAAAA,CAjKnB,IAAAtC,EAmKI,IADgBsC,EAAEC,SAAWD,EAAEE,WAAaF,EAAEG,MAAQ,KAAOH,EAAEG,MAAQ,OAErEH,EAAEI,eAAc,EACZ,CAAC,KAAKvC,MAAMwC,mBAEd,GAAI,EACF3C,EAAA,KAAK4C,eAAL,MAAA5C,EAAmB6C,QACrB,OAASC,EAAK,CAEd,CAGN,EAbgB,kBA3Dd,KAAKC,MAAQ,CACXX,QAAS,EACX,EAEA,KAAKb,mBAAqB,KAAKA,mBAAmByB,KAAK,IAAI,EAC3D,KAAKhB,oBAAsB,KAAKA,oBAAoBgB,KAAK,IAAI,EAC7D,KAAKC,mBAAqB,KAAKA,mBAAmBD,KAAK,IAAI,CAC7D,CAlDA,IAAI9B,QAAS,CACX,GAAM,CAAEJ,OAAAA,CAAM,EAAK,KAAKX,MACxB,MAAO+C,GAAQpC,GAAAA,MAAAA,EAAQO,GACzB,CAEA,IAAI8B,WAAY,CACd,GAAM,CAAEC,MAAAA,CAAK,EAAK,KAAKjD,MACvB,OAAOiD,IAAU,KAAKlC,OAAS,KAAKa,EAAE,cAAA,EAAkB,KAAKA,EAAE,cAAA,EACjE,CAEA,IAAIsB,WAAY,CACd,GAAM,CAAEC,MAAAA,EAAOC,SAAAA,EAAUC,UAAAA,CAAS,EAAK,KAAKrD,MAC5C,OAAImD,GAEFjD,EAAA,cAACoD,EAAAA,EAAAA,CAAOC,KAAK,QAAQC,KAAMtD,EAAA,cAACuD,EAAAA,IAAAA,EAAsBC,QAAS,KAAKrD,YAAgBgD,GAC7ED,GAAY,KAAKxB,EAAE,MAAA,CAAA,CAG1B,CAEA,IAAI+B,cAAe,CACjB,GAAM,CAAEC,OAAAA,EAAQR,SAAAA,EAAUS,QAAAA,EAASR,UAAAA,EAAWS,SAAAA,CAAQ,EAAK,KAAK9D,MAC1D+D,EAAUH,IAAW,KAAK7C,OAAS,KAAKa,EAAE,QAAA,EAAY,KAAKA,EAAE,QAAA,GACnE,OAAIkC,GAGF5D,EAAA,cAAC8D,EAAAA,KACC9D,EAAA,cAACoD,EAAAA,EAAAA,CAAOW,SAAS,SAASC,KAAK,UAAUV,KAAMtD,EAAA,cAACiE,EAAAA,IAAAA,GAAqBN,GAClEE,GAAW,KAAKnC,EAAE,QAAA,CAAA,EAErB1B,EAAA,cAACoD,EAAAA,EAAAA,CAAOE,KAAMtD,EAAA,cAACuD,EAAAA,IAAAA,EAAsBC,QAAS,KAAKrD,YAAgBgD,GAChED,GAAY,KAAKxB,EAAE,MAAA,CAAA,CAAA,CAI5B,CAEA,IAAIa,cAAe,CAhGrB,IAAA5C,EAiGI,OAAOA,EAAA,KAAKI,UAAL,YAAAJ,EAAcuE,OACvB,CAaQxC,EAAEU,EAAa,CACrB,GAAM,CAAE+B,KAAAA,CAAI,EAAK,KAAKrE,MACtB,OAAOsE,EAAiBD,CAAAA,EAAO/B,CAAAA,CACjC,CAMAlB,mBAAmBmD,EAA4B,CAxHjD,IAAA1E,EAAA2E,EAyHI,YAAKxC,SAAS,CAAEC,QAAS,EAAK,CAAA,IACvBuC,GAAA3E,EAAA,KAAKG,OAAMyE,mBAAX,YAAAD,EAAA,KAAA3E,EAA8B0E,KAAiBA,EAAavD,OACrE,CAEAa,oBAAoBJ,EAAgB,CA7HtC,IAAA5B,EAAA2E,EAAAE,EAAAC,EA8HI,GAAM,CAAE/D,KAAAA,CAAI,EAAK,KAAKZ,MACtB,YAAKgC,SAAS,CAAEC,QAAS,EAAM,CAAA,GAC/BX,GAAAA,EAAAA,EAAGsD,SAAHtD,YAAAA,EAAWuD,OAAXvD,MAAAA,EAAAA,KAAAA,EAAkB,GAAGV,CAAAA,cACd+D,GAAAD,EAAA,KAAK1E,OAAM8E,oBAAX,YAAAH,EAAA,KAAAD,EAA+BjD,KAAQA,EAAIK,IACpD,CA8CAiD,mBAAoB,CAClB,KAAK3E,WAAa,GAElB4E,OAAOC,iBAAiB,UAAW,KAAK/C,aAAa,EAErD,KAAKY,mBAAkB,CACzB,CAEAoC,mBAAmBC,EAAsC,CAxL3D,IAAAtF,EAAA2E,EAyLI,IAAMY,GAASD,EAAAA,EAAUxE,SAAVwE,YAAAA,EAAkBjE,GAC3BmE,GAAQb,EAAA,KAAKxE,MAAMW,SAAX,YAAA6D,EAAmBtD,GAE7BkE,IAAWC,GACb,KAAKvC,mBAAkB,CAE3B,CAEAwC,sBAAuB,CACrBN,OAAOO,oBAAoB,UAAW,KAAKrD,aAAa,EACxD,KAAK9B,WAAa,EACpB,CAEA0C,oBAAqB,CACnB,GAAM,CAAEnC,OAAAA,EAAQC,KAAAA,CAAI,EAAK,KAAKZ,MACxBwF,EAAe,GAAG5E,CAAAA,QAExB,GAAI,KAAKG,OAAQ,CACf,IAAMC,EAAU,CAAEE,GAAIP,EAAQO,EAAG,EAC3BC,EAAW,KAAKC,mBAAmB,CAAEC,MAAO,OAAQL,QAAAA,CAAQ,CAAA,EAElEM,EAAGC,KAAKiE,CAAAA,EAAcrE,CAAAA,EACnBK,KAAMC,GAAAA,CA/Mf,IAAA5B,EAAA2E,EAgNU,GAAI,CAAC,KAAKpE,WAAY,OACtB,IAAM0B,EAAO,KAAKD,oBAAoB,CAAER,MAAO,OAAQS,KAAML,CAAI,CAAA,EAEjE,GAAI,EACF+C,GAAA3E,EAAA,KAAK4C,eAAL,YAAA5C,EAAmB4F,iBAAnB,MAAAjB,EAAA,KAAA3E,EAAoCiC,EACtC,OAASa,EAAK,CAEd,CACF,CAAA,EACCZ,QAAQ,IAAM,KAAKC,SAAS,CAAEC,QAAS,EAAM,CAAA,CAAA,CAClD,CACF,CAEAyD,QAAS,CACP,IAmBI7F,EAAA,KAAKG,MAlBP2F,WAAAA,EACA/E,KAAAA,EACAgF,KAAAA,EACA9B,SAAAA,EACAO,KAAAA,EACApB,MAAAA,EACAE,MAAAA,EACAI,KAAAA,EACAK,OAAAA,EACAR,SAAAA,EACAS,QAAAA,EACAR,UAAAA,EACAwC,WAAAA,EACAlF,OAAAA,EACA8D,iBAAAA,EACAK,kBAAAA,EACAtC,kBAAAA,CA/ON,EAiPQ3C,EADCiG,EAAAA,EACDjG,EADCiG,CAjBHH,YACA/E,OACAgF,OACA9B,WACAO,OACApB,QACAE,QACAI,OACAK,SACAR,WACAS,UACAR,YACAwC,aACAlF,SACA8D,mBACAK,oBACAtC,sBAIF,OACEtC,EAAA,cAAC6F,EAAAA,CACC9C,MAAO,KAAKD,UACZG,MAAO,KAAKD,UACZK,KAAMA,EACNsC,WAAYA,EACZG,iBAAgBpG,EAChB+F,UAAWM,EAAGrG,EAAY+F,CAAAA,GAC1BzF,EAAA,cAACgG,EAAAA,CAAKC,SAAU,KAAKvD,MAAMX,SACzB/B,EAAA,cAACkG,EAAAA,EAAAA,CACCR,KAAMA,EACNS,IAAK,KAAKpG,QACVqG,SAAU,KAAK7F,cACXqF,GACH,KAAKnC,YAAY,CAAA,CAAA,CAK5B,CACF,EArNmC5D,EAAAA,EAAAA,wBACjCwG,EADF1G,EACgB2G,eAAe,CAC3BnC,KAAM,QACN7B,kBAAmB,EACrB,GAJF3C,GAuNA4G,EAAe3G,EEtQf,IAAA4G,GAAeC","names":["cx","React","Component","Button","Card","Space","message","Spin","ReactAntdFormSchema","ArrowLeftOutlined","SaveOutlined","API_FORM_LOCALES","create","update","create_title","update_title","create_success","update_success","submit","back","nx","CLASS_NAME","_a","ReactAntResourceForm","Component","props","formRef","React","createRef","_isMounted","handleBack","__name","history","back","handleFinish","values","params","name","resourceEdit","resourceCreate","isEdit","payload","__spreadValues","id","_payload","handleStateRequest","stage","nx","$api","then","res","message","success","t","handleStateResponse","data","finally","setState","loading","handleKeydown","e","ctrlKey","metaKey","key","preventDefault","disableHotkeySave","formInstance","submit","err","state","bind","initDetailIfNeeded","Boolean","titleView","title","extraView","extra","backText","backProps","Button","size","icon","ArrowLeftOutlined","onClick","childrenView","okText","okProps","children","_okText","Space","htmlType","type","SaveOutlined","current","lang","API_FORM_LOCALES","stagePayload","_b","transformRequest","_c","_d","$event","emit","transformResponse","componentDidMount","window","addEventListener","componentDidUpdate","prevProps","prevId","curId","componentWillUnmount","removeEventListener","resourceShow","setFieldsValue","render","className","meta","classNames","rest","Card","data-component","cx","Spin","spinning","ReactAntdFormSchema","ref","onFinish","__publicField","defaultProps","index_default","main_default","ReactAntResourceForm"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jswork/react-ant-resource-form",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "main": "dist/main.cjs.js",
   "module": "dist/main.esm.js",
   "types": "dist/main.d.ts",
@@ -35,12 +35,12 @@
     "typescript": "^5.2.2"
   },
   "peerDependencies": {
-    "classnames": "*",
-    "react": "*",
-    "react-dom": "*",
+    "@ant-design/icons": "*",
     "@jswork/next": "*",
     "antd": "*",
-    "@ant-design/icons": "*"
+    "classnames": "*",
+    "react": "*",
+    "react-dom": "*"
   },
   "publishConfig": {
     "access": "public",

package/src/index.tsx

@@ -1,16 +1,39 @@
 // import noop from '@jswork/noop';
 import cx from 'classnames';
-import React, { FC } from 'react';
-import { Button, ButtonProps, Card, CardProps, Space } from 'antd';
+import React, { Component } from 'react';
+import { Button, ButtonProps, Card, CardProps, Space, message, Spin } from 'antd';
+import type { FormInstance } from 'antd';
 import ReactAntdFormSchema, { ReactAntdFormSchemaProps } from '@jswork/react-ant-form-schema';
 import { ArrowLeftOutlined, SaveOutlined } from '@ant-design/icons';
-import { BASIC_FORM_LOCALES } from './locales';
+import { API_FORM_LOCALES } from './locales';
+import nx from '@jswork/next';
+
+declare global {
+  interface NxStatic {
+    $api: Record<string, any>;
+    $event: any;
+  }
+}
+
+type StagePayload = {
+  stage: 'show' | 'create' | 'update';
+  payload: any;
+};
+
+type StageData = {
+  stage: 'show' | 'create' | 'update';
+  data: any;
+};
 
 export type ReactAntResourceFormProps = {
   lang?: string;
   loading?: boolean;
   okText?: string;
   backText?: string;
+  params?: Record<string, any>;
+  disableHotkeySave?: boolean;
+  transformRequest?: (payload: StagePayload) => any;
+  transformResponse?: (res: StageData) => any;
   okProps?: ButtonProps;
   backProps?: ButtonProps;
   classNames?: CardProps['classNames'];
@@ -19,66 +42,225 @@ export type ReactAntResourceFormProps = {
   title?: CardProps['title'];
 } & ReactAntdFormSchemaProps;
 
-const CLASS_NAME = 'react-ant-resource-form';
-
-const defaultProps = {
-  lang: 'zh-CN',
+type IState = {
+  loading: boolean;
 };
 
-const ReactAntResourceForm: FC<ReactAntResourceFormProps> = (props) => {
-  const {
-    className,
-    meta,
-    children,
-    lang,
-    title,
-    loading,
-    extra,
-    size,
-    okText,
-    backText,
-    okProps,
-    backProps,
-    classNames,
-    ...rest
-  } = {
-    ...defaultProps,
-    ...props,
+const CLASS_NAME = 'react-ant-resource-form';
+
+class ReactAntResourceForm extends Component<ReactAntResourceFormProps, IState> {
+  public static defaultProps = {
+    lang: 'zh-CN',
+    disableHotkeySave: false,
   };
 
-  const t = (key: string) => BASIC_FORM_LOCALES[lang][key];
-  const handleBack = () => history.back();
-  const _extra = extra || (
-    <Button size="small" icon={<ArrowLeftOutlined />} onClick={handleBack} {...backProps}>
-      {backText || t('back')}
-    </Button>
-  );
-
-  const _children = children || (
-    <Space>
-      <Button htmlType="submit" type="primary" icon={<SaveOutlined />} {...okProps}>
-        {okText || t('submit')}
-      </Button>
-      <Button icon={<ArrowLeftOutlined />} onClick={handleBack} {...backProps}>
-        {backText || t('back')}
+  private formRef = React.createRef<FormInstance>(); // 注意类型
+  private _isMounted = false;
+
+  get isEdit() {
+    const { params } = this.props;
+    return Boolean(params?.id);
+  }
+
+  get titleView() {
+    const { title } = this.props;
+    return title || (this.isEdit ? this.t('update_title') : this.t('create_title'));
+  }
+
+  get extraView() {
+    const { extra, backText, backProps } = this.props;
+    if (extra) return extra;
+    return (
+      <Button size="small" icon={<ArrowLeftOutlined />} onClick={this.handleBack} {...backProps}>
+        {backText || this.t('back')}
       </Button>
-    </Space>
-  );
-
-  return (
-    <Card
-      title={title}
-      size={size}
-      loading={loading}
-      classNames={classNames}
-      data-component={CLASS_NAME}
-      className={cx(CLASS_NAME, className)}
-      extra={_extra}>
-      <ReactAntdFormSchema meta={meta} {...rest}>
-        {_children}
-      </ReactAntdFormSchema>
-    </Card>
-  );
-};
+    );
+  }
+
+  get childrenView() {
+    const { okText, backText, okProps, backProps, children } = this.props;
+    const _okText = okText || (this.isEdit ? this.t('update') : this.t('create'));
+    if (children) return children;
+
+    return (
+      <Space>
+        <Button htmlType="submit" type="primary" icon={<SaveOutlined />} {...okProps}>
+          {_okText || this.t('submit')}
+        </Button>
+        <Button icon={<ArrowLeftOutlined />} onClick={this.handleBack} {...backProps}>
+          {backText || this.t('back')}
+        </Button>
+      </Space>
+    );
+  }
+
+  get formInstance() {
+    return this.formRef?.current;
+  }
+
+  constructor(props: ReactAntResourceFormProps) {
+    super(props);
+    this.state = {
+      loading: false,
+    };
+
+    this.handleStateRequest = this.handleStateRequest.bind(this);
+    this.handleStateResponse = this.handleStateResponse.bind(this);
+    this.initDetailIfNeeded = this.initDetailIfNeeded.bind(this);
+  }
+
+  private t(key: string) {
+    const { lang } = this.props;
+    return API_FORM_LOCALES[lang!][key];
+  }
+
+  private handleBack = () => {
+    history.back();
+  };
+
+  handleStateRequest(stagePayload: StagePayload) {
+    this.setState({ loading: true });
+    return this.props.transformRequest?.(stagePayload) || stagePayload.payload;
+  }
+
+  handleStateResponse(res: StageData) {
+    const { name } = this.props;
+    this.setState({ loading: false });
+    nx.$event?.emit?.(`${name}:refetch`);
+    return this.props.transformResponse?.(res) || res.data;
+  }
+
+  handleFinish = (values: any) => {
+    const { params, name } = this.props;
+    const resourceEdit = `${name}_update`;
+    const resourceCreate = `${name}_create`;
+
+    if (this.isEdit) {
+      const payload = { id: params!.id, ...values };
+      const _payload = this.handleStateRequest({ stage: 'update', payload });
+
+      nx.$api[resourceEdit](_payload)
+        .then((res: any) => {
+          message.success(this.t('update_success'));
+          this.handleStateResponse({ stage: 'update', data: res });
+        })
+        .finally(() => this.setState({ loading: false }));
+    } else {
+      const payload = { ...values };
+      const _payload = this.handleStateRequest({ stage: 'create', payload });
+
+      nx.$api[resourceCreate](_payload)
+        .then((res: any) => {
+          message.success(this.t('create_success'));
+          this.handleStateResponse({ stage: 'create', data: res });
+        })
+        .finally(() => this.setState({ loading: false }));
+    }
+  };
+
+  // hotkey save handler (replaces useKeyboardSave hook)
+  handleKeydown = (e: KeyboardEvent) => {
+    const isSave = (e.ctrlKey || e.metaKey) && (e.key === 's' || e.key === 'S');
+    if (isSave) {
+      e.preventDefault();
+      if (!this.props.disableHotkeySave) {
+        // submit the form via ref
+        try {
+          this.formInstance?.submit();
+        } catch (err) {
+          // ignore if submit not available yet
+        }
+      }
+    }
+  };
+
+  componentDidMount() {
+    this._isMounted = true;
+    // attach hotkey listener
+    window.addEventListener('keydown', this.handleKeydown);
+    // initialize detail if editing
+    this.initDetailIfNeeded();
+  }
+
+  componentDidUpdate(prevProps: ReactAntResourceFormProps) {
+    const prevId = prevProps.params?.id;
+    const curId = this.props.params?.id;
+    // re-init when id changed or from create -> edit
+    if (prevId !== curId) {
+      this.initDetailIfNeeded();
+    }
+  }
+
+  componentWillUnmount() {
+    window.removeEventListener('keydown', this.handleKeydown);
+    this._isMounted = false;
+  }
+
+  initDetailIfNeeded() {
+    const { params, name } = this.props;
+    const resourceShow = `${name}_show`;
+
+    if (this.isEdit) {
+      const payload = { id: params!.id };
+      const _payload = this.handleStateRequest({ stage: 'show', payload });
+
+      nx.$api[resourceShow](_payload)
+        .then((res: any) => {
+          if (!this._isMounted) return; // 👈 关键：防止操作已卸载组件
+          const data = this.handleStateResponse({ stage: 'show', data: res });
+          // set fields value on the form via ref
+          try {
+            this.formInstance?.setFieldsValue?.(data);
+          } catch (err) {
+            // ignore if not available yet
+          }
+        })
+        .finally(() => this.setState({ loading: false }));
+    }
+  }
+
+  render() {
+    const {
+      className,
+      name,
+      meta,
+      children,
+      lang,
+      title,
+      extra,
+      size,
+      okText,
+      backText,
+      okProps,
+      backProps,
+      classNames,
+      params,
+      transformRequest,
+      transformResponse,
+      disableHotkeySave,
+      ...rest
+    } = this.props;
+
+    return (
+      <Card
+        title={this.titleView}
+        extra={this.extraView}
+        size={size}
+        classNames={classNames}
+        data-component={CLASS_NAME}
+        className={cx(CLASS_NAME, className)}>
+        <Spin spinning={this.state.loading}>
+          <ReactAntdFormSchema
+            meta={meta}
+            ref={this.formRef}
+            onFinish={this.handleFinish}
+            {...rest}>
+            {this.childrenView}
+          </ReactAntdFormSchema>
+        </Spin>
+      </Card>
+    );
+  }
+}
 
 export default ReactAntResourceForm;

package/src/locales.ts

@@ -6,6 +6,8 @@ export const API_FORM_LOCALES = {
     update_title: '更新',
     create_success: '创建成功',
     update_success: '更新成功',
+    submit: '提交',
+    back: '返回',
   },
   'en-US': {
     create: 'Create',
@@ -14,15 +16,6 @@ export const API_FORM_LOCALES = {
     update_title: 'Update',
     create_success: 'Create success',
     update_success: 'Update success',
-  },
-};
-
-export const BASIC_FORM_LOCALES = {
-  'zh-CN': {
-    submit: '提交',
-    back: '返回',
-  },
-  'en-US': {
     submit: 'Submit',
     back: 'Back',
   },

package/src/main.tsx

@@ -1,8 +1,5 @@
 import ReactAntResourceForm from '.';
-import ReactAntResourceFormApi from './api';
-import { useKeyboardSave } from './hooks';
 import type { ReactAntResourceFormProps } from '.';
-import type { ReactAntResourceFormApiProps } from './api';
 
-export { ReactAntResourceForm, ReactAntResourceFormApi, useKeyboardSave };
-export type { ReactAntResourceFormProps, ReactAntResourceFormApiProps };
+export default ReactAntResourceForm;
+export type { ReactAntResourceFormProps };

package/src/api.tsx

@@ -1,120 +0,0 @@
-import React, { FC, useEffect, useState } from 'react';
-import ReactAntResourceForm, { ReactAntResourceFormProps } from '.';
-import { Form, message } from 'antd';
-import nx from '@jswork/next';
-import { useKeyboardSave } from './hooks';
-import { API_FORM_LOCALES } from './locales';
-
-declare global {
-  interface NxStatic {
-    $api: Record<string, any>;
-    $event: any;
-  }
-}
-
-type StagePayload = {
-  stage: 'show' | 'create' | 'update';
-  payload: any;
-};
-
-type StageData = {
-  stage: 'show' | 'create' | 'update';
-  data: any;
-};
-
-export type ReactAntResourceFormApiProps = ReactAntResourceFormProps & {
-  lang?: string;
-  params?: Record<string, any>;
-  disableHotkeySave?: boolean;
-  transformRequest?: (payload: StagePayload) => any;
-  transformResponse?: (res: StageData) => any;
-};
-
-const defaultProps = {
-  lang: 'zh-CN',
-  disableHotkeySave: false,
-};
-
-const ReactAntResourceFormApi: FC<ReactAntResourceFormApiProps> = (props) => {
-  const { name, params, lang, transformRequest, transformResponse, disableHotkeySave, ...rest } = {
-    ...defaultProps,
-    ...props,
-  };
-
-  const resourceEdit = `${name}_update`;
-  const resourceCreate = `${name}_create`;
-  const resourceShow = `${name}_show`;
-  const [form] = Form.useForm();
-  const isEdit = Boolean(params?.id);
-  const t = (key: string) => API_FORM_LOCALES[lang!][key];
-  const [loading, setLoading] = useState(false);
-  const handleStateRequest = (stagePayload: StagePayload) => {
-    setLoading(true);
-    return transformRequest?.(stagePayload) || stagePayload.payload;
-  };
-
-  const handleStateResponse = (res: StageData) => {
-    setLoading(false);
-    nx.$event?.emit?.(`${name}:refetch`);
-    return transformResponse?.(res) || res.data;
-  };
-
-  const handleFinish = (values) => {
-    if (isEdit) {
-      const payload = { id: params!.id, ...values };
-      const _payload = handleStateRequest({ stage: 'update', payload });
-
-      nx.$api[resourceEdit](_payload)
-        .then((res) => {
-          message.success(t('update_success'));
-          handleStateResponse({ stage: 'update', data: res });
-        })
-        .finally(() => setLoading(false));
-    } else {
-      const payload = { ...values };
-      const _payload = handleStateRequest({ stage: 'create', payload });
-
-      nx.$api[resourceCreate](_payload)
-        .then((res) => {
-          message.success(t('create_success'));
-          handleStateResponse({ stage: 'create', data: res });
-        })
-        .finally(() => setLoading(false));
-    }
-  };
-
-  // hotkey save
-  useKeyboardSave(() => {
-    if (!disableHotkeySave) form.submit();
-  });
-
-  // init detail
-  useEffect(() => {
-    if (isEdit) {
-      const payload = { id: params!.id };
-      const _payload = handleStateRequest({ stage: 'show', payload });
-      nx.$api[resourceShow](_payload)
-        .then((res) => {
-          const data = handleStateResponse({ stage: 'show', data: res });
-          form.setFieldsValue(data);
-        })
-        .finally(() => setLoading(false));
-    }
-  }, [isEdit, params?.id]);
-
-  const okText = isEdit ? t('update') : t('create');
-  const title = isEdit ? t('update_title') : t('create_title');
-
-  return (
-    <ReactAntResourceForm
-      loading={loading}
-      form={form}
-      onFinish={handleFinish}
-      okText={okText}
-      title={title}
-      {...rest}
-    />
-  );
-};
-
-export default ReactAntResourceFormApi;