@jswork/react-ant-form-schema 1.0.1

package/dist/style.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=src/style.scss.map */

package/dist/style.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"src/style.scss"}

package/dist/style.scss

@@ -0,0 +1,3 @@
+//.react-ant-form-schema {
+//  color: red;
+//}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@jswork/react-ant-form-schema",
+  "version": "1.0.1",
+  "main": "dist/main.cjs.js",
+  "module": "dist/main.esm.js",
+  "types": "dist/main.d.ts",
+  "description": "Antd form builder for react.",
+  "homepage": "https://js.work",
+  "license": "MIT",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "postbuild": "postsass -s src/style.scss -d dist/style.css -c",
+    "release": "release-it"
+  },
+  "devDependencies": {
+    "@swc/core": "^1.3.93",
+    "@types/react": "^18.2.28",
+    "@types/react-dom": "^18.2.13",
+    "antd": "^5.27.5",
+    "autoprefixer": "^10.4.16",
+    "classnames": "^2.5.1",
+    "cssnano": "^6.0.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tsup": "^8.2.4",
+    "typescript": "^5.2.2"
+  },
+  "peerDependencies": {
+    "classnames": "*",
+    "react": "*",
+    "react-dom": "*"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "dependencies": {
+    "@ebay/nice-form-react": "^2.0.3"
+  },
+  "keywords": [
+    "form",
+    "schema",
+    "builder",
+    "ant",
+    "react"
+  ]
+}

package/src/index.tsx

@@ -0,0 +1,67 @@
+import cx from 'classnames';
+import React, { FC, ReactNode } from 'react';
+import { Form, FormProps, Spin } from 'antd';
+import NiceForm, { NiceFormMeta } from '@ebay/nice-form-react';
+import { deepMerge } from './utils';
+
+const CLASS_NAME = 'react-ant-form-schema';
+const DEFAULT_META = {
+  layout: 'vertical',
+  wrapperProps: {
+    labelCol: {
+      span: 4,
+    },
+  },
+};
+
+export type ReactAntdFormSchemaProps = {
+  /**
+   * The extended className for component.
+   * @default ''
+   */
+  className?: string;
+  /**
+   * The form schema meta data.
+   */
+  meta: NiceFormMeta;
+  /**
+   * The header content.
+   */
+  header?: ReactNode;
+  /**
+   * The footer content.
+   */
+  footer?: ReactNode;
+  /**
+   * The form content.
+   */
+  footerClassName?: string;
+  /**
+   * Form loading status.
+   */
+  loading?: boolean;
+} & FormProps;
+
+const ReactAntdFormSchema: FC<ReactAntdFormSchemaProps> = (props) => {
+  const { className, meta, header, footer, children, loading, footerClassName, ...rest } = 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>
+    </Form>
+  );
+};
+
+export default ReactAntdFormSchema;

package/src/main.tsx

@@ -0,0 +1,3 @@
+import ReactAntdFormSchema from '.';
+
+export default ReactAntdFormSchema;

package/src/setup.ts

@@ -0,0 +1,4 @@
+import { config as niceFormConfig } from '@ebay/nice-form-react';
+import antdAdapter from '@ebay/nice-form-react/adapters/antdAdapter';
+
+niceFormConfig.addAdapter(antdAdapter);

package/src/style.scss

@@ -0,0 +1,3 @@
+//.react-ant-form-schema {
+//  color: red;
+//}

package/src/utils.ts

@@ -0,0 +1,19 @@
+/**
+ * @Author: aric 1290657123@qq.com
+ * @Date: 2025-10-18 21:20:55
+ * @LastEditors: aric 1290657123@qq.com
+ * @LastEditTime: 2025-10-18 21:21:09
+ */
+
+export function deepMerge(target, source) {
+  const result = { ...target };
+  for (const key in source) {
+    if (source[key] && typeof source[key] === 'object' && !Array.isArray(source[key])) {
+      result[key] = deepMerge(result[key] || {}, source[key]);
+    } else {
+      result[key] = source[key];
+    }
+  }
+  return result;
+}
+