@nocobase/client 0.7.0-alpha.82 → 0.7.1-alpha.4

package/es/schema-component/antd/markdown/style.less

@@ -1,3 +1,7 @@
+.nb-markdown {
+  line-height: 1.612;
+}
+
 .nb-markdown > *:last-child {
   margin-bottom: 0;
 }

package/es/schema-component/antd/percent/Percent.d.ts

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

package/es/{action-logs/ActionLogBlockInitializer.js → schema-component/antd/percent/Percent.js}

@@ -4,30 +4,25 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import { TableOutlined } from '@ant-design/icons';
+import { connect, mapReadPretty } from '@formily/react';
+import { InputNumber } from 'antd';
 import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { SchemaInitializer } from '../schema-initializer';
-export var ActionLogBlockInitializer = function ActionLogBlockInitializer(props) {
-  var insert = props.insert;
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  return /*#__PURE__*/React.createElement(SchemaInitializer.Item, _objectSpread(_objectSpread({}, props), {}, {
-    icon: /*#__PURE__*/React.createElement(TableOutlined, null),
-    onClick: function onClick(_ref) {
-      var item = _ref.item;
-      insert({
-        type: 'void',
-        'x-component': 'ActionLog',
-        'x-component-props': {}
-      });
-    },
-    items: [{
-      type: 'item',
-      name: 'ActionLog',
-      title: t('Action Logs')
-    }]
+import { ReadPretty } from '../input-number/ReadPretty';
+import * as math from 'mathjs';
+export var Percent = connect(function (props) {
+  var value = props.value,
+      _onChange = props.onChange;
+  return /*#__PURE__*/React.createElement(InputNumber, _objectSpread(_objectSpread({}, props), {}, {
+    addonAfter: "%",
+    value: math.round(value * 100, 9),
+    onChange: function onChange(v) {
+      if (_onChange) {
+        _onChange(math.round(v / 100, 9));
+      }
+    }
+  }));
+}, mapReadPretty(function (props) {
+  return /*#__PURE__*/React.createElement(ReadPretty, _objectSpread(_objectSpread({}, props), {}, {
+    value: props.value ? math.round(props.value * 100, 9) : null
   }));
-};
+}));

package/es/schema-component/antd/percent/index.d.ts

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

package/es/schema-component/antd/percent/index.js

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

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

@@ -1,4 +1,5 @@
-var _excluded = ["onRowSelectionChange", "rowKey"];
+var _excluded = ["onRowSelectionChange", "rowKey"],
+    _excluded2 = ["value", "multiple", "onChange"];
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -102,7 +103,9 @@ var useAssociation = function useAssociation(props) {
 export var InputRecordPicker = function InputRecordPicker(props) {
   var value = props.value,
       multiple = props.multiple,
-      _onChange = props.onChange;
+      _onChange = props.onChange,
+      others = _objectWithoutProperties(props, _excluded2);
+
   var fieldNames = useFieldNames(props);
 
   var _useState = useState(false),
@@ -126,8 +129,7 @@ export var InputRecordPicker = function InputRecordPicker(props) {
   var values = options === null || options === void 0 ? void 0 : options.map(function (option) {
     return option[fieldNames.value];
   });
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, {
-    size: props.size,
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, _objectSpread(_objectSpread({}, others), {}, {
     mode: multiple ? 'multiple' : props.mode,
     fieldNames: fieldNames,
     onDropdownVisibleChange: function onDropdownVisibleChange(open) {
@@ -156,7 +158,7 @@ export var InputRecordPicker = function InputRecordPicker(props) {
     options: options,
     value: multiple ? values : values === null || values === void 0 ? void 0 : values[0],
     open: false
-  }), /*#__PURE__*/React.createElement(RecordPickerContext.Provider, {
+  })), /*#__PURE__*/React.createElement(RecordPickerContext.Provider, {
     value: {
       multiple: multiple,
       onChange: _onChange,

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

@@ -12,16 +12,17 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { observer, RecursionField, useField, useFieldSchema } from '@formily/react';
 import { toArr } from '@formily/shared';
-import { Space } from 'antd';
-import React, { useState } from 'react';
-import { BlockAssociationContext } from '../../../block-provider';
+import React, { useRef, useState } from 'react';
+import { BlockAssociationContext, WithoutTableFieldResource } from '../../../block-provider';
 import { CollectionProvider, useCollection } from '../../../collection-manager';
 import { RecordProvider } from '../../../record-provider';
 import { FormProvider } from '../../core';
 import { useCompile } from '../../hooks';
 import { ActionContext } from '../action';
+import { EllipsisWithTooltip } from '../input/EllipsisWithTooltip';
 import { useFieldNames } from './useFieldNames';
 export var ReadPrettyRecordPicker = observer(function (props) {
+  var ellipsis = props.ellipsis;
   var fieldSchema = useFieldSchema();
   var field = useField();
   var fieldNames = useFieldNames(props);
@@ -31,39 +32,53 @@ export var ReadPrettyRecordPicker = observer(function (props) {
       visible = _useState2[0],
       setVisible = _useState2[1];
 
+  var _useState3 = useState(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      popoverVisible = _useState4[0],
+      setPopoverVisible = _useState4[1];
+
   var _useCollection = useCollection(),
       getField = _useCollection.getField;
 
   var collectionField = getField(fieldSchema.name);
 
-  var _useState3 = useState({}),
-      _useState4 = _slicedToArray(_useState3, 2),
-      record = _useState4[0],
-      setRecord = _useState4[1];
+  var _useState5 = useState({}),
+      _useState6 = _slicedToArray(_useState5, 2),
+      record = _useState6[0],
+      setRecord = _useState6[1];
 
   var compile = useCompile();
+  var ellipsisWithTooltipRef = useRef();
+
+  var renderRecords = function renderRecords() {
+    return toArr(field.value).map(function (record, index, arr) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("a", {
+        onClick: function onClick(e) {
+          var _ellipsisWithTooltipR;
+
+          e.stopPropagation();
+          e.preventDefault();
+          setVisible(true);
+          setRecord(record);
+          ellipsisWithTooltipRef === null || ellipsisWithTooltipRef === void 0 ? void 0 : (_ellipsisWithTooltipR = ellipsisWithTooltipRef.current) === null || _ellipsisWithTooltipR === void 0 ? void 0 : _ellipsisWithTooltipR.setPopoverVisible(false);
+        }
+      }, compile(record === null || record === void 0 ? void 0 : record[(fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label']))), index < arr.length - 1 ? /*#__PURE__*/React.createElement("span", {
+        style: {
+          marginRight: 4,
+          color: '#aaa'
+        }
+      }, ", ") : null);
+    });
+  };
+
   return collectionField ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BlockAssociationContext.Provider, {
     value: "".concat(collectionField.collectionName, ".").concat(collectionField.name)
   }, /*#__PURE__*/React.createElement(CollectionProvider, {
     name: collectionField.target
-  }, /*#__PURE__*/React.createElement(Space, {
-    size: 0,
-    split: /*#__PURE__*/React.createElement("span", {
-      style: {
-        marginRight: 4,
-        color: '#aaa'
-      }
-    }, ", ")
-  }, toArr(field.value).map(function (record, index) {
-    return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("a", {
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        e.preventDefault();
-        setVisible(true);
-        setRecord(record);
-      }
-    }, compile(record === null || record === void 0 ? void 0 : record[(fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label'])));
-  })), /*#__PURE__*/React.createElement(ActionContext.Provider, {
+  }, /*#__PURE__*/React.createElement(EllipsisWithTooltip, {
+    ellipsis: ellipsis,
+    ref: ellipsisWithTooltipRef
+  }, renderRecords()), /*#__PURE__*/React.createElement(ActionContext.Provider, {
     value: {
       visible: visible,
       setVisible: setVisible,
@@ -71,8 +86,10 @@ export var ReadPrettyRecordPicker = observer(function (props) {
     }
   }, /*#__PURE__*/React.createElement(RecordProvider, {
     record: record
+  }, /*#__PURE__*/React.createElement(WithoutTableFieldResource.Provider, {
+    value: true
   }, /*#__PURE__*/React.createElement(FormProvider, null, /*#__PURE__*/React.createElement(RecursionField, {
     schema: fieldSchema,
     onlyRenderProperties: true
-  }))))))) : null;
+  })))))))) : null;
 });

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

@@ -88,7 +88,23 @@ export var TableColumnDesigner = function TableColumnDesigner(props) {
 
       dn.refresh();
     }
-  }), (collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface) === 'linkTo' && /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
+  }), /*#__PURE__*/React.createElement(SchemaSettings.SwitchItem, {
+    title: t('Sortable'),
+    checked: field.componentProps.sorter,
+    onChange: function onChange(v) {
+      var schema = _defineProperty({}, 'x-uid', columnSchema['x-uid']);
+
+      columnSchema['x-component-props'] = _objectSpread(_objectSpread({}, columnSchema['x-component-props']), {}, {
+        sorter: v
+      });
+      schema['x-component-props'] = columnSchema['x-component-props'];
+      field.componentProps.sorter = v;
+      dn.emit('patch', {
+        schema: schema
+      });
+      dn.refresh();
+    }
+  }), ['linkTo', 'm2m', 'm2o', 'o2m', 'obo', 'oho'].includes(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface) && /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
     title: t('Title field'),
     options: options,
     value: fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames['label'],
@@ -104,9 +120,7 @@ export var TableColumnDesigner = function TableColumnDesigner(props) {
       dn.emit('patch', {
         schema: {
           'x-uid': fieldSchema['x-uid'],
-          'x-component-props': {
-            fieldNames: fieldNames
-          }
+          'x-component-props': _objectSpread({}, fieldSchema['x-component-props'])
         }
       });
       dn.refresh();

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

@@ -37,6 +37,10 @@ var isColumnComponent = function isColumnComponent(schema) {
   return ((_schema$xComponent = schema['x-component']) === null || _schema$xComponent === void 0 ? void 0 : _schema$xComponent.endsWith('.Column')) > -1;
 };
 
+var isCollectionFieldComponent = function isCollectionFieldComponent(schema) {
+  return schema['x-component'] === 'CollectionField';
+};
+
 var useTableColumns = function useTableColumns() {
   var start = Date.now();
   var field = useField();
@@ -44,21 +48,31 @@ var useTableColumns = function useTableColumns() {
 
   var _useSchemaInitializer = useSchemaInitializer(schema['x-initializer']),
       exists = _useSchemaInitializer.exists,
-      render = _useSchemaInitializer.render;
+      render = _useSchemaInitializer.render; // console.log('useTableColumns', exists);
+
 
   var columns = schema.reduceProperties(function (buf, s) {
     if (isColumnComponent(s)) {
       return buf.concat([s]);
     }
   }, []).map(function (s) {
+    var _s$xComponentProps;
+
+    var collectionFields = s.reduceProperties(function (buf, s) {
+      if (isCollectionFieldComponent(s)) {
+        return buf.concat([s]);
+      }
+    }, []);
+    var dataIndex = (collectionFields === null || collectionFields === void 0 ? void 0 : collectionFields.length) > 0 ? collectionFields[0].name : s.name;
     return {
       title: /*#__PURE__*/React.createElement(RecursionField, {
         name: s.name,
         schema: s,
         onlyRenderSelf: true
       }),
-      dataIndex: s.name,
+      dataIndex: dataIndex,
       key: s.name,
+      sorter: (_s$xComponentProps = s['x-component-props']) === null || _s$xComponentProps === void 0 ? void 0 : _s$xComponentProps['sorter'],
       // width: 300,
       render: function render(v, record) {
         var _field$value;

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

@@ -15,7 +15,7 @@ import { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings'
 import { useSchemaTemplate } from '../../../schema-templates';
 import { useDesignable } from '../../hooks';
 export var TableBlockDesigner = function TableBlockDesigner() {
-  var _fieldSchema$xDecora, _fieldSchema$xDecora$, _fieldSchema$xDecora2, _fieldSchema$xDecora3, _field$decoratorProps, _field$decoratorProps2;
+  var _fieldSchema$xDecora, _fieldSchema$xDecora$, _fieldSchema$xDecora2, _fieldSchema$xDecora3, _fieldSchema$xDecora4, _field$decoratorProps, _field$decoratorProps2;
 
   var _useCollection = useCollection(),
       name = _useCollection.name,
@@ -34,10 +34,12 @@ export var TableBlockDesigner = function TableBlockDesigner() {
       t = _useTranslation.t;
 
   var _useDesignable = useDesignable(),
-      dn = _useDesignable.dn;
+      dn = _useDesignable.dn,
+      refresh = _useDesignable.refresh;
 
   var defaultFilter = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora === void 0 ? void 0 : (_fieldSchema$xDecora$ = _fieldSchema$xDecora.params) === null || _fieldSchema$xDecora$ === void 0 ? void 0 : _fieldSchema$xDecora$.filter) || {};
   var defaultSort = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora2 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora2 === void 0 ? void 0 : (_fieldSchema$xDecora3 = _fieldSchema$xDecora2.params) === null || _fieldSchema$xDecora3 === void 0 ? void 0 : _fieldSchema$xDecora3.sort) || [];
+  var defaultResource = fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora4 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora4 === void 0 ? void 0 : _fieldSchema$xDecora4.resource;
   var sort = defaultSort === null || defaultSort === void 0 ? void 0 : defaultSort.map(function (item) {
     return item.startsWith('-') ? {
       field: item.substring(1),
@@ -52,7 +54,7 @@ export var TableBlockDesigner = function TableBlockDesigner() {
   return /*#__PURE__*/React.createElement(GeneralSchemaDesigner, {
     template: template,
     title: title || name
-  }, /*#__PURE__*/React.createElement(SchemaSettings.SwitchItem, {
+  }, /*#__PURE__*/React.createElement(SchemaSettings.BlockTitleItem, null), /*#__PURE__*/React.createElement(SchemaSettings.SwitchItem, {
     title: t('Enable drag and drop sorting'),
     checked: field.decoratorProps.dragSort,
     onChange: function onChange(dragSort) {
@@ -223,7 +225,8 @@ export var TableBlockDesigner = function TableBlockDesigner() {
     }
   }), /*#__PURE__*/React.createElement(SchemaSettings.Divider, null), /*#__PURE__*/React.createElement(SchemaSettings.Template, {
     componentName: 'Table',
-    collectionName: name
+    collectionName: name,
+    resourceName: defaultResource
   }), /*#__PURE__*/React.createElement(SchemaSettings.Divider, null), /*#__PURE__*/React.createElement(SchemaSettings.Remove, {
     removeParentsIfNoChildren: true,
     breakRemoveOn: {

package/es/schema-initializer/SchemaInitializer.js

@@ -1,7 +1,7 @@
 var _templateObject;
 
 var _excluded = ["title", "insert", "wrap", "items", "insertPosition", "dropdown", "component", "style", "icon", "onSuccess"],
-    _excluded2 = ["items", "children", "icon", "onClick"];
+    _excluded2 = ["eventKey", "items", "children", "icon", "onClick"];
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
@@ -92,7 +92,7 @@ SchemaInitializer.Button = observer(function (props) {
       if (item.type === 'item' && item.component) {
         var Component = findComponent(item.component);
         return Component && /*#__PURE__*/React.createElement(SchemaInitializerItemContext.Provider, {
-          key: "item-".concat(indexA),
+          key: "".concat(item.key || 'item', "-").concat(indexA),
           value: {
             index: indexA,
             item: item,
@@ -163,7 +163,8 @@ SchemaInitializer.Item = function (props) {
 
   var compile = useCompile();
 
-  var _props$items2 = props.items,
+  var eventKey = props.eventKey,
+      _props$items2 = props.items,
       items = _props$items2 === void 0 ? [] : _props$items2,
       _props$children = props.children,
       children = _props$children === void 0 ? info === null || info === void 0 ? void 0 : info.title : _props$children,
@@ -216,27 +217,32 @@ SchemaInitializer.Item = function (props) {
       });
     };
 
-    return (
-      /*#__PURE__*/
+    return /*#__PURE__*/React.createElement(Menu.SubMenu // @ts-ignore
+    , {
       // @ts-ignore
-      React.createElement(Menu.SubMenu, {
-        eventKey: index,
-        key: index,
-        title: compile(children),
-        icon: icon
-      }, renderMenuItem(items))
-    );
+      eventKey: eventKey ? "".concat(eventKey, "-").concat(index) : info.key,
+      key: info.key,
+      title: compile(children),
+      icon: typeof icon === 'string' ? /*#__PURE__*/React.createElement(Icon, {
+        type: icon
+      }) : icon
+    }, renderMenuItem(items));
   }
 
-  return /*#__PURE__*/React.createElement(Menu.Item, _objectSpread({
-    eventKey: index,
-    icon: icon,
+  return /*#__PURE__*/React.createElement(Menu.Item // {...others}
+  , {
+    // {...others}
+    key: info.key,
+    eventKey: eventKey ? "".concat(eventKey, "-").concat(index) : info.key,
+    icon: typeof icon === 'string' ? /*#__PURE__*/React.createElement(Icon, {
+      type: icon
+    }) : icon,
     onClick: function onClick(opts) {
       _onClick(_objectSpread(_objectSpread({}, opts), {}, {
         item: info
       }));
     }
-  }, others), compile(children));
+  }, compile(children));
 };
 
 SchemaInitializer.itemWrap = function (component) {

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

@@ -8,4 +8,5 @@ export declare const useSchemaInitializer: (name: string) => {
     exists: boolean;
     render: (props?: any) => React.CElement<any, React.Component<any, any, any>>;
 };
+export declare const SchemaInitializerPluginContext: React.Context<any>;
 export declare const SchemaInitializerProvider: React.FC<SchemaInitializerProviderProps>;

package/es/schema-initializer/SchemaInitializerProvider.js

@@ -56,6 +56,7 @@ export var useSchemaInitializer = function useSchemaInitializer(name) {
     }
   };
 };
+export var SchemaInitializerPluginContext = /*#__PURE__*/createContext(null);
 export var SchemaInitializerProvider = function SchemaInitializerProvider(props) {
   var initializers = props.initializers,
       components = props.components,

package/es/schema-initializer/buttons/BlockInitializers.d.ts

@@ -124,7 +124,7 @@ export declare const BlockInitializers: {
             };
         };
     };
-    items: {
+    items: ({
         key: string;
         type: string;
         title: string;
@@ -134,5 +134,187 @@ export declare const BlockInitializers: {
             title: string;
             component: string;
         }[];
-    }[];
+    } | {
+        key: string;
+        type: string;
+        title: string;
+        children: ({
+            key: string;
+            type: string;
+            title: string;
+            component: string;
+            icon: string;
+            schema: {
+                type: string;
+                'x-designer': string;
+                'x-decorator': string;
+                'x-component': string;
+                'x-component-props': {
+                    plot: string;
+                    config: {
+                        data: {
+                            type: string;
+                            sales: number;
+                        }[];
+                        xField: string;
+                        yField: string;
+                        label: {
+                            position: string;
+                            style: {
+                                fill: string;
+                                opacity: number;
+                            };
+                        };
+                        xAxis: {
+                            label: {
+                                autoHide: boolean;
+                                autoRotate: boolean;
+                            };
+                        };
+                        meta: {
+                            type: {
+                                alias: string;
+                            };
+                            sales: {
+                                alias: string;
+                            };
+                        };
+                    };
+                };
+            };
+        } | {
+            key: string;
+            type: string;
+            title: string;
+            component: string;
+            icon: string;
+            schema: {
+                type: string;
+                'x-designer': string;
+                'x-decorator': string;
+                'x-component': string;
+                'x-component-props': {
+                    plot: string;
+                    config: {
+                        data: {
+                            year: string;
+                            value: number;
+                        }[];
+                        xField: string;
+                        yField: string;
+                        seriesField: string;
+                        legend: {
+                            position: string;
+                        };
+                    };
+                };
+            };
+        } | {
+            key: string;
+            type: string;
+            title: string;
+            component: string;
+            icon: string;
+            schema: {
+                type: string;
+                'x-designer': string;
+                'x-decorator': string;
+                'x-component': string;
+                'x-component-props': {
+                    plot: string;
+                    config: {
+                        data: {
+                            Date: string;
+                            scales: number;
+                        }[];
+                        padding: string;
+                        xField: string;
+                        yField: string;
+                        xAxis: {
+                            tickCount: number;
+                        };
+                    };
+                };
+            };
+        } | {
+            key: string;
+            type: string;
+            title: string;
+            component: string;
+            icon: string;
+            schema: {
+                type: string;
+                'x-designer': string;
+                'x-decorator': string;
+                'x-component': string;
+                'x-component-props': {
+                    plot: string;
+                    config: {
+                        appendPadding: number;
+                        data: {
+                            type: string;
+                            value: number;
+                        }[];
+                        angleField: string;
+                        colorField: string;
+                        radius: number;
+                        label: {
+                            type: string;
+                            offset: string;
+                            content: string;
+                            style: {
+                                fontSize: number;
+                                textAlign: string;
+                            };
+                        };
+                        interactions: {
+                            type: string;
+                        }[];
+                    };
+                };
+            };
+        } | {
+            key: string;
+            type: string;
+            title: string;
+            component: string;
+            icon: string;
+            schema: {
+                type: string;
+                'x-designer': string;
+                'x-decorator': string;
+                'x-component': string;
+                'x-component-props': {
+                    plot: string;
+                    config: {
+                        data: {
+                            timePeriod: string;
+                            value: number;
+                        }[];
+                        xField: string;
+                        yField: string;
+                        xAxis: {
+                            range: number[];
+                        };
+                    };
+                };
+            };
+        } | {
+            key: string;
+            type: string;
+            title: string;
+            component: string;
+            icon: string;
+            schema: {
+                type: string;
+                'x-designer': string;
+                'x-decorator': string;
+                'x-component': string;
+                'x-component-props': {
+                    plot?: undefined;
+                    config?: undefined;
+                };
+            };
+        })[];
+    })[];
 };