@pixpilot/formily-shadcn 0.13.4 → 0.14.1

package/dist/components/checkbox.d.ts

@@ -1,4 +1,4 @@
-import * as react3 from "react";
+import * as react0 from "react";
 import * as _radix_ui_react_checkbox0 from "@radix-ui/react-checkbox";
 
 //#region src/components/checkbox.d.ts
@@ -6,6 +6,6 @@ import * as _radix_ui_react_checkbox0 from "@radix-ui/react-checkbox";
  * Formily-connected Checkbox component
  * Maps Formily field checked state to shadcn Checkbox
  */
-declare const Checkbox: react3.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_checkbox0.CheckboxProps & react3.RefAttributes<HTMLButtonElement>>, "ref"> & react3.RefAttributes<unknown>>;
+declare const Checkbox: react0.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_checkbox0.CheckboxProps & react0.RefAttributes<HTMLButtonElement>>, "ref"> & react0.RefAttributes<unknown>>;
 //#endregion
 export { Checkbox };

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

@@ -1,11 +1,11 @@
-import * as react6 from "react";
+import * as react2 from "react";
 import { DatePickerProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/date-picker.d.ts
-declare const DatePicker$1: react6.ForwardRefExoticComponent<Partial<{
+declare const DatePicker$1: react2.ForwardRefExoticComponent<Partial<{
   value?: Date;
   onChange?: (date: Date | undefined) => void;
   placeholder?: string;
-} & Omit<DatePickerProps, "onSelect" | "selected" | "mode">> & react6.RefAttributes<unknown>>;
+} & Omit<DatePickerProps, "onSelect" | "selected" | "mode">> & react2.RefAttributes<unknown>>;
 //#endregion
 export { DatePicker$1 as DatePicker };

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

@@ -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/form-grid.d.ts
 interface IFormGridProps extends React.HTMLAttributes<HTMLDivElement> {}
@@ -7,6 +7,6 @@ declare function FormGrid({
   className,
   children,
   ...rest
-}: IFormGridProps): react_jsx_runtime1.JSX.Element;
+}: IFormGridProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { FormGrid };

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 {
@@ -25,6 +25,6 @@ declare function Form$1({
   onAutoSubmit,
   layout,
   settings
-}: IFormProps): react_jsx_runtime0.JSX.Element;
+}: IFormProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { Form$1 as Form };

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.ts

@@ -1,4 +1,4 @@
-import * as react10 from "react";
+import * as react6 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: 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/number-input.d.cts

@@ -1,9 +1,9 @@
-import * as react10 from "react";
+import * as react15 from "react";
 
 //#region src/components/number-input.d.ts
 /**
  * Formily-connected Number Input component
  */
-declare const NumberInput: react10.ForwardRefExoticComponent<Omit<Partial<react10.ClassAttributes<HTMLInputElement> & react10.InputHTMLAttributes<HTMLInputElement>>, "ref"> & react10.RefAttributes<unknown>>;
+declare const NumberInput: react15.ForwardRefExoticComponent<Omit<Partial<react15.ClassAttributes<HTMLInputElement> & react15.InputHTMLAttributes<HTMLInputElement>>, "ref"> & react15.RefAttributes<unknown>>;
 //#endregion
 export { NumberInput };

package/dist/components/number-input.d.ts

@@ -1,9 +1,9 @@
-import * as react14 from "react";
+import * as react10 from "react";
 
 //#region src/components/number-input.d.ts
 /**
  * Formily-connected Number Input component
  */
-declare const NumberInput: react14.ForwardRefExoticComponent<Omit<Partial<react14.ClassAttributes<HTMLInputElement> & react14.InputHTMLAttributes<HTMLInputElement>>, "ref"> & react14.RefAttributes<unknown>>;
+declare const NumberInput: react10.ForwardRefExoticComponent<Omit<Partial<react10.ClassAttributes<HTMLInputElement> & react10.InputHTMLAttributes<HTMLInputElement>>, "ref"> & react10.RefAttributes<unknown>>;
 //#endregion
 export { NumberInput };

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;