@pixpilot/formily-shadcn 0.8.0 → 0.8.2

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

@@ -1 +1,42 @@
-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);const s=r.default.forwardRef((e,r)=>{let s=t.useIndex(e.index),c=(0,n.useField)(),l=t.useArray();return l?(0,o.jsx)(i.Button,{type:`button`,variant:`ghost`,size:`icon`,...e,disabled:c?.disabled||l.props?.disabled,ref:r,onClick:t=>{c?.disabled||l.props?.disabled||(t.stopPropagation(),!(e.onClick&&(e.onClick(t),t.defaultPrevented))&&s!==void 0&&l.props?.onEdit?.(s))},children:e.icon===void 0?(0,o.jsx)(a.EditIcon,{className:`size-4`}):e.icon}):null});s.displayName=`ArrayEditButton`,exports.ArrayEditButton=s;
+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);
+
+//#region src/components/array-base/components/edit.tsx
+const ArrayEditButton = react.default.forwardRef((props, ref) => {
+	const index = require_array_context.useIndex(props.index);
+	const self = (0, __formily_react.useField)();
+	const array = require_array_context.useArray();
+	if (!array) 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 || array.props?.disabled) return;
+			e.stopPropagation();
+			if (props.onClick) {
+				props.onClick(e);
+				if (e.defaultPrevented) return;
+			}
+			if (index !== void 0) array.props?.onEdit?.(index);
+		},
+		children: props.icon !== void 0 ? props.icon : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.EditIcon, { className: "size-4" })
+	});
+});
+ArrayEditButton.displayName = "ArrayEditButton";
+
+//#endregion
+exports.ArrayEditButton = ArrayEditButton;

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

@@ -1 +1,36 @@
-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{EditIcon as a}from"lucide-react";import{jsx as o}from"react/jsx-runtime";const s=r.forwardRef((r,s)=>{let c=t(r.index),l=n(),u=e();return u?o(i,{type:`button`,variant:`ghost`,size:`icon`,...r,disabled:l?.disabled||u.props?.disabled,ref:s,onClick:e=>{l?.disabled||u.props?.disabled||(e.stopPropagation(),!(r.onClick&&(r.onClick(e),e.defaultPrevented))&&c!==void 0&&u.props?.onEdit?.(c))},children:r.icon===void 0?o(a,{className:`size-4`}):r.icon}):null});s.displayName=`ArrayEditButton`;export{s as ArrayEditButton};
+import { useArray, useIndex } from "../array-context.js";
+import { useField } from "@formily/react";
+import React from "react";
+import { Button } from "@pixpilot/shadcn-ui";
+import { EditIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/array-base/components/edit.tsx
+const ArrayEditButton = React.forwardRef((props, ref) => {
+	const index = useIndex(props.index);
+	const self = useField();
+	const array = useArray();
+	if (!array) 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 || array.props?.disabled) return;
+			e.stopPropagation();
+			if (props.onClick) {
+				props.onClick(e);
+				if (e.defaultPrevented) return;
+			}
+			if (index !== void 0) array.props?.onEdit?.(index);
+		},
+		children: props.icon !== void 0 ? props.icon : /* @__PURE__ */ jsx(EditIcon, { className: "size-4" })
+	});
+});
+ArrayEditButton.displayName = "ArrayEditButton";
+
+//#endregion
+export { ArrayEditButton };

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

@@ -1 +1,19 @@
-const e=require(`../../../_virtual/rolldown_runtime.cjs`);let t=require(`react`);t=e.__toESM(t);let n=require(`react/jsx-runtime`);n=e.__toESM(n);const r=t.default.forwardRef((e,t)=>{let{title:r,children:i,...a}=e;return(0,n.jsx)(`div`,{ref:t,className:`py-4 text-center text-sm text-foreground/50`,...a,children:i??r??`No Data`})});exports.ArrayEmpty=r;
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.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);
+
+//#region src/components/array-base/components/empty.tsx
+const ArrayEmpty = react.default.forwardRef((props, ref) => {
+	const { title, children,...rest } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: "py-4 text-center text-sm text-foreground/50",
+		...rest,
+		children: children ?? title ?? "No Data"
+	});
+});
+
+//#endregion
+exports.ArrayEmpty = ArrayEmpty;

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

@@ -1 +1,16 @@
-import e from"react";import{jsx as t}from"react/jsx-runtime";const n=e.forwardRef((e,n)=>{let{title:r,children:i,...a}=e;return t(`div`,{ref:n,className:`py-4 text-center text-sm text-foreground/50`,...a,children:i??r??`No Data`})});export{n as ArrayEmpty};
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/array-base/components/empty.tsx
+const ArrayEmpty = React.forwardRef((props, ref) => {
+	const { title, children,...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: "py-4 text-center text-sm text-foreground/50",
+		...rest,
+		children: children ?? title ?? "No Data"
+	});
+});
+
+//#endregion
+export { ArrayEmpty };

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

@@ -1 +1,88 @@
-const e=require(`../../../_virtual/rolldown_runtime.cjs`),t=require(`../../../utils/for-each-schema.cjs`);require(`../../../utils/index.cjs`);const n=require(`./components.cjs`),r=require(`../utils/is-array-component.cjs`);let i=require(`@formily/react`);i=e.__toESM(i);let a=require(`react`);a=e.__toESM(a);let o=require(`react/jsx-runtime`);o=e.__toESM(o);function s(e){let{isTargetField:t}=e;return a.default.memo(({basePath:e,index:n,schema:r})=>(0,o.jsx)(i.RecursionField,{basePath:e,schema:r,name:n,filterProperties:e=>t(e),onlyRenderProperties:!0}))}const c=[{type:`Remove`,check:r.isRemoveComponent},{type:`Addition`,check:r.isAdditionComponent},{type:`Empty`,check:r.isEmptyComponent},{type:`Index`,check:r.isIndexComponent},{type:`MoveDown`,check:r.isMoveDownComponent},{type:`MoveUp`,check:r.isMoveUpComponent},{type:`Copy`,check:r.isCopyComponent},{type:`Label`,check:r.isLabelComponent}];function l(e){let r=new Map([]);return t.forEachSchema(e,(e,t)=>t.length>0&&e.type===`array`?!1:(c.forEach(({type:t,check:n})=>{n(e)&&r.set(t,{Component:s({isTargetField:n}),isUserField:!0})}),!0)),Object.entries(n.arrayComponentMap).forEach(([e,t])=>{r.has(e)||r.set(e,{Component:e=>a.default.createElement(t,e),isUserField:!1})}),r}exports.getArrayComponents=l;
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_for_each_schema = require('../../../utils/for-each-schema.cjs');
+require('../../../utils/index.cjs');
+const require_components = require('./components.cjs');
+const require_is_array_component = require('../utils/is-array-component.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/components/get-array-components.tsx
+function getRecursionField(props) {
+	const { isTargetField } = props;
+	return react.default.memo(({ basePath, index, schema }) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.RecursionField, {
+			basePath,
+			schema,
+			name: index,
+			filterProperties: (s) => {
+				return isTargetField(s);
+			},
+			onlyRenderProperties: true
+		});
+	});
+}
+const componentChecks = [
+	{
+		type: "Remove",
+		check: require_is_array_component.isRemoveComponent
+	},
+	{
+		type: "Addition",
+		check: require_is_array_component.isAdditionComponent
+	},
+	{
+		type: "Empty",
+		check: require_is_array_component.isEmptyComponent
+	},
+	{
+		type: "Index",
+		check: require_is_array_component.isIndexComponent
+	},
+	{
+		type: "MoveDown",
+		check: require_is_array_component.isMoveDownComponent
+	},
+	{
+		type: "MoveUp",
+		check: require_is_array_component.isMoveUpComponent
+	},
+	{
+		type: "Copy",
+		check: require_is_array_component.isCopyComponent
+	},
+	{
+		type: "Label",
+		check: require_is_array_component.isLabelComponent
+	}
+];
+function getArrayComponents(rootSchema) {
+	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 }) => {
+			if (check(schema)) schemaComponents.set(type, {
+				Component: getRecursionField({ isTargetField: check }),
+				isUserField: true
+			});
+		});
+		return true;
+	});
+	Object.entries(require_components.arrayComponentMap).forEach(([key, component]) => {
+		if (schemaComponents.has(key)) return;
+		const DefaultComponent = (props) => {
+			return react.default.createElement(component, props);
+		};
+		schemaComponents.set(key, {
+			Component: DefaultComponent,
+			isUserField: false
+		});
+	});
+	return schemaComponents;
+}
+
+//#endregion
+exports.getArrayComponents = getArrayComponents;

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

@@ -1 +1,84 @@
-import{forEachSchema as e}from"../../../utils/for-each-schema.js";import"../../../utils/index.js";import{arrayComponentMap as t}from"./components.js";import{isAdditionComponent as n,isCopyComponent as r,isEmptyComponent as i,isIndexComponent as a,isLabelComponent as o,isMoveDownComponent as s,isMoveUpComponent as c,isRemoveComponent as l}from"../utils/is-array-component.js";import{RecursionField as u}from"@formily/react";import d from"react";import{jsx as f}from"react/jsx-runtime";function p(e){let{isTargetField:t}=e;return d.memo(({basePath:e,index:n,schema:r})=>f(u,{basePath:e,schema:r,name:n,filterProperties:e=>t(e),onlyRenderProperties:!0}))}const m=[{type:`Remove`,check:l},{type:`Addition`,check:n},{type:`Empty`,check:i},{type:`Index`,check:a},{type:`MoveDown`,check:s},{type:`MoveUp`,check:c},{type:`Copy`,check:r},{type:`Label`,check:o}];function h(n){let r=new Map([]);return e(n,(e,t)=>t.length>0&&e.type===`array`?!1:(m.forEach(({type:t,check:n})=>{n(e)&&r.set(t,{Component:p({isTargetField:n}),isUserField:!0})}),!0)),Object.entries(t).forEach(([e,t])=>{r.has(e)||r.set(e,{Component:e=>d.createElement(t,e),isUserField:!1})}),r}export{h as getArrayComponents};
+import { forEachSchema } from "../../../utils/for-each-schema.js";
+import "../../../utils/index.js";
+import { arrayComponentMap } from "./components.js";
+import { isAdditionComponent, isCopyComponent, isEmptyComponent, isIndexComponent, isLabelComponent, isMoveDownComponent, isMoveUpComponent, isRemoveComponent } from "../utils/is-array-component.js";
+import { RecursionField } from "@formily/react";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/array-base/components/get-array-components.tsx
+function getRecursionField(props) {
+	const { isTargetField } = props;
+	return React.memo(({ basePath, index, schema }) => {
+		return /* @__PURE__ */ jsx(RecursionField, {
+			basePath,
+			schema,
+			name: index,
+			filterProperties: (s) => {
+				return isTargetField(s);
+			},
+			onlyRenderProperties: true
+		});
+	});
+}
+const componentChecks = [
+	{
+		type: "Remove",
+		check: isRemoveComponent
+	},
+	{
+		type: "Addition",
+		check: isAdditionComponent
+	},
+	{
+		type: "Empty",
+		check: isEmptyComponent
+	},
+	{
+		type: "Index",
+		check: isIndexComponent
+	},
+	{
+		type: "MoveDown",
+		check: isMoveDownComponent
+	},
+	{
+		type: "MoveUp",
+		check: isMoveUpComponent
+	},
+	{
+		type: "Copy",
+		check: isCopyComponent
+	},
+	{
+		type: "Label",
+		check: isLabelComponent
+	}
+];
+function getArrayComponents(rootSchema) {
+	const schemaComponents = /* @__PURE__ */ new Map([]);
+	forEachSchema(rootSchema, (schema, path) => {
+		if (path.length > 0 && schema.type === "array") return false;
+		componentChecks.forEach(({ type, check }) => {
+			if (check(schema)) schemaComponents.set(type, {
+				Component: getRecursionField({ isTargetField: check }),
+				isUserField: true
+			});
+		});
+		return true;
+	});
+	Object.entries(arrayComponentMap).forEach(([key, component]) => {
+		if (schemaComponents.has(key)) return;
+		const DefaultComponent = (props) => {
+			return React.createElement(component, props);
+		};
+		schemaComponents.set(key, {
+			Component: DefaultComponent,
+			isUserField: false
+		});
+	});
+	return schemaComponents;
+}
+
+//#endregion
+export { getArrayComponents };

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

@@ -1 +1,47 @@
-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);const s=r.default.forwardRef((e,r)=>{let s=t.useIndex(e.index),c=(0,n.useField)(),l=t.useArray();if(!l||l.field?.pattern!==`editable`)return null;let u=s===(l.field?.value?.length??0)-1;return(0,o.jsx)(i.Button,{type:`button`,variant:`ghost`,size:`icon`,...e,disabled:c?.disabled||l.props?.disabled||u,ref:r,onClick:t=>{c?.disabled||l.props?.disabled||u||(t.stopPropagation(),!(e.onClick&&(e.onClick(t),t.defaultPrevented))&&s!==void 0&&(l.field?.moveDown?.(s).catch(console.error),l.props?.onMoveDown?.(s)))},children:e.icon===void 0?(0,o.jsx)(a.ChevronDownIcon,{className:`size-4`}):e.icon})});s.displayName=`ArrayMoveDown`,exports.ArrayMoveDown=s;
+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);
+
+//#region src/components/array-base/components/move-down.tsx
+const ArrayMoveDown = react.default.forwardRef((props, ref) => {
+	const index = require_array_context.useIndex(props.index);
+	const self = (0, __formily_react.useField)();
+	const array = require_array_context.useArray();
+	if (!array) return null;
+	if (array.field?.pattern !== "editable") return null;
+	const isLast = index === (array.field?.value?.length ?? 0) - 1;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.Button, {
+		type: "button",
+		variant: "ghost",
+		size: "icon",
+		...props,
+		disabled: self?.disabled || array.props?.disabled || isLast,
+		ref,
+		onClick: (e) => {
+			if (self?.disabled || array.props?.disabled || isLast) return;
+			e.stopPropagation();
+			if (props.onClick) {
+				props.onClick(e);
+				if (e.defaultPrevented) return;
+			}
+			if (index !== void 0) {
+				array.field?.moveDown?.(index).catch(console.error);
+				array.props?.onMoveDown?.(index);
+			}
+		},
+		children: props.icon !== void 0 ? props.icon : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDownIcon, { className: "size-4" })
+	});
+});
+ArrayMoveDown.displayName = "ArrayMoveDown";
+
+//#endregion
+exports.ArrayMoveDown = ArrayMoveDown;

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

@@ -1 +1,41 @@
-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{ChevronDownIcon as a}from"lucide-react";import{jsx as o}from"react/jsx-runtime";const s=r.forwardRef((r,s)=>{let c=t(r.index),l=n(),u=e();if(!u||u.field?.pattern!==`editable`)return null;let d=c===(u.field?.value?.length??0)-1;return o(i,{type:`button`,variant:`ghost`,size:`icon`,...r,disabled:l?.disabled||u.props?.disabled||d,ref:s,onClick:e=>{l?.disabled||u.props?.disabled||d||(e.stopPropagation(),!(r.onClick&&(r.onClick(e),e.defaultPrevented))&&c!==void 0&&(u.field?.moveDown?.(c).catch(console.error),u.props?.onMoveDown?.(c)))},children:r.icon===void 0?o(a,{className:`size-4`}):r.icon})});s.displayName=`ArrayMoveDown`;export{s as ArrayMoveDown};
+import { useArray, useIndex } from "../array-context.js";
+import { useField } from "@formily/react";
+import React from "react";
+import { Button } from "@pixpilot/shadcn-ui";
+import { ChevronDownIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/array-base/components/move-down.tsx
+const ArrayMoveDown = React.forwardRef((props, ref) => {
+	const index = useIndex(props.index);
+	const self = useField();
+	const array = useArray();
+	if (!array) return null;
+	if (array.field?.pattern !== "editable") return null;
+	const isLast = index === (array.field?.value?.length ?? 0) - 1;
+	return /* @__PURE__ */ jsx(Button, {
+		type: "button",
+		variant: "ghost",
+		size: "icon",
+		...props,
+		disabled: self?.disabled || array.props?.disabled || isLast,
+		ref,
+		onClick: (e) => {
+			if (self?.disabled || array.props?.disabled || isLast) return;
+			e.stopPropagation();
+			if (props.onClick) {
+				props.onClick(e);
+				if (e.defaultPrevented) return;
+			}
+			if (index !== void 0) {
+				array.field?.moveDown?.(index).catch(console.error);
+				array.props?.onMoveDown?.(index);
+			}
+		},
+		children: props.icon !== void 0 ? props.icon : /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
+	});
+});
+ArrayMoveDown.displayName = "ArrayMoveDown";
+
+//#endregion
+export { ArrayMoveDown };

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

@@ -1 +1,47 @@
-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);const s=r.default.forwardRef((e,r)=>{let s=t.useIndex(e.index),c=(0,n.useField)(),l=t.useArray();if(!l||l.field?.pattern!==`editable`)return null;let u=s===0;return(0,o.jsx)(i.Button,{type:`button`,variant:`ghost`,size:`icon`,...e,disabled:c?.disabled||l.props?.disabled||u,ref:r,onClick:t=>{c?.disabled||l.props?.disabled||u||(t.stopPropagation(),!(e.onClick&&(e.onClick(t),t.defaultPrevented))&&s!==void 0&&(l?.field?.moveUp?.(s).catch(console.error),l?.props?.onMoveUp?.(s)))},children:e.icon===void 0?(0,o.jsx)(a.ChevronUpIcon,{className:`size-4`}):e.icon})});s.displayName=`ArrayMoveUp`,exports.ArrayMoveUp=s;
+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);
+
+//#region src/components/array-base/components/move-up.tsx
+const ArrayMoveUp = react.default.forwardRef((props, ref) => {
+	const index = require_array_context.useIndex(props.index);
+	const self = (0, __formily_react.useField)();
+	const array = require_array_context.useArray();
+	if (!array) return null;
+	if (array.field?.pattern !== "editable") return null;
+	const isFirst = index === 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.Button, {
+		type: "button",
+		variant: "ghost",
+		size: "icon",
+		...props,
+		disabled: self?.disabled || array.props?.disabled || isFirst,
+		ref,
+		onClick: (e) => {
+			if (self?.disabled || array.props?.disabled || isFirst) return;
+			e.stopPropagation();
+			if (props.onClick) {
+				props.onClick(e);
+				if (e.defaultPrevented) return;
+			}
+			if (index !== void 0) {
+				array?.field?.moveUp?.(index).catch(console.error);
+				array?.props?.onMoveUp?.(index);
+			}
+		},
+		children: props.icon !== void 0 ? props.icon : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronUpIcon, { className: "size-4" })
+	});
+});
+ArrayMoveUp.displayName = "ArrayMoveUp";
+
+//#endregion
+exports.ArrayMoveUp = ArrayMoveUp;

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

@@ -1 +1,41 @@
-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{ChevronUpIcon as a}from"lucide-react";import{jsx as o}from"react/jsx-runtime";const s=r.forwardRef((r,s)=>{let c=t(r.index),l=n(),u=e();if(!u||u.field?.pattern!==`editable`)return null;let d=c===0;return o(i,{type:`button`,variant:`ghost`,size:`icon`,...r,disabled:l?.disabled||u.props?.disabled||d,ref:s,onClick:e=>{l?.disabled||u.props?.disabled||d||(e.stopPropagation(),!(r.onClick&&(r.onClick(e),e.defaultPrevented))&&c!==void 0&&(u?.field?.moveUp?.(c).catch(console.error),u?.props?.onMoveUp?.(c)))},children:r.icon===void 0?o(a,{className:`size-4`}):r.icon})});s.displayName=`ArrayMoveUp`;export{s as ArrayMoveUp};
+import { useArray, useIndex } from "../array-context.js";
+import { useField } from "@formily/react";
+import React from "react";
+import { Button } from "@pixpilot/shadcn-ui";
+import { ChevronUpIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/array-base/components/move-up.tsx
+const ArrayMoveUp = React.forwardRef((props, ref) => {
+	const index = useIndex(props.index);
+	const self = useField();
+	const array = useArray();
+	if (!array) return null;
+	if (array.field?.pattern !== "editable") return null;
+	const isFirst = index === 0;
+	return /* @__PURE__ */ jsx(Button, {
+		type: "button",
+		variant: "ghost",
+		size: "icon",
+		...props,
+		disabled: self?.disabled || array.props?.disabled || isFirst,
+		ref,
+		onClick: (e) => {
+			if (self?.disabled || array.props?.disabled || isFirst) return;
+			e.stopPropagation();
+			if (props.onClick) {
+				props.onClick(e);
+				if (e.defaultPrevented) return;
+			}
+			if (index !== void 0) {
+				array?.field?.moveUp?.(index).catch(console.error);
+				array?.props?.onMoveUp?.(index);
+			}
+		},
+		children: props.icon !== void 0 ? props.icon : /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+	});
+});
+ArrayMoveUp.displayName = "ArrayMoveUp";
+
+//#endregion
+export { ArrayMoveUp };

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

@@ -1 +1,46 @@
-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);const s=r.default.forwardRef((e,r)=>{let s=t.useIndex(e.index),c=(0,n.useField)(),l=t.useArray();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=>{c?.disabled||l.props?.disabled||(t.stopPropagation(),!(e.onClick&&(e.onClick(t),t.defaultPrevented))&&s!==void 0&&(l.field?.remove?.(s).catch(console.error),l.props?.onRemove?.(s)))},children:e.icon===void 0?(0,o.jsx)(a.Trash2Icon,{className:`size-4`}):e.icon})});s.displayName=`ArrayRemove`,exports.ArrayRemove=s;
+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);
+
+//#region src/components/array-base/components/remove.tsx
+const ArrayRemove = react.default.forwardRef((props, ref) => {
+	const index = require_array_context.useIndex(props.index);
+	const self = (0, __formily_react.useField)();
+	const array = require_array_context.useArray();
+	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 || array.props?.disabled) return;
+			e.stopPropagation();
+			if (props.onClick) {
+				props.onClick(e);
+				if (e.defaultPrevented) return;
+			}
+			if (index !== void 0) {
+				array.field?.remove?.(index).catch(console.error);
+				array.props?.onRemove?.(index);
+			}
+		},
+		children: props.icon !== void 0 ? props.icon : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2Icon, { className: "size-4" })
+	});
+});
+ArrayRemove.displayName = "ArrayRemove";
+
+//#endregion
+exports.ArrayRemove = ArrayRemove;

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

@@ -1 +1,40 @@
-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{Trash2Icon as a}from"lucide-react";import{jsx as o}from"react/jsx-runtime";const s=r.forwardRef((r,s)=>{let c=t(r.index),l=n(),u=e();return!u||u.field?.pattern!==`editable`?null:o(i,{type:`button`,variant:`ghost`,size:`icon`,...r,disabled:l?.disabled||u.props?.disabled,ref:s,onClick:e=>{l?.disabled||u.props?.disabled||(e.stopPropagation(),!(r.onClick&&(r.onClick(e),e.defaultPrevented))&&c!==void 0&&(u.field?.remove?.(c).catch(console.error),u.props?.onRemove?.(c)))},children:r.icon===void 0?o(a,{className:`size-4`}):r.icon})});s.displayName=`ArrayRemove`;export{s as ArrayRemove};
+import { useArray, useIndex } from "../array-context.js";
+import { useField } from "@formily/react";
+import React from "react";
+import { Button } from "@pixpilot/shadcn-ui";
+import { Trash2Icon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/array-base/components/remove.tsx
+const ArrayRemove = React.forwardRef((props, ref) => {
+	const index = useIndex(props.index);
+	const self = useField();
+	const array = useArray();
+	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 || array.props?.disabled) return;
+			e.stopPropagation();
+			if (props.onClick) {
+				props.onClick(e);
+				if (e.defaultPrevented) return;
+			}
+			if (index !== void 0) {
+				array.field?.remove?.(index).catch(console.error);
+				array.props?.onRemove?.(index);
+			}
+		},
+		children: props.icon !== void 0 ? props.icon : /* @__PURE__ */ jsx(Trash2Icon, { className: "size-4" })
+	});
+});
+ArrayRemove.displayName = "ArrayRemove";
+
+//#endregion
+export { ArrayRemove };

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

@@ -1 +1,17 @@
-const e=require(`../../../_virtual/rolldown_runtime.cjs`),t=require(`../array-context.cjs`);let n=require(`react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);r=e.__toESM(r);const i=e=>{let n=t.useArray();if(!n)return null;let{field:i}=n;return(0,r.jsx)(`span`,{children:e.title??i.title??``})};exports.ArrayTitle=i;
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_array_context = require('../array-context.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);
+
+//#region src/components/array-base/components/title.tsx
+const ArrayTitle = (props) => {
+	const array = require_array_context.useArray();
+	if (!array) return null;
+	const { field } = array;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: props.title ?? field.title ?? "" });
+};
+
+//#endregion
+exports.ArrayTitle = ArrayTitle;

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

@@ -1 +1,14 @@
-import{useArray as e}from"../array-context.js";import t from"react";import{jsx as n}from"react/jsx-runtime";const r=t=>{let r=e();if(!r)return null;let{field:i}=r;return n(`span`,{children:t.title??i.title??``})};export{r as ArrayTitle};
+import { useArray } from "../array-context.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/array-base/components/title.tsx
+const ArrayTitle = (props) => {
+	const array = useArray();
+	if (!array) return null;
+	const { field } = array;
+	return /* @__PURE__ */ jsx("span", { children: props.title ?? field.title ?? "" });
+};
+
+//#endregion
+export { ArrayTitle };