@nocobase/client 0.5.0-alpha.36 → 0.7.0-alpha.0

package/esm/schema-component/antd/menu/Menu.js

@@ -0,0 +1,228 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { css } from '@emotion/css';
+import { observer, RecursionField, SchemaExpressionScopeContext, useField, useFieldSchema } from '@formily/react';
+import { Menu as AntdMenu } from 'antd';
+import { createContext, useContext, useEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { useTranslation } from 'react-i18next';
+import { createDesignable, DndContext, SortableItem, useDesignable, useDesigner } from '../..';
+import { Icon, useAPIClient, useSchemaInitializer } from '../../../';
+import { useProps } from '../../hooks/useProps';
+import { MenuDesigner } from './Menu.Designer';
+import { findKeysByUid, findMenuItem } from './util';
+var subMenuDesignerCss = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  display: inline-block;\n  margin-left: -24px;\n  margin-right: -34px;\n  padding: 0 34px 0 24px;\n  width: calc(100% + 58px);\n  &:hover {\n    > .general-schema-designer {\n      display: block;\n    }\n  }\n  &.nb-action-link {\n    > .general-schema-designer {\n      top: -10px;\n      bottom: -10px;\n      left: -10px;\n      right: -10px;\n    }\n  }\n  > .general-schema-designer {\n    position: absolute;\n    z-index: 999;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: none;\n    background: rgba(241, 139, 98, 0.06);\n    border: 0;\n    pointer-events: none;\n    > .general-schema-designer-icons {\n      position: absolute;\n      right: 2px;\n      top: 2px;\n      line-height: 16px;\n      pointer-events: all;\n      .ant-space-item {\n        background-color: #f18b62;\n        color: #fff;\n        line-height: 16px;\n        width: 16px;\n        padding-left: 1px;\n      }\n    }\n  }\n"], ["\n  position: relative;\n  display: inline-block;\n  margin-left: -24px;\n  margin-right: -34px;\n  padding: 0 34px 0 24px;\n  width: calc(100% + 58px);\n  &:hover {\n    > .general-schema-designer {\n      display: block;\n    }\n  }\n  &.nb-action-link {\n    > .general-schema-designer {\n      top: -10px;\n      bottom: -10px;\n      left: -10px;\n      right: -10px;\n    }\n  }\n  > .general-schema-designer {\n    position: absolute;\n    z-index: 999;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: none;\n    background: rgba(241, 139, 98, 0.06);\n    border: 0;\n    pointer-events: none;\n    > .general-schema-designer-icons {\n      position: absolute;\n      right: 2px;\n      top: 2px;\n      line-height: 16px;\n      pointer-events: all;\n      .ant-space-item {\n        background-color: #f18b62;\n        color: #fff;\n        line-height: 16px;\n        width: 16px;\n        padding-left: 1px;\n      }\n    }\n  }\n"])));
+var designerCss = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: -20px;\n  margin-right: -20px;\n  padding: 0 20px;\n  width: calc(100% + 40px);\n  &:hover {\n    > .general-schema-designer {\n      display: block;\n    }\n  }\n  &.nb-action-link {\n    > .general-schema-designer {\n      top: -10px;\n      bottom: -10px;\n      left: -10px;\n      right: -10px;\n    }\n  }\n  > .general-schema-designer {\n    position: absolute;\n    z-index: 999;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: none;\n    background: rgba(241, 139, 98, 0.06);\n    border: 0;\n    pointer-events: none;\n    > .general-schema-designer-icons {\n      position: absolute;\n      right: 2px;\n      top: 2px;\n      line-height: 16px;\n      pointer-events: all;\n      .ant-space-item {\n        background-color: #f18b62;\n        color: #fff;\n        line-height: 16px;\n        width: 16px;\n        padding-left: 1px;\n      }\n    }\n  }\n"], ["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: -20px;\n  margin-right: -20px;\n  padding: 0 20px;\n  width: calc(100% + 40px);\n  &:hover {\n    > .general-schema-designer {\n      display: block;\n    }\n  }\n  &.nb-action-link {\n    > .general-schema-designer {\n      top: -10px;\n      bottom: -10px;\n      left: -10px;\n      right: -10px;\n    }\n  }\n  > .general-schema-designer {\n    position: absolute;\n    z-index: 999;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: none;\n    background: rgba(241, 139, 98, 0.06);\n    border: 0;\n    pointer-events: none;\n    > .general-schema-designer-icons {\n      position: absolute;\n      right: 2px;\n      top: 2px;\n      line-height: 16px;\n      pointer-events: all;\n      .ant-space-item {\n        background-color: #f18b62;\n        color: #fff;\n        line-height: 16px;\n        width: 16px;\n        padding-left: 1px;\n      }\n    }\n  }\n"])));
+var MenuModeContext = createContext(null);
+var useSideMenuRef = function () {
+    var _a;
+    var schema = useFieldSchema();
+    var scope = useContext(SchemaExpressionScopeContext);
+    var scopeKey = (_a = schema === null || schema === void 0 ? void 0 : schema['x-component-props']) === null || _a === void 0 ? void 0 : _a['sideMenuRefScopeKey'];
+    if (!scopeKey) {
+        return;
+    }
+    return scope[scopeKey];
+};
+var MenuItemDesignerContext = createContext(null);
+export var Menu = observer(function (props) {
+    var _a;
+    var _b = useProps(props), onSelect = _b.onSelect, mode = _b.mode, selectedUid = _b.selectedUid, defaultSelectedUid = _b.defaultSelectedUid, sideMenuRefScopeKey = _b.sideMenuRefScopeKey, dSelectedKeys = _b.defaultSelectedKeys, dOpenKeys = _b.defaultOpenKeys, others = __rest(_b, ["onSelect", "mode", "selectedUid", "defaultSelectedUid", "sideMenuRefScopeKey", "defaultSelectedKeys", "defaultOpenKeys"]);
+    var t = useTranslation().t;
+    var Designer = useDesigner();
+    var schema = useFieldSchema();
+    var refresh = useDesignable().refresh;
+    var api = useAPIClient();
+    var render = useSchemaInitializer(schema['x-initializer']).render;
+    var sideMenuRef = useSideMenuRef();
+    var _c = __read(useState(function () {
+        if (dSelectedKeys) {
+            return dSelectedKeys;
+        }
+        if (defaultSelectedUid) {
+            return findKeysByUid(schema, defaultSelectedUid);
+        }
+        return [];
+    }), 2), defaultSelectedKeys = _c[0], setDefaultSelectedKeys = _c[1];
+    var _d = __read(useState(false), 2), loading = _d[0], setLoading = _d[1];
+    var _e = __read(useState(function () {
+        if (['inline', 'mix'].includes(mode)) {
+            return dOpenKeys || defaultSelectedKeys;
+        }
+        return dOpenKeys;
+    }), 2), defaultOpenKeys = _e[0], setDefaultOpenKeys = _e[1];
+    var _f = __read(useState(function () {
+        var _a;
+        var key = (defaultSelectedKeys === null || defaultSelectedKeys === void 0 ? void 0 : defaultSelectedKeys[0]) || null;
+        if (mode === 'mix' && key) {
+            var s = (_a = schema.properties) === null || _a === void 0 ? void 0 : _a[key];
+            if (s['x-component'] === 'Menu.SubMenu') {
+                return s;
+            }
+        }
+        return null;
+    }), 2), sideMenuSchema = _f[0], setSideMenuSchema = _f[1];
+    useEffect(function () {
+        var _a;
+        var keys = findKeysByUid(schema, selectedUid);
+        setDefaultSelectedKeys(keys);
+        if (['inline', 'mix'].includes(mode)) {
+            setDefaultOpenKeys(dOpenKeys || keys);
+        }
+        var key = (keys === null || keys === void 0 ? void 0 : keys[0]) || null;
+        if (mode === 'mix') {
+            if (key) {
+                var s = (_a = schema.properties) === null || _a === void 0 ? void 0 : _a[key];
+                if (s['x-component'] === 'Menu.SubMenu') {
+                    setSideMenuSchema(s);
+                }
+            }
+            else {
+                setSideMenuSchema(null);
+            }
+        }
+    }, [selectedUid]);
+    useEffect(function () {
+        if (['inline', 'mix'].includes(mode)) {
+            setDefaultOpenKeys(defaultSelectedKeys);
+        }
+    }, [defaultSelectedKeys]);
+    useEffect(function () {
+        var sideMenuElement = sideMenuRef === null || sideMenuRef === void 0 ? void 0 : sideMenuRef.current;
+        if (!sideMenuElement) {
+            return;
+        }
+        sideMenuElement.style.display = (sideMenuSchema === null || sideMenuSchema === void 0 ? void 0 : sideMenuSchema['x-component']) === 'Menu.SubMenu' ? 'block' : 'none';
+    }, [sideMenuSchema === null || sideMenuSchema === void 0 ? void 0 : sideMenuSchema.name, sideMenuRef]);
+    var designable = useDesignable().designable;
+    return (_jsx(DndContext, { children: _jsx(MenuItemDesignerContext.Provider, __assign({ value: Designer }, { children: _jsxs(MenuModeContext.Provider, __assign({ value: mode }, { children: [_jsxs(AntdMenu, __assign({}, others, { style: {
+                        // width: mode === 'mix' ? '100%' : undefined,
+                        }, className: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n              .ant-menu-item:hover {\n                > .ant-menu-title-content > div {\n                  .general-schema-designer {\n                    display: block;\n                  }\n                }\n              }\n            "], ["\n              .ant-menu-item:hover {\n                > .ant-menu-title-content > div {\n                  .general-schema-designer {\n                    display: block;\n                  }\n                }\n              }\n            "]))), onSelect: function (info) {
+                            var s = schema.properties[info.key];
+                            if (mode === 'mix') {
+                                setSideMenuSchema(s);
+                                if (s['x-component'] !== 'Menu.SubMenu') {
+                                    onSelect && onSelect(info);
+                                }
+                                else {
+                                    var menuItemSchema = findMenuItem(s);
+                                    if (!menuItemSchema) {
+                                        return;
+                                    }
+                                    // TODO
+                                    setLoading(true);
+                                    var keys = findKeysByUid(schema, menuItemSchema['x-uid']);
+                                    setDefaultSelectedKeys(keys);
+                                    setTimeout(function () {
+                                        setLoading(false);
+                                    }, 100);
+                                    onSelect &&
+                                        onSelect({
+                                            key: menuItemSchema.name,
+                                            item: {
+                                                props: {
+                                                    schema: menuItemSchema,
+                                                },
+                                            },
+                                        });
+                                }
+                            }
+                            else {
+                                onSelect && onSelect(info);
+                            }
+                        }, mode: mode === 'mix' ? 'horizontal' : mode, openKeys: defaultOpenKeys, selectedKeys: defaultSelectedKeys }, { children: [designable && (_jsx(AntdMenu.Item, __assign({ disabled: true, style: { padding: '0 8px', order: 9999 } }, { children: render({ style: { background: 'none' } }) }), void 0)), props.children] }), void 0), loading
+                        ? null
+                        : mode === 'mix' &&
+                            (sideMenuSchema === null || sideMenuSchema === void 0 ? void 0 : sideMenuSchema['x-component']) === 'Menu.SubMenu' &&
+                            ((_a = sideMenuRef === null || sideMenuRef === void 0 ? void 0 : sideMenuRef.current) === null || _a === void 0 ? void 0 : _a.firstChild) &&
+                            createPortal(_jsx(MenuModeContext.Provider, __assign({ value: 'inline' }, { children: _jsxs(AntdMenu, __assign({ mode: 'inline', defaultOpenKeys: defaultOpenKeys, defaultSelectedKeys: defaultSelectedKeys, onSelect: function (info) {
+                                        onSelect && onSelect(info);
+                                    }, className: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n                      .ant-menu-item {\n                        > .ant-menu-title-content {\n                          margin-left: -24px;\n                          margin-right: -16px;\n                          padding: 0 16px 0 24px;\n                          > div {\n                            > .general-schema-designer {\n                              right: 6px !important;\n                            }\n                          }\n                        }\n                      }\n                      .ant-menu-submenu-title {\n                        .ant-menu-title-content {\n                          margin-left: -24px;\n                          margin-right: -34px;\n                          padding: 0 34px 0 24px;\n                          > div {\n                            > .general-schema-designer {\n                              right: 6px !important;\n                            }\n                            > span.anticon {\n                              margin-right: 10px;\n                            }\n                          }\n                        }\n                      }\n                    "], ["\n                      .ant-menu-item {\n                        > .ant-menu-title-content {\n                          margin-left: -24px;\n                          margin-right: -16px;\n                          padding: 0 16px 0 24px;\n                          > div {\n                            > .general-schema-designer {\n                              right: 6px !important;\n                            }\n                          }\n                        }\n                      }\n                      .ant-menu-submenu-title {\n                        .ant-menu-title-content {\n                          margin-left: -24px;\n                          margin-right: -34px;\n                          padding: 0 34px 0 24px;\n                          > div {\n                            > .general-schema-designer {\n                              right: 6px !important;\n                            }\n                            > span.anticon {\n                              margin-right: 10px;\n                            }\n                          }\n                        }\n                      }\n                    "]))) }, { children: [_jsx(RecursionField, { schema: sideMenuSchema, onlyRenderProperties: true }, void 0), render({
+                                            style: { margin: 8 },
+                                            insert: function (s) {
+                                                var dn = createDesignable({
+                                                    t: t,
+                                                    api: api,
+                                                    refresh: refresh,
+                                                    current: sideMenuSchema,
+                                                });
+                                                dn.loadAPIClientEvents();
+                                                dn.insertAdjacent('beforeEnd', s);
+                                            },
+                                        })] }), void 0) }), void 0), sideMenuRef.current.firstChild)] }), void 0) }), void 0) }, void 0));
+});
+Menu.Item = observer(function (props) {
+    var icon = props.icon, others = __rest(props, ["icon"]);
+    var schema = useFieldSchema();
+    var field = useField();
+    var Designer = useContext(MenuItemDesignerContext);
+    return (_createElement(AntdMenu.Item, __assign({}, others, { key: schema.name, eventKey: schema.name, schema: schema }),
+        _jsxs(SortableItem, __assign({ className: designerCss }, { children: [_jsx(Icon, { type: icon }, void 0), _jsx("span", __assign({ className: css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: inline-block;\n            width: 100%;\n            vertical-align: middle;\n          "], ["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: inline-block;\n            width: 100%;\n            vertical-align: middle;\n          "]))) }, { children: field.title }), void 0), _jsx(Designer, {}, void 0)] }), void 0)));
+});
+Menu.URL = observer(function (props) {
+    var icon = props.icon, others = __rest(props, ["icon"]);
+    var schema = useFieldSchema();
+    var field = useField();
+    var Designer = useContext(MenuItemDesignerContext);
+    return (_createElement(AntdMenu.Item, __assign({}, others, { key: schema.name, eventKey: schema.name, schema: schema, onClick: function () {
+            window.open(props.href, '_blank');
+        } }),
+        _jsxs(SortableItem, __assign({ className: designerCss }, { children: [_jsx(Icon, { type: icon }, void 0), field.title, _jsx(Designer, {}, void 0)] }), void 0)));
+});
+Menu.SubMenu = observer(function (props) {
+    var icon = props.icon, others = __rest(props, ["icon"]);
+    var schema = useFieldSchema();
+    var field = useField();
+    var mode = useContext(MenuModeContext);
+    var Designer = useContext(MenuItemDesignerContext);
+    if (mode === 'mix') {
+        return _jsx(Menu.Item, __assign({}, props), void 0);
+    }
+    return (_createElement(AntdMenu.SubMenu, __assign({}, others, { key: schema.name, eventKey: schema.name, title: _jsxs(SortableItem, __assign({ className: subMenuDesignerCss }, { children: [_jsx(Icon, { type: icon }, void 0), field.title, _jsx(Designer, {}, void 0)] }), void 0) }),
+        _jsx(RecursionField, { schema: schema, onlyRenderProperties: true }, void 0)));
+});
+Menu.Designer = MenuDesigner;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=Menu.js.map

package/esm/schema-component/antd/menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/menu/Menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import { css } from '@emotion/css';\nimport {\n  observer,\n  RecursionField,\n  Schema,\n  SchemaExpressionScopeContext,\n  useField,\n  useFieldSchema\n} from '@formily/react';\nimport { Menu as AntdMenu } from 'antd';\nimport React, { createContext, useContext, useEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useTranslation } from 'react-i18next';\nimport { createDesignable, DndContext, SortableItem, useDesignable, useDesigner } from '../..';\nimport { Icon, useAPIClient, useSchemaInitializer } from '../../../';\nimport { useProps } from '../../hooks/useProps';\nimport { MenuDesigner } from './Menu.Designer';\nimport { findKeysByUid, findMenuItem } from './util';\n\nconst subMenuDesignerCss = css`\n  position: relative;\n  display: inline-block;\n  margin-left: -24px;\n  margin-right: -34px;\n  padding: 0 34px 0 24px;\n  width: calc(100% + 58px);\n  &:hover {\n    > .general-schema-designer {\n      display: block;\n    }\n  }\n  &.nb-action-link {\n    > .general-schema-designer {\n      top: -10px;\n      bottom: -10px;\n      left: -10px;\n      right: -10px;\n    }\n  }\n  > .general-schema-designer {\n    position: absolute;\n    z-index: 999;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: none;\n    background: rgba(241, 139, 98, 0.06);\n    border: 0;\n    pointer-events: none;\n    > .general-schema-designer-icons {\n      position: absolute;\n      right: 2px;\n      top: 2px;\n      line-height: 16px;\n      pointer-events: all;\n      .ant-space-item {\n        background-color: #f18b62;\n        color: #fff;\n        line-height: 16px;\n        width: 16px;\n        padding-left: 1px;\n      }\n    }\n  }\n`;\n\nconst designerCss = css`\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: -20px;\n  margin-right: -20px;\n  padding: 0 20px;\n  width: calc(100% + 40px);\n  &:hover {\n    > .general-schema-designer {\n      display: block;\n    }\n  }\n  &.nb-action-link {\n    > .general-schema-designer {\n      top: -10px;\n      bottom: -10px;\n      left: -10px;\n      right: -10px;\n    }\n  }\n  > .general-schema-designer {\n    position: absolute;\n    z-index: 999;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: none;\n    background: rgba(241, 139, 98, 0.06);\n    border: 0;\n    pointer-events: none;\n    > .general-schema-designer-icons {\n      position: absolute;\n      right: 2px;\n      top: 2px;\n      line-height: 16px;\n      pointer-events: all;\n      .ant-space-item {\n        background-color: #f18b62;\n        color: #fff;\n        line-height: 16px;\n        width: 16px;\n        padding-left: 1px;\n      }\n    }\n  }\n`;\n\ntype ComposedMenu = React.FC<any> & {\n  Item?: React.FC<any>;\n  URL?: React.FC<any>;\n  SubMenu?: React.FC<any>;\n  Designer?: React.FC<any>;\n};\n\nconst MenuModeContext = createContext(null);\n\nconst useSideMenuRef = () => {\n  const schema = useFieldSchema();\n  const scope = useContext(SchemaExpressionScopeContext);\n  const scopeKey = schema?.['x-component-props']?.['sideMenuRefScopeKey'];\n  if (!scopeKey) {\n    return;\n  }\n  return scope[scopeKey];\n};\n\nconst MenuItemDesignerContext = createContext(null);\n\nexport const Menu: ComposedMenu = observer((props) => {\n  let {\n    onSelect,\n    mode,\n    selectedUid,\n    defaultSelectedUid,\n    sideMenuRefScopeKey,\n    defaultSelectedKeys: dSelectedKeys,\n    defaultOpenKeys: dOpenKeys,\n    ...others\n  } = useProps(props);\n  const { t } = useTranslation();\n  const Designer = useDesigner();\n  const schema = useFieldSchema();\n  const { refresh } = useDesignable();\n  const api = useAPIClient();\n  const { render } = useSchemaInitializer(schema['x-initializer']);\n  const sideMenuRef = useSideMenuRef();\n  const [defaultSelectedKeys, setDefaultSelectedKeys] = useState(() => {\n    if (dSelectedKeys) {\n      return dSelectedKeys;\n    }\n    if (defaultSelectedUid) {\n      return findKeysByUid(schema, defaultSelectedUid);\n    }\n    return [];\n  });\n  const [loading, setLoading] = useState(false);\n  const [defaultOpenKeys, setDefaultOpenKeys] = useState(() => {\n    if (['inline', 'mix'].includes(mode)) {\n      return dOpenKeys || defaultSelectedKeys;\n    }\n    return dOpenKeys;\n  });\n  const [sideMenuSchema, setSideMenuSchema] = useState<Schema>(() => {\n    const key = defaultSelectedKeys?.[0] || null;\n    if (mode === 'mix' && key) {\n      const s = schema.properties?.[key];\n      if (s['x-component'] === 'Menu.SubMenu') {\n        return s;\n      }\n    }\n    return null;\n  });\n  useEffect(() => {\n    const keys = findKeysByUid(schema, selectedUid);\n    setDefaultSelectedKeys(keys);\n    if (['inline', 'mix'].includes(mode)) {\n      setDefaultOpenKeys(dOpenKeys || keys);\n    }\n    const key = keys?.[0] || null;\n    if (mode === 'mix') {\n      if (key) {\n        const s = schema.properties?.[key];\n        if (s['x-component'] === 'Menu.SubMenu') {\n          setSideMenuSchema(s);\n        }\n      } else {\n        setSideMenuSchema(null);\n      }\n    }\n  }, [selectedUid]);\n  useEffect(() => {\n    if (['inline', 'mix'].includes(mode)) {\n      setDefaultOpenKeys(defaultSelectedKeys);\n    }\n  }, [defaultSelectedKeys]);\n  useEffect(() => {\n    const sideMenuElement = sideMenuRef?.current as HTMLElement;\n    if (!sideMenuElement) {\n      return;\n    }\n    sideMenuElement.style.display = sideMenuSchema?.['x-component'] === 'Menu.SubMenu' ? 'block' : 'none';\n  }, [sideMenuSchema?.name, sideMenuRef]);\n  const { designable } = useDesignable();\n  return (\n    <DndContext>\n      <MenuItemDesignerContext.Provider value={Designer}>\n        <MenuModeContext.Provider value={mode}>\n          <AntdMenu\n            {...others}\n            style={\n              {\n                // width: mode === 'mix' ? '100%' : undefined,\n              }\n            }\n            className={css`\n              .ant-menu-item:hover {\n                > .ant-menu-title-content > div {\n                  .general-schema-designer {\n                    display: block;\n                  }\n                }\n              }\n            `}\n            onSelect={(info: any) => {\n              const s = schema.properties[info.key];\n              if (mode === 'mix') {\n                setSideMenuSchema(s);\n                if (s['x-component'] !== 'Menu.SubMenu') {\n                  onSelect && onSelect(info);\n                } else {\n                  const menuItemSchema = findMenuItem(s);\n                  if (!menuItemSchema) {\n                    return;\n                  }\n                  // TODO\n                  setLoading(true);\n                  const keys = findKeysByUid(schema, menuItemSchema['x-uid']);\n                  setDefaultSelectedKeys(keys);\n                  setTimeout(() => {\n                    setLoading(false);\n                  }, 100);\n                  onSelect &&\n                    onSelect({\n                      key: menuItemSchema.name,\n                      item: {\n                        props: {\n                          schema: menuItemSchema,\n                        },\n                      },\n                    });\n                }\n              } else {\n                onSelect && onSelect(info);\n              }\n            }}\n            mode={mode === 'mix' ? 'horizontal' : mode}\n            openKeys={defaultOpenKeys}\n            selectedKeys={defaultSelectedKeys}\n          >\n            {designable && (\n              <AntdMenu.Item disabled style={{ padding: '0 8px', order: 9999 }}>\n                {render({ style: { background: 'none' } })}\n              </AntdMenu.Item>\n            )}\n            {props.children}\n          </AntdMenu>\n          {loading\n            ? null\n            : mode === 'mix' &&\n              sideMenuSchema?.['x-component'] === 'Menu.SubMenu' &&\n              sideMenuRef?.current?.firstChild &&\n              createPortal(\n                <MenuModeContext.Provider value={'inline'}>\n                  <AntdMenu\n                    mode={'inline'}\n                    defaultOpenKeys={defaultOpenKeys}\n                    defaultSelectedKeys={defaultSelectedKeys}\n                    onSelect={(info) => {\n                      onSelect && onSelect(info);\n                    }}\n                    className={css`\n                      .ant-menu-item {\n                        > .ant-menu-title-content {\n                          margin-left: -24px;\n                          margin-right: -16px;\n                          padding: 0 16px 0 24px;\n                          > div {\n                            > .general-schema-designer {\n                              right: 6px !important;\n                            }\n                          }\n                        }\n                      }\n                      .ant-menu-submenu-title {\n                        .ant-menu-title-content {\n                          margin-left: -24px;\n                          margin-right: -34px;\n                          padding: 0 34px 0 24px;\n                          > div {\n                            > .general-schema-designer {\n                              right: 6px !important;\n                            }\n                            > span.anticon {\n                              margin-right: 10px;\n                            }\n                          }\n                        }\n                      }\n                    `}\n                  >\n                    <RecursionField schema={sideMenuSchema} onlyRenderProperties />\n                    {render({\n                      style: { margin: 8 },\n                      insert: (s) => {\n                        const dn = createDesignable({\n                          t,\n                          api,\n                          refresh,\n                          current: sideMenuSchema,\n                        });\n                        dn.loadAPIClientEvents();\n                        dn.insertAdjacent('beforeEnd', s);\n                      },\n                    })}\n                  </AntdMenu>\n                </MenuModeContext.Provider>,\n                sideMenuRef.current.firstChild,\n              )}\n        </MenuModeContext.Provider>\n      </MenuItemDesignerContext.Provider>\n    </DndContext>\n  );\n});\n\nMenu.Item = observer((props) => {\n  const { icon, ...others } = props;\n  const schema = useFieldSchema();\n  const field = useField();\n  const Designer = useContext(MenuItemDesignerContext);\n  return (\n    <AntdMenu.Item {...others} key={schema.name} eventKey={schema.name} schema={schema}>\n      <SortableItem className={designerCss}>\n        <Icon type={icon} />\n        <span\n          className={css`\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: inline-block;\n            width: 100%;\n            vertical-align: middle;\n          `}\n        >\n          {field.title}\n        </span>\n        <Designer />\n      </SortableItem>\n    </AntdMenu.Item>\n  );\n});\n\nMenu.URL = observer((props) => {\n  const { icon, ...others } = props;\n  const schema = useFieldSchema();\n  const field = useField();\n  const Designer = useContext(MenuItemDesignerContext);\n  return (\n    <AntdMenu.Item\n      {...others}\n      key={schema.name}\n      eventKey={schema.name}\n      schema={schema}\n      onClick={() => {\n        window.open(props.href, '_blank');\n      }}\n    >\n      <SortableItem className={designerCss}>\n        <Icon type={icon} />\n        {field.title}\n        <Designer />\n      </SortableItem>\n    </AntdMenu.Item>\n  );\n});\n\nMenu.SubMenu = observer((props) => {\n  const { icon, ...others } = props;\n  const schema = useFieldSchema();\n  const field = useField();\n  const mode = useContext(MenuModeContext);\n  const Designer = useContext(MenuItemDesignerContext);\n  if (mode === 'mix') {\n    return <Menu.Item {...props} />;\n  }\n  return (\n    <AntdMenu.SubMenu\n      {...others}\n      key={schema.name}\n      eventKey={schema.name}\n      title={\n        <SortableItem className={subMenuDesignerCss}>\n          <Icon type={icon} />\n          {field.title}\n          <Designer />\n        </SortableItem>\n      }\n    >\n      <RecursionField schema={schema} onlyRenderProperties />\n    </AntdMenu.SubMenu>\n  );\n});\n\nMenu.Designer = MenuDesigner;\n"]}

package/esm/schema-component/antd/menu/MenuItemInitializers/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const MenuItemInitializers: (props: any) => JSX.Element;
+export declare const GroupItem: import("../../../../schema-initializer").SchemaInitializerItemComponent;
+export declare const PageMenuItem: import("../../../../schema-initializer").SchemaInitializerItemComponent;
+export declare const LinkMenuItem: import("../../../../schema-initializer").SchemaInitializerItemComponent;

package/esm/schema-component/antd/menu/MenuItemInitializers/index.js

@@ -0,0 +1,247 @@
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormDialog, FormLayout } from '@formily/antd';
+import { SchemaOptionsContext } from '@formily/react';
+import { useContext } from 'react';
+import { useTranslation } from 'react-i18next';
+import { SchemaComponent, SchemaComponentOptions } from '../../..';
+import { SchemaInitializer } from '../../../../schema-initializer';
+export var MenuItemInitializers = function (props) {
+    var t = useTranslation().t;
+    return (_jsx(SchemaInitializer.Button, __assign({ insertPosition: 'beforeEnd', icon: 'PlusOutlined', insert: props.insert, style: props.style }, props, { items: [
+            {
+                type: 'item',
+                title: t('Group'),
+                component: GroupItem,
+            },
+            {
+                type: 'item',
+                title: t('Page'),
+                component: PageMenuItem,
+            },
+            {
+                type: 'item',
+                title: t('Link'),
+                component: LinkMenuItem,
+            },
+        ] }, { children: t('Add menu item') }), void 0));
+};
+var itemWrap = SchemaInitializer.itemWrap;
+export var GroupItem = itemWrap(function (props) {
+    var insert = props.insert;
+    var t = useTranslation().t;
+    var options = useContext(SchemaOptionsContext);
+    return (_jsx(SchemaInitializer.Item, __assign({}, props, { onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
+            var values, title, icon;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, FormDialog(t('Add group'), function () {
+                            return (_jsx(SchemaComponentOptions, __assign({ scope: options.scope, components: __assign({}, options.components) }, { children: _jsx(FormLayout, __assign({ layout: 'vertical' }, { children: _jsx(SchemaComponent, { schema: {
+                                            properties: {
+                                                title: {
+                                                    title: t('Menu item title'),
+                                                    'x-component': 'Input',
+                                                    'x-decorator': 'FormItem',
+                                                    required: true,
+                                                },
+                                                icon: {
+                                                    title: t('Icon'),
+                                                    'x-component': 'IconPicker',
+                                                    'x-decorator': 'FormItem',
+                                                },
+                                            },
+                                        } }, void 0) }), void 0) }), void 0));
+                        }).open({
+                            initialValues: {},
+                        })];
+                    case 1:
+                        values = _a.sent();
+                        title = values.title, icon = values.icon;
+                        insert({
+                            type: 'void',
+                            title: title,
+                            'x-component': 'Menu.SubMenu',
+                            'x-decorator': 'ACLMenuItemProvider',
+                            'x-component-props': {
+                                icon: icon,
+                            },
+                            'x-server-hooks': [
+                                {
+                                    type: 'onSelfCreate',
+                                    method: 'bindMenuToRole',
+                                },
+                            ],
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        }); } }), void 0));
+});
+export var PageMenuItem = itemWrap(function (props) {
+    var insert = props.insert;
+    var t = useTranslation().t;
+    var options = useContext(SchemaOptionsContext);
+    return (_jsx(SchemaInitializer.Item, __assign({}, props, { onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
+            var values, title, icon;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, FormDialog(t('Add page'), function () {
+                            return (_jsx(SchemaComponentOptions, __assign({ scope: options.scope, components: __assign({}, options.components) }, { children: _jsx(FormLayout, __assign({ layout: 'vertical' }, { children: _jsx(SchemaComponent, { schema: {
+                                            properties: {
+                                                title: {
+                                                    title: t('Menu item title'),
+                                                    required: true,
+                                                    'x-component': 'Input',
+                                                    'x-decorator': 'FormItem',
+                                                },
+                                                icon: {
+                                                    title: t('Icon'),
+                                                    'x-component': 'IconPicker',
+                                                    'x-decorator': 'FormItem',
+                                                },
+                                            },
+                                        } }, void 0) }), void 0) }), void 0));
+                        }).open({
+                            initialValues: {},
+                        })];
+                    case 1:
+                        values = _a.sent();
+                        title = values.title, icon = values.icon;
+                        insert({
+                            type: 'void',
+                            title: title,
+                            'x-component': 'Menu.Item',
+                            'x-decorator': 'ACLMenuItemProvider',
+                            'x-component-props': {
+                                icon: icon,
+                            },
+                            'x-server-hooks': [
+                                {
+                                    type: 'onSelfCreate',
+                                    method: 'bindMenuToRole',
+                                },
+                            ],
+                            properties: {
+                                page: {
+                                    type: 'void',
+                                    'x-component': 'Page',
+                                    'x-async': true,
+                                    properties: {
+                                        grid: {
+                                            type: 'void',
+                                            'x-component': 'Grid',
+                                            'x-initializer': 'BlockInitializers',
+                                            properties: {},
+                                        },
+                                    },
+                                },
+                            },
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        }); } }), void 0));
+});
+export var LinkMenuItem = itemWrap(function (props) {
+    var insert = props.insert;
+    var t = useTranslation().t;
+    var options = useContext(SchemaOptionsContext);
+    return (_jsx(SchemaInitializer.Item, __assign({}, props, { onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
+            var values, title, href, icon;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, FormDialog(t('Add link'), function () {
+                            return (_jsx(SchemaComponentOptions, __assign({ scope: options.scope, components: __assign({}, options.components) }, { children: _jsx(FormLayout, __assign({ layout: 'vertical' }, { children: _jsx(SchemaComponent, { schema: {
+                                            properties: {
+                                                title: {
+                                                    title: t('Menu item title'),
+                                                    required: true,
+                                                    'x-component': 'Input',
+                                                    'x-decorator': 'FormItem',
+                                                },
+                                                icon: {
+                                                    title: t('Icon'),
+                                                    'x-component': 'IconPicker',
+                                                    'x-decorator': 'FormItem',
+                                                },
+                                                href: {
+                                                    title: t('Link'),
+                                                    'x-component': 'Input',
+                                                    'x-decorator': 'FormItem',
+                                                },
+                                            },
+                                        } }, void 0) }), void 0) }), void 0));
+                        }).open({
+                            initialValues: {},
+                        })];
+                    case 1:
+                        values = _a.sent();
+                        title = values.title, href = values.href, icon = values.icon;
+                        insert({
+                            type: 'void',
+                            title: title,
+                            'x-component': 'Menu.URL',
+                            'x-decorator': 'ACLMenuItemProvider',
+                            'x-component-props': {
+                                icon: icon,
+                                href: href,
+                            },
+                            'x-server-hooks': [
+                                {
+                                    type: 'onSelfCreate',
+                                    method: 'bindMenuToRole',
+                                },
+                            ],
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        }); } }), void 0));
+});
+//# sourceMappingURL=index.js.map

package/esm/schema-component/antd/menu/MenuItemInitializers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/schema-component/antd/menu/MenuItemInitializers/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FormDialog, FormLayout } from '@formily/antd';\nimport { SchemaOptionsContext } from '@formily/react';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { SchemaComponent, SchemaComponentOptions } from '../../..';\nimport { SchemaInitializer } from '../../../../schema-initializer';\n\nexport const MenuItemInitializers = (props: any) => {\n  const { t } = useTranslation();\n  return (\n    <SchemaInitializer.Button\n      insertPosition={'beforeEnd'}\n      icon={'PlusOutlined'}\n      insert={props.insert}\n      style={props.style}\n      {...props}\n      items={[\n        {\n          type: 'item',\n          title: t('Group'),\n          component: GroupItem,\n        },\n        {\n          type: 'item',\n          title: t('Page'),\n          component: PageMenuItem,\n        },\n        {\n          type: 'item',\n          title: t('Link'),\n          component: LinkMenuItem,\n        },\n      ]}\n    >\n      {t('Add menu item')}\n    </SchemaInitializer.Button>\n  );\n};\n\nconst itemWrap = SchemaInitializer.itemWrap;\n\nexport const GroupItem = itemWrap((props) => {\n  const { insert } = props;\n  const { t } = useTranslation();\n  const options = useContext(SchemaOptionsContext);\n  return (\n    <SchemaInitializer.Item\n      {...props}\n      onClick={async () => {\n        const values = await FormDialog(t('Add group'), () => {\n          return (\n            <SchemaComponentOptions scope={options.scope} components={{ ...options.components }}>\n              <FormLayout layout={'vertical'}>\n                <SchemaComponent\n                  schema={{\n                    properties: {\n                      title: {\n                        title: t('Menu item title'),\n                        'x-component': 'Input',\n                        'x-decorator': 'FormItem',\n                        required: true,\n                      },\n                      icon: {\n                        title: t('Icon'),\n                        'x-component': 'IconPicker',\n                        'x-decorator': 'FormItem',\n                      },\n                    },\n                  }}\n                />\n              </FormLayout>\n            </SchemaComponentOptions>\n          );\n        }).open({\n          initialValues: {},\n        });\n        const { title, icon } = values;\n        insert({\n          type: 'void',\n          title,\n          'x-component': 'Menu.SubMenu',\n          'x-decorator': 'ACLMenuItemProvider',\n          'x-component-props': {\n            icon,\n          },\n          'x-server-hooks': [\n            {\n              type: 'onSelfCreate',\n              method: 'bindMenuToRole',\n            },\n          ],\n        });\n      }}\n    />\n  );\n});\n\nexport const PageMenuItem = itemWrap((props) => {\n  const { insert } = props;\n  const { t } = useTranslation();\n  const options = useContext(SchemaOptionsContext);\n  return (\n    <SchemaInitializer.Item\n      {...props}\n      onClick={async () => {\n        const values = await FormDialog(t('Add page'), () => {\n          return (\n            <SchemaComponentOptions scope={options.scope} components={{ ...options.components }}>\n              <FormLayout layout={'vertical'}>\n                <SchemaComponent\n                  schema={{\n                    properties: {\n                      title: {\n                        title: t('Menu item title'),\n                        required: true,\n                        'x-component': 'Input',\n                        'x-decorator': 'FormItem',\n                      },\n                      icon: {\n                        title: t('Icon'),\n                        'x-component': 'IconPicker',\n                        'x-decorator': 'FormItem',\n                      },\n                    },\n                  }}\n                />\n              </FormLayout>\n            </SchemaComponentOptions>\n          );\n        }).open({\n          initialValues: {},\n        });\n        const { title, icon } = values;\n        insert({\n          type: 'void',\n          title,\n          'x-component': 'Menu.Item',\n          'x-decorator': 'ACLMenuItemProvider',\n          'x-component-props': {\n            icon,\n          },\n          'x-server-hooks': [\n            {\n              type: 'onSelfCreate',\n              method: 'bindMenuToRole',\n            },\n          ],\n          properties: {\n            page: {\n              type: 'void',\n              'x-component': 'Page',\n              'x-async': true,\n              properties: {\n                grid: {\n                  type: 'void',\n                  'x-component': 'Grid',\n                  'x-initializer': 'BlockInitializers',\n                  properties: {},\n                },\n              },\n            },\n          },\n        });\n      }}\n    />\n  );\n});\n\nexport const LinkMenuItem = itemWrap((props) => {\n  const { insert } = props;\n  const { t } = useTranslation();\n  const options = useContext(SchemaOptionsContext);\n  return (\n    <SchemaInitializer.Item\n      {...props}\n      onClick={async () => {\n        const values = await FormDialog(t('Add link'), () => {\n          return (\n            <SchemaComponentOptions scope={options.scope} components={{ ...options.components }}>\n              <FormLayout layout={'vertical'}>\n                <SchemaComponent\n                  schema={{\n                    properties: {\n                      title: {\n                        title: t('Menu item title'),\n                        required: true,\n                        'x-component': 'Input',\n                        'x-decorator': 'FormItem',\n                      },\n                      icon: {\n                        title: t('Icon'),\n                        'x-component': 'IconPicker',\n                        'x-decorator': 'FormItem',\n                      },\n                      href: {\n                        title: t('Link'),\n                        'x-component': 'Input',\n                        'x-decorator': 'FormItem',\n                      },\n                    },\n                  }}\n                />\n              </FormLayout>\n            </SchemaComponentOptions>\n          );\n        }).open({\n          initialValues: {},\n        });\n        const { title, href, icon } = values;\n        insert({\n          type: 'void',\n          title,\n          'x-component': 'Menu.URL',\n          'x-decorator': 'ACLMenuItemProvider',\n          'x-component-props': {\n            icon,\n            href,\n          },\n          'x-server-hooks': [\n            {\n              type: 'onSelfCreate',\n              method: 'bindMenuToRole',\n            },\n          ],\n        });\n      }}\n    />\n  );\n});\n"]}

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

@@ -0,0 +1,3 @@
+export * from './Menu';
+export * from './MenuItemInitializers';
+export * from './util';

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

@@ -0,0 +1,4 @@
+export * from './Menu';
+export * from './MenuItemInitializers';
+export * from './util';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,QAAQ,CAAC","sourcesContent":["export * from './Menu';\nexport * from './MenuItemInitializers';\nexport * from './util';\n\n"]}

package/esm/schema-component/antd/menu/util.d.ts

@@ -0,0 +1,4 @@
+import { Schema } from '@formily/react';
+export declare function findByUid(schema: Schema, uid: string): any;
+export declare function findMenuItem(schema: Schema): any;
+export declare function findKeysByUid(schema: Schema, uid: string): any[];