@pixpilot/formily-shadcn 0.9.1 → 0.10.0

package/README.md

@@ -161,3 +161,78 @@ const form = createForm({
   effects: () => {},
 });
 ```
+
+### Form Configuration
+
+#### useFieldNameAsLabel
+
+The `useFieldNameAsLabel` option controls whether field names are automatically converted to labels when no explicit label is provided.
+
+**Default Behavior:**
+
+- **`JsonSchemaFormRenderer`** - Sets `useFieldNameAsLabel: true` by default. Field names are automatically capitalized and used as labels if no `title` is provided in the schema.
+- **`Form` component** - Must be explicitly configured. Users need to set `useFieldNameAsLabel: true` in the `config` prop to enable this behavior.
+
+**Example with JsonSchemaFormRenderer (enabled by default):**
+
+```tsx
+import { JsonSchemaFormRenderer } from '@pixpilot/formily-shadcn';
+
+const schema = {
+  type: 'object',
+  properties: {
+    userName: {
+      type: 'string',
+      'x-decorator': 'FormItem',
+      'x-component': 'Input',
+      // No title provided - will use "User Name" as label
+    },
+  },
+};
+
+export function MyForm() {
+  return <JsonSchemaFormRenderer schema={schema} />;
+}
+```
+
+**Example with Form component (requires explicit configuration):**
+
+```tsx
+import { createForm, Form, SchemaField } from '@pixpilot/formily-shadcn';
+
+const form = createForm();
+
+const schema = {
+  type: 'object',
+  properties: {
+    userName: {
+      type: 'string',
+      'x-decorator': 'FormItem',
+      'x-component': 'Input',
+      // No title provided - will use "User Name" as label only if config is set
+    },
+  },
+};
+
+export function MyForm() {
+  return (
+    <Form
+      form={form}
+      config={{
+        label: {
+          useFieldNameAsLabel: true, // Must be explicitly set
+        },
+      }}
+    >
+      <SchemaField schema={schema} />
+    </Form>
+  );
+}
+```
+
+The label resolution priority is:
+
+1. Explicit `label` prop (if provided and not `false`)
+2. Schema `title` field
+3. Field `name` capitalized (only if `useFieldNameAsLabel: true`)
+4. No label

package/dist/components/array-base/components/array-item-label.cjs

@@ -11,7 +11,7 @@ const ArrayItemLabel = () => {
 	const label = require_use_label.useLabel();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 		className: "font-medium",
-		children: [label, typeof label === "string" ? ` ${(index ?? 0) + 1}` : ""]
+		children: [label, typeof label === "string" || label == null ? ` ${(index ?? 0) + 1}` : ""]
 	});
 };
 

package/dist/components/array-base/components/array-item-label.js

@@ -9,7 +9,7 @@ const ArrayItemLabel = () => {
 	const label = useLabel();
 	return /* @__PURE__ */ jsxs("span", {
 		className: "font-medium",
-		children: [label, typeof label === "string" ? ` ${(index ?? 0) + 1}` : ""]
+		children: [label, typeof label === "string" || label == null ? ` ${(index ?? 0) + 1}` : ""]
 	});
 };
 

package/dist/components/checkbox.d.cts

@@ -1,4 +1,4 @@
-import * as react0 from "react";
+import * as react1 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: react0.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_checkbox0.CheckboxProps & react0.RefAttributes<HTMLButtonElement>>, "ref"> & react0.RefAttributes<unknown>>;
+declare const Checkbox: react1.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_checkbox0.CheckboxProps & react1.RefAttributes<HTMLButtonElement>>, "ref"> & react1.RefAttributes<unknown>>;
 //#endregion
 export { Checkbox };

package/dist/components/checkbox.d.ts

@@ -1,4 +1,4 @@
-import * as react7 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: react7.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_checkbox0.CheckboxProps & react7.RefAttributes<HTMLButtonElement>>, "ref"> & react7.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/column.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime2 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_runtime2.JSX.Element;
+}: IColumnProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Column };

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

@@ -7,6 +7,24 @@ interface FomFileUpload {
   onUpload?: (files: File[], options: FileUploadProgressCallBacks) => void;
   maxSize?: number;
 }
+interface FormConfigProps {
+  label?: {
+    useFieldNameAsLabel?: boolean;
+  };
+  iconPicker?: {
+    /**
+     * Icon providers - can be static providers or async loader functions
+     * Users can provide either IconProvider[] or AsyncIconProvider[]
+     */
+    providers: IconProvider[];
+    /**
+     * Optional callback when providers are loaded
+     */
+    onProvidersLoaded?: (providers: IconProvider[]) => void;
+  };
+  fileUpload?: FomFileUpload;
+  richTextEditor?: RichTextEditorProps;
+}
 interface FormContextStates extends FormSpace {
   itemProps?: {
     className?: string;
@@ -14,21 +32,7 @@ interface FormContextStates extends FormSpace {
   objectContainerProps?: {
     className?: string;
   };
-  config?: {
-    iconPicker?: {
-      /**
-       * Icon providers - can be static providers or async loader functions
-       * Users can provide either IconProvider[] or AsyncIconProvider[]
-       */
-      providers: IconProvider[];
-      /**
-       * Optional callback when providers are loaded
-       */
-      onProvidersLoaded?: (providers: IconProvider[]) => void;
-    };
-    fileUpload?: FomFileUpload;
-    richTextEditor?: RichTextEditorProps;
-  };
+  settings?: FormConfigProps;
 }
 //#endregion
-export { FomFileUpload, FormContextStates };
+export { FomFileUpload, FormConfigProps, FormContextStates };

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

@@ -7,6 +7,24 @@ interface FomFileUpload {
   onUpload?: (files: File[], options: FileUploadProgressCallBacks) => void;
   maxSize?: number;
 }
+interface FormConfigProps {
+  label?: {
+    useFieldNameAsLabel?: boolean;
+  };
+  iconPicker?: {
+    /**
+     * Icon providers - can be static providers or async loader functions
+     * Users can provide either IconProvider[] or AsyncIconProvider[]
+     */
+    providers: IconProvider[];
+    /**
+     * Optional callback when providers are loaded
+     */
+    onProvidersLoaded?: (providers: IconProvider[]) => void;
+  };
+  fileUpload?: FomFileUpload;
+  richTextEditor?: RichTextEditorProps;
+}
 interface FormContextStates extends FormSpace {
   itemProps?: {
     className?: string;
@@ -14,21 +32,7 @@ interface FormContextStates extends FormSpace {
   objectContainerProps?: {
     className?: string;
   };
-  config?: {
-    iconPicker?: {
-      /**
-       * Icon providers - can be static providers or async loader functions
-       * Users can provide either IconProvider[] or AsyncIconProvider[]
-       */
-      providers: IconProvider[];
-      /**
-       * Optional callback when providers are loaded
-       */
-      onProvidersLoaded?: (providers: IconProvider[]) => void;
-    };
-    fileUpload?: FomFileUpload;
-    richTextEditor?: RichTextEditorProps;
-  };
+  settings?: FormConfigProps;
 }
 //#endregion
-export { FomFileUpload, FormContextStates };
+export { FomFileUpload, FormConfigProps, FormContextStates };

package/dist/components/context/index.d.cts

@@ -1,2 +1,2 @@
-import { FomFileUpload, FormContextStates } from "./form-context.cjs";
+import { FomFileUpload, FormConfigProps, FormContextStates } from "./form-context.cjs";
 import "./context.cjs";

package/dist/components/context/index.d.ts

@@ -1,2 +1,2 @@
-import { FomFileUpload, FormContextStates } from "./form-context.js";
+import { FomFileUpload, FormConfigProps, FormContextStates } from "./form-context.js";
 import "./context.js";

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

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

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

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

package/dist/components/file-upload/file-upload-inline.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as _pixpilot_shadcn_ui8 from "@pixpilot/shadcn-ui";
+import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
 
 //#region src/components/file-upload/file-upload-inline.d.ts
 
@@ -7,14 +7,14 @@ import * as _pixpilot_shadcn_ui8 from "@pixpilot/shadcn-ui";
  * Formily-connected FileUploadInline component
  * Automatically connects shadcn FileUploadInline to Formily field state
  */
-declare const FileUploadInline$1: React.ForwardRefExoticComponent<(Omit<Partial<_pixpilot_shadcn_ui8.FileUploadInlineBaseProps & {
+declare const FileUploadInline$1: React.ForwardRefExoticComponent<(Omit<Partial<_pixpilot_shadcn_ui0.FileUploadInlineBaseProps & {
   multiple: true;
-  value?: _pixpilot_shadcn_ui8.FileMetadata[];
-  onChange?: _pixpilot_shadcn_ui8.OnChangeMultipleFiles;
-} & _pixpilot_shadcn_ui8.FileUploadBaseProps>, "ref"> | Omit<Partial<_pixpilot_shadcn_ui8.FileUploadInlineBaseProps & {
+  value?: _pixpilot_shadcn_ui0.FileMetadata[];
+  onChange?: _pixpilot_shadcn_ui0.OnChangeMultipleFiles;
+} & _pixpilot_shadcn_ui0.FileUploadBaseProps>, "ref"> | Omit<Partial<_pixpilot_shadcn_ui0.FileUploadInlineBaseProps & {
   multiple?: false;
-  value?: _pixpilot_shadcn_ui8.FileMetadata | null;
-  onChange?: _pixpilot_shadcn_ui8.OnChangeSingleFile;
-} & _pixpilot_shadcn_ui8.FileUploadBaseProps>, "ref">) & React.RefAttributes<unknown>>;
+  value?: _pixpilot_shadcn_ui0.FileMetadata | null;
+  onChange?: _pixpilot_shadcn_ui0.OnChangeSingleFile;
+} & _pixpilot_shadcn_ui0.FileUploadBaseProps>, "ref">) & React.RefAttributes<unknown>>;
 //#endregion
 export { FileUploadInline$1 as FileUploadInline };

package/dist/components/file-upload/file-upload.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
+import * as _pixpilot_shadcn_ui8 from "@pixpilot/shadcn-ui";
 
 //#region src/components/file-upload/file-upload.d.ts
 
@@ -7,14 +7,14 @@ import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
  * Formily-connected FileUploadInline component
  * Automatically connects shadcn FileUploadInline to Formily field state
  */
-declare const FileUpload$1: React.ForwardRefExoticComponent<(Omit<Partial<_pixpilot_shadcn_ui0.FileUploadInlineBaseProps & {
+declare const FileUpload$1: React.ForwardRefExoticComponent<(Omit<Partial<_pixpilot_shadcn_ui8.FileUploadInlineBaseProps & {
   multiple: true;
-  value?: _pixpilot_shadcn_ui0.FileMetadata[];
-  onChange?: _pixpilot_shadcn_ui0.OnChangeMultipleFiles;
-} & _pixpilot_shadcn_ui0.FileUploadBaseProps>, "ref"> | Omit<Partial<_pixpilot_shadcn_ui0.FileUploadInlineBaseProps & {
+  value?: _pixpilot_shadcn_ui8.FileMetadata[];
+  onChange?: _pixpilot_shadcn_ui8.OnChangeMultipleFiles;
+} & _pixpilot_shadcn_ui8.FileUploadBaseProps>, "ref"> | Omit<Partial<_pixpilot_shadcn_ui8.FileUploadInlineBaseProps & {
   multiple?: false;
-  value?: _pixpilot_shadcn_ui0.FileMetadata | null;
-  onChange?: _pixpilot_shadcn_ui0.OnChangeSingleFile;
-} & _pixpilot_shadcn_ui0.FileUploadBaseProps>, "ref">) & React.RefAttributes<unknown>>;
+  value?: _pixpilot_shadcn_ui8.FileMetadata | null;
+  onChange?: _pixpilot_shadcn_ui8.OnChangeSingleFile;
+} & _pixpilot_shadcn_ui8.FileUploadBaseProps>, "ref">) & React.RefAttributes<unknown>>;
 //#endregion
 export { FileUpload$1 as FileUpload };

package/dist/components/file-upload/use-file-upload-feedback.cjs

@@ -11,9 +11,9 @@ pretty_bytes = require_rolldown_runtime.__toESM(pretty_bytes);
 //#region src/components/file-upload/use-file-upload-feedback.ts
 function useFileUploadFeedback(props) {
 	const { onUpload: onUploadProp, maxSize: maxSizeProp, onFilesReject, onFileValidate } = props;
-	const { config } = require_use_form_context.useFormContext();
+	const { settings } = require_use_form_context.useFormContext();
 	const field = (0, __formily_react.useField)();
-	const { fileUpload } = config || {};
+	const { fileUpload } = settings || {};
 	const onUpload = onUploadProp ?? fileUpload?.onUpload;
 	const maxSize = maxSizeProp ?? fileUpload?.maxSize;
 	if (onUpload == null) {

package/dist/components/file-upload/use-file-upload-feedback.js

@@ -7,9 +7,9 @@ import prettyBytes from "pretty-bytes";
 //#region src/components/file-upload/use-file-upload-feedback.ts
 function useFileUploadFeedback(props) {
 	const { onUpload: onUploadProp, maxSize: maxSizeProp, onFilesReject, onFileValidate } = props;
-	const { config } = useFormContext();
+	const { settings } = useFormContext();
 	const field = useField();
-	const { fileUpload } = config || {};
+	const { fileUpload } = settings || {};
 	const onUpload = onUploadProp ?? fileUpload?.onUpload;
 	const maxSize = maxSizeProp ?? fileUpload?.maxSize;
 	if (onUpload == null) throw new Error("onUpload prop required for FileUploadInline. Provide handler on form or field props.");

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-items-container.cjs

@@ -12,11 +12,8 @@ __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 //#region src/components/form-items-container.tsx
 const FormItemContainer = (props) => {
 	const { as: Component = "div", className,...rest } = props;
-	const { density, responsive } = require_use_form_context.useFormContext();
-	const spaceClass = require_resolve_responsive_space.resolveResponsiveSpaceClass({
-		density,
-		responsive
-	});
+	const { density } = require_use_form_context.useFormContext();
+	const spaceClass = require_resolve_responsive_space.resolveResponsiveSpaceClass({ density });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
 		...rest,
 		className: (0, __pixpilot_shadcn.cn)(spaceClass, className)

package/dist/components/form-items-container.js

@@ -8,11 +8,8 @@ import { cn } from "@pixpilot/shadcn";
 //#region src/components/form-items-container.tsx
 const FormItemContainer = (props) => {
 	const { as: Component = "div", className,...rest } = props;
-	const { density, responsive } = useFormContext();
-	const spaceClass = resolveResponsiveSpaceClass({
-		density,
-		responsive
-	});
+	const { density } = useFormContext();
+	const spaceClass = resolveResponsiveSpaceClass({ density });
 	return /* @__PURE__ */ jsx(Component, {
 		...rest,
 		className: cn(spaceClass, className)

package/dist/components/form.cjs

@@ -15,7 +15,7 @@ __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 /**
 * Form component - wraps FormProvider and provides form context
 */
-function Form({ form, className, style, children, onSubmit, onAutoSubmit, itemProps, objectContainerProps, density, responsive, config }) {
+function Form({ form, className, style, children, onSubmit, onAutoSubmit, itemProps, objectContainerProps, density, settings }) {
 	const handleSubmit = (e) => {
 		e.preventDefault();
 		form.submit((values) => {
@@ -29,15 +29,13 @@ function Form({ form, className, style, children, onSubmit, onAutoSubmit, itemPr
 				itemProps,
 				objectContainerProps,
 				density,
-				responsive,
-				config
+				settings
 			};
 		}, [
 			itemProps,
 			objectContainerProps,
 			density,
-			responsive,
-			config
+			settings
 		]),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.FormProvider, {
 			form,

package/dist/components/form.d.cts

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

package/dist/components/form.d.ts

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

package/dist/components/form.js

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

package/dist/components/icon-picker.cjs

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

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

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

package/dist/components/icon-picker.js

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

package/dist/components/input.d.cts

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

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

@@ -1,28 +1,55 @@
 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 = require('./schema-field/schema-field.cjs');
+const require_schema_field_basics = require('./schema-field/schema-field-basics.cjs');
 require('./schema-field/index.cjs');
+let __formily_react = require("@formily/react");
+__formily_react = require_rolldown_runtime.__toESM(__formily_react);
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 let __formily_core = require("@formily/core");
 __formily_core = require_rolldown_runtime.__toESM(__formily_core);
+let __pixpilot_env = require("@pixpilot/env");
+__pixpilot_env = require_rolldown_runtime.__toESM(__pixpilot_env);
 
 //#region src/components/json-schema-form-renderer.tsx
 const JsonSchemaFormRenderer = (props) => {
-	const { schema, children, schemaField,...rest } = props;
-	const form = (0, react.useMemo)(() => (0, __formily_core.createForm)(), []);
+	const { schema, children, settings: configProp, components: componentsProp, values,...rest } = props;
+	const form = (0, react.useMemo)(() => (0, __formily_core.createForm)({ values: values || {} }), [values]);
 	const formSchema = (0, react.useMemo)(() => {
-		return require_transform_schema.transformSchema(schema);
-	}, [schema]);
-	const SchemaFieldComponent = schemaField || require_schema_field.SchemaField;
+		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;
+		});
+		if (componentsProp?.decorators) Object.assign(mergedComponents, componentsProp.decorators);
+		if ((0, __pixpilot_env.isDevelopment)()) require_validate_schema_components.validateSchemaComponents(formSchema, mergedComponents);
+		return (0, __formily_react.createSchemaField)({
+			components: mergedComponents,
+			scope: {}
+		});
+	}, [formSchema, componentsProp]);
+	const config = (0, react.useMemo)(() => {
+		return {
+			...configProp,
+			label: {
+				useFieldNameAsLabel: true,
+				...configProp?.label || {}
+			}
+		};
+	}, [configProp]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_form.Form, {
 		...rest,
 		form,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaFieldComponent, { schema: formSchema }), children]
+		settings: config,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaField, { schema: formSchema }), children]
 	});
 };
 JsonSchemaFormRenderer.displayName = "JsonSchemaFormRenderer";

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

@@ -6,9 +6,14 @@ import React from "react";
 interface JsonSchemaFormRendererProps extends Omit<React.ComponentProps<typeof Form>, 'form'> {
   schema: ISchema;
   children?: React.ReactNode;
-  schemaField?: React.FC<{
-    schema: ISchema;
-  }>;
+  values?: Record<string, any>;
+  components?: {
+    fields?: Record<string, {
+      component: React.ComponentType<any>;
+      decorator?: string;
+    }>;
+    decorators?: Record<string, React.ComponentType<any>>;
+  };
 }
 declare const JsonSchemaFormRenderer: React.FC<JsonSchemaFormRendererProps>;
 //#endregion