@jswork/react-ant-form-schema 1.0.3 → 1.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jswork/react-ant-form-schema",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "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';
 
@@ -29,48 +29,36 @@ export type ReactAntdFormSchemaProps = {
    */
   header?: ReactNode;
   /**
-   * The footer content.
+   * The form actions className.
    */
-  footer?: ReactNode;
-  /**
-   * The form content.
-   */
-  footerClassName?: string;
-  /**
-   * Form loading status.
-   */
-  loading?: boolean;
+  actionsClassName?: string;
 } & FormProps;
 
 const defaultProps = {
   className: '',
   header: null,
-  footer: null,
-  footerClassName: '',
-  loading: false,
+  actionsClassName: '',
 };
 
 const ReactAntdFormSchema: FC<ReactAntdFormSchemaProps> = (props) => {
-  const { className, meta, header, footer, children, loading, footerClassName, ...rest } = {
+  const { className, meta, header, children, actionsClassName, ...rest } = {
     ...defaultProps,
     ...props,
   };
-  const footerNode = footer || (children as ReactNode);
+  const footerNode = 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={actionsClassName}
+        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 };