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

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\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 } 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"]}

package/dist/main.d.mts

@@ -36,6 +36,15 @@ type ReactAntResourceFormProps = {
 type IState = {
     loading: boolean;
 };
+/**
+ * 当前 card loading 不要直接使用，因为这个 loading 会导致 Card 里的 formRef 被设置成 null
+ * 这个情况仅在 class component 里才会出现，function component 里不会：
+ * 报错示例:
+ *
+ * this.formRef?:  null
+ * index.tsx:229 this.formRef?:  {getFieldValue: ƒ, getFieldsValue: ƒ, getFieldError: ƒ, getFieldWarning: ƒ, getFieldsError: ƒ, …}
+ * index.tsx:229 this.formRef?:  null
+ */
 declare class ReactAntResourceForm extends Component<ReactAntResourceFormProps, IState> {
     static defaultProps: {
         lang: string;

package/dist/main.d.ts

@@ -36,6 +36,15 @@ type ReactAntResourceFormProps = {
 type IState = {
     loading: boolean;
 };
+/**
+ * 当前 card loading 不要直接使用，因为这个 loading 会导致 Card 里的 formRef 被设置成 null
+ * 这个情况仅在 class component 里才会出现，function component 里不会：
+ * 报错示例:
+ *
+ * this.formRef?:  null
+ * index.tsx:229 this.formRef?:  {getFieldValue: ƒ, getFieldsValue: ƒ, getFieldError: ƒ, getFieldWarning: ƒ, getFieldsError: ƒ, …}
+ * index.tsx:229 this.formRef?:  null
+ */
 declare class ReactAntResourceForm extends Component<ReactAntResourceFormProps, IState> {
     static defaultProps: {
         lang: string;

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\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 } 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":"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,EA4DMC,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,CA3KnB,IAAAtC,EA6KI,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,CA1GrB,IAAA5C,EA2GI,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,CAlIjD,IAAA1E,EAAA2E,EAmII,YAAKxC,SAAS,CAAEC,QAAS,EAAK,CAAA,IACvBuC,GAAA3E,EAAA,KAAKG,OAAMyE,mBAAX,YAAAD,EAAA,KAAA3E,EAA8B0E,KAAiBA,EAAavD,OACrE,CAEAa,oBAAoBJ,EAAgB,CAvItC,IAAA5B,EAAA2E,EAAAE,EAAAC,EAwII,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,CAlM3D,IAAAtF,EAAA2E,EAmMI,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,CAzNf,IAAA5B,EAAA2E,EA0NU,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,CAzPN,EA2PQ3C,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,EEhRf,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.11",
+  "version": "1.0.12",
   "main": "dist/main.cjs.js",
   "module": "dist/main.esm.js",
   "types": "dist/main.d.ts",

package/src/hooks.ts

@@ -1,5 +1,11 @@
 import { useEffect, useCallback } from 'react';
 
+/**
+ * 这个Hook此项目已经用不到了，不过，如果后面当前组件需要改写成 functional 的形式，需要用到
+ * 暂时可以保留
+ * @param callback
+ */
+
 export const useKeyboardSave = (callback: (e: KeyboardEvent) => void) => {
   const handler = useCallback(
     (e: KeyboardEvent) => {

package/src/index.tsx

@@ -48,6 +48,16 @@ type IState = {
 
 const CLASS_NAME = 'react-ant-resource-form';
 
+/**
+ * 当前 card loading 不要直接使用，因为这个 loading 会导致 Card 里的 formRef 被设置成 null
+ * 这个情况仅在 class component 里才会出现，function component 里不会：
+ * 报错示例:
+ *
+ * this.formRef?:  null
+ * index.tsx:229 this.formRef?:  {getFieldValue: ƒ, getFieldsValue: ƒ, getFieldError: ƒ, getFieldWarning: ƒ, getFieldsError: ƒ, …}
+ * index.tsx:229 this.formRef?:  null
+ */
+
 class ReactAntResourceForm extends Component<ReactAntResourceFormProps, IState> {
   public static defaultProps = {
     lang: 'zh-CN',