npm - @jswork/react-ant-form-schema - Versions diffs - 1.0.22 → 1.0.24 - Mend

@jswork/react-ant-form-schema 1.0.22 → 1.0.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/dist/main.cjs.js +1 -3
package/dist/main.cjs.js.map +1 -1
package/dist/main.d.mts +17 -16
package/dist/main.d.ts +17 -16
package/dist/main.esm.js +1 -1
package/dist/main.esm.js.map +1 -1
package/package.json +1 -1
package/src/components/default-form.tsx +12 -0
package/src/components/fieldset-groups.tsx +26 -0
package/src/components/tabs-groups.tsx +31 -0
package/src/index.tsx +19 -86
package/src/main.tsx +2 -2
package/src/types.ts +58 -0
package/src/utils.ts +0 -20

package/dist/main.cjs.js CHANGED Viewed

@@ -1,4 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var b=Object.defineProperty;var f=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var N=(a,t,r)=>t in a?b(a,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):a[t]=r,s=(a,t)=>{for(var r in t||(t={}))y.call(t,r)&&N(a,r,t[r]);if(f)for(var r of f(t))M.call(t,r)&&N(a,r,t[r]);return a};var p=(a,t)=>b(a,"name",{value:t,configurable:!0});var A=(a,t)=>{var r={};for(var e in a)y.call(a,e)&&t.indexOf(e)<0&&(r[e]=a[e]);if(a!=null&&f)for(var e of f(a))t.indexOf(e)<0&&M.call(a,e)&&(r[e]=a[e]);return r};var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _antd = require('antd');var _niceformreact = require('@ebay/nice-form-react'); var _niceformreact2 = _interopRequireDefault(_niceformreact);function n(a,t){let r=s({},a);for(let e in t)t[e]&&typeof t[e]=="object"&&!Array.isArray(t[e])?r[e]=n(r[e]||{},t[e]):r[e]=t[e];return r}p(n,"deepMerge");var S="react-ant-form-schema",h={vertical:{labelWidth:24},horizontal:{labelWidth:4}},_={header:null,layout:"horizontal"},j=_react2.default.forwardRef((a,t)=>{let g=s(s({},_),a),{className:r,meta:e,header:C,children:R,actionsClassName:k,layout:m}=g,z=A(g,["className","meta","header","children","actionsClassName","layout"]),T=R,l=n(h[m],e),W=m==="horizontal"?l==null?void 0:l.labelWidth:0,v=e.groups&&e.groups.length>0,w=e.groupsMode||"fieldset",G=p(()=>{var E;if(w==="tabs"){let c=e.groups.map((i,d)=>{let I=n(h[m],i.meta);return{key:String(d),label:i.title,children:_react2.default.createElement(_niceformreact2.default,{meta:I})}});return _react2.default.createElement(_antd.Tabs,s({items:c,className:"react-ant-form-schema-tabs"},e.tabProps))}else return _react2.default.createElement("div",{className:"react-ant-form-schema-groups"},(E=e.groups)==null?void 0:E.map((c,i)=>{let d=n(h[m],c.meta);return _react2.default.createElement("fieldset",{key:i,className:"react-ant-form-schema-fieldset"},_react2.default.createElement("legend",{className:"react-ant-form-schema-legend"},c.title),_react2.default.createElement(_niceformreact2.default,{meta:d}))}))},"renderGroupsContent");return _react2.default.createElement(_antd.Form,s({"data-component":S,className:_classnames2.default.call(void 0, S,r),layout:m,ref:t},z),C,v?G():_react2.default.createElement(_niceformreact2.default,{meta:l}),_react2.default.createElement(_antd.Form.Item,{wrapperCol:{offset:W},className:k,style:{marginBottom:0}},T))}),x=j;var Y=x;exports.default = Y;
-module.exports = exports.default;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var E=Object.defineProperty;var n=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable;var h=(e,t,r)=>t in e?E(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,a=(e,t)=>{for(var r in t||(t={}))b.call(t,r)&&h(e,r,t[r]);if(n)for(var r of n(t))F.call(t,r)&&h(e,r,t[r]);return e};var m=(e,t)=>E(e,"name",{value:t,configurable:!0});var N=(e,t)=>{var r={};for(var o in e)b.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&n)for(var o of n(e))t.indexOf(o)<0&&F.call(e,o)&&(r[o]=e[o]);return r};var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _antd = require('antd');var _niceformreact = require('@ebay/nice-form-react'); var _niceformreact2 = _interopRequireDefault(_niceformreact);var k=m(({meta:e})=>_react2.default.createElement(_niceformreact2.default,{meta:e}),"DefaultForm"),g=k;var I=m(({groups:e,defaultMeta:t})=>_react2.default.createElement("div",{className:"react-ant-form-schema-groups"},e.map((r,o)=>{let s=a(a({},t),r.meta);return _react2.default.createElement("fieldset",{key:o,className:"react-ant-form-schema-fieldset"},_react2.default.createElement("legend",{className:"react-ant-form-schema-legend"},r.title),_react2.default.createElement(_niceformreact2.default,{meta:s}))})),"FieldsetGroups"),M=I;var B=m(({groups:e,defaultMeta:t,tabProps:r})=>{let o=e.map(s=>{let f=a(a({},t),s.meta);return{key:s.title,label:s.title,children:_react2.default.createElement(_niceformreact2.default,{meta:f})}});return _react2.default.createElement(_antd.Tabs,a({items:o,className:"react-ant-form-schema-tabs"},r))},"TabsGroups"),R=B;var p=(function(e){return e.Fieldset="fieldset",e.Tabs="tabs",e})({});var y="react-ant-form-schema",j={vertical:{labelWidth:24},horizontal:{labelWidth:4}},q={header:null,layout:"horizontal"},H=_react2.default.forwardRef((e,t)=>{let d=a(a({},q),e),{className:r,meta:o,header:s,children:f,actionsClassName:G,layout:u}=d,C=N(d,["className","meta","header","children","actionsClassName","layout"]),S=f,c=j[u],v=o.groups&&o.groups.length>0,z=o.groupsMode||p.Fieldset,D=m(()=>v?z===p.Tabs?_react2.default.createElement(R,{groups:o.groups,defaultMeta:c,tabProps:o.tabProps}):_react2.default.createElement(M,{groups:o.groups,defaultMeta:c}):_react2.default.createElement(g,{meta:a(a({},c),o)}),"renderContent");return _react2.default.createElement(_antd.Form,a({"data-component":y,className:_classnames2.default.call(void 0, y,r),layout:u,ref:t},C),s,D(),_react2.default.createElement(_antd.Form.Item,{wrapperCol:{offset:u==="horizontal"?c==null?void 0:c.labelWidth:0},className:G,style:{marginBottom:0}},S))}),A=H;var Ee=A;exports.GroupsMode = p; exports.default = Ee;
 //# sourceMappingURL=main.cjs.js.map

package/dist/main.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["/Users/feizheng/github/react-ant-form-schema/packages/lib/dist/main.cjs.js","../src/index.tsx","../src/utils.ts","../src/main.tsx"],"names":["deepMerge","target","source","result","__spreadValues","key","Array","isArray","CLASS_NAME","DEFAULT_META","vertical","labelWidth","horizontal","defaultProps","header","layout","ReactAntdFormSchema","React","forwardRef","props","ref","_a","className","meta","children","actionsClassName","rest","footerNode","_meta","_offset","isGroupsMode","groups","length","groupsMode","renderGroupsContent","__name","tabItems","map","group","index","groupMeta","String","label","title","NiceForm","Tabs","items","tabProps","div","fieldset","legend","Form","data-component","cx","Item","wrapperCol","offset","style","marginBottom","index_default","main_default"],"mappings":"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","file":"/Users/feizheng/github/react-ant-form-schema/packages/lib/dist/main.cjs.js","sourcesContent":[null,"import cx from 'classnames';\nimport React, { ReactNode } from 'react';\nimport { Form, FormInstance, FormProps, Tabs, TabsProps } from 'antd';\nimport NiceForm, { NiceFormMeta } from '@ebay/nice-form-react';\nimport { deepMerge } from './utils';\n\nexport type GroupsMode = 'fieldset' \| 'tabs';\n\nexport type NiceFormGroup = {\n /*\n The group title displayed in legend.\n /\n title: string;\n /\n The form meta for this group.\n /\n meta: NiceFormMeta;\n};\n\nconst CLASS_NAME = 'react-ant-form-schema';\nconst DEFAULT_META = {\n vertical: {\n labelWidth: 24,\n },\n // 这个是 nice-form-react 默认的 meta 数据，其它设置不生效\n // wrapperProps.labelCol.span 这个属性是 deprecated 的，请使用 labelWidth\n horizontal: {\n labelWidth: 4,\n },\n};\n\nexport type ReactAntdFormSchemaMeta = NiceFormMeta & {\n /\n Form groups for grouped mode.\n * When groups is provided, fields will be rendered in groups.\n /\n groups?: NiceFormGroup[];\n /\n Display mode for groups.\n * - 'fieldset': Render groups as fieldset/legend elements\n * - 'tabs': Render groups as tabs\n /\n groupsMode?: GroupsMode;\n /\n Props to pass to Tabs component when groupsMode is 'tabs'.\n /\n tabProps?: TabsProps;\n};\n\nexport type ReactAntdFormSchemaProps = {\n /\n The form schema meta data.\n /\n meta: ReactAntdFormSchemaMeta;\n /\n The header content.\n /\n header?: ReactNode;\n /\n The form actions className.\n /\n actionsClassName?: string;\n} & FormProps;\n\nconst defaultProps: Partial<ReactAntdFormSchemaProps> = {\n header: null,\n layout: 'horizontal',\n};\n\nconst ReactAntdFormSchema = React.forwardRef<FormInstance, ReactAntdFormSchemaProps>(\n (props, ref) => {\n const { className, meta, header, children, actionsClassName, layout, ...rest } = {\n ...defaultProps,\n ...props,\n };\n const footerNode = children as ReactNode;\n const _meta = deepMerge(DEFAULT_META[layout!], meta) as NiceFormMeta;\n const _offset = layout === 'horizontal' ? _meta?.labelWidth : 0;\n\n // Check if groups mode is enabled\n const isGroupsMode = meta.groups && meta.groups.length > 0;\n const groupsMode = meta.groupsMode \|\| 'fieldset';\n\n const renderGroupsContent = () => {\n if (groupsMode === 'tabs') {\n const tabItems = meta.groups!.map((group, index) => {\n const groupMeta = deepMerge(DEFAULT_META[layout!], group.meta) as NiceFormMeta;\n return {\n key: String(index),\n label: group.title,\n children: <NiceForm meta={groupMeta} />,\n };\n });\n return (\n <Tabs\n items={tabItems}\n className=\"react-ant-form-schema-tabs\"\n {...meta.tabProps}\n />\n );\n } else {\n // fieldset mode (default)\n return (\n <div className=\"react-ant-form-schema-groups\">\n {meta.groups?.map((group, index) => {\n const groupMeta = deepMerge(DEFAULT_META[layout!], group.meta) as NiceFormMeta;\n return (\n <fieldset key={index} className=\"react-ant-form-schema-fieldset\">\n <legend className=\"react-ant-form-schema-legend\">{group.title}</legend>\n <NiceForm meta={groupMeta} />\n </fieldset>\n );\n })}\n </div>\n );\n }\n };\n\n return (\n <Form\n data-component={CLASS_NAME}\n className={cx(CLASS_NAME, className)}\n layout={layout}\n ref={ref}\n {...rest}>\n {header}\n {isGroupsMode ? renderGroupsContent() : <NiceForm meta={_meta} />}\n <Form.Item\n wrapperCol={{ offset: _offset }}\n className={actionsClassName}\n style={{ marginBottom: 0 }}>\n {footerNode}\n </Form.Item>\n </Form>\n );\n },\n);\n\nexport default ReactAntdFormSchema;\n","/\n @Author: aric 1290657123@qq.com\n * @Date: 2025-10-18 21:20:55\n * @LastEditors: aric 1290657123@qq.com\n * @LastEditTime: 2025-10-22 08:55:52\n */\n\ntype AnyObject = { [key: string]: any };\n\nexport function deepMerge(target: AnyObject, source: AnyObject) {\n const result = { ...target };\n for (const key in source) {\n if (source[key] && typeof source[key] === 'object' && !Array.isArray(source[key])) {\n result[key] = deepMerge(result[key] \|\| {}, source[key]);\n } else {\n result[key] = source[key];\n }\n }\n return result;\n}\n","import ReactAntdFormSchema from '.';\nimport { ReactAntdFormSchemaProps } from '.';\n\nexport default ReactAntdFormSchema;\nexport type { ReactAntdFormSchemaProps };\n"]}
1	+ {"version":3,"sources":["/Users/feizheng/github/react-ant-form-schema/packages/lib/dist/main.cjs.js","../src/index.tsx","../src/components/default-form.tsx","../src/components/fieldset-groups.tsx","../src/components/tabs-groups.tsx","../src/types.ts","../src/main.tsx"],"names":["DefaultForm","__name","meta","React","NiceForm","default_form_default","FieldsetGroups","groups","defaultMeta","div","className","map","group","index","groupMeta","__spreadValues","fieldset","key","legend","title","fieldset_groups_default","TabsGroups","tabProps","tabItems","label","children","Tabs","items","tabs_groups_default","GroupsMode","CLASS_NAME","DEFAULT_META","vertical","labelWidth","horizontal","defaultProps","header","layout","ReactAntdFormSchema","forwardRef","props","ref","_a","actionsClassName","rest","footerNode","isGroupsMode","length","groupsMode","Fieldset","renderContent","Form","data-component","cx","Item","wrapperCol","offset","style","marginBottom","index_default","main_default"],"mappings":"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","file":"/Users/feizheng/github/react-ant-form-schema/packages/lib/dist/main.cjs.js","sourcesContent":[null,"import cx from 'classnames';\nimport React, { type ReactNode } from 'react';\nimport { Form, type FormInstance } from 'antd';\nimport DefaultForm from './components/default-form';\nimport FieldsetGroups from './components/fieldset-groups';\nimport TabsGroups from './components/tabs-groups';\nimport { ReactAntdFormSchemaProps, GroupsMode } from './types';\n\nconst CLASS_NAME = 'react-ant-form-schema';\nconst DEFAULT_META = {\n vertical: {\n labelWidth: 24,\n },\n // 这个是 nice-form-react 默认的 meta 数据，其它设置不生效\n // wrapperProps.labelCol.span 这个属性是 deprecated 的，请使用 labelWidth\n horizontal: {\n labelWidth: 4,\n },\n};\n\nconst defaultProps: Partial<ReactAntdFormSchemaProps> = {\n header: null,\n layout: 'horizontal',\n};\n\nconst ReactAntdFormSchema = React.forwardRef<FormInstance, ReactAntdFormSchemaProps>(\n (props, ref) => {\n const { className, meta, header, children, actionsClassName, layout, ...rest } = {\n ...defaultProps,\n ...props,\n };\n const footerNode = children as ReactNode;\n const defaultMeta = DEFAULT_META[layout!];\n\n // Check if groups mode is enabled\n const isGroupsMode = meta.groups && meta.groups.length > 0;\n const groupsMode = meta.groupsMode \|\| GroupsMode.Fieldset;\n\n // Render form content based on mode\n const renderContent = () => {\n if (isGroupsMode) {\n if (groupsMode === GroupsMode.Tabs) {\n return <TabsGroups groups={meta.groups!} defaultMeta={defaultMeta} tabProps={meta.tabProps} />;\n }\n // fieldset mode (default)\n return <FieldsetGroups groups={meta.groups!} defaultMeta={defaultMeta} />;\n }\n // standard mode\n return <DefaultForm meta={{ ...defaultMeta, ...meta }} />;\n };\n\n return (\n <Form\n data-component={CLASS_NAME}\n className={cx(CLASS_NAME, className)}\n layout={layout}\n ref={ref}\n {...rest}>\n {header}\n {renderContent()}\n <Form.Item\n wrapperCol={{ offset: layout === 'horizontal' ? defaultMeta?.labelWidth : 0 }}\n className={actionsClassName}\n style={{ marginBottom: 0 }}>\n {footerNode}\n </Form.Item>\n </Form>\n );\n },\n);\n\nexport default ReactAntdFormSchema;\n","import React from 'react';\nimport NiceForm, { NiceFormMeta } from '@ebay/nice-form-react';\n\nexport type DefaultFormProps = {\n meta: NiceFormMeta;\n};\n\nconst DefaultForm = ({ meta }: DefaultFormProps) => {\n return <NiceForm meta={meta} />;\n};\n\nexport default DefaultForm;\n","import React from 'react';\nimport NiceForm, { NiceFormMeta } from '@ebay/nice-form-react';\nimport { NiceFormGroup } from '../types';\n\nexport type FieldsetGroupsProps = {\n groups: NiceFormGroup[];\n defaultMeta: Record<string, any>;\n};\n\nconst FieldsetGroups = ({ groups, defaultMeta }: FieldsetGroupsProps) => {\n return (\n <div className=\"react-ant-form-schema-groups\">\n {groups.map((group, index) => {\n const groupMeta = { ...defaultMeta, ...group.meta } as NiceFormMeta;\n return (\n <fieldset key={index} className=\"react-ant-form-schema-fieldset\">\n <legend className=\"react-ant-form-schema-legend\">{group.title}</legend>\n <NiceForm meta={groupMeta} />\n </fieldset>\n );\n })}\n </div>\n );\n};\n\nexport default FieldsetGroups;\n","import React from 'react';\nimport { Tabs, TabsProps } from 'antd';\nimport NiceForm, { NiceFormMeta } from '@ebay/nice-form-react';\nimport { NiceFormGroup } from '../types';\n\nexport type TabsGroupsProps = {\n groups: NiceFormGroup[];\n defaultMeta: Record<string, any>;\n tabProps?: TabsProps;\n};\n\nconst TabsGroups = ({ groups, defaultMeta, tabProps }: TabsGroupsProps) => {\n const tabItems = groups.map((group) => {\n const groupMeta = { ...defaultMeta, ...group.meta } as NiceFormMeta;\n return {\n key: group.title,\n label: group.title,\n children: <NiceForm meta={groupMeta} />,\n };\n });\n\n return (\n <Tabs\n items={tabItems}\n className=\"react-ant-form-schema-tabs\"\n {...tabProps}\n />\n );\n};\n\nexport default TabsGroups;\n","import { TabsProps } from 'antd';\nimport { NiceFormMeta, NiceFormField } from '@ebay/nice-form-react';\nimport { ReactNode } from 'react';\nimport { FormProps } from 'antd';\n\nexport enum GroupsMode {\n Fieldset = 'fieldset',\n Tabs = 'tabs',\n}\n\nexport type NiceFormGroup = {\n /*\n The group title displayed in legend or tab.\n /\n title: string;\n /\n The form meta for this group.\n /\n meta: NiceFormMeta;\n};\n\nexport type ReactAntdFormSchemaMeta = Omit<NiceFormMeta, 'fields'> & {\n /\n Form fields for standard mode.\n * Either fields or groups must be provided.\n /\n fields?: NiceFormField[];\n /\n Form groups for grouped mode.\n * When groups is provided, fields will be rendered in groups.\n /\n groups?: NiceFormGroup[];\n /\n Display mode for groups.\n * - 'fieldset': Render groups as fieldset/legend elements\n * - 'tabs': Render groups as tabs\n /\n groupsMode?: GroupsMode;\n /\n Props to pass to Tabs component when groupsMode is 'tabs'.\n /\n tabProps?: TabsProps;\n};\n\nexport type ReactAntdFormSchemaProps = {\n /\n The form schema meta data.\n /\n meta: ReactAntdFormSchemaMeta;\n /\n The header content.\n /\n header?: ReactNode;\n /\n The form actions className.\n */\n actionsClassName?: string;\n} & FormProps;\n","import ReactAntdFormSchema from '.';\nexport type { ReactAntdFormSchemaProps, ReactAntdFormSchemaMeta } from './types';\nexport { GroupsMode } from './types';\n\nexport default ReactAntdFormSchema;\n"]}

package/dist/main.d.mts CHANGED Viewed

@@ -1,11 +1,15 @@
-import React, { ReactNode } from 'react';
+import * as antd from 'antd';
 import { TabsProps, FormProps, FormInstance } from 'antd';
-import { NiceFormMeta } from '@ebay/nice-form-react';
+import { NiceFormMeta, NiceFormField } from '@ebay/nice-form-react';
+import React, { ReactNode } from 'react';
-type GroupsMode = 'fieldset' | 'tabs';
+declare enum GroupsMode {
+    Fieldset = "fieldset",
+    Tabs = "tabs"
+}
 type NiceFormGroup = {
     /**
-     * The group title displayed in legend.
+     * The group title displayed in legend or tab.
      */
     title: string;
     /**
@@ -13,7 +17,12 @@ type NiceFormGroup = {
      */
     meta: NiceFormMeta;
 };
-type ReactAntdFormSchemaMeta = NiceFormMeta & {
+type ReactAntdFormSchemaMeta = Omit<NiceFormMeta, 'fields'> & {
+    /**
+     * Form fields for standard mode.
+     * Either fields or groups must be provided.
+     */
+    fields?: NiceFormField[];
     /**
      * Form groups for grouped mode.
      * When groups is provided, fields will be rendered in groups.
@@ -44,19 +53,11 @@ type ReactAntdFormSchemaProps = {
      */
     actionsClassName?: string;
 } & FormProps;
 declare const ReactAntdFormSchema: React.ForwardRefExoticComponent<{
-    /**
-     * The form schema meta data.
-     */
     meta: ReactAntdFormSchemaMeta;
-    /**
-     * The header content.
-     */
     header?: ReactNode;
-    /**
-     * The form actions className.
-     */
     actionsClassName?: string;
-} & FormProps<any> & React.RefAttributes<FormInstance<any>>>;
+} & antd.FormProps<any> & React.RefAttributes<FormInstance<any>>>;
-export { type ReactAntdFormSchemaProps, ReactAntdFormSchema as default };
+export { GroupsMode, type ReactAntdFormSchemaMeta, type ReactAntdFormSchemaProps, ReactAntdFormSchema as default };

package/dist/main.d.ts CHANGED Viewed

@@ -1,11 +1,15 @@
-import React, { ReactNode } from 'react';
+import * as antd from 'antd';
 import { TabsProps, FormProps, FormInstance } from 'antd';
-import { NiceFormMeta } from '@ebay/nice-form-react';
+import { NiceFormMeta, NiceFormField } from '@ebay/nice-form-react';
+import React, { ReactNode } from 'react';
-type GroupsMode = 'fieldset' | 'tabs';
+declare enum GroupsMode {
+    Fieldset = "fieldset",
+    Tabs = "tabs"
+}
 type NiceFormGroup = {
     /**
-     * The group title displayed in legend.
+     * The group title displayed in legend or tab.
      */
     title: string;
     /**
@@ -13,7 +17,12 @@ type NiceFormGroup = {
      */
     meta: NiceFormMeta;
 };
-type ReactAntdFormSchemaMeta = NiceFormMeta & {
+type ReactAntdFormSchemaMeta = Omit<NiceFormMeta, 'fields'> & {
+    /**
+     * Form fields for standard mode.
+     * Either fields or groups must be provided.
+     */
+    fields?: NiceFormField[];
     /**
      * Form groups for grouped mode.
      * When groups is provided, fields will be rendered in groups.
@@ -44,21 +53,13 @@ type ReactAntdFormSchemaProps = {
      */
     actionsClassName?: string;
 } & FormProps;
 declare const ReactAntdFormSchema: React.ForwardRefExoticComponent<{
-    /**
-     * The form schema meta data.
-     */
     meta: ReactAntdFormSchemaMeta;
-    /**
-     * The header content.
-     */
     header?: ReactNode;
-    /**
-     * The form actions className.
-     */
     actionsClassName?: string;
-} & FormProps<any> & React.RefAttributes<FormInstance<any>>>;
+} & antd.FormProps<any> & React.RefAttributes<FormInstance<any>>>;
 // @ts-ignore
 export = ReactAntdFormSchema;
-export type { ReactAntdFormSchemaProps };
+export { GroupsMode, type ReactAntdFormSchemaMeta, type ReactAntdFormSchemaProps };

package/dist/main.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var b=Object.defineProperty;var f=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var N=(a,t,r)=>t in a?b(a,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):a[t]=r,s=(a,t)=>{for(var r in t||(t={}))y.call(t,r)&&N(a,r,t[r]);if(f)for(var r of f(t))M.call(t,r)&&N(a,r,t[r]);return a};var p=(a,t)=>b(a,"name",{value:t,configurable:!0});var A=(a,t)=>{var r={};for(var e in a)y.call(a,e)&&t.indexOf(e)<0&&(r[e]=a[e]);if(a!=null&&f)for(var e of f(a))t.indexOf(e)<0&&M.call(a,e)&&(r[e]=a[e]);return r};import L from"classnames";import o from"react";import{Form as F,Tabs as P}from"antd";import u from"@ebay/nice-form-react";function n(a,t){let r=s({},a);for(let e in t)t[e]&&typeof t[e]=="object"&&!Array.isArray(t[e])?r[e]=n(r[e]||{},t[e]):r[e]=t[e];return r}p(n,"deepMerge");var S="react-ant-form-schema",h={vertical:{labelWidth:24},horizontal:{labelWidth:4}},_={header:null,layout:"horizontal"},j=o.forwardRef((a,t)=>{let g=s(s({},_),a),{className:r,meta:e,header:C,children:R,actionsClassName:k,layout:m}=g,z=A(g,["className","meta","header","children","actionsClassName","layout"]),T=R,l=n(h[m],e),W=m==="horizontal"?l==null?void 0:l.labelWidth:0,v=e.groups&&e.groups.length>0,w=e.groupsMode||"fieldset",G=p(()=>{var E;if(w==="tabs"){let c=e.groups.map((i,d)=>{let I=n(h[m],i.meta);return{key:String(d),label:i.title,children:o.createElement(u,{meta:I})}});return o.createElement(P,s({items:c,className:"react-ant-form-schema-tabs"},e.tabProps))}else return o.createElement("div",{className:"react-ant-form-schema-groups"},(E=e.groups)==null?void 0:E.map((c,i)=>{let d=n(h[m],c.meta);return o.createElement("fieldset",{key:i,className:"react-ant-form-schema-fieldset"},o.createElement("legend",{className:"react-ant-form-schema-legend"},c.title),o.createElement(u,{meta:d}))}))},"renderGroupsContent");return o.createElement(F,s({"data-component":S,className:L(S,r),layout:m,ref:t},z),C,v?G():o.createElement(u,{meta:l}),o.createElement(F.Item,{wrapperCol:{offset:W},className:k,style:{marginBottom:0}},T))}),x=j;var Y=x;export{Y as default};
+var E=Object.defineProperty;var n=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable;var h=(e,t,r)=>t in e?E(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,a=(e,t)=>{for(var r in t||(t={}))b.call(t,r)&&h(e,r,t[r]);if(n)for(var r of n(t))F.call(t,r)&&h(e,r,t[r]);return e};var m=(e,t)=>E(e,"name",{value:t,configurable:!0});var N=(e,t)=>{var r={};for(var o in e)b.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&n)for(var o of n(e))t.indexOf(o)<0&&F.call(e,o)&&(r[o]=e[o]);return r};import U from"classnames";import l from"react";import{Form as T}from"antd";import P from"react";import W from"@ebay/nice-form-react";var k=m(({meta:e})=>P.createElement(W,{meta:e}),"DefaultForm"),g=k;import i from"react";import w from"@ebay/nice-form-react";var I=m(({groups:e,defaultMeta:t})=>i.createElement("div",{className:"react-ant-form-schema-groups"},e.map((r,o)=>{let s=a(a({},t),r.meta);return i.createElement("fieldset",{key:o,className:"react-ant-form-schema-fieldset"},i.createElement("legend",{className:"react-ant-form-schema-legend"},r.title),i.createElement(w,{meta:s}))})),"FieldsetGroups"),M=I;import x from"react";import{Tabs as L}from"antd";import _ from"@ebay/nice-form-react";var B=m(({groups:e,defaultMeta:t,tabProps:r})=>{let o=e.map(s=>{let f=a(a({},t),s.meta);return{key:s.title,label:s.title,children:x.createElement(_,{meta:f})}});return x.createElement(L,a({items:o,className:"react-ant-form-schema-tabs"},r))},"TabsGroups"),R=B;var p=(function(e){return e.Fieldset="fieldset",e.Tabs="tabs",e})({});var y="react-ant-form-schema",j={vertical:{labelWidth:24},horizontal:{labelWidth:4}},q={header:null,layout:"horizontal"},H=l.forwardRef((e,t)=>{let d=a(a({},q),e),{className:r,meta:o,header:s,children:f,actionsClassName:G,layout:u}=d,C=N(d,["className","meta","header","children","actionsClassName","layout"]),S=f,c=j[u],v=o.groups&&o.groups.length>0,z=o.groupsMode||p.Fieldset,D=m(()=>v?z===p.Tabs?l.createElement(R,{groups:o.groups,defaultMeta:c,tabProps:o.tabProps}):l.createElement(M,{groups:o.groups,defaultMeta:c}):l.createElement(g,{meta:a(a({},c),o)}),"renderContent");return l.createElement(T,a({"data-component":y,className:U(y,r),layout:u,ref:t},C),s,D(),l.createElement(T.Item,{wrapperCol:{offset:u==="horizontal"?c==null?void 0:c.labelWidth:0},className:G,style:{marginBottom:0}},S))}),A=H;var Ee=A;export{p as GroupsMode,Ee as default};
 //# sourceMappingURL=main.esm.js.map

package/dist/main.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/index.tsx","../src/~~utils~~.ts","../src/main.tsx"],"sourcesContent":["import cx from 'classnames';\nimport React, { ReactNode } from 'react';\nimport { Form, FormInstance, ~~FormProps, Tabs, TabsProps~~ } from 'antd';\nimport ~~NiceForm,~~ ~~{ NiceFormMeta }~~ from '~~@ebay~~/~~nice~~-form~~-react~~';\nimport { ~~deepMerge }~~ from './~~utils~~';\~~n\nexport~~ ~~type~~ ~~GroupsMode~~ = '~~fieldset' \| '~~tabs';\~~n\nexport~~ ~~type NiceFormGroup =~~ {\n /*\n ~~The~~ ~~group~~ ~~title~~ ~~displayed~~ ~~in legend.\n /\n title: string~~;\n ~~/\n The form meta for this group.\n /\n meta: NiceFormMeta;\n};\n~~\nconst CLASS_NAME = 'react-ant-form-schema';\nconst DEFAULT_META = {\n vertical: {\n labelWidth: 24,\n },\n // 这个是 nice-form-react 默认的 meta 数据，其它设置不生效\n // wrapperProps.labelCol.span 这个属性是 deprecated 的，请使用 labelWidth\n horizontal: {\n labelWidth: 4,\n },\n};\n\nexport type ReactAntdFormSchemaMeta = NiceFormMeta & {\n /\n Form groups for grouped mode.\n * When groups is provided, fields will be rendered in groups.\n /\n groups?: NiceFormGroup[];\n /\n Display mode for groups.\n * - 'fieldset': Render groups as fieldset/legend elements\n * - 'tabs': Render groups as tabs\n /\n groupsMode?: GroupsMode;\n /\n Props to pass to Tabs component when groupsMode is 'tabs'.\n /\n tabProps?: TabsProps;\n};\n\nexport type ReactAntdFormSchemaProps = {\n /\n The form schema meta data.\n /\n meta: ReactAntdFormSchemaMeta;\n /\n The header content.\n /\n header?: ReactNode;\n /\n The form actions className.\n /\n actionsClassName?: string;\n} & FormProps;\n\nconst defaultProps: Partial<ReactAntdFormSchemaProps> = {\n header: null,\n layout: 'horizontal',\n};\n\nconst ReactAntdFormSchema = React.forwardRef<FormInstance, ReactAntdFormSchemaProps>(\n (props, ref) => {\n const { className, meta, header, children, actionsClassName, layout, ...rest } = {\n ...defaultProps,\n ...props,\n };\n const footerNode = children as ReactNode;\n const ~~_meta~~ = ~~deepMerge(~~DEFAULT_META[layout!]~~, meta) as NiceFormMeta~~;\n ~~const _offset = layout === 'horizontal' ? _meta?.labelWidth : 0;\n~~\n // Check if groups mode is enabled\n const isGroupsMode = meta.groups && meta.groups.length > 0;\n const groupsMode = meta.groupsMode \|\| ~~'fieldset'~~;\n\n const ~~renderGroupsContent~~ = () => {\n if (groupsMode === ~~'tabs'~~) {\n ~~const~~ ~~tabItems~~ = meta.~~groups!.map~~(~~(group, index~~) => {\n ~~const~~ ~~groupMeta~~ = ~~deepMerge(DEFAULT_META[layout!]~~, ~~group.~~meta) as ~~NiceFormMeta~~;\n return {\n ~~key:~~ ~~String(index~~),\n ~~label: group.title,\~~n ~~children: <NiceForm meta~~={~~groupMeta~~} ~~/>,\~~n };\n });\n ~~return~~ (\n ~~<Tabs~~\n ~~items~~={~~tabItems~~}\n ~~className=\~~"react-~~ant-~~form-~~schema-tabs~~\"\n {~~...~~meta~~.tabProps~~}\n ~~/>\~~n );\n } ~~else~~ {\n // ~~fieldset~~ ~~mode~~ (~~default~~)\n return (\n <div className=\"react-ant-form-schema-groups\">\n {~~meta~~.~~groups?.~~map((group, index) => {\n const groupMeta = ~~deepMerge(DEFAULT_META[layout!]~~, group.meta) as NiceFormMeta;\n return (\n <fieldset key={index} className=\"react-ant-form-schema-fieldset\">\n <legend className=\"react-ant-form-schema-legend\">{group.title}</legend>\n <NiceForm meta={groupMeta} />\n </fieldset>\n );\n })}\n </div>\n );\n }\n };\n\~~n return~~ (\n <~~Form\~~n ~~data-component={CLASS_NAME~~}\~~n className~~={~~cx(CLASS_NAME~~, ~~className~~)}\n ~~layout~~={~~layout}~~\n ~~ref~~={~~ref}\n {~~...~~rest~~}>\n {~~header}~~\n ~~{isGroupsMode~~ ? ~~renderGroupsContent()~~ : <NiceForm meta={~~_meta~~} />}\n <~~Form.Item~~\n ~~wrapperCol~~={~~{ offset: _offset~~ }}\n className~~={actionsClassName}~~\n ~~style=~~{~~{ marginBottom: 0~~ }~~}>\n {footerNode}~~\n ~~</Form.Item>\~~n ~~</Form>\n~~ );\n }~~,\n)~~;\n\nexport default ~~ReactAntdFormSchema~~;\n","~~/\n~~ ~~@Author:~~ ~~aric~~ ~~1290657123@qq.com\n~~ * @~~Date: 2025~~-10-18 ~~21:20:55~~\n * ~~@LastEditors:~~ ~~aric~~ ~~1290657123@qq.com~~\n * ~~@LastEditTime:~~ ~~2025-10-22~~ ~~08:55:52~~\n */\n~~\ntype~~ ~~AnyObject~~ = { ~~[key:~~ ~~string]~~: ~~any~~ };\n\nexport ~~function~~ ~~deepMerge(target:~~ ~~AnyObject~~, ~~source:~~ ~~AnyObject)~~ {\n ~~const~~ ~~result~~ = { ~~...target~~ };\n for ~~(const~~ ~~key~~ in ~~source) {\~~n if ~~(source~~[~~key~~] && ~~typeof~~ ~~source[key]~~ ~~===~~ '~~object~~' && ~~!Array.isArray(source[key]))~~ {\n ~~result[key]~~ = ~~deepMerge(result[key]~~ \|\| ~~{},~~ ~~source[key])~~;\n } ~~else~~ {\n ~~result[key]~~ = ~~source[key]~~;\n }\n }\n ~~return~~ ~~result~~;\n}\n","import ReactAntdFormSchema from '.';\~~nimport~~ { ReactAntdFormSchemaProps } from '.';\n\nexport default ReactAntdFormSchema;\~~nexport type { ReactAntdFormSchemaProps };\~~n"],"mappings":"8iBAAA,OAAOA,MAAQ,aACf,OAAOC,~~MAA0B~~,~~QACjC~~,OAASC,QAAAA,~~EAA~~+BC,~~QAAAA~~,~~MAAuB~~,~~OAC/D~~,OAAOC,MAAgC,~~wBCMhC~~,~~SAASC~~,~~EAAUC~~,~~EAAmBC~~,~~EAAiB~~,~~CAC5D~~,~~IAAMC~~,~~EAASC~~,EAAA,~~GAAKH~~,~~GACpB~~,~~QAAWI~~,~~KAAOH~~,~~EACZA~~,~~EAAOG~~,~~CAAAA~~,~~GAAQ~~,~~OAAOH~~,~~EAAOG~~,~~CAAAA~~,~~GAAS~~,~~UAAY~~,~~CAACC~~,~~MAAMC~~,~~QAAQL~~,~~EAAOG~~,~~CAAAA~~,~~CAAI~~,~~EAC9EF~~,~~EAAOE~~,~~CAAAA~~,~~EAAOL~~,~~EAAUG~~,~~EAAOE~~,~~CAAAA~~,~~GAAQ~~,~~CAAC~~,~~EAAGH~~,~~EAAOG~~,~~CAAAA~~,~~CAAI~~,~~EAEtDF~~,~~EAAOE~~,~~CAAAA~~,~~EAAOH~~,~~EAAOG~~,~~CAAAA~~,~~EAGzB~~,~~OAAOF~~,~~CACT~~,~~CAVgBH~~,~~EAAAA~~,~~EAAAA~~,~~aDUhB~~,~~IAAMQ~~,~~EAAa~~,~~wBACbC~~,~~EAAe~~,~~CACnBC~~,~~SAAU~~,~~CACRC~~,~~WAAY~~,~~EACd~~,~~EAGAC~~,~~WAAY~~,~~CACVD~~,~~WAAY~~,~~CACd~~,~~CACF~~,~~EAmCME~~,~~EAAkD~~,~~CACtDC~~,~~OAAQ~~,~~KACRC~~,~~OAAQ~~,~~YACV~~,~~EAEMC~~,~~EAAsBC~~,~~EAAMC~~,~~WAChC~~,~~CAACC~~,~~EAAOC~~,~~IAAAA~~,~~CACN~~,~~IAAiFC~~,~~EAAAC~~,~~IAAA~~,~~GAC5ET~~,~~GACAM~~,~~GAFGI~~,~~WAAAA~~,~~EAAWC~~,~~KAAAA~~,~~EAAMV~~,OAAAA,~~EAAQW~~,SAAAA,~~EAAUC~~,~~iBAAAA~~,~~EAAkBX~~,~~OAAAA~~,~~CAvEjE~~,~~EAuEqFM~~,~~EAATM~~,~~EAAAA~~,~~EAASN~~,~~EAATM~~,~~CAAhEJ~~,~~YAAWC~~,~~OAAMV~~,~~SAAQW~~,~~WAAUC~~,~~mBAAkBX~~,~~WAIvDa~~,~~EAAaH~~,~~EACbI~~,~~EAAQC~~,~~EAAUrB~~,~~EAAaM~~,~~CAAAA~~,~~EAAUS~~,~~CAAAA~~,~~EACzCO~~,~~EAAUhB~~,~~IAAW~~,~~aAAec~~,~~GAAAA~~,~~YAAAA~~,~~EAAOlB~~,~~WAAa~~,~~EAGxDqB~~,~~EAAeR~~,~~EAAKS~~,~~QAAUT~~,~~EAAKS~~,~~OAAOC~~,~~OAAS~~,~~EACnDC~~,~~EAAaX~~,~~EAAKW~~,~~YAAc~~,~~WAEhCC~~,~~EAAsBC~~,~~EAAA~~,~~IAAA~~,~~CAnFhC~~,~~IAAAhB~~,~~EAoFM~~,~~GAAIc~~,~~IAAe~~,~~OAAQ~~,~~CACzB~~,~~IAAMG~~,~~EAAWd~~,~~EAAKS~~,~~OAAQM~~,~~IAAI~~,~~CAACC~~,~~EAAOC~~,~~IAAAA~~,~~CACxC~~,~~IAAMC~~,~~EAAYZ~~,~~EAAUrB~~,~~EAAaM~~,~~CAAAA~~,~~EAAUyB~~,~~EAAMhB~~,~~IAAI~~,~~EAC7D~~,~~MAAO~~,~~CACLmB~~,~~IAAKC~~,~~OAAOH~~,~~CAAAA~~,~~EACZI~~,~~MAAOL~~,~~EAAMM~~,~~MACbrB~~,~~SAAUR~~,~~EAAA~~,~~cAAC8B~~,~~EAAAA~~,~~CAASvB~~,~~KAAMkB~~,~~GAC5B~~,~~CACF~~,~~CAAA~~,~~EACA~~,~~OACEzB~~,~~EAAA~~,~~cAAC+B~~,~~EAAAA~~,~~EAAAA~~,~~CACCC~~,~~MAAOX~~,~~EACPf~~,~~UAAU~~,~~8BACNC~~,~~EAAK0B~~,~~UAGf~~,~~KAEE~~,~~QACEjC~~,~~EAAA~~,~~cAACkC~~,~~MAAAA~~,~~CAAI5B~~,~~UAAU~~,~~iCACZC~~,~~EAAAA~~,~~EAAKS~~,~~SAALT~~,~~YAAAA~~,~~EAAae~~,~~IAAI~~,~~CAACC~~,~~EAAOC~~,~~IAAAA~~,~~CACxB~~,~~IAAMC~~,~~EAAYZ~~,~~EAAUrB~~,~~EAAaM~~,~~CAAAA~~,~~EAAUyB~~,~~EAAMhB~~,~~IAAI~~,~~EAC7D~~,~~OACEP~~,~~EAAA~~,~~cAACmC~~,~~WAAAA~~,~~CAAST~~,~~IAAKF~~,~~EAAOlB~~,~~UAAU~~,~~kCAC9BN~~,EAAA,~~cAACoC~~,~~SAAAA~~,~~CAAO9B~~,~~UAAU~~,~~gCAAgCiB~~,~~EAAMM~~,~~KAAK~~,~~EAC7D7B~~,EAAA,~~cAAC8B~~,EAAAA,~~CAASvB~~,~~KAAMkB~~,~~IAGtB~~,EAAA,~~CAIR~~,~~EAjC4B~~,~~uBAmC5B~~,~~OACEzB~~,EAAA,~~cAACqC~~,EAAAA,EAAAA,CACCC,~~iBAAgB/C~~,EAChBe,~~UAAWiC~~,~~EAAGhD~~,EAAYe,CAAAA,EAC1BR,OAAQA,EACRK,IAAKA,GACDO,GACHb,~~EACAkB~~,~~EAAeI,~~EAAAA,~~EAAwBnB~~,EAAA,~~cAAC8B~~,~~EAAAA~~,~~CAASvB~~,~~KAAMK~~,~~IACxDZ~~,~~EAAA~~,~~cAACqC~~,~~EAAKG~~,~~KAAI~~,~~CACRC~~,~~WAAY~~,~~CAAEC~~,~~OAAQ5B~~,~~CAAQ~~,~~EAC9BR~~,UAAWG,~~EACXkC~~,MAAO,CAAEC,aAAc,CAAE,~~GACxBjC~~,CAAAA,CAAAA,CAIT,CAAA,~~EAGFkC~~,~~EAAe9C~~,~~EEvIf~~,~~IAAA+C~~,~~EAAeC~~","names":["cx","React","Form","~~Tabs~~","NiceForm","~~deepMerge~~","~~target~~","~~source~~","~~result~~","__spreadValues","key","~~Array~~","~~isArray~~","~~CLASS_NAME~~","~~DEFAULT_META~~","~~vertical~~","~~labelWidth~~","~~horizontal~~","~~defaultProps~~","~~header~~","~~layout~~","~~ReactAntdFormSchema~~","~~React~~","~~forwardRef~~","~~props~~","~~ref~~","_a","__spreadValues","~~className~~","~~meta~~","children","~~actionsClassName~~","~~rest~~","~~footerNode~~","~~_meta~~","~~deepMerge~~","~~_offset~~","~~isGroupsMode~~","~~groups~~","~~length~~","~~groupsMode~~","~~renderGroupsContent~~","~~__name~~","~~tabItems~~","~~map~~","~~group~~","~~index~~","~~groupMeta~~","~~key~~","~~String~~","~~label~~","~~title~~","~~NiceForm~~","~~Tabs~~","~~items~~","~~tabProps~~","~~div~~","~~fieldset~~","~~legend~~","Form","data-component","cx","Item","wrapperCol","offset","style","marginBottom","index_default","main_default","ReactAntdFormSchema"]}
1	+ {"version":3,"sources":["../src/index.tsx","../src/components/default-form.tsx","../src/components/fieldset-groups.tsx","../src/components/tabs-groups.tsx","../src/types.ts","../src/main.tsx"],"sourcesContent":["import cx from 'classnames';\nimport React, { type ReactNode } from 'react';\nimport { Form, type FormInstance } from 'antd';\nimport DefaultForm from './components/default-form';\nimport FieldsetGroups from './components/fieldset-groups';\nimport TabsGroups from './components/tabs-groups';\nimport { ReactAntdFormSchemaProps, GroupsMode } from './types';\n\nconst CLASS_NAME = 'react-ant-form-schema';\nconst DEFAULT_META = {\n vertical: {\n labelWidth: 24,\n },\n // 这个是 nice-form-react 默认的 meta 数据，其它设置不生效\n // wrapperProps.labelCol.span 这个属性是 deprecated 的，请使用 labelWidth\n horizontal: {\n labelWidth: 4,\n },\n};\n\nconst defaultProps: Partial<ReactAntdFormSchemaProps> = {\n header: null,\n layout: 'horizontal',\n};\n\nconst ReactAntdFormSchema = React.forwardRef<FormInstance, ReactAntdFormSchemaProps>(\n (props, ref) => {\n const { className, meta, header, children, actionsClassName, layout, ...rest } = {\n ...defaultProps,\n ...props,\n };\n const footerNode = children as ReactNode;\n const defaultMeta = DEFAULT_META[layout!];\n\n // Check if groups mode is enabled\n const isGroupsMode = meta.groups && meta.groups.length > 0;\n const groupsMode = meta.groupsMode \|\| GroupsMode.Fieldset;\n\n // Render form content based on mode\n const renderContent = () => {\n if (isGroupsMode) {\n if (groupsMode === GroupsMode.Tabs) {\n return <TabsGroups groups={meta.groups!} defaultMeta={defaultMeta} tabProps={meta.tabProps} />;\n }\n // fieldset mode (default)\n return <FieldsetGroups groups={meta.groups!} defaultMeta={defaultMeta} />;\n }\n // standard mode\n return <DefaultForm meta={{ ...defaultMeta, ...meta }} />;\n };\n\n return (\n <Form\n data-component={CLASS_NAME}\n className={cx(CLASS_NAME, className)}\n layout={layout}\n ref={ref}\n {...rest}>\n {header}\n {renderContent()}\n <Form.Item\n wrapperCol={{ offset: layout === 'horizontal' ? defaultMeta?.labelWidth : 0 }}\n className={actionsClassName}\n style={{ marginBottom: 0 }}>\n {footerNode}\n </Form.Item>\n </Form>\n );\n },\n);\n\nexport default ReactAntdFormSchema;\n","import React from 'react';\nimport NiceForm, { NiceFormMeta } from '@ebay/nice-form-react';\n\nexport type DefaultFormProps = {\n meta: NiceFormMeta;\n};\n\nconst DefaultForm = ({ meta }: DefaultFormProps) => {\n return <NiceForm meta={meta} />;\n};\n\nexport default DefaultForm;\n","import React from 'react';\nimport NiceForm, { NiceFormMeta } from '@ebay/nice-form-react';\nimport { NiceFormGroup } from '../types';\n\nexport type FieldsetGroupsProps = {\n groups: NiceFormGroup[];\n defaultMeta: Record<string, any>;\n};\n\nconst FieldsetGroups = ({ groups, defaultMeta }: FieldsetGroupsProps) => {\n return (\n <div className=\"react-ant-form-schema-groups\">\n {groups.map((group, index) => {\n const groupMeta = { ...defaultMeta, ...group.meta } as NiceFormMeta;\n return (\n <fieldset key={index} className=\"react-ant-form-schema-fieldset\">\n <legend className=\"react-ant-form-schema-legend\">{group.title}</legend>\n <NiceForm meta={groupMeta} />\n </fieldset>\n );\n })}\n </div>\n );\n};\n\nexport default FieldsetGroups;\n","import React from 'react';\nimport { Tabs, TabsProps } from 'antd';\nimport NiceForm, { NiceFormMeta } from '@ebay/nice-form-react';\nimport { NiceFormGroup } from '../types';\n\nexport type TabsGroupsProps = {\n groups: NiceFormGroup[];\n defaultMeta: Record<string, any>;\n tabProps?: TabsProps;\n};\n\nconst TabsGroups = ({ groups, defaultMeta, tabProps }: TabsGroupsProps) => {\n const tabItems = groups.map((group) => {\n const groupMeta = { ...defaultMeta, ...group.meta } as NiceFormMeta;\n return {\n key: group.title,\n label: group.title,\n children: <NiceForm meta={groupMeta} />,\n };\n });\n\n return (\n <Tabs\n items={tabItems}\n className=\"react-ant-form-schema-tabs\"\n {...tabProps}\n />\n );\n};\n\nexport default TabsGroups;\n","import { TabsProps } from 'antd';\nimport { NiceFormMeta, NiceFormField } from '@ebay/nice-form-react';\nimport { ReactNode } from 'react';\nimport { FormProps } from 'antd';\n\nexport enum GroupsMode {\n Fieldset = 'fieldset',\n Tabs = 'tabs',\n}\n\nexport type NiceFormGroup = {\n /*\n The group title displayed in legend or tab.\n /\n title: string;\n /\n The form meta for this group.\n /\n meta: NiceFormMeta;\n};\n\nexport type ReactAntdFormSchemaMeta = Omit<NiceFormMeta, 'fields'> & {\n /\n Form fields for standard mode.\n * Either fields or groups must be provided.\n /\n fields?: NiceFormField[];\n /\n Form groups for grouped mode.\n * When groups is provided, fields will be rendered in groups.\n /\n groups?: NiceFormGroup[];\n /\n Display mode for groups.\n * - 'fieldset': Render groups as fieldset/legend elements\n * - 'tabs': Render groups as tabs\n /\n groupsMode?: GroupsMode;\n /\n Props to pass to Tabs component when groupsMode is 'tabs'.\n /\n tabProps?: TabsProps;\n};\n\nexport type ReactAntdFormSchemaProps = {\n /\n The form schema meta data.\n /\n meta: ReactAntdFormSchemaMeta;\n /\n The header content.\n /\n header?: ReactNode;\n /\n The form actions className.\n */\n actionsClassName?: string;\n} & FormProps;\n","import ReactAntdFormSchema from '.';\nexport type { ReactAntdFormSchemaProps, ReactAntdFormSchemaMeta } from './types';\nexport { GroupsMode } from './types';\n\nexport default ReactAntdFormSchema;\n"],"mappings":"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","names":["cx","React","Form","React","NiceForm","DefaultForm","__name","meta","React","NiceForm","default_form_default","React","NiceForm","FieldsetGroups","__name","groups","defaultMeta","React","div","className","map","group","index","groupMeta","__spreadValues","meta","fieldset","key","legend","title","NiceForm","fieldset_groups_default","React","Tabs","NiceForm","TabsGroups","__name","groups","defaultMeta","tabProps","tabItems","map","group","groupMeta","__spreadValues","meta","key","title","label","children","React","NiceForm","Tabs","items","className","tabs_groups_default","GroupsMode","CLASS_NAME","DEFAULT_META","vertical","labelWidth","horizontal","defaultProps","header","layout","ReactAntdFormSchema","React","forwardRef","props","ref","_a","__spreadValues","className","meta","children","actionsClassName","rest","footerNode","defaultMeta","isGroupsMode","groups","length","groupsMode","GroupsMode","Fieldset","renderContent","__name","Tabs","TabsGroups","tabProps","FieldsetGroups","DefaultForm","Form","data-component","cx","Item","wrapperCol","offset","style","marginBottom","index_default","main_default","ReactAntdFormSchema"]}

package/package.json CHANGED Viewed

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

package/src/components/default-form.tsx ADDED Viewed

@@ -0,0 +1,12 @@
+import React from 'react';
+import NiceForm, { NiceFormMeta } from '@ebay/nice-form-react';
+export type DefaultFormProps = {
+  meta: NiceFormMeta;
+};
+const DefaultForm = ({ meta }: DefaultFormProps) => {
+  return <NiceForm meta={meta} />;
+};
+export default DefaultForm;

package/src/components/fieldset-groups.tsx ADDED Viewed

@@ -0,0 +1,26 @@
+import React from 'react';
+import NiceForm, { NiceFormMeta } from '@ebay/nice-form-react';
+import { NiceFormGroup } from '../types';
+export type FieldsetGroupsProps = {
+  groups: NiceFormGroup[];
+  defaultMeta: Record<string, any>;
+};
+const FieldsetGroups = ({ groups, defaultMeta }: FieldsetGroupsProps) => {
+  return (
+    <div className="react-ant-form-schema-groups">
+      {groups.map((group, index) => {
+        const groupMeta = { ...defaultMeta, ...group.meta } as NiceFormMeta;
+        return (
+          <fieldset key={index} className="react-ant-form-schema-fieldset">
+            <legend className="react-ant-form-schema-legend">{group.title}</legend>
+            <NiceForm meta={groupMeta} />
+          </fieldset>
+        );
+      })}
+    </div>
+  );
+};
+export default FieldsetGroups;

package/src/components/tabs-groups.tsx ADDED Viewed

@@ -0,0 +1,31 @@
+import React from 'react';
+import { Tabs, TabsProps } from 'antd';
+import NiceForm, { NiceFormMeta } from '@ebay/nice-form-react';
+import { NiceFormGroup } from '../types';
+export type TabsGroupsProps = {
+  groups: NiceFormGroup[];
+  defaultMeta: Record<string, any>;
+  tabProps?: TabsProps;
+};
+const TabsGroups = ({ groups, defaultMeta, tabProps }: TabsGroupsProps) => {
+  const tabItems = groups.map((group) => {
+    const groupMeta = { ...defaultMeta, ...group.meta } as NiceFormMeta;
+    return {
+      key: group.title,
+      label: group.title,
+      children: <NiceForm meta={groupMeta} />,
+    };
+  });
+  return (
+    <Tabs
+      items={tabItems}
+      className="react-ant-form-schema-tabs"
+      {...tabProps}
+    />
+  );
+};
+export default TabsGroups;

package/src/index.tsx CHANGED Viewed

@@ -1,21 +1,10 @@
 import cx from 'classnames';
-import React, { ReactNode } from 'react';
-import { Form, FormInstance, FormProps, Tabs, TabsProps } from 'antd';
-import NiceForm, { NiceFormMeta } from '@ebay/nice-form-react';
-import { deepMerge } from './utils';
-export type GroupsMode = 'fieldset' | 'tabs';
-export type NiceFormGroup = {
-  /**
-   * The group title displayed in legend.
-   */
-  title: string;
-  /**
-   * The form meta for this group.
-   */
-  meta: NiceFormMeta;
-};
+import React, { type ReactNode } from 'react';
+import { Form, type FormInstance } from 'antd';
+import DefaultForm from './components/default-form';
+import FieldsetGroups from './components/fieldset-groups';
+import TabsGroups from './components/tabs-groups';
+import { ReactAntdFormSchemaProps, GroupsMode } from './types';
 const CLASS_NAME = 'react-ant-form-schema';
 const DEFAULT_META = {
@@ -29,39 +18,6 @@ const DEFAULT_META = {
   },
 };
-export type ReactAntdFormSchemaMeta = NiceFormMeta & {
-  /**
-   * Form groups for grouped mode.
-   * When groups is provided, fields will be rendered in groups.
-   */
-  groups?: NiceFormGroup[];
-  /**
-   * Display mode for groups.
-   * - 'fieldset': Render groups as fieldset/legend elements
-   * - 'tabs': Render groups as tabs
-   */
-  groupsMode?: GroupsMode;
-  /**
-   * Props to pass to Tabs component when groupsMode is 'tabs'.
-   */
-  tabProps?: TabsProps;
-};
-export type ReactAntdFormSchemaProps = {
-  /**
-   * The form schema meta data.
-   */
-  meta: ReactAntdFormSchemaMeta;
-  /**
-   * The header content.
-   */
-  header?: ReactNode;
-  /**
-   * The form actions className.
-   */
-  actionsClassName?: string;
-} & FormProps;
 const defaultProps: Partial<ReactAntdFormSchemaProps> = {
   header: null,
   layout: 'horizontal',
@@ -74,46 +30,23 @@ const ReactAntdFormSchema = React.forwardRef<FormInstance, ReactAntdFormSchemaPr
       ...props,
     };
     const footerNode = children as ReactNode;
-    const _meta = deepMerge(DEFAULT_META[layout!], meta) as NiceFormMeta;
-    const _offset = layout === 'horizontal' ? _meta?.labelWidth : 0;
+    const defaultMeta = DEFAULT_META[layout!];
     // Check if groups mode is enabled
     const isGroupsMode = meta.groups && meta.groups.length > 0;
-    const groupsMode = meta.groupsMode || 'fieldset';
+    const groupsMode = meta.groupsMode || GroupsMode.Fieldset;
-    const renderGroupsContent = () => {
-      if (groupsMode === 'tabs') {
-        const tabItems = meta.groups!.map((group, index) => {
-          const groupMeta = deepMerge(DEFAULT_META[layout!], group.meta) as NiceFormMeta;
-          return {
-            key: String(index),
-            label: group.title,
-            children: <NiceForm meta={groupMeta} />,
-          };
-        });
-        return (
-          <Tabs
-            items={tabItems}
-            className="react-ant-form-schema-tabs"
-            {...meta.tabProps}
-          />
-        );
-      } else {
+    // Render form content based on mode
+    const renderContent = () => {
+      if (isGroupsMode) {
+        if (groupsMode === GroupsMode.Tabs) {
+          return <TabsGroups groups={meta.groups!} defaultMeta={defaultMeta} tabProps={meta.tabProps} />;
+        }
         // fieldset mode (default)
-        return (
-          <div className="react-ant-form-schema-groups">
-            {meta.groups?.map((group, index) => {
-              const groupMeta = deepMerge(DEFAULT_META[layout!], group.meta) as NiceFormMeta;
-              return (
-                <fieldset key={index} className="react-ant-form-schema-fieldset">
-                  <legend className="react-ant-form-schema-legend">{group.title}</legend>
-                  <NiceForm meta={groupMeta} />
-                </fieldset>
-              );
-            })}
-          </div>
-        );
+        return <FieldsetGroups groups={meta.groups!} defaultMeta={defaultMeta} />;
       }
+      // standard mode
+      return <DefaultForm meta={{ ...defaultMeta, ...meta }} />;
     };
     return (
@@ -124,9 +57,9 @@ const ReactAntdFormSchema = React.forwardRef<FormInstance, ReactAntdFormSchemaPr
         ref={ref}
         {...rest}>
         {header}
-        {isGroupsMode ? renderGroupsContent() : <NiceForm meta={_meta} />}
+        {renderContent()}
         <Form.Item
-          wrapperCol={{ offset: _offset }}
+          wrapperCol={{ offset: layout === 'horizontal' ? defaultMeta?.labelWidth : 0 }}
           className={actionsClassName}
           style={{ marginBottom: 0 }}>
           {footerNode}

package/src/main.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import ReactAntdFormSchema from '.';
-import { ReactAntdFormSchemaProps } from '.';
+export type { ReactAntdFormSchemaProps, ReactAntdFormSchemaMeta } from './types';
+export { GroupsMode } from './types';
 export default ReactAntdFormSchema;
-export type { ReactAntdFormSchemaProps };

package/src/types.ts ADDED Viewed

@@ -0,0 +1,58 @@
+import { TabsProps } from 'antd';
+import { NiceFormMeta, NiceFormField } from '@ebay/nice-form-react';
+import { ReactNode } from 'react';
+import { FormProps } from 'antd';
+export enum GroupsMode {
+  Fieldset = 'fieldset',
+  Tabs = 'tabs',
+}
+export type NiceFormGroup = {
+  /**
+   * The group title displayed in legend or tab.
+   */
+  title: string;
+  /**
+   * The form meta for this group.
+   */
+  meta: NiceFormMeta;
+};
+export type ReactAntdFormSchemaMeta = Omit<NiceFormMeta, 'fields'> & {
+  /**
+   * Form fields for standard mode.
+   * Either fields or groups must be provided.
+   */
+  fields?: NiceFormField[];
+  /**
+   * Form groups for grouped mode.
+   * When groups is provided, fields will be rendered in groups.
+   */
+  groups?: NiceFormGroup[];
+  /**
+   * Display mode for groups.
+   * - 'fieldset': Render groups as fieldset/legend elements
+   * - 'tabs': Render groups as tabs
+   */
+  groupsMode?: GroupsMode;
+  /**
+   * Props to pass to Tabs component when groupsMode is 'tabs'.
+   */
+  tabProps?: TabsProps;
+};
+export type ReactAntdFormSchemaProps = {
+  /**
+   * The form schema meta data.
+   */
+  meta: ReactAntdFormSchemaMeta;
+  /**
+   * The header content.
+   */
+  header?: ReactNode;
+  /**
+   * The form actions className.
+   */
+  actionsClassName?: string;
+} & FormProps;

package/src/utils.ts DELETED Viewed

@@ -1,20 +0,0 @@
-/**
- * @Author: aric 1290657123@qq.com
- * @Date: 2025-10-18 21:20:55
- * @LastEditors: aric 1290657123@qq.com
- * @LastEditTime: 2025-10-22 08:55:52
- */
-type AnyObject = { [key: string]: any };
-export function deepMerge(target: AnyObject, source: AnyObject) {
-  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;
-}