@pixpilot/formily-shadcn 0.8.0 → 0.8.1

package/dist/_virtual/rolldown_runtime.cjs

@@ -1 +1,25 @@
-var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));exports.__toESM=s;
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+
+exports.__toESM = __toESM;

package/dist/_virtual/rolldown_runtime.js

@@ -1 +1,24 @@
-Object.create,Object.defineProperty,Object.getOwnPropertyDescriptor,Object.getOwnPropertyNames,Object.getPrototypeOf,Object.prototype.hasOwnProperty;
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+//#endregion

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

@@ -1 +1,59 @@
-const e=require(`../../_virtual/rolldown_runtime.cjs`),t=require(`./array-context.cjs`),n=require(`./components/components.cjs`);let r=require(`@formily/react`);r=e.__toESM(r);let i=require(`react`);i=e.__toESM(i);let a=require(`react/jsx-runtime`);a=e.__toESM(a);const o=e=>{let n=(0,r.useField)(),o=(0,r.useFieldSchema)();return(0,a.jsx)(t.ArrayBaseContext,{value:i.default.useMemo(()=>({field:n,schema:o,props:e}),[n,o,e]),children:e.children})};o.Item=i.default.memo(({children:e,...n})=>(0,a.jsx)(t.ItemContext,{value:n,children:e})),o.Index=n.arrayComponentMap.Index,o.Empty=n.arrayComponentMap.Empty,o.Addition=n.arrayComponentMap.Addition,o.Remove=n.arrayComponentMap.Remove,o.MoveDown=n.arrayComponentMap.MoveDown,o.MoveUp=n.arrayComponentMap.MoveUp,o.Edit=n.arrayComponentMap.Edit,o.Copy=n.arrayComponentMap.Copy,o.Label=n.arrayComponentMap.Label,o.useArray=t.useArray,o.useIndex=t.useIndex,o.useRecord=t.useRecord,o.Edit.displayName=`ArrayBaseEdit`,o.mixin=e=>{let t=e;return Object.entries(n.arrayComponentMap).forEach(([e])=>{t[e]=o[e]}),t.useArray=o.useArray,t.useIndex=o.useIndex,t.useRecord=o.useRecord,t},exports.ArrayBase=o;
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_array_context = require('./array-context.cjs');
+const require_components = require('./components/components.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-base/array-base.tsx
+const ArrayBase = (props) => {
+	const field = (0, __formily_react.useField)();
+	const schema = (0, __formily_react.useFieldSchema)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_array_context.ArrayBaseContext, {
+		value: react.default.useMemo(() => ({
+			field,
+			schema,
+			props
+		}), [
+			field,
+			schema,
+			props
+		]),
+		children: props.children
+	});
+};
+ArrayBase.Item = react.default.memo(({ children,...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_array_context.ItemContext, {
+		value: props,
+		children
+	});
+});
+ArrayBase.Index = require_components.arrayComponentMap.Index;
+ArrayBase.Empty = require_components.arrayComponentMap.Empty;
+ArrayBase.Addition = require_components.arrayComponentMap.Addition;
+ArrayBase.Remove = require_components.arrayComponentMap.Remove;
+ArrayBase.MoveDown = require_components.arrayComponentMap.MoveDown;
+ArrayBase.MoveUp = require_components.arrayComponentMap.MoveUp;
+ArrayBase.Edit = require_components.arrayComponentMap.Edit;
+ArrayBase.Copy = require_components.arrayComponentMap.Copy;
+ArrayBase.Label = require_components.arrayComponentMap.Label;
+ArrayBase.useArray = require_array_context.useArray;
+ArrayBase.useIndex = require_array_context.useIndex;
+ArrayBase.useRecord = require_array_context.useRecord;
+ArrayBase.Edit.displayName = "ArrayBaseEdit";
+ArrayBase.mixin = (target) => {
+	const mixed = target;
+	Object.entries(require_components.arrayComponentMap).forEach(([key]) => {
+		mixed[key] = ArrayBase[key];
+	});
+	mixed.useArray = ArrayBase.useArray;
+	mixed.useIndex = ArrayBase.useIndex;
+	mixed.useRecord = ArrayBase.useRecord;
+	return mixed;
+};
+
+//#endregion
+exports.ArrayBase = ArrayBase;

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

@@ -1 +1,55 @@
-import{ArrayBaseContext as e,ItemContext as t,useArray as n,useIndex as r,useRecord as i}from"./array-context.js";import{arrayComponentMap as a}from"./components/components.js";import{useField as o,useFieldSchema as s}from"@formily/react";import c from"react";import{jsx as l}from"react/jsx-runtime";const u=t=>{let n=o(),r=s();return l(e,{value:c.useMemo(()=>({field:n,schema:r,props:t}),[n,r,t]),children:t.children})};u.Item=c.memo(({children:e,...n})=>l(t,{value:n,children:e})),u.Index=a.Index,u.Empty=a.Empty,u.Addition=a.Addition,u.Remove=a.Remove,u.MoveDown=a.MoveDown,u.MoveUp=a.MoveUp,u.Edit=a.Edit,u.Copy=a.Copy,u.Label=a.Label,u.useArray=n,u.useIndex=r,u.useRecord=i,u.Edit.displayName=`ArrayBaseEdit`,u.mixin=e=>{let t=e;return Object.entries(a).forEach(([e])=>{t[e]=u[e]}),t.useArray=u.useArray,t.useIndex=u.useIndex,t.useRecord=u.useRecord,t};export{u as ArrayBase};
+import { ArrayBaseContext, ItemContext, useArray, useIndex, useRecord } from "./array-context.js";
+import { arrayComponentMap } from "./components/components.js";
+import { useField, useFieldSchema } from "@formily/react";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/array-base/array-base.tsx
+const ArrayBase = (props) => {
+	const field = useField();
+	const schema = useFieldSchema();
+	return /* @__PURE__ */ jsx(ArrayBaseContext, {
+		value: React.useMemo(() => ({
+			field,
+			schema,
+			props
+		}), [
+			field,
+			schema,
+			props
+		]),
+		children: props.children
+	});
+};
+ArrayBase.Item = React.memo(({ children,...props }) => {
+	return /* @__PURE__ */ jsx(ItemContext, {
+		value: props,
+		children
+	});
+});
+ArrayBase.Index = arrayComponentMap.Index;
+ArrayBase.Empty = arrayComponentMap.Empty;
+ArrayBase.Addition = arrayComponentMap.Addition;
+ArrayBase.Remove = arrayComponentMap.Remove;
+ArrayBase.MoveDown = arrayComponentMap.MoveDown;
+ArrayBase.MoveUp = arrayComponentMap.MoveUp;
+ArrayBase.Edit = arrayComponentMap.Edit;
+ArrayBase.Copy = arrayComponentMap.Copy;
+ArrayBase.Label = arrayComponentMap.Label;
+ArrayBase.useArray = useArray;
+ArrayBase.useIndex = useIndex;
+ArrayBase.useRecord = useRecord;
+ArrayBase.Edit.displayName = "ArrayBaseEdit";
+ArrayBase.mixin = (target) => {
+	const mixed = target;
+	Object.entries(arrayComponentMap).forEach(([key]) => {
+		mixed[key] = ArrayBase[key];
+	});
+	mixed.useArray = ArrayBase.useArray;
+	mixed.useIndex = ArrayBase.useIndex;
+	mixed.useRecord = ArrayBase.useRecord;
+	return mixed;
+};
+
+//#endregion
+export { ArrayBase };

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

@@ -1 +1,28 @@
-const e=require(`../../_virtual/rolldown_runtime.cjs`);let t=require(`react`);t=e.__toESM(t);const n=(0,t.createContext)(null),r=(0,t.createContext)(null);function i(e,t){return typeof e==`function`?e(t):e}function a(){return(0,t.use)(n)}function o(e){let n=(0,t.use)(r);return n?n.index:e}function s(e){let n=(0,t.use)(r);return i(n?n.record:e,n?.index)}exports.ArrayBaseContext=n,exports.ItemContext=r,exports.useArray=a,exports.useIndex=o,exports.useRecord=s;
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/components/array-base/array-context.ts
+const ArrayBaseContext = (0, react.createContext)(null);
+const ItemContext = (0, react.createContext)(null);
+function takeRecord(val, index) {
+	return typeof val === "function" ? val(index) : val;
+}
+function useArray() {
+	return (0, react.use)(ArrayBaseContext);
+}
+function useIndex(index) {
+	const ctx = (0, react.use)(ItemContext);
+	return ctx ? ctx.index : index;
+}
+function useRecord(record) {
+	const ctx = (0, react.use)(ItemContext);
+	return takeRecord(ctx ? ctx.record : record, ctx?.index);
+}
+
+//#endregion
+exports.ArrayBaseContext = ArrayBaseContext;
+exports.ItemContext = ItemContext;
+exports.useArray = useArray;
+exports.useIndex = useIndex;
+exports.useRecord = useRecord;

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

@@ -1 +1,22 @@
-import{createContext as e,use as t}from"react";const n=e(null),r=e(null);function i(e,t){return typeof e==`function`?e(t):e}function a(){return t(n)}function o(e){let n=t(r);return n?n.index:e}function s(e){let n=t(r);return i(n?n.record:e,n?.index)}export{n as ArrayBaseContext,r as ItemContext,a as useArray,o as useIndex,s as useRecord};
+import { createContext, use } from "react";
+
+//#region src/components/array-base/array-context.ts
+const ArrayBaseContext = createContext(null);
+const ItemContext = createContext(null);
+function takeRecord(val, index) {
+	return typeof val === "function" ? val(index) : val;
+}
+function useArray() {
+	return use(ArrayBaseContext);
+}
+function useIndex(index) {
+	const ctx = use(ItemContext);
+	return ctx ? ctx.index : index;
+}
+function useRecord(record) {
+	const ctx = use(ItemContext);
+	return takeRecord(ctx ? ctx.record : record, ctx?.index);
+}
+
+//#endregion
+export { ArrayBaseContext, ItemContext, useArray, useIndex, useRecord };

package/dist/components/array-base/component-context.cjs

@@ -1 +1,28 @@
-const e=require(`../../_virtual/rolldown_runtime.cjs`),t=require(`./components/use-array-components-registry.cjs`);let n=require(`@formily/react`);n=e.__toESM(n);let r=require(`react`);r=e.__toESM(r);let i=require(`react/jsx-runtime`);i=e.__toESM(i);const a=r.default.createContext({}),{Provider:o,Consumer:s}=a;function c(){return r.default.use(a)}const l=e=>{let{allowedOperationsComponentNames:r,children:a}=e;return(0,i.jsx)(o,{value:t.useArrayComponentRegistry((0,n.useFieldSchema)(),r),children:a})};l.displayName=`ArrayComponentProvider`,exports.ArrayComponentProvider=l,exports.Provider=o,exports.useArrayComponents=c;
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_use_array_components_registry = require('./components/use-array-components-registry.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-base/component-context.tsx
+const arrayComponentContext = react.default.createContext({});
+const { Provider, Consumer } = arrayComponentContext;
+function useArrayComponents() {
+	return react.default.use(arrayComponentContext);
+}
+const ArrayComponentProvider = (props) => {
+	const { allowedOperationsComponentNames, children } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Provider, {
+		value: require_use_array_components_registry.useArrayComponentRegistry((0, __formily_react.useFieldSchema)(), allowedOperationsComponentNames),
+		children
+	});
+};
+ArrayComponentProvider.displayName = "ArrayComponentProvider";
+
+//#endregion
+exports.ArrayComponentProvider = ArrayComponentProvider;
+exports.Provider = Provider;
+exports.useArrayComponents = useArrayComponents;

package/dist/components/array-base/component-context.js

@@ -1 +1,22 @@
-import{useArrayComponentRegistry as e}from"./components/use-array-components-registry.js";import{useFieldSchema as t}from"@formily/react";import n from"react";import{jsx as r}from"react/jsx-runtime";const i=n.createContext({}),{Provider:a,Consumer:o}=i;function s(){return n.use(i)}const c=n=>{let{allowedOperationsComponentNames:i,children:o}=n;return r(a,{value:e(t(),i),children:o})};c.displayName=`ArrayComponentProvider`;export{c as ArrayComponentProvider,a as Provider,s as useArrayComponents};
+import { useArrayComponentRegistry } from "./components/use-array-components-registry.js";
+import { useFieldSchema } from "@formily/react";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/array-base/component-context.tsx
+const arrayComponentContext = React.createContext({});
+const { Provider, Consumer } = arrayComponentContext;
+function useArrayComponents() {
+	return React.use(arrayComponentContext);
+}
+const ArrayComponentProvider = (props) => {
+	const { allowedOperationsComponentNames, children } = props;
+	return /* @__PURE__ */ jsx(Provider, {
+		value: useArrayComponentRegistry(useFieldSchema(), allowedOperationsComponentNames),
+		children
+	});
+};
+ArrayComponentProvider.displayName = "ArrayComponentProvider";
+
+//#endregion
+export { ArrayComponentProvider, Provider, useArrayComponents };

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

@@ -1 +1,51 @@
-const e=require(`../../../_virtual/rolldown_runtime.cjs`),t=require(`../array-context.cjs`),n=require(`../../../utils/get-default-value.cjs`);require(`../../../utils/index.cjs`);let r=require(`@formily/react`);r=e.__toESM(r);let i=require(`react`);i=e.__toESM(i);let a=require(`@pixpilot/shadcn-ui`);a=e.__toESM(a);let o=require(`lucide-react`);o=e.__toESM(o);let s=require(`react/jsx-runtime`);s=e.__toESM(s);const c=i.default.forwardRef((e,i)=>{let{fullWidth:c=!0}=e,l=(0,r.useField)(),u=t.useArray();return!u||u.field?.pattern!==`editable`&&u.field?.pattern!==`disabled`?null:(0,s.jsxs)(a.Button,{type:`button`,variant:c?`ghost`:`outline`,...e,disabled:l?.disabled||u.props?.disabled,className:(0,a.cn)(e.className,{"w-full border border-dashed border-muted":c}),ref:i,onClick:t=>{if(u.props?.disabled||e.onClick&&(e.onClick(t),t.defaultPrevented))return;let r=n.getDefaultValue(e.defaultValue,u.schema);e.method===`unshift`?(u.field?.unshift?.(r).catch(console.error),u.props?.onAdd?.(0)):(u.field?.push?.(r).catch(console.error),u.props?.onAdd?.((u?.field?.value?.length??1)-1))},children:[e.icon===void 0?(0,s.jsx)(o.PlusIcon,{className:`mr-2 size-4`}):e.icon,e.title??l.title??e.children??`Add Item`]})});c.displayName=`ArrayAddition`,exports.ArrayAddition=c;
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_array_context = require('../array-context.cjs');
+const require_get_default_value = require('../../../utils/get-default-value.cjs');
+require('../../../utils/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 __pixpilot_shadcn_ui = require("@pixpilot/shadcn-ui");
+__pixpilot_shadcn_ui = require_rolldown_runtime.__toESM(__pixpilot_shadcn_ui);
+let lucide_react = require("lucide-react");
+lucide_react = require_rolldown_runtime.__toESM(lucide_react);
+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) => {
+	const { fullWidth = true } = props;
+	const self = (0, __formily_react.useField)();
+	const array = require_array_context.useArray();
+	if (!array) return null;
+	if (array.field?.pattern !== "editable" && array.field?.pattern !== "disabled") return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn_ui.Button, {
+		type: "button",
+		variant: fullWidth ? "ghost" : "outline",
+		...props,
+		disabled: self?.disabled || array.props?.disabled,
+		className: (0, __pixpilot_shadcn_ui.cn)(props.className, { "w-full border border-dashed border-muted": fullWidth }),
+		ref,
+		onClick: (e) => {
+			if (array.props?.disabled) return;
+			if (props.onClick) {
+				props.onClick(e);
+				if (e.defaultPrevented) return;
+			}
+			const defaultValue = require_get_default_value.getDefaultValue(props.defaultValue, array.schema);
+			if (props.method === "unshift") {
+				array.field?.unshift?.(defaultValue).catch(console.error);
+				array.props?.onAdd?.(0);
+			} else {
+				array.field?.push?.(defaultValue).catch(console.error);
+				array.props?.onAdd?.((array?.field?.value?.length ?? 1) - 1);
+			}
+		},
+		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
+exports.ArrayAddition = ArrayAddition;

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

@@ -1 +1,45 @@
-import{useArray as e}from"../array-context.js";import{getDefaultValue as t}from"../../../utils/get-default-value.js";import"../../../utils/index.js";import{useField as n}from"@formily/react";import r from"react";import{Button as i,cn as a}from"@pixpilot/shadcn-ui";import{PlusIcon as o}from"lucide-react";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=r.forwardRef((r,l)=>{let{fullWidth:u=!0}=r,d=n(),f=e();return!f||f.field?.pattern!==`editable`&&f.field?.pattern!==`disabled`?null:c(i,{type:`button`,variant:u?`ghost`:`outline`,...r,disabled:d?.disabled||f.props?.disabled,className:a(r.className,{"w-full border border-dashed border-muted":u}),ref:l,onClick:e=>{if(f.props?.disabled||r.onClick&&(r.onClick(e),e.defaultPrevented))return;let n=t(r.defaultValue,f.schema);r.method===`unshift`?(f.field?.unshift?.(n).catch(console.error),f.props?.onAdd?.(0)):(f.field?.push?.(n).catch(console.error),f.props?.onAdd?.((f?.field?.value?.length??1)-1))},children:[r.icon===void 0?s(o,{className:`mr-2 size-4`}):r.icon,r.title??d.title??r.children??`Add Item`]})});l.displayName=`ArrayAddition`;export{l as ArrayAddition};
+import { useArray } from "../array-context.js";
+import { getDefaultValue } from "../../../utils/get-default-value.js";
+import "../../../utils/index.js";
+import { useField } from "@formily/react";
+import React from "react";
+import { Button, cn } from "@pixpilot/shadcn-ui";
+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) => {
+	const { fullWidth = true } = props;
+	const self = useField();
+	const array = useArray();
+	if (!array) return null;
+	if (array.field?.pattern !== "editable" && array.field?.pattern !== "disabled") return null;
+	return /* @__PURE__ */ jsxs(Button, {
+		type: "button",
+		variant: fullWidth ? "ghost" : "outline",
+		...props,
+		disabled: self?.disabled || array.props?.disabled,
+		className: cn(props.className, { "w-full border border-dashed border-muted": fullWidth }),
+		ref,
+		onClick: (e) => {
+			if (array.props?.disabled) return;
+			if (props.onClick) {
+				props.onClick(e);
+				if (e.defaultPrevented) return;
+			}
+			const defaultValue = getDefaultValue(props.defaultValue, array.schema);
+			if (props.method === "unshift") {
+				array.field?.unshift?.(defaultValue).catch(console.error);
+				array.props?.onAdd?.(0);
+			} else {
+				array.field?.push?.(defaultValue).catch(console.error);
+				array.props?.onAdd?.((array?.field?.value?.length ?? 1) - 1);
+			}
+		},
+		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
+export { ArrayAddition };

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

@@ -1 +1,49 @@
-const e=require(`../../../_virtual/rolldown_runtime.cjs`),t=require(`../array-context.cjs`);let n=require(`@formily/react`);n=e.__toESM(n);let r=require(`react`);r=e.__toESM(r);let i=require(`@pixpilot/shadcn-ui`);i=e.__toESM(i);let a=require(`lucide-react`);a=e.__toESM(a);let o=require(`react/jsx-runtime`);o=e.__toESM(o);let s=require(`@formily/shared`);s=e.__toESM(s);const c=r.default.forwardRef((e,r)=>{let c=(0,n.useField)(),l=t.useArray(),u=t.useIndex(e.index);return!l||l.field?.pattern!==`editable`?null:(0,o.jsx)(i.Button,{type:`button`,variant:`ghost`,size:`icon`,...e,disabled:c?.disabled||l.props?.disabled,ref:r,onClick:t=>{if(c?.disabled||(t.stopPropagation(),l.props?.disabled)||e.onClick&&(e.onClick(t),t.defaultPrevented)||u===void 0)return;let n=(0,s.clone)(l?.field?.value[u]),r=u+1;l.field?.insert?.(r,n),l.props?.onCopy?.(r)},children:e.icon===void 0?(0,o.jsx)(a.CopyIcon,{className:`size-4`}):e.icon})});exports.ArrayCopy=c;
+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);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __pixpilot_shadcn_ui = require("@pixpilot/shadcn-ui");
+__pixpilot_shadcn_ui = require_rolldown_runtime.__toESM(__pixpilot_shadcn_ui);
+let lucide_react = require("lucide-react");
+lucide_react = require_rolldown_runtime.__toESM(lucide_react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+let __formily_shared = require("@formily/shared");
+__formily_shared = require_rolldown_runtime.__toESM(__formily_shared);
+
+//#region src/components/array-base/components/array-copy.tsx
+const ArrayCopy = react.default.forwardRef((props, ref) => {
+	const self = (0, __formily_react.useField)();
+	const array = require_array_context.useArray();
+	const index = require_array_context.useIndex(props.index);
+	if (!array) return null;
+	if (array.field?.pattern !== "editable") return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.Button, {
+		type: "button",
+		variant: "ghost",
+		size: "icon",
+		...props,
+		disabled: self?.disabled || array.props?.disabled,
+		ref,
+		onClick: (e) => {
+			if (self?.disabled) return;
+			e.stopPropagation();
+			if (array.props?.disabled) return;
+			if (props.onClick) {
+				props.onClick(e);
+				if (e.defaultPrevented) return;
+			}
+			if (index === void 0) return;
+			const value = (0, __formily_shared.clone)(array?.field?.value[index]);
+			const distIndex = index + 1;
+			array.field?.insert?.(distIndex, value);
+			array.props?.onCopy?.(distIndex);
+		},
+		children: props.icon !== void 0 ? props.icon : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CopyIcon, { className: "size-4" })
+	});
+});
+
+//#endregion
+exports.ArrayCopy = ArrayCopy;

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

@@ -1 +1,42 @@
-import{useArray as e,useIndex as t}from"../array-context.js";import{useField as n}from"@formily/react";import r from"react";import{Button as i}from"@pixpilot/shadcn-ui";import{CopyIcon as a}from"lucide-react";import{jsx as o}from"react/jsx-runtime";import{clone as s}from"@formily/shared";const c=r.forwardRef((r,c)=>{let l=n(),u=e(),d=t(r.index);return!u||u.field?.pattern!==`editable`?null:o(i,{type:`button`,variant:`ghost`,size:`icon`,...r,disabled:l?.disabled||u.props?.disabled,ref:c,onClick:e=>{if(l?.disabled||(e.stopPropagation(),u.props?.disabled)||r.onClick&&(r.onClick(e),e.defaultPrevented)||d===void 0)return;let t=s(u?.field?.value[d]),n=d+1;u.field?.insert?.(n,t),u.props?.onCopy?.(n)},children:r.icon===void 0?o(a,{className:`size-4`}):r.icon})});export{c as ArrayCopy};
+import { useArray, useIndex } from "../array-context.js";
+import { useField } from "@formily/react";
+import React from "react";
+import { Button } from "@pixpilot/shadcn-ui";
+import { CopyIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+import { clone } from "@formily/shared";
+
+//#region src/components/array-base/components/array-copy.tsx
+const ArrayCopy = React.forwardRef((props, ref) => {
+	const self = useField();
+	const array = useArray();
+	const index = useIndex(props.index);
+	if (!array) return null;
+	if (array.field?.pattern !== "editable") return null;
+	return /* @__PURE__ */ jsx(Button, {
+		type: "button",
+		variant: "ghost",
+		size: "icon",
+		...props,
+		disabled: self?.disabled || array.props?.disabled,
+		ref,
+		onClick: (e) => {
+			if (self?.disabled) return;
+			e.stopPropagation();
+			if (array.props?.disabled) return;
+			if (props.onClick) {
+				props.onClick(e);
+				if (e.defaultPrevented) return;
+			}
+			if (index === void 0) return;
+			const value = clone(array?.field?.value[index]);
+			const distIndex = index + 1;
+			array.field?.insert?.(distIndex, value);
+			array.props?.onCopy?.(distIndex);
+		},
+		children: props.icon !== void 0 ? props.icon : /* @__PURE__ */ jsx(CopyIcon, { className: "size-4" })
+	});
+});
+
+//#endregion
+export { ArrayCopy };

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

@@ -1 +1,15 @@
-const e=require(`../../../_virtual/rolldown_runtime.cjs`),t=require(`../array-context.cjs`);let n=require(`react/jsx-runtime`);n=e.__toESM(n);const r=()=>(0,n.jsxs)(`span`,{className:`font-medium`,children:[`Item `,(t.useIndex()??0)+1]});exports.ArrayIndex=r;
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_array_context = require('../array-context.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-index.tsx
+const ArrayIndex = () => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		className: "font-medium",
+		children: ["Item ", (require_array_context.useIndex() ?? 0) + 1]
+	});
+};
+
+//#endregion
+exports.ArrayIndex = ArrayIndex;

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

@@ -1 +1,13 @@
-import{useIndex as e}from"../array-context.js";import{jsxs as t}from"react/jsx-runtime";const n=()=>t(`span`,{className:`font-medium`,children:[`Item `,(e()??0)+1]});export{n as ArrayIndex};
+import { useIndex } from "../array-context.js";
+import { jsxs } from "react/jsx-runtime";
+
+//#region src/components/array-base/components/array-index.tsx
+const ArrayIndex = () => {
+	return /* @__PURE__ */ jsxs("span", {
+		className: "font-medium",
+		children: ["Item ", (useIndex() ?? 0) + 1]
+	});
+};
+
+//#endregion
+export { ArrayIndex };

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

@@ -1 +1,22 @@
-const e=require(`../../../_virtual/rolldown_runtime.cjs`),t=require(`../array-context.cjs`);let n=require(`@formily/react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);r=e.__toESM(r);const i=()=>{let e=t.useIndex();return(0,r.jsxs)(`span`,{className:`font-medium`,children:[(0,n.useField)().title,` `,(e??0)+1]})};exports.ArrayItemLabel=i;
+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);
+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();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		className: "font-medium",
+		children: [
+			(0, __formily_react.useField)().title,
+			" ",
+			(index ?? 0) + 1
+		]
+	});
+};
+
+//#endregion
+exports.ArrayItemLabel = ArrayItemLabel;

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

@@ -1 +1,19 @@
-import{useIndex as e}from"../array-context.js";import{useField as t}from"@formily/react";import{jsxs as n}from"react/jsx-runtime";const r=()=>{let r=e();return n(`span`,{className:`font-medium`,children:[t().title,` `,(r??0)+1]})};export{r as ArrayItemLabel};
+import { useIndex } from "../array-context.js";
+import { useField } from "@formily/react";
+import { jsxs } from "react/jsx-runtime";
+
+//#region src/components/array-base/components/array-item-label.tsx
+const ArrayItemLabel = () => {
+	const index = useIndex();
+	return /* @__PURE__ */ jsxs("span", {
+		className: "font-medium",
+		children: [
+			useField().title,
+			" ",
+			(index ?? 0) + 1
+		]
+	});
+};
+
+//#endregion
+export { ArrayItemLabel };

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

@@ -1 +1,30 @@
-const e=require(`./addition.cjs`),t=require(`./array-copy.cjs`),n=require(`./array-index.cjs`),r=require(`./array-item-label.cjs`),i=require(`./edit.cjs`),a=require(`./empty.cjs`),o=require(`./move-down.cjs`),s=require(`./move-up.cjs`),c=require(`./remove.cjs`),l={Remove:c.ArrayRemove,Edit:i.ArrayEditButton,Copy:t.ArrayCopy,MoveDown:o.ArrayMoveDown,MoveUp:s.ArrayMoveUp,Label:r.ArrayItemLabel},u={...l,Addition:e.ArrayAddition,Empty:a.ArrayEmpty,Index:n.ArrayIndex,Label:r.ArrayItemLabel};exports.arrayComponentMap=u,exports.defaultOperationComponents=l;
+const require_addition = require('./addition.cjs');
+const require_array_copy = require('./array-copy.cjs');
+const require_array_index = require('./array-index.cjs');
+const require_array_item_label = require('./array-item-label.cjs');
+const require_edit = require('./edit.cjs');
+const require_empty = require('./empty.cjs');
+const require_move_down = require('./move-down.cjs');
+const require_move_up = require('./move-up.cjs');
+const require_remove = require('./remove.cjs');
+
+//#region src/components/array-base/components/components.ts
+const defaultOperationComponents = {
+	Remove: require_remove.ArrayRemove,
+	Edit: require_edit.ArrayEditButton,
+	Copy: require_array_copy.ArrayCopy,
+	MoveDown: require_move_down.ArrayMoveDown,
+	MoveUp: require_move_up.ArrayMoveUp,
+	Label: require_array_item_label.ArrayItemLabel
+};
+const arrayComponentMap = {
+	...defaultOperationComponents,
+	Addition: require_addition.ArrayAddition,
+	Empty: require_empty.ArrayEmpty,
+	Index: require_array_index.ArrayIndex,
+	Label: require_array_item_label.ArrayItemLabel
+};
+
+//#endregion
+exports.arrayComponentMap = arrayComponentMap;
+exports.defaultOperationComponents = defaultOperationComponents;

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

@@ -1 +1,29 @@
-import{ArrayAddition as e}from"./addition.js";import{ArrayCopy as t}from"./array-copy.js";import{ArrayIndex as n}from"./array-index.js";import{ArrayItemLabel as r}from"./array-item-label.js";import{ArrayEditButton as i}from"./edit.js";import{ArrayEmpty as a}from"./empty.js";import{ArrayMoveDown as o}from"./move-down.js";import{ArrayMoveUp as s}from"./move-up.js";import{ArrayRemove as c}from"./remove.js";const l={Remove:c,Edit:i,Copy:t,MoveDown:o,MoveUp:s,Label:r},u={...l,Addition:e,Empty:a,Index:n,Label:r};export{u as arrayComponentMap,l as defaultOperationComponents};
+import { ArrayAddition } from "./addition.js";
+import { ArrayCopy } from "./array-copy.js";
+import { ArrayIndex } from "./array-index.js";
+import { ArrayItemLabel } from "./array-item-label.js";
+import { ArrayEditButton } from "./edit.js";
+import { ArrayEmpty } from "./empty.js";
+import { ArrayMoveDown } from "./move-down.js";
+import { ArrayMoveUp } from "./move-up.js";
+import { ArrayRemove } from "./remove.js";
+
+//#region src/components/array-base/components/components.ts
+const defaultOperationComponents = {
+	Remove: ArrayRemove,
+	Edit: ArrayEditButton,
+	Copy: ArrayCopy,
+	MoveDown: ArrayMoveDown,
+	MoveUp: ArrayMoveUp,
+	Label: ArrayItemLabel
+};
+const arrayComponentMap = {
+	...defaultOperationComponents,
+	Addition: ArrayAddition,
+	Empty: ArrayEmpty,
+	Index: ArrayIndex,
+	Label: ArrayItemLabel
+};
+
+//#endregion
+export { arrayComponentMap, defaultOperationComponents };