@tachybase/components 0.23.8

package/lib/array-collapse/index.js

@@ -0,0 +1,199 @@
+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_collapse_exports = {};
+__export(array_collapse_exports, {
+  ArrayCollapse: () => ArrayCollapse,
+  default: () => array_collapse_default
+});
+module.exports = __toCommonJS(array_collapse_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 = __toESM(require("../array-base"));
+var import_style = __toESM(require("./style"));
+const isAdditionComponent = /* @__PURE__ */ __name((schema) => {
+  var _a, _b;
+  return ((_b = (_a = schema["x-component"]) == null ? void 0 : _a.indexOf) == null ? void 0 : _b.call(_a, "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 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) || isMoveDownComponent(schema) || isMoveUpComponent(schema);
+}, "isOperationComponent");
+const range = /* @__PURE__ */ __name((count) => Array.from({ length: count }).map((_, i) => i), "range");
+const takeDefaultActiveKeys = /* @__PURE__ */ __name((dataSourceLength, defaultOpenPanelCount) => {
+  if (dataSourceLength < defaultOpenPanelCount) return range(dataSourceLength);
+  return range(defaultOpenPanelCount);
+}, "takeDefaultActiveKeys");
+const insertActiveKeys = /* @__PURE__ */ __name((activeKeys, index) => {
+  if (activeKeys.length <= index) return activeKeys.concat(index);
+  return activeKeys.reduce((buf, key) => {
+    if (key < index) return buf.concat(key);
+    if (key === index) return buf.concat([key, key + 1]);
+    return buf.concat(key + 1);
+  }, []);
+}, "insertActiveKeys");
+const InternalArrayCollapse = (0, import_schema.observer)((props) => {
+  const field = (0, import_schema.useField)();
+  const dataSource = Array.isArray(field.value) ? field.value : [];
+  const [activeKeys, setActiveKeys] = (0, import_react.useState)(
+    takeDefaultActiveKeys(dataSource.length, props.defaultOpenPanelCount)
+  );
+  const schema = (0, import_schema.useFieldSchema)();
+  const prefixCls = (0, import_builtins.usePrefixCls)("formily-array-collapse", props);
+  const [wrapSSR, hashId] = (0, import_style.default)(prefixCls);
+  (0, import_react.useEffect)(() => {
+    if (!field.modified && dataSource.length) {
+      setActiveKeys(takeDefaultActiveKeys(dataSource.length, props.defaultOpenPanelCount));
+    }
+  }, [dataSource.length, field]);
+  if (!schema) throw new Error("can not found schema object");
+  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.length) return;
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Card, { className: (0, import_classnames.default)(`${prefixCls}-item`, hashId, props.className) }, /* @__PURE__ */ import_react.default.createElement(import_antd.Empty, null));
+  }, "renderEmpty");
+  const renderItems = /* @__PURE__ */ __name(() => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Collapse,
+      {
+        ...props,
+        activeKey: activeKeys,
+        onChange: (keys) => setActiveKeys((0, import_schema.toArr)(keys).map(Number)),
+        className: (0, import_classnames.default)(`${prefixCls}-item`, hashId, props.className)
+      },
+      dataSource.map((item, index) => {
+        const items = Array.isArray(schema.items) ? schema.items[index] || schema.items[0] : schema.items;
+        if (!items) return null;
+        const panelProps = field.query(`${field.address}.${index}`).get("componentProps");
+        const props2 = items["x-component-props"];
+        const header = /* @__PURE__ */ __name(() => {
+          const header2 = `${(panelProps == null ? void 0 : panelProps.header) || props2.header || field.title}`;
+          const path = field.address.concat(index);
+          const errors = field.form.queryFeedbacks({
+            type: "error",
+            address: `${path}.**`
+          });
+          return /* @__PURE__ */ import_react.default.createElement(import_array_base.default.Item, { index, record: () => {
+            var _a;
+            return (_a = field.value) == null ? void 0 : _a[index];
+          } }, /* @__PURE__ */ import_react.default.createElement(
+            import_schema.RecursionField,
+            {
+              schema: items,
+              name: index,
+              filterProperties: (schema2) => {
+                if (!isIndexComponent(schema2)) return false;
+                return true;
+              },
+              onlyRenderProperties: true
+            }
+          ), errors.length ? /* @__PURE__ */ import_react.default.createElement(import_antd.Badge, { size: "small", className: "errors-badge", count: errors.length }, header2) : header2);
+        }, "header");
+        const extra = /* @__PURE__ */ import_react.default.createElement(import_array_base.default.Item, { index, record: item }, /* @__PURE__ */ import_react.default.createElement(
+          import_schema.RecursionField,
+          {
+            schema: items,
+            name: index,
+            filterProperties: (schema2) => {
+              if (!isOperationComponent(schema2)) return false;
+              return true;
+            },
+            onlyRenderProperties: true
+          }
+        ), panelProps == null ? void 0 : panelProps.extra);
+        const content = /* @__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;
+            }
+          }
+        );
+        return /* @__PURE__ */ import_react.default.createElement(import_antd.Collapse.Panel, { key: index, ...props2, ...panelProps, forceRender: true, header: header(), extra }, /* @__PURE__ */ import_react.default.createElement(import_array_base.default.Item, { index, key: index, record: item }, content));
+      })
+    );
+  }, "renderItems");
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement(
+      import_array_base.default,
+      {
+        onAdd: (index) => {
+          setActiveKeys(insertActiveKeys(activeKeys, index));
+        }
+      },
+      renderEmpty(),
+      renderItems(),
+      renderAddition()
+    )
+  );
+});
+const CollapsePanel = /* @__PURE__ */ __name(({ children }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_react.Fragment, null, children);
+}, "CollapsePanel");
+CollapsePanel.displayName = "CollapsePanel";
+const ArrayCollapse = Object.assign(import_array_base.default.mixin(InternalArrayCollapse), {
+  CollapsePanel
+});
+ArrayCollapse.displayName = "ArrayCollapse";
+ArrayCollapse.defaultProps = {
+  defaultOpenPanelCount: 5
+};
+var array_collapse_default = ArrayCollapse;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ArrayCollapse
+});

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

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

package/lib/array-collapse/style.js

@@ -0,0 +1,33 @@
+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)("", (token) => {
+  const { componentCls } = token;
+  return {
+    [componentCls]: {
+      "&-item": {
+        marginBottom: "10px !important"
+      }
+    }
+  };
+});

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ReactFC } from '@tachybase/schema';
+export declare const ArrayItems: ReactFC<React.HTMLAttributes<HTMLDivElement>> & import("..").ArrayBaseMixins & {
+    Item: ReactFC<React.HTMLAttributes<HTMLDivElement> & {
+        type?: "card" | "divide";
+    }>;
+};
+export default ArrayItems;

package/lib/array-items/index.js

@@ -0,0 +1,122 @@
+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_items_exports = {};
+__export(array_items_exports, {
+  ArrayItems: () => ArrayItems,
+  default: () => array_items_default
+});
+module.exports = __toCommonJS(array_items_exports);
+var import_react = __toESM(require("react"));
+var import_schema = require("@tachybase/schema");
+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 SortableItem = (0, import_builtins.SortableElement)((props) => {
+  const prefixCls = (0, import_builtins.usePrefixCls)("formily-array-items");
+  const [wrapSSR, hashId] = (0, import_style.default)(prefixCls);
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement("div", { ...props, className: (0, import_classnames.default)(`${prefixCls}-item`, hashId, props.className) }, props.children)
+  );
+});
+const SortableList = (0, import_builtins.SortableContainer)((props) => {
+  const prefixCls = (0, import_builtins.usePrefixCls)("formily-array-items");
+  const [wrapSSR, hashId] = (0, import_style.default)(prefixCls);
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement("div", { ...props, className: (0, import_classnames.default)(`${prefixCls}-list`, hashId, props.className) }, props.children)
+  );
+});
+const isAdditionComponent = /* @__PURE__ */ __name((schema) => {
+  var _a;
+  return ((_a = schema["x-component"]) == null ? void 0 : _a.indexOf("Addition")) > -1;
+}, "isAdditionComponent");
+const useAddition = /* @__PURE__ */ __name(() => {
+  const schema = (0, import_schema.useFieldSchema)();
+  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);
+}, "useAddition");
+const InternalArrayItems = (0, import_schema.observer)((props) => {
+  const field = (0, import_schema.useField)();
+  const prefixCls = (0, import_builtins.usePrefixCls)("formily-array-items");
+  const [wrapSSR, hashId] = (0, import_style.default)(prefixCls);
+  const schema = (0, import_schema.useFieldSchema)();
+  const addition = useAddition();
+  const dataSource = Array.isArray(field.value) ? field.value : [];
+  if (!schema) throw new Error("can not found schema object");
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement(import_array_base.ArrayBase, null, /* @__PURE__ */ import_react.default.createElement("div", { ...props, onChange: () => {
+    }, className: (0, import_classnames.default)(prefixCls, hashId, props.className) }, /* @__PURE__ */ import_react.default.createElement(
+      SortableList,
+      {
+        list: dataSource.slice(),
+        className: `${prefixCls}-sort-helper`,
+        onSortEnd: (event) => {
+          const { oldIndex, newIndex } = event;
+          field.move(oldIndex, newIndex);
+        }
+      },
+      dataSource == null ? void 0 : dataSource.map((item, index) => {
+        const items = Array.isArray(schema.items) ? schema.items[index] || schema.items[0] : schema.items;
+        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(SortableItem, { key: `item-${index}`, lockAxis: "y", index }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-inner` }, items ? /* @__PURE__ */ import_react.default.createElement(import_schema.RecursionField, { schema: items, name: index }) : null)));
+      })
+    ), addition))
+  );
+});
+const Item = /* @__PURE__ */ __name((props) => {
+  const prefixCls = (0, import_builtins.usePrefixCls)("formily-array-items");
+  const [wrapSSR, hashId] = (0, import_style.default)(prefixCls);
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        ...props,
+        onChange: () => {
+        },
+        className: (0, import_classnames.default)(`${prefixCls}-${props.type || "card"}`, hashId, props.className)
+      },
+      props.children
+    )
+  );
+}, "Item");
+const ArrayItems = Object.assign(import_array_base.ArrayBase.mixin(InternalArrayItems), {
+  Item
+});
+ArrayItems.displayName = "ArrayItems";
+var array_items_default = ArrayItems;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ArrayItems
+});

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

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

package/lib/array-items/style.js

@@ -0,0 +1,82 @@
+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-items", (token) => {
+  const { componentCls, antCls, colorBgBase, fontSizeSM, colorBorder, colorText } = token;
+  const itemCls = `${antCls}-formily-item`;
+  return {
+    [componentCls]: {
+      [`${componentCls}-item-inner`]: {
+        visibility: "visible"
+      },
+      "&-item": {
+        zIndex: 1e5
+      },
+      "&-card": {
+        display: "flex",
+        border: `1px solid ${colorBorder}`,
+        marginBottom: 10,
+        padding: "3px 6px",
+        background: colorBgBase,
+        justifyContent: "space-between",
+        color: colorText,
+        [`${itemCls}:not(${itemCls}-feedback-layout-popover)`]: {
+          marginBottom: "0 !important",
+          [`${itemCls}-help`]: {
+            position: "absolute",
+            fontSize: fontSizeSM,
+            top: "100%",
+            background: colorBgBase,
+            width: "100%",
+            marginTop: 3,
+            padding: 3,
+            zIndex: 1,
+            borderRadius: 3,
+            boxShadow: `0 0 10px ${colorBorder}`
+          }
+        }
+      },
+      "&-divide": {
+        display: "flex",
+        borderBottom: `1px solid ${colorBorder}`,
+        padding: "10px 0",
+        justifyContent: "space-between",
+        [`${itemCls}:not(${itemCls}-feedback-layout-popover)`]: {
+          marginBottom: "0 !important",
+          [`${itemCls}-help`]: {
+            position: "absolute",
+            fontSize: fontSizeSM,
+            top: "100%",
+            background: colorBgBase,
+            width: "100%",
+            marginTop: 3,
+            padding: 3,
+            zIndex: 1,
+            borderRadius: 3,
+            boxShadow: `0 0 10px ${colorBorder}`
+          }
+        }
+      }
+    }
+  };
+});

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

@@ -0,0 +1,9 @@
+import { ReactFC } from '@tachybase/schema';
+import { TableProps } from 'antd';
+import { ColumnProps } from 'antd/es/table';
+import { ArrayBaseMixins } from '../array-base';
+export declare const ArrayTable: ReactFC<TableProps<any>> & ArrayBaseMixins & {
+    Column: ReactFC<ColumnProps<any>>;
+    Addition: ReactFC<import("..").IArrayBaseAdditionProps>;
+};
+export default ArrayTable;