@nocobase/client 0.10.0-alpha.2 → 0.10.0-alpha.4

package/es/schema-component/antd/table-v2/Table.js

@@ -25,7 +25,7 @@ import { DeleteOutlined, MenuOutlined } from '@ant-design/icons';
 import { SortableContext, useSortable } from '@dnd-kit/sortable';
 import { css } from '@emotion/css';
 import { spliceArrayState } from '@formily/core/esm/shared/internals';
-import { RecursionField, observer, useField, useFieldSchema } from '@formily/react';
+import { observer, RecursionField, useField, useFieldSchema } from '@formily/react';
 import { action, reaction } from '@formily/reactive';
 import { useMemoizedFn } from 'ahooks';
 import { Table as AntdTable } from 'antd';
@@ -35,7 +35,7 @@ import { useTranslation } from 'react-i18next';
 import { DndContext, useDesignable, useTableSize } from '../..';
 import { RecordIndexProvider, RecordProvider, useSchemaInitializer, useTableBlockContext, useTableSelectorContext } from '../../../';
 import { useACLFieldWhitelist } from '../../../acl/ACLProvider';
-import { extractIndex, getIdsWithChildren, isCollectionFieldComponent, isColumnComponent } from './utils';
+import { extractIndex, isCollectionFieldComponent, isColumnComponent } from './utils';
 var useArrayField = function useArrayField(props) {
   var field = useField();
   return props.field || field;
@@ -210,7 +210,7 @@ var useValidator = function useValidator(validator) {
   }, []);
 };
 export var Table = observer(function (props) {
-  var _schema$parent, _schema$parent2, _field$data, _field$value2, _field$value2$slice, _field$value2$slice$c, _field$value2$slice$c2, _fieldSchema$parent, _fieldSchema$parent$x;
+  var _schema$parent, _field$data, _field$value2, _field$value2$slice, _field$value2$slice$c, _field$value2$slice$c2, _fieldSchema$parent, _fieldSchema$parent$x;
   var pagination1 = props.pagination,
     useProps = props.useProps,
     onChange = props.onChange,
@@ -236,28 +236,22 @@ export var Table = observer(function (props) {
   var schema = useFieldSchema();
   var isTableSelector = (schema === null || schema === void 0 ? void 0 : (_schema$parent = schema.parent) === null || _schema$parent === void 0 ? void 0 : _schema$parent['x-decorator']) === 'TableSelectorProvider';
   var ctx = isTableSelector ? useTableSelectorContext() : useTableBlockContext();
-  var expandFlag = ctx.expandFlag;
+  var expandFlag = ctx.expandFlag,
+    allIncludesChildren = ctx.allIncludesChildren;
   var onRowDragEnd = useMemoizedFn(others.onRowDragEnd || function () {});
   var paginationProps = usePaginationProps(pagination1, pagination2);
-  // const requiredValidator = field.required || required;
-  var _ref2 = (schema === null || schema === void 0 ? void 0 : (_schema$parent2 = schema.parent) === null || _schema$parent2 === void 0 ? void 0 : _schema$parent2['x-decorator-props']) || {},
-    treeTable = _ref2.treeTable;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     expandedKeys = _useState2[0],
     setExpandesKeys = _useState2[1];
-  var _useState3 = useState([]),
+  var _useState3 = useState((field === null || field === void 0 ? void 0 : (_field$data = field.data) === null || _field$data === void 0 ? void 0 : _field$data.selectedRowKeys) || []),
     _useState4 = _slicedToArray(_useState3, 2),
-    allIncludesChildren = _useState4[0],
-    setAllIncludesChildren = _useState4[1];
-  var _useState5 = useState((field === null || field === void 0 ? void 0 : (_field$data = field.data) === null || _field$data === void 0 ? void 0 : _field$data.selectedRowKeys) || []),
+    selectedRowKeys = _useState4[0],
+    setSelectedRowKeys = _useState4[1];
+  var _useState5 = useState([]),
     _useState6 = _slicedToArray(_useState5, 2),
-    selectedRowKeys = _useState6[0],
-    setSelectedRowKeys = _useState6[1];
-  var _useState7 = useState([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    selectedRow = _useState8[0],
-    setSelectedRow = _useState8[1];
+    selectedRow = _useState6[0],
+    setSelectedRow = _useState6[1];
   var dataSource = (field === null || field === void 0 ? void 0 : (_field$value2 = field.value) === null || _field$value2 === void 0 ? void 0 : (_field$value2$slice = _field$value2.slice) === null || _field$value2$slice === void 0 ? void 0 : (_field$value2$slice$c = _field$value2$slice.call(_field$value2)) === null || _field$value2$slice$c === void 0 ? void 0 : (_field$value2$slice$c2 = _field$value2$slice$c.filter) === null || _field$value2$slice$c2 === void 0 ? void 0 : _field$value2$slice$c2.call(_field$value2$slice$c, Boolean)) || [];
   var isRowSelect = (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) !== 'none';
   var onRow = null,
@@ -270,23 +264,8 @@ export var Table = observer(function (props) {
         }
       };
     };
-    highlightRow = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      & > td {\n        background-color: #caedff !important;\n      }\n      &:hover > td {\n        background-color: #caedff !important;\n      }\n    "])));
+    highlightRow = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        & > td {\n          background-color: #caedff !important;\n        }\n        &:hover > td {\n          background-color: #caedff !important;\n        }\n      "])));
   }
-  // useEffect(() => {
-  //   field.setValidator((value) => {
-  //     if (requiredValidator) {
-  //       return Array.isArray(value) && value.length > 0 ? null : 'The field value is required';
-  //     }
-  //     return;
-  //   });
-  // }, [requiredValidator]);
-  useEffect(function () {
-    if (treeTable !== false) {
-      var _field$value3, _field$value3$slice;
-      var keys = getIdsWithChildren((_field$value3 = field.value) === null || _field$value3 === void 0 ? void 0 : (_field$value3$slice = _field$value3.slice) === null || _field$value3$slice === void 0 ? void 0 : _field$value3$slice.call(_field$value3));
-      setAllIncludesChildren(keys);
-    }
-  }, [field.value]);
   useEffect(function () {
     if (expandFlag) {
       setExpandesKeys(allIncludesChildren);
@@ -302,7 +281,7 @@ export var Table = observer(function (props) {
         },
         cell: function cell(props) {
           return /*#__PURE__*/React.createElement("th", _objectSpread(_objectSpread({}, props), {}, {
-            className: cls(props.className, css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                  max-width: 300px;\n                  white-space: nowrap;\n                  &:hover .general-schema-designer {\n                    display: block;\n                  }\n                "]))))
+            className: cls(props.className, css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                    max-width: 300px;\n                    white-space: nowrap;\n                    &:hover .general-schema-designer {\n                      display: block;\n                    }\n                  "]))))
           }));
         }
       },
@@ -334,23 +313,23 @@ export var Table = observer(function (props) {
         },
         cell: function cell(props) {
           return /*#__PURE__*/React.createElement("td", _objectSpread(_objectSpread({}, props), {}, {
-            className: classNames(props.className, css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n                max-width: 300px;\n                white-space: nowrap;\n                .nb-read-pretty-input-number {\n                  text-align: right;\n                }\n              "]))))
+            className: classNames(props.className, css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n                  max-width: 300px;\n                  white-space: nowrap;\n                  .nb-read-pretty-input-number {\n                    text-align: right;\n                  }\n                "]))))
           }));
         }
       }
     };
   }, [field, onRowDragEnd, dragSort]);
   var defaultRowKey = function defaultRowKey(record) {
-    var _field$value4, _field$value4$indexOf;
-    return (_field$value4 = field.value) === null || _field$value4 === void 0 ? void 0 : (_field$value4$indexOf = _field$value4.indexOf) === null || _field$value4$indexOf === void 0 ? void 0 : _field$value4$indexOf.call(_field$value4, record);
+    var _field$value3, _field$value3$indexOf;
+    return (_field$value3 = field.value) === null || _field$value3 === void 0 ? void 0 : (_field$value3$indexOf = _field$value3.indexOf) === null || _field$value3$indexOf === void 0 ? void 0 : _field$value3$indexOf.call(_field$value3, record);
   };
   var getRowKey = function getRowKey(record) {
     if (typeof rowKey === 'string') {
       var _record$rowKey;
       return (_record$rowKey = record[rowKey]) === null || _record$rowKey === void 0 ? void 0 : _record$rowKey.toString();
     } else {
-      var _ref3;
-      return (_ref3 = (rowKey !== null && rowKey !== void 0 ? rowKey : defaultRowKey)(record)) === null || _ref3 === void 0 ? void 0 : _ref3.toString();
+      var _ref2;
+      return (_ref2 = (rowKey !== null && rowKey !== void 0 ? rowKey : defaultRowKey)(record)) === null || _ref2 === void 0 ? void 0 : _ref2.toString();
     }
   };
   var restProps = {
@@ -379,24 +358,24 @@ export var Table = observer(function (props) {
           index = extractIndex(record.__index);
         }
         return /*#__PURE__*/React.createElement("div", {
-          className: classNames(checked ? 'checked' : null, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n                    position: relative;\n                    display: flex;\n                    float: left;\n                    align-items: center;\n                    justify-content: space-evenly;\n                    padding-right: 8px;\n                    .nb-table-index {\n                      opacity: 0;\n                    }\n                    &:not(.checked) {\n                      .nb-table-index {\n                        opacity: 1;\n                      }\n                    }\n                  "]))), _defineProperty({}, css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n                      &:hover {\n                        .nb-table-index {\n                          opacity: 0;\n                        }\n                        .nb-origin-node {\n                          display: block;\n                        }\n                      }\n                    "]))), isRowSelect))
+          className: classNames(checked ? 'checked' : null, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n                      position: relative;\n                      display: flex;\n                      float: left;\n                      align-items: center;\n                      justify-content: space-evenly;\n                      padding-right: 8px;\n                      .nb-table-index {\n                        opacity: 0;\n                      }\n                      &:not(.checked) {\n                        .nb-table-index {\n                          opacity: 1;\n                        }\n                      }\n                    "]))), _defineProperty({}, css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n                        &:hover {\n                          .nb-table-index {\n                            opacity: 0;\n                          }\n                          .nb-origin-node {\n                            display: block;\n                          }\n                        }\n                      "]))), isRowSelect))
         }, /*#__PURE__*/React.createElement("div", {
-          className: classNames(checked ? 'checked' : null, css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n                      position: relative;\n                      display: flex;\n                      align-items: center;\n                      justify-content: space-evenly;\n                    "]))))
+          className: classNames(checked ? 'checked' : null, css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n                        position: relative;\n                        display: flex;\n                        align-items: center;\n                        justify-content: space-evenly;\n                      "]))))
         }, dragSort && /*#__PURE__*/React.createElement(SortHandle, {
           id: getRowKey(record)
         }), showIndex && /*#__PURE__*/React.createElement(TableIndex, {
           index: index
         })), isRowSelect && /*#__PURE__*/React.createElement("div", {
-          className: classNames('nb-origin-node', checked ? 'checked' : null, css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n                        position: absolute;\n                        right: 50%;\n                        transform: translateX(50%);\n                        &:not(.checked) {\n                          display: none;\n                        }\n                      "]))))
+          className: classNames('nb-origin-node', checked ? 'checked' : null, css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n                          position: absolute;\n                          right: 50%;\n                          transform: translateX(50%);\n                          &:not(.checked) {\n                            display: none;\n                          }\n                        "]))))
         }, originNode));
       }
     }, rowSelection) : undefined
   };
-  var SortableWrapper = useCallback(function (_ref4) {
-    var _field$value5, _field$value5$map;
-    var children = _ref4.children;
+  var SortableWrapper = useCallback(function (_ref3) {
+    var _field$value4, _field$value4$map;
+    var children = _ref3.children;
     return dragSort ? /*#__PURE__*/React.createElement(SortableContext, {
-      items: ((_field$value5 = field.value) === null || _field$value5 === void 0 ? void 0 : (_field$value5$map = _field$value5.map) === null || _field$value5$map === void 0 ? void 0 : _field$value5$map.call(_field$value5, getRowKey)) || [],
+      items: ((_field$value4 = field.value) === null || _field$value4 === void 0 ? void 0 : (_field$value4$map = _field$value4.map) === null || _field$value4$map === void 0 ? void 0 : _field$value4$map.call(_field$value4, getRowKey)) || [],
       children: children
     }) : /*#__PURE__*/React.createElement(React.Fragment, {
       children: children
@@ -416,7 +395,7 @@ export var Table = observer(function (props) {
     };
   }, [fixedBlock, tableHeight]);
   return /*#__PURE__*/React.createElement("div", {
-    className: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        height: 100%;\n        overflow: hidden;\n        .ant-table-wrapper {\n          height: 100%;\n          .ant-spin-nested-loading {\n            height: 100%;\n            .ant-spin-container {\n              height: 100%;\n              display: flex;\n              flex-direction: column;\n            }\n          }\n        }\n        .ant-table {\n          overflow-x: auto;\n          overflow-y: hidden;\n        }\n      "])))
+    className: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n          height: 100%;\n          overflow: hidden;\n          .ant-table-wrapper {\n            height: 100%;\n            .ant-spin-nested-loading {\n              height: 100%;\n              .ant-spin-container {\n                height: 100%;\n                display: flex;\n                flex-direction: column;\n              }\n            }\n          }\n          .ant-table {\n            overflow-x: auto;\n            overflow-y: hidden;\n          }\n        "])))
   }, /*#__PURE__*/React.createElement(SortableWrapper, null, /*#__PURE__*/React.createElement(AntdTable, _objectSpread(_objectSpread(_objectSpread({
     ref: tableSizeRefCallback,
     rowKey: rowKey !== null && rowKey !== void 0 ? rowKey : defaultRowKey,
@@ -451,4 +430,6 @@ export var Table = observer(function (props) {
       return /*#__PURE__*/React.createElement("div", null, message);
     });
   })));
+}, {
+  displayName: 'Table'
 });

package/es/schema-component/antd/table-v2/utils.d.ts

@@ -2,4 +2,3 @@ import { ISchema, Schema } from '@formily/react';
 export declare const isCollectionFieldComponent: (schema: ISchema) => boolean;
 export declare const isColumnComponent: (schema: Schema) => boolean;
 export declare function extractIndex(str: any): string;
-export declare function getIdsWithChildren(nodes: any): any[];

package/es/schema-component/antd/table-v2/utils.js

@@ -1,10 +1,3 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 export var isCollectionFieldComponent = function isCollectionFieldComponent(schema) {
   return schema['x-component'] === 'CollectionField';
 };
@@ -20,25 +13,4 @@ export function extractIndex(str) {
     }
   });
   return numbers.join('.');
-}
-export function getIdsWithChildren(nodes) {
-  var ids = [];
-  if (nodes) {
-    var _iterator = _createForOfIteratorHelper(nodes),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var node = _step.value;
-        if ((node === null || node === void 0 ? void 0 : node.children) && node.children.length > 0) {
-          ids.push(node.id);
-          ids.push.apply(ids, _toConsumableArray(getIdsWithChildren(node === null || node === void 0 ? void 0 : node.children)));
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-  }
-  return ids;
 }

package/es/schema-component/antd/tabs/Tabs.js

@@ -14,38 +14,51 @@ import React, { useMemo } from 'react';
 import { Icon } from '../../../icon';
 import { useSchemaInitializer } from '../../../schema-initializer';
 import { DndContext, SortableItem } from '../../common';
+import { useDesignable } from '../../hooks';
 import { useDesigner } from '../../hooks/useDesigner';
-import { TabsContextProvider, useTabsContext } from './context';
+import { useTabsContext } from './context';
 import { TabsDesigner } from './Tabs.Designer';
 export var Tabs = observer(function (props) {
   var fieldSchema = useFieldSchema();
   var _useSchemaInitializer = useSchemaInitializer(fieldSchema['x-initializer']),
     render = _useSchemaInitializer.render;
+  var _useDesignable = useDesignable(),
+    designable = _useDesignable.designable;
   var contextProps = useTabsContext();
-  var PaneProvider = useMemo(function () {
-    if (contextProps.deep === false) {
-      return TabsContextProvider;
+  var _contextProps$PaneRoo = contextProps.PaneRoot,
+    PaneRoot = _contextProps$PaneRoo === void 0 ? React.Fragment : _contextProps$PaneRoo;
+  var items = useMemo(function () {
+    var result = fieldSchema.mapProperties(function (schema, key) {
+      return {
+        key: key,
+        label: /*#__PURE__*/React.createElement(RecursionField, {
+          name: key,
+          schema: schema,
+          onlyRenderSelf: true
+        }),
+        children: /*#__PURE__*/React.createElement(PaneRoot, {
+          active: key === contextProps.activeKey
+        }, /*#__PURE__*/React.createElement(RecursionField, {
+          name: key,
+          schema: schema,
+          onlyRenderProperties: true
+        }))
+      };
+    });
+    if (designable) {
+      result.push({
+        key: 'designer',
+        label: render(),
+        children: null
+      });
     }
-    return React.Fragment;
-  }, [contextProps.deep]);
+    return result;
+  }, [fieldSchema.mapProperties(function (s, key) {
+    return key;
+  }).join()]);
   return /*#__PURE__*/React.createElement(DndContext, null, /*#__PURE__*/React.createElement(AntdTabs, _objectSpread(_objectSpread({}, contextProps), {}, {
     style: props.style,
-    tabBarExtraContent: {
-      right: render()
-    }
-  }), fieldSchema.mapProperties(function (schema, key) {
-    return /*#__PURE__*/React.createElement(AntdTabs.TabPane, {
-      tab: /*#__PURE__*/React.createElement(RecursionField, {
-        name: key,
-        schema: schema,
-        onlyRenderSelf: true
-      }),
-      key: key
-    }, /*#__PURE__*/React.createElement(PaneProvider, null, /*#__PURE__*/React.createElement(RecursionField, {
-      name: key,
-      schema: schema,
-      onlyRenderProperties: true
-    })));
+    items: items
   })));
 }, {
   displayName: 'Tabs'

package/es/schema-component/antd/tabs/context.d.ts

@@ -1,7 +1,7 @@
 import { TabsProps } from 'antd';
 import React from 'react';
 interface TabsContextProps extends TabsProps {
-    deep?: boolean;
+    PaneRoot?: React.FC<any>;
 }
 export declare const TabsContextProvider: React.FC<TabsContextProps>;
 export declare const useTabsContext: () => TabsContextProps;

package/es/schema-component/antd/upload/ReadPretty.js

@@ -17,7 +17,7 @@ import { isImage, toArr, toImages } from './shared';
 export var ReadPretty = function ReadPretty() {
   return null;
 };
-ReadPretty.File = function (props) {
+ReadPretty.File = function File(props) {
   var _images$photoIndex, _images, _images2, _images$photoIndex2;
   var record = useRecord();
   var field = useField();
@@ -51,6 +51,7 @@ ReadPretty.File = function (props) {
     };
 
     return /*#__PURE__*/React.createElement("div", {
+      key: file.name,
       className: 'ant-upload-list-picture-card-container'
     }, /*#__PURE__*/React.createElement("div", {
       className: "ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"
@@ -110,6 +111,7 @@ ReadPretty.File = function (props) {
     },
     imageTitle: (_images$photoIndex2 = images[photoIndex]) === null || _images$photoIndex2 === void 0 ? void 0 : _images$photoIndex2.title,
     toolbarButtons: [/*#__PURE__*/React.createElement("button", {
+      key: 'download',
       style: {
         fontSize: 22,
         background: 'none',
@@ -128,10 +130,12 @@ ReadPretty.File = function (props) {
     }, /*#__PURE__*/React.createElement(DownloadOutlined, null))]
   }));
 };
-ReadPretty.Upload = function (props) {
+ReadPretty.Upload = function Upload(props) {
   var field = useField();
   return (field.value || []).map(function (item) {
-    return /*#__PURE__*/React.createElement("div", null, item.url ? /*#__PURE__*/React.createElement("a", {
+    return /*#__PURE__*/React.createElement("div", {
+      key: item.name
+    }, item.url ? /*#__PURE__*/React.createElement("a", {
       target: '_blank',
       href: item.url,
       rel: "noreferrer"

package/es/schema-component/antd/variable/VariableSelect.js

@@ -55,7 +55,7 @@ export function VariableSelect(props) {
         }
       }
     },
-    dropdownClassName: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          .ant-cascader-menu {\n            margin-bottom: 0;\n          }\n        "]))),
+    popupClassName: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          .ant-cascader-menu {\n            margin-bottom: 0;\n          }\n        "]))),
     dropdownRender: function dropdownRender(menu) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, menu, /*#__PURE__*/React.createElement("div", {
         className: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                padding: 0.5em;\n                border-top: 1px solid rgba(0, 0, 0, 0.06);\n                color: rgba(0, 0, 0, 0.45);\n              "])))

package/es/schema-component/common/utils/uitls.d.ts

@@ -6,5 +6,6 @@ declare type VariablesCtx = {
 export declare const useVariablesCtx: () => VariablesCtx;
 export declare const isVariable: (str: unknown) => boolean;
 export declare const parseVariables: (str: string, ctx: VariablesCtx) => any;
+export declare function getInnermostKeyAndValue(obj: any): any;
 export declare const conditionAnalyse: (rules: any, values: any) => boolean;
 export {};

package/es/schema-component/common/utils/uitls.js

@@ -42,7 +42,7 @@ export var parseVariables = function parseVariables(str, ctx) {
     return str;
   }
 };
-function getInnermostKeyAndValue(obj) {
+export function getInnermostKeyAndValue(obj) {
   if (_typeof(obj) !== 'object' || obj === null) {
     return null;
   }

package/es/schema-initializer/SchemaInitializer.d.ts

@@ -2,11 +2,16 @@ import React from 'react';
 import './style.less';
 import { SchemaInitializerButtonProps, SchemaInitializerItemComponent, SchemaInitializerItemProps } from './types';
 export declare const SchemaInitializerItemContext: React.Context<any>;
-export declare const SchemaInitializerButtonContext: React.Context<any>;
+export declare const SchemaInitializerButtonContext: React.Context<{
+    visible?: boolean;
+    setVisible?: (v: boolean) => void;
+    searchValue?: string;
+    setSearchValue?: (v: string) => void;
+}>;
 export declare const SchemaInitializer: {
     (): any;
     Button: React.MemoExoticComponent<import("@formily/react").ReactFC<SchemaInitializerButtonProps>>;
-    Item(props: SchemaInitializerItemProps): React.JSX.Element;
+    Item(props: SchemaInitializerItemProps): any;
     itemWrap(component?: SchemaInitializerItemComponent): SchemaInitializerItemComponent;
     ActionModal(props: SchemaInitializerActionModalProps): React.JSX.Element;
     SwitchItem(props: any): React.JSX.Element;