@jswork/react-ant-resource-form 1.0.16 → 1.0.18

package/dist/main.cjs.js

@@ -1,4 +1,2 @@
-"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;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var b=Object.defineProperty;var S=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var k=(i,a,e)=>a in i?b(i,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[a]=e,d=(i,a)=>{for(var e in a||(a={}))g.call(a,e)&&k(i,e,a[e]);if(S)for(var e of S(a))E.call(a,e)&&k(i,e,a[e]);return i};var f=(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&&S)for(var t of S(i))a.indexOf(t)<0&&E.call(i,t)&&(e[t]=i[t]);return e};var h=(i,a,e)=>k(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 _reactrouterdom = require('react-router-dom');var I="react-ant-resource-form",p,v=(p=class extends _react.Component{constructor(e){super(e);h(this,"formRef",_react2.default.createRef());h(this,"_isMounted",!1);h(this,"handleBack",f(()=>{history.back()},"handleBack"));h(this,"handleFinish",f(e=>{let{params:t,name:s}=this.props,n=`${s}_update`,r=`${s}_create`;if(this.isEdit){let c=d({id:t.id},e),m=this.handleStateRequest({stage:"update",payload:c});_next2.default.$api[n](m).then(l=>{_antd.message.success(this.t("update_success")),this.handleStateResponse({stage:"update",data:l})}).finally(()=>this.setState({loading:!1}))}else{let c=d({},e),m=this.handleStateRequest({stage:"create",payload:c});_next2.default.$api[r](m).then(l=>{var u;_antd.message.success(this.t("create_success")),this.handleStateResponse({stage:"create",data:l}),(u=this.formInstance)==null||u.resetFields(),history.back()}).finally(()=>this.setState({loading:!1}))}},"handleFinish"));h(this,"handleKeydown",f(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,d({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,c=e||(this.isEdit?this.t("update"):this.t("create"));return r||_react2.default.createElement(_antd.Space,null,_react2.default.createElement(_antd.Button,d({htmlType:"submit",type:"primary",icon:_react2.default.createElement(_icons.SaveOutlined,null)},s),c||this.t("submit")),_react2.default.createElement(_antd.Button,d({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,c;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`),((c=(r=this.props).transformResponse)==null?void 0:c.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(c=>{var l,u;if(!this._isMounted)return;let m=this.handleStateResponse({stage:"show",data:c});try{(u=(l=this.formInstance)==null?void 0:l.setFieldsValue)==null||u.call(l,m)}catch(N){}}).finally(()=>this.setState({loading:!1}))}}render(){let _=this.props,{className:e,name:t,meta:s,children:n,lang:r,title:c,extra:m,size:l,okText:u,backText:N,okProps:K,backProps:U,classNames:q,params:H,transformRequest:W,transformResponse:j,disableHotkeySave:G}=_,D=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:l,classNames:q,"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,d({meta:s,ref:this.formRef,onFinish:this.handleFinish},D),this.childrenView)))}},f(p,"ReactAntResourceForm"),h(p,"defaultProps",{lang:"zh-CN",disableHotkeySave:!1}),p),z= exports.ReactAntResourceFormFc =f(i=>{let a=_reactrouterdom.useParams.call(void 0, );return _react2.default.createElement(v,d({params:a},i))},"ReactAntResourceFormFc"),A=v;var ce=A;exports.ReactAntResourceFormFc = z; exports.default = ce;
 //# 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"],"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\n/**\n * 当前 card loading 不要直接使用，因为这个 loading 会导致 Card 里的 formRef 被设置成 null\n * 这个情况仅在 class component 里才会出现，function component 里不会：\n * 报错示例:\n *\n * this.formRef?:  null\n * index.tsx:229 this.formRef?:  {getFieldValue: ƒ, getFieldsValue: ƒ, getFieldError: ƒ, getFieldWarning: ƒ, getFieldsError: ƒ, …}\n * index.tsx:229 this.formRef?:  null\n */\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"]}
+{"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, FC } 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';\nimport { useParams } from 'react-router-dom';\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\n/**\n * 当前 card loading 不要直接使用，因为这个 loading 会导致 Card 里的 formRef 被设置成 null\n * 这个情况仅在 class component 里才会出现，function component 里不会：\n * 报错示例:\n *\n * this.formRef?:  null\n * index.tsx:229 this.formRef?:  {getFieldValue: ƒ, getFieldsValue: ƒ, getFieldError: ƒ, getFieldWarning: ƒ, getFieldsError: ƒ, …}\n * index.tsx:229 this.formRef?:  null\n */\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          this.formInstance?.resetFields();\n          history.back();\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\nconst ReactAntResourceFormFc: FC<ReactAntResourceFormProps> = (props) => {\n  const params = useParams();\n  return <ReactAntResourceForm params={params} {...props} />;\n};\n\nexport default ReactAntResourceForm;\nexport { ReactAntResourceFormFc };\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,5 +1,5 @@
 import * as rc_field_form_lib_interface from 'rc-field-form/lib/interface';
-import React, { Component } from 'react';
+import React, { Component, FC } from 'react';
 import { ButtonProps, CardProps, FormInstance } from 'antd';
 import { ReactAntdFormSchemaProps } from '@jswork/react-ant-form-schema';
 
@@ -70,5 +70,6 @@ declare class ReactAntResourceForm extends Component<ReactAntResourceFormProps,
     initDetailIfNeeded(): void;
     render(): React.JSX.Element;
 }
+declare const ReactAntResourceFormFc: FC<ReactAntResourceFormProps>;
 
-export { type ReactAntResourceFormProps, ReactAntResourceForm as default };
+export { ReactAntResourceFormFc, type ReactAntResourceFormProps, ReactAntResourceForm as default };

package/dist/main.d.ts

@@ -1,5 +1,5 @@
 import * as rc_field_form_lib_interface from 'rc-field-form/lib/interface';
-import React, { Component } from 'react';
+import React, { Component, FC } from 'react';
 import { ButtonProps, CardProps, FormInstance } from 'antd';
 import { ReactAntdFormSchemaProps } from '@jswork/react-ant-form-schema';
 
@@ -70,7 +70,8 @@ declare class ReactAntResourceForm extends Component<ReactAntResourceFormProps,
     initDetailIfNeeded(): void;
     render(): React.JSX.Element;
 }
+declare const ReactAntResourceFormFc: FC<ReactAntResourceFormProps>;
 
 // @ts-ignore
 export = ReactAntResourceForm;
-export type { ReactAntResourceFormProps };
+export { ReactAntResourceFormFc, type ReactAntResourceFormProps };

package/dist/main.esm.js

@@ -1,2 +1,2 @@
-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};
+var b=Object.defineProperty;var S=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var k=(i,a,e)=>a in i?b(i,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[a]=e,d=(i,a)=>{for(var e in a||(a={}))g.call(a,e)&&k(i,e,a[e]);if(S)for(var e of S(a))E.call(a,e)&&k(i,e,a[e]);return i};var f=(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&&S)for(var t of S(i))a.indexOf(t)<0&&E.call(i,t)&&(e[t]=i[t]);return e};var h=(i,a,e)=>k(i,typeof a!="symbol"?a+"":a,e);import L from"classnames";import o,{Component as M}from"react";import{Button as y,Card as P,Space as $,message as F,Spin as T}from"antd";import V from"@jswork/react-ant-form-schema";import{ArrowLeftOutlined as C,SaveOutlined as B}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 R from"@jswork/next";import{useParams as O}from"react-router-dom";var I="react-ant-resource-form",p,v=(p=class extends M{constructor(e){super(e);h(this,"formRef",o.createRef());h(this,"_isMounted",!1);h(this,"handleBack",f(()=>{history.back()},"handleBack"));h(this,"handleFinish",f(e=>{let{params:t,name:s}=this.props,n=`${s}_update`,r=`${s}_create`;if(this.isEdit){let c=d({id:t.id},e),m=this.handleStateRequest({stage:"update",payload:c});R.$api[n](m).then(l=>{F.success(this.t("update_success")),this.handleStateResponse({stage:"update",data:l})}).finally(()=>this.setState({loading:!1}))}else{let c=d({},e),m=this.handleStateRequest({stage:"create",payload:c});R.$api[r](m).then(l=>{var u;F.success(this.t("create_success")),this.handleStateResponse({stage:"create",data:l}),(u=this.formInstance)==null||u.resetFields(),history.back()}).finally(()=>this.setState({loading:!1}))}},"handleFinish"));h(this,"handleKeydown",f(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||o.createElement(y,d({size:"small",icon:o.createElement(C,null),onClick:this.handleBack},s),t||this.t("back"))}get childrenView(){let{okText:e,backText:t,okProps:s,backProps:n,children:r}=this.props,c=e||(this.isEdit?this.t("update"):this.t("create"));return r||o.createElement($,null,o.createElement(y,d({htmlType:"submit",type:"primary",icon:o.createElement(B,null)},s),c||this.t("submit")),o.createElement(y,d({icon:o.createElement(C,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,c;let{name:t}=this.props;return this.setState({loading:!1}),(n=(s=R.$event)==null?void 0:s.emit)==null||n.call(s,`${t}:refetch`),((c=(r=this.props).transformResponse)==null?void 0:c.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});R.$api[s](r).then(c=>{var l,u;if(!this._isMounted)return;let m=this.handleStateResponse({stage:"show",data:c});try{(u=(l=this.formInstance)==null?void 0:l.setFieldsValue)==null||u.call(l,m)}catch(N){}}).finally(()=>this.setState({loading:!1}))}}render(){let _=this.props,{className:e,name:t,meta:s,children:n,lang:r,title:c,extra:m,size:l,okText:u,backText:N,okProps:K,backProps:U,classNames:q,params:H,transformRequest:W,transformResponse:j,disableHotkeySave:G}=_,D=w(_,["className","name","meta","children","lang","title","extra","size","okText","backText","okProps","backProps","classNames","params","transformRequest","transformResponse","disableHotkeySave"]);return o.createElement(P,{title:this.titleView,extra:this.extraView,size:l,classNames:q,"data-component":I,className:L(I,e)},o.createElement(T,{spinning:this.state.loading},o.createElement(V,d({meta:s,ref:this.formRef,onFinish:this.handleFinish},D),this.childrenView)))}},f(p,"ReactAntResourceForm"),h(p,"defaultProps",{lang:"zh-CN",disableHotkeySave:!1}),p),z=f(i=>{let a=O();return o.createElement(v,d({params:a},i))},"ReactAntResourceFormFc"),A=v;var ce=A;export{z as ReactAntResourceFormFc,ce 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/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\n/**\n * 当前 card loading 不要直接使用，因为这个 loading 会导致 Card 里的 formRef 被设置成 null\n * 这个情况仅在 class component 里才会出现，function component 里不会：\n * 报错示例:\n *\n * this.formRef?:  null\n * index.tsx:229 this.formRef?:  {getFieldValue: ƒ, getFieldsValue: ƒ, getFieldError: ƒ, getFieldWarning: ƒ, getFieldsError: ƒ, …}\n * index.tsx:229 this.formRef?:  null\n */\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":"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","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"]}
+{"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, FC } 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';\nimport { useParams } from 'react-router-dom';\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\n/**\n * 当前 card loading 不要直接使用，因为这个 loading 会导致 Card 里的 formRef 被设置成 null\n * 这个情况仅在 class component 里才会出现，function component 里不会：\n * 报错示例:\n *\n * this.formRef?:  null\n * index.tsx:229 this.formRef?:  {getFieldValue: ƒ, getFieldsValue: ƒ, getFieldError: ƒ, getFieldWarning: ƒ, getFieldsError: ƒ, …}\n * index.tsx:229 this.formRef?:  null\n */\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          this.formInstance?.resetFields();\n          history.back();\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\nconst ReactAntResourceFormFc: FC<ReactAntResourceFormProps> = (props) => {\n  const params = useParams();\n  return <ReactAntResourceForm params={params} {...props} />;\n};\n\nexport default ReactAntResourceForm;\nexport { ReactAntResourceFormFc };\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, { ReactAntResourceFormFc } from '.';\nimport type { ReactAntResourceFormProps } from '.';\n\nexport default ReactAntResourceForm;\nexport { ReactAntResourceFormFc };\nexport type { ReactAntResourceFormProps };\n"],"mappings":"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","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","useParams","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","formInstance","resetFields","handleKeydown","e","ctrlKey","metaKey","key","preventDefault","disableHotkeySave","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","ReactAntResourceFormFc","useParams","index_default","main_default","ReactAntResourceForm"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jswork/react-ant-resource-form",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "main": "dist/main.cjs.js",
   "module": "dist/main.esm.js",
   "types": "dist/main.d.ts",
@@ -16,13 +16,10 @@
     "postbuild": "postsass -s src/style.scss -d dist/style.css -c",
     "release": "release-it"
   },
-  "dependencies": {
-    "@jswork/react-ant-form-schema": "*"
-  },
   "devDependencies": {
-    "@jswork/react-ant-form-schema": "^1.0.21",
     "@ant-design/icons": "^6.1.0",
     "@jswork/next": "^1.4.2",
+    "@jswork/react-ant-form-schema": "^1.0.21",
     "@swc/core": "^1.3.93",
     "@types/react": "^18.2.28",
     "@types/react-dom": "^18.2.13",
@@ -32,13 +29,16 @@
     "cssnano": "^6.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-router-dom": "^7.9.4",
     "tsup": "^8.2.4",
     "typescript": "^5.2.2"
   },
   "peerDependencies": {
     "@ant-design/icons": "*",
     "@jswork/next": "*",
+    "@jswork/react-ant-form-schema": "*",
     "antd": "*",
+    "react-router-dom": "*",
     "classnames": "*",
     "react": "*",
     "react-dom": "*"

package/src/index.tsx

@@ -1,12 +1,13 @@
 // import noop from '@jswork/noop';
 import cx from 'classnames';
-import React, { Component } from 'react';
+import React, { Component, FC } 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 { API_FORM_LOCALES } from './locales';
 import nx from '@jswork/next';
+import { useParams } from 'react-router-dom';
 
 declare global {
   interface NxStatic {
@@ -163,6 +164,8 @@ class ReactAntResourceForm extends Component<ReactAntResourceFormProps, IState>
         .then((res: any) => {
           message.success(this.t('create_success'));
           this.handleStateResponse({ stage: 'create', data: res });
+          this.formInstance?.resetFields();
+          history.back();
         })
         .finally(() => this.setState({ loading: false }));
     }
@@ -273,4 +276,10 @@ class ReactAntResourceForm extends Component<ReactAntResourceFormProps, IState>
   }
 }
 
+const ReactAntResourceFormFc: FC<ReactAntResourceFormProps> = (props) => {
+  const params = useParams();
+  return <ReactAntResourceForm params={params} {...props} />;
+};
+
 export default ReactAntResourceForm;
+export { ReactAntResourceFormFc };

package/src/main.tsx

@@ -1,5 +1,6 @@
-import ReactAntResourceForm from '.';
+import ReactAntResourceForm, { ReactAntResourceFormFc } from '.';
 import type { ReactAntResourceFormProps } from '.';
 
 export default ReactAntResourceForm;
+export { ReactAntResourceFormFc };
 export type { ReactAntResourceFormProps };