@nocobase/client 0.5.0-alpha.37 → 0.7.0-alpha.1

package/esm/schema-component/antd/record-picker/InputRecordPicker.js

@@ -0,0 +1,118 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RecursionField, useFieldSchema } from '@formily/react';
+import { Select } from 'antd';
+import { createContext, useContext, useState } from 'react';
+import { useTableSelectorProps as useTsp } from '../../../block-provider/TableSelectorProvider';
+import { CollectionProvider, useCollection } from '../../../collection-manager';
+import { FormProvider, SchemaComponentOptions } from '../../core';
+import { useCompile } from '../../hooks';
+import { ActionContext, useActionContext } from '../action';
+import { useFieldNames } from './useFieldNames';
+var RecordPickerContext = createContext(null);
+var useTableSelectorProps = function () {
+    var _a = useContext(RecordPickerContext), multiple = _a.multiple, value = _a.value, setSelectedRows = _a.setSelectedRows, selectedRows = _a.selectedRows;
+    var _b = useTsp(), onRowSelectionChange = _b.onRowSelectionChange, rowKey = _b.rowKey, others = __rest(_b, ["onRowSelectionChange", "rowKey"]);
+    return __assign(__assign({}, others), { rowKey: rowKey, rowSelection: {
+            type: multiple ? 'checkbox' : 'radio',
+            defaultSelectedRowKeys: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.map(function (item) { return item[rowKey || 'id']; }),
+            selectedRowKeys: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.map(function (item) { return item[rowKey || 'id']; }),
+        }, onRowSelectionChange: function (selectedRowKeys, selectedRows) {
+            onRowSelectionChange === null || onRowSelectionChange === void 0 ? void 0 : onRowSelectionChange(selectedRowKeys, selectedRows);
+            setSelectedRows === null || setSelectedRows === void 0 ? void 0 : setSelectedRows(selectedRows);
+        } });
+};
+var usePickActionProps = function () {
+    var setVisible = useActionContext().setVisible;
+    var _a = useContext(RecordPickerContext), multiple = _a.multiple, selectedRows = _a.selectedRows, onChange = _a.onChange;
+    return {
+        onClick: function () {
+            if (multiple) {
+                onChange(selectedRows);
+            }
+            else {
+                onChange((selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows[0]) || null);
+            }
+            setVisible(false);
+        },
+    };
+};
+var useAssociation = function (props) {
+    var fieldSchema = useFieldSchema();
+    var association = props.association;
+    var getField = useCollection().getField;
+    if (association) {
+        return association;
+    }
+    return getField(fieldSchema.name);
+};
+export var InputRecordPicker = function (props) {
+    var value = props.value, multiple = props.multiple, onChange = props.onChange;
+    var fieldNames = useFieldNames(props);
+    var _a = __read(useState(false), 2), visible = _a[0], setVisible = _a[1];
+    var fieldSchema = useFieldSchema();
+    var collectionField = useAssociation(props);
+    var compile = useCompile();
+    var options = (Array.isArray(value) ? value : value ? [value] : []).map(function (option) {
+        var _a;
+        var label = option[fieldNames.label];
+        return __assign(__assign({}, option), (_a = {}, _a[fieldNames.label] = compile(label), _a));
+    });
+    var _b = __read(useState(options), 2), selectedRows = _b[0], setSelectedRows = _b[1];
+    var values = options === null || options === void 0 ? void 0 : options.map(function (option) { return option[fieldNames.value]; });
+    return (_jsxs("div", { children: [_jsx(Select, { size: props.size, mode: multiple ? 'multiple' : props.mode, fieldNames: fieldNames, onDropdownVisibleChange: function (open) {
+                    setVisible(true);
+                }, allowClear: true, onChange: function (changed) {
+                    if (!changed) {
+                        onChange(null);
+                        setSelectedRows([]);
+                    }
+                    else if (!(changed === null || changed === void 0 ? void 0 : changed.length)) {
+                        onChange(null);
+                        setSelectedRows([]);
+                    }
+                    else if (Array.isArray(changed)) {
+                        var values_1 = options === null || options === void 0 ? void 0 : options.filter(function (option) { return changed.includes(option[fieldNames.value]); });
+                        onChange(values_1);
+                        setSelectedRows(values_1);
+                    }
+                }, options: options, value: multiple ? values : values === null || values === void 0 ? void 0 : values[0], open: false }, void 0), _jsx(RecordPickerContext.Provider, __assign({ value: { multiple: multiple, onChange: onChange, selectedRows: selectedRows, setSelectedRows: setSelectedRows } }, { children: _jsx(CollectionProvider, __assign({ allowNull: true, name: collectionField === null || collectionField === void 0 ? void 0 : collectionField.target }, { children: _jsx(ActionContext.Provider, __assign({ value: { openMode: 'drawer', visible: visible, setVisible: setVisible } }, { children: _jsx(FormProvider, { children: _jsx(SchemaComponentOptions, __assign({ scope: { useTableSelectorProps: useTableSelectorProps, usePickActionProps: usePickActionProps } }, { children: _jsx(RecursionField, { schema: fieldSchema, onlyRenderProperties: true }, void 0) }), void 0) }, void 0) }), void 0) }), void 0) }), void 0)] }, void 0));
+};
+//# sourceMappingURL=InputRecordPicker.js.map

package/esm/schema-component/antd/record-picker/InputRecordPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputRecordPicker.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/record-picker/InputRecordPicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RecursionField, useFieldSchema } from '@formily/react';\nimport { Select } from 'antd';\nimport React, { createContext, useContext, useState } from 'react';\nimport { useTableSelectorProps as useTsp } from '../../../block-provider/TableSelectorProvider';\nimport { CollectionProvider, useCollection } from '../../../collection-manager';\nimport { FormProvider, SchemaComponentOptions } from '../../core';\nimport { useCompile } from '../../hooks';\nimport { ActionContext, useActionContext } from '../action';\nimport { useFieldNames } from './useFieldNames';\n\nconst RecordPickerContext = createContext(null);\n\nconst useTableSelectorProps = () => {\n  const { multiple, value, setSelectedRows, selectedRows } = useContext(RecordPickerContext);\n  const { onRowSelectionChange, rowKey, ...others } = useTsp();\n  return {\n    ...others,\n    rowKey,\n    rowSelection: {\n      type: multiple ? 'checkbox' : 'radio',\n      defaultSelectedRowKeys: selectedRows?.map((item) => item[rowKey||'id']),\n      selectedRowKeys: selectedRows?.map((item) => item[rowKey||'id']),\n    },\n    onRowSelectionChange(selectedRowKeys, selectedRows) {\n      onRowSelectionChange?.(selectedRowKeys, selectedRows);\n      setSelectedRows?.(selectedRows);\n    },\n  };\n};\n\nconst usePickActionProps = () => {\n  const { setVisible } = useActionContext();\n  const { multiple, selectedRows, onChange } = useContext(RecordPickerContext);\n  return {\n    onClick() {\n      if (multiple) {\n        onChange(selectedRows);\n      } else {\n        onChange(selectedRows?.[0] || null);\n      }\n      setVisible(false);\n    },\n  };\n};\n\nconst useAssociation = (props) => {\n  const fieldSchema = useFieldSchema();\n  const { association } = props;\n  const { getField } = useCollection();\n  if (association) {\n    return association;\n  }\n  return getField(fieldSchema.name);\n};\n\nexport const InputRecordPicker: React.FC<any> = (props) => {\n  const { value, multiple, onChange } = props;\n  const fieldNames = useFieldNames(props);\n  const [visible, setVisible] = useState(false);\n  const fieldSchema = useFieldSchema();\n  const collectionField = useAssociation(props);\n  const compile = useCompile();\n  const options = (Array.isArray(value) ? value : value ? [value] : []).map(option => {\n    const label = option[fieldNames.label];\n    return {\n      ...option,\n      [fieldNames.label]: compile(label),\n    };\n  });\n  const [selectedRows, setSelectedRows] = useState(options);\n  const values = options?.map((option) => option[fieldNames.value]);\n  return (\n    <div>\n      <Select\n        size={props.size}\n        mode={multiple ? 'multiple' : props.mode}\n        fieldNames={fieldNames}\n        onDropdownVisibleChange={(open) => {\n          setVisible(true);\n        }}\n        allowClear\n        onChange={(changed: any) => {\n          if (!changed) {\n            onChange(null);\n            setSelectedRows([]);\n          } else if (!changed?.length) {\n            onChange(null);\n            setSelectedRows([]);\n          } else if (Array.isArray(changed)) {\n            const values = options?.filter((option) => changed.includes(option[fieldNames.value]));\n            onChange(values);\n            setSelectedRows(values);\n          }\n        }}\n        options={options}\n        value={multiple ? values : values?.[0]}\n        open={false}\n      />\n      <RecordPickerContext.Provider value={{ multiple, onChange, selectedRows, setSelectedRows }}>\n        <CollectionProvider allowNull name={collectionField?.target}>\n          <ActionContext.Provider value={{ openMode: 'drawer', visible, setVisible }}>\n            <FormProvider>\n              <SchemaComponentOptions scope={{ useTableSelectorProps, usePickActionProps }}>\n                <RecursionField schema={fieldSchema} onlyRenderProperties />\n              </SchemaComponentOptions>\n            </FormProvider>\n          </ActionContext.Provider>\n        </CollectionProvider>\n      </RecordPickerContext.Provider>\n    </div>\n  );\n};\n"]}

package/esm/schema-component/antd/record-picker/ReadPrettyRecordPicker.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ReadPrettyRecordPicker: React.FC;

package/esm/schema-component/antd/record-picker/ReadPrettyRecordPicker.js

@@ -0,0 +1,56 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { observer, RecursionField, useField, useFieldSchema } from '@formily/react';
+import { toArr } from '@formily/shared';
+import { Space } from 'antd';
+import { useState } from 'react';
+import { BlockAssociationContext } from '../../../block-provider';
+import { CollectionProvider, useCollection } from '../../../collection-manager';
+import { RecordProvider } from '../../../record-provider';
+import { FormProvider } from '../../core';
+import { ActionContext } from '../action';
+import { useFieldNames } from './useFieldNames';
+export var ReadPrettyRecordPicker = observer(function (props) {
+    var fieldSchema = useFieldSchema();
+    var field = useField();
+    var fieldNames = useFieldNames(props);
+    var _a = __read(useState(false), 2), visible = _a[0], setVisible = _a[1];
+    var getField = useCollection().getField;
+    var collectionField = getField(fieldSchema.name);
+    var _b = __read(useState({}), 2), record = _b[0], setRecord = _b[1];
+    return collectionField ? (_jsx("div", { children: _jsx(BlockAssociationContext.Provider, __assign({ value: collectionField.collectionName + "." + collectionField.name }, { children: _jsxs(CollectionProvider, __assign({ name: collectionField.target }, { children: [_jsx(Space, __assign({ size: 0, split: _jsx("span", __assign({ style: { marginRight: 4, color: '#aaa' } }, { children: ", " }), void 0) }, { children: toArr(field.value).map(function (record, index) {
+                            return (_jsx("span", { children: _jsx("a", __assign({ onClick: function (e) {
+                                        e.stopPropagation();
+                                        e.preventDefault();
+                                        setVisible(true);
+                                        setRecord(record);
+                                    } }, { children: record === null || record === void 0 ? void 0 : record[(fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label'] }), void 0) }, void 0));
+                        }) }), void 0), _jsx(ActionContext.Provider, __assign({ value: { visible: visible, setVisible: setVisible, openMode: 'drawer' } }, { children: _jsx(RecordProvider, __assign({ record: record }, { children: _jsx(FormProvider, { children: _jsx(RecursionField, { schema: fieldSchema, onlyRenderProperties: true }, void 0) }, void 0) }), void 0) }), void 0)] }), void 0) }), void 0) }, void 0)) : null;
+});
+//# sourceMappingURL=ReadPrettyRecordPicker.js.map

package/esm/schema-component/antd/record-picker/ReadPrettyRecordPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadPrettyRecordPicker.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/record-picker/ReadPrettyRecordPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACpF,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAC7B,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,CAAC,IAAM,sBAAsB,GAAa,QAAQ,CAAC,UAAC,KAAU;IAClE,IAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,IAAM,KAAK,GAAG,QAAQ,EAAS,CAAC;IAChC,IAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAClC,IAAA,KAAA,OAAwB,QAAQ,CAAC,KAAK,CAAC,IAAA,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IACtC,IAAA,QAAQ,GAAK,aAAa,EAAE,SAApB,CAAqB;IACrC,IAAM,eAAe,GAAG,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC7C,IAAA,KAAA,OAAsB,QAAQ,CAAC,EAAE,CAAC,IAAA,EAAjC,MAAM,QAAA,EAAE,SAAS,QAAgB,CAAC;IACzC,OAAO,eAAe,CAAC,CAAC,CAAC,CACvB,wBACE,KAAC,uBAAuB,CAAC,QAAQ,aAAC,KAAK,EAAK,eAAe,CAAC,cAAc,SAAI,eAAe,CAAC,IAAM,gBAClG,MAAC,kBAAkB,aAAC,IAAI,EAAE,eAAe,CAAC,MAAM,iBAC9C,KAAC,KAAK,aAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,wBAAM,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,gCAAW,gBAC7E,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK;4BACpC,OAAO,CACL,yBACE,qBACE,OAAO,EAAE,UAAC,CAAC;wCACT,CAAC,CAAC,eAAe,EAAE,CAAC;wCACpB,CAAC,CAAC,cAAc,EAAE,CAAC;wCACnB,UAAU,CAAC,IAAI,CAAC,CAAC;wCACjB,SAAS,CAAC,MAAM,CAAC,CAAC;oCACpB,CAAC,gBAEA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,YACrC,WACC,CACR,CAAC;wBACJ,CAAC,CAAC,YACI,EACR,KAAC,aAAa,CAAC,QAAQ,aAAC,KAAK,EAAE,EAAE,OAAO,SAAA,EAAE,UAAU,YAAA,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBACxE,KAAC,cAAc,aAAC,MAAM,EAAE,MAAM,gBAC5B,KAAC,YAAY,cACX,KAAC,cAAc,IAAC,MAAM,EAAE,WAAW,EAAE,oBAAoB,iBAAG,WAC/C,YACA,YACM,aACN,YACY,WAC/B,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC,CAAC","sourcesContent":["import { Field } from '@formily/core';\nimport { observer, RecursionField, useField, useFieldSchema } from '@formily/react';\nimport { toArr } from '@formily/shared';\nimport { Space } from 'antd';\nimport React, { useState } from 'react';\nimport { BlockAssociationContext } from '../../../block-provider';\nimport { CollectionProvider, useCollection } from '../../../collection-manager';\nimport { RecordProvider } from '../../../record-provider';\nimport { FormProvider } from '../../core';\nimport { ActionContext } from '../action';\nimport { useFieldNames } from './useFieldNames';\n\nexport const ReadPrettyRecordPicker: React.FC = observer((props: any) => {\n  const fieldSchema = useFieldSchema();\n  const field = useField<Field>();\n  const fieldNames = useFieldNames(props);\n  const [visible, setVisible] = useState(false);\n  const { getField } = useCollection();\n  const collectionField = getField(fieldSchema.name);\n  const [record, setRecord] = useState({});\n  return collectionField ? (\n    <div>\n      <BlockAssociationContext.Provider value={`${collectionField.collectionName}.${collectionField.name}`}>\n        <CollectionProvider name={collectionField.target}>\n          <Space size={0} split={<span style={{ marginRight: 4, color: '#aaa' }}>, </span>}>\n            {toArr(field.value).map((record, index) => {\n              return (\n                <span>\n                  <a\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      e.preventDefault();\n                      setVisible(true);\n                      setRecord(record);\n                    }}\n                  >\n                    {record?.[fieldNames?.label || 'label']}\n                  </a>\n                </span>\n              );\n            })}\n          </Space>\n          <ActionContext.Provider value={{ visible, setVisible, openMode: 'drawer' }}>\n            <RecordProvider record={record}>\n              <FormProvider>\n                <RecursionField schema={fieldSchema} onlyRenderProperties />\n              </FormProvider>\n            </RecordProvider>\n          </ActionContext.Provider>\n        </CollectionProvider>\n      </BlockAssociationContext.Provider>\n    </div>\n  ) : null;\n});\n"]}

package/esm/schema-component/antd/record-picker/RecordPicker.d.ts

@@ -0,0 +1 @@
+export declare const RecordPicker: any;

package/esm/schema-component/antd/record-picker/RecordPicker.js

@@ -0,0 +1,7 @@
+import { connect, mapReadPretty } from '@formily/react';
+import { InputRecordPicker } from './InputRecordPicker';
+import { ReadPrettyRecordPicker } from './ReadPrettyRecordPicker';
+export var RecordPicker = connect(InputRecordPicker, 
+// mapProps(mapSuffixProps),
+mapReadPretty(ReadPrettyRecordPicker));
+//# sourceMappingURL=RecordPicker.js.map

package/esm/schema-component/antd/record-picker/RecordPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecordPicker.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/record-picker/RecordPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,MAAM,CAAC,IAAM,YAAY,GAAQ,OAAO,CACtC,iBAAiB;AACjB,4BAA4B;AAC5B,aAAa,CAAC,sBAAsB,CAAC,CACtC,CAAC","sourcesContent":["import { connect, mapReadPretty } from '@formily/react';\nimport { InputRecordPicker } from './InputRecordPicker';\nimport { ReadPrettyRecordPicker } from './ReadPrettyRecordPicker';\n\nexport const RecordPicker: any = connect(\n  InputRecordPicker,\n  // mapProps(mapSuffixProps),\n  mapReadPretty(ReadPrettyRecordPicker),\n);\n"]}

package/esm/schema-component/antd/record-picker/index.d.ts

@@ -0,0 +1,2 @@
+import { RecordPicker } from './RecordPicker';
+export { RecordPicker };

package/esm/schema-component/antd/record-picker/index.js

@@ -0,0 +1,6 @@
+import { Action } from '../action';
+import { RecordPicker } from './RecordPicker';
+RecordPicker.Viewer = Action.Container;
+RecordPicker.Selector = Action.Container;
+export { RecordPicker };
+//# sourceMappingURL=index.js.map

package/esm/schema-component/antd/record-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/record-picker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,YAAY,CAAC,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC;AACvC,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import { Action } from '../action';\nimport { RecordPicker } from './RecordPicker';\n\nRecordPicker.Viewer = Action.Container;\nRecordPicker.Selector = Action.Container;\n\nexport { RecordPicker };\n\n"]}

package/esm/schema-component/antd/record-picker/useFieldNames.d.ts

@@ -0,0 +1 @@
+export declare const useFieldNames: (props: any) => any;

package/esm/schema-component/antd/record-picker/useFieldNames.js

@@ -0,0 +1,19 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { useFieldSchema } from "@formily/react";
+export var useFieldNames = function (props) {
+    var _a;
+    var fieldSchema = useFieldSchema();
+    var fieldNames = ((_a = fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-component-props']) === null || _a === void 0 ? void 0 : _a['fieldNames']) || props.fieldNames;
+    return __assign({ label: 'label', value: 'value' }, fieldNames);
+};
+//# sourceMappingURL=useFieldNames.js.map

package/esm/schema-component/antd/record-picker/useFieldNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldNames.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/record-picker/useFieldNames.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,KAAK;;IACjC,IAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,IAAM,UAAU,GAAG,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,mBAAmB,CAAC,0CAAG,YAAY,CAAC,KAAI,KAAK,CAAC,UAAU,CAAC;IAC1F,kBAAS,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,IAAK,UAAU,EAAG;AAC3D,CAAC,CAAC","sourcesContent":["import { useFieldSchema } from \"@formily/react\";\n\nexport const useFieldNames = (props) => {\n  const fieldSchema = useFieldSchema();\n  const fieldNames = fieldSchema?.['x-component-props']?.['fieldNames'] || props.fieldNames;\n  return { label: 'label', value: 'value', ...fieldNames };\n};\n"]}

package/esm/schema-component/antd/rich-text/RichText.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import './style.less';
+export declare const RichText: React.ForwardRefExoticComponent<Pick<Partial<any>, string | number | symbol> & React.RefAttributes<unknown>>;

package/esm/schema-component/antd/rich-text/RichText.js

@@ -0,0 +1,43 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { connect, mapReadPretty } from '@formily/react';
+import ReactQuill from 'react-quill';
+import { ReadPretty as InputReadPretty } from '../input';
+import './style.less';
+export var RichText = connect(function (props) {
+    var modules = {
+        toolbar: [
+            ['bold', 'italic', 'underline', 'link'],
+            [{ list: 'ordered' }, { list: 'bullet' }],
+            ['clean'],
+        ],
+    };
+    var formats = [
+        'header',
+        'bold',
+        'italic',
+        'underline',
+        'strike',
+        'blockquote',
+        'list',
+        'bullet',
+        'indent',
+        'link',
+        'image',
+    ];
+    var value = props.value, onChange = props.onChange;
+    return (_jsx(ReactQuill, { modules: modules, formats: formats, value: typeof value === 'string' ? value : '', onChange: onChange }, void 0));
+}, mapReadPretty(function (props) {
+    return _jsx(InputReadPretty.Html, __assign({}, props), void 0);
+}));
+//# sourceMappingURL=RichText.js.map

package/esm/schema-component/antd/rich-text/RichText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichText.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/rich-text/RichText.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,IAAM,QAAQ,GAAG,OAAO,CAC7B,UAAC,KAAK;IACJ,IAAM,OAAO,GAAG;QACd,OAAO,EAAE;YACP,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,CAAC;YACvC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;YACzC,CAAC,OAAO,CAAC;SACV;KACF,CAAC;IACF,IAAM,OAAO,GAAG;QACd,QAAQ;QACR,MAAM;QACN,QAAQ;QACR,WAAW;QACX,QAAQ;QACR,YAAY;QACZ,MAAM;QACN,QAAQ;QACR,QAAQ;QACR,MAAM;QACN,OAAO;KACR,CAAC;IACM,IAAA,KAAK,GAAe,KAAK,MAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IAClC,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAC7C,QAAQ,EAAE,QAAQ,WAClB,CACH,CAAC;AACJ,CAAC,EACD,aAAa,CAAC,UAAC,KAAK;IAClB,OAAO,KAAC,eAAe,CAAC,IAAI,eAAK,KAAK,UAAI,CAAC;AAC7C,CAAC,CAAC,CACH,CAAC","sourcesContent":["import { connect, mapReadPretty } from '@formily/react';\nimport React from 'react';\nimport ReactQuill from 'react-quill';\nimport { ReadPretty as InputReadPretty } from '../input';\nimport './style.less';\n\nexport const RichText = connect(\n  (props) => {\n    const modules = {\n      toolbar: [\n        ['bold', 'italic', 'underline', 'link'],\n        [{ list: 'ordered' }, { list: 'bullet' }],\n        ['clean'],\n      ],\n    };\n    const formats = [\n      'header',\n      'bold',\n      'italic',\n      'underline',\n      'strike',\n      'blockquote',\n      'list',\n      'bullet',\n      'indent',\n      'link',\n      'image',\n    ];\n    const { value, onChange } = props;\n    return (\n      <ReactQuill\n        modules={modules}\n        formats={formats}\n        value={typeof value === 'string' ? value : ''}\n        onChange={onChange}\n      />\n    );\n  },\n  mapReadPretty((props) => {\n    return <InputReadPretty.Html {...props} />;\n  }),\n);\n"]}

package/esm/schema-component/antd/rich-text/index.d.ts

@@ -0,0 +1 @@
+export * from './RichText';

package/esm/schema-component/antd/rich-text/index.js

@@ -0,0 +1,2 @@
+export * from './RichText';
+//# sourceMappingURL=index.js.map

package/esm/schema-component/antd/rich-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/rich-text/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC","sourcesContent":["export * from './RichText';\n"]}

package/esm/schema-component/antd/select/ReadPretty.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ReadPretty: React.MemoExoticComponent<React.FunctionComponent<Pick<any, string | number | symbol>>>;

package/esm/schema-component/antd/select/ReadPretty.js

@@ -0,0 +1,32 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isArrayField } from '@formily/core';
+import { observer, useField } from '@formily/react';
+import { isValid } from '@formily/shared';
+import { Tag } from 'antd';
+import { defaultFieldNames, getCurrentOptions } from './shared';
+export var ReadPretty = observer(function (props) {
+    var _a;
+    var fieldNames = __assign(__assign({}, defaultFieldNames), props.fieldNames);
+    var field = useField();
+    if (!isValid(props.value)) {
+        return _jsx("div", {}, void 0);
+    }
+    if (isArrayField(field) && ((_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.length) === 0) {
+        return _jsx("div", {}, void 0);
+    }
+    var dataSource = field.dataSource || props.options || [];
+    var options = getCurrentOptions(field.value, dataSource, fieldNames);
+    return (_jsx("div", { children: options.map(function (option, key) { return (_jsx(Tag, __assign({ color: option[fieldNames.color] }, { children: option[fieldNames.label] }), key)); }) }, void 0));
+});
+//# sourceMappingURL=ReadPretty.js.map

package/esm/schema-component/antd/select/ReadPretty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadPretty.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/select/ReadPretty.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,MAAM,CAAC;AAE3B,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAOhE,MAAM,CAAC,IAAM,UAAU,GAAG,QAAQ,CAAC,UAAC,KAAU;;IAC5C,IAAM,UAAU,yBAAQ,iBAAiB,GAAK,KAAK,CAAC,UAAU,CAAE,CAAC;IACjE,IAAM,KAAK,GAAG,QAAQ,EAAO,CAAC;IAC9B,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACzB,OAAO,uBAAO,CAAC;KAChB;IACD,IAAI,YAAY,CAAC,KAAK,CAAC,IAAI,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,MAAM,MAAK,CAAC,EAAE;QACrD,OAAO,uBAAO,CAAC;KAChB;IACD,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;IAC3D,IAAM,OAAO,GAAG,iBAAiB,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;IACvE,OAAO,CACL,wBACG,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,GAAG,IAAK,OAAA,CAC5B,KAAC,GAAG,aAAW,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,gBAC3C,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,KADjB,GAAG,CAEP,CACP,EAJ6B,CAI7B,CAAC,WACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { isArrayField } from '@formily/core';\nimport { observer, useField } from '@formily/react';\nimport { isValid } from '@formily/shared';\nimport { Tag } from 'antd';\nimport React from 'react';\nimport { defaultFieldNames, getCurrentOptions } from './shared';\n\ntype Composed = {\n  Select?: React.FC<any>;\n  Object?: React.FC<any>;\n};\n\nexport const ReadPretty = observer((props: any) => {\n  const fieldNames = { ...defaultFieldNames, ...props.fieldNames };\n  const field = useField<any>();\n  if (!isValid(props.value)) {\n    return <div />;\n  }\n  if (isArrayField(field) && field?.value?.length === 0) {\n    return <div />;\n  }\n  const dataSource = field.dataSource || props.options || [];\n  const options = getCurrentOptions(field.value, dataSource, fieldNames);\n  return (\n    <div>\n      {options.map((option, key) => (\n        <Tag key={key} color={option[fieldNames.color]}>\n          {option[fieldNames.label]}\n        </Tag>\n      ))}\n    </div>\n  );\n});\n"]}

package/esm/schema-component/antd/select/Select.d.ts

@@ -0,0 +1,7 @@
+import type { SelectProps } from 'antd';
+import React from 'react';
+export declare const Select: React.ForwardRefExoticComponent<Partial<SelectProps<any, any> & {
+    objectValue?: boolean;
+    onChange?: (v: any) => void;
+}> & React.RefAttributes<unknown>>;
+export default Select;

package/esm/schema-component/antd/select/Select.js

@@ -0,0 +1,75 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LoadingOutlined } from '@ant-design/icons';
+import { connect, mapProps, mapReadPretty } from '@formily/react';
+import { isValid, toArr } from '@formily/shared';
+import { Select as AntdSelect } from 'antd';
+import { ReadPretty } from './ReadPretty';
+import { defaultFieldNames, getCurrentOptions } from './shared';
+var isEmptyObject = function (val) { return !isValid(val) || (typeof val === 'object' && Object.keys(val).length === 0); };
+var ObjectSelect = function (props) {
+    var value = props.value, options = props.options, onChange = props.onChange, fieldNames = props.fieldNames, mode = props.mode, others = __rest(props, ["value", "options", "onChange", "fieldNames", "mode"]);
+    var toValue = function (v) {
+        var _a;
+        if (isEmptyObject(v)) {
+            return;
+        }
+        var values = toArr(v).filter(function (item) { return item; }).map(function (val) {
+            return typeof val === 'object' ? val[fieldNames.value] : val;
+        });
+        var current = (_a = getCurrentOptions(values, options, fieldNames)) === null || _a === void 0 ? void 0 : _a.map(function (val) {
+            return {
+                label: val[fieldNames.label],
+                value: val[fieldNames.value],
+            };
+        });
+        if (['tags', 'multiple'].includes(mode)) {
+            return current;
+        }
+        return current.shift();
+    };
+    return (_jsx(AntdSelect, __assign({ value: toValue(value), allowClear: true, labelInValue: true, options: options, fieldNames: fieldNames, onChange: function (changed) {
+            var current = getCurrentOptions(toArr(changed).map(function (v) { return v.value; }), options, fieldNames);
+            if (['tags', 'multiple'].includes(mode)) {
+                onChange(current);
+            }
+            else {
+                onChange(current.shift());
+            }
+        }, mode: mode }, others), void 0));
+};
+export var Select = connect(function (props) {
+    var objectValue = props.objectValue, others = __rest(props, ["objectValue"]);
+    if (objectValue) {
+        return _jsx(ObjectSelect, __assign({}, others), void 0);
+    }
+    return _jsx(AntdSelect, __assign({}, others, { value: others.value || undefined }), void 0);
+}, mapProps({
+    dataSource: 'options',
+    loading: true,
+}, function (props, field) {
+    return __assign(__assign({}, props), { fieldNames: __assign(__assign({}, defaultFieldNames), props.fieldNames), suffixIcon: (field === null || field === void 0 ? void 0 : field['loading']) || (field === null || field === void 0 ? void 0 : field['validating']) ? _jsx(LoadingOutlined, {}, void 0) : props.suffixIcon });
+}), mapReadPretty(ReadPretty));
+export default Select;
+//# sourceMappingURL=Select.js.map

package/esm/schema-component/antd/select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/select/Select.tsx"],"names":[],"mappings":"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","sourcesContent":["import { LoadingOutlined } from '@ant-design/icons';\nimport { connect, mapProps, mapReadPretty } from '@formily/react';\nimport { isValid, toArr } from '@formily/shared';\nimport type { SelectProps } from 'antd';\nimport { Select as AntdSelect } from 'antd';\nimport React from 'react';\nimport { ReadPretty } from './ReadPretty';\nimport { defaultFieldNames, getCurrentOptions } from './shared';\n\ntype Props = SelectProps<any, any> & { objectValue?: boolean; onChange?: (v: any) => void };\n\nconst isEmptyObject = (val: any) => !isValid(val) || (typeof val === 'object' && Object.keys(val).length === 0);\n\nconst ObjectSelect = (props: Props) => {\n  const { value, options, onChange, fieldNames, mode, ...others } = props;\n  const toValue = (v: any) => {\n    if (isEmptyObject(v)) {\n      return;\n    }\n    const values = toArr(v).filter(item => item).map((val) => {\n      return typeof val === 'object' ? val[fieldNames.value] : val;\n    });\n    const current = getCurrentOptions(values, options, fieldNames)?.map((val) => {\n      return {\n        label: val[fieldNames.label],\n        value: val[fieldNames.value],\n      };\n    });\n    if (['tags', 'multiple'].includes(mode)) {\n      return current;\n    }\n    return current.shift();\n  };\n  return (\n    <AntdSelect\n      value={toValue(value)}\n      allowClear\n      labelInValue\n      options={options}\n      fieldNames={fieldNames}\n      onChange={(changed) => {\n        const current = getCurrentOptions(\n          toArr(changed).map((v) => v.value),\n          options,\n          fieldNames,\n        );\n        if (['tags', 'multiple'].includes(mode)) {\n          onChange(current);\n        } else {\n          onChange(current.shift());\n        }\n      }}\n      mode={mode}\n      {...others}\n    />\n  );\n};\n\nexport const Select = connect(\n  (props: Props) => {\n    const { objectValue, ...others } = props;\n    if (objectValue) {\n      return <ObjectSelect {...others} />;\n    }\n    return <AntdSelect {...others} value={others.value || undefined}/>;\n  },\n  mapProps(\n    {\n      dataSource: 'options',\n      loading: true,\n    },\n    (props, field) => {\n      return {\n        ...props,\n        fieldNames: { ...defaultFieldNames, ...props.fieldNames },\n        suffixIcon: field?.['loading'] || field?.['validating'] ? <LoadingOutlined /> : props.suffixIcon,\n      };\n    },\n  ),\n  mapReadPretty(ReadPretty),\n);\n\nexport default Select;\n"]}

package/esm/schema-component/antd/select/index.d.ts

@@ -0,0 +1 @@
+export * from './Select';

package/esm/schema-component/antd/select/index.js

@@ -0,0 +1,2 @@
+export * from './Select';
+//# sourceMappingURL=index.js.map

package/esm/schema-component/antd/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC","sourcesContent":["export * from './Select';\n"]}

package/esm/schema-component/antd/select/shared.d.ts

@@ -0,0 +1,7 @@
+export declare const defaultFieldNames: {
+    label: string;
+    value: string;
+    color: string;
+    options: string;
+};
+export declare const getCurrentOptions: (values: any, dataSource: any, fieldNames: any) => any[];

package/esm/schema-component/antd/select/shared.js

@@ -0,0 +1,72 @@
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { toArr } from '@formily/shared';
+export var defaultFieldNames = {
+    label: 'label',
+    value: 'value',
+    color: 'color',
+    options: 'children',
+};
+export var getCurrentOptions = function (values, dataSource, fieldNames) {
+    values = toArr(values).map(function (val) { return (typeof val === 'object' ? val[fieldNames.value] : val); });
+    var findOptions = function (options) {
+        var e_1, _a;
+        var current = [];
+        try {
+            for (var options_1 = __values(options), options_1_1 = options_1.next(); !options_1_1.done; options_1_1 = options_1.next()) {
+                var option = options_1_1.value;
+                if (values.includes(option[fieldNames.value])) {
+                    current.push(option);
+                }
+                var children = option[fieldNames.options];
+                if (Array.isArray(children)) {
+                    current.push.apply(current, __spreadArray([], __read(findOptions(children)), false));
+                }
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (options_1_1 && !options_1_1.done && (_a = options_1.return)) _a.call(options_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        return current;
+    };
+    return findOptions(dataSource);
+};
+//# sourceMappingURL=shared.js.map

package/esm/schema-component/antd/select/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/select/shared.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC/B,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,UAAU;CACpB,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,MAAM,EAAE,UAAU,EAAE,UAAU;IAC9D,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CAAC,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAvD,CAAuD,CAAC,CAAC;IAC7F,IAAM,WAAW,GAAG,UAAC,OAAc;;QACjC,IAAI,OAAO,GAAG,EAAE,CAAC;;YACjB,KAAqB,IAAA,YAAA,SAAA,OAAO,CAAA,gCAAA,qDAAE;gBAAzB,IAAM,MAAM,oBAAA;gBACf,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE;oBAC7C,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;iBACtB;gBACD,IAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;gBAC5C,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;oBAC3B,OAAO,CAAC,IAAI,OAAZ,OAAO,2BAAS,WAAW,CAAC,QAAQ,CAAC,WAAE;iBACxC;aACF;;;;;;;;;QACD,OAAO,OAAO,CAAC;IACjB,CAAC,CAAC;IACF,OAAO,WAAW,CAAC,UAAU,CAAC,CAAC;AACjC,CAAC,CAAC","sourcesContent":["import { toArr } from '@formily/shared';\n\nexport const defaultFieldNames = {\n  label: 'label',\n  value: 'value',\n  color: 'color',\n  options: 'children',\n};\n\nexport const getCurrentOptions = (values, dataSource, fieldNames) => {\n  values = toArr(values).map((val) => (typeof val === 'object' ? val[fieldNames.value] : val));\n  const findOptions = (options: any[]) => {\n    let current = [];\n    for (const option of options) {\n      if (values.includes(option[fieldNames.value])) {\n        current.push(option);\n      }\n      const children = option[fieldNames.options];\n      if (Array.isArray(children)) {\n        current.push(...findOptions(children));\n      }\n    }\n    return current;\n  };\n  return findOptions(dataSource);\n};\n"]}

package/esm/schema-component/antd/space/index.d.ts

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

package/esm/schema-component/antd/space/index.js

@@ -0,0 +1,26 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFormLayout } from '@formily/antd';
+import { Divider, Space as AntdSpace } from 'antd';
+import React from 'react';
+export var Space = function (props) {
+    var _a;
+    var split = props.split;
+    if (split === '|') {
+        split = _jsx(Divider, { type: "vertical", style: { margin: '0 2px' } }, void 0);
+    }
+    var layout = useFormLayout();
+    return React.createElement(AntdSpace, __assign(__assign({ size: (_a = props.size) !== null && _a !== void 0 ? _a : layout === null || layout === void 0 ? void 0 : layout.spaceGap }, props), { split: split }));
+};
+export default Space;
+//# sourceMappingURL=index.js.map

package/esm/schema-component/antd/space/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/space/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,SAAS,EAAc,MAAM,MAAM,CAAC;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,IAAM,KAAK,GAAyB,UAAC,KAAK;;IACzC,IAAA,KAAK,GAAK,KAAK,MAAV,CAAW;IACtB,IAAI,KAAK,KAAK,GAAG,EAAE;QACjB,KAAK,GAAG,KAAC,OAAO,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,WAAG,CAAC;KAChE;IACD,IAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,OAAO,KAAK,CAAC,aAAa,CAAC,SAAS,sBAClC,IAAI,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,IACjC,KAAK,KACR,KAAK,OAAA,IACL,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import { useFormLayout } from '@formily/antd';\nimport { Divider, Space as AntdSpace, SpaceProps } from 'antd';\nimport React from 'react';\n\nexport const Space: React.FC<SpaceProps> = (props) => {\n  let { split } = props;\n  if (split === '|') {\n    split = <Divider type=\"vertical\" style={{ margin: '0 2px' }}/>;\n  }\n  const layout = useFormLayout();\n  return React.createElement(AntdSpace, {\n    size: props.size ?? layout?.spaceGap,\n    ...props,\n    split,\n  });\n};\n\nexport default Space;\n"]}