@pixpilot/formily-shadcn 0.10.0 → 0.11.0

package/dist/components/{json-schema-form-renderer.cjs → json-schema-form-renderer/json-schema-form-renderer.cjs}

@@ -1,11 +1,10 @@
-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_schema_field_basics = require('./schema-field/schema-field-basics.cjs');
-require('./schema-field/index.cjs');
+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");
@@ -17,7 +16,7 @@ __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.tsx
+//#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]);
@@ -25,14 +24,14 @@ const JsonSchemaFormRenderer = (props) => {
 		return require_transform_schema.transformSchema(schema, require_extract_fields_decorators.extractFieldsDecorators(componentsProp?.fields));
 	}, [schema, componentsProp]);
 	const SchemaField = react.default.useMemo(() => {
-		const mergedComponents = { ...require_schema_field_basics.schemaFieldBasicComponents };
-		if (componentsProp?.fields) Object.entries(componentsProp.fields).forEach(([key, field]) => {
-			mergedComponents[key] = field.component;
+		const componentConfigs = { ...componentsProp?.fields };
+		if (componentsProp?.decorators) Object.entries(componentsProp.decorators).forEach(([key, decorator]) => {
+			componentConfigs[key] = { component: decorator };
 		});
-		if (componentsProp?.decorators) Object.assign(mergedComponents, componentsProp.decorators);
-		if ((0, __pixpilot_env.isDevelopment)()) require_validate_schema_components.validateSchemaComponents(formSchema, mergedComponents);
+		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: mergedComponents,
+			components,
 			scope: {}
 		});
 	}, [formSchema, componentsProp]);

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.js → json-schema-form-renderer/json-schema-form-renderer.js}

@@ -1,17 +1,16 @@
-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 { schemaFieldBasicComponents } from "./schema-field/schema-field-basics.js";
-import "./schema-field/index.js";
+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.tsx
+//#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]);
@@ -19,14 +18,14 @@ const JsonSchemaFormRenderer = (props) => {
 		return transformSchema(schema, extractFieldsDecorators(componentsProp?.fields));
 	}, [schema, componentsProp]);
 	const SchemaField = React.useMemo(() => {
-		const mergedComponents = { ...schemaFieldBasicComponents };
-		if (componentsProp?.fields) Object.entries(componentsProp.fields).forEach(([key, field]) => {
-			mergedComponents[key] = field.component;
+		const componentConfigs = { ...componentsProp?.fields };
+		if (componentsProp?.decorators) Object.entries(componentsProp.decorators).forEach(([key, decorator]) => {
+			componentConfigs[key] = { component: decorator };
 		});
-		if (componentsProp?.decorators) Object.assign(mergedComponents, componentsProp.decorators);
-		if (isDevelopment()) validateSchemaComponents(formSchema, mergedComponents);
+		const components = extractComponents(componentConfigs);
+		if (isDevelopment()) validateSchemaComponents(formSchema, components);
 		return createSchemaField({
-			components: mergedComponents,
+			components,
 			scope: {}
 		});
 	}, [formSchema, componentsProp]);

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 };

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

@@ -0,0 +1,23 @@
+import { Form } from "../form.js";
+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 };

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

@@ -1,9 +1,9 @@
-import * as react6 from "react";
+import * as react10 from "react";
 
 //#region src/components/number-input.d.ts
 /**
  * Formily-connected Number Input component
  */
-declare const NumberInput: react6.ForwardRefExoticComponent<Omit<Partial<react6.ClassAttributes<HTMLInputElement> & react6.InputHTMLAttributes<HTMLInputElement>>, "ref"> & react6.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/object-container.cjs

@@ -38,20 +38,27 @@ const cardPaddingConfig = {
 const ObjectContainer = ({ className, children, label, description,...rest }) => {
 	const effectiveLabel = require_use_label.useLabel(label);
 	const desc = require_use_description.useDescription(description);
-	const { objectContainerProps, density } = require_use_form_context.useFormContext();
+	const { layout } = require_use_form_context.useFormContext();
+	const { objectContainer, density } = layout || {};
 	const gapClass = require_resolve_responsive_space.resolveResponsiveGapClass({ density });
 	const headerGapClass = require_resolve_responsive_space.resolveSpacingClass(density, headerConfig);
 	const cardPaddingClass = require_resolve_responsive_space.resolveSpacingClass(density, cardPaddingConfig);
-	const { className: itemsContainerClassName } = objectContainerProps || {};
+	const { classes } = objectContainer || {};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Card, {
 		...rest,
-		className: (0, __pixpilot_shadcn.cn)("bg-transparent", gapClass, cardPaddingClass, className),
+		className: (0, __pixpilot_shadcn.cn)("bg-transparent", gapClass, cardPaddingClass, className, classes?.card),
 		children: [(effectiveLabel != null || desc != null) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CardHeader, {
-			className: headerGapClass,
-			children: [effectiveLabel != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CardTitle, { children: effectiveLabel }), desc != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CardDescription, { children: desc })]
+			className: (0, __pixpilot_shadcn.cn)(headerGapClass, classes?.header),
+			children: [effectiveLabel != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CardTitle, {
+				className: classes?.title,
+				children: effectiveLabel
+			}), desc != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CardDescription, {
+				className: classes?.description,
+				children: desc
+			})]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_form_items_container.FormItemContainer, {
 			as: __pixpilot_shadcn.CardContent,
-			className: itemsContainerClassName,
+			className: classes?.content,
 			children
 		})]
 	});

package/dist/components/object-container.js

@@ -35,20 +35,27 @@ const cardPaddingConfig = {
 const ObjectContainer = ({ className, children, label, description,...rest }) => {
 	const effectiveLabel = useLabel(label);
 	const desc = useDescription(description);
-	const { objectContainerProps, density } = useFormContext();
+	const { layout } = useFormContext();
+	const { objectContainer, density } = layout || {};
 	const gapClass = resolveResponsiveGapClass({ density });
 	const headerGapClass = resolveSpacingClass(density, headerConfig);
 	const cardPaddingClass = resolveSpacingClass(density, cardPaddingConfig);
-	const { className: itemsContainerClassName } = objectContainerProps || {};
+	const { classes } = objectContainer || {};
 	return /* @__PURE__ */ jsxs(Card, {
 		...rest,
-		className: cn("bg-transparent", gapClass, cardPaddingClass, className),
+		className: cn("bg-transparent", gapClass, cardPaddingClass, className, classes?.card),
 		children: [(effectiveLabel != null || desc != null) && /* @__PURE__ */ jsxs(CardHeader, {
-			className: headerGapClass,
-			children: [effectiveLabel != null && /* @__PURE__ */ jsx(CardTitle, { children: effectiveLabel }), desc != null && /* @__PURE__ */ jsx(CardDescription, { children: desc })]
+			className: cn(headerGapClass, classes?.header),
+			children: [effectiveLabel != null && /* @__PURE__ */ jsx(CardTitle, {
+				className: classes?.title,
+				children: effectiveLabel
+			}), desc != null && /* @__PURE__ */ jsx(CardDescription, {
+				className: classes?.description,
+				children: desc
+			})]
 		}), /* @__PURE__ */ jsx(FormItemContainer, {
 			as: CardContent,
-			className: itemsContainerClassName,
+			className: classes?.content,
 			children
 		})]
 	});

package/dist/components/radio.d.cts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime3 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_runtime2.JSX.Element;
+declare function Radio(props: RadioProps): react_jsx_runtime3.JSX.Element;
 declare namespace Radio {
   var displayName: string;
 }

package/dist/components/row.d.cts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime2 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_runtime3.JSX.Element;
+}: IRowProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { Row };

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

@@ -1,3 +1,3 @@
-import { SchemaField, schemaFieldComponents } from "./schema-field.cjs";
-import { SchemaFieldBasics, schemaFieldBasicComponents } from "./schema-field-basics.cjs";
-import { SchemaFieldExtended, schemaFieldExtendedComponents } from "./schema-field-extended.cjs";
+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";

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

@@ -1,3 +1,3 @@
-import { SchemaField, schemaFieldComponents } from "./schema-field.js";
-import { SchemaFieldBasics, schemaFieldBasicComponents } from "./schema-field-basics.js";
-import { SchemaFieldExtended, schemaFieldExtendedComponents } from "./schema-field-extended.js";
+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";

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

@@ -1,3 +1,3 @@
-import { SchemaFieldBasics, schemaFieldBasicComponents } from "./schema-field-basics.js";
-import { SchemaField, schemaFieldComponents } from "./schema-field.js";
-import { SchemaFieldExtended, schemaFieldExtendedComponents } from "./schema-field-extended.js";
+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";

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

@@ -7,8 +7,10 @@ const require_checkbox = require('../checkbox.cjs');
 const require_column = require('../column.cjs');
 const require_date_picker = require('../date-picker.cjs');
 const require_form_grid = require('../form-grid.cjs');
-const require_form_item = require('../form-item.cjs');
+const require_connected_form_item = require('../form-item/connected-form-item.cjs');
+require('../form-item/index.cjs');
 const require_input = require('../input.cjs');
+const require_extract_components = require('../../utils/extract-components.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,29 +28,70 @@ let __formily_react = require("@formily/react");
 __formily_react = require_rolldown_runtime.__toESM(__formily_react);
 
 //#region src/components/schema-field/schema-field-basics.tsx
-const schemaFieldBasicComponents = {
-	FormItem: require_form_item.FormItem,
-	Hidden: require_hidden.Hidden,
-	Input: require_input.Input,
-	Textarea: require_textarea.Textarea,
-	NumberInput: require_number_input.NumberInput,
-	Checkbox: require_checkbox.Checkbox,
-	Radio: require_radio.ConnectedRadio,
-	Select: require_select.Select,
-	Switch: require_switch.Switch,
-	DatePicker: require_date_picker.DatePicker,
-	Row: require_row.Row,
-	Column: require_column.Column,
-	FormGrid: require_form_grid.FormGrid,
-	Separator: require_separator.Separator,
-	ArrayCards: require_array_cards.ArrayCards,
-	ArrayDialog: require_array_dialog.ArrayDialog,
-	ArrayCollapse: require_array_collapse.ArrayCollapse,
-	ArrayPopover: require_array_popover.ArrayPopover,
-	ObjectContainer: require_object_container.ObjectContainer
+const basicComponentRegistry = {
+	FormItem: { component: require_connected_form_item.FormItem },
+	Hidden: { component: require_hidden.Hidden },
+	Input: {
+		component: require_input.Input,
+		decorator: "FormItem"
+	},
+	Textarea: {
+		component: require_textarea.Textarea,
+		decorator: "FormItem"
+	},
+	NumberInput: {
+		component: require_number_input.NumberInput,
+		decorator: "FormItem"
+	},
+	Checkbox: {
+		component: require_checkbox.Checkbox,
+		decorator: "FormItem"
+	},
+	Radio: {
+		component: require_radio.ConnectedRadio,
+		decorator: "FormItem"
+	},
+	Select: {
+		component: require_select.Select,
+		decorator: "FormItem"
+	},
+	Switch: {
+		component: require_switch.Switch,
+		decorator: "FormItem"
+	},
+	DatePicker: {
+		component: require_date_picker.DatePicker,
+		decorator: "FormItem"
+	},
+	Row: { component: require_row.Row },
+	Column: { component: require_column.Column },
+	FormGrid: { component: require_form_grid.FormGrid },
+	Separator: { component: require_separator.Separator },
+	ArrayCards: {
+		component: require_array_cards.ArrayCards,
+		decorator: "FormItem"
+	},
+	ArrayDialog: {
+		component: require_array_dialog.ArrayDialog,
+		decorator: "FormItem"
+	},
+	ArrayCollapse: {
+		component: require_array_collapse.ArrayCollapse,
+		decorator: "FormItem"
+	},
+	ArrayPopover: {
+		component: require_array_popover.ArrayPopover,
+		decorator: "FormItem"
+	},
+	ObjectContainer: {
+		component: require_object_container.ObjectContainer,
+		decorator: "FormItem"
+	}
 };
-const SchemaFieldBasics = (0, __formily_react.createSchemaField)({ components: schemaFieldBasicComponents });
+const basicComponents = require_extract_components.extractComponents(basicComponentRegistry);
+const SchemaFieldBasics = (0, __formily_react.createSchemaField)({ components: basicComponents });
 
 //#endregion
 exports.SchemaFieldBasics = SchemaFieldBasics;
-exports.schemaFieldBasicComponents = schemaFieldBasicComponents;
+exports.basicComponentRegistry = basicComponentRegistry;
+exports.basicComponents = basicComponents;