@pixpilot/formily-shadcn 0.14.0 → 0.14.2

package/dist/components/column.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/column.d.ts
 interface IColumnProps {
@@ -36,6 +36,6 @@ interface IColumnProps {
 declare function Column({
   className,
   children
-}: IColumnProps): react_jsx_runtime1.JSX.Element;
+}: IColumnProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Column };

package/dist/components/form-grid.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/form-grid.d.ts
 interface IFormGridProps extends React.HTMLAttributes<HTMLDivElement> {}
@@ -7,6 +7,6 @@ declare function FormGrid({
   className,
   children,
   ...rest
-}: IFormGridProps): react_jsx_runtime0.JSX.Element;
+}: IFormGridProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { FormGrid };

package/dist/components/form-item/connected-form-item.cjs

@@ -11,6 +11,7 @@ __formily_core = require_rolldown_runtime.__toESM(__formily_core);
 * Automatically maps field validation state to component props.
 */
 const FormItem = (0, __formily_react.connect)(require_base_form_item.BaseFormItem, (0, __formily_react.mapProps)((props, field) => {
+	const schema = (0, __formily_react.useFieldSchema)();
 	if ((0, __formily_core.isVoidField)(field)) return {
 		label: field.title ?? props.label,
 		description: props.description ?? field.description,
@@ -30,6 +31,7 @@ const FormItem = (0, __formily_react.connect)(require_base_form_item.BaseFormIte
 		if (field.selfSuccesses?.length) return field.selfSuccesses.join(", ");
 	};
 	const takeAsterisk = () => {
+		if (schema.parent && Array.isArray(schema.parent.required) && schema.parent.required.includes(schema.name)) return true;
 		if (field.required && field.pattern !== "readPretty") return true;
 		if ("asterisk" in props) return Boolean(props.asterisk);
 		return false;

package/dist/components/form-item/connected-form-item.d.cts

@@ -1,13 +1,13 @@
 import { FormItemProps } from "./form-item-types.cjs";
-import * as react1363 from "react";
+import * as react1361 from "react";
 
 //#region src/components/form-item/connected-form-item.d.ts
 /**
  * FormItem component connected to Formily field state.
  * Automatically maps field validation state to component props.
  */
-declare const FormItem: react1363.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
-  children?: react1363.ReactNode | undefined;
-}>, "ref"> & react1363.RefAttributes<unknown>>;
+declare const FormItem: react1361.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
+  children?: react1361.ReactNode | undefined;
+}>, "ref"> & react1361.RefAttributes<unknown>>;
 //#endregion
 export { FormItem };

package/dist/components/form-item/connected-form-item.js

@@ -1,5 +1,5 @@
 import { BaseFormItem } from "./base-form-item.js";
-import { connect, mapProps } from "@formily/react";
+import { connect, mapProps, useFieldSchema } from "@formily/react";
 import { isVoidField } from "@formily/core";
 
 //#region src/components/form-item/connected-form-item.tsx
@@ -8,6 +8,7 @@ import { isVoidField } from "@formily/core";
 * Automatically maps field validation state to component props.
 */
 const FormItem = connect(BaseFormItem, mapProps((props, field) => {
+	const schema = useFieldSchema();
 	if (isVoidField(field)) return {
 		label: field.title ?? props.label,
 		description: props.description ?? field.description,
@@ -27,6 +28,7 @@ const FormItem = connect(BaseFormItem, mapProps((props, field) => {
 		if (field.selfSuccesses?.length) return field.selfSuccesses.join(", ");
 	};
 	const takeAsterisk = () => {
+		if (schema.parent && Array.isArray(schema.parent.required) && schema.parent.required.includes(schema.name)) return true;
 		if (field.required && field.pattern !== "readPretty") return true;
 		if ("asterisk" in props) return Boolean(props.asterisk);
 		return false;

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

@@ -1,4 +1,4 @@
-import * as react4 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: react4.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
+declare const IconPicker: react8.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
   providers?: IconProviderProps[];
-}> & react4.RefAttributes<unknown>>;
+}> & react8.RefAttributes<unknown>>;
 //#endregion
 export { IconPicker };

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

@@ -1,4 +1,4 @@
-import * as react8 from "react";
+import * as react4 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: react8.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
+declare const IconPicker$1: react4.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
   providers?: IconProviderProps[];
-}> & react8.RefAttributes<unknown>>;
+}> & react4.RefAttributes<unknown>>;
 //#endregion
 export { IconPicker$1 as IconPicker };

package/dist/components/input.d.cts

@@ -1,4 +1,4 @@
-import * as react6 from "react";
+import * as react4 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: react4.ForwardRefExoticComponent<Omit<Partial<react4.ClassAttributes<HTMLInputElement> & react4.InputHTMLAttributes<HTMLInputElement>>, "ref"> & react4.RefAttributes<unknown>>;
 //#endregion
 export { Input };

package/dist/components/input.d.ts

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

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

@@ -1,4 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_use_merged_schema_components = require('../../hooks/use-merged-schema-components.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");
@@ -15,15 +16,7 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 */
 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]);
+	const mergedComponents = require_use_merged_schema_components.useMergedSchemaComponents(require_schema_field_basics.basicComponentRegistry, components);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_json_schema_form_renderer.JsonSchemaFormRenderer, {
 		...rest,
 		components: mergedComponents

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

@@ -1,3 +1,4 @@
+import { useMergedSchemaComponents } from "../../hooks/use-merged-schema-components.js";
 import { basicComponentRegistry } from "../schema-field/schema-field-basics.js";
 import { JsonSchemaFormRenderer } from "./json-schema-form-renderer.js";
 import React from "react";
@@ -12,15 +13,7 @@ import { jsx } from "react/jsx-runtime";
 */
 const JsonSchemaFormBasic = (props) => {
 	const { components,...rest } = props;
-	const mergedComponents = React.useMemo(() => {
-		return {
-			fields: {
-				...basicComponentRegistry,
-				...components?.fields || {}
-			},
-			decorators: components?.decorators
-		};
-	}, [components?.decorators, components?.fields]);
+	const mergedComponents = useMergedSchemaComponents(basicComponentRegistry, components);
 	return /* @__PURE__ */ jsx(JsonSchemaFormRenderer, {
 		...rest,
 		components: mergedComponents

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

@@ -1,4 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_use_merged_schema_components = require('../../hooks/use-merged-schema-components.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");
@@ -15,15 +16,7 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 */
 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]);
+	const mergedComponents = require_use_merged_schema_components.useMergedSchemaComponents(require_schema_field_extended.extendedComponentRegistry, components);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_json_schema_form_renderer.JsonSchemaFormRenderer, {
 		...rest,
 		components: mergedComponents

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

@@ -1,3 +1,4 @@
+import { useMergedSchemaComponents } from "../../hooks/use-merged-schema-components.js";
 import { extendedComponentRegistry } from "../schema-field/schema-field-extended.js";
 import { JsonSchemaFormRenderer } from "./json-schema-form-renderer.js";
 import React from "react";
@@ -12,15 +13,7 @@ import { jsx } from "react/jsx-runtime";
 */
 const JsonSchemaFormExtended = (props) => {
 	const { components,...rest } = props;
-	const mergedComponents = React.useMemo(() => {
-		return {
-			fields: {
-				...extendedComponentRegistry,
-				...components?.fields || {}
-			},
-			decorators: components?.decorators
-		};
-	}, [components?.decorators, components?.fields]);
+	const mergedComponents = useMergedSchemaComponents(extendedComponentRegistry, components);
 	return /* @__PURE__ */ jsx(JsonSchemaFormRenderer, {
 		...rest,
 		components: mergedComponents

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

@@ -1,37 +1,15 @@
 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);
+const require_use_form_schema = require('../../hooks/use-form-schema.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);
-let __pixpilot_env_is_dev = require("@pixpilot/env/is-dev");
-__pixpilot_env_is_dev = require_rolldown_runtime.__toESM(__pixpilot_env_is_dev);
 
 //#region src/components/json-schema-form-renderer/json-schema-form-renderer.tsx
 const JsonSchemaFormRenderer = (props) => {
 	const { schema, children, settings: configProp, components: componentsProp, form,...rest } = props;
-	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_is_dev.isDevelopment)()) require_validate_schema_components.validateSchemaComponents(formSchema, components);
-		return (0, __formily_react.createSchemaField)({
-			components,
-			scope: {}
-		});
-	}, [formSchema, componentsProp]);
+	const { formSchema, SchemaField } = require_use_form_schema.useFormSchema(schema, componentsProp);
 	const config = (0, react.useMemo)(() => {
 		return {
 			...configProp,

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

@@ -1,32 +1,12 @@
-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 } from "../form.js";
-import { extractComponents } from "../../utils/extract-components.js";
-import { createSchemaField } from "@formily/react";
+import { useFormSchema } from "../../hooks/use-form-schema.js";
 import React, { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { isDevelopment } from "@pixpilot/env/is-dev";
 
 //#region src/components/json-schema-form-renderer/json-schema-form-renderer.tsx
 const JsonSchemaFormRenderer = (props) => {
 	const { schema, children, settings: configProp, components: componentsProp, form,...rest } = props;
-	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 { formSchema, SchemaField } = useFormSchema(schema, componentsProp);
 	const config = useMemo(() => {
 		return {
 			...configProp,

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

@@ -1,4 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_use_merged_schema_components = require('../../hooks/use-merged-schema-components.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');
@@ -16,15 +17,7 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 */
 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]);
+	const mergedComponents = require_use_merged_schema_components.useMergedSchemaComponents(require_schema_field.defaultComponentRegistry, components);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_json_schema_form_renderer.JsonSchemaFormRenderer, {
 		...rest,
 		components: mergedComponents

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

@@ -1,3 +1,4 @@
+import { useMergedSchemaComponents } from "../../hooks/use-merged-schema-components.js";
 import { defaultComponentRegistry } from "../schema-field/schema-field.js";
 import "../schema-field/index.js";
 import { JsonSchemaFormRenderer } from "./json-schema-form-renderer.js";
@@ -13,15 +14,7 @@ import { jsx } from "react/jsx-runtime";
 */
 const JsonSchemaForm = (props) => {
 	const { components,...rest } = props;
-	const mergedComponents = React.useMemo(() => {
-		return {
-			fields: {
-				...defaultComponentRegistry,
-				...components?.fields || {}
-			},
-			decorators: components?.decorators
-		};
-	}, [components?.decorators, components?.fields]);
+	const mergedComponents = useMergedSchemaComponents(defaultComponentRegistry, components);
 	return /* @__PURE__ */ jsx(JsonSchemaFormRenderer, {
 		...rest,
 		components: mergedComponents

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

@@ -13,7 +13,7 @@ interface JsonSchemaFormComponents {
 interface JsonSchemaFormRendererProps extends React.ComponentProps<typeof Form> {
   schema: ISchema;
   children?: React.ReactNode;
-  components: Partial<JsonSchemaFormComponents>;
+  components?: Partial<JsonSchemaFormComponents>;
 }
 interface JsonSchemaFormProps extends Omit<JsonSchemaFormRendererProps, 'components'> {
   components?: JsonSchemaFormComponents;

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

@@ -13,7 +13,7 @@ interface JsonSchemaFormComponents {
 interface JsonSchemaFormRendererProps extends React.ComponentProps<typeof Form> {
   schema: ISchema;
   children?: React.ReactNode;
-  components: Partial<JsonSchemaFormComponents>;
+  components?: Partial<JsonSchemaFormComponents>;
 }
 interface JsonSchemaFormProps extends Omit<JsonSchemaFormRendererProps, 'components'> {
   components?: JsonSchemaFormComponents;

package/dist/components/radio.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { RadioGroup } from "@pixpilot/shadcn";
 
 //#region src/components/radio.d.ts
@@ -15,7 +15,7 @@ type RadioProps = {
 /**
  * Radio component with options rendering
  */
-declare function Radio(props: RadioProps): react_jsx_runtime3.JSX.Element;
+declare function Radio(props: RadioProps): react_jsx_runtime2.JSX.Element;
 declare namespace Radio {
   var displayName: string;
 }

package/dist/components/row.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/components/row.d.ts
 interface IRowProps {
@@ -36,6 +36,6 @@ interface IRowProps {
 declare function Row({
   className,
   children
-}: IRowProps): react_jsx_runtime2.JSX.Element;
+}: IRowProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { Row };

package/dist/components/schema-field/index.d.cts

@@ -1,3 +1,3 @@
-import { SchemaField, defaultComponentRegistry, defaultComponents } from "./schema-field.cjs";
-import { SchemaFieldBasics, basicComponentRegistry, basicComponents } from "./schema-field-basics.cjs";
-import { SchemaFieldExtended, extendedComponentRegistry, extendedComponents } from "./schema-field-extended.cjs";
+import { JsonSchemaField, SchemaField, defaultComponentRegistry, defaultComponents } from "./schema-field.cjs";
+import { JsonSchemaFieldBasics, SchemaFieldBasics, basicComponentRegistry, basicComponents } from "./schema-field-basics.cjs";
+import { JsonSchemaFieldExtended, SchemaFieldExtended, extendedComponentRegistry, extendedComponents } from "./schema-field-extended.cjs";

package/dist/components/schema-field/index.d.ts

@@ -1,3 +1,3 @@
-import { SchemaField, defaultComponentRegistry, defaultComponents } from "./schema-field.js";
-import { SchemaFieldBasics, basicComponentRegistry, basicComponents } from "./schema-field-basics.js";
-import { SchemaFieldExtended, extendedComponentRegistry, extendedComponents } from "./schema-field-extended.js";
+import { JsonSchemaField, SchemaField, defaultComponentRegistry, defaultComponents } from "./schema-field.js";
+import { JsonSchemaFieldBasics, SchemaFieldBasics, basicComponentRegistry, basicComponents } from "./schema-field-basics.js";
+import { JsonSchemaFieldExtended, SchemaFieldExtended, extendedComponentRegistry, extendedComponents } from "./schema-field-extended.js";

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

@@ -1,3 +1,3 @@
-import { SchemaFieldBasics, basicComponentRegistry, basicComponents } from "./schema-field-basics.js";
-import { SchemaField, defaultComponentRegistry, defaultComponents } from "./schema-field.js";
-import { SchemaFieldExtended, extendedComponentRegistry, extendedComponents } from "./schema-field-extended.js";
+import { JsonSchemaFieldBasics, SchemaFieldBasics, basicComponentRegistry, basicComponents } from "./schema-field-basics.js";
+import { JsonSchemaField, SchemaField, defaultComponentRegistry, defaultComponents } from "./schema-field.js";
+import { JsonSchemaFieldExtended, SchemaFieldExtended, extendedComponentRegistry, extendedComponents } from "./schema-field-extended.js";

package/dist/components/schema-field/schema-field-basics.cjs

@@ -1,4 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_use_merged_schema_components = require('../../hooks/use-merged-schema-components.cjs');
 const require_array_cards = require('../array-cards/array-cards.cjs');
 require('../array-cards/index.cjs');
 const require_array_collapse = require('../array-collapse/array-collapse.cjs');
@@ -11,6 +12,7 @@ const require_connected_form_item = require('../form-item/connected-form-item.cj
 require('../form-item/index.cjs');
 const require_input = require('../input.cjs');
 const require_extract_components = require('../../utils/extract-components.cjs');
+const require_use_form_schema = require('../../hooks/use-form-schema.cjs');
 const require_array_dialog = require('../array-dialog/array-dialog.cjs');
 require('../array-dialog/index.cjs');
 const require_array_popover = require('../array-popover/array-popover.cjs');
@@ -26,6 +28,8 @@ const require_switch = require('../switch.cjs');
 const require_textarea = require('../textarea.cjs');
 let __formily_react = require("@formily/react");
 __formily_react = require_rolldown_runtime.__toESM(__formily_react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/components/schema-field/schema-field-basics.tsx
 const basicComponentRegistry = {
@@ -90,8 +94,18 @@ const basicComponentRegistry = {
 };
 const basicComponents = require_extract_components.extractComponents(basicComponentRegistry);
 const SchemaFieldBasics = (0, __formily_react.createSchemaField)({ components: basicComponents });
+const JsonSchemaFieldBasics = (props) => {
+	const { components, schema,...rest } = props;
+	const { formSchema, SchemaField } = require_use_form_schema.useFormSchema(schema, require_use_merged_schema_components.useMergedSchemaComponents(basicComponentRegistry, components));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaField, {
+		...rest,
+		schema: formSchema
+	});
+};
+JsonSchemaFieldBasics.displayName = "JsonSchemaFieldBasics";
 
 //#endregion
+exports.JsonSchemaFieldBasics = JsonSchemaFieldBasics;
 exports.SchemaFieldBasics = SchemaFieldBasics;
 exports.basicComponentRegistry = basicComponentRegistry;
 exports.basicComponents = basicComponents;

package/dist/components/schema-field/schema-field-basics.d.cts

@@ -4,9 +4,12 @@ import { Column } from "../column.cjs";
 import { FormGrid } from "../form-grid.cjs";
 import { FormItemProps } from "../form-item/form-item-types.cjs";
 import "../form-item/index.cjs";
+import { JsonSchemaFormComponents } from "../json-schema-form-renderer/types.cjs";
+import "../json-schema-form-renderer/index.cjs";
 import { Row } from "../row.cjs";
 import { ObjectContainerProps } from "../object-container.cjs";
 import * as _formily_react23 from "@formily/react";
+import { ISchema } from "@formily/react";
 import * as react987 from "react";
 import * as _formily_core1 from "@formily/core";
 import * as _pixpilot_shadcn_ui302 from "@pixpilot/shadcn-ui";
@@ -460,5 +463,10 @@ declare const SchemaFieldBasics: {
     displayName: string;
   };
 };
+type SchemaFieldBasicsProps = Omit<React.ComponentProps<typeof SchemaFieldBasics>, 'components'> & {
+  components?: JsonSchemaFormComponents;
+  schema: ISchema;
+};
+declare const JsonSchemaFieldBasics: React.FC<SchemaFieldBasicsProps>;
 //#endregion
-export { SchemaFieldBasics, basicComponentRegistry, basicComponents };
+export { JsonSchemaFieldBasics, SchemaFieldBasics, basicComponentRegistry, basicComponents };

package/dist/components/schema-field/schema-field-basics.d.ts

@@ -4,9 +4,12 @@ import { Column } from "../column.js";
 import { FormGrid } from "../form-grid.js";
 import { FormItemProps } from "../form-item/form-item-types.js";
 import "../form-item/index.js";
+import { JsonSchemaFormComponents } from "../json-schema-form-renderer/types.js";
+import "../json-schema-form-renderer/index.js";
 import { Row } from "../row.js";
 import { ObjectContainerProps } from "../object-container.js";
 import * as _formily_react23 from "@formily/react";
+import { ISchema } from "@formily/react";
 import * as react987 from "react";
 import * as _pixpilot_shadcn_ui302 from "@pixpilot/shadcn-ui";
 import * as _formily_core1 from "@formily/core";
@@ -460,5 +463,10 @@ declare const SchemaFieldBasics: {
     displayName: string;
   };
 };
+type SchemaFieldBasicsProps = Omit<React.ComponentProps<typeof SchemaFieldBasics>, 'components'> & {
+  components?: JsonSchemaFormComponents;
+  schema: ISchema;
+};
+declare const JsonSchemaFieldBasics: React.FC<SchemaFieldBasicsProps>;
 //#endregion
-export { SchemaFieldBasics, basicComponentRegistry, basicComponents };
+export { JsonSchemaFieldBasics, SchemaFieldBasics, basicComponentRegistry, basicComponents };

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

@@ -1,3 +1,4 @@
+import { useMergedSchemaComponents } from "../../hooks/use-merged-schema-components.js";
 import { ArrayCards } from "../array-cards/array-cards.js";
 import "../array-cards/index.js";
 import { ArrayCollapse } from "../array-collapse/array-collapse.js";
@@ -10,6 +11,7 @@ import { FormItem } from "../form-item/connected-form-item.js";
 import "../form-item/index.js";
 import { Input } from "../input.js";
 import { extractComponents } from "../../utils/extract-components.js";
+import { useFormSchema } from "../../hooks/use-form-schema.js";
 import { ArrayDialog } from "../array-dialog/array-dialog.js";
 import "../array-dialog/index.js";
 import { ArrayPopover } from "../array-popover/array-popover.js";
@@ -24,6 +26,7 @@ import { Separator } from "../separator.js";
 import { Switch } from "../switch.js";
 import { Textarea } from "../textarea.js";
 import { createSchemaField } from "@formily/react";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/schema-field/schema-field-basics.tsx
 const basicComponentRegistry = {
@@ -88,6 +91,15 @@ const basicComponentRegistry = {
 };
 const basicComponents = extractComponents(basicComponentRegistry);
 const SchemaFieldBasics = createSchemaField({ components: basicComponents });
+const JsonSchemaFieldBasics = (props) => {
+	const { components, schema,...rest } = props;
+	const { formSchema, SchemaField } = useFormSchema(schema, useMergedSchemaComponents(basicComponentRegistry, components));
+	return /* @__PURE__ */ jsx(SchemaField, {
+		...rest,
+		schema: formSchema
+	});
+};
+JsonSchemaFieldBasics.displayName = "JsonSchemaFieldBasics";
 
 //#endregion
-export { SchemaFieldBasics, basicComponentRegistry, basicComponents };
+export { JsonSchemaFieldBasics, SchemaFieldBasics, basicComponentRegistry, basicComponents };

package/dist/components/schema-field/schema-field-extended.cjs

@@ -1,15 +1,19 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_use_merged_schema_components = require('../../hooks/use-merged-schema-components.cjs');
 const require_avatar_upload = require('../file-upload/avatar-upload.cjs');
 const require_file_upload = require('../file-upload/file-upload.cjs');
 const require_file_upload_inline = require('../file-upload/file-upload-inline.cjs');
 require('../file-upload/index.cjs');
 const require_icon_picker = require('../icon-picker.cjs');
 const require_extract_components = require('../../utils/extract-components.cjs');
+const require_use_form_schema = require('../../hooks/use-form-schema.cjs');
 const require_schema_field = require('./schema-field.cjs');
 const require_rich_text_editor = require('../rich-text-editor.cjs');
 require('./index.cjs');
 let __formily_react = require("@formily/react");
 __formily_react = require_rolldown_runtime.__toESM(__formily_react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/components/schema-field/schema-field-extended.tsx
 const extendedComponentRegistry = {
@@ -41,8 +45,18 @@ const extendedComponentRegistry = {
 */
 const extendedComponents = require_extract_components.extractComponents(extendedComponentRegistry);
 const SchemaFieldExtended = (0, __formily_react.createSchemaField)({ components: extendedComponents });
+const JsonSchemaFieldExtended = (props) => {
+	const { components, schema,...rest } = props;
+	const { formSchema, SchemaField } = require_use_form_schema.useFormSchema(schema, require_use_merged_schema_components.useMergedSchemaComponents(extendedComponentRegistry, components));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaField, {
+		...rest,
+		schema: formSchema
+	});
+};
+JsonSchemaFieldExtended.displayName = "JsonSchemaFieldExtended";
 
 //#endregion
+exports.JsonSchemaFieldExtended = JsonSchemaFieldExtended;
 exports.SchemaFieldExtended = SchemaFieldExtended;
 exports.extendedComponentRegistry = extendedComponentRegistry;
 exports.extendedComponents = extendedComponents;

package/dist/components/schema-field/schema-field-extended.d.cts

@@ -4,9 +4,11 @@ import { Column } from "../column.cjs";
 import { FormGrid } from "../form-grid.cjs";
 import { FormItemProps } from "../form-item/form-item-types.cjs";
 import "../form-item/index.cjs";
+import { JsonSchemaFormComponents } from "../json-schema-form-renderer/types.cjs";
 import { Row } from "../row.cjs";
 import { ObjectContainerProps } from "../object-container.cjs";
 import * as _formily_react0 from "@formily/react";
+import { ISchema } from "@formily/react";
 import * as react30 from "react";
 import * as _formily_core0 from "@formily/core";
 import * as _pixpilot_shadcn_ui16 from "@pixpilot/shadcn-ui";
@@ -788,5 +790,10 @@ declare const SchemaFieldExtended: {
     displayName: string;
   };
 };
+type JsonSchemaFieldExtendedProps = Omit<React.ComponentProps<typeof SchemaFieldExtended>, 'components'> & {
+  components?: JsonSchemaFormComponents;
+  schema: ISchema;
+};
+declare const JsonSchemaFieldExtended: React.FC<JsonSchemaFieldExtendedProps>;
 //#endregion
-export { SchemaFieldExtended, extendedComponentRegistry, extendedComponents };
+export { JsonSchemaFieldExtended, SchemaFieldExtended, extendedComponentRegistry, extendedComponents };

package/dist/components/schema-field/schema-field-extended.d.ts

@@ -4,9 +4,11 @@ import { Column } from "../column.js";
 import { FormGrid } from "../form-grid.js";
 import { FormItemProps } from "../form-item/form-item-types.js";
 import "../form-item/index.js";
+import { JsonSchemaFormComponents } from "../json-schema-form-renderer/types.js";
 import { Row } from "../row.js";
 import { ObjectContainerProps } from "../object-container.js";
 import * as _formily_react0 from "@formily/react";
+import { ISchema } from "@formily/react";
 import * as react30 from "react";
 import * as _pixpilot_shadcn_ui16 from "@pixpilot/shadcn-ui";
 import * as _formily_core0 from "@formily/core";
@@ -788,5 +790,10 @@ declare const SchemaFieldExtended: {
     displayName: string;
   };
 };
+type JsonSchemaFieldExtendedProps = Omit<React.ComponentProps<typeof SchemaFieldExtended>, 'components'> & {
+  components?: JsonSchemaFormComponents;
+  schema: ISchema;
+};
+declare const JsonSchemaFieldExtended: React.FC<JsonSchemaFieldExtendedProps>;
 //#endregion
-export { SchemaFieldExtended, extendedComponentRegistry, extendedComponents };
+export { JsonSchemaFieldExtended, SchemaFieldExtended, extendedComponentRegistry, extendedComponents };

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

@@ -1,13 +1,16 @@
+import { useMergedSchemaComponents } from "../../hooks/use-merged-schema-components.js";
 import { AvatarUpload } from "../file-upload/avatar-upload.js";
 import { FileUpload } from "../file-upload/file-upload.js";
 import { FileUploadInline } from "../file-upload/file-upload-inline.js";
 import "../file-upload/index.js";
 import { IconPicker } from "../icon-picker.js";
 import { extractComponents } from "../../utils/extract-components.js";
+import { useFormSchema } from "../../hooks/use-form-schema.js";
 import { defaultComponentRegistry } from "./schema-field.js";
 import { RichTextEditor } from "../rich-text-editor.js";
 import "./index.js";
 import { createSchemaField } from "@formily/react";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/schema-field/schema-field-extended.tsx
 const extendedComponentRegistry = {
@@ -39,6 +42,15 @@ const extendedComponentRegistry = {
 */
 const extendedComponents = extractComponents(extendedComponentRegistry);
 const SchemaFieldExtended = createSchemaField({ components: extendedComponents });
+const JsonSchemaFieldExtended = (props) => {
+	const { components, schema,...rest } = props;
+	const { formSchema, SchemaField } = useFormSchema(schema, useMergedSchemaComponents(extendedComponentRegistry, components));
+	return /* @__PURE__ */ jsx(SchemaField, {
+		...rest,
+		schema: formSchema
+	});
+};
+JsonSchemaFieldExtended.displayName = "JsonSchemaFieldExtended";
 
 //#endregion
-export { SchemaFieldExtended, extendedComponentRegistry, extendedComponents };
+export { JsonSchemaFieldExtended, SchemaFieldExtended, extendedComponentRegistry, extendedComponents };

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

@@ -1,6 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_use_merged_schema_components = require('../../hooks/use-merged-schema-components.cjs');
 const require_combobox = require('../combobox.cjs');
 const require_extract_components = require('../../utils/extract-components.cjs');
+const require_use_form_schema = require('../../hooks/use-form-schema.cjs');
 const require_slider = require('../slider.cjs');
 const require_tags_input_inline = require('../tags-input-inline.cjs');
 const require_schema_field_basics = require('./schema-field-basics.cjs');
@@ -8,6 +10,8 @@ let __formily_react = require("@formily/react");
 __formily_react = require_rolldown_runtime.__toESM(__formily_react);
 let __pixpilot_shadcn_ui = require("@pixpilot/shadcn-ui");
 __pixpilot_shadcn_ui = require_rolldown_runtime.__toESM(__pixpilot_shadcn_ui);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/components/schema-field/schema-field.tsx
 const defaultComponentRegistry = {
@@ -31,8 +35,18 @@ const defaultComponentRegistry = {
 };
 const defaultComponents = require_extract_components.extractComponents(defaultComponentRegistry);
 const SchemaField = (0, __formily_react.createSchemaField)({ components: defaultComponents });
+const JsonSchemaField = (props) => {
+	const { components, schema,...rest } = props;
+	const { formSchema, SchemaField: SchemaFieldComponent } = require_use_form_schema.useFormSchema(schema, require_use_merged_schema_components.useMergedSchemaComponents(defaultComponentRegistry, components));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaFieldComponent, {
+		...rest,
+		schema: formSchema
+	});
+};
+JsonSchemaField.displayName = "JsonSchemaField";
 
 //#endregion
+exports.JsonSchemaField = JsonSchemaField;
 exports.SchemaField = SchemaField;
 exports.defaultComponentRegistry = defaultComponentRegistry;
 exports.defaultComponents = defaultComponents;

package/dist/components/schema-field/schema-field.d.cts

@@ -4,9 +4,12 @@ import { Column } from "../column.cjs";
 import { FormGrid } from "../form-grid.cjs";
 import { FormItemProps } from "../form-item/form-item-types.cjs";
 import "../form-item/index.cjs";
+import { JsonSchemaFormComponents } from "../json-schema-form-renderer/types.cjs";
+import "../json-schema-form-renderer/index.cjs";
 import { Row } from "../row.cjs";
 import { ObjectContainerProps } from "../object-container.cjs";
 import * as _formily_react11 from "@formily/react";
+import { ISchema } from "@formily/react";
 import * as react558 from "react";
 import * as _formily_core0 from "@formily/core";
 import * as _pixpilot_shadcn_ui269 from "@pixpilot/shadcn-ui";
@@ -517,5 +520,10 @@ declare const SchemaField: {
     displayName: string;
   };
 };
+type SchemaFieldDefaultProps = Omit<React.ComponentProps<typeof SchemaField>, 'components'> & {
+  components?: JsonSchemaFormComponents;
+  schema: ISchema;
+};
+declare const JsonSchemaField: React.FC<SchemaFieldDefaultProps>;
 //#endregion
-export { SchemaField, defaultComponentRegistry, defaultComponents };
+export { JsonSchemaField, SchemaField, defaultComponentRegistry, defaultComponents };

package/dist/components/schema-field/schema-field.d.ts

@@ -4,9 +4,12 @@ import { Column } from "../column.js";
 import { FormGrid } from "../form-grid.js";
 import { FormItemProps } from "../form-item/form-item-types.js";
 import "../form-item/index.js";
+import { JsonSchemaFormComponents } from "../json-schema-form-renderer/types.js";
+import "../json-schema-form-renderer/index.js";
 import { Row } from "../row.js";
 import { ObjectContainerProps } from "../object-container.js";
 import * as _formily_react11 from "@formily/react";
+import { ISchema } from "@formily/react";
 import * as react558 from "react";
 import * as _pixpilot_shadcn_ui269 from "@pixpilot/shadcn-ui";
 import { TagsInput } from "@pixpilot/shadcn-ui";
@@ -517,5 +520,10 @@ declare const SchemaField: {
     displayName: string;
   };
 };
+type SchemaFieldDefaultProps = Omit<React.ComponentProps<typeof SchemaField>, 'components'> & {
+  components?: JsonSchemaFormComponents;
+  schema: ISchema;
+};
+declare const JsonSchemaField: React.FC<SchemaFieldDefaultProps>;
 //#endregion
-export { SchemaField, defaultComponentRegistry, defaultComponents };
+export { JsonSchemaField, SchemaField, defaultComponentRegistry, defaultComponents };

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

@@ -1,10 +1,13 @@
+import { useMergedSchemaComponents } from "../../hooks/use-merged-schema-components.js";
 import { Combobox as Combobox$1 } from "../combobox.js";
 import { extractComponents } from "../../utils/extract-components.js";
+import { useFormSchema } from "../../hooks/use-form-schema.js";
 import { Slider as Slider$1 } from "../slider.js";
 import { TagsInputInLine } from "../tags-input-inline.js";
 import { basicComponentRegistry } from "./schema-field-basics.js";
 import { createSchemaField } from "@formily/react";
 import { TagsInput } from "@pixpilot/shadcn-ui";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/schema-field/schema-field.tsx
 const defaultComponentRegistry = {
@@ -28,6 +31,15 @@ const defaultComponentRegistry = {
 };
 const defaultComponents = extractComponents(defaultComponentRegistry);
 const SchemaField = createSchemaField({ components: defaultComponents });
+const JsonSchemaField = (props) => {
+	const { components, schema,...rest } = props;
+	const { formSchema, SchemaField: SchemaFieldComponent } = useFormSchema(schema, useMergedSchemaComponents(defaultComponentRegistry, components));
+	return /* @__PURE__ */ jsx(SchemaFieldComponent, {
+		...rest,
+		schema: formSchema
+	});
+};
+JsonSchemaField.displayName = "JsonSchemaField";
 
 //#endregion
-export { SchemaField, defaultComponentRegistry, defaultComponents };
+export { JsonSchemaField, SchemaField, defaultComponentRegistry, defaultComponents };

package/dist/components/separator.d.ts

@@ -1,4 +1,4 @@
-import * as react19 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: react19.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_separator0.SeparatorProps & react19.RefAttributes<HTMLDivElement>>, "ref"> & react19.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.ts

@@ -1,4 +1,4 @@
-import * as react14 from "react";
+import * as react17 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: react14.ForwardRefExoticComponent<Omit<Partial<SliderProps>, "ref"> & react14.RefAttributes<unknown>>;
+declare const Slider$1: react17.ForwardRefExoticComponent<Omit<Partial<SliderProps>, "ref"> & react17.RefAttributes<unknown>>;
 //#endregion
 export { Slider$1 as Slider };

package/dist/components/switch.d.ts

@@ -1,4 +1,4 @@
-import * as react16 from "react";
+import * as react19 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: react16.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react16.RefAttributes<HTMLButtonElement>>, "ref"> & react16.RefAttributes<unknown>>;
+declare const Switch: react19.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react19.RefAttributes<HTMLButtonElement>>, "ref"> & react19.RefAttributes<unknown>>;
 //#endregion
 export { Switch };

package/dist/hooks/index.cjs

@@ -1,3 +1,4 @@
 const require_use_description = require('./use-description.cjs');
 const require_use_form_context = require('./use-form-context.cjs');
 const require_use_label = require('./use-label.cjs');
+const require_use_merged_schema_components = require('./use-merged-schema-components.cjs');

package/dist/hooks/index.js

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

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

@@ -0,0 +1,21 @@
+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');
+require('../utils/index.cjs');
+const require_use_schema_field = require('./use-schema-field.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/hooks/use-form-schema.ts
+function useFormSchema(schema, componentsProp) {
+	const formSchema = (0, react.useMemo)(() => {
+		return require_transform_schema.transformSchema(schema, require_extract_fields_decorators.extractFieldsDecorators(componentsProp?.fields));
+	}, [schema, componentsProp]);
+	return {
+		formSchema,
+		SchemaField: require_use_schema_field.useSchemaField(formSchema, componentsProp)
+	};
+}
+
+//#endregion
+exports.useFormSchema = useFormSchema;

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

@@ -0,0 +1,19 @@
+import { extractFieldsDecorators } from "../utils/extract-fields-decorators.js";
+import { transformSchema } from "../utils/transform-schema.js";
+import "../utils/index.js";
+import { useSchemaField } from "./use-schema-field.js";
+import { useMemo } from "react";
+
+//#region src/hooks/use-form-schema.ts
+function useFormSchema(schema, componentsProp) {
+	const formSchema = useMemo(() => {
+		return transformSchema(schema, extractFieldsDecorators(componentsProp?.fields));
+	}, [schema, componentsProp]);
+	return {
+		formSchema,
+		SchemaField: useSchemaField(formSchema, componentsProp)
+	};
+}
+
+//#endregion
+export { useFormSchema };

package/dist/hooks/use-merged-schema-components.cjs

@@ -0,0 +1,29 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/hooks/use-merged-schema-components.ts
+/**
+* Merges basic component registry with user-provided components.
+* User-provided components will override basic components if the same key exists.
+*
+* @param basicRegistry - The basic component registry (e.g., basicComponentRegistry)
+* @param userComponents - Optional user-provided components to merge/override
+* @returns Merged component configuration
+*/
+function useMergedSchemaComponents(basicRegistry, userComponents) {
+	return (0, react.useMemo)(() => ({
+		fields: {
+			...basicRegistry,
+			...userComponents?.fields ?? {}
+		},
+		decorators: userComponents?.decorators
+	}), [
+		basicRegistry,
+		userComponents?.decorators,
+		userComponents?.fields
+	]);
+}
+
+//#endregion
+exports.useMergedSchemaComponents = useMergedSchemaComponents;

package/dist/hooks/use-merged-schema-components.js

@@ -0,0 +1,27 @@
+import { useMemo } from "react";
+
+//#region src/hooks/use-merged-schema-components.ts
+/**
+* Merges basic component registry with user-provided components.
+* User-provided components will override basic components if the same key exists.
+*
+* @param basicRegistry - The basic component registry (e.g., basicComponentRegistry)
+* @param userComponents - Optional user-provided components to merge/override
+* @returns Merged component configuration
+*/
+function useMergedSchemaComponents(basicRegistry, userComponents) {
+	return useMemo(() => ({
+		fields: {
+			...basicRegistry,
+			...userComponents?.fields ?? {}
+		},
+		decorators: userComponents?.decorators
+	}), [
+		basicRegistry,
+		userComponents?.decorators,
+		userComponents?.fields
+	]);
+}
+
+//#endregion
+export { useMergedSchemaComponents };

package/dist/hooks/use-schema-field.cjs

@@ -0,0 +1,29 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_validate_schema_components = require('../utils/validate-schema-components.cjs');
+require('../utils/index.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 __pixpilot_env_is_dev = require("@pixpilot/env/is-dev");
+__pixpilot_env_is_dev = require_rolldown_runtime.__toESM(__pixpilot_env_is_dev);
+
+//#region src/hooks/use-schema-field.ts
+function useSchemaField(formSchema, componentsProp) {
+	return 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_is_dev.isDevelopment)()) require_validate_schema_components.validateSchemaComponents(formSchema, components);
+		return (0, __formily_react.createSchemaField)({
+			components,
+			scope: {}
+		});
+	}, [formSchema, componentsProp]);
+}
+
+//#endregion
+exports.useSchemaField = useSchemaField;

package/dist/hooks/use-schema-field.js

@@ -0,0 +1,25 @@
+import { validateSchemaComponents } from "../utils/validate-schema-components.js";
+import "../utils/index.js";
+import { extractComponents } from "../utils/extract-components.js";
+import { createSchemaField } from "@formily/react";
+import React from "react";
+import { isDevelopment } from "@pixpilot/env/is-dev";
+
+//#region src/hooks/use-schema-field.ts
+function useSchemaField(formSchema, componentsProp) {
+	return 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]);
+}
+
+//#endregion
+export { useSchemaField };

package/dist/index.cjs

@@ -79,6 +79,9 @@ Object.defineProperty(exports, 'FormProvider', {
 });
 exports.IconPicker = require_icon_picker.IconPicker;
 exports.Input = require_input.Input;
+exports.JsonSchemaField = require_schema_field.JsonSchemaField;
+exports.JsonSchemaFieldBasics = require_schema_field_basics.JsonSchemaFieldBasics;
+exports.JsonSchemaFieldExtended = require_schema_field_extended.JsonSchemaFieldExtended;
 exports.JsonSchemaForm = require_json_schema_form.JsonSchemaForm;
 exports.JsonSchemaFormBasic = require_json_schema_form_basic.JsonSchemaFormBasic;
 exports.JsonSchemaFormExtended = require_json_schema_form_extended.JsonSchemaFormExtended;

package/dist/index.d.cts

@@ -31,9 +31,9 @@ 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, 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 { JsonSchemaField, SchemaField, defaultComponentRegistry, defaultComponents } from "./components/schema-field/schema-field.cjs";
+import { JsonSchemaFieldBasics, SchemaFieldBasics, basicComponentRegistry, basicComponents } from "./components/schema-field/schema-field-basics.cjs";
+import { JsonSchemaFieldExtended, 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";
@@ -45,4 +45,4 @@ import { transformSchema } from "./utils/transform-schema.cjs";
 import "./utils/index.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, AvatarUpload, 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, transformSchema };
+export { ArrayBase, type ArrayBaseMixins, ArrayCards, ArrayCollapse, AvatarUpload, 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, JsonSchemaField, JsonSchemaFieldBasics, JsonSchemaFieldExtended, 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, transformSchema };

package/dist/index.d.ts

@@ -31,9 +31,9 @@ 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, 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 { JsonSchemaField, SchemaField, defaultComponentRegistry, defaultComponents } from "./components/schema-field/schema-field.js";
+import { JsonSchemaFieldBasics, SchemaFieldBasics, basicComponentRegistry, basicComponents } from "./components/schema-field/schema-field-basics.js";
+import { JsonSchemaFieldExtended, 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";
@@ -45,4 +45,4 @@ import { transformSchema } from "./utils/transform-schema.js";
 import "./utils/index.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, AvatarUpload, 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, transformSchema };
+export { ArrayBase, type ArrayBaseMixins, ArrayCards, ArrayCollapse, AvatarUpload, 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, JsonSchemaField, JsonSchemaFieldBasics, JsonSchemaFieldExtended, 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, transformSchema };

package/dist/index.js

@@ -29,10 +29,10 @@ 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 { SchemaFieldBasics, basicComponentRegistry, basicComponents } from "./components/schema-field/schema-field-basics.js";
-import { SchemaField, defaultComponentRegistry, defaultComponents } from "./components/schema-field/schema-field.js";
+import { JsonSchemaFieldBasics, SchemaFieldBasics, basicComponentRegistry, basicComponents } from "./components/schema-field/schema-field-basics.js";
+import { JsonSchemaField, SchemaField, defaultComponentRegistry, defaultComponents } from "./components/schema-field/schema-field.js";
 import { RichTextEditor } from "./components/rich-text-editor.js";
-import { SchemaFieldExtended, extendedComponentRegistry, extendedComponents } from "./components/schema-field/schema-field-extended.js";
+import { JsonSchemaFieldExtended, 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/json-schema-form-renderer.js";
 import { JsonSchemaForm } from "./components/json-schema-form-renderer/json-schema-form.js";
@@ -42,4 +42,4 @@ 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, AvatarUpload, 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, transformSchema };
+export { ArrayBase, ArrayCards, ArrayCollapse, AvatarUpload, Checkbox, Column, Combobox, ConnectedRadio, DatePicker, Field, FileUpload, FileUploadInline, Form, FormConsumer, FormGrid, FormItem, FormProvider, IconPicker, Input, JsonSchemaField, JsonSchemaFieldBasics, JsonSchemaFieldExtended, 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, transformSchema };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/formily-shadcn",
   "type": "module",
-  "version": "0.14.0",
+  "version": "0.14.2",
   "description": "Formily integration for shadcn/ui components",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -40,8 +40,8 @@
     "json-schema-traverse": "^1.0.0",
     "lucide-react": "^0.554.0",
     "pretty-bytes": "^7.1.0",
-    "@pixpilot/shadcn-ui": "0.8.0",
-    "@pixpilot/shadcn": "0.4.0"
+    "@pixpilot/shadcn": "0.4.0",
+    "@pixpilot/shadcn-ui": "0.9.0"
   },
   "devDependencies": {
     "@storybook/react": "^10.1.8",
@@ -54,8 +54,8 @@
     "react-dom": "19.2.0",
     "tsdown": "^0.15.12",
     "typescript": "^5.9.3",
-    "@internal/prettier-config": "0.0.1",
     "@internal/eslint-config": "0.3.0",
+    "@internal/prettier-config": "0.0.1",
     "@internal/tsconfig": "0.1.0",
     "@internal/tsdown-config": "0.1.0",
     "@internal/vitest-config": "0.1.0"