@kne/form-info 0.1.0-alpha.2 → 0.1.1

package/dist/index.js

@@ -1,18 +1,18 @@
 require('@kne/info-page/dist/index.css');
 require('@kne/react-form-antd/dist/index.css');
 var reactFormAntd = require('@kne/react-form-antd');
-var React = require('react');
+var react = require('react');
 var InfoPage = require('@kne/info-page');
 var flexBox = require('@kne/flex-box');
 var reactFormPlus = require('@kne/react-form-plus');
 var antd = require('antd');
+var jsxRuntime = require('react/jsx-runtime');
 var icons = require('@ant-design/icons');
-var globalContext = require('@kne/global-context');
+var reactIntl = require('@kne/react-intl');
 var useControlValue = require('@kne/use-control-value');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var InfoPage__default = /*#__PURE__*/_interopDefaultLegacy(InfoPage);
 var useControlValue__default = /*#__PURE__*/_interopDefaultLegacy(useControlValue);
 
@@ -25,6 +25,15 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -108,26 +117,28 @@ var classnames = createCommonjsModule(function (module) {
 }());
 });
 
-var style = {"form-outer":"_ZQNNL","form-info":"_GW4Xx","extra-btn":"_eY4qR","list-part":"_SL3dC","list-item":"_PNnMa","is-important":"_Xkp38","list-item-part":"_HiB5Q","table-list-inner":"_Uw-3T","multi-field-item":"_uogqr","react-form__field-label":"_UGjS9","multi-field-add-btn":"_rjVPh","table-list":"_r8-bn","table-list-field":"_Qkutm","table-list-header":"_9WdfD","is-req":"_CsPaL","table-options":"_8smwK","steps":"_IOdkE","steps-form-inner":"_uc1HZ","steps-modal":"_vWPQO"};
+var style = {"form-outer":"_ZQNNL","form-info":"_GW4Xx","extra-btn":"_eY4qR","list-part":"_SL3dC","list-item":"_PNnMa","is-important":"_Xkp38","list-item-part":"_HiB5Q","table-list-inner":"_Uw-3T","multi-field-item":"_uogqr","react-form__field-label":"_UGjS9","multi-field-add-btn":"_rjVPh","table-list":"_r8-bn","table-list-field":"_Qkutm","table-list-header":"_9WdfD","is-req":"_CsPaL","table-options":"_8smwK","steps":"_IOdkE","steps-form-inner":"_uc1HZ","steps-modal":"_vWPQO","table-list-empty":"_DXskv"};
 
+const _excluded$7 = ["className", "column", "list", "gap"];
 const FormInfo = props => {
-  const {
-    className,
-    column,
-    list,
-    gap,
-    ...others
-  } = Object.assign({}, {
-    column: 2,
-    list: []
-  }, props);
+  const _Object$assign = Object.assign({}, {
+      column: 2,
+      list: []
+    }, props),
+    {
+      className,
+      column,
+      list,
+      gap
+    } = _Object$assign,
+    others = _objectWithoutPropertiesLoose(_Object$assign, _excluded$7);
   const isFlexBox = !(Number.isInteger(column) && column > 0);
   const {
     ref: flexBoxRef,
     column: flexBoxColumn
   } = flexBox.useFlexBox(isFlexBox ? column : {});
   const renderInner = (column, notLayout) => {
-    return /*#__PURE__*/React__default["default"].createElement(reactFormPlus.FormInfo, {
+    return /*#__PURE__*/jsxRuntime.jsx(reactFormPlus.FormInfo, {
       list: list,
       column: column,
       className: classnames({
@@ -135,20 +146,24 @@ const FormInfo = props => {
       }),
       itemRender: (children, props) => {
         if (props.hidden) {
-          return /*#__PURE__*/React__default["default"].createElement("div", {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
             style: {
               display: 'none'
-            }
-          }, children);
+            },
+            children: children
+          });
         }
-        return /*#__PURE__*/React__default["default"].createElement(antd.Col, {
-          span: props.span
-        }, children);
+        return /*#__PURE__*/jsxRuntime.jsx(antd.Col, {
+          span: props.span,
+          children: children
+        });
+      },
+      children: children => {
+        return /*#__PURE__*/jsxRuntime.jsx(antd.Row, {
+          gutter: [gap || 24, 0],
+          children: children
+        });
       }
-    }, children => {
-      return /*#__PURE__*/React__default["default"].createElement(antd.Row, {
-        gutter: [gap || 24, 0]
-      }, children);
     });
   };
   const renderColumn = () => {
@@ -160,205 +175,244 @@ const FormInfo = props => {
     }
     return renderInner(2, true);
   };
-  return /*#__PURE__*/React__default["default"].createElement(InfoPage__default["default"].Part, _extends({}, others, {
-    className: classnames(className, style['form-info'])
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    ref: flexBoxRef
-  }), renderColumn());
+  return /*#__PURE__*/jsxRuntime.jsxs(InfoPage__default["default"].Part, _extends({}, others, {
+    className: classnames(className, style['form-info']),
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      ref: flexBoxRef
+    }), renderColumn()]
+  }));
 };
 
-const List = p => {
-  const {
-    locale: contextLocale
-  } = globalContext.useContext();
-  const locale = Object.assign({}, {
-    添加: '添加',
-    删除: '删除'
-  }, contextLocale, p.locale);
+const locale$1 = {
+  submit: '提交',
+  cancel: '取消',
+  complete: '完成',
+  next: '下一步',
+  addText: '添加',
+  deleteText: '删除'
+};
+
+const locale = {
+  submit: 'Submit',
+  cancel: 'Cancel',
+  complete: 'Complete',
+  next: 'Next',
+  addText: 'Add',
+  deleteText: 'Delete'
+};
+
+const withLocale = reactIntl.createWithIntlProvider({
+  defaultLocale: 'zh-CN',
+  messages: {
+    'zh-CN': locale$1,
+    'en-US': locale
+  },
+  namespace: 'form-info'
+});
+
+const _excluded$6 = ["className", "itemClassName", "removeIcon", "removeText", "addText", "addIcon", "important", "title"],
+  _excluded2$2 = ["id", "allowRemove", "onRemove", "index", "groupArgs"];
+const List = withLocale(p => {
   const {
-    className,
-    itemClassName,
-    removeIcon,
-    removeText,
-    addText,
-    addIcon,
-    important,
-    title,
-    ...others
-  } = Object.assign({}, {
-    addText: locale['添加'],
-    addIcon: /*#__PURE__*/React__default["default"].createElement(icons.PlusOutlined, null),
-    removeText: locale['删除'],
-    removeIcon: /*#__PURE__*/React__default["default"].createElement(icons.DeleteOutlined, null),
-    empty: /*#__PURE__*/React__default["default"].createElement(antd.Empty, {
-      description: false
-    })
-  }, p, {
-    locale
-  });
-  return /*#__PURE__*/React__default["default"].createElement(reactFormPlus.SubList, _extends({}, others, {
+    formatMessage
+  } = reactIntl.useIntl();
+  const _Object$assign = Object.assign({}, {
+      addText: formatMessage({
+        id: 'addText'
+      }),
+      addIcon: /*#__PURE__*/jsxRuntime.jsx(icons.PlusOutlined, {}),
+      removeText: formatMessage({
+        id: 'deleteText'
+      }),
+      removeIcon: /*#__PURE__*/jsxRuntime.jsx(icons.DeleteOutlined, {}),
+      empty: /*#__PURE__*/jsxRuntime.jsx(antd.Empty, {
+        description: false
+      })
+    }, p),
+    {
+      className,
+      itemClassName,
+      removeIcon,
+      removeText,
+      addText,
+      addIcon,
+      important,
+      title
+    } = _Object$assign,
+    others = _objectWithoutPropertiesLoose(_Object$assign, _excluded$6);
+  return /*#__PURE__*/jsxRuntime.jsx(reactFormPlus.SubList, _extends({}, others, {
     className: classnames(className, style['list-part']),
     listRender: _ref => {
       let {
-        id,
-        allowRemove,
-        onRemove,
-        index,
-        groupArgs,
-        ...props
-      } = _ref;
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        key: id,
+          id,
+          allowRemove,
+          onRemove
+        } = _ref,
+        props = _objectWithoutPropertiesLoose(_ref, _excluded2$2);
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: classnames(style['list-item'], {
           [style['is-important']]: important
-        })
-      }, /*#__PURE__*/React__default["default"].createElement(FormInfo, _extends({}, props, {
-        className: style['list-item-part'],
-        gap: 16,
-        extra: allowRemove && /*#__PURE__*/React__default["default"].createElement(antd.Button, {
-          type: "link",
-          danger: true,
-          className: "btn-no-padding",
-          icon: removeIcon,
-          onClick: onRemove
-        }, removeText)
-      })), /*#__PURE__*/React__default["default"].createElement(antd.Divider, null));
+        }),
+        children: [/*#__PURE__*/jsxRuntime.jsx(FormInfo, _extends({}, props, {
+          className: style['list-item-part'],
+          gap: 16,
+          extra: allowRemove && /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+            type: "link",
+            danger: true,
+            className: "btn-no-padding",
+            icon: removeIcon,
+            onClick: onRemove,
+            children: removeText
+          })
+        })), /*#__PURE__*/jsxRuntime.jsx(antd.Divider, {})]
+      }, id);
+    },
+    children: (children, _ref2) => {
+      let {
+        allowAdd,
+        onAdd
+      } = _ref2;
+      return /*#__PURE__*/jsxRuntime.jsx(InfoPage__default["default"].Part, {
+        className: itemClassName,
+        title: title,
+        extra: allowAdd && /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+          className: style['extra-btn'],
+          icon: addIcon,
+          onClick: onAdd,
+          children: addText
+        }),
+        children: children
+      });
     }
-  }), (children, _ref2) => {
-    let {
-      allowAdd,
-      onAdd
-    } = _ref2;
-    return /*#__PURE__*/React__default["default"].createElement(InfoPage__default["default"].Part, {
-      className: itemClassName,
-      title: title,
-      extra: allowAdd && /*#__PURE__*/React__default["default"].createElement(antd.Button, {
-        className: style['extra-btn'],
-        icon: addIcon,
-        onClick: onAdd
-      }, addText)
-    }, children);
-  });
-};
+  }));
+});
 
-const MultiField = p => {
-  const {
-    locale: contextLocale
-  } = globalContext.useContext();
-  const locale = Object.assign({}, {
-    添加: '添加'
-  }, contextLocale, p.locale);
+const _excluded$5 = ["className", "addText", "addIcon", "removeIcon", "removeText"];
+const MultiField = withLocale(p => {
   const {
-    className,
-    addText,
-    addIcon,
-    removeIcon,
-    removeText,
-    ...others
-  } = Object.assign({}, {
-    addText: locale['添加'],
-    addIcon: /*#__PURE__*/React__default["default"].createElement(icons.PlusOutlined, null),
-    removeIcon: /*#__PURE__*/React__default["default"].createElement(icons.DeleteOutlined, null),
-    removeText: null,
-    empty: /*#__PURE__*/React__default["default"].createElement(antd.Empty, {
-      description: false
-    })
-  }, p, {
-    locale
-  });
-  return /*#__PURE__*/React__default["default"].createElement(reactFormPlus.MultiField, _extends({}, others, {
+    formatMessage
+  } = reactIntl.useIntl();
+  const _Object$assign = Object.assign({}, {
+      addText: formatMessage({
+        id: 'addText'
+      }),
+      addIcon: /*#__PURE__*/jsxRuntime.jsx(icons.PlusOutlined, {}),
+      removeIcon: /*#__PURE__*/jsxRuntime.jsx(icons.DeleteOutlined, {}),
+      removeText: null,
+      empty: /*#__PURE__*/jsxRuntime.jsx(antd.Empty, {
+        description: false
+      })
+    }, p),
+    {
+      className,
+      addText,
+      addIcon,
+      removeIcon,
+      removeText
+    } = _Object$assign,
+    others = _objectWithoutPropertiesLoose(_Object$assign, _excluded$5);
+  return /*#__PURE__*/jsxRuntime.jsx(reactFormPlus.MultiField, _extends({}, others, {
     itemRender: (children, _ref) => {
       let {
         id,
         allowRemove,
         onRemove
       } = _ref;
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        key: id,
-        className: classnames('multi-field-item', style['multi-field-item'])
-      }, children, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classnames(style['react-form__field-label'], 'react-form__field-label', 'multi-field-delete-label')
-      }), /*#__PURE__*/React__default["default"].createElement(antd.Button, {
-        icon: removeIcon,
-        onClick: onRemove,
-        disabled: !allowRemove
-      }, typeof removeText === 'function' ? removeText(others.label) : removeText)));
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: classnames('multi-field-item', style['multi-field-item']),
+        children: [children, /*#__PURE__*/jsxRuntime.jsxs("div", {
+          children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+            className: classnames(style['react-form__field-label'], 'react-form__field-label', 'multi-field-delete-label')
+          }), /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+            icon: removeIcon,
+            onClick: onRemove,
+            disabled: !allowRemove,
+            children: typeof removeText === 'function' ? removeText(others.label) : removeText
+          })]
+        })]
+      }, id);
+    },
+    children: (children, _ref2) => {
+      let {
+        allowAdd,
+        onAdd
+      } = _ref2;
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: classnames(className, 'multi-field', style['multi-field']),
+        children: [children, allowAdd && /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+          className: classnames('multi-field-add-btn', style['multi-field-add-btn']),
+          type: "dashed",
+          onClick: onAdd,
+          icon: addIcon,
+          children: typeof addText === 'function' ? addText(others.label) : "" + addText + others.label
+        })]
+      });
     }
-  }), (children, _ref2) => {
-    let {
-      allowAdd,
-      onAdd
-    } = _ref2;
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: classnames(className, 'multi-field', style['multi-field'])
-    }, children, allowAdd && /*#__PURE__*/React__default["default"].createElement(antd.Button, {
-      className: classnames('multi-field-add-btn', style['multi-field-add-btn']),
-      type: "dashed",
-      onClick: onAdd,
-      icon: addIcon
-    }, typeof addText === 'function' ? addText(others.label) : `${addText}${others.label}`));
-  });
-};
+  }));
+});
 
-const TableList = p => {
-  const {
-    locale: contextLocale
-  } = globalContext.useContext();
-  const locale = Object.assign({}, {
-    添加: '添加',
-    删除: '删除'
-  }, contextLocale, p.locale);
+const _excluded$4 = ["className", "addIcon", "addText", "removeIcon", "removeText", "title"];
+const TableList = withLocale(p => {
   const {
-    className,
-    addIcon,
-    addText,
-    removeIcon,
-    removeText,
-    title,
-    ...others
-  } = Object.assign({}, {
-    empty: /*#__PURE__*/React__default["default"].createElement(antd.Empty, {
-      description: false
-    }),
-    addIcon: /*#__PURE__*/React__default["default"].createElement(icons.PlusOutlined, null),
-    addText: locale['添加'],
-    removeIcon: /*#__PURE__*/React__default["default"].createElement(icons.DeleteOutlined, null),
-    removeText: locale['删除']
-  }, p, {
-    locale
-  });
-  return /*#__PURE__*/React__default["default"].createElement(reactFormPlus.TableList, _extends({}, others, {
+    formatMessage
+  } = reactIntl.useIntl();
+  const _Object$assign = Object.assign({}, {
+      empty: /*#__PURE__*/jsxRuntime.jsx(antd.Empty, {
+        description: false,
+        className: style['table-list-empty']
+      }),
+      addIcon: /*#__PURE__*/jsxRuntime.jsx(icons.PlusOutlined, {}),
+      addText: formatMessage({
+        id: 'addText'
+      }),
+      removeIcon: /*#__PURE__*/jsxRuntime.jsx(icons.DeleteOutlined, {}),
+      removeText: formatMessage({
+        id: 'deleteText'
+      })
+    }, p),
+    {
+      className,
+      addIcon,
+      addText,
+      removeIcon,
+      removeText,
+      title
+    } = _Object$assign,
+    others = _objectWithoutPropertiesLoose(_Object$assign, _excluded$4);
+  return /*#__PURE__*/jsxRuntime.jsx(reactFormPlus.TableList, _extends({}, others, {
     headerRender: (children, _ref) => {
       let {
         width
       } = _ref;
-      return /*#__PURE__*/React__default["default"].createElement(antd.Row, {
+      return /*#__PURE__*/jsxRuntime.jsxs(antd.Row, {
         className: style['table-list-header'],
         wrap: false,
         style: {
           '--col-width': width
-        }
-      }, children, /*#__PURE__*/React__default["default"].createElement(antd.Col, {
-        className: style['table-options']
-      }));
+        },
+        children: [children, /*#__PURE__*/jsxRuntime.jsx(antd.Col, {
+          className: style['table-options']
+        })]
+      });
     },
     headerItemRender: (children, _ref2) => {
       let {
         id,
         isReq
       } = _ref2;
-      return /*#__PURE__*/React__default["default"].createElement(antd.Col, {
+      return /*#__PURE__*/jsxRuntime.jsx(antd.Col, {
         className: classnames({
           [style['is-req']]: isReq
         }),
-        key: id
-      }, children);
+        children: children
+      }, id);
     },
     itemRender: children => {
-      return /*#__PURE__*/React__default["default"].createElement(antd.Col, {
+      return /*#__PURE__*/jsxRuntime.jsx(antd.Col, {
         className: style['table-list-field'],
-        flex: 1
-      }, children);
+        flex: 1,
+        children: children
+      });
     },
     listRender: (children, _ref3) => {
       let {
@@ -367,54 +421,65 @@ const TableList = p => {
         onRemove,
         allowRemove
       } = _ref3;
-      return /*#__PURE__*/React__default["default"].createElement(antd.Row, {
-        key: id,
+      return /*#__PURE__*/jsxRuntime.jsxs(antd.Row, {
         wrap: false,
         align: "top",
         style: {
           '--col-width': width
-        }
-      }, children, /*#__PURE__*/React__default["default"].createElement(antd.Col, {
-        className: style['table-options']
-      }, /*#__PURE__*/React__default["default"].createElement(antd.Button, {
-        type: "link",
-        onClick: onRemove,
-        danger: true,
-        disabled: !allowRemove,
-        icon: removeIcon
-      }, removeText)));
+        },
+        children: [children, /*#__PURE__*/jsxRuntime.jsx(antd.Col, {
+          className: style['table-options'],
+          children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+            type: "link",
+            onClick: onRemove,
+            danger: true,
+            disabled: !allowRemove,
+            icon: removeIcon,
+            children: removeText
+          })
+        })]
+      }, id);
+    },
+    children: (children, _ref4) => {
+      let {
+        onAdd,
+        allowAdd
+      } = _ref4;
+      return /*#__PURE__*/jsxRuntime.jsx(InfoPage__default["default"].Part, {
+        title: title,
+        className: classnames(className, style['table-list']),
+        extra: allowAdd && /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+          className: style['extra-btn'],
+          icon: addIcon,
+          onClick: onAdd,
+          children: addText
+        }),
+        children: /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: style['table-list-inner'],
+          children: children
+        })
+      });
     }
-  }), (children, _ref4) => {
-    let {
-      onAdd,
-      allowAdd
-    } = _ref4;
-    return /*#__PURE__*/React__default["default"].createElement(InfoPage__default["default"].Part, {
-      title: title,
-      className: classnames(className, style['table-list']),
-      extra: allowAdd && /*#__PURE__*/React__default["default"].createElement(antd.Button, {
-        className: style['extra-btn'],
-        icon: addIcon,
-        onClick: onAdd
-      }, addText)
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: style['table-list-inner']
-    }, children));
-  });
-};
+  }));
+});
 
-const Form = React.forwardRef((props, ref) => {
-  const {
-    className,
-    children,
-    ...others
-  } = Object.assign({}, {
-    type: 'inner'
-  }, props);
-  return /*#__PURE__*/React__default["default"].createElement(reactFormAntd.FormAntd, _extends({}, others, {
+const _excluded$3 = ["className", "children"];
+const Form = /*#__PURE__*/react.forwardRef((props, ref) => {
+  const _Object$assign = Object.assign({}, {
+      type: 'inner'
+    }, props),
+    {
+      className,
+      children
+    } = _Object$assign,
+    others = _objectWithoutPropertiesLoose(_Object$assign, _excluded$3);
+  return /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.FormAntd, _extends({}, others, {
     ref: ref,
-    className: classnames(className, style['form-outer'])
-  }), /*#__PURE__*/React__default["default"].createElement(InfoPage__default["default"], null, children));
+    className: classnames(className, style['form-outer']),
+    children: /*#__PURE__*/jsxRuntime.jsx(InfoPage__default["default"], {
+      children: children
+    })
+  }));
 });
 
 /**
@@ -3658,52 +3723,61 @@ var omit = _flatRest(function(object, paths) {
 
 var omit_1 = omit;
 
+const _excluded$2 = ["children", "cancelText", "cancelButtonProps", "okButtonProps", "okType", "onOk", "okText"],
+  _excluded2$1 = ["formProps", "autoClose", "children", "modalRender"],
+  _excluded3$1 = ["formProps", "okType", "okButtonProps", "okText", "onOk", "cancelButtonProps", "cancelText", "footer", "renderModal", "modalRender", "autoClose"];
 const ModalFooter = props => {
   const {
-    children,
-    cancelText,
-    cancelButtonProps,
-    okButtonProps,
-    okType,
-    onOk,
-    okText,
-    ...others
-  } = props;
-  const defaultFooter = /*#__PURE__*/React__default["default"].createElement(antd.Flex, {
+      children,
+      cancelText,
+      cancelButtonProps,
+      okButtonProps,
+      okType,
+      onOk,
+      okText
+    } = props,
+    others = _objectWithoutPropertiesLoose(props, _excluded$2);
+  const defaultFooter = /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
     justify: "space-between",
-    gap: 8
-  }, /*#__PURE__*/React__default["default"].createElement("div", null), /*#__PURE__*/React__default["default"].createElement(antd.Flex, {
-    gap: 8
-  }, /*#__PURE__*/React__default["default"].createElement(reactFormAntd.CancelButton, Object.assign({}, cancelButtonProps, {
-    onClick: others.onCancel
-  }), cancelText), /*#__PURE__*/React__default["default"].createElement(reactFormAntd.SubmitButton, Object.assign({}, okButtonProps, {
-    type: okType,
-    onClick: onOk
-  }), okText)));
+    gap: 8,
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {}), /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
+      gap: 8,
+      children: [/*#__PURE__*/jsxRuntime.jsx(reactFormAntd.CancelButton, _extends({}, Object.assign({}, cancelButtonProps, {
+        onClick: others.onCancel
+      }), {
+        children: cancelText
+      })), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.SubmitButton, _extends({}, Object.assign({}, okButtonProps, {
+        type: okType,
+        onClick: onOk
+      }), {
+        children: okText
+      }))]
+    })]
+  });
   if (typeof children === 'function') {
     return children({
       defaultFooter,
       props: omit_1(props, ['children'])
     });
   }
-  if (React.isValidElement(children) || children === null) {
+  if (/*#__PURE__*/react.isValidElement(children) || children === null) {
     return children;
   }
   return defaultFooter;
 };
 const ModalForm = props => {
   const {
-    formProps,
-    autoClose,
-    children,
-    modalRender,
-    ...others
-  } = props;
-  const formChildren = /*#__PURE__*/React__default["default"].createElement(Form, Object.assign({}, formProps, {
+      formProps,
+      autoClose,
+      children,
+      modalRender
+    } = props,
+    others = _objectWithoutPropertiesLoose(props, _excluded2$1);
+  const formChildren = /*#__PURE__*/jsxRuntime.jsx(Form, _extends({}, Object.assign({}, formProps, {
     onSubmit: function (data) {
       try {
         const _arguments = arguments;
-        return Promise.resolve(formProps.onSubmit?.(data, {
+        return Promise.resolve(formProps.onSubmit == null ? void 0 : formProps.onSubmit(data, {
           close: others.onCancel
         }, ...[].slice.call(_arguments, 1))).then(function (res) {
           if (res === false) {
@@ -3715,53 +3789,54 @@ const ModalForm = props => {
         return Promise.reject(e);
       }
     }
-  }), children);
+  }), {
+    children: children
+  }));
   return typeof modalRender === 'function' ? modalRender({
     formChildren,
     defaultChildren: children,
     props: omit_1(props, ['children'])
   }) : formChildren;
 };
-const FormModal = p => {
+const FormModal = withLocale(p => {
   const {
-    locale: contextLocale
-  } = globalContext.useContext();
-  const locale = Object.assign({}, {
-    提交: '提交',
-    取消: '取消'
-  }, contextLocale, p.locale);
-  const {
-    formProps,
-    okType,
-    okButtonProps,
-    okText,
-    onOk,
-    cancelButtonProps,
-    cancelText,
-    footer,
-    renderModal,
-    modalRender,
-    autoClose,
-    ...others
-  } = Object.assign({}, {
-    formProps: {},
-    autoClose: true,
-    okType: 'primary',
-    okText: locale['提交'],
-    cancelText: locale['取消'],
-    renderModal: props => /*#__PURE__*/React__default["default"].createElement(antd.Modal, props)
-  }, p, {
-    locale
-  });
+    formatMessage
+  } = reactIntl.useIntl();
+  const _Object$assign = Object.assign({}, {
+      formProps: {},
+      autoClose: true,
+      okType: 'primary',
+      okText: formatMessage({
+        id: 'submit'
+      }),
+      cancelText: formatMessage({
+        id: 'cancel'
+      }),
+      renderModal: props => /*#__PURE__*/jsxRuntime.jsx(antd.Modal, _extends({}, props))
+    }, p),
+    {
+      formProps,
+      okType,
+      okButtonProps,
+      okText,
+      onOk,
+      cancelButtonProps,
+      cancelText,
+      footer,
+      renderModal,
+      modalRender,
+      autoClose
+    } = _Object$assign,
+    others = _objectWithoutPropertiesLoose(_Object$assign, _excluded3$1);
   return renderModal(Object.assign({}, others, {
-    modalRender: children => /*#__PURE__*/React__default["default"].createElement(ModalForm, Object.assign({}, others, {
+    modalRender: children => /*#__PURE__*/jsxRuntime.jsx(ModalForm, _extends({}, Object.assign({}, others, {
       formProps,
       autoClose,
       children,
       modalRender
-    })),
+    }))),
     footer: () => {
-      return /*#__PURE__*/React__default["default"].createElement(ModalFooter, Object.assign({}, others, {
+      return /*#__PURE__*/jsxRuntime.jsx(ModalFooter, _extends({}, Object.assign({}, others, {
         children: footer,
         cancelText,
         cancelButtonProps,
@@ -3769,44 +3844,51 @@ const FormModal = p => {
         okType,
         onOk,
         okText
-      }));
+      })));
     }
   }));
-};
+});
 
+const _excluded$1 = ["className", "stepsClassName", "autoStep", "onComplete", "children"];
 const FormSteps = p => {
-  const {
-    className,
-    stepsClassName,
-    autoStep,
-    onComplete,
-    children,
-    ...stepProps
-  } = Object.assign({}, {
-    autoStep: true,
-    defaultCurrent: 0,
-    items: [],
-    onComplete: () => {}
-  }, p);
+  var _stepProps$items$curr, _stepProps$items$curr2, _stepCacheRef$current, _stepProps$items$curr3;
+  const _Object$assign = Object.assign({}, {
+      autoStep: true,
+      defaultCurrent: 0,
+      items: [],
+      onComplete: () => {}
+    }, p),
+    {
+      className,
+      stepsClassName,
+      autoStep,
+      onComplete,
+      children
+    } = _Object$assign,
+    stepProps = _objectWithoutPropertiesLoose(_Object$assign, _excluded$1);
   const [currentStep, onStepChange] = useControlValue__default["default"](stepProps, {
     value: 'current',
     defaultValue: 'defaultCurrent'
   });
-  const stepCacheRef = React.useRef([]);
+  const stepCacheRef = react.useRef([]);
   const isLastStep = currentStep === stepProps.items.length - 1;
-  const currentFormProps = Object.assign({}, stepProps.items[currentStep]?.formProps);
-  const inner = /*#__PURE__*/React__default["default"].createElement(antd.Flex, {
+  const currentFormProps = Object.assign({}, (_stepProps$items$curr = stepProps.items[currentStep]) == null ? void 0 : _stepProps$items$curr.formProps, {
+    data: Object.assign({}, (_stepProps$items$curr2 = stepProps.items[currentStep]) == null || (_stepProps$items$curr2 = _stepProps$items$curr2.formProps) == null ? void 0 : _stepProps$items$curr2.data, (_stepCacheRef$current = stepCacheRef.current[currentStep]) == null ? void 0 : _stepCacheRef$current.formData)
+  });
+  const inner = /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
     className: className,
-    vertical: stepProps.direction !== 'vertical',
-    gap: 24
-  }, /*#__PURE__*/React__default["default"].createElement(antd.Steps, _extends({}, omit_1(stepProps, ['current', 'defaultCurrent', 'onChange']), {
-    className: classnames(stepsClassName, style['steps']),
-    items: stepProps.items.map(item => omit_1(item, ['formProps'])),
-    current: currentStep
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: style['steps-form-inner']
-  }, stepProps.items[currentStep]?.children));
-  return /*#__PURE__*/React__default["default"].createElement(Form, Object.assign({}, currentFormProps, {
+    vertical: stepProps.direction !== 'vertical' || stepProps.orientation !== 'vertical',
+    gap: 24,
+    children: [/*#__PURE__*/jsxRuntime.jsx(antd.Steps, _extends({}, omit_1(stepProps, ['current', 'defaultCurrent', 'onChange']), {
+      className: classnames(stepsClassName, style['steps']),
+      items: stepProps.items.map(item => omit_1(item, ['formProps'])),
+      current: currentStep
+    })), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: style['steps-form-inner'],
+      children: (_stepProps$items$curr3 = stepProps.items[currentStep]) == null ? void 0 : _stepProps$items$curr3.children
+    })]
+  });
+  return /*#__PURE__*/react.createElement(Form, _extends({}, Object.assign({}, currentFormProps, {
     onSubmit: function (data) {
       try {
         const _arguments = arguments;
@@ -3814,7 +3896,7 @@ const FormSteps = p => {
           stepCacheRef.current[currentStep] = {};
         }
         stepCacheRef.current[currentStep].formData = data;
-        return Promise.resolve(currentFormProps.onSubmit?.(data, {
+        return Promise.resolve(currentFormProps.onSubmit == null ? void 0 : currentFormProps.onSubmit(data, {
           currentStep,
           onStepChange,
           stepCache: stepCacheRef.current,
@@ -3835,6 +3917,8 @@ const FormSteps = p => {
         return Promise.reject(e);
       }
     }
+  }), {
+    key: currentStep
   }), typeof children === 'function' ? children({
     children: inner,
     isLastStep,
@@ -4214,12 +4298,15 @@ var merge = _createAssigner(function(object, source, srcIndex) {
 
 var merge_1 = merge;
 
-const childrenContext = React.createContext({});
+const _excluded = ["completeText", "nextText"],
+  _excluded2 = ["modalProps", "completeText", "nextText", "className"],
+  _excluded3 = ["children"];
+const childrenContext = /*#__PURE__*/react.createContext({});
 const {
   Provider
 } = childrenContext;
 const useChildrenContext = () => {
-  return React.useContext(childrenContext);
+  return react.useContext(childrenContext);
 };
 const StepChildren = () => {
   const {
@@ -4228,50 +4315,54 @@ const StepChildren = () => {
   return stepChildren;
 };
 const StepFormFooter = p => {
-  const {
-    completeText,
-    nextText,
-    ...props
-  } = Object.assign({}, p);
+  const _Object$assign = Object.assign({}, p),
+    {
+      completeText,
+      nextText
+    } = _Object$assign,
+    props = _objectWithoutPropertiesLoose(_Object$assign, _excluded);
   const {
     isLastStep
   } = useChildrenContext();
-  return /*#__PURE__*/React__default["default"].createElement(ModalFooter, _extends({}, props, {
+  return /*#__PURE__*/jsxRuntime.jsx(ModalFooter, _extends({}, props, {
     okText: isLastStep ? completeText : nextText
   }));
 };
-const FormStepsModal = p => {
-  const locale = Object.assign({}, {
-    完成: '完成',
-    下一步: '下一步'
-  }, p.locale);
+const FormStepsModal = withLocale(p => {
   const {
-    modalProps,
-    completeText,
-    nextText,
-    className,
-    ...others
-  } = merge_1({}, {
-    autoStep: true,
-    modalProps: {
-      autoClose: true
-    },
-    completeText: locale['完成'],
-    nextText: locale['下一步']
-  }, p, {
-    locale
-  });
-  return /*#__PURE__*/React__default["default"].createElement(FormModal, _extends({}, modalProps, {
+    formatMessage
+  } = reactIntl.useIntl();
+  const _merge = merge_1({}, {
+      autoStep: true,
+      modalProps: {
+        autoClose: true
+      },
+      completeText: formatMessage({
+        id: 'complete'
+      }),
+      nextText: formatMessage({
+        id: 'next'
+      })
+    }, p),
+    {
+      modalProps,
+      completeText,
+      nextText,
+      className
+    } = _merge,
+    others = _objectWithoutPropertiesLoose(_merge, _excluded2);
+  return /*#__PURE__*/jsxRuntime.jsx(FormModal, _extends({}, modalProps, {
     modalRender: _ref => {
       let {
         defaultChildren
       } = _ref;
-      return /*#__PURE__*/React__default["default"].createElement(FormSteps, _extends({}, Object.assign({}, others, {
+      return /*#__PURE__*/jsxRuntime.jsx(FormSteps, _extends({}, Object.assign({}, others, {
         items: others.items.map(item => {
           return Object.assign({}, item, {
             formProps: Object.assign({}, item.formProps, {
               onSubmit: function (data, context) {
-                return item.formProps?.onSubmit?.(data, Object.assign({}, context, {
+                var _item$formProps;
+                return (_item$formProps = item.formProps) == null || _item$formProps.onSubmit == null ? void 0 : _item$formProps.onSubmit(data, Object.assign({}, context, {
                   close: modalProps.onCancel
                 }), ...[].slice.call(arguments, 2));
               }
@@ -4282,37 +4373,39 @@ const FormStepsModal = p => {
         className: classnames(className, style['steps-modal']),
         onComplete: function (data) {
           try {
-            return Promise.resolve(others.onComplete?.(data)).then(function (res) {
-              modalProps.autoClose && res !== false && modalProps.onCancel?.();
+            return Promise.resolve(others.onComplete == null ? void 0 : others.onComplete(data)).then(function (res) {
+              modalProps.autoClose && res !== false && (modalProps.onCancel == null ? void 0 : modalProps.onCancel());
             });
           } catch (e) {
             return Promise.reject(e);
           }
+        },
+        children: _ref2 => {
+          let {
+              children: stepChildren
+            } = _ref2,
+            props = _objectWithoutPropertiesLoose(_ref2, _excluded3);
+          return /*#__PURE__*/jsxRuntime.jsx(Provider, {
+            value: _extends({
+              stepChildren
+            }, props),
+            children: defaultChildren
+          });
         }
-      }), _ref2 => {
-        let {
-          children: stepChildren,
-          ...props
-        } = _ref2;
-        return /*#__PURE__*/React__default["default"].createElement(Provider, {
-          value: {
-            stepChildren,
-            ...props
-          }
-        }, defaultChildren);
-      });
+      }));
     },
     footer: _ref3 => {
       let {
         props
       } = _ref3;
-      return /*#__PURE__*/React__default["default"].createElement(StepFormFooter, _extends({}, props, {
+      return /*#__PURE__*/jsxRuntime.jsx(StepFormFooter, _extends({}, props, {
         completeText: completeText,
         nextText: nextText
       }));
-    }
-  }), /*#__PURE__*/React__default["default"].createElement(StepChildren, null));
-};
+    },
+    children: /*#__PURE__*/jsxRuntime.jsx(StepChildren, {})
+  }));
+});
 
 exports.Form = Form;
 exports.FormModal = FormModal;