@tachybase/components 0.23.8

package/lib/array-base/index.js

@@ -0,0 +1,345 @@
+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 __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var array_base_exports = {};
+__export(array_base_exports, {
+  ArrayBase: () => ArrayBase,
+  default: () => array_base_default
+});
+module.exports = __toCommonJS(array_base_exports);
+var import_react = __toESM(require("react"));
+var import_schema = require("@tachybase/schema");
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_builtins = require("../__builtins__");
+var import_style = __toESM(require("./style"));
+const ArrayBaseContext = (0, import_react.createContext)(null);
+const ItemContext = (0, import_react.createContext)(null);
+const takeRecord = /* @__PURE__ */ __name((val, index) => typeof val === "function" ? val(index) : val, "takeRecord");
+const useArray = /* @__PURE__ */ __name(() => {
+  return (0, import_react.useContext)(ArrayBaseContext);
+}, "useArray");
+const useIndex = /* @__PURE__ */ __name((index) => {
+  const ctx = (0, import_react.useContext)(ItemContext);
+  return (ctx ? ctx.index : index) || 0;
+}, "useIndex");
+const useRecord = /* @__PURE__ */ __name((record) => {
+  const ctx = (0, import_react.useContext)(ItemContext);
+  return takeRecord(ctx ? ctx.record : record, ctx == null ? void 0 : ctx.index);
+}, "useRecord");
+const getSchemaDefaultValue = /* @__PURE__ */ __name((schema) => {
+  if ((schema == null ? void 0 : schema.type) === "array") return [];
+  if ((schema == null ? void 0 : schema.type) === "object") return {};
+  if ((schema == null ? void 0 : schema.type) === "void") {
+    for (const key in schema.properties) {
+      const value = getSchemaDefaultValue(schema.properties[key]);
+      if ((0, import_schema.isValid)(value)) return value;
+    }
+  }
+}, "getSchemaDefaultValue");
+const getDefaultValue = /* @__PURE__ */ __name((defaultValue, schema) => {
+  if ((0, import_schema.isValid)(defaultValue)) return (0, import_schema.clone)(defaultValue);
+  if (Array.isArray(schema == null ? void 0 : schema.items)) return getSchemaDefaultValue(schema == null ? void 0 : schema.items[0]);
+  return getSchemaDefaultValue(schema == null ? void 0 : schema.items);
+}, "getDefaultValue");
+const InternalArrayBase = /* @__PURE__ */ __name((props) => {
+  const field = (0, import_schema.useField)();
+  const schema = (0, import_schema.useFieldSchema)();
+  return /* @__PURE__ */ import_react.default.createElement(import_schema.RecordsScope, { getRecords: () => field.value }, /* @__PURE__ */ import_react.default.createElement(ArrayBaseContext.Provider, { value: { field, schema, props } }, props.children));
+}, "InternalArrayBase");
+const Item = /* @__PURE__ */ __name(({ children, ...props }) => {
+  return /* @__PURE__ */ import_react.default.createElement(ItemContext.Provider, { value: props }, /* @__PURE__ */ import_react.default.createElement(import_schema.RecordScope, { getIndex: () => props.index, getRecord: () => takeRecord(props.record, props.index) }, children));
+}, "Item");
+const InternalSortHandle = (0, import_builtins.SortableHandle)((props) => {
+  const prefixCls = (0, import_builtins.usePrefixCls)("formily-array-base");
+  const [wrapSSR, hashId] = (0, import_style.default)(prefixCls);
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement(
+      import_icons.MenuOutlined,
+      {
+        ...props,
+        className: (0, import_classnames.default)(`${prefixCls}-sort-handle`, hashId, props.className),
+        style: { ...props.style }
+      }
+    )
+  );
+});
+const SortHandle = /* @__PURE__ */ __name((props) => {
+  var _a;
+  const array = useArray();
+  if (!array) return null;
+  if (((_a = array.field) == null ? void 0 : _a.pattern) !== "editable") return null;
+  return /* @__PURE__ */ import_react.default.createElement(InternalSortHandle, { ...props });
+}, "SortHandle");
+const Index = /* @__PURE__ */ __name((props) => {
+  const index = useIndex();
+  const prefixCls = (0, import_builtins.usePrefixCls)("formily-array-base");
+  const [wrapSSR, hashId] = (0, import_style.default)(prefixCls);
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement("span", { ...props, className: (0, import_classnames.default)(`${prefixCls}-index`, hashId) }, "#", (index || 0) + 1, ".")
+  );
+}, "Index");
+const Addition = /* @__PURE__ */ __name((props) => {
+  var _a, _b;
+  const self = (0, import_schema.useField)();
+  const array = useArray();
+  const prefixCls = (0, import_builtins.usePrefixCls)("formily-array-base");
+  const [wrapSSR, hashId] = (0, import_style.default)(prefixCls);
+  if (!array) return null;
+  if (((_a = array.field) == null ? void 0 : _a.pattern) !== "editable" && ((_b = array.field) == null ? void 0 : _b.pattern) !== "disabled") return null;
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        type: "dashed",
+        block: true,
+        ...props,
+        disabled: self == null ? void 0 : self.disabled,
+        className: (0, import_classnames.default)(`${prefixCls}-addition`, hashId, props.className),
+        onClick: (e) => {
+          var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+          if ((_a2 = array.props) == null ? void 0 : _a2.disabled) return;
+          const defaultValue = getDefaultValue(props.defaultValue, array.schema);
+          if (props.method === "unshift") {
+            (_c = (_b2 = array.field) == null ? void 0 : _b2.unshift) == null ? void 0 : _c.call(_b2, defaultValue);
+            (_e = (_d = array.props) == null ? void 0 : _d.onAdd) == null ? void 0 : _e.call(_d, 0);
+          } else {
+            (_g = (_f = array.field) == null ? void 0 : _f.push) == null ? void 0 : _g.call(_f, defaultValue);
+            (_k = (_h = array.props) == null ? void 0 : _h.onAdd) == null ? void 0 : _k.call(_h, ((_j = (_i = array == null ? void 0 : array.field) == null ? void 0 : _i.value) == null ? void 0 : _j.length) - 1);
+          }
+          if (props.onClick) {
+            props.onClick(e);
+          }
+        },
+        icon: (0, import_schema.isUndef)(props.icon) ? /* @__PURE__ */ import_react.default.createElement(import_icons.PlusOutlined, null) : props.icon
+      },
+      props.title || self.title
+    )
+  );
+}, "Addition");
+const Copy = (0, import_react.forwardRef)((props, ref) => {
+  var _a;
+  const self = (0, import_schema.useField)();
+  const array = useArray();
+  const index = useIndex(props.index) || 0;
+  const prefixCls = (0, import_builtins.usePrefixCls)("formily-array-base");
+  const [wrapSSR, hashId] = (0, import_style.default)(prefixCls);
+  if (!array) return null;
+  if (((_a = array.field) == null ? void 0 : _a.pattern) !== "editable") return null;
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        ...props,
+        type: "text",
+        style: {
+          width: "auto",
+          height: "auto",
+          ...props.style
+        },
+        disabled: self == null ? void 0 : self.disabled,
+        className: (0, import_classnames.default)(`${prefixCls}-copy`, hashId, (self == null ? void 0 : self.disabled) ? `${prefixCls}-copy-disabled` : "", props.className),
+        ref,
+        onClick: (e) => {
+          var _a2, _b, _c, _d, _e, _f;
+          if (self == null ? void 0 : self.disabled) return;
+          e.stopPropagation();
+          if ((_a2 = array.props) == null ? void 0 : _a2.disabled) return;
+          if (props.onClick) {
+            props.onClick(e);
+            if (e.defaultPrevented) return;
+          }
+          const value = (0, import_schema.clone)((_b = array == null ? void 0 : array.field) == null ? void 0 : _b.value[index]);
+          const distIndex = index + 1;
+          (_d = (_c = array.field) == null ? void 0 : _c.insert) == null ? void 0 : _d.call(_c, distIndex, value);
+          (_f = (_e = array.props) == null ? void 0 : _e.onCopy) == null ? void 0 : _f.call(_e, distIndex);
+        },
+        icon: (0, import_schema.isUndef)(props.icon) ? /* @__PURE__ */ import_react.default.createElement(import_icons.CopyOutlined, null) : props.icon
+      },
+      props.title || self.title
+    )
+  );
+});
+const Remove = (0, import_react.forwardRef)((props, ref) => {
+  var _a;
+  const index = useIndex(props.index);
+  const self = (0, import_schema.useField)();
+  const array = useArray();
+  const prefixCls = (0, import_builtins.usePrefixCls)("formily-array-base");
+  const [wrapSSR, hashId] = (0, import_style.default)(prefixCls);
+  if (!array) return null;
+  if (((_a = array.field) == null ? void 0 : _a.pattern) !== "editable") return null;
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        type: "text",
+        ...props,
+        style: {
+          width: "auto",
+          height: "auto",
+          ...props.style
+        },
+        disabled: self == null ? void 0 : self.disabled,
+        className: (0, import_classnames.default)(
+          `${prefixCls}-remove`,
+          hashId,
+          (self == null ? void 0 : self.disabled) ? `${prefixCls}-remove-disabled` : "",
+          props.className
+        ),
+        ref,
+        onClick: (e) => {
+          var _a2, _b, _c, _d;
+          if (self == null ? void 0 : self.disabled) return;
+          e.stopPropagation();
+          if (props.onClick) {
+            props.onClick(e);
+            if (e.defaultPrevented) return;
+          }
+          (_b = (_a2 = array.field) == null ? void 0 : _a2.remove) == null ? void 0 : _b.call(_a2, index);
+          (_d = (_c = array.props) == null ? void 0 : _c.onRemove) == null ? void 0 : _d.call(_c, index);
+        },
+        icon: (0, import_schema.isUndef)(props.icon) ? /* @__PURE__ */ import_react.default.createElement(import_icons.DeleteOutlined, null) : props.icon
+      },
+      props.title || self.title
+    )
+  );
+});
+const MoveDown = (0, import_react.forwardRef)((props, ref) => {
+  var _a;
+  const index = useIndex(props.index);
+  const self = (0, import_schema.useField)();
+  const array = useArray();
+  const prefixCls = (0, import_builtins.usePrefixCls)("formily-array-base");
+  if (!array) return null;
+  if (((_a = array.field) == null ? void 0 : _a.pattern) !== "editable") return null;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      ...props,
+      type: "text",
+      style: {
+        width: "auto",
+        height: "auto",
+        ...props.style
+      },
+      disabled: self == null ? void 0 : self.disabled,
+      className: (0, import_classnames.default)(
+        `${prefixCls}-move-down`,
+        (self == null ? void 0 : self.disabled) ? `${prefixCls}-move-down-disabled` : "",
+        props.className
+      ),
+      ref,
+      onClick: (e) => {
+        var _a2, _b, _c, _d;
+        if (self == null ? void 0 : self.disabled) return;
+        e.stopPropagation();
+        if (props.onClick) {
+          props.onClick(e);
+          if (e.defaultPrevented) return;
+        }
+        (_b = (_a2 = array.field) == null ? void 0 : _a2.moveDown) == null ? void 0 : _b.call(_a2, index);
+        (_d = (_c = array.props) == null ? void 0 : _c.onMoveDown) == null ? void 0 : _d.call(_c, index);
+      },
+      icon: (0, import_schema.isUndef)(props.icon) ? /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, null) : props.icon
+    },
+    props.title || self.title
+  );
+});
+const MoveUp = (0, import_react.forwardRef)((props, ref) => {
+  var _a;
+  const index = useIndex(props.index);
+  const self = (0, import_schema.useField)();
+  const array = useArray();
+  const prefixCls = (0, import_builtins.usePrefixCls)("formily-array-base");
+  if (!array) return null;
+  if (((_a = array.field) == null ? void 0 : _a.pattern) !== "editable") return null;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      type: "text",
+      ...props,
+      style: {
+        width: "auto",
+        height: "auto",
+        ...props.style
+      },
+      disabled: self == null ? void 0 : self.disabled,
+      className: (0, import_classnames.default)(`${prefixCls}-move-up`, (self == null ? void 0 : self.disabled) ? `${prefixCls}-move-up-disabled` : "", props.className),
+      ref,
+      onClick: (e) => {
+        var _a2, _b, _c;
+        if (self == null ? void 0 : self.disabled) return;
+        e.stopPropagation();
+        if (props.onClick) {
+          props.onClick(e);
+          if (e.defaultPrevented) return;
+        }
+        (_a2 = array == null ? void 0 : array.field) == null ? void 0 : _a2.moveUp(index);
+        (_c = (_b = array == null ? void 0 : array.props) == null ? void 0 : _b.onMoveUp) == null ? void 0 : _c.call(_b, index);
+      },
+      icon: (0, import_schema.isUndef)(props.icon) ? /* @__PURE__ */ import_react.default.createElement(import_icons.UpOutlined, null) : props.icon
+    },
+    props.title || self.title
+  );
+});
+function mixin(target) {
+  return Object.assign(target, {
+    Index,
+    SortHandle,
+    Addition,
+    Copy,
+    Remove,
+    MoveDown,
+    MoveUp,
+    useArray,
+    useIndex,
+    useRecord
+  });
+}
+__name(mixin, "mixin");
+const ArrayBase = Object.assign(InternalArrayBase, {
+  Item,
+  Index,
+  SortHandle,
+  Addition,
+  Copy,
+  Remove,
+  MoveDown,
+  MoveUp,
+  useArray,
+  useIndex,
+  useRecord,
+  mixin
+});
+var array_base_default = ArrayBase;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ArrayBase
+});

package/lib/array-base/style.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (prefixCls: string) => import("..").UseComponentStyleResult;
+export default _default;

package/lib/array-base/style.js

@@ -0,0 +1,68 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default
+});
+module.exports = __toCommonJS(style_exports);
+var import_builtins = require("./../__builtins__");
+var style_default = (0, import_builtins.genStyleHook)("array-base", (token) => {
+  const { componentCls, colorText, fontSizeLG, colorPrimaryText, colorTextDisabled } = token;
+  return {
+    [componentCls]: {
+      "&-remove, &-copy": {
+        transition: "all 0.25s ease-in-out",
+        color: colorText,
+        fontSize: fontSizeLG,
+        ":hover": {
+          color: colorPrimaryText
+        },
+        "&-disabled": {
+          color: colorTextDisabled,
+          cursor: "not-allowed !important",
+          "&:hover": {
+            color: colorTextDisabled
+          }
+        }
+      },
+      "&-sort-handle": {
+        cursor: "move",
+        color: "#888 !important"
+      },
+      "&-addition": {
+        transition: "all 0.25s ease-in-out"
+      },
+      "&-move-down, &-move-up": {
+        transition: "all 0.25s ease-in-out",
+        color: colorText,
+        fontSize: fontSizeLG,
+        marginInlineStart: 6,
+        ":hover": {
+          color: colorPrimaryText
+        },
+        "&-disabled": {
+          color: colorTextDisabled,
+          cursor: "not-allowed !important",
+          "&:hover": {
+            color: colorTextDisabled
+          }
+        }
+      }
+    }
+  };
+});

package/lib/array-cards/index.d.ts

@@ -0,0 +1,5 @@
+import { ReactFC } from '@tachybase/schema';
+import { CardProps } from 'antd';
+export declare const InternalArrayCards: ReactFC<CardProps>;
+export declare const ArrayCards: ReactFC<CardProps> & import("..").ArrayBaseMixins;
+export default ArrayCards;

package/lib/array-cards/index.js

@@ -0,0 +1,166 @@
+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 __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var array_cards_exports = {};
+__export(array_cards_exports, {
+  ArrayCards: () => ArrayCards,
+  InternalArrayCards: () => InternalArrayCards,
+  default: () => array_cards_default
+});
+module.exports = __toCommonJS(array_cards_exports);
+var import_react = __toESM(require("react"));
+var import_schema = require("@tachybase/schema");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_builtins = require("../__builtins__");
+var import_array_base = require("../array-base");
+var import_style = __toESM(require("./style"));
+const isAdditionComponent = /* @__PURE__ */ __name((schema) => {
+  var _a;
+  return ((_a = schema["x-component"]) == null ? void 0 : _a.indexOf("Addition")) > -1;
+}, "isAdditionComponent");
+const isIndexComponent = /* @__PURE__ */ __name((schema) => {
+  var _a, _b;
+  return ((_b = (_a = schema["x-component"]) == null ? void 0 : _a.indexOf) == null ? void 0 : _b.call(_a, "Index")) > -1;
+}, "isIndexComponent");
+const isRemoveComponent = /* @__PURE__ */ __name((schema) => {
+  var _a, _b;
+  return ((_b = (_a = schema["x-component"]) == null ? void 0 : _a.indexOf) == null ? void 0 : _b.call(_a, "Remove")) > -1;
+}, "isRemoveComponent");
+const isCopyComponent = /* @__PURE__ */ __name((schema) => {
+  var _a, _b;
+  return ((_b = (_a = schema["x-component"]) == null ? void 0 : _a.indexOf) == null ? void 0 : _b.call(_a, "Copy")) > -1;
+}, "isCopyComponent");
+const isMoveUpComponent = /* @__PURE__ */ __name((schema) => {
+  var _a, _b;
+  return ((_b = (_a = schema["x-component"]) == null ? void 0 : _a.indexOf) == null ? void 0 : _b.call(_a, "MoveUp")) > -1;
+}, "isMoveUpComponent");
+const isMoveDownComponent = /* @__PURE__ */ __name((schema) => {
+  var _a, _b;
+  return ((_b = (_a = schema["x-component"]) == null ? void 0 : _a.indexOf) == null ? void 0 : _b.call(_a, "MoveDown")) > -1;
+}, "isMoveDownComponent");
+const isOperationComponent = /* @__PURE__ */ __name((schema) => {
+  return isAdditionComponent(schema) || isRemoveComponent(schema) || isCopyComponent(schema) || isMoveDownComponent(schema) || isMoveUpComponent(schema);
+}, "isOperationComponent");
+const InternalArrayCards = (0, import_schema.observer)((props) => {
+  const field = (0, import_schema.useField)();
+  const schema = (0, import_schema.useFieldSchema)();
+  const dataSource = Array.isArray(field.value) ? field.value : [];
+  const prefixCls = (0, import_builtins.usePrefixCls)("formily-array-cards", props);
+  const [wrapSSR, hashId] = (0, import_style.default)(prefixCls);
+  if (!schema) throw new Error("can not found schema object");
+  const renderItems = /* @__PURE__ */ __name(() => {
+    return dataSource == null ? void 0 : dataSource.map((item, index) => {
+      const items = Array.isArray(schema.items) ? schema.items[index] || schema.items[0] : schema.items;
+      const title = /* @__PURE__ */ import_react.default.createElement("span", null, items ? /* @__PURE__ */ import_react.default.createElement(
+        import_schema.RecursionField,
+        {
+          schema: items,
+          name: index,
+          filterProperties: (schema2) => {
+            if (!isIndexComponent(schema2)) return false;
+            return true;
+          },
+          onlyRenderProperties: true
+        }
+      ) : null, props.title || field.title);
+      const extra = /* @__PURE__ */ import_react.default.createElement("span", null, items ? /* @__PURE__ */ import_react.default.createElement(
+        import_schema.RecursionField,
+        {
+          schema: items,
+          name: index,
+          filterProperties: (schema2) => {
+            if (!isOperationComponent(schema2)) return false;
+            return true;
+          },
+          onlyRenderProperties: true
+        }
+      ) : null, props.extra);
+      const content = items ? /* @__PURE__ */ import_react.default.createElement(
+        import_schema.RecursionField,
+        {
+          schema: items,
+          name: index,
+          filterProperties: (schema2) => {
+            if (isIndexComponent(schema2)) return false;
+            if (isOperationComponent(schema2)) return false;
+            return true;
+          }
+        }
+      ) : null;
+      return /* @__PURE__ */ import_react.default.createElement(import_array_base.ArrayBase.Item, { key: index, index, record: () => {
+        var _a;
+        return (_a = field.value) == null ? void 0 : _a[index];
+      } }, /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Card,
+        {
+          ...props,
+          onChange: () => {
+          },
+          className: (0, import_classnames.default)(`${prefixCls}-item`, hashId, props.className),
+          title,
+          extra
+        },
+        content
+      ));
+    });
+  }, "renderItems");
+  const renderAddition = /* @__PURE__ */ __name(() => {
+    return schema.reduceProperties((addition, schema2, key) => {
+      if (isAdditionComponent(schema2)) {
+        return /* @__PURE__ */ import_react.default.createElement(import_schema.RecursionField, { schema: schema2, name: key });
+      }
+      return addition;
+    }, null);
+  }, "renderAddition");
+  const renderEmpty = /* @__PURE__ */ __name(() => {
+    if (dataSource == null ? void 0 : dataSource.length) return;
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Card,
+      {
+        ...props,
+        onChange: () => {
+        },
+        className: (0, import_classnames.default)(`${prefixCls}-item`, hashId, props.className),
+        title: props.title || field.title
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Empty, null)
+    );
+  }, "renderEmpty");
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement(import_array_base.ArrayBase, null, renderEmpty(), renderItems(), renderAddition())
+  );
+});
+const ArrayCards = import_array_base.ArrayBase.mixin(InternalArrayCards);
+ArrayCards.displayName = "ArrayCards";
+var array_cards_default = ArrayCards;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ArrayCards,
+  InternalArrayCards
+});

package/lib/array-cards/style.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (prefixCls: string) => import("..").UseComponentStyleResult;
+export default _default;

package/lib/array-cards/style.js

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default
+});
+module.exports = __toCommonJS(style_exports);
+var import_builtins = require("../__builtins__");
+var style_default = (0, import_builtins.genStyleHook)("array-cards", (token) => {
+  const { componentCls, antCls } = token;
+  const arrayBase = `${antCls}-formily-array-base`;
+  return {
+    [componentCls]: {
+      "&-item": {
+        marginBottom: "10px !important"
+      },
+      [`${arrayBase}-copy`]: {
+        marginInlineStart: 6
+      }
+    }
+  };
+});

package/lib/array-collapse/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ReactFC } from '@tachybase/schema';
+import { CollapsePanelProps, CollapseProps } from 'antd';
+export interface IArrayCollapseProps extends CollapseProps {
+    defaultOpenPanelCount?: number;
+}
+export declare const ArrayCollapse: ReactFC<IArrayCollapseProps> & import("..").ArrayBaseMixins & {
+    CollapsePanel: React.FC<React.PropsWithChildren<CollapsePanelProps>>;
+};
+export default ArrayCollapse;