@jswork/react-ant-form-schema 1.0.2 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jswork/react-ant-form-schema",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "main": "dist/main.cjs.js",
   "module": "dist/main.esm.js",
   "types": "dist/main.d.ts",

package/src/index.tsx

@@ -1,6 +1,6 @@
 import cx from 'classnames';
 import React, { FC, ReactNode } from 'react';
-import { Form, FormProps, Spin } from 'antd';
+import { Form, FormProps } from 'antd';
 import NiceForm, { NiceFormMeta } from '@ebay/nice-form-react';
 import { deepMerge } from './utils';
 
@@ -36,30 +36,34 @@ export type ReactAntdFormSchemaProps = {
    * The form content.
    */
   footerClassName?: string;
-  /**
-   * Form loading status.
-   */
-  loading?: boolean;
 } & FormProps;
 
+const defaultProps = {
+  className: '',
+  header: null,
+  footer: null,
+  footerClassName: '',
+};
+
 const ReactAntdFormSchema: FC<ReactAntdFormSchemaProps> = (props) => {
-  const { className, meta, header, footer, children, loading, footerClassName, ...rest } = props;
+  const { className, meta, header, footer, children, footerClassName, ...rest } = {
+    ...defaultProps,
+    ...props,
+  };
   const footerNode = footer || (children as ReactNode);
   const _meta = deepMerge(DEFAULT_META, meta);
   const _offset = _meta?.wrapperProps?.labelCol?.span || 4;
 
   return (
     <Form data-component={CLASS_NAME} className={cx(CLASS_NAME, className)} {...rest}>
-      <Spin spinning={loading}>
-        {header}
-        <NiceForm meta={_meta} />
-        <Form.Item
-          wrapperCol={{ offset: _offset }}
-          className={footerClassName}
-          style={{ marginBottom: 0 }}>
-          {footerNode}
-        </Form.Item>
-      </Spin>
+      {header}
+      <NiceForm meta={_meta} />
+      <Form.Item
+        wrapperCol={{ offset: _offset }}
+        className={footerClassName}
+        style={{ marginBottom: 0 }}>
+        {footerNode}
+      </Form.Item>
     </Form>
   );
 };

package/src/main.tsx

@@ -1,3 +1,5 @@
 import ReactAntdFormSchema from '.';
+import { ReactAntdFormSchemaProps } from '.';
 
 export default ReactAntdFormSchema;
+export type { ReactAntdFormSchemaProps };