@pixpilot/formily-shadcn 0.8.0 → 0.8.2

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

@@ -1 +1,56 @@
-const e=require(`../../../_virtual/rolldown_runtime.cjs`),t=require(`../utils/filter-and-sort-components.cjs`),n=require(`./get-array-components.cjs`);let r=require(`react`);r=e.__toESM(r);let i=require(`react/jsx-runtime`);i=e.__toESM(i);let a=require(`@pixpilot/shadcn`);a=e.__toESM(a);function o(e,o){return r.default.useMemo(()=>{let s=n.getArrayComponents(e),c=t.filterAndSortComponents(s,o),l=s.get(`Empty`)?.Component,u=s.get(`Addition`)?.Component;return{OperationComponents:r.default.memo(e=>(0,i.jsx)(i.Fragment,{children:c.map(([t,{Component:n}])=>(0,i.jsx)(r.default.Fragment,{children:(0,i.jsx)(n,{...e})},t))})),AddButton:e=>u?(0,i.jsx)(u,{...e}):null,EmptyArray:e=>l?(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(l,{...e})}):null,ItemIndex:e=>{let t=s.get(`Index`);return t?(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(t.Component,{...e})}):null},ArrayItemsContainer:e=>{let{className:t,schema:n,children:r,hasItems:o,basePath:s,...c}=e;return(0,i.jsxs)(`div`,{...c,className:(0,a.cn)(`space-y-3`,t),children:[!o&&l&&(0,i.jsx)(l,{basePath:s,schema:n}),r]})},ItemLabel:e=>{let t=s.get(`Label`);return t?(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(t.Component,{...e})}):null}}},[o,e])}exports.useArrayComponentRegistry=o;
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_filter_and_sort_components = require('../utils/filter-and-sort-components.cjs');
+const require_get_array_components = require('./get-array-components.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_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+
+//#region src/components/array-base/components/use-array-components-registry.tsx
+function useArrayComponentRegistry(rootSchema, operations) {
+	return react.default.useMemo(() => {
+		const schemaComponents = require_get_array_components.getArrayComponents(rootSchema);
+		const componentToRender = require_filter_and_sort_components.filterAndSortComponents(schemaComponents, operations);
+		const EmptyArray = schemaComponents.get("Empty")?.Component;
+		const AddButton = schemaComponents.get("Addition")?.Component;
+		return {
+			OperationComponents: react.default.memo((props) => {
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: componentToRender.map(([key, { Component }]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.default.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, { ...props }) }, key)) });
+			}),
+			AddButton: (props) => {
+				if (!AddButton) return null;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AddButton, { ...props });
+			},
+			EmptyArray: (props) => {
+				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) => {
+				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 }) });
+			},
+			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]
+				});
+			},
+			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 }) });
+			}
+		};
+	}, [operations, rootSchema]);
+}
+
+//#endregion
+exports.useArrayComponentRegistry = useArrayComponentRegistry;

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

@@ -1 +1,52 @@
-import{filterAndSortComponents as e}from"../utils/filter-and-sort-components.js";import{getArrayComponents as t}from"./get-array-components.js";import n from"react";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{cn as o}from"@pixpilot/shadcn";function s(s,c){return n.useMemo(()=>{let l=t(s),u=e(l,c),d=l.get(`Empty`)?.Component,f=l.get(`Addition`)?.Component;return{OperationComponents:n.memo(e=>i(r,{children:u.map(([t,{Component:r}])=>i(n.Fragment,{children:i(r,{...e})},t))})),AddButton:e=>f?i(f,{...e}):null,EmptyArray:e=>d?i(r,{children:i(d,{...e})}):null,ItemIndex:e=>{let t=l.get(`Index`);return t?i(r,{children:i(t.Component,{...e})}):null},ArrayItemsContainer:e=>{let{className:t,schema:n,children:r,hasItems:s,basePath:c,...l}=e;return a(`div`,{...l,className:o(`space-y-3`,t),children:[!s&&d&&i(d,{basePath:c,schema:n}),r]})},ItemLabel:e=>{let t=l.get(`Label`);return t?i(r,{children:i(t.Component,{...e})}):null}}},[c,s])}export{s as useArrayComponentRegistry};
+import { filterAndSortComponents } from "../utils/filter-and-sort-components.js";
+import { getArrayComponents } from "./get-array-components.js";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@pixpilot/shadcn";
+
+//#region src/components/array-base/components/use-array-components-registry.tsx
+function useArrayComponentRegistry(rootSchema, operations) {
+	return React.useMemo(() => {
+		const schemaComponents = getArrayComponents(rootSchema);
+		const componentToRender = filterAndSortComponents(schemaComponents, operations);
+		const EmptyArray = schemaComponents.get("Empty")?.Component;
+		const AddButton = schemaComponents.get("Addition")?.Component;
+		return {
+			OperationComponents: React.memo((props) => {
+				return /* @__PURE__ */ jsx(Fragment, { children: componentToRender.map(([key, { Component }]) => /* @__PURE__ */ jsx(React.Fragment, { children: /* @__PURE__ */ jsx(Component, { ...props }) }, key)) });
+			}),
+			AddButton: (props) => {
+				if (!AddButton) return null;
+				return /* @__PURE__ */ jsx(AddButton, { ...props });
+			},
+			EmptyArray: (props) => {
+				if (!EmptyArray) return null;
+				return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(EmptyArray, { ...props }) });
+			},
+			ItemIndex: (props) => {
+				const compInfo = schemaComponents.get("Index");
+				if (!compInfo) return null;
+				return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(compInfo.Component, { ...props }) });
+			},
+			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]
+				});
+			},
+			ItemLabel: (props) => {
+				const compInfo = schemaComponents.get("Label");
+				if (!compInfo) return null;
+				return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(compInfo.Component, { ...props }) });
+			}
+		};
+	}, [operations, rootSchema]);
+}
+
+//#endregion
+export { useArrayComponentRegistry };

package/dist/components/array-base/constants/index.cjs

@@ -1 +1,17 @@
-const e=[`MoveDown`,`MoveUp`,`Remove`],t=[`MoveDown`,`MoveUp`,`Edit`,`Remove`];exports.DEFAULT_EDITABLE_OPERATIONS=t,exports.DEFAULT_OPERATIONS=e;
+
+//#region src/components/array-base/constants/index.ts
+const DEFAULT_OPERATIONS = [
+	"MoveDown",
+	"MoveUp",
+	"Remove"
+];
+const DEFAULT_EDITABLE_OPERATIONS = [
+	"MoveDown",
+	"MoveUp",
+	"Edit",
+	"Remove"
+];
+
+//#endregion
+exports.DEFAULT_EDITABLE_OPERATIONS = DEFAULT_EDITABLE_OPERATIONS;
+exports.DEFAULT_OPERATIONS = DEFAULT_OPERATIONS;

package/dist/components/array-base/constants/index.js

@@ -1 +1,15 @@
-const e=[`MoveDown`,`MoveUp`,`Remove`],t=[`MoveDown`,`MoveUp`,`Edit`,`Remove`];export{t as DEFAULT_EDITABLE_OPERATIONS,e as DEFAULT_OPERATIONS};
+//#region src/components/array-base/constants/index.ts
+const DEFAULT_OPERATIONS = [
+	"MoveDown",
+	"MoveUp",
+	"Remove"
+];
+const DEFAULT_EDITABLE_OPERATIONS = [
+	"MoveDown",
+	"MoveUp",
+	"Edit",
+	"Remove"
+];
+
+//#endregion
+export { DEFAULT_EDITABLE_OPERATIONS, DEFAULT_OPERATIONS };

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

@@ -1 +1,2 @@
-const e=require(`./array-base.cjs`),t=require(`./component-context.cjs`);
+const require_array_base = require('./array-base.cjs');
+const require_component_context = require('./component-context.cjs');

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

@@ -1 +1,2 @@
-import{ArrayBase as e}from"./array-base.js";import{ArrayComponentProvider as t,Provider as n,useArrayComponents as r}from"./component-context.js";
+import { ArrayBase } from "./array-base.js";
+import { ArrayComponentProvider, Provider, useArrayComponents } from "./component-context.js";

package/dist/components/array-base/utils/filter-and-sort-components.cjs

@@ -1 +1,34 @@
-const e=require(`../components/components.cjs`);function t(t,n){let r=Array.from(t.entries()).filter(([t,r])=>t in e.defaultOperationComponents?Array.isArray(n)&&n.includes(t)||r.isUserField===!0:!1);return Array.isArray(n)?r.sort(([e],[t])=>{let r=n.indexOf(e),i=n.indexOf(t),a=r!==-1,o=i!==-1;return a&&o?r-i:a?-1:o?1:0}):r}exports.filterAndSortComponents=t;
+const require_components = require('../components/components.cjs');
+
+//#region src/components/array-base/utils/filter-and-sort-components.ts
+/**
+* Filters and sorts array components based on the operations array.
+* - Filters components that are in defaultOperations and either in the operations array or are user fields
+* - Sorts components according to the order specified in the operations array
+* - User fields come after explicitly ordered operations
+*
+* @param schemaComponents - Map of component keys to component info
+* @param operations - Array of operations to include, or false/undefined for all user fields
+* @returns Sorted array of [key, component info] tuples
+*/
+function filterAndSortComponents(schemaComponents, operations) {
+	const filtered = Array.from(schemaComponents.entries()).filter(([key, info]) => {
+		if (!(key in require_components.defaultOperationComponents)) return false;
+		if (Array.isArray(operations)) return operations.includes(key) || info.isUserField === true;
+		return info.isUserField === true;
+	});
+	if (!Array.isArray(operations)) return filtered;
+	return filtered.sort(([keyA], [keyB]) => {
+		const indexA = operations.indexOf(keyA);
+		const indexB = operations.indexOf(keyB);
+		const aIsOrdered = indexA !== -1;
+		const bIsOrdered = indexB !== -1;
+		if (aIsOrdered && bIsOrdered) return indexA - indexB;
+		if (aIsOrdered) return -1;
+		if (bIsOrdered) return 1;
+		return 0;
+	});
+}
+
+//#endregion
+exports.filterAndSortComponents = filterAndSortComponents;

package/dist/components/array-base/utils/filter-and-sort-components.js

@@ -1 +1,34 @@
-import{defaultOperationComponents as e}from"../components/components.js";function t(t,n){let r=Array.from(t.entries()).filter(([t,r])=>t in e?Array.isArray(n)&&n.includes(t)||r.isUserField===!0:!1);return Array.isArray(n)?r.sort(([e],[t])=>{let r=n.indexOf(e),i=n.indexOf(t),a=r!==-1,o=i!==-1;return a&&o?r-i:a?-1:o?1:0}):r}export{t as filterAndSortComponents};
+import { defaultOperationComponents } from "../components/components.js";
+
+//#region src/components/array-base/utils/filter-and-sort-components.ts
+/**
+* Filters and sorts array components based on the operations array.
+* - Filters components that are in defaultOperations and either in the operations array or are user fields
+* - Sorts components according to the order specified in the operations array
+* - User fields come after explicitly ordered operations
+*
+* @param schemaComponents - Map of component keys to component info
+* @param operations - Array of operations to include, or false/undefined for all user fields
+* @returns Sorted array of [key, component info] tuples
+*/
+function filterAndSortComponents(schemaComponents, operations) {
+	const filtered = Array.from(schemaComponents.entries()).filter(([key, info]) => {
+		if (!(key in defaultOperationComponents)) return false;
+		if (Array.isArray(operations)) return operations.includes(key) || info.isUserField === true;
+		return info.isUserField === true;
+	});
+	if (!Array.isArray(operations)) return filtered;
+	return filtered.sort(([keyA], [keyB]) => {
+		const indexA = operations.indexOf(keyA);
+		const indexB = operations.indexOf(keyB);
+		const aIsOrdered = indexA !== -1;
+		const bIsOrdered = indexB !== -1;
+		if (aIsOrdered && bIsOrdered) return indexA - indexB;
+		if (aIsOrdered) return -1;
+		if (bIsOrdered) return 1;
+		return 0;
+	});
+}
+
+//#endregion
+export { filterAndSortComponents };

package/dist/components/array-base/utils/is-array-component.cjs

@@ -1 +1,65 @@
-function e(e,t){let n=e[`x-component`];return n==null||typeof n!=`string`?!1:!!n.endsWith(t)}function t(t){return e(t,`.Addition`)}function n(t){return e(t,`.Index`)}function r(t){return e(t,`.Remove`)}function i(t){return e(t,`.MoveUp`)}function a(t){return e(t,`.MoveDown`)}function o(t){return e(t,`.Empty`)}function s(t){return e(t,`.Copy`)}function c(t){return e(t,`.Label`)}function l(e){return t(e)||r(e)||a(e)||i(e)||s(e)||n(e)}exports.isAdditionComponent=t,exports.isCopyComponent=s,exports.isEmptyComponent=o,exports.isIndexComponent=n,exports.isLabelComponent=c,exports.isMoveDownComponent=a,exports.isMoveUpComponent=i,exports.isOperationComponent=l,exports.isRemoveComponent=r;
+
+//#region src/components/array-base/utils/is-array-component.ts
+function isComponent(schema, compName) {
+	const comp = schema["x-component"];
+	if (comp == null) return false;
+	if (typeof comp !== "string") return false;
+	if (comp.endsWith(compName)) return true;
+	return false;
+}
+/**
+* Check if schema represents an Addition component
+*/
+function isAdditionComponent(schema) {
+	return isComponent(schema, ".Addition");
+}
+/**
+* Check if schema represents an Index component
+*/
+function isIndexComponent(schema) {
+	return isComponent(schema, ".Index");
+}
+/**
+* Check if schema represents a Remove component
+*/
+function isRemoveComponent(schema) {
+	return isComponent(schema, ".Remove");
+}
+/**
+* Check if schema represents a MoveUp component
+*/
+function isMoveUpComponent(schema) {
+	return isComponent(schema, ".MoveUp");
+}
+/**
+* Check if schema represents a MoveDown component
+*/
+function isMoveDownComponent(schema) {
+	return isComponent(schema, ".MoveDown");
+}
+function isEmptyComponent(schema) {
+	return isComponent(schema, ".Empty");
+}
+function isCopyComponent(schema) {
+	return isComponent(schema, ".Copy");
+}
+function isLabelComponent(schema) {
+	return isComponent(schema, ".Label");
+}
+/**
+* Check if schema represents any operation component (Addition, Remove, MoveUp, MoveDown)
+*/
+function isOperationComponent(schema) {
+	return isAdditionComponent(schema) || isRemoveComponent(schema) || isMoveDownComponent(schema) || isMoveUpComponent(schema) || isCopyComponent(schema) || isIndexComponent(schema);
+}
+
+//#endregion
+exports.isAdditionComponent = isAdditionComponent;
+exports.isCopyComponent = isCopyComponent;
+exports.isEmptyComponent = isEmptyComponent;
+exports.isIndexComponent = isIndexComponent;
+exports.isLabelComponent = isLabelComponent;
+exports.isMoveDownComponent = isMoveDownComponent;
+exports.isMoveUpComponent = isMoveUpComponent;
+exports.isOperationComponent = isOperationComponent;
+exports.isRemoveComponent = isRemoveComponent;

package/dist/components/array-base/utils/is-array-component.js

@@ -1 +1,56 @@
-function e(e,t){let n=e[`x-component`];return n==null||typeof n!=`string`?!1:!!n.endsWith(t)}function t(t){return e(t,`.Addition`)}function n(t){return e(t,`.Index`)}function r(t){return e(t,`.Remove`)}function i(t){return e(t,`.MoveUp`)}function a(t){return e(t,`.MoveDown`)}function o(t){return e(t,`.Empty`)}function s(t){return e(t,`.Copy`)}function c(t){return e(t,`.Label`)}function l(e){return t(e)||r(e)||a(e)||i(e)||s(e)||n(e)}export{t as isAdditionComponent,s as isCopyComponent,o as isEmptyComponent,n as isIndexComponent,c as isLabelComponent,a as isMoveDownComponent,i as isMoveUpComponent,l as isOperationComponent,r as isRemoveComponent};
+//#region src/components/array-base/utils/is-array-component.ts
+function isComponent(schema, compName) {
+	const comp = schema["x-component"];
+	if (comp == null) return false;
+	if (typeof comp !== "string") return false;
+	if (comp.endsWith(compName)) return true;
+	return false;
+}
+/**
+* Check if schema represents an Addition component
+*/
+function isAdditionComponent(schema) {
+	return isComponent(schema, ".Addition");
+}
+/**
+* Check if schema represents an Index component
+*/
+function isIndexComponent(schema) {
+	return isComponent(schema, ".Index");
+}
+/**
+* Check if schema represents a Remove component
+*/
+function isRemoveComponent(schema) {
+	return isComponent(schema, ".Remove");
+}
+/**
+* Check if schema represents a MoveUp component
+*/
+function isMoveUpComponent(schema) {
+	return isComponent(schema, ".MoveUp");
+}
+/**
+* Check if schema represents a MoveDown component
+*/
+function isMoveDownComponent(schema) {
+	return isComponent(schema, ".MoveDown");
+}
+function isEmptyComponent(schema) {
+	return isComponent(schema, ".Empty");
+}
+function isCopyComponent(schema) {
+	return isComponent(schema, ".Copy");
+}
+function isLabelComponent(schema) {
+	return isComponent(schema, ".Label");
+}
+/**
+* Check if schema represents any operation component (Addition, Remove, MoveUp, MoveDown)
+*/
+function isOperationComponent(schema) {
+	return isAdditionComponent(schema) || isRemoveComponent(schema) || isMoveDownComponent(schema) || isMoveUpComponent(schema) || isCopyComponent(schema) || isIndexComponent(schema);
+}
+
+//#endregion
+export { isAdditionComponent, isCopyComponent, isEmptyComponent, isIndexComponent, isLabelComponent, isMoveDownComponent, isMoveUpComponent, isOperationComponent, isRemoveComponent };

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

@@ -1 +1,64 @@
-const e=require(`../../_virtual/rolldown_runtime.cjs`),t=require(`../../utils/get-array-item-info.cjs`);require(`../../utils/index.cjs`);const n=require(`../array-base/array-base.cjs`),r=require(`../array-base/component-context.cjs`);require(`../array-base/index.cjs`);const i=require(`../array-base/constants/index.cjs`),a=require(`./item.cjs`);let o=require(`@formily/react`);o=e.__toESM(o);let s=require(`react`);s=e.__toESM(s);let c=require(`react/jsx-runtime`);c=e.__toESM(c);const l=(0,o.observer)(e=>{let i=(0,o.useField)(),s=(0,o.useFieldSchema)(),{onAdd:l,onCopy:u,onRemove:d,onMoveDown:f,onMoveUp:p,className:m,title:h,children:g,operations:_,...v}=e,y=Array.isArray(i.value)?i.value:[],{ArrayItemsContainer:b,AddButton:x}=r.useArrayComponents(),S=()=>y.map((e,n)=>{let{itemKey:r,record:o}=t.getArrayItemInfo(i,n);return(0,c.jsx)(a.default,{index:n,title:h,record:o},r)}),C=i.address.toString();return(0,c.jsx)(n.ArrayBase,{onAdd:l,onCopy:u,onRemove:d,onMoveUp:p,onMoveDown:f,children:(0,c.jsxs)(b,{...v,basePath:C,schema:s,hasItems:y.length>0,children:[S(),(0,c.jsx)(x,{schema:s,basePath:C})]})})});function u(e){let{operations:t=i.DEFAULT_OPERATIONS}=e;return(0,c.jsx)(r.ArrayComponentProvider,{allowedOperationsComponentNames:t,children:(0,c.jsx)(l,{...e})})}u.displayName=`ArrayCards`;const d=u;n.ArrayBase.mixin(d),exports.ArrayCards=d;
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_get_array_item_info = require('../../utils/get-array-item-info.cjs');
+require('../../utils/index.cjs');
+const require_array_base = require('../array-base/array-base.cjs');
+const require_component_context = require('../array-base/component-context.cjs');
+require('../array-base/index.cjs');
+const require_index$2 = require('../array-base/constants/index.cjs');
+const require_item = require('./item.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);
+
+//#region src/components/array-cards/array-cards.tsx
+const ArrayCardsBase = (0, __formily_react.observer)((props) => {
+	const field = (0, __formily_react.useField)();
+	const schema = (0, __formily_react.useFieldSchema)();
+	const { onAdd, onCopy, onRemove, onMoveDown, onMoveUp, className, title: titleProp, children, operations,...otherProps } = props;
+	const dataSource = Array.isArray(field.value) ? field.value : [];
+	const { ArrayItemsContainer, AddButton } = require_component_context.useArrayComponents();
+	const renderItems = () => {
+		return dataSource.map((_item, index) => {
+			const { itemKey, record } = require_get_array_item_info.getArrayItemInfo(field, index);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_item.default, {
+				index,
+				title: titleProp,
+				record
+			}, itemKey);
+		});
+	};
+	const fieldAddress = field.address.toString();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_array_base.ArrayBase, {
+		onAdd,
+		onCopy,
+		onRemove,
+		onMoveUp,
+		onMoveDown,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ArrayItemsContainer, {
+			...otherProps,
+			basePath: fieldAddress,
+			schema,
+			hasItems: dataSource.length > 0,
+			children: [renderItems(), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AddButton, {
+				schema,
+				basePath: fieldAddress
+			})]
+		})
+	});
+});
+function ArrayCardsComponent(props) {
+	const { operations: allowDefaultOperations = require_index$2.DEFAULT_OPERATIONS } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_component_context.ArrayComponentProvider, {
+		allowedOperationsComponentNames: allowDefaultOperations,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrayCardsBase, { ...props })
+	});
+}
+ArrayCardsComponent.displayName = "ArrayCards";
+const ArrayCards = ArrayCardsComponent;
+require_array_base.ArrayBase.mixin(ArrayCards);
+
+//#endregion
+exports.ArrayCards = ArrayCards;

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

@@ -1 +1,60 @@
-import{getArrayItemInfo as e}from"../../utils/get-array-item-info.js";import"../../utils/index.js";import{ArrayBase as t}from"../array-base/array-base.js";import{ArrayComponentProvider as n,useArrayComponents as r}from"../array-base/component-context.js";import"../array-base/index.js";import{DEFAULT_OPERATIONS as i}from"../array-base/constants/index.js";import a from"./item.js";import{observer as o,useField as s,useFieldSchema as c}from"@formily/react";import l from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";const f=o(n=>{let i=s(),o=c(),{onAdd:l,onCopy:f,onRemove:p,onMoveDown:m,onMoveUp:h,className:g,title:_,children:v,operations:y,...b}=n,x=Array.isArray(i.value)?i.value:[],{ArrayItemsContainer:S,AddButton:C}=r(),w=()=>x.map((t,n)=>{let{itemKey:r,record:o}=e(i,n);return u(a,{index:n,title:_,record:o},r)}),T=i.address.toString();return u(t,{onAdd:l,onCopy:f,onRemove:p,onMoveUp:h,onMoveDown:m,children:d(S,{...b,basePath:T,schema:o,hasItems:x.length>0,children:[w(),u(C,{schema:o,basePath:T})]})})});function p(e){let{operations:t=i}=e;return u(n,{allowedOperationsComponentNames:t,children:u(f,{...e})})}p.displayName=`ArrayCards`;const m=p;t.mixin(m);export{m as ArrayCards};
+import { getArrayItemInfo } from "../../utils/get-array-item-info.js";
+import "../../utils/index.js";
+import { ArrayBase } from "../array-base/array-base.js";
+import { ArrayComponentProvider, useArrayComponents } from "../array-base/component-context.js";
+import "../array-base/index.js";
+import { DEFAULT_OPERATIONS } from "../array-base/constants/index.js";
+import item_default from "./item.js";
+import { observer, useField, useFieldSchema } from "@formily/react";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/array-cards/array-cards.tsx
+const ArrayCardsBase = observer((props) => {
+	const field = useField();
+	const schema = useFieldSchema();
+	const { onAdd, onCopy, onRemove, onMoveDown, onMoveUp, className, title: titleProp, children, operations,...otherProps } = props;
+	const dataSource = Array.isArray(field.value) ? field.value : [];
+	const { ArrayItemsContainer, AddButton } = useArrayComponents();
+	const renderItems = () => {
+		return dataSource.map((_item, index) => {
+			const { itemKey, record } = getArrayItemInfo(field, index);
+			return /* @__PURE__ */ jsx(item_default, {
+				index,
+				title: titleProp,
+				record
+			}, itemKey);
+		});
+	};
+	const fieldAddress = field.address.toString();
+	return /* @__PURE__ */ jsx(ArrayBase, {
+		onAdd,
+		onCopy,
+		onRemove,
+		onMoveUp,
+		onMoveDown,
+		children: /* @__PURE__ */ jsxs(ArrayItemsContainer, {
+			...otherProps,
+			basePath: fieldAddress,
+			schema,
+			hasItems: dataSource.length > 0,
+			children: [renderItems(), /* @__PURE__ */ jsx(AddButton, {
+				schema,
+				basePath: fieldAddress
+			})]
+		})
+	});
+});
+function ArrayCardsComponent(props) {
+	const { operations: allowDefaultOperations = DEFAULT_OPERATIONS } = props;
+	return /* @__PURE__ */ jsx(ArrayComponentProvider, {
+		allowedOperationsComponentNames: allowDefaultOperations,
+		children: /* @__PURE__ */ jsx(ArrayCardsBase, { ...props })
+	});
+}
+ArrayCardsComponent.displayName = "ArrayCards";
+const ArrayCards = ArrayCardsComponent;
+ArrayBase.mixin(ArrayCards);
+
+//#endregion
+export { ArrayCards };

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

@@ -1 +1 @@
-const e=require(`./array-cards.cjs`);
+const require_array_cards = require('./array-cards.cjs');

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

@@ -1 +1 @@
-import{ArrayCards as e}from"./array-cards.js";
+import { ArrayCards } from "./array-cards.js";

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

@@ -1 +1,64 @@
-const e=require(`../../_virtual/rolldown_runtime.cjs`),t=require(`../array-base/array-base.cjs`),n=require(`../array-base/utils/is-array-component.cjs`),r=require(`../array-base/component-context.cjs`);require(`../array-base/index.cjs`);const i=require(`../array-base/components/title.cjs`);let a=require(`@formily/react`);a=e.__toESM(a);let o=require(`react`);o=e.__toESM(o);let s=require(`react/jsx-runtime`);s=e.__toESM(s);const c=o.default.memo(({index:e,title:o,record:c})=>{let l=(0,a.useField)(),u=(0,a.useFieldSchema)(),d=r.useArrayComponents(),f=u?.items,p=l.address.concat(e).toString();return(0,s.jsx)(t.ArrayBase.Item,{index:e,record:c??{},children:(0,s.jsxs)(`div`,{className:` border rounded-lg p-4 space-y-2`,children:[(0,s.jsxs)(`div`,{className:`flex`,children:[(0,s.jsxs)(`div`,{className:`flex-1`,children:[(0,s.jsx)(d.ItemLabel,{basePath:p,index:e,schema:u.items}),` `,(0,s.jsx)(i.ArrayTitle,{title:o??l.title})]}),(0,s.jsx)(`div`,{children:(0,s.jsx)(d.OperationComponents,{basePath:p,index:e,schema:u.items})})]}),(0,s.jsx)(`div`,{className:`space-y-4`,children:(0,s.jsx)(a.RecursionField,{basePath:p,schema:f,name:e,filterProperties:e=>!n.isOperationComponent(e),onlyRenderProperties:!0})})]})})});c.displayName=`ArrayItemContent`;var l=c;exports.default=l;
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+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");
+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/array-cards/item.tsx
+const ArrayItem = react.default.memo(({ index, title, record }) => {
+	const field = (0, __formily_react.useField)();
+	const schema = (0, __formily_react.useFieldSchema)();
+	const Components = require_component_context.useArrayComponents();
+	const items = schema?.items;
+	const fieldAddress = field.address.concat(index).toString();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_array_base.ArrayBase.Item, {
+		index,
+		record: record ?? {},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: " border rounded-lg p-4 space-y-2",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				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 })
+					]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Components.OperationComponents, {
+					basePath: fieldAddress,
+					index,
+					schema: schema.items
+				}) })]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "space-y-4",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.RecursionField, {
+					basePath: fieldAddress,
+					schema: items,
+					name: index,
+					filterProperties: (s) => {
+						if (require_is_array_component.isOperationComponent(s)) return false;
+						return true;
+					},
+					onlyRenderProperties: true
+				})
+			})]
+		})
+	});
+});
+ArrayItem.displayName = "ArrayItemContent";
+var item_default = ArrayItem;
+
+//#endregion
+exports.default = item_default;

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

@@ -1 +1,60 @@
-import{ArrayBase as e}from"../array-base/array-base.js";import{isOperationComponent as t}from"../array-base/utils/is-array-component.js";import{useArrayComponents as n}from"../array-base/component-context.js";import"../array-base/index.js";import{ArrayTitle as r}from"../array-base/components/title.js";import{RecursionField as i,useField as a,useFieldSchema as o}from"@formily/react";import s from"react";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=s.memo(({index:s,title:u,record:d})=>{let f=a(),p=o(),m=n(),h=p?.items,g=f.address.concat(s).toString();return c(e.Item,{index:s,record:d??{},children:l(`div`,{className:` border rounded-lg p-4 space-y-2`,children:[l(`div`,{className:`flex`,children:[l(`div`,{className:`flex-1`,children:[c(m.ItemLabel,{basePath:g,index:s,schema:p.items}),` `,c(r,{title:u??f.title})]}),c(`div`,{children:c(m.OperationComponents,{basePath:g,index:s,schema:p.items})})]}),c(`div`,{className:`space-y-4`,children:c(i,{basePath:g,schema:h,name:s,filterProperties:e=>!t(e),onlyRenderProperties:!0})})]})})});u.displayName=`ArrayItemContent`;var d=u;export{d as default};
+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 field = useField();
+	const schema = useFieldSchema();
+	const Components = useArrayComponents();
+	const items = schema?.items;
+	const fieldAddress = field.address.concat(index).toString();
+	return /* @__PURE__ */ jsx(ArrayBase.Item, {
+		index,
+		record: record ?? {},
+		children: /* @__PURE__ */ jsxs("div", {
+			className: " border rounded-lg p-4 space-y-2",
+			children: [/* @__PURE__ */ jsxs("div", {
+				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 })
+					]
+				}), /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Components.OperationComponents, {
+					basePath: fieldAddress,
+					index,
+					schema: schema.items
+				}) })]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "space-y-4",
+				children: /* @__PURE__ */ jsx(RecursionField, {
+					basePath: fieldAddress,
+					schema: items,
+					name: index,
+					filterProperties: (s) => {
+						if (isOperationComponent(s)) return false;
+						return true;
+					},
+					onlyRenderProperties: true
+				})
+			})]
+		})
+	});
+});
+ArrayItem.displayName = "ArrayItemContent";
+var item_default = ArrayItem;
+
+//#endregion
+export { item_default as default };