@pixpilot/formily-shadcn 0.9.1 → 0.11.0

package/dist/components/schema-field/schema-field.js

@@ -1,19 +1,33 @@
 import { Combobox as Combobox$1 } from "../combobox.js";
+import { extractComponents } from "../../utils/extract-components.js";
 import { Slider as Slider$1 } from "../slider.js";
 import { TagsInputInLine } from "../tags-input-inline.js";
-import { SchemaFieldBasicComponents } from "./schema-field-basics.js";
+import { basicComponentRegistry } from "./schema-field-basics.js";
 import { createSchemaField } from "@formily/react";
 import { TagsInput } from "@pixpilot/shadcn-ui";
 
 //#region src/components/schema-field/schema-field.tsx
-const schemaFieldComponents = {
-	...SchemaFieldBasicComponents,
-	Combobox: Combobox$1,
-	TagsInput,
-	TagsInputInLine,
-	Slider: Slider$1
+const defaultComponentRegistry = {
+	...basicComponentRegistry,
+	Combobox: {
+		component: Combobox$1,
+		decorator: "FormItem"
+	},
+	TagsInput: {
+		component: TagsInput,
+		decorator: "FormItem"
+	},
+	TagsInputInLine: {
+		component: TagsInputInLine,
+		decorator: "FormItem"
+	},
+	Slider: {
+		component: Slider$1,
+		decorator: "FormItem"
+	}
 };
-const SchemaField = createSchemaField({ components: schemaFieldComponents });
+const defaultComponents = extractComponents(defaultComponentRegistry);
+const SchemaField = createSchemaField({ components: defaultComponents });
 
 //#endregion
-export { SchemaField, schemaFieldComponents };
+export { SchemaField, defaultComponentRegistry, defaultComponents };

package/dist/components/separator.d.ts

@@ -1,4 +1,4 @@
-import * as react18 from "react";
+import * as react14 from "react";
 import * as _radix_ui_react_separator0 from "@radix-ui/react-separator";
 
 //#region src/components/separator.d.ts
@@ -6,6 +6,6 @@ import * as _radix_ui_react_separator0 from "@radix-ui/react-separator";
  * Formily-connected Separator component
  * A visual divider for content sections
  */
-declare const Separator: react18.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_separator0.SeparatorProps & react18.RefAttributes<HTMLDivElement>>, "ref"> & react18.RefAttributes<unknown>>;
+declare const Separator: react14.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_separator0.SeparatorProps & react14.RefAttributes<HTMLDivElement>>, "ref"> & react14.RefAttributes<unknown>>;
 //#endregion
 export { Separator };

package/dist/components/slider.d.cts

@@ -1,4 +1,4 @@
-import * as react17 from "react";
+import * as react22 from "react";
 import { SliderProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/slider.d.ts
@@ -7,6 +7,6 @@ import { SliderProps } from "@pixpilot/shadcn-ui";
  * Formily-connected Slider component
  * Range input for selecting numeric values
  */
-declare const Slider: react17.ForwardRefExoticComponent<Omit<Partial<SliderProps>, "ref"> & react17.RefAttributes<unknown>>;
+declare const Slider: react22.ForwardRefExoticComponent<Omit<Partial<SliderProps>, "ref"> & react22.RefAttributes<unknown>>;
 //#endregion
 export { Slider };

package/dist/components/slider.d.ts

@@ -1,4 +1,4 @@
-import * as react24 from "react";
+import * as react26 from "react";
 import { SliderProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/slider.d.ts
@@ -7,6 +7,6 @@ import { SliderProps } from "@pixpilot/shadcn-ui";
  * Formily-connected Slider component
  * Range input for selecting numeric values
  */
-declare const Slider$1: react24.ForwardRefExoticComponent<Omit<Partial<SliderProps>, "ref"> & react24.RefAttributes<unknown>>;
+declare const Slider$1: react26.ForwardRefExoticComponent<Omit<Partial<SliderProps>, "ref"> & react26.RefAttributes<unknown>>;
 //#endregion
 export { Slider$1 as Slider };

package/dist/components/switch.d.ts

@@ -1,4 +1,4 @@
-import * as react21 from "react";
+import * as react17 from "react";
 import * as _radix_ui_react_switch0 from "@radix-ui/react-switch";
 
 //#region src/components/switch.d.ts
@@ -6,6 +6,6 @@ import * as _radix_ui_react_switch0 from "@radix-ui/react-switch";
  * Formily-connected Switch component
  * Toggle switch for boolean values
  */
-declare const Switch: react21.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react21.RefAttributes<HTMLButtonElement>>, "ref"> & react21.RefAttributes<unknown>>;
+declare const Switch: react17.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react17.RefAttributes<HTMLButtonElement>>, "ref"> & react17.RefAttributes<unknown>>;
 //#endregion
 export { Switch };

package/dist/components/tags-input-inline.d.cts

@@ -1,4 +1,4 @@
-import * as react22 from "react";
+import * as react17 from "react";
 import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
 
 //#region src/components/tags-input-inline.d.ts
@@ -10,6 +10,6 @@ import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
  * Based on DiceUI's tags-input for inline tag editing with keyboard navigation
  * and validation support.
  */
-declare const TagsInputInLine: react22.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.TagsInputProps> & react22.RefAttributes<unknown>>;
+declare const TagsInputInLine: react17.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.TagsInputProps> & react17.RefAttributes<unknown>>;
 //#endregion
 export { TagsInputInLine };

package/dist/components/tags-input-inline.d.ts

@@ -1,4 +1,4 @@
-import * as react26 from "react";
+import * as react20 from "react";
 import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
 
 //#region src/components/tags-input-inline.d.ts
@@ -10,6 +10,6 @@ import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
  * Based on DiceUI's tags-input for inline tag editing with keyboard navigation
  * and validation support.
  */
-declare const TagsInputInLine: react26.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.TagsInputProps> & react26.RefAttributes<unknown>>;
+declare const TagsInputInLine: react20.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.TagsInputProps> & react20.RefAttributes<unknown>>;
 //#endregion
 export { TagsInputInLine };

package/dist/components/textarea.d.ts

@@ -1,9 +1,9 @@
-import * as react0 from "react";
+import * as react22 from "react";
 
 //#region src/components/textarea.d.ts
 /**
  * Formily-connected Textarea component
  */
-declare const Textarea: react0.ForwardRefExoticComponent<Omit<Partial<react0.ClassAttributes<HTMLTextAreaElement> & react0.TextareaHTMLAttributes<HTMLTextAreaElement>>, "ref"> & react0.RefAttributes<unknown>>;
+declare const Textarea: react22.ForwardRefExoticComponent<Omit<Partial<react22.ClassAttributes<HTMLTextAreaElement> & react22.TextareaHTMLAttributes<HTMLTextAreaElement>>, "ref"> & react22.RefAttributes<unknown>>;
 //#endregion
 export { Textarea };

package/dist/hooks/index.js

@@ -1,3 +1,3 @@
 import { useDescription } from "./use-description.js";
-import { useFormContext } from "./use-form-context.js";
+import { useFormConfig, useFormContext } from "./use-form-context.js";
 import { useLabel } from "./use-label.js";

package/dist/hooks/use-form-context.cjs

@@ -8,6 +8,11 @@ react = require_rolldown_runtime.__toESM(react);
 function useFormContext() {
 	return (0, react.use)(require_form_context.FormContext);
 }
+function useFormConfig() {
+	const { settings } = useFormContext();
+	return settings || {};
+}
 
 //#endregion
+exports.useFormConfig = useFormConfig;
 exports.useFormContext = useFormContext;

package/dist/hooks/use-form-context.js

@@ -6,6 +6,10 @@ import { use } from "react";
 function useFormContext() {
 	return use(FormContext);
 }
+function useFormConfig() {
+	const { settings } = useFormContext();
+	return settings || {};
+}
 
 //#endregion
-export { useFormContext };
+export { useFormConfig, useFormContext };

package/dist/hooks/use-label.cjs

@@ -1,17 +1,24 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_use_form_context = require('./use-form-context.cjs');
 let __formily_react = require("@formily/react");
 __formily_react = require_rolldown_runtime.__toESM(__formily_react);
 let __pixpilot_string = require("@pixpilot/string");
 __pixpilot_string = require_rolldown_runtime.__toESM(__pixpilot_string);
 
 //#region src/hooks/use-label.ts
+function shouldHaveLabel(value) {
+	if (typeof value === "boolean" && value === false) return false;
+	return true;
+}
 function useLabel(label) {
 	const schema = (0, __formily_react.useFieldSchema)();
 	const name = schema.name;
 	const title = schema.title;
+	const { useFieldNameAsLabel } = require_use_form_context.useFormConfig().label || {};
+	if (!shouldHaveLabel(label) || !shouldHaveLabel(title)) return null;
 	if (label != null) return label;
-	if (title != null) return typeof title === "string" ? (0, __pixpilot_string.toCapitalCase)(title) : title;
-	if (name != null) return typeof name === "string" ? (0, __pixpilot_string.toCapitalCase)(name) : name;
+	if (title != null) return title;
+	if (name != null && useFieldNameAsLabel) return typeof name === "string" ? (0, __pixpilot_string.toCapitalCase)(name) : name;
 	return null;
 }
 

package/dist/hooks/use-label.js

@@ -1,14 +1,21 @@
+import { useFormConfig } from "./use-form-context.js";
 import { useFieldSchema } from "@formily/react";
 import { toCapitalCase } from "@pixpilot/string";
 
 //#region src/hooks/use-label.ts
+function shouldHaveLabel(value) {
+	if (typeof value === "boolean" && value === false) return false;
+	return true;
+}
 function useLabel(label) {
 	const schema = useFieldSchema();
 	const name = schema.name;
 	const title = schema.title;
+	const { useFieldNameAsLabel } = useFormConfig().label || {};
+	if (!shouldHaveLabel(label) || !shouldHaveLabel(title)) return null;
 	if (label != null) return label;
-	if (title != null) return typeof title === "string" ? toCapitalCase(title) : title;
-	if (name != null) return typeof name === "string" ? toCapitalCase(name) : name;
+	if (title != null) return title;
+	if (name != null && useFieldNameAsLabel) return typeof name === "string" ? toCapitalCase(name) : name;
 	return null;
 }
 

package/dist/index.cjs

@@ -14,7 +14,8 @@ const require_file_upload_inline = require('./components/file-upload/file-upload
 require('./components/file-upload/index.cjs');
 const require_form = require('./components/form.cjs');
 const require_form_grid = require('./components/form-grid.cjs');
-const require_form_item = require('./components/form-item.cjs');
+const require_connected_form_item = require('./components/form-item/connected-form-item.cjs');
+require('./components/form-item/index.cjs');
 const require_icon_picker = require('./components/icon-picker.cjs');
 const require_input = require('./components/input.cjs');
 const require_slider = require('./components/slider.cjs');
@@ -31,7 +32,11 @@ const require_schema_field = require('./components/schema-field/schema-field.cjs
 const require_rich_text_editor = require('./components/rich-text-editor.cjs');
 const require_schema_field_extended = require('./components/schema-field/schema-field-extended.cjs');
 require('./components/schema-field/index.cjs');
-const require_json_schema_form_renderer = require('./components/json-schema-form-renderer.cjs');
+const require_json_schema_form_renderer = require('./components/json-schema-form-renderer/json-schema-form-renderer.cjs');
+const require_json_schema_form = require('./components/json-schema-form-renderer/json-schema-form.cjs');
+const require_json_schema_form_basic = require('./components/json-schema-form-renderer/json-schema-form-basic.cjs');
+const require_json_schema_form_extended = require('./components/json-schema-form-renderer/json-schema-form-extended.cjs');
+require('./components/json-schema-form-renderer/index.cjs');
 let __formily_react = require("@formily/react");
 __formily_react = require_rolldown_runtime.__toESM(__formily_react);
 let __formily_core = require("@formily/core");
@@ -61,7 +66,7 @@ Object.defineProperty(exports, 'FormConsumer', {
   }
 });
 exports.FormGrid = require_form_grid.FormGrid;
-exports.FormItem = require_form_item.FormItem;
+exports.FormItem = require_connected_form_item.FormItem;
 Object.defineProperty(exports, 'FormProvider', {
   enumerable: true,
   get: function () {
@@ -70,6 +75,9 @@ Object.defineProperty(exports, 'FormProvider', {
 });
 exports.IconPicker = require_icon_picker.IconPicker;
 exports.Input = require_input.Input;
+exports.JsonSchemaForm = require_json_schema_form.JsonSchemaForm;
+exports.JsonSchemaFormBasic = require_json_schema_form_basic.JsonSchemaFormBasic;
+exports.JsonSchemaFormExtended = require_json_schema_form_extended.JsonSchemaFormExtended;
 exports.JsonSchemaFormRenderer = require_json_schema_form_renderer.JsonSchemaFormRenderer;
 exports.NumberInput = require_number_input.NumberInput;
 Object.defineProperty(exports, 'ObjectField', {
@@ -82,7 +90,6 @@ exports.Radio = require_radio.Radio;
 exports.RichTextEditor = require_rich_text_editor.RichTextEditor;
 exports.Row = require_row.Row;
 exports.SchemaField = require_schema_field.SchemaField;
-exports.SchemaFieldBasicComponents = require_schema_field_basics.SchemaFieldBasicComponents;
 exports.SchemaFieldBasics = require_schema_field_basics.SchemaFieldBasics;
 exports.SchemaFieldExtended = require_schema_field_extended.SchemaFieldExtended;
 exports.Select = require_select.Select;
@@ -97,11 +104,15 @@ Object.defineProperty(exports, 'VoidField', {
     return __formily_react.VoidField;
   }
 });
+exports.basicComponentRegistry = require_schema_field_basics.basicComponentRegistry;
+exports.basicComponents = require_schema_field_basics.basicComponents;
 Object.defineProperty(exports, 'createForm', {
   enumerable: true,
   get: function () {
     return __formily_core.createForm;
   }
 });
-exports.schemaFieldComponents = require_schema_field.schemaFieldComponents;
-exports.schemaFieldExtendedComponents = require_schema_field_extended.schemaFieldExtendedComponents;
+exports.defaultComponentRegistry = require_schema_field.defaultComponentRegistry;
+exports.defaultComponents = require_schema_field.defaultComponents;
+exports.extendedComponentRegistry = require_schema_field_extended.extendedComponentRegistry;
+exports.extendedComponents = require_schema_field_extended.extendedComponents;

package/dist/index.d.cts

@@ -8,23 +8,31 @@ import "./components/array-collapse/index.cjs";
 import { Checkbox } from "./components/checkbox.cjs";
 import { Column } from "./components/column.cjs";
 import { Combobox } from "./components/combobox.cjs";
+import { FormLayoutOptions } from "./components/context/form-context.cjs";
+import "./components/context/index.cjs";
 import { DatePicker } from "./components/date-picker.cjs";
 import { FileUpload } from "./components/file-upload/file-upload.cjs";
 import { FileUploadInline } from "./components/file-upload/file-upload-inline.cjs";
 import "./components/file-upload/index.cjs";
 import { Form } from "./components/form.cjs";
 import { FormGrid } from "./components/form-grid.cjs";
-import { FormItem } from "./components/form-item.cjs";
+import { FormItem } from "./components/form-item/connected-form-item.cjs";
+import "./components/form-item/index.cjs";
 import { IconPicker } from "./components/icon-picker.cjs";
 import { Input } from "./components/input.cjs";
-import { JsonSchemaFormRenderer, JsonSchemaFormRendererProps } from "./components/json-schema-form-renderer.cjs";
+import { JsonSchemaFormComponent, JsonSchemaFormComponents, JsonSchemaFormProps, JsonSchemaFormRendererProps } from "./components/json-schema-form-renderer/types.cjs";
+import { JsonSchemaForm } from "./components/json-schema-form-renderer/json-schema-form.cjs";
+import { JsonSchemaFormBasic } from "./components/json-schema-form-renderer/json-schema-form-basic.cjs";
+import { JsonSchemaFormExtended } from "./components/json-schema-form-renderer/json-schema-form-extended.cjs";
+import { JsonSchemaFormRenderer } from "./components/json-schema-form-renderer/json-schema-form-renderer.cjs";
+import "./components/json-schema-form-renderer/index.cjs";
 import { NumberInput } from "./components/number-input.cjs";
 import { ConnectedRadio, Radio } from "./components/radio.cjs";
 import { RichTextEditor } from "./components/rich-text-editor.cjs";
 import { Row } from "./components/row.cjs";
-import { SchemaField, schemaFieldComponents } from "./components/schema-field/schema-field.cjs";
-import { SchemaFieldBasicComponents, SchemaFieldBasics } from "./components/schema-field/schema-field-basics.cjs";
-import { SchemaFieldExtended, schemaFieldExtendedComponents } from "./components/schema-field/schema-field-extended.cjs";
+import { SchemaField, defaultComponentRegistry, defaultComponents } from "./components/schema-field/schema-field.cjs";
+import { SchemaFieldBasics, basicComponentRegistry, basicComponents } from "./components/schema-field/schema-field-basics.cjs";
+import { SchemaFieldExtended, extendedComponentRegistry, extendedComponents } from "./components/schema-field/schema-field-extended.cjs";
 import "./components/schema-field/index.cjs";
 import { Select } from "./components/select.cjs";
 import { Separator } from "./components/separator.cjs";
@@ -34,4 +42,4 @@ import { TagsInputInLine } from "./components/tags-input-inline.cjs";
 import { Textarea } from "./components/textarea.cjs";
 import { Field, FormConsumer, FormProvider, ISchema, ObjectField, VoidField } from "@formily/react";
 import { Form as IForm, createForm } from "@formily/core";
-export { ArrayBase, type ArrayBaseMixins, ArrayCards, ArrayCollapse, Checkbox, Column, Combobox, ConnectedRadio, DatePicker, Field, FileUpload, FileUploadInline, Form, FormConsumer, FormGrid, FormItem, FormProvider, type IArrayBaseOperationProps, type IArrayBaseProps, type IForm, type ISchema, IconPicker, Input, JsonSchemaFormRenderer, JsonSchemaFormRendererProps, NumberInput, ObjectField, Radio, RichTextEditor, Row, SchemaField, SchemaFieldBasicComponents, SchemaFieldBasics, SchemaFieldExtended, Select, Separator, Slider, Switch, TagsInputInLine, Textarea, VoidField, createForm, schemaFieldComponents, schemaFieldExtendedComponents };
+export { ArrayBase, type ArrayBaseMixins, ArrayCards, ArrayCollapse, Checkbox, Column, Combobox, ConnectedRadio, DatePicker, Field, FileUpload, FileUploadInline, Form, FormConsumer, FormGrid, FormItem, type FormLayoutOptions, FormProvider, type IArrayBaseOperationProps, type IArrayBaseProps, type IForm, type ISchema, IconPicker, Input, JsonSchemaForm, JsonSchemaFormBasic, JsonSchemaFormComponent, JsonSchemaFormComponents, JsonSchemaFormExtended, JsonSchemaFormProps, JsonSchemaFormRenderer, JsonSchemaFormRendererProps, NumberInput, ObjectField, Radio, RichTextEditor, Row, SchemaField, SchemaFieldBasics, SchemaFieldExtended, Select, Separator, Slider, Switch, TagsInputInLine, Textarea, VoidField, basicComponentRegistry, basicComponents, createForm, defaultComponentRegistry, defaultComponents, extendedComponentRegistry, extendedComponents };

package/dist/index.d.ts

@@ -8,23 +8,31 @@ import "./components/array-collapse/index.js";
 import { Checkbox } from "./components/checkbox.js";
 import { Column } from "./components/column.js";
 import { Combobox } from "./components/combobox.js";
+import { FormLayoutOptions } from "./components/context/form-context.js";
+import "./components/context/index.js";
 import { DatePicker } from "./components/date-picker.js";
 import { FileUpload } from "./components/file-upload/file-upload.js";
 import { FileUploadInline } from "./components/file-upload/file-upload-inline.js";
 import "./components/file-upload/index.js";
 import { Form } from "./components/form.js";
 import { FormGrid } from "./components/form-grid.js";
-import { FormItem } from "./components/form-item.js";
+import { FormItem } from "./components/form-item/connected-form-item.js";
+import "./components/form-item/index.js";
 import { IconPicker } from "./components/icon-picker.js";
 import { Input } from "./components/input.js";
-import { JsonSchemaFormRenderer, JsonSchemaFormRendererProps } from "./components/json-schema-form-renderer.js";
+import { JsonSchemaFormComponent, JsonSchemaFormComponents, JsonSchemaFormProps, JsonSchemaFormRendererProps } from "./components/json-schema-form-renderer/types.js";
+import { JsonSchemaForm } from "./components/json-schema-form-renderer/json-schema-form.js";
+import { JsonSchemaFormBasic } from "./components/json-schema-form-renderer/json-schema-form-basic.js";
+import { JsonSchemaFormExtended } from "./components/json-schema-form-renderer/json-schema-form-extended.js";
+import { JsonSchemaFormRenderer } from "./components/json-schema-form-renderer/json-schema-form-renderer.js";
+import "./components/json-schema-form-renderer/index.js";
 import { NumberInput } from "./components/number-input.js";
 import { ConnectedRadio, Radio } from "./components/radio.js";
 import { RichTextEditor } from "./components/rich-text-editor.js";
 import { Row } from "./components/row.js";
-import { SchemaField, schemaFieldComponents } from "./components/schema-field/schema-field.js";
-import { SchemaFieldBasicComponents, SchemaFieldBasics } from "./components/schema-field/schema-field-basics.js";
-import { SchemaFieldExtended, schemaFieldExtendedComponents } from "./components/schema-field/schema-field-extended.js";
+import { SchemaField, defaultComponentRegistry, defaultComponents } from "./components/schema-field/schema-field.js";
+import { SchemaFieldBasics, basicComponentRegistry, basicComponents } from "./components/schema-field/schema-field-basics.js";
+import { SchemaFieldExtended, extendedComponentRegistry, extendedComponents } from "./components/schema-field/schema-field-extended.js";
 import "./components/schema-field/index.js";
 import { Select } from "./components/select.js";
 import { Separator } from "./components/separator.js";
@@ -34,4 +42,4 @@ import { TagsInputInLine } from "./components/tags-input-inline.js";
 import { Textarea } from "./components/textarea.js";
 import { Field, FormConsumer, FormProvider, ISchema, ObjectField, VoidField } from "@formily/react";
 import { Form as IForm, createForm } from "@formily/core";
-export { ArrayBase, type ArrayBaseMixins, ArrayCards, ArrayCollapse, Checkbox, Column, Combobox, ConnectedRadio, DatePicker, Field, FileUpload, FileUploadInline, Form, FormConsumer, FormGrid, FormItem, FormProvider, type IArrayBaseOperationProps, type IArrayBaseProps, type IForm, type ISchema, IconPicker, Input, JsonSchemaFormRenderer, JsonSchemaFormRendererProps, NumberInput, ObjectField, Radio, RichTextEditor, Row, SchemaField, SchemaFieldBasicComponents, SchemaFieldBasics, SchemaFieldExtended, Select, Separator, Slider, Switch, TagsInputInLine, Textarea, VoidField, createForm, schemaFieldComponents, schemaFieldExtendedComponents };
+export { ArrayBase, type ArrayBaseMixins, ArrayCards, ArrayCollapse, Checkbox, Column, Combobox, ConnectedRadio, DatePicker, Field, FileUpload, FileUploadInline, Form, FormConsumer, FormGrid, FormItem, type FormLayoutOptions, FormProvider, type IArrayBaseOperationProps, type IArrayBaseProps, type IForm, type ISchema, IconPicker, Input, JsonSchemaForm, JsonSchemaFormBasic, JsonSchemaFormComponent, JsonSchemaFormComponents, JsonSchemaFormExtended, JsonSchemaFormProps, JsonSchemaFormRenderer, JsonSchemaFormRendererProps, NumberInput, ObjectField, Radio, RichTextEditor, Row, SchemaField, SchemaFieldBasics, SchemaFieldExtended, Select, Separator, Slider, Switch, TagsInputInLine, Textarea, VoidField, basicComponentRegistry, basicComponents, createForm, defaultComponentRegistry, defaultComponents, extendedComponentRegistry, extendedComponents };

package/dist/index.js

@@ -13,7 +13,8 @@ import { FileUploadInline } from "./components/file-upload/file-upload-inline.js
 import "./components/file-upload/index.js";
 import { Form } from "./components/form.js";
 import { FormGrid } from "./components/form-grid.js";
-import { FormItem } from "./components/form-item.js";
+import { FormItem } from "./components/form-item/connected-form-item.js";
+import "./components/form-item/index.js";
 import { IconPicker } from "./components/icon-picker.js";
 import { Input } from "./components/input.js";
 import { Slider } from "./components/slider.js";
@@ -25,13 +26,17 @@ import { Select } from "./components/select.js";
 import { Separator } from "./components/separator.js";
 import { Switch } from "./components/switch.js";
 import { Textarea } from "./components/textarea.js";
-import { SchemaFieldBasicComponents, SchemaFieldBasics } from "./components/schema-field/schema-field-basics.js";
-import { SchemaField, schemaFieldComponents } from "./components/schema-field/schema-field.js";
+import { SchemaFieldBasics, basicComponentRegistry, basicComponents } from "./components/schema-field/schema-field-basics.js";
+import { SchemaField, defaultComponentRegistry, defaultComponents } from "./components/schema-field/schema-field.js";
 import { RichTextEditor } from "./components/rich-text-editor.js";
-import { SchemaFieldExtended, schemaFieldExtendedComponents } from "./components/schema-field/schema-field-extended.js";
+import { SchemaFieldExtended, extendedComponentRegistry, extendedComponents } from "./components/schema-field/schema-field-extended.js";
 import "./components/schema-field/index.js";
-import { JsonSchemaFormRenderer } from "./components/json-schema-form-renderer.js";
+import { JsonSchemaFormRenderer } from "./components/json-schema-form-renderer/json-schema-form-renderer.js";
+import { JsonSchemaForm } from "./components/json-schema-form-renderer/json-schema-form.js";
+import { JsonSchemaFormBasic } from "./components/json-schema-form-renderer/json-schema-form-basic.js";
+import { JsonSchemaFormExtended } from "./components/json-schema-form-renderer/json-schema-form-extended.js";
+import "./components/json-schema-form-renderer/index.js";
 import { Field, FormConsumer, FormProvider, ObjectField, VoidField } from "@formily/react";
 import { createForm } from "@formily/core";
 
-export { ArrayBase, ArrayCards, ArrayCollapse, Checkbox, Column, Combobox, ConnectedRadio, DatePicker, Field, FileUpload, FileUploadInline, Form, FormConsumer, FormGrid, FormItem, FormProvider, IconPicker, Input, JsonSchemaFormRenderer, NumberInput, ObjectField, Radio, RichTextEditor, Row, SchemaField, SchemaFieldBasicComponents, SchemaFieldBasics, SchemaFieldExtended, Select, Separator, Slider, Switch, TagsInputInLine, Textarea, VoidField, createForm, schemaFieldComponents, schemaFieldExtendedComponents };
+export { ArrayBase, ArrayCards, ArrayCollapse, Checkbox, Column, Combobox, ConnectedRadio, DatePicker, Field, FileUpload, FileUploadInline, Form, FormConsumer, FormGrid, FormItem, FormProvider, IconPicker, Input, JsonSchemaForm, JsonSchemaFormBasic, JsonSchemaFormExtended, JsonSchemaFormRenderer, NumberInput, ObjectField, Radio, RichTextEditor, Row, SchemaField, SchemaFieldBasics, SchemaFieldExtended, Select, Separator, Slider, Switch, TagsInputInLine, Textarea, VoidField, basicComponentRegistry, basicComponents, createForm, defaultComponentRegistry, defaultComponents, extendedComponentRegistry, extendedComponents };

package/dist/types/form-item.d.cts

@@ -0,0 +1,5 @@
+//#region src/types/form-item.d.ts
+type DescriptionPlacement = 'top' | 'bottom' | 'popover';
+type LabelPlacement = 'top' | 'bottom' | 'start' | 'end';
+//#endregion
+export { DescriptionPlacement, LabelPlacement };

package/dist/types/form-item.d.ts

@@ -0,0 +1,5 @@
+//#region src/types/form-item.d.ts
+type DescriptionPlacement = 'top' | 'bottom' | 'popover';
+type LabelPlacement = 'top' | 'bottom' | 'start' | 'end';
+//#endregion
+export { DescriptionPlacement, LabelPlacement };

package/dist/types/form.d.cts

@@ -1,12 +1,6 @@
 //#region src/types/form.d.ts
-type Space = 'sm' | 'md' | 'lg';
 interface FormSpace {
   density?: 'compact' | 'normal' | 'comfortable' | 'responsive';
-  responsive?: {
-    mobile?: Space;
-    tablet?: Space;
-    desktop?: Space;
-  };
 }
 //#endregion
 export { FormSpace };

package/dist/types/form.d.ts

@@ -1,12 +1,6 @@
 //#region src/types/form.d.ts
-type Space = 'sm' | 'md' | 'lg';
 interface FormSpace {
   density?: 'compact' | 'normal' | 'comfortable' | 'responsive';
-  responsive?: {
-    mobile?: Space;
-    tablet?: Space;
-    desktop?: Space;
-  };
 }
 //#endregion
 export { FormSpace };

package/dist/utils/extract-components.cjs

@@ -0,0 +1,11 @@
+
+//#region src/utils/extract-components.ts
+/**
+* Extracts React components from FormComponentConfig records
+*/
+function extractComponents(configs) {
+	return Object.fromEntries(Object.entries(configs).map(([key, config]) => [key, config.component]));
+}
+
+//#endregion
+exports.extractComponents = extractComponents;

package/dist/utils/extract-components.js

@@ -0,0 +1,10 @@
+//#region src/utils/extract-components.ts
+/**
+* Extracts React components from FormComponentConfig records
+*/
+function extractComponents(configs) {
+	return Object.fromEntries(Object.entries(configs).map(([key, config]) => [key, config.component]));
+}
+
+//#endregion
+export { extractComponents };

package/dist/utils/extract-fields-decorators.cjs

@@ -0,0 +1,37 @@
+
+//#region src/utils/extract-fields-decorators.ts
+/**
+* Extracts decorator mappings from field configurations.
+*
+* This utility function takes a fields configuration object where each field
+* can optionally define a decorator string, and returns a flat record of
+* field name to decorator mappings.
+*
+* @param fields - The fields configuration with optional decorators
+* @returns Record mapping component names to their decorators
+*
+* @example
+* const fields = {
+*   Input: {
+*     component: InputComponent,
+*     decorator: 'FormItem',
+*   },
+*   CustomInput: {
+*     component: CustomInputComponent,
+*     decorator: 'CustomDecorator',
+*   },
+* };
+*
+* const decorators = extractFieldsDecorators(fields);
+* // Result: { Input: 'FormItem', CustomInput: 'CustomDecorator' }
+*/
+function extractFieldsDecorators(fields) {
+	const fieldsDecorators = {};
+	if (fields) Object.entries(fields).forEach(([key, field]) => {
+		if (field.decorator != null) fieldsDecorators[key] = field.decorator;
+	});
+	return fieldsDecorators;
+}
+
+//#endregion
+exports.extractFieldsDecorators = extractFieldsDecorators;

package/dist/utils/extract-fields-decorators.js

@@ -0,0 +1,36 @@
+//#region src/utils/extract-fields-decorators.ts
+/**
+* Extracts decorator mappings from field configurations.
+*
+* This utility function takes a fields configuration object where each field
+* can optionally define a decorator string, and returns a flat record of
+* field name to decorator mappings.
+*
+* @param fields - The fields configuration with optional decorators
+* @returns Record mapping component names to their decorators
+*
+* @example
+* const fields = {
+*   Input: {
+*     component: InputComponent,
+*     decorator: 'FormItem',
+*   },
+*   CustomInput: {
+*     component: CustomInputComponent,
+*     decorator: 'CustomDecorator',
+*   },
+* };
+*
+* const decorators = extractFieldsDecorators(fields);
+* // Result: { Input: 'FormItem', CustomInput: 'CustomDecorator' }
+*/
+function extractFieldsDecorators(fields) {
+	const fieldsDecorators = {};
+	if (fields) Object.entries(fields).forEach(([key, field]) => {
+		if (field.decorator != null) fieldsDecorators[key] = field.decorator;
+	});
+	return fieldsDecorators;
+}
+
+//#endregion
+export { extractFieldsDecorators };

package/dist/utils/index.cjs

@@ -1,6 +1,7 @@
 const require_has_error = require('./has-error.cjs');
 const require_validate_array_item_fields = require('./validate-array-item-fields.cjs');
 const require_create_panel_state_manager = require('./create-panel-state-manager.cjs');
+const require_extract_fields_decorators = require('./extract-fields-decorators.cjs');
 const require_for_each_schema = require('./for-each-schema.cjs');
 const require_get_array_item_info = require('./get-array-item-info.cjs');
 const require_get_default_value = require('./get-default-value.cjs');
@@ -8,3 +9,4 @@ const require_has_array_item_errors = require('./has-array-item-errors.cjs');
 const require_resolve_responsive_space = require('./resolve-responsive-space.cjs');
 const require_transform_schema = require('./transform-schema.cjs');
 require('./use-array-item-editor.cjs');
+const require_validate_schema_components = require('./validate-schema-components.cjs');

package/dist/utils/index.js

@@ -1,10 +1,12 @@
 import { fieldsHasError, filedHasError } from "./has-error.js";
 import { validateArrayItemFields } from "./validate-array-item-fields.js";
 import { createPanelStateManager } from "./create-panel-state-manager.js";
+import { extractFieldsDecorators } from "./extract-fields-decorators.js";
 import { forEachSchema } from "./for-each-schema.js";
 import { getArrayItemInfo } from "./get-array-item-info.js";
 import { getDefaultValue, getSchemaDefaultValue } from "./get-default-value.js";
 import { hasArrayItemErrors } from "./has-array-item-errors.js";
-import { autoResponsiveGapClasses, autoResponsiveSpaceClasses, getGapClass, getSpaceClass, isResponsiveDensity, resolveResponsiveGapClass, resolveResponsiveSpace, resolveResponsiveSpaceClass } from "./resolve-responsive-space.js";
+import { gapYConfig, resolveResponsiveGapClass, resolveResponsiveSpaceClass, resolveSpacingClass, spaceYConfig } from "./resolve-responsive-space.js";
 import { transformSchema } from "./transform-schema.js";
 import "./use-array-item-editor.js";
+import { validateSchemaComponents } from "./validate-schema-components.js";