@tachybase/components 0.23.8

package/lib/select-table/index.js

@@ -0,0 +1,339 @@
+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 select_table_exports = {};
+__export(select_table_exports, {
+  SelectTable: () => SelectTable,
+  default: () => select_table_default
+});
+module.exports = __toCommonJS(select_table_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_hooks = require("./hooks");
+var import_style = __toESM(require("./style"));
+var import_utils = require("./utils");
+const { Search } = import_antd.Input;
+const isColumnComponent = /* @__PURE__ */ __name((schema) => {
+  var _a;
+  return ((_a = schema["x-component"]) == null ? void 0 : _a.indexOf("Column")) > -1;
+}, "isColumnComponent");
+const useSources = /* @__PURE__ */ __name(() => {
+  const arrayField = (0, import_schema.useField)();
+  const schema = (0, import_schema.useFieldSchema)();
+  const parseSources = /* @__PURE__ */ __name((schema2) => {
+    var _a, _b, _c;
+    if (isColumnComponent(schema2)) {
+      if (!((_a = schema2["x-component-props"]) == null ? void 0 : _a["dataIndex"]) && !schema2["name"]) return [];
+      const name = ((_b = schema2["x-component-props"]) == null ? void 0 : _b["dataIndex"]) || schema2["name"];
+      const field = arrayField.query(arrayField.address.concat(name)).take();
+      const columnProps = ((_c = field == null ? void 0 : field.component) == null ? void 0 : _c[1]) || schema2["x-component-props"] || {};
+      const display = (field == null ? void 0 : field.display) || schema2["x-display"];
+      return [
+        {
+          name,
+          display,
+          field,
+          schema: schema2,
+          columnProps: {
+            title: (field == null ? void 0 : field.title) || columnProps.title,
+            ...columnProps
+          }
+        }
+      ];
+    } else if (schema2.properties) {
+      return schema2.reduceProperties((buf, schema3) => {
+        return buf.concat(parseSources(schema3));
+      }, []);
+    }
+    return [];
+  }, "parseSources");
+  const parseArrayItems = /* @__PURE__ */ __name((schema2) => {
+    if (!schema2) return [];
+    const sources = [];
+    const items = (0, import_schema.isArr)(schema2) ? schema2 : [schema2];
+    return items.reduce((columns, schema3) => {
+      const item = parseSources(schema3);
+      if (item) {
+        return columns.concat(item);
+      }
+      return columns;
+    }, sources);
+  }, "parseArrayItems");
+  const validSchema = (schema == null ? void 0 : schema.type) === "array" && (schema == null ? void 0 : schema.items) ? schema.items : schema;
+  return parseArrayItems(validSchema);
+}, "useSources");
+const useColumns = /* @__PURE__ */ __name((sources) => {
+  return sources.reduce((buf, { name, columnProps, schema, display }, key) => {
+    if (display !== "visible") return buf;
+    if (!isColumnComponent(schema)) return buf;
+    return buf.concat({
+      ...columnProps,
+      key,
+      dataIndex: name
+    });
+  }, []);
+}, "useColumns");
+const addPrimaryKey = /* @__PURE__ */ __name((dataSource, rowKey, primaryKey) => dataSource.map((item) => {
+  const children = (0, import_schema.isArr)(item.children) ? addPrimaryKey(item.children, rowKey, primaryKey) : {};
+  return {
+    ...item,
+    ...children,
+    [primaryKey]: rowKey(item)
+  };
+}), "addPrimaryKey");
+const InternalSelectTable = (0, import_schema.observer)((props) => {
+  var _a, _b;
+  const {
+    mode,
+    dataSource: propsDataSource,
+    optionAsValue,
+    valueType,
+    showSearch,
+    filterOption,
+    filterSort,
+    onSearch,
+    searchProps,
+    className,
+    value,
+    onChange,
+    rowSelection,
+    primaryKey: rowKey,
+    ...otherTableProps
+  } = props;
+  const prefixCls = (0, import_builtins.usePrefixCls)("formily-select-table", props);
+  const [wrapSSR, hashId] = (0, import_style.default)(prefixCls);
+  const [searchValue, setSearchValue] = (0, import_react.useState)();
+  const field = (0, import_schema.useField)();
+  const loading = (0, import_schema.isBool)(props.loading) ? props.loading : field.loading;
+  const disabled = field.disabled;
+  const readOnly = field.readOnly;
+  const readPretty = field.readPretty;
+  const { searchSize, tableSize } = (0, import_hooks.useSize)((_a = field.decoratorProps) == null ? void 0 : _a.size, searchProps == null ? void 0 : searchProps.size, props == null ? void 0 : props.size);
+  const primaryKey = (0, import_schema.isFn)(rowKey) ? "__formily_key__" : rowKey;
+  const sources = useSources();
+  const columns = useColumns(sources);
+  let dataSource = (0, import_schema.isArr)(propsDataSource) ? propsDataSource : field.dataSource;
+  dataSource = (0, import_schema.isFn)(rowKey) ? addPrimaryKey(dataSource, rowKey, primaryKey) : dataSource;
+  const filteredDataSource = (0, import_hooks.useFilterOptions)(dataSource, searchValue, filterOption, rowSelection == null ? void 0 : rowSelection.checkStrictly);
+  const orderedFilteredDataSource = (0, import_react.useMemo)(() => {
+    if (!filterSort) {
+      return filteredDataSource;
+    }
+    return [...filteredDataSource].sort((a, b) => filterSort(a, b));
+  }, [filteredDataSource, filterSort]);
+  const flatDataSource = (0, import_hooks.useFlatOptions)(dataSource);
+  const flatFilteredDataSource = (0, import_hooks.useFlatOptions)(filteredDataSource);
+  const getWholeDataSource = /* @__PURE__ */ __name(() => {
+    if (optionAsValue && mode === "multiple" && (value == null ? void 0 : value.length)) {
+      const map = /* @__PURE__ */ new Map();
+      const arr = [...flatDataSource, ...value];
+      arr.forEach((item) => {
+        if (!primaryKey) return;
+        if (!map.has(item[primaryKey])) {
+          map.set(item[primaryKey], item);
+        }
+      });
+      return [...map.values()];
+    }
+    return flatDataSource;
+  }, "getWholeDataSource");
+  const selected = (0, import_utils.getUISelected)(
+    value,
+    flatDataSource,
+    primaryKey,
+    valueType,
+    optionAsValue,
+    mode,
+    rowSelection == null ? void 0 : rowSelection.checkStrictly,
+    rowKey
+  );
+  const readPrettyDataSource = (0, import_hooks.useFilterOptions)(
+    orderedFilteredDataSource,
+    selected,
+    (value2, item) => primaryKey && value2.includes(item[primaryKey])
+  );
+  const onInnerSearch = /* @__PURE__ */ __name((searchText) => {
+    const formatted = (searchText || "").trim();
+    setSearchValue(searchText);
+    onSearch == null ? void 0 : onSearch(formatted);
+  }, "onInnerSearch");
+  const onInnerChange = /* @__PURE__ */ __name((selectedRowKeys) => {
+    if (readOnly) {
+      return;
+    }
+    const wholeRecords = getWholeDataSource().filter(
+      (item) => primaryKey && selectedRowKeys.includes(item == null ? void 0 : item[primaryKey])
+    );
+    const { outputValue, outputOptions } = (0, import_utils.getOutputData)(
+      selectedRowKeys,
+      wholeRecords,
+      dataSource,
+      primaryKey,
+      valueType,
+      optionAsValue,
+      mode,
+      rowSelection == null ? void 0 : rowSelection.checkStrictly
+    );
+    onChange == null ? void 0 : onChange(outputValue, outputOptions);
+  }, "onInnerChange");
+  const onRowClick = /* @__PURE__ */ __name((record) => {
+    if (readPretty || disabled || readOnly || (record == null ? void 0 : record.disabled)) {
+      return;
+    }
+    const selectedRowKey = primaryKey ? record == null ? void 0 : record[primaryKey] : null;
+    const isSelected = selectedRowKey ? selected == null ? void 0 : selected.includes(selectedRowKey) : false;
+    let selectedRowKeys = [];
+    if (mode === "single" && selectedRowKey) {
+      selectedRowKeys = [selectedRowKey];
+    } else {
+      if (isSelected) {
+        selectedRowKeys = selected.filter((item) => item !== selectedRowKey);
+      } else {
+        selectedRowKeys = [...selected, selectedRowKey];
+      }
+    }
+    if ((rowSelection == null ? void 0 : rowSelection.checkStrictly) !== false) {
+      onInnerChange(selectedRowKeys);
+    } else {
+      onSlacklyChange(selectedRowKeys);
+    }
+  }, "onRowClick");
+  const onSlacklyChange = /* @__PURE__ */ __name((currentSelected) => {
+    const { selectedRowKeys } = (0, import_hooks.useCheckSlackly)(
+      currentSelected,
+      selected,
+      flatDataSource,
+      flatFilteredDataSource,
+      primaryKey,
+      rowSelection == null ? void 0 : rowSelection.checkStrictly
+    );
+    onInnerChange(selectedRowKeys);
+  }, "onSlacklyChange");
+  const titleAddon = (0, import_hooks.useTitleAddon)(
+    selected,
+    flatDataSource,
+    flatFilteredDataSource,
+    primaryKey,
+    mode,
+    disabled,
+    readOnly,
+    rowSelection == null ? void 0 : rowSelection.checkStrictly,
+    onInnerChange
+  );
+  const modeAsType = (_b = { multiple: "checkbox", single: "radio" }) == null ? void 0 : _b[mode || ""];
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(prefixCls, hashId) }, showSearch ? /* @__PURE__ */ import_react.default.createElement(
+      Search,
+      {
+        ...searchProps,
+        className: (0, import_classnames.default)(`${prefixCls}-search`, searchProps == null ? void 0 : searchProps.className),
+        style: { width: "100%", ...searchProps == null ? void 0 : searchProps.style },
+        onSearch: onInnerSearch,
+        onChange: (e) => onInnerSearch(e.target.value),
+        disabled,
+        readOnly,
+        size: searchSize,
+        loading
+      }
+    ) : null, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Table,
+      {
+        ...otherTableProps,
+        className: (0, import_classnames.default)(`${prefixCls}-table`, className),
+        dataSource: readPretty ? readPrettyDataSource : orderedFilteredDataSource,
+        rowSelection: readPretty ? void 0 : {
+          ...rowSelection,
+          ...titleAddon,
+          getCheckboxProps: /* @__PURE__ */ __name((record) => {
+            var _a2;
+            return {
+              ...(_a2 = rowSelection == null ? void 0 : rowSelection.getCheckboxProps) == null ? void 0 : _a2.call(rowSelection, record),
+              disabled: disabled || (record == null ? void 0 : record.disabled)
+            };
+          }, "getCheckboxProps"),
+          // antd
+          ...(rowSelection == null ? void 0 : rowSelection.checkStrictly) !== false ? {} : {
+            renderCell: /* @__PURE__ */ __name((checked, record, index, originNode) => {
+              return import_react.default.cloneElement(originNode, {
+                indeterminate: (0, import_hooks.getIndeterminate)(record, flatDataSource, selected, primaryKey)
+              });
+            }, "renderCell")
+          },
+          selectedRowKeys: selected,
+          onChange: (rowSelection == null ? void 0 : rowSelection.checkStrictly) !== false ? onInnerChange : onSlacklyChange,
+          type: modeAsType,
+          preserveSelectedRowKeys: true,
+          checkStrictly: true
+        },
+        columns: props.columns || columns,
+        rowKey: primaryKey,
+        loading,
+        size: tableSize,
+        onRow: (record) => {
+          var _a2;
+          const onRowResult = (_a2 = otherTableProps.onRow) == null ? void 0 : _a2.call(otherTableProps, record);
+          return {
+            ...onRowResult,
+            onClick: /* @__PURE__ */ __name((e) => {
+              var _a3;
+              (_a3 = onRowResult == null ? void 0 : onRowResult.onClick) == null ? void 0 : _a3.call(onRowResult, e);
+              onRowClick(record);
+            }, "onClick")
+          };
+        }
+      },
+      ""
+    ), sources.map((column, key) => {
+      if (!isColumnComponent(column.schema)) return;
+      return import_react.default.createElement(import_schema.RecursionField, {
+        name: column.name,
+        schema: column.schema,
+        onlyRenderSelf: true,
+        key
+      });
+    }))
+  );
+});
+const TableColumn = /* @__PURE__ */ __name(() => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null), "TableColumn");
+const SelectTable = Object.assign(InternalSelectTable, {
+  Column: TableColumn
+});
+SelectTable.defaultProps = {
+  showSearch: false,
+  valueType: "all",
+  primaryKey: "key",
+  mode: "multiple"
+};
+var select_table_default = SelectTable;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectTable
+});

package/lib/select-table/style.d.ts

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

package/lib/select-table/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)("select-table", (token) => {
+  const { componentCls } = token;
+  return {
+    [componentCls]: {
+      [`${componentCls}-search`]: {
+        marginBottom: 8
+      }
+    }
+  };
+});

package/lib/select-table/utils.d.ts

@@ -0,0 +1,78 @@
+/**
+ * 获取树列表某个键值的集合
+ * @param tree 树列表
+ * @param primaryKey 键名称
+ * @returns 键值数组集合
+ */
+declare const getTreeKeys: (tree: any[], primaryKey?: string) => any;
+/**
+ * 判断树列表中是否有任一 key 被选中
+ * @param tree 树列表
+ * @param selected 已选中的 keys
+ * @param primaryKey 键名
+ * @returns
+ */
+declare const hasSelectedKey: (tree: any[], selected: any[], primaryKey: string) => boolean;
+/**
+ * 判断列表项是否全部被选中
+ * @param list 一阶列表
+ * @param selected 当前选中的字段值集合
+ * @param primaryKey 键名称
+ * @returns 是否全部被选中
+ */
+declare const isAllSelected: (list: any[], selected: any[], primaryKey?: string) => boolean;
+/**
+ * 完善TableUI Keys（添加选中所有子元素的父元素，或移除未选中所有子元素的父元素）
+ * @param flatDataSource 完整数据平铺列表
+ * @param selected 当前选中的字段值集合
+ * @param primaryKey 键名称
+ * @returns 完整的字段值集合
+ */
+declare const completedKeys: (flatDataSource: any[], selected: any[], primaryKey?: string) => any[];
+/**
+ * 删除树列表的某个 key/value 键值对
+ * @param tree
+ * @param key
+ * @returns
+ */
+declare const deleteTreeItem: (tree: any[], key: string) => any[];
+/**
+ * 根据 valueType 获取最终输出值
+ * @param keys 当前选中的 key 集合（all完整类型）
+ * @param records 当前选中的 option 集合
+ * @param dataSource 数据源集合
+ * @param primaryKey 键名
+ * @param originalValueType 值输出类型
+ * @param originalOptionAsValue
+ * @param mode
+ * @param checkStrictly
+ * @returns 最终输出的 keys 和 options
+ */
+declare const getOutputData: (keys: any[], options: any[], dataSource: any[] | undefined, primaryKey: string, originalValueType: string, originalOptionAsValue: boolean, mode: string, checkStrictly: boolean | undefined) => {
+    outputValue: any[];
+    outputOptions: any[];
+};
+/**
+ * 根据 valueType 获取 TableUI 显示值
+ * @param keys 回填的数据（输出的）keys 集合
+ * @param flatDataSource 平铺的数据源集合
+ * @param primaryKey 键名称
+ * @param originalValueType 值输出类型
+ * @param originalOptionAsValue
+ * @param mode
+ * @param checkStrictly
+ * @param rowKey
+ * @returns [] TableUI keys 集合
+ */
+declare const getUISelected: (value: any, flatDataSource: any[] | undefined, primaryKey: string | undefined, originalValueType: string | undefined, originalOptionAsValue: boolean | undefined, mode: string | undefined, checkStrictly: boolean | undefined, rowKey: string | ((record: any) => string) | undefined) => string[];
+/**
+ * 获取兼容筛选模式下是否全部选中子元素
+ * @param selected 已选中项
+ * @param dataSource 当前数据结构
+ * @param usableKeys 当前数据结构的可执行项
+ * @param checkStrictly
+ * @param primaryKey
+ * @returns 是否全部选中
+ */
+declare const getCompatibleAllSelected: (selected: any[], dataSource: any[] | undefined, usableKeys: string | any[], checkStrictly: boolean | undefined, primaryKey: string) => boolean;
+export { hasSelectedKey, getTreeKeys, deleteTreeItem, isAllSelected, getUISelected, getOutputData, completedKeys, getCompatibleAllSelected, };

package/lib/select-table/utils.js

@@ -0,0 +1,166 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+__export(utils_exports, {
+  completedKeys: () => completedKeys,
+  deleteTreeItem: () => deleteTreeItem,
+  getCompatibleAllSelected: () => getCompatibleAllSelected,
+  getOutputData: () => getOutputData,
+  getTreeKeys: () => getTreeKeys,
+  getUISelected: () => getUISelected,
+  hasSelectedKey: () => hasSelectedKey,
+  isAllSelected: () => isAllSelected
+});
+module.exports = __toCommonJS(utils_exports);
+var import_schema = require("@tachybase/schema");
+var import_useFlatOptions = require("./hooks/useFlatOptions");
+const getTreeKeys = /* @__PURE__ */ __name((tree, primaryKey = "") => (0, import_schema.isArr)(tree) ? tree.reduce((prev, current) => {
+  if (current == null ? void 0 : current.disabled) {
+    return prev;
+  }
+  return [...prev, current[primaryKey], ...getTreeKeys(current == null ? void 0 : current.children, primaryKey)];
+}, []) : [], "getTreeKeys");
+const hasSelectedKey = /* @__PURE__ */ __name((tree, selected, primaryKey) => {
+  const keys = getTreeKeys(tree, primaryKey);
+  const mergedKeys = [...keys, ...selected];
+  const validKeys = [...new Set(mergedKeys)];
+  return validKeys.length !== mergedKeys.length;
+}, "hasSelectedKey");
+const isAllSelected = /* @__PURE__ */ __name((list, selected, primaryKey = "") => {
+  const validList = list.filter((item) => !(item == null ? void 0 : item.disabled));
+  const selectedList = validList.filter((item) => selected == null ? void 0 : selected.includes(item[primaryKey]));
+  return selectedList.length === validList.length;
+}, "isAllSelected");
+const completedKeys = /* @__PURE__ */ __name((flatDataSource = [], selected, primaryKey = "") => {
+  let allSelectedKeys = [...selected];
+  flatDataSource.forEach((item) => {
+    var _a;
+    if ((_a = item.children) == null ? void 0 : _a.length) {
+      allSelectedKeys = completedKeys(item.children, allSelectedKeys, primaryKey);
+      if (isAllSelected(item.children, allSelectedKeys, primaryKey)) {
+        if (!(item == null ? void 0 : item.disabled)) {
+          allSelectedKeys = [.../* @__PURE__ */ new Set([...allSelectedKeys, item[primaryKey]])];
+        }
+      } else {
+        allSelectedKeys = allSelectedKeys.filter((key) => key !== item[primaryKey]);
+      }
+    }
+  });
+  return allSelectedKeys;
+}, "completedKeys");
+const getSelectedPath = /* @__PURE__ */ __name((tree = [], selected, primaryKey) => {
+  const pathData = [];
+  tree.forEach((item) => {
+    const validChildren = getSelectedPath(item.children, selected, primaryKey);
+    if (validChildren.length || (selected == null ? void 0 : selected.includes(item[primaryKey]))) {
+      pathData.push({
+        ...item,
+        ...validChildren.length ? { children: validChildren } : {}
+      });
+    }
+  });
+  return pathData;
+}, "getSelectedPath");
+const deleteTreeItem = /* @__PURE__ */ __name((tree, key) => tree.map((item) => {
+  var _a;
+  const validItem = { ...item };
+  delete validItem[key];
+  if ((_a = validItem.children) == null ? void 0 : _a.length) {
+    validItem.children = deleteTreeItem(validItem.children, key);
+  }
+  return validItem;
+}), "deleteTreeItem");
+const getOutputData = /* @__PURE__ */ __name((keys, options, dataSource, primaryKey = "", originalValueType = "", originalOptionAsValue = false, mode = "", checkStrictly) => {
+  const valueType = checkStrictly !== false ? "all" : originalValueType;
+  const optionAsValue = valueType === "path" ? false : originalOptionAsValue;
+  let outputValue = [];
+  let outputOptions = [];
+  if (valueType === "parent") {
+    let childrenKeys = [];
+    options.forEach((option) => {
+      childrenKeys = [...childrenKeys, ...getTreeKeys(option.children, primaryKey)];
+    });
+    outputValue = keys.filter((key) => !childrenKeys.includes(key));
+    outputOptions = options.filter((options2) => outputValue.includes(options2[primaryKey]));
+  } else if (valueType === "child") {
+    outputValue = [...keys];
+    outputOptions = [...options];
+    outputOptions.forEach((option) => {
+      if (hasSelectedKey(option.children, keys, primaryKey)) {
+        outputValue = outputValue.filter((key) => key !== option[primaryKey]);
+        outputOptions = outputOptions.filter((options2) => options2[primaryKey] !== option[primaryKey]);
+      }
+    });
+  } else if (valueType === "path") {
+    outputValue = getSelectedPath(dataSource, keys, primaryKey);
+    outputOptions = [...options];
+  } else {
+    outputValue = [...keys];
+    outputOptions = [...options];
+  }
+  outputOptions = deleteTreeItem(outputOptions, "__formily_key__");
+  outputValue = optionAsValue && valueType !== "path" ? outputOptions : outputValue;
+  if (mode === "single") {
+    outputValue = outputValue[0];
+    outputOptions = outputOptions[0];
+  }
+  return { outputValue, outputOptions };
+}, "getOutputData");
+const getUISelected = /* @__PURE__ */ __name((value, flatDataSource, primaryKey, originalValueType, originalOptionAsValue, mode, checkStrictly, rowKey) => {
+  const valueType = checkStrictly !== false ? "all" : originalValueType;
+  const optionAsValue = valueType === "path" ? false : originalOptionAsValue;
+  let keys = mode === "single" ? [value] : (0, import_schema.isArr)(value) ? value : [];
+  keys = optionAsValue && valueType !== "path" ? keys.map((record) => (0, import_schema.isFn)(rowKey) ? rowKey(record) : record == null ? void 0 : record[primaryKey || ""]) : keys;
+  let newKeys = [];
+  if (valueType === "parent") {
+    const options = flatDataSource == null ? void 0 : flatDataSource.filter((item) => keys.includes(item[primaryKey || ""]));
+    let childrenKeys = [];
+    options == null ? void 0 : options.forEach((option) => {
+      childrenKeys = [...childrenKeys, ...getTreeKeys(option.children, primaryKey)];
+    });
+    newKeys = [.../* @__PURE__ */ new Set([...keys, ...childrenKeys])];
+  } else if (valueType === "child") {
+    newKeys = completedKeys(flatDataSource, keys, primaryKey);
+  } else if (valueType === "path") {
+    const pathKeys = (0, import_useFlatOptions.getFlatOptions)(keys).map((item) => item[primaryKey || ""]);
+    newKeys = completedKeys(flatDataSource, pathKeys, primaryKey);
+  } else {
+    newKeys = [...keys];
+  }
+  return newKeys;
+}, "getUISelected");
+const getCompatibleAllSelected = /* @__PURE__ */ __name((selected, dataSource, usableKeys, checkStrictly, primaryKey) => {
+  if (!usableKeys.length) {
+    return false;
+  }
+  const currentSelected = selected.filter((item) => usableKeys.includes(item));
+  const validSelected = checkStrictly !== false ? currentSelected : completedKeys(dataSource, currentSelected, primaryKey);
+  return validSelected.length === usableKeys.length;
+}, "getCompatibleAllSelected");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  completedKeys,
+  deleteTreeItem,
+  getCompatibleAllSelected,
+  getOutputData,
+  getTreeKeys,
+  getUISelected,
+  hasSelectedKey,
+  isAllSelected
+});

package/lib/space/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SpaceProps } from 'antd';
+export declare const Space: React.FC<React.PropsWithChildren<SpaceProps>>;
+export default Space;

package/lib/space/index.js

@@ -0,0 +1,49 @@
+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 space_exports = {};
+__export(space_exports, {
+  Space: () => Space,
+  default: () => space_default
+});
+module.exports = __toCommonJS(space_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_form_layout = require("../form-layout");
+const Space = /* @__PURE__ */ __name((props) => {
+  const layout = (0, import_form_layout.useFormLayout)();
+  return import_react.default.createElement(import_antd.Space, {
+    size: props.size ?? (layout == null ? void 0 : layout.spaceGap),
+    ...props
+  });
+}, "Space");
+var space_default = Space;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Space
+});