@pixpilot/formily-shadcn 0.8.4 → 0.9.1

package/README.md

@@ -70,13 +70,12 @@ function MyForm() {
 const schema = {
   type: 'void',
   'x-component': 'FormGrid',
-  'x-component-props': { maxColumns: 3 },
   properties: {
     field1: {
       type: 'string',
       title: 'Field 1 (Span 2)',
       'x-decorator': 'FormItem',
-      'x-decorator-props': { gridSpan: 2 },
+      'x-decorator-props': { className: 'col-span-2' },
       'x-component': 'Input',
     },
     field2: {
@@ -139,7 +138,6 @@ import {
 
 ### Field Components
 
-- `ArrayField` - Dynamic array fields
 - `SchemaField` - Renders forms from JSON Schema
 
 ## Schema Properties
@@ -150,7 +148,6 @@ import {
 - `x-decorator`: Wrapper component (typically 'FormItem')
 - `x-component-props`: Props passed to the component
 - `x-decorator-props`: Props passed to the decorator
-  - `gridSpan`: Number of grid columns to span in FormGrid
 
 ## API Reference
 
@@ -164,41 +161,3 @@ const form = createForm({
   effects: () => {},
 });
 ```
-
-### Form Props
-
-```tsx
-interface IFormProps {
-  form: IForm;
-  className?: string;
-  style?: React.CSSProperties;
-  children?: React.ReactNode;
-  onSubmit?: (values: any) => void;
-  onAutoSubmit?: (values: any) => void;
-}
-```
-
-### FormGrid Props
-
-```tsx
-interface IFormGridProps {
-  minColumns?: number | number[];
-  maxColumns?: number | number[];
-  columnGap?: number;
-  rowGap?: number;
-  className?: string;
-}
-```
-
-## Examples
-
-Check the `stories` directory for comprehensive examples:
-
-- Basic forms
-- Grid layouts
-- Array fields
-- All input types
-
-## License
-
-MIT

package/dist/components/array-base/components/addition.cjs

@@ -14,7 +14,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/components/array-base/components/addition.tsx
-const ArrayAddition = react.default.forwardRef((props, ref) => {
+function ArrayAddition({ ref,...props }) {
 	const { fullWidth = true } = props;
 	const self = (0, __formily_react.useField)();
 	const array = require_array_context.useArray();
@@ -44,7 +44,7 @@ const ArrayAddition = react.default.forwardRef((props, ref) => {
 		},
 		children: [props.icon !== void 0 ? props.icon : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.PlusIcon, { className: "mr-2 size-4" }), props.title ?? self.title ?? props.children ?? "Add Item"]
 	});
-});
+}
 ArrayAddition.displayName = "ArrayAddition";
 
 //#endregion

package/dist/components/array-base/components/addition.d.cts

@@ -1,8 +1,9 @@
 import React from "react";
-import { Button } from "@pixpilot/shadcn-ui";
+import { ButtonProps } from "@pixpilot/shadcn-ui";
+import "react/jsx-runtime";
 
 //#region src/components/array-base/components/addition.d.ts
-interface IArrayBaseAdditionProps extends React.ComponentProps<typeof Button> {
+interface IArrayBaseAdditionProps extends ButtonProps {
   title?: string;
   method?: 'push' | 'unshift';
   defaultValue?: any;

package/dist/components/array-base/components/addition.d.ts

@@ -1,8 +1,9 @@
 import React from "react";
-import { Button } from "@pixpilot/shadcn-ui";
+import { ButtonProps } from "@pixpilot/shadcn-ui";
+import "react/jsx-runtime";
 
 //#region src/components/array-base/components/addition.d.ts
-interface IArrayBaseAdditionProps extends React.ComponentProps<typeof Button> {
+interface IArrayBaseAdditionProps extends ButtonProps {
   title?: string;
   method?: 'push' | 'unshift';
   defaultValue?: any;

package/dist/components/array-base/components/addition.js

@@ -8,7 +8,7 @@ import { PlusIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/array-base/components/addition.tsx
-const ArrayAddition = React.forwardRef((props, ref) => {
+function ArrayAddition({ ref,...props }) {
 	const { fullWidth = true } = props;
 	const self = useField();
 	const array = useArray();
@@ -38,7 +38,7 @@ const ArrayAddition = React.forwardRef((props, ref) => {
 		},
 		children: [props.icon !== void 0 ? props.icon : /* @__PURE__ */ jsx(PlusIcon, { className: "mr-2 size-4" }), props.title ?? self.title ?? props.children ?? "Add Item"]
 	});
-});
+}
 ArrayAddition.displayName = "ArrayAddition";
 
 //#endregion

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

@@ -1,20 +1,17 @@
 const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
 const require_array_context = require('../array-context.cjs');
-let __formily_react = require("@formily/react");
-__formily_react = require_rolldown_runtime.__toESM(__formily_react);
+const require_use_label = require('../../../hooks/use-label.cjs');
+require('../../../hooks/index.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/components/array-base/components/array-item-label.tsx
 const ArrayItemLabel = () => {
 	const index = require_array_context.useIndex();
+	const label = require_use_label.useLabel();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 		className: "font-medium",
-		children: [
-			(0, __formily_react.useField)().title,
-			" ",
-			(index ?? 0) + 1
-		]
+		children: [label, typeof label === "string" ? ` ${(index ?? 0) + 1}` : ""]
 	});
 };
 

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

@@ -1,17 +1,15 @@
 import { useIndex } from "../array-context.js";
-import { useField } from "@formily/react";
+import { useLabel } from "../../../hooks/use-label.js";
+import "../../../hooks/index.js";
 import { jsxs } from "react/jsx-runtime";
 
 //#region src/components/array-base/components/array-item-label.tsx
 const ArrayItemLabel = () => {
 	const index = useIndex();
+	const label = useLabel();
 	return /* @__PURE__ */ jsxs("span", {
 		className: "font-medium",
-		children: [
-			useField().title,
-			" ",
-			(index ?? 0) + 1
-		]
+		children: [label, typeof label === "string" ? ` ${(index ?? 0) + 1}` : ""]
 	});
 };
 

package/dist/components/array-base/components/empty.cjs

@@ -5,7 +5,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/components/array-base/components/empty.tsx
-const ArrayEmpty = react.default.forwardRef((props, ref) => {
+function ArrayEmpty({ ref,...props }) {
 	const { title, children,...rest } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		ref,
@@ -13,7 +13,7 @@ const ArrayEmpty = react.default.forwardRef((props, ref) => {
 		...rest,
 		children: children ?? title ?? "No Data"
 	});
-});
+}
 
 //#endregion
 exports.ArrayEmpty = ArrayEmpty;

package/dist/components/array-base/components/empty.d.cts

@@ -0,0 +1,9 @@
+import React from "react";
+import "react/jsx-runtime";
+
+//#region src/components/array-base/components/empty.d.ts
+type ArrayEmptyProps = React.HTMLAttributes<HTMLDivElement> & {
+  title?: string;
+};
+//#endregion
+export { ArrayEmptyProps };

package/dist/components/array-base/components/empty.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import "react/jsx-runtime";
+
+//#region src/components/array-base/components/empty.d.ts
+type ArrayEmptyProps = React.HTMLAttributes<HTMLDivElement> & {
+  title?: string;
+};
+//#endregion
+export { ArrayEmptyProps };

package/dist/components/array-base/components/empty.js

@@ -2,7 +2,7 @@ import React from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/array-base/components/empty.tsx
-const ArrayEmpty = React.forwardRef((props, ref) => {
+function ArrayEmpty({ ref,...props }) {
 	const { title, children,...rest } = props;
 	return /* @__PURE__ */ jsx("div", {
 		ref,
@@ -10,7 +10,7 @@ const ArrayEmpty = React.forwardRef((props, ref) => {
 		...rest,
 		children: children ?? title ?? "No Data"
 	});
-});
+}
 
 //#endregion
 export { ArrayEmpty };

package/dist/components/array-base/components/get-array-components.cjs

@@ -60,7 +60,7 @@ const componentChecks = [
 	}
 ];
 function getArrayComponents(rootSchema) {
-	const schemaComponents = /* @__PURE__ */ new Map([]);
+	const schemaComponents = /* @__PURE__ */ new Map();
 	require_for_each_schema.forEachSchema(rootSchema, (schema, path) => {
 		if (path.length > 0 && schema.type === "array") return false;
 		componentChecks.forEach(({ type, check }) => {

package/dist/components/array-base/components/get-array-components.js

@@ -56,7 +56,7 @@ const componentChecks = [
 	}
 ];
 function getArrayComponents(rootSchema) {
-	const schemaComponents = /* @__PURE__ */ new Map([]);
+	const schemaComponents = /* @__PURE__ */ new Map();
 	forEachSchema(rootSchema, (schema, path) => {
 		if (path.length > 0 && schema.type === "array") return false;
 		componentChecks.forEach(({ type, check }) => {

package/dist/components/array-base/components/types.d.cts

@@ -1,4 +1,5 @@
 import { IArrayBaseAdditionProps } from "./addition.cjs";
+import { ArrayEmptyProps } from "./empty.cjs";
 import { IArrayBaseOperationProps } from "../types.cjs";
 import { Schema } from "@formily/react";
 
@@ -18,7 +19,7 @@ interface ArrayBaseComponents {
     index?: number;
   }>>;
   Index: React.FC;
-  Empty: React.FC;
+  Empty: React.FC<ArrayEmptyProps>;
   Copy: React.FC<React.PropsWithChildren<IArrayBaseOperationProps & {
     index?: number;
   }>>;

package/dist/components/array-base/components/types.d.ts

@@ -1,4 +1,5 @@
 import { IArrayBaseAdditionProps } from "./addition.js";
+import { ArrayEmptyProps } from "./empty.js";
 import { IArrayBaseOperationProps } from "../types.js";
 import { Schema } from "@formily/react";
 
@@ -18,7 +19,7 @@ interface ArrayBaseComponents {
     index?: number;
   }>>;
   Index: React.FC;
-  Empty: React.FC;
+  Empty: React.FC<ArrayEmptyProps>;
   Copy: React.FC<React.PropsWithChildren<IArrayBaseOperationProps & {
     index?: number;
   }>>;

package/dist/components/array-base/components/use-array-components-registry.cjs

@@ -27,26 +27,23 @@ function useArrayComponentRegistry(rootSchema, operations) {
 				if (!EmptyArray) return null;
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyArray, { ...props }) });
 			},
-			ItemIndex: (props) => {
+			ItemIndex: (_props) => {
 				const compInfo = schemaComponents.get("Index");
 				if (!compInfo) return null;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(compInfo.Component, { ...props }) });
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(compInfo.Component, {}) });
 			},
 			ArrayItemsContainer: (props) => {
 				const { className, schema, children, hasItems, basePath,...otherProps } = props;
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					...otherProps,
 					className: (0, __pixpilot_shadcn.cn)("space-y-3", className),
-					children: [!hasItems && EmptyArray && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyArray, {
-						basePath,
-						schema
-					}), children]
+					children: [!hasItems && EmptyArray && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyArray, {}), children]
 				});
 			},
-			ItemLabel: (props) => {
+			ItemLabel: (_props) => {
 				const compInfo = schemaComponents.get("Label");
 				if (!compInfo) return null;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(compInfo.Component, { ...props }) });
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(compInfo.Component, {}) });
 			}
 		};
 	}, [operations, rootSchema]);

package/dist/components/array-base/components/use-array-components-registry.d.cts

@@ -1,4 +1,5 @@
 import "./addition.cjs";
+import "./empty.cjs";
 import "./types.cjs";
 import { Schema } from "@formily/react";
 import React from "react";

package/dist/components/array-base/components/use-array-components-registry.d.ts

@@ -1,4 +1,5 @@
 import "./addition.js";
+import "./empty.js";
 import "./types.js";
 import { Schema } from "@formily/react";
 import React from "react";

package/dist/components/array-base/components/use-array-components-registry.js

@@ -23,26 +23,23 @@ function useArrayComponentRegistry(rootSchema, operations) {
 				if (!EmptyArray) return null;
 				return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(EmptyArray, { ...props }) });
 			},
-			ItemIndex: (props) => {
+			ItemIndex: (_props) => {
 				const compInfo = schemaComponents.get("Index");
 				if (!compInfo) return null;
-				return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(compInfo.Component, { ...props }) });
+				return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(compInfo.Component, {}) });
 			},
 			ArrayItemsContainer: (props) => {
 				const { className, schema, children, hasItems, basePath,...otherProps } = props;
 				return /* @__PURE__ */ jsxs("div", {
 					...otherProps,
 					className: cn("space-y-3", className),
-					children: [!hasItems && EmptyArray && /* @__PURE__ */ jsx(EmptyArray, {
-						basePath,
-						schema
-					}), children]
+					children: [!hasItems && EmptyArray && /* @__PURE__ */ jsx(EmptyArray, {}), children]
 				});
 			},
-			ItemLabel: (props) => {
+			ItemLabel: (_props) => {
 				const compInfo = schemaComponents.get("Label");
 				if (!compInfo) return null;
-				return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(compInfo.Component, { ...props }) });
+				return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(compInfo.Component, {}) });
 			}
 		};
 	}, [operations, rootSchema]);

package/dist/components/array-base/types.d.cts

@@ -1,6 +1,6 @@
 import { ArrayBaseComponents, ArrayOperationTypes } from "./components/types.cjs";
 import { IArrayBaseContext } from "./array-context.cjs";
-import { Button } from "@pixpilot/shadcn-ui";
+import { ButtonProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/array-base/types.d.ts
 interface ArrayBaseMixins extends ArrayBaseComponents {
@@ -17,7 +17,7 @@ interface IArrayBaseProps {
   onEdit?: (index: number) => void;
   onCopy?: (index: number) => void;
 }
-interface IArrayBaseOperationProps extends React.ComponentProps<typeof Button> {
+interface IArrayBaseOperationProps extends ButtonProps {
   title?: string;
   index?: number;
   icon?: React.ReactNode;

package/dist/components/array-base/types.d.ts

@@ -1,6 +1,6 @@
 import { ArrayBaseComponents, ArrayOperationTypes } from "./components/types.js";
 import { IArrayBaseContext } from "./array-context.js";
-import { Button } from "@pixpilot/shadcn-ui";
+import { ButtonProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/array-base/types.d.ts
 interface ArrayBaseMixins extends ArrayBaseComponents {
@@ -17,7 +17,7 @@ interface IArrayBaseProps {
   onEdit?: (index: number) => void;
   onCopy?: (index: number) => void;
 }
-interface IArrayBaseOperationProps extends React.ComponentProps<typeof Button> {
+interface IArrayBaseOperationProps extends ButtonProps {
   title?: string;
   index?: number;
   icon?: React.ReactNode;

package/dist/components/array-cards/array-cards.cjs

@@ -42,10 +42,7 @@ const ArrayCardsBase = (0, __formily_react.observer)((props) => {
 			basePath: fieldAddress,
 			schema,
 			hasItems: dataSource.length > 0,
-			children: [renderItems(), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AddButton, {
-				schema,
-				basePath: fieldAddress
-			})]
+			children: [renderItems(), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AddButton, { schema })]
 		})
 	});
 });

package/dist/components/array-cards/array-cards.js

@@ -38,10 +38,7 @@ const ArrayCardsBase = observer((props) => {
 			basePath: fieldAddress,
 			schema,
 			hasItems: dataSource.length > 0,
-			children: [renderItems(), /* @__PURE__ */ jsx(AddButton, {
-				schema,
-				basePath: fieldAddress
-			})]
+			children: [renderItems(), /* @__PURE__ */ jsx(AddButton, { schema })]
 		})
 	});
 });

package/dist/components/array-cards/item.cjs

@@ -3,7 +3,6 @@ const require_array_base = require('../array-base/array-base.cjs');
 const require_is_array_component = require('../array-base/utils/is-array-component.cjs');
 const require_component_context = require('../array-base/component-context.cjs');
 require('../array-base/index.cjs');
-const require_title = require('../array-base/components/title.cjs');
 let __formily_react = require("@formily/react");
 __formily_react = require_rolldown_runtime.__toESM(__formily_react);
 let react = require("react");
@@ -12,7 +11,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/components/array-cards/item.tsx
-const ArrayItem = react.default.memo(({ index, title, record }) => {
+const ArrayItem = react.default.memo(({ index, record }) => {
 	const field = (0, __formily_react.useField)();
 	const schema = (0, __formily_react.useFieldSchema)();
 	const Components = require_component_context.useArrayComponents();
@@ -27,17 +26,11 @@ const ArrayItem = react.default.memo(({ index, title, record }) => {
 				className: "flex",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "flex-1",
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Components.ItemLabel, {
-							basePath: fieldAddress,
-							index,
-							schema: schema.items
-						}),
-						" ",
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_title.ArrayTitle, { title: title ?? field.title })
-					]
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Components.ItemLabel, {
+						index,
+						schema: schema.items
+					}), " "]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Components.OperationComponents, {
-					basePath: fieldAddress,
 					index,
 					schema: schema.items
 				}) })]

package/dist/components/array-cards/item.js

@@ -2,13 +2,12 @@ import { ArrayBase } from "../array-base/array-base.js";
 import { isOperationComponent } from "../array-base/utils/is-array-component.js";
 import { useArrayComponents } from "../array-base/component-context.js";
 import "../array-base/index.js";
-import { ArrayTitle } from "../array-base/components/title.js";
 import { RecursionField, useField, useFieldSchema } from "@formily/react";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/array-cards/item.tsx
-const ArrayItem = React.memo(({ index, title, record }) => {
+const ArrayItem = React.memo(({ index, record }) => {
 	const field = useField();
 	const schema = useFieldSchema();
 	const Components = useArrayComponents();
@@ -23,17 +22,11 @@ const ArrayItem = React.memo(({ index, title, record }) => {
 				className: "flex",
 				children: [/* @__PURE__ */ jsxs("div", {
 					className: "flex-1",
-					children: [
-						/* @__PURE__ */ jsx(Components.ItemLabel, {
-							basePath: fieldAddress,
-							index,
-							schema: schema.items
-						}),
-						" ",
-						/* @__PURE__ */ jsx(ArrayTitle, { title: title ?? field.title })
-					]
+					children: [/* @__PURE__ */ jsx(Components.ItemLabel, {
+						index,
+						schema: schema.items
+					}), " "]
 				}), /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Components.OperationComponents, {
-					basePath: fieldAddress,
 					index,
 					schema: schema.items
 				}) })]

package/dist/components/array-collapse/array-collapse.cjs

@@ -75,10 +75,7 @@ const ArrayItemsCollapseBase = (0, __formily_react.observer)((props) => {
 			basePath: fieldAddress,
 			schema,
 			hasItems: dataSource.length > 0,
-			children: [renderItems(), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AddButton, {
-				schema,
-				basePath: fieldAddress
-			})]
+			children: [renderItems(), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AddButton, { schema })]
 		})
 	});
 });

package/dist/components/array-collapse/array-collapse.js

@@ -71,10 +71,7 @@ const ArrayItemsCollapseBase = observer((props) => {
 			basePath: fieldAddress,
 			schema,
 			hasItems: dataSource.length > 0,
-			children: [renderItems(), /* @__PURE__ */ jsx(AddButton, {
-				schema,
-				basePath: fieldAddress
-			})]
+			children: [renderItems(), /* @__PURE__ */ jsx(AddButton, { schema })]
 		})
 	});
 });

package/dist/components/array-collapse/item.cjs

@@ -31,7 +31,6 @@ const ArrayCollapseItem = react.default.memo((props) => {
 		itemId,
 		formCollapse
 	]);
-	const fieldAddress = field.address.concat(index).toString();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_array_base.ArrayBase.Item, {
 		index,
 		record: () => field.value?.[index],
@@ -53,15 +52,13 @@ const ArrayCollapseItem = react.default.memo((props) => {
 						className: "text-foreground flex items-center gap-2 font-medium",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDownIcon, { className: (0, __pixpilot_shadcn.cn)("size-4 shrink-0 transition-transform duration-200", isOpen && "rotate-180") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemLabel, {
 							schema,
-							index,
-							basePath: fieldAddress
+							index
 						})]
 					})
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "flex items-center gap-1",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OperationComponents, {
 						schema,
-						basePath: fieldAddress,
 						index
 					})
 				})]

package/dist/components/array-collapse/item.js

@@ -25,7 +25,6 @@ const ArrayCollapseItem = React.memo((props) => {
 		itemId,
 		formCollapse
 	]);
-	const fieldAddress = field.address.concat(index).toString();
 	return /* @__PURE__ */ jsx(ArrayBase.Item, {
 		index,
 		record: () => field.value?.[index],
@@ -47,15 +46,13 @@ const ArrayCollapseItem = React.memo((props) => {
 						className: "text-foreground flex items-center gap-2 font-medium",
 						children: [/* @__PURE__ */ jsx(ChevronDownIcon, { className: cn("size-4 shrink-0 transition-transform duration-200", isOpen && "rotate-180") }), /* @__PURE__ */ jsx(ItemLabel, {
 							schema,
-							index,
-							basePath: fieldAddress
+							index
 						})]
 					})
 				}), /* @__PURE__ */ jsx("div", {
 					className: "flex items-center gap-1",
 					children: /* @__PURE__ */ jsx(OperationComponents, {
 						schema,
-						basePath: fieldAddress,
 						index
 					})
 				})]

package/dist/components/array-common/list-item.cjs

@@ -19,9 +19,7 @@ __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 */
 const ListItem = react.default.memo(({ itemKey, index, record, isNew }) => {
 	const schema = (0, __formily_react.useFieldSchema)();
-	const field = (0, __formily_react.useField)();
 	const { OperationComponents, ItemLabel } = require_component_context.useArrayComponents();
-	const fieldAddress = field.address.toString();
 	const isNewItem = isNew;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_array_base.ArrayBase.Item, {
 		index,
@@ -33,14 +31,12 @@ const ListItem = react.default.memo(({ itemKey, index, record, isNew }) => {
 				className: "text-foreground flex-1 font-medium",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemLabel, {
 					schema,
-					basePath: fieldAddress,
 					index
 				})
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "flex items-center gap-1",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OperationComponents, {
 					schema,
-					basePath: fieldAddress,
 					index
 				})
 			})]

package/dist/components/array-common/list-item.js

@@ -2,7 +2,7 @@ import { ArrayBase } from "../array-base/array-base.js";
 import { useArrayComponents } from "../array-base/component-context.js";
 import "../array-base/index.js";
 import { ItemWrapper } from "./item-wrapper.js";
-import { useField, useFieldSchema } from "@formily/react";
+import { useFieldSchema } from "@formily/react";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@pixpilot/shadcn";
@@ -14,9 +14,7 @@ import { cn } from "@pixpilot/shadcn";
 */
 const ListItem = React.memo(({ itemKey, index, record, isNew }) => {
 	const schema = useFieldSchema();
-	const field = useField();
 	const { OperationComponents, ItemLabel } = useArrayComponents();
-	const fieldAddress = field.address.toString();
 	const isNewItem = isNew;
 	return /* @__PURE__ */ jsx(ArrayBase.Item, {
 		index,
@@ -28,14 +26,12 @@ const ListItem = React.memo(({ itemKey, index, record, isNew }) => {
 				className: "text-foreground flex-1 font-medium",
 				children: /* @__PURE__ */ jsx(ItemLabel, {
 					schema,
-					basePath: fieldAddress,
 					index
 				})
 			}), /* @__PURE__ */ jsx("div", {
 				className: "flex items-center gap-1",
 				children: /* @__PURE__ */ jsx(OperationComponents, {
 					schema,
-					basePath: fieldAddress,
 					index
 				})
 			})]