@pixpilot/formily-shadcn 0.17.0 → 0.18.1

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

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

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

@@ -1,13 +1,13 @@
 import { FormItemProps } from "./form-item-types.cjs";
-import * as react1451 from "react";
+import * as react1453 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: react1451.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
-  children?: react1451.ReactNode | undefined;
-}>, "ref"> & react1451.RefAttributes<unknown>>;
+declare const FormItem: react1453.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
+  children?: react1453.ReactNode | undefined;
+}>, "ref"> & react1453.RefAttributes<unknown>>;
 //#endregion
 export { FormItem };

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

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

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

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

@@ -0,0 +1 @@
+const require_number_input = require('./number-input.cjs');

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

@@ -0,0 +1 @@
+import { NumberInput } from "./number-input.cjs";

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

@@ -0,0 +1 @@
+import { NumberInput } from "./number-input.js";

package/dist/components/number/index.js

@@ -0,0 +1 @@
+import { NumberInput } from "./number-input.js";

package/dist/components/number/number-input-map-props.cjs

@@ -0,0 +1,37 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let __formily_react = require("@formily/react");
+__formily_react = require_rolldown_runtime.__toESM(__formily_react);
+
+//#region src/components/number/number-input-map-props.ts
+/**
+* Mapper function for NumberInput props
+*/
+function mapNumberInputProps(props, inputField) {
+	const field = inputField;
+	const schema = (0, __formily_react.useFieldSchema)();
+	const min = schema?.minimum;
+	const max = schema?.maximum;
+	const fieldValue = field.value;
+	const value = typeof fieldValue === "number" || typeof fieldValue === "string" ? fieldValue : "";
+	return {
+		min,
+		max,
+		...props,
+		type: "number",
+		value,
+		onChange: (event) => {
+			const raw = event.target.value.trim();
+			if (raw === "") {
+				field.onInput(void 0).catch(() => {});
+				return;
+			}
+			const normalized = raw.includes(".") ? raw : raw.replace(",", ".");
+			const nextValue = Number(normalized);
+			if (!Number.isNaN(nextValue)) field.onInput(nextValue).catch(() => {});
+			else field.onInput(raw).catch(() => {});
+		}
+	};
+}
+
+//#endregion
+exports.mapNumberInputProps = mapNumberInputProps;

package/dist/components/number/number-input-map-props.js

@@ -0,0 +1,35 @@
+import { useFieldSchema } from "@formily/react";
+
+//#region src/components/number/number-input-map-props.ts
+/**
+* Mapper function for NumberInput props
+*/
+function mapNumberInputProps(props, inputField) {
+	const field = inputField;
+	const schema = useFieldSchema();
+	const min = schema?.minimum;
+	const max = schema?.maximum;
+	const fieldValue = field.value;
+	const value = typeof fieldValue === "number" || typeof fieldValue === "string" ? fieldValue : "";
+	return {
+		min,
+		max,
+		...props,
+		type: "number",
+		value,
+		onChange: (event) => {
+			const raw = event.target.value.trim();
+			if (raw === "") {
+				field.onInput(void 0).catch(() => {});
+				return;
+			}
+			const normalized = raw.includes(".") ? raw : raw.replace(",", ".");
+			const nextValue = Number(normalized);
+			if (!Number.isNaN(nextValue)) field.onInput(nextValue).catch(() => {});
+			else field.onInput(raw).catch(() => {});
+		}
+	};
+}
+
+//#endregion
+export { mapNumberInputProps };

package/dist/components/{number-input.cjs → number/number-input.cjs}

@@ -1,22 +1,15 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_number_input_map_props = require('./number-input-map-props.cjs');
 let __formily_react = require("@formily/react");
 __formily_react = require_rolldown_runtime.__toESM(__formily_react);
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 
-//#region src/components/number-input.tsx
+//#region src/components/number/number-input.tsx
 /**
 * Formily-connected Number Input component
 */
-const NumberInput = (0, __formily_react.connect)(__pixpilot_shadcn.Input, (0, __formily_react.mapProps)((props) => {
-	const schema = (0, __formily_react.useFieldSchema)();
-	return {
-		min: schema?.minimum,
-		max: schema?.maximum,
-		...props,
-		type: "number"
-	};
-}));
+const NumberInput = (0, __formily_react.connect)(__pixpilot_shadcn.Input, (0, __formily_react.mapProps)(require_number_input_map_props.mapNumberInputProps));
 
 //#endregion
 exports.NumberInput = NumberInput;

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

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

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

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

package/dist/components/number/number-input.js

@@ -0,0 +1,12 @@
+import { mapNumberInputProps } from "./number-input-map-props.js";
+import { connect, mapProps } from "@formily/react";
+import { Input } from "@pixpilot/shadcn";
+
+//#region src/components/number/number-input.tsx
+/**
+* Formily-connected Number Input component
+*/
+const NumberInput = connect(Input, mapProps(mapNumberInputProps));
+
+//#endregion
+export { NumberInput };

package/dist/components/object-container.cjs

@@ -46,20 +46,19 @@ const ObjectContainer = ({ className, children, label, description,...rest }) =>
 	const { classes } = objectContainer || {};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Card, {
 		...rest,
-		slot: "form-object-container",
-		className: (0, __pixpilot_shadcn.cn)("form-object-container", "bg-transparent", gapClass, cardPaddingClass, className, classes?.card),
+		className: (0, __pixpilot_shadcn.cn)("form-object-card", "bg-transparent", gapClass, cardPaddingClass, className, classes?.card),
 		children: [(effectiveLabel != null || desc != null) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CardHeader, {
-			className: (0, __pixpilot_shadcn.cn)(headerGapClass, classes?.header),
+			className: (0, __pixpilot_shadcn.cn)("form-object-header", headerGapClass, classes?.header),
 			children: [effectiveLabel != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CardTitle, {
-				className: classes?.title,
+				className: (0, __pixpilot_shadcn.cn)("form-object-title", classes?.title),
 				children: effectiveLabel
 			}), desc != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CardDescription, {
-				className: classes?.description,
+				className: (0, __pixpilot_shadcn.cn)("form-object-desc", classes?.description),
 				children: desc
 			})]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_form_items_container.FormItemContainer, {
 			as: __pixpilot_shadcn.CardContent,
-			className: classes?.content,
+			className: (0, __pixpilot_shadcn.cn)("form-object-container", classes?.content),
 			children
 		})]
 	});

package/dist/components/object-container.js

@@ -43,20 +43,19 @@ const ObjectContainer = ({ className, children, label, description,...rest }) =>
 	const { classes } = objectContainer || {};
 	return /* @__PURE__ */ jsxs(Card, {
 		...rest,
-		slot: "form-object-container",
-		className: cn("form-object-container", "bg-transparent", gapClass, cardPaddingClass, className, classes?.card),
+		className: cn("form-object-card", "bg-transparent", gapClass, cardPaddingClass, className, classes?.card),
 		children: [(effectiveLabel != null || desc != null) && /* @__PURE__ */ jsxs(CardHeader, {
-			className: cn(headerGapClass, classes?.header),
+			className: cn("form-object-header", headerGapClass, classes?.header),
 			children: [effectiveLabel != null && /* @__PURE__ */ jsx(CardTitle, {
-				className: classes?.title,
+				className: cn("form-object-title", classes?.title),
 				children: effectiveLabel
 			}), desc != null && /* @__PURE__ */ jsx(CardDescription, {
-				className: classes?.description,
+				className: cn("form-object-desc", classes?.description),
 				children: desc
 			})]
 		}), /* @__PURE__ */ jsx(FormItemContainer, {
 			as: CardContent,
-			className: classes?.content,
+			className: cn("form-object-container", 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/schema-field-basics.cjs

@@ -18,7 +18,8 @@ require('../array-dialog/index.cjs');
 const require_array_popover = require('../array-popover/array-popover.cjs');
 require('../array-popover/index.cjs');
 const require_hidden = require('../hidden.cjs');
-const require_number_input = require('../number-input.cjs');
+const require_number_input = require('../number/number-input.cjs');
+require('../number/index.cjs');
 const require_object_container = require('../object-container.cjs');
 const require_radio = require('../radio.cjs');
 const require_row = require('../row.cjs');