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

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

@@ -1,310 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TreeSelect } from '@formily/antd';
-import { onFieldChange } from '@formily/core';
-import { useField, useFieldSchema } from '@formily/react';
-import { useTranslation } from 'react-i18next';
-import { findByUid } from '.';
-import { createDesignable } from '../..';
-import { GeneralSchemaDesigner, SchemaSettings, useAPIClient, useDesignable } from '../../../';
-var toItems = function (properties) {
-    if (properties === void 0) { properties = {}; }
-    var items = [];
-    for (var key in properties) {
-        if (Object.prototype.hasOwnProperty.call(properties, key)) {
-            var element = properties[key];
-            var item = {
-                label: element.title,
-                value: element['x-uid'] + "||" + element['x-component'],
-            };
-            if (element.properties) {
-                var children = toItems(element.properties);
-                if (children === null || children === void 0 ? void 0 : children.length) {
-                    item['children'] = children;
-                }
-            }
-            items.push(item);
-        }
-    }
-    return items;
-};
-var findMenuSchema = function (fieldSchema) {
-    var parent = fieldSchema.parent;
-    while (parent) {
-        if (parent['x-component'] === 'Menu') {
-            return parent;
-        }
-        parent = parent.parent;
-    }
-};
-var InsertMenuItems = function (props) {
-    var eventKey = props.eventKey, title = props.title, insertPosition = props.insertPosition;
-    var t = useTranslation().t;
-    var dn = useDesignable().dn;
-    var fieldSchema = useFieldSchema();
-    var isSubMenu = fieldSchema['x-component'] === 'Menu.SubMenu';
-    if (!isSubMenu && insertPosition === 'beforeEnd') {
-        return null;
-    }
-    return (_jsxs(SchemaSettings.SubMenu, __assign({ eventKey: eventKey, title: title }, { children: [_jsx(SchemaSettings.ModalItem, { eventKey: insertPosition + "group", title: t('Group'), schema: {
-                    type: 'object',
-                    title: t('Add group'),
-                    properties: {
-                        title: {
-                            'x-decorator': 'FormItem',
-                            'x-component': 'Input',
-                            title: t('Menu item title'),
-                            required: true,
-                            'x-component-props': {},
-                            // description: `原字段标题：${collectionField?.uiSchema?.title}`,
-                        },
-                        icon: {
-                            title: t('Icon'),
-                            'x-component': 'IconPicker',
-                            'x-decorator': 'FormItem',
-                        },
-                    },
-                }, onSubmit: function (_a) {
-                    var title = _a.title, icon = _a.icon;
-                    dn.insertAdjacent(insertPosition, {
-                        type: 'void',
-                        title: title,
-                        'x-component': 'Menu.SubMenu',
-                        'x-decorator': 'ACLMenuItemProvider',
-                        'x-component-props': {
-                            icon: icon,
-                        },
-                        'x-server-hooks': [
-                            {
-                                type: 'onSelfCreate',
-                                method: 'bindMenuToRole',
-                            },
-                        ],
-                    });
-                } }, void 0), _jsx(SchemaSettings.ModalItem, { eventKey: insertPosition + "page", title: t('Page'), schema: {
-                    type: 'object',
-                    title: t('Add page'),
-                    properties: {
-                        title: {
-                            'x-decorator': 'FormItem',
-                            'x-component': 'Input',
-                            title: t('Menu item title'),
-                            required: true,
-                            'x-component-props': {},
-                        },
-                        icon: {
-                            title: t('Icon'),
-                            'x-component': 'IconPicker',
-                            'x-decorator': 'FormItem',
-                        },
-                    },
-                }, onSubmit: function (_a) {
-                    var title = _a.title, icon = _a.icon;
-                    dn.insertAdjacent(insertPosition, {
-                        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: {},
-                                    },
-                                },
-                            },
-                        },
-                    });
-                } }, void 0), _jsx(SchemaSettings.ModalItem, { eventKey: insertPosition + "link", title: t('Link'), schema: {
-                    type: 'object',
-                    title: t('Add link'),
-                    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',
-                        },
-                    },
-                }, onSubmit: function (_a) {
-                    var title = _a.title, icon = _a.icon, href = _a.href;
-                    dn.insertAdjacent(insertPosition, {
-                        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',
-                            },
-                        ],
-                    });
-                } }, void 0)] }), void 0));
-};
-export var MenuDesigner = function () {
-    var field = useField();
-    var fieldSchema = useFieldSchema();
-    var api = useAPIClient();
-    var _a = useDesignable(), dn = _a.dn, refresh = _a.refresh;
-    var t = useTranslation().t;
-    var menuSchema = findMenuSchema(fieldSchema);
-    var items = toItems(menuSchema === null || menuSchema === void 0 ? void 0 : menuSchema.properties);
-    var effects = function (form) {
-        onFieldChange('target', function (field) {
-            var _a, _b;
-            var _c = __read(((_b = (_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.split) === null || _b === void 0 ? void 0 : _b.call(_a, '||')) || [], 2), component = _c[1];
-            field.query('position').take(function (f) {
-                f.dataSource =
-                    component === 'Menu.SubMenu'
-                        ? [
-                            { label: t('Before'), value: 'beforeBegin' },
-                            { label: t('After'), value: 'afterEnd' },
-                            { label: t('Inner'), value: 'beforeEnd' },
-                        ]
-                        : [
-                            { label: t('Before'), value: 'beforeBegin' },
-                            { label: t('After'), value: 'afterEnd' },
-                        ];
-            });
-        });
-    };
-    return (_jsxs(GeneralSchemaDesigner, { children: [_jsx(SchemaSettings.ModalItem, { title: t('Edit'), schema: {
-                    type: 'object',
-                    title: t('Edit menu item'),
-                    properties: {
-                        title: {
-                            title: t('Menu item title'),
-                            required: true,
-                            'x-decorator': 'FormItem',
-                            'x-component': 'Input',
-                            'x-component-props': {},
-                        },
-                        icon: {
-                            title: t('Menu item icon'),
-                            'x-component': 'IconPicker',
-                            'x-decorator': 'FormItem',
-                        },
-                    },
-                }, initialValues: {
-                    title: field.title,
-                    icon: field.componentProps.icon,
-                }, onSubmit: function (_a) {
-                    var _b;
-                    var title = _a.title, icon = _a.icon;
-                    var schema = (_b = {},
-                        _b['x-uid'] = fieldSchema['x-uid'],
-                        _b);
-                    if (title) {
-                        fieldSchema.title = title;
-                        field.title = title;
-                        schema['title'] = title;
-                        refresh();
-                    }
-                    field.componentProps.icon = icon;
-                    schema['x-component-props'] = { icon: icon };
-                    fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
-                    fieldSchema['x-component-props']['icon'] = icon;
-                    dn.emit('patch', {
-                        schema: schema,
-                    });
-                } }, void 0), _jsx(SchemaSettings.ModalItem, { title: t('Move to'), components: { TreeSelect: TreeSelect }, effects: effects, schema: {
-                    type: 'object',
-                    title: t('Move to'),
-                    properties: {
-                        target: {
-                            title: t('Target'),
-                            enum: items,
-                            required: true,
-                            'x-decorator': 'FormItem',
-                            'x-component': 'TreeSelect',
-                            'x-component-props': {},
-                        },
-                        position: {
-                            title: t('Position'),
-                            required: true,
-                            enum: [
-                                { label: t('Before'), value: 'beforeBegin' },
-                                { label: t('After'), value: 'afterEnd' },
-                            ],
-                            default: 'afterEnd',
-                            'x-component': 'Radio.Group',
-                            'x-decorator': 'FormItem',
-                        },
-                    },
-                }, onSubmit: function (_a) {
-                    var _b;
-                    var target = _a.target, position = _a.position;
-                    var _c = __read(((_b = target === null || target === void 0 ? void 0 : target.split) === null || _b === void 0 ? void 0 : _b.call(target, '||')) || [], 1), uid = _c[0];
-                    if (!uid) {
-                        return;
-                    }
-                    var current = findByUid(menuSchema, uid);
-                    var dn = createDesignable({
-                        t: t,
-                        api: api,
-                        refresh: refresh,
-                        current: current,
-                    });
-                    dn.loadAPIClientEvents();
-                    dn.insertAdjacent(position, fieldSchema);
-                } }, void 0), _jsx(SchemaSettings.Divider, {}, void 0), _jsx(InsertMenuItems, { eventKey: 'insertbeforeBegin', title: t('Insert before'), insertPosition: 'beforeBegin' }, void 0), _jsx(InsertMenuItems, { eventKey: 'insertafterEnd', title: t('Insert after'), insertPosition: 'afterEnd' }, void 0), _jsx(InsertMenuItems, { eventKey: 'insertbeforeEnd', title: t('Insert inner'), insertPosition: 'beforeEnd' }, void 0), _jsx(SchemaSettings.Divider, {}, void 0), _jsx(SchemaSettings.Remove, { confirm: {
-                    title: t('Delete menu item'),
-                } }, void 0)] }, void 0));
-};
-//# sourceMappingURL=Menu.Designer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.Designer.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/menu/Menu.Designer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAS,aAAa,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAmB,QAAQ,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAE3E,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC;AAC9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE/F,IAAM,OAAO,GAAG,UAAC,UAAe;IAAf,2BAAA,EAAA,eAAe;IAC9B,IAAM,KAAK,GAAG,EAAE,CAAC;IACjB,KAAK,IAAM,GAAG,IAAI,UAAU,EAAE;QAC5B,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,CAAC,EAAE;YACzD,IAAM,OAAO,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;YAChC,IAAM,IAAI,GAAG;gBACX,KAAK,EAAE,OAAO,CAAC,KAAK;gBACpB,KAAK,EAAK,OAAO,CAAC,OAAO,CAAC,UAAK,OAAO,CAAC,aAAa,CAAG;aACxD,CAAC;YACF,IAAI,OAAO,CAAC,UAAU,EAAE;gBACtB,IAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;gBAC7C,IAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,EAAE;oBACpB,IAAI,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAC;iBAC7B;aACF;YACD,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAClB;KACF;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,IAAM,cAAc,GAAG,UAAC,WAAmB;IACzC,IAAI,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC;IAChC,OAAO,MAAM,EAAE;QACb,IAAI,MAAM,CAAC,aAAa,CAAC,KAAK,MAAM,EAAE;YACpC,OAAO,MAAM,CAAC;SACf;QACD,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;KACxB;AACH,CAAC,CAAC;AAEF,IAAM,eAAe,GAAG,UAAC,KAAK;IACpB,IAAA,QAAQ,GAA4B,KAAK,SAAjC,EAAE,KAAK,GAAqB,KAAK,MAA1B,EAAE,cAAc,GAAK,KAAK,eAAV,CAAW;IAC1C,IAAA,CAAC,GAAK,cAAc,EAAE,EAArB,CAAsB;IACvB,IAAA,EAAE,GAAK,aAAa,EAAE,GAApB,CAAqB;IAC/B,IAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,IAAM,SAAS,GAAG,WAAW,CAAC,aAAa,CAAC,KAAK,cAAc,CAAC;IAChE,IAAI,CAAC,SAAS,IAAI,cAAc,KAAK,WAAW,EAAE;QAChD,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,MAAC,cAAc,CAAC,OAAO,aAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,iBACtD,KAAC,cAAc,CAAC,SAAS,IACvB,QAAQ,EAAK,cAAc,UAAO,EAClC,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,EACjB,MAAM,EACJ;oBACE,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,CAAC,CAAC,WAAW,CAAC;oBACrB,UAAU,EAAE;wBACV,KAAK,EAAE;4BACL,aAAa,EAAE,UAAU;4BACzB,aAAa,EAAE,OAAO;4BACtB,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC;4BAC3B,QAAQ,EAAE,IAAI;4BACd,mBAAmB,EAAE,EAAE;4BACvB,4DAA4D;yBAC7D;wBACD,IAAI,EAAE;4BACJ,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC;4BAChB,aAAa,EAAE,YAAY;4BAC3B,aAAa,EAAE,UAAU;yBAC1B;qBACF;iBACS,EAEd,QAAQ,EAAE,UAAC,EAAe;wBAAb,KAAK,WAAA,EAAE,IAAI,UAAA;oBACtB,EAAE,CAAC,cAAc,CAAC,cAAc,EAAE;wBAChC,IAAI,EAAE,MAAM;wBACZ,KAAK,OAAA;wBACL,aAAa,EAAE,cAAc;wBAC7B,aAAa,EAAE,qBAAqB;wBACpC,mBAAmB,EAAE;4BACnB,IAAI,MAAA;yBACL;wBACD,gBAAgB,EAAE;4BAChB;gCACE,IAAI,EAAE,cAAc;gCACpB,MAAM,EAAE,gBAAgB;6BACzB;yBACF;qBACF,CAAC,CAAC;gBACL,CAAC,WACD,EACF,KAAC,cAAc,CAAC,SAAS,IACvB,QAAQ,EAAK,cAAc,SAAM,EACjC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,EAChB,MAAM,EACJ;oBACE,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC;oBACpB,UAAU,EAAE;wBACV,KAAK,EAAE;4BACL,aAAa,EAAE,UAAU;4BACzB,aAAa,EAAE,OAAO;4BACtB,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC;4BAC3B,QAAQ,EAAE,IAAI;4BACd,mBAAmB,EAAE,EAAE;yBACxB;wBACD,IAAI,EAAE;4BACJ,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC;4BAChB,aAAa,EAAE,YAAY;4BAC3B,aAAa,EAAE,UAAU;yBAC1B;qBACF;iBACS,EAEd,QAAQ,EAAE,UAAC,EAAe;wBAAb,KAAK,WAAA,EAAE,IAAI,UAAA;oBACtB,EAAE,CAAC,cAAc,CAAC,cAAc,EAAE;wBAChC,IAAI,EAAE,MAAM;wBACZ,KAAK,OAAA;wBACL,aAAa,EAAE,WAAW;wBAC1B,aAAa,EAAE,qBAAqB;wBACpC,mBAAmB,EAAE;4BACnB,IAAI,MAAA;yBACL;wBACD,gBAAgB,EAAE;4BAChB;gCACE,IAAI,EAAE,cAAc;gCACpB,MAAM,EAAE,gBAAgB;6BACzB;yBACF;wBACD,UAAU,EAAE;4BACV,IAAI,EAAE;gCACJ,IAAI,EAAE,MAAM;gCACZ,aAAa,EAAE,MAAM;gCACrB,SAAS,EAAE,IAAI;gCACf,UAAU,EAAE;oCACV,IAAI,EAAE;wCACJ,IAAI,EAAE,MAAM;wCACZ,aAAa,EAAE,MAAM;wCACrB,eAAe,EAAE,mBAAmB;wCACpC,UAAU,EAAE,EAAE;qCACf;iCACF;6BACF;yBACF;qBACF,CAAC,CAAC;gBACL,CAAC,WACD,EACF,KAAC,cAAc,CAAC,SAAS,IACvB,QAAQ,EAAK,cAAc,SAAM,EACjC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,EAChB,MAAM,EACJ;oBACE,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC;oBACpB,UAAU,EAAE;wBACV,KAAK,EAAE;4BACL,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC;4BAC3B,QAAQ,EAAE,IAAI;4BACd,aAAa,EAAE,OAAO;4BACtB,aAAa,EAAE,UAAU;yBAC1B;wBACD,IAAI,EAAE;4BACJ,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC;4BAChB,aAAa,EAAE,YAAY;4BAC3B,aAAa,EAAE,UAAU;yBAC1B;wBACD,IAAI,EAAE;4BACJ,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC;4BAChB,aAAa,EAAE,OAAO;4BACtB,aAAa,EAAE,UAAU;yBAC1B;qBACF;iBACS,EAEd,QAAQ,EAAE,UAAC,EAAqB;wBAAnB,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA;oBAC5B,EAAE,CAAC,cAAc,CAAC,cAAc,EAAE;wBAChC,IAAI,EAAE,MAAM;wBACZ,KAAK,OAAA;wBACL,aAAa,EAAE,UAAU;wBACzB,aAAa,EAAE,qBAAqB;wBACpC,mBAAmB,EAAE;4BACnB,IAAI,MAAA;4BACJ,IAAI,MAAA;yBACL;wBACD,gBAAgB,EAAE;4BAChB;gCACE,IAAI,EAAE,cAAc;gCACpB,MAAM,EAAE,gBAAgB;6BACzB;yBACF;qBACF,CAAC,CAAC;gBACL,CAAC,WACD,aACqB,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,IAAM,GAAG,GAAG,YAAY,EAAE,CAAC;IACrB,IAAA,KAAkB,aAAa,EAAE,EAA/B,EAAE,QAAA,EAAE,OAAO,aAAoB,CAAC;IAChC,IAAA,CAAC,GAAK,cAAc,EAAE,EAArB,CAAsB;IAC/B,IAAM,UAAU,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;IAC/C,IAAM,KAAK,GAAG,OAAO,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,CAAC,CAAC;IAC9C,IAAM,OAAO,GAAG,UAAC,IAAI;QACnB,aAAa,CAAC,QAAQ,EAAE,UAAC,KAAY;;YAC7B,IAAA,KAAA,OAAgB,CAAA,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,KAAK,mDAAG,IAAI,CAAC,KAAI,EAAE,IAAA,EAA9C,SAAS,QAAqC,CAAC;YACxD,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,UAAC,CAAQ;gBACpC,CAAC,CAAC,UAAU;oBACV,SAAS,KAAK,cAAc;wBAC1B,CAAC,CAAC;4BACE,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE;4BAC5C,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE;4BACxC,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE;yBAC1C;wBACH,CAAC,CAAC;4BACE,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE;4BAC5C,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE;yBACzC,CAAC;YACV,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IACF,OAAO,CACL,MAAC,qBAAqB,eACpB,KAAC,cAAc,CAAC,SAAS,IACvB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,EAChB,MAAM,EACJ;oBACE,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC;oBAC1B,UAAU,EAAE;wBACV,KAAK,EAAE;4BACL,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC;4BAC3B,QAAQ,EAAE,IAAI;4BACd,aAAa,EAAE,UAAU;4BACzB,aAAa,EAAE,OAAO;4BACtB,mBAAmB,EAAE,EAAE;yBACxB;wBACD,IAAI,EAAE;4BACJ,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC;4BAC1B,aAAa,EAAE,YAAY;4BAC3B,aAAa,EAAE,UAAU;yBAC1B;qBACF;iBACS,EAEd,aAAa,EAAE;oBACb,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI;iBAChC,EACD,QAAQ,EAAE,UAAC,EAAe;;wBAAb,KAAK,WAAA,EAAE,IAAI,UAAA;oBACtB,IAAM,MAAM;wBACV,GAAC,OAAO,IAAG,WAAW,CAAC,OAAO,CAAC;2BAChC,CAAC;oBACF,IAAI,KAAK,EAAE;wBACT,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC;wBAC1B,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;wBACpB,MAAM,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;wBACxB,OAAO,EAAE,CAAC;qBACX;oBACD,KAAK,CAAC,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC;oBACjC,MAAM,CAAC,mBAAmB,CAAC,GAAG,EAAE,IAAI,MAAA,EAAE,CAAC;oBACvC,WAAW,CAAC,mBAAmB,CAAC,GAAG,WAAW,CAAC,mBAAmB,CAAC,IAAI,EAAE,CAAC;oBAC1E,WAAW,CAAC,mBAAmB,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;oBAChD,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE;wBACf,MAAM,QAAA;qBACP,CAAC,CAAC;gBACL,CAAC,WACD,EACF,KAAC,cAAc,CAAC,SAAS,IACvB,KAAK,EAAE,CAAC,CAAC,SAAS,CAAC,EACnB,UAAU,EAAE,EAAE,UAAU,YAAA,EAAE,EAC1B,OAAO,EAAE,OAAO,EAChB,MAAM,EACJ;oBACE,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,CAAC,CAAC,SAAS,CAAC;oBACnB,UAAU,EAAE;wBACV,MAAM,EAAE;4BACN,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC;4BAClB,IAAI,EAAE,KAAK;4BACX,QAAQ,EAAE,IAAI;4BACd,aAAa,EAAE,UAAU;4BACzB,aAAa,EAAE,YAAY;4BAC3B,mBAAmB,EAAE,EAAE;yBACxB;wBACD,QAAQ,EAAE;4BACR,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC;4BACpB,QAAQ,EAAE,IAAI;4BACd,IAAI,EAAE;gCACJ,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE;gCAC5C,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE;6BACzC;4BACD,OAAO,EAAE,UAAU;4BACnB,aAAa,EAAE,aAAa;4BAC5B,aAAa,EAAE,UAAU;yBAC1B;qBACF;iBACS,EAEd,QAAQ,EAAE,UAAC,EAAoB;;wBAAlB,MAAM,YAAA,EAAE,QAAQ,cAAA;oBACrB,IAAA,KAAA,OAAQ,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,+CAAb,MAAM,EAAU,IAAI,CAAC,KAAI,EAAE,IAAA,EAAlC,GAAG,QAA+B,CAAC;oBAC1C,IAAI,CAAC,GAAG,EAAE;wBACR,OAAO;qBACR;oBACD,IAAM,OAAO,GAAG,SAAS,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;oBAC3C,IAAM,EAAE,GAAG,gBAAgB,CAAC;wBAC1B,CAAC,GAAA;wBACD,GAAG,KAAA;wBACH,OAAO,SAAA;wBACP,OAAO,SAAA;qBACR,CAAC,CAAC;oBACH,EAAE,CAAC,mBAAmB,EAAE,CAAC;oBACzB,EAAE,CAAC,cAAc,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;gBAC3C,CAAC,WACD,EACF,KAAC,cAAc,CAAC,OAAO,aAAG,EAC1B,KAAC,eAAe,IAAC,QAAQ,EAAE,mBAAmB,EAAE,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,EAAE,cAAc,EAAE,aAAa,WAAI,EAC5G,KAAC,eAAe,IAAC,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,cAAc,EAAE,UAAU,WAAI,EACrG,KAAC,eAAe,IAAC,QAAQ,EAAE,iBAAiB,EAAE,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,cAAc,EAAE,WAAW,WAAI,EACvG,KAAC,cAAc,CAAC,OAAO,aAAG,EAC1B,KAAC,cAAc,CAAC,MAAM,IACpB,OAAO,EAAE;oBACP,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC;iBAC7B,WACD,YACoB,CACzB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { TreeSelect } from '@formily/antd';\nimport { Field, onFieldChange } from '@formily/core';\nimport { ISchema, Schema, useField, useFieldSchema } from '@formily/react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { findByUid } from '.';\nimport { createDesignable } from '../..';\nimport { GeneralSchemaDesigner, SchemaSettings, useAPIClient, useDesignable } from '../../../';\n\nconst toItems = (properties = {}) => {\n  const items = [];\n  for (const key in properties) {\n    if (Object.prototype.hasOwnProperty.call(properties, key)) {\n      const element = properties[key];\n      const item = {\n        label: element.title,\n        value: `${element['x-uid']}||${element['x-component']}`,\n      };\n      if (element.properties) {\n        const children = toItems(element.properties);\n        if (children?.length) {\n          item['children'] = children;\n        }\n      }\n      items.push(item);\n    }\n  }\n  return items;\n};\n\nconst findMenuSchema = (fieldSchema: Schema) => {\n  let parent = fieldSchema.parent;\n  while (parent) {\n    if (parent['x-component'] === 'Menu') {\n      return parent;\n    }\n    parent = parent.parent;\n  }\n};\n\nconst InsertMenuItems = (props) => {\n  const { eventKey, title, insertPosition } = props;\n  const { t } = useTranslation();\n  const { dn } = useDesignable();\n  const fieldSchema = useFieldSchema();\n  const isSubMenu = fieldSchema['x-component'] === 'Menu.SubMenu';\n  if (!isSubMenu && insertPosition === 'beforeEnd') {\n    return null;\n  }\n  return (\n    <SchemaSettings.SubMenu eventKey={eventKey} title={title}>\n      <SchemaSettings.ModalItem\n        eventKey={`${insertPosition}group`}\n        title={t('Group')}\n        schema={\n          {\n            type: 'object',\n            title: t('Add group'),\n            properties: {\n              title: {\n                'x-decorator': 'FormItem',\n                'x-component': 'Input',\n                title: t('Menu item title'),\n                required: true,\n                'x-component-props': {},\n                // description: `原字段标题：${collectionField?.uiSchema?.title}`,\n              },\n              icon: {\n                title: t('Icon'),\n                'x-component': 'IconPicker',\n                'x-decorator': 'FormItem',\n              },\n            },\n          } as ISchema\n        }\n        onSubmit={({ title, icon }) => {\n          dn.insertAdjacent(insertPosition, {\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      <SchemaSettings.ModalItem\n        eventKey={`${insertPosition}page`}\n        title={t('Page')}\n        schema={\n          {\n            type: 'object',\n            title: t('Add page'),\n            properties: {\n              title: {\n                'x-decorator': 'FormItem',\n                'x-component': 'Input',\n                title: t('Menu item title'),\n                required: true,\n                'x-component-props': {},\n              },\n              icon: {\n                title: t('Icon'),\n                'x-component': 'IconPicker',\n                'x-decorator': 'FormItem',\n              },\n            },\n          } as ISchema\n        }\n        onSubmit={({ title, icon }) => {\n          dn.insertAdjacent(insertPosition, {\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      <SchemaSettings.ModalItem\n        eventKey={`${insertPosition}link`}\n        title={t('Link')}\n        schema={\n          {\n            type: 'object',\n            title: t('Add link'),\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          } as ISchema\n        }\n        onSubmit={({ title, icon, href }) => {\n          dn.insertAdjacent(insertPosition, {\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    </SchemaSettings.SubMenu>\n  );\n};\n\nexport const MenuDesigner = () => {\n  const field = useField();\n  const fieldSchema = useFieldSchema();\n  const api = useAPIClient();\n  const { dn, refresh } = useDesignable();\n  const { t } = useTranslation();\n  const menuSchema = findMenuSchema(fieldSchema);\n  const items = toItems(menuSchema?.properties);\n  const effects = (form) => {\n    onFieldChange('target', (field: Field) => {\n      const [, component] = field?.value?.split?.('||') || [];\n      field.query('position').take((f: Field) => {\n        f.dataSource =\n          component === 'Menu.SubMenu'\n            ? [\n                { label: t('Before'), value: 'beforeBegin' },\n                { label: t('After'), value: 'afterEnd' },\n                { label: t('Inner'), value: 'beforeEnd' },\n              ]\n            : [\n                { label: t('Before'), value: 'beforeBegin' },\n                { label: t('After'), value: 'afterEnd' },\n              ];\n      });\n    });\n  };\n  return (\n    <GeneralSchemaDesigner>\n      <SchemaSettings.ModalItem\n        title={t('Edit')}\n        schema={\n          {\n            type: 'object',\n            title: t('Edit menu item'),\n            properties: {\n              title: {\n                title: t('Menu item title'),\n                required: true,\n                'x-decorator': 'FormItem',\n                'x-component': 'Input',\n                'x-component-props': {},\n              },\n              icon: {\n                title: t('Menu item icon'),\n                'x-component': 'IconPicker',\n                'x-decorator': 'FormItem',\n              },\n            },\n          } as ISchema\n        }\n        initialValues={{\n          title: field.title,\n          icon: field.componentProps.icon,\n        }}\n        onSubmit={({ title, icon }) => {\n          const schema = {\n            ['x-uid']: fieldSchema['x-uid'],\n          };\n          if (title) {\n            fieldSchema.title = title;\n            field.title = title;\n            schema['title'] = title;\n            refresh();\n          }\n          field.componentProps.icon = icon;\n          schema['x-component-props'] = { icon };\n          fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};\n          fieldSchema['x-component-props']['icon'] = icon;\n          dn.emit('patch', {\n            schema,\n          });\n        }}\n      />\n      <SchemaSettings.ModalItem\n        title={t('Move to')}\n        components={{ TreeSelect }}\n        effects={effects}\n        schema={\n          {\n            type: 'object',\n            title: t('Move to'),\n            properties: {\n              target: {\n                title: t('Target'),\n                enum: items,\n                required: true,\n                'x-decorator': 'FormItem',\n                'x-component': 'TreeSelect',\n                'x-component-props': {},\n              },\n              position: {\n                title: t('Position'),\n                required: true,\n                enum: [\n                  { label: t('Before'), value: 'beforeBegin' },\n                  { label: t('After'), value: 'afterEnd' },\n                ],\n                default: 'afterEnd',\n                'x-component': 'Radio.Group',\n                'x-decorator': 'FormItem',\n              },\n            },\n          } as ISchema\n        }\n        onSubmit={({ target, position }) => {\n          const [uid] = target?.split?.('||') || [];\n          if (!uid) {\n            return;\n          }\n          const current = findByUid(menuSchema, uid);\n          const dn = createDesignable({\n            t,\n            api,\n            refresh,\n            current,\n          });\n          dn.loadAPIClientEvents();\n          dn.insertAdjacent(position, fieldSchema);\n        }}\n      />\n      <SchemaSettings.Divider />\n      <InsertMenuItems eventKey={'insertbeforeBegin'} title={t('Insert before')} insertPosition={'beforeBegin'} />\n      <InsertMenuItems eventKey={'insertafterEnd'} title={t('Insert after')} insertPosition={'afterEnd'} />\n      <InsertMenuItems eventKey={'insertbeforeEnd'} title={t('Insert inner')} insertPosition={'beforeEnd'} />\n      <SchemaSettings.Divider />\n      <SchemaSettings.Remove\n        confirm={{\n          title: t('Delete menu item'),\n        }}\n      />\n    </GeneralSchemaDesigner>\n  );\n};\n"]}

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

@@ -1,228 +0,0 @@
-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, defaultOpenKeys: defaultOpenKeys, defaultSelectedKeys: defaultSelectedKeys, 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

@@ -1 +0,0 @@
-{"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            defaultOpenKeys={defaultOpenKeys}\n            defaultSelectedKeys={defaultSelectedKeys}\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"]}