@pixpilot/formily-shadcn 0.9.1 → 0.11.0

package/dist/components/form.d.cts

@@ -2,7 +2,7 @@ import { FormContextStates } from "./context/form-context.cjs";
 import "./context/index.cjs";
 import React from "react";
 import { Form } from "@formily/core";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/form.d.ts
 interface IFormProps extends FormContextStates {
@@ -23,11 +23,8 @@ declare function Form$1({
   children,
   onSubmit,
   onAutoSubmit,
-  itemProps,
-  objectContainerProps,
-  density,
-  responsive,
-  config
-}: IFormProps): react_jsx_runtime0.JSX.Element;
+  layout,
+  settings
+}: IFormProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { Form$1 as Form };

package/dist/components/form.d.ts

@@ -23,11 +23,8 @@ declare function Form$1({
   children,
   onSubmit,
   onAutoSubmit,
-  itemProps,
-  objectContainerProps,
-  density,
-  responsive,
-  config
+  layout,
+  settings
 }: IFormProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Form$1 as Form };

package/dist/components/form.js

@@ -10,7 +10,7 @@ import { cn } from "@pixpilot/shadcn";
 /**
 * Form component - wraps FormProvider and provides form context
 */
-function Form({ form, className, style, children, onSubmit, onAutoSubmit, itemProps, objectContainerProps, density, responsive, config }) {
+function Form({ form, className, style, children, onSubmit, onAutoSubmit, layout, settings }) {
 	const handleSubmit = (e) => {
 		e.preventDefault();
 		form.submit((values) => {
@@ -21,24 +21,15 @@ function Form({ form, className, style, children, onSubmit, onAutoSubmit, itemPr
 	return /* @__PURE__ */ jsx(Provider, {
 		value: React.useMemo(() => {
 			return {
-				itemProps,
-				objectContainerProps,
-				density,
-				responsive,
-				config
+				layout,
+				settings
 			};
-		}, [
-			itemProps,
-			objectContainerProps,
-			density,
-			responsive,
-			config
-		]),
+		}, [layout, settings]),
 		children: /* @__PURE__ */ jsx(FormProvider, {
 			form,
 			children: /* @__PURE__ */ jsx(FormItemContainer, {
 				as: "form",
-				className: cn("space-y-6", className),
+				className: cn(className),
 				style,
 				onSubmit: handleSubmit,
 				children

package/dist/components/icon-picker.cjs

@@ -11,8 +11,8 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 //#region src/components/icon-picker.tsx
 const IconPickerBase = (props) => {
 	const { providers: propProviders,...restProps } = props;
-	const { config } = require_use_form_context.useFormContext();
-	const { iconPicker } = config || {};
+	const { settings } = require_use_form_context.useFormContext();
+	const { iconPicker } = settings || {};
 	const { providers: contextProviders = [] } = iconPicker || {};
 	const providersToLoad = propProviders !== void 0 ? propProviders : contextProviders;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.IconPicker, {

package/dist/components/icon-picker.d.cts

@@ -1,4 +1,4 @@
-import * as react4 from "react";
+import * as react2 from "react";
 import { IconPickerProps, IconProviderProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/icon-picker.d.ts
@@ -8,8 +8,8 @@ import { IconPickerProps, IconProviderProps } from "@pixpilot/shadcn-ui";
  * Automatically connects to Formily field state
  * Supports both static and async icon providers
  */
-declare const IconPicker: react4.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
+declare const IconPicker: react2.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
   providers?: IconProviderProps[];
-}> & react4.RefAttributes<unknown>>;
+}> & react2.RefAttributes<unknown>>;
 //#endregion
 export { IconPicker };

package/dist/components/icon-picker.d.ts

@@ -1,4 +1,4 @@
-import * as react3 from "react";
+import * as react8 from "react";
 import { IconPickerProps, IconProviderProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/icon-picker.d.ts
@@ -8,8 +8,8 @@ import { IconPickerProps, IconProviderProps } from "@pixpilot/shadcn-ui";
  * Automatically connects to Formily field state
  * Supports both static and async icon providers
  */
-declare const IconPicker$1: react3.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
+declare const IconPicker$1: react8.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
   providers?: IconProviderProps[];
-}> & react3.RefAttributes<unknown>>;
+}> & react8.RefAttributes<unknown>>;
 //#endregion
 export { IconPicker$1 as IconPicker };

package/dist/components/icon-picker.js

@@ -7,8 +7,8 @@ import { jsx } from "react/jsx-runtime";
 //#region src/components/icon-picker.tsx
 const IconPickerBase = (props) => {
 	const { providers: propProviders,...restProps } = props;
-	const { config } = useFormContext();
-	const { iconPicker } = config || {};
+	const { settings } = useFormContext();
+	const { iconPicker } = settings || {};
 	const { providers: contextProviders = [] } = iconPicker || {};
 	const providersToLoad = propProviders !== void 0 ? propProviders : contextProviders;
 	return /* @__PURE__ */ jsx(IconPicker, {

package/dist/components/input.d.cts

@@ -1,4 +1,4 @@
-import * as react6 from "react";
+import * as react10 from "react";
 
 //#region src/components/input.d.ts
 
@@ -6,6 +6,6 @@ import * as react6 from "react";
  * Formily-connected Input component
  * Automatically connects shadcn Input to Formily field state
  */
-declare const Input: react6.ForwardRefExoticComponent<Omit<Partial<react6.ClassAttributes<HTMLInputElement> & react6.InputHTMLAttributes<HTMLInputElement>>, "ref"> & react6.RefAttributes<unknown>>;
+declare const Input: react10.ForwardRefExoticComponent<Omit<Partial<react10.ClassAttributes<HTMLInputElement> & react10.InputHTMLAttributes<HTMLInputElement>>, "ref"> & react10.RefAttributes<unknown>>;
 //#endregion
 export { Input };

package/dist/components/input.d.ts

@@ -1,4 +1,4 @@
-import * as react10 from "react";
+import * as react4 from "react";
 
 //#region src/components/input.d.ts
 
@@ -6,6 +6,6 @@ import * as react10 from "react";
  * Formily-connected Input component
  * Automatically connects shadcn Input to Formily field state
  */
-declare const Input: react10.ForwardRefExoticComponent<Omit<Partial<react10.ClassAttributes<HTMLInputElement> & react10.InputHTMLAttributes<HTMLInputElement>>, "ref"> & react10.RefAttributes<unknown>>;
+declare const Input: react4.ForwardRefExoticComponent<Omit<Partial<react4.ClassAttributes<HTMLInputElement> & react4.InputHTMLAttributes<HTMLInputElement>>, "ref"> & react4.RefAttributes<unknown>>;
 //#endregion
 export { Input };

package/dist/components/json-schema-form-renderer/index.cjs

@@ -0,0 +1,4 @@
+const require_json_schema_form_renderer = require('./json-schema-form-renderer.cjs');
+const require_json_schema_form = require('./json-schema-form.cjs');
+const require_json_schema_form_basic = require('./json-schema-form-basic.cjs');
+const require_json_schema_form_extended = require('./json-schema-form-extended.cjs');

package/dist/components/json-schema-form-renderer/index.d.cts

@@ -0,0 +1,5 @@
+import { JsonSchemaFormComponent, JsonSchemaFormComponents, JsonSchemaFormProps, JsonSchemaFormRendererProps } from "./types.cjs";
+import { JsonSchemaForm } from "./json-schema-form.cjs";
+import { JsonSchemaFormBasic } from "./json-schema-form-basic.cjs";
+import { JsonSchemaFormExtended } from "./json-schema-form-extended.cjs";
+import { JsonSchemaFormRenderer } from "./json-schema-form-renderer.cjs";

package/dist/components/json-schema-form-renderer/index.d.ts

@@ -0,0 +1,5 @@
+import { JsonSchemaFormComponent, JsonSchemaFormComponents, JsonSchemaFormProps, JsonSchemaFormRendererProps } from "./types.js";
+import { JsonSchemaForm } from "./json-schema-form.js";
+import { JsonSchemaFormBasic } from "./json-schema-form-basic.js";
+import { JsonSchemaFormExtended } from "./json-schema-form-extended.js";
+import { JsonSchemaFormRenderer } from "./json-schema-form-renderer.js";

package/dist/components/json-schema-form-renderer/index.js

@@ -0,0 +1,4 @@
+import { JsonSchemaFormRenderer } from "./json-schema-form-renderer.js";
+import { JsonSchemaForm } from "./json-schema-form.js";
+import { JsonSchemaFormBasic } from "./json-schema-form-basic.js";
+import { JsonSchemaFormExtended } from "./json-schema-form-extended.js";

package/dist/components/json-schema-form-renderer/json-schema-form-basic.cjs

@@ -0,0 +1,35 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_schema_field_basics = require('../schema-field/schema-field-basics.cjs');
+const require_json_schema_form_renderer = require('./json-schema-form-renderer.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/json-schema-form-renderer/json-schema-form-basic.tsx
+/**
+* JsonSchemaFormBasic is the basic version that provides only the essential components
+* from the basicComponentRegistry (Input, Checkbox, Select, etc.).
+*
+* User-provided components are merged with basics, with user components taking precedence.
+*/
+const JsonSchemaFormBasic = (props) => {
+	const { components,...rest } = props;
+	const mergedComponents = react.default.useMemo(() => {
+		return {
+			fields: {
+				...require_schema_field_basics.basicComponentRegistry,
+				...components?.fields || {}
+			},
+			decorators: components?.decorators
+		};
+	}, [components?.decorators, components?.fields]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_json_schema_form_renderer.JsonSchemaFormRenderer, {
+		...rest,
+		components: mergedComponents
+	});
+};
+JsonSchemaFormBasic.displayName = "JsonSchemaFormBasic";
+
+//#endregion
+exports.JsonSchemaFormBasic = JsonSchemaFormBasic;

package/dist/components/json-schema-form-renderer/json-schema-form-basic.d.cts

@@ -0,0 +1,14 @@
+import { JsonSchemaFormProps } from "./types.cjs";
+import React from "react";
+
+//#region src/components/json-schema-form-renderer/json-schema-form-basic.d.ts
+
+/**
+ * JsonSchemaFormBasic is the basic version that provides only the essential components
+ * from the basicComponentRegistry (Input, Checkbox, Select, etc.).
+ *
+ * User-provided components are merged with basics, with user components taking precedence.
+ */
+declare const JsonSchemaFormBasic: React.FC<JsonSchemaFormProps>;
+//#endregion
+export { JsonSchemaFormBasic };

package/dist/components/json-schema-form-renderer/json-schema-form-basic.d.ts

@@ -0,0 +1,14 @@
+import { JsonSchemaFormProps } from "./types.js";
+import React from "react";
+
+//#region src/components/json-schema-form-renderer/json-schema-form-basic.d.ts
+
+/**
+ * JsonSchemaFormBasic is the basic version that provides only the essential components
+ * from the basicComponentRegistry (Input, Checkbox, Select, etc.).
+ *
+ * User-provided components are merged with basics, with user components taking precedence.
+ */
+declare const JsonSchemaFormBasic: React.FC<JsonSchemaFormProps>;
+//#endregion
+export { JsonSchemaFormBasic };

package/dist/components/json-schema-form-renderer/json-schema-form-basic.js

@@ -0,0 +1,32 @@
+import { basicComponentRegistry } from "../schema-field/schema-field-basics.js";
+import { JsonSchemaFormRenderer } from "./json-schema-form-renderer.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/json-schema-form-renderer/json-schema-form-basic.tsx
+/**
+* JsonSchemaFormBasic is the basic version that provides only the essential components
+* from the basicComponentRegistry (Input, Checkbox, Select, etc.).
+*
+* User-provided components are merged with basics, with user components taking precedence.
+*/
+const JsonSchemaFormBasic = (props) => {
+	const { components,...rest } = props;
+	const mergedComponents = React.useMemo(() => {
+		return {
+			fields: {
+				...basicComponentRegistry,
+				...components?.fields || {}
+			},
+			decorators: components?.decorators
+		};
+	}, [components?.decorators, components?.fields]);
+	return /* @__PURE__ */ jsx(JsonSchemaFormRenderer, {
+		...rest,
+		components: mergedComponents
+	});
+};
+JsonSchemaFormBasic.displayName = "JsonSchemaFormBasic";
+
+//#endregion
+export { JsonSchemaFormBasic };

package/dist/components/json-schema-form-renderer/json-schema-form-extended.cjs

@@ -0,0 +1,35 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_schema_field_extended = require('../schema-field/schema-field-extended.cjs');
+const require_json_schema_form_renderer = require('./json-schema-form-renderer.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/json-schema-form-renderer/json-schema-form-extended.tsx
+/**
+* JsonSchemaFormExtended is the extended version that provides all components
+* from the extendedComponentRegistry (including FileUpload, RichTextEditor, etc.).
+*
+* User-provided components are merged with extended defaults, with user components taking precedence.
+*/
+const JsonSchemaFormExtended = (props) => {
+	const { components,...rest } = props;
+	const mergedComponents = react.default.useMemo(() => {
+		return {
+			fields: {
+				...require_schema_field_extended.extendedComponentRegistry,
+				...components?.fields || {}
+			},
+			decorators: components?.decorators
+		};
+	}, [components?.decorators, components?.fields]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_json_schema_form_renderer.JsonSchemaFormRenderer, {
+		...rest,
+		components: mergedComponents
+	});
+};
+JsonSchemaFormExtended.displayName = "JsonSchemaFormExtended";
+
+//#endregion
+exports.JsonSchemaFormExtended = JsonSchemaFormExtended;

package/dist/components/json-schema-form-renderer/json-schema-form-extended.d.cts

@@ -0,0 +1,14 @@
+import { JsonSchemaFormProps } from "./types.cjs";
+import React from "react";
+
+//#region src/components/json-schema-form-renderer/json-schema-form-extended.d.ts
+
+/**
+ * JsonSchemaFormExtended is the extended version that provides all components
+ * from the extendedComponentRegistry (including FileUpload, RichTextEditor, etc.).
+ *
+ * User-provided components are merged with extended defaults, with user components taking precedence.
+ */
+declare const JsonSchemaFormExtended: React.FC<JsonSchemaFormProps>;
+//#endregion
+export { JsonSchemaFormExtended };

package/dist/components/json-schema-form-renderer/json-schema-form-extended.d.ts

@@ -0,0 +1,14 @@
+import { JsonSchemaFormProps } from "./types.js";
+import React from "react";
+
+//#region src/components/json-schema-form-renderer/json-schema-form-extended.d.ts
+
+/**
+ * JsonSchemaFormExtended is the extended version that provides all components
+ * from the extendedComponentRegistry (including FileUpload, RichTextEditor, etc.).
+ *
+ * User-provided components are merged with extended defaults, with user components taking precedence.
+ */
+declare const JsonSchemaFormExtended: React.FC<JsonSchemaFormProps>;
+//#endregion
+export { JsonSchemaFormExtended };

package/dist/components/json-schema-form-renderer/json-schema-form-extended.js

@@ -0,0 +1,32 @@
+import { extendedComponentRegistry } from "../schema-field/schema-field-extended.js";
+import { JsonSchemaFormRenderer } from "./json-schema-form-renderer.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/json-schema-form-renderer/json-schema-form-extended.tsx
+/**
+* JsonSchemaFormExtended is the extended version that provides all components
+* from the extendedComponentRegistry (including FileUpload, RichTextEditor, etc.).
+*
+* User-provided components are merged with extended defaults, with user components taking precedence.
+*/
+const JsonSchemaFormExtended = (props) => {
+	const { components,...rest } = props;
+	const mergedComponents = React.useMemo(() => {
+		return {
+			fields: {
+				...extendedComponentRegistry,
+				...components?.fields || {}
+			},
+			decorators: components?.decorators
+		};
+	}, [components?.decorators, components?.fields]);
+	return /* @__PURE__ */ jsx(JsonSchemaFormRenderer, {
+		...rest,
+		components: mergedComponents
+	});
+};
+JsonSchemaFormExtended.displayName = "JsonSchemaFormExtended";
+
+//#endregion
+export { JsonSchemaFormExtended };

package/dist/components/json-schema-form-renderer/json-schema-form-renderer.cjs

@@ -0,0 +1,57 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_extract_fields_decorators = require('../../utils/extract-fields-decorators.cjs');
+const require_transform_schema = require('../../utils/transform-schema.cjs');
+const require_validate_schema_components = require('../../utils/validate-schema-components.cjs');
+require('../../utils/index.cjs');
+const require_form = require('../form.cjs');
+const require_extract_components = require('../../utils/extract-components.cjs');
+let __formily_react = require("@formily/react");
+__formily_react = require_rolldown_runtime.__toESM(__formily_react);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+let __formily_core = require("@formily/core");
+__formily_core = require_rolldown_runtime.__toESM(__formily_core);
+let __pixpilot_env = require("@pixpilot/env");
+__pixpilot_env = require_rolldown_runtime.__toESM(__pixpilot_env);
+
+//#region src/components/json-schema-form-renderer/json-schema-form-renderer.tsx
+const JsonSchemaFormRenderer = (props) => {
+	const { schema, children, settings: configProp, components: componentsProp, values,...rest } = props;
+	const form = (0, react.useMemo)(() => (0, __formily_core.createForm)({ values: values || {} }), [values]);
+	const formSchema = (0, react.useMemo)(() => {
+		return require_transform_schema.transformSchema(schema, require_extract_fields_decorators.extractFieldsDecorators(componentsProp?.fields));
+	}, [schema, componentsProp]);
+	const SchemaField = react.default.useMemo(() => {
+		const componentConfigs = { ...componentsProp?.fields };
+		if (componentsProp?.decorators) Object.entries(componentsProp.decorators).forEach(([key, decorator]) => {
+			componentConfigs[key] = { component: decorator };
+		});
+		const components = require_extract_components.extractComponents(componentConfigs);
+		if ((0, __pixpilot_env.isDevelopment)()) require_validate_schema_components.validateSchemaComponents(formSchema, components);
+		return (0, __formily_react.createSchemaField)({
+			components,
+			scope: {}
+		});
+	}, [formSchema, componentsProp]);
+	const config = (0, react.useMemo)(() => {
+		return {
+			...configProp,
+			label: {
+				useFieldNameAsLabel: true,
+				...configProp?.label || {}
+			}
+		};
+	}, [configProp]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_form.Form, {
+		...rest,
+		form,
+		settings: config,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaField, { schema: formSchema }), children]
+	});
+};
+JsonSchemaFormRenderer.displayName = "JsonSchemaFormRenderer";
+
+//#endregion
+exports.JsonSchemaFormRenderer = JsonSchemaFormRenderer;

package/dist/components/json-schema-form-renderer/json-schema-form-renderer.d.cts

@@ -0,0 +1,7 @@
+import { JsonSchemaFormRendererProps } from "./types.cjs";
+import React from "react";
+
+//#region src/components/json-schema-form-renderer/json-schema-form-renderer.d.ts
+declare const JsonSchemaFormRenderer: React.FC<JsonSchemaFormRendererProps>;
+//#endregion
+export { JsonSchemaFormRenderer };

package/dist/components/json-schema-form-renderer/json-schema-form-renderer.d.ts

@@ -0,0 +1,7 @@
+import { JsonSchemaFormRendererProps } from "./types.js";
+import React from "react";
+
+//#region src/components/json-schema-form-renderer/json-schema-form-renderer.d.ts
+declare const JsonSchemaFormRenderer: React.FC<JsonSchemaFormRendererProps>;
+//#endregion
+export { JsonSchemaFormRenderer };

package/dist/components/json-schema-form-renderer/json-schema-form-renderer.js

@@ -0,0 +1,51 @@
+import { extractFieldsDecorators } from "../../utils/extract-fields-decorators.js";
+import { transformSchema } from "../../utils/transform-schema.js";
+import { validateSchemaComponents } from "../../utils/validate-schema-components.js";
+import "../../utils/index.js";
+import { Form as Form$1 } from "../form.js";
+import { extractComponents } from "../../utils/extract-components.js";
+import { createSchemaField } from "@formily/react";
+import React, { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createForm } from "@formily/core";
+import { isDevelopment } from "@pixpilot/env";
+
+//#region src/components/json-schema-form-renderer/json-schema-form-renderer.tsx
+const JsonSchemaFormRenderer = (props) => {
+	const { schema, children, settings: configProp, components: componentsProp, values,...rest } = props;
+	const form = useMemo(() => createForm({ values: values || {} }), [values]);
+	const formSchema = useMemo(() => {
+		return transformSchema(schema, extractFieldsDecorators(componentsProp?.fields));
+	}, [schema, componentsProp]);
+	const SchemaField = React.useMemo(() => {
+		const componentConfigs = { ...componentsProp?.fields };
+		if (componentsProp?.decorators) Object.entries(componentsProp.decorators).forEach(([key, decorator]) => {
+			componentConfigs[key] = { component: decorator };
+		});
+		const components = extractComponents(componentConfigs);
+		if (isDevelopment()) validateSchemaComponents(formSchema, components);
+		return createSchemaField({
+			components,
+			scope: {}
+		});
+	}, [formSchema, componentsProp]);
+	const config = useMemo(() => {
+		return {
+			...configProp,
+			label: {
+				useFieldNameAsLabel: true,
+				...configProp?.label || {}
+			}
+		};
+	}, [configProp]);
+	return /* @__PURE__ */ jsxs(Form$1, {
+		...rest,
+		form,
+		settings: config,
+		children: [/* @__PURE__ */ jsx(SchemaField, { schema: formSchema }), children]
+	});
+};
+JsonSchemaFormRenderer.displayName = "JsonSchemaFormRenderer";
+
+//#endregion
+export { JsonSchemaFormRenderer };

package/dist/components/json-schema-form-renderer/json-schema-form.cjs

@@ -0,0 +1,36 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_schema_field = require('../schema-field/schema-field.cjs');
+require('../schema-field/index.cjs');
+const require_json_schema_form_renderer = require('./json-schema-form-renderer.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/json-schema-form-renderer/json-schema-form.tsx
+/**
+* JsonSchemaForm is the "batteries-included" version that automatically provides
+* all default components (Slider, Combobox, TagsInput, etc.) from the defaultComponentRegistry.
+*
+* User-provided components are merged with defaults, with user components taking precedence.
+*/
+const JsonSchemaForm = (props) => {
+	const { components,...rest } = props;
+	const mergedComponents = react.default.useMemo(() => {
+		return {
+			fields: {
+				...require_schema_field.defaultComponentRegistry,
+				...components?.fields || {}
+			},
+			decorators: components?.decorators
+		};
+	}, [components?.decorators, components?.fields]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_json_schema_form_renderer.JsonSchemaFormRenderer, {
+		...rest,
+		components: mergedComponents
+	});
+};
+JsonSchemaForm.displayName = "JsonSchemaForm";
+
+//#endregion
+exports.JsonSchemaForm = JsonSchemaForm;

package/dist/components/json-schema-form-renderer/json-schema-form.d.cts

@@ -0,0 +1,14 @@
+import { JsonSchemaFormProps } from "./types.cjs";
+import React from "react";
+
+//#region src/components/json-schema-form-renderer/json-schema-form.d.ts
+
+/**
+ * JsonSchemaForm is the "batteries-included" version that automatically provides
+ * all default components (Slider, Combobox, TagsInput, etc.) from the defaultComponentRegistry.
+ *
+ * User-provided components are merged with defaults, with user components taking precedence.
+ */
+declare const JsonSchemaForm: React.FC<JsonSchemaFormProps>;
+//#endregion
+export { JsonSchemaForm };

package/dist/components/json-schema-form-renderer/json-schema-form.d.ts

@@ -0,0 +1,14 @@
+import { JsonSchemaFormProps } from "./types.js";
+import React from "react";
+
+//#region src/components/json-schema-form-renderer/json-schema-form.d.ts
+
+/**
+ * JsonSchemaForm is the "batteries-included" version that automatically provides
+ * all default components (Slider, Combobox, TagsInput, etc.) from the defaultComponentRegistry.
+ *
+ * User-provided components are merged with defaults, with user components taking precedence.
+ */
+declare const JsonSchemaForm: React.FC<JsonSchemaFormProps>;
+//#endregion
+export { JsonSchemaForm };

package/dist/components/json-schema-form-renderer/json-schema-form.js

@@ -0,0 +1,33 @@
+import { defaultComponentRegistry } from "../schema-field/schema-field.js";
+import "../schema-field/index.js";
+import { JsonSchemaFormRenderer } from "./json-schema-form-renderer.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/json-schema-form-renderer/json-schema-form.tsx
+/**
+* JsonSchemaForm is the "batteries-included" version that automatically provides
+* all default components (Slider, Combobox, TagsInput, etc.) from the defaultComponentRegistry.
+*
+* User-provided components are merged with defaults, with user components taking precedence.
+*/
+const JsonSchemaForm = (props) => {
+	const { components,...rest } = props;
+	const mergedComponents = React.useMemo(() => {
+		return {
+			fields: {
+				...defaultComponentRegistry,
+				...components?.fields || {}
+			},
+			decorators: components?.decorators
+		};
+	}, [components?.decorators, components?.fields]);
+	return /* @__PURE__ */ jsx(JsonSchemaFormRenderer, {
+		...rest,
+		components: mergedComponents
+	});
+};
+JsonSchemaForm.displayName = "JsonSchemaForm";
+
+//#endregion
+export { JsonSchemaForm };

package/dist/components/json-schema-form-renderer/types.d.cts

@@ -0,0 +1,23 @@
+import { Form } from "../form.cjs";
+import { ISchema } from "@formily/react";
+
+//#region src/components/json-schema-form-renderer/types.d.ts
+interface JsonSchemaFormComponent {
+  component: React.ComponentType<any>;
+  decorator?: string;
+}
+interface JsonSchemaFormComponents {
+  fields?: Record<string, JsonSchemaFormComponent>;
+  decorators?: Record<string, React.ComponentType<any>>;
+}
+interface JsonSchemaFormRendererProps extends Omit<React.ComponentProps<typeof Form>, 'form'> {
+  schema: ISchema;
+  children?: React.ReactNode;
+  values?: Record<string, any>;
+  components: Partial<JsonSchemaFormComponents>;
+}
+interface JsonSchemaFormProps extends Omit<JsonSchemaFormRendererProps, 'components'> {
+  components?: JsonSchemaFormComponents;
+}
+//#endregion
+export { JsonSchemaFormComponent, JsonSchemaFormComponents, JsonSchemaFormProps, JsonSchemaFormRendererProps };