@tachybase/client 0.23.22 → 0.23.40

package/es/modules/menu/LinkMenuItem.mjs

@@ -4,6 +4,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components__ from "@tachybase/c
 import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
 import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
 import * as __WEBPACK_EXTERNAL_MODULE__application_index_mjs__ from "../../application/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__icon_index_mjs__ from "../../icon/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../schema-component/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__schema_component_antd_menu_MenuItemInitializers_index_mjs__ from "../../schema-component/antd/menu/MenuItemInitializers/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__style_theme_index_mjs__ from "../../style/theme/index.mjs";
@@ -76,9 +77,12 @@ const LinkMenuItem = ()=>{
         theme
     ]);
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__application_index_mjs__.SchemaInitializerItem, {
-        title: t('Link'),
-        onClick: handleClick,
-        className: styles.menuItem
+        className: styles.menuItem,
+        icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__icon_index_mjs__.Icon, {
+            type: 'GlobalOutlined'
+        }),
+        title: t('Create link'),
+        onClick: handleClick
     });
 };
 export { LinkMenuItem };

package/es/modules/menu/PageMenuItem.mjs

@@ -4,6 +4,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components__ from "@tachybase/c
 import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
 import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
 import * as __WEBPACK_EXTERNAL_MODULE__application_index_mjs__ from "../../application/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__icon_index_mjs__ from "../../icon/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../schema-component/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__schema_component_antd_menu_MenuItemInitializers_index_mjs__ from "../../schema-component/antd/menu/MenuItemInitializers/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__style_theme_index_mjs__ from "../../style/theme/index.mjs";
@@ -85,7 +86,10 @@ const PageMenuItem = ()=>{
         theme
     ]);
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__application_index_mjs__.SchemaInitializerItem, {
-        title: t('Page'),
+        icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__icon_index_mjs__.Icon, {
+            type: 'FileOutlined'
+        }),
+        title: t('Create page'),
         onClick: handleClick,
         className: styles.menuItem
     });

package/es/modules/menu/UploadMenuItem.d.ts

@@ -0,0 +1 @@
+export declare const UploadMenuItem: () => import("react/jsx-runtime").JSX.Element;

package/es/modules/menu/UploadMenuItem.mjs

@@ -0,0 +1,81 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components__ from "@tachybase/components";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
+import * as __WEBPACK_EXTERNAL_MODULE__api_client_hooks_useAPIClient_mjs__ from "../../api-client/hooks/useAPIClient.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__application_index_mjs__ from "../../application/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__icon_index_mjs__ from "../../icon/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../schema-component/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_component_antd_menu_MenuItemInitializers_index_mjs__ from "../../schema-component/antd/menu/MenuItemInitializers/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__style_theme_index_mjs__ from "../../style/theme/index.mjs";
+const UploadMenuItem = ()=>{
+    const { insert } = (0, __WEBPACK_EXTERNAL_MODULE__application_index_mjs__.useSchemaInitializer)();
+    const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const options = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.SchemaOptionsContext);
+    const { theme } = (0, __WEBPACK_EXTERNAL_MODULE__style_theme_index_mjs__.useGlobalTheme)();
+    const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_antd_menu_MenuItemInitializers_index_mjs__.useStyles)();
+    (0, __WEBPACK_EXTERNAL_MODULE__api_client_hooks_useAPIClient_mjs__.useAPIClient)();
+    const handleClick = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(async ()=>{
+        const values = await (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.FormDialog)(t('Load menu config'), ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.SchemaComponentOptions, {
+                scope: options.scope,
+                components: {
+                    ...options.components
+                },
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_components__.FormLayout, {
+                    layout: 'vertical',
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.SchemaComponent, {
+                        schema: {
+                            type: 'object',
+                            title: t('Load menu config'),
+                            properties: {
+                                title: {
+                                    'x-decorator': 'FormItem',
+                                    'x-component': 'Input',
+                                    title: t('Menu item title'),
+                                    required: true,
+                                    'x-component-props': {}
+                                },
+                                bindMenuToRole: {
+                                    type: 'boolean',
+                                    title: '{{ t("Automatically assign permissions to all matching roles") }}',
+                                    'x-decorator': 'FormItem',
+                                    'x-component': 'Checkbox',
+                                    default: true
+                                },
+                                file: {
+                                    type: 'object',
+                                    title: '{{ t("File") }}',
+                                    required: true,
+                                    'x-decorator': 'FormItem',
+                                    'x-component': 'Upload.Attachment',
+                                    'x-component-props': {
+                                        action: 'attachments:create',
+                                        multiple: false
+                                    }
+                                }
+                            }
+                        }
+                    })
+                })
+            }), theme).open({
+            initialValues: {}
+        });
+        const { title, icon } = values;
+    }, [
+        insert,
+        options.components,
+        options.scope,
+        t,
+        theme
+    ]);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__application_index_mjs__.SchemaInitializerItem, {
+        className: styles.menuItem,
+        icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__icon_index_mjs__.Icon, {
+            type: 'UploadOutlined'
+        }),
+        title: t('Load menu config'),
+        onClick: handleClick
+    });
+};
+export { UploadMenuItem };

package/es/modules/menu/menuItemInitializer.d.ts

@@ -1,6 +1,2 @@
 import { SchemaInitializer } from '../../application/schema-initializer/SchemaInitializer';
-/**
- * @deprecated
- */
-export declare const menuItemInitializer_deprecated: SchemaInitializer<import("antd").ButtonProps, {}>;
 export declare const menuItemInitializer: SchemaInitializer<import("antd").ButtonProps, {}>;

package/es/modules/menu/menuItemInitializer.mjs

@@ -2,8 +2,8 @@ import * as __WEBPACK_EXTERNAL_MODULE__application_schema_initializer_SchemaInit
 import * as __WEBPACK_EXTERNAL_MODULE__GroupItem_mjs__ from "./GroupItem.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__LinkMenuItem_mjs__ from "./LinkMenuItem.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__PageMenuItem_mjs__ from "./PageMenuItem.mjs";
-const menuItemInitializer_deprecated = new __WEBPACK_EXTERNAL_MODULE__application_schema_initializer_SchemaInitializer_mjs__.SchemaInitializer({
-    name: 'MenuItemInitializers',
+const menuItemInitializer = new __WEBPACK_EXTERNAL_MODULE__application_schema_initializer_SchemaInitializer_mjs__.SchemaInitializer({
+    name: 'menuInitializers:menuItem',
     insertPosition: 'beforeEnd',
     icon: 'PlusOutlined',
     title: '{{t("Add menu item")}}',
@@ -25,24 +25,4 @@ const menuItemInitializer_deprecated = new __WEBPACK_EXTERNAL_MODULE__applicatio
         }
     ]
 });
-const menuItemInitializer = new __WEBPACK_EXTERNAL_MODULE__application_schema_initializer_SchemaInitializer_mjs__.SchemaInitializer({
-    name: 'menuInitializers:menuItem',
-    insertPosition: 'beforeEnd',
-    icon: 'PlusOutlined',
-    title: '{{t("Add menu item")}}',
-    items: [
-        {
-            name: 'submenu',
-            Component: __WEBPACK_EXTERNAL_MODULE__GroupItem_mjs__.GroupItem
-        },
-        {
-            name: 'page',
-            Component: __WEBPACK_EXTERNAL_MODULE__PageMenuItem_mjs__.PageMenuItem
-        },
-        {
-            name: 'link',
-            Component: __WEBPACK_EXTERNAL_MODULE__LinkMenuItem_mjs__.LinkMenuItem
-        }
-    ]
-});
-export { menuItemInitializer, menuItemInitializer_deprecated };
+export { menuItemInitializer };

package/es/schema-component/antd/action/Action.Designer.mjs

@@ -189,7 +189,10 @@ function SkipValidation() {
 }
 const findSchema = (schema)=>{
     if (!schema) return;
-    if ('ACLActionProvider' === schema['x-decorator']) return schema['x-component-props'].openMode;
+    if ('ACLActionProvider' === schema['x-decorator']) {
+        var _schema_xcomponentprops;
+        return null === (_schema_xcomponentprops = schema['x-component-props']) || void 0 === _schema_xcomponentprops ? void 0 : _schema_xcomponentprops.openMode;
+    }
     return findSchema(null == schema ? void 0 : schema.parent);
 };
 function AfterSuccess() {

package/es/schema-component/antd/association-select/AssociationSelect.mjs

@@ -385,7 +385,8 @@ AssociationSelect.Designer = function() {
                                                 'x-component-props': {
                                                     style: {
                                                         width: 260
-                                                    }
+                                                    },
+                                                    optionLabelProp: 'fullLabel'
                                                 }
                                             },
                                             direction: {
@@ -768,7 +769,8 @@ AssociationSelect.FilterDesigner = function() {
                                                 'x-component-props': {
                                                     style: {
                                                         width: 260
-                                                    }
+                                                    },
+                                                    optionLabelProp: 'fullLabel'
                                                 }
                                             },
                                             direction: {

package/es/schema-component/antd/checkbox/Checkbox.mjs

@@ -53,12 +53,17 @@ const InternalRadioGroup = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.con
     });
 }, (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.mapReadPretty)(ReadPretty));
 const Checkbox = (props)=>{
-    if ('Radio group' === props.mode) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(InternalRadioGroup, {
-        ...props
-    });
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(InternalCheckbox, {
-        ...props
-    });
+    switch(props.mode){
+        case 'Radio group':
+            return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(InternalRadioGroup, {
+                ...props
+            });
+        case 'Checkbox':
+        default:
+            return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(InternalCheckbox, {
+                ...props
+            });
+    }
 };
 Checkbox.ReadPretty = ReadPretty;
 Checkbox.__ANT_CHECKBOX = true;

package/es/schema-component/antd/date-picker/DatePicker.mjs

@@ -40,6 +40,10 @@ DatePicker.RangePicker = function(props) {
             (0, __WEBPACK_EXTERNAL_MODULE_dayjs__["default"])(originValue[1].value).add(-1, 'd').toISOString()
         ];
         props.onChange = (value)=>{
+            if (!value || !value.length) {
+                originOnChange(null);
+                return;
+            }
             originOnChange([
                 {
                     value: (0, __WEBPACK_EXTERNAL_MODULE_dayjs__["default"])(value[0]).toISOString(),

package/es/schema-component/antd/form-item/FormItem.Settings.d.ts

@@ -7,6 +7,8 @@ export declare function useIsAddNewForm(): boolean;
 export declare function useIsFormReadPretty(): boolean;
 export declare function useIsFieldReadPretty(): any;
 export declare function useIsAssociationField(): boolean;
+export declare function useIsMultipleSelect(): boolean;
+export declare function useIsMuiltipleAble(): boolean;
 export declare function useIsFileField(): boolean;
 export declare function useFieldMode(): any;
 export declare function useIsSelectFieldMode(): boolean;

package/es/schema-component/antd/form-item/FormItem.Settings.mjs

@@ -1149,6 +1149,19 @@ function useIsAssociationField() {
     ].includes(null == collectionField ? void 0 : collectionField.interface);
     return isAssociationField;
 }
+function useIsMultipleSelect() {
+    const collectionField = useFormItemCollectionField();
+    const isMultipleSelect = [
+        'select',
+        'radioGroup'
+    ].includes(null == collectionField ? void 0 : collectionField.interface);
+    return isMultipleSelect;
+}
+function useIsMuiltipleAble() {
+    const isAssociationField = useIsAssociationField();
+    const isMultipleSelect = useIsMultipleSelect();
+    return isAssociationField || isMultipleSelect;
+}
 function useIsFileField() {
     const { getCollection } = (0, __WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollectionManager_deprecated)();
     const collectionField = useFormItemCollectionField();
@@ -1201,4 +1214,4 @@ function useTitleFieldOptions() {
     });
     return options;
 }
-export { formItemSettings, useFieldMode, useIsAddNewForm, useIsAssociationField, useIsFieldReadPretty, useIsFileField, useIsFormReadPretty, useIsSelectFieldMode, useTitleFieldOptions, useValidateSchema };
+export { formItemSettings, useFieldMode, useIsAddNewForm, useIsAssociationField, useIsFieldReadPretty, useIsFileField, useIsFormReadPretty, useIsMuiltipleAble, useIsMultipleSelect, useIsSelectFieldMode, useTitleFieldOptions, useValidateSchema };

package/es/schema-component/antd/form-v2/Form.Settings.mjs

@@ -219,7 +219,8 @@ const formDetailsSettings = new __WEBPACK_EXTERNAL_MODULE__application_schema_se
                                                     'x-component-props': {
                                                         style: {
                                                             width: 260
-                                                        }
+                                                        },
+                                                        optionLabelProp: 'fullLabel'
                                                     }
                                                 },
                                                 direction: {

package/es/schema-component/antd/grid-card/GridCard.Designer.mjs

@@ -157,7 +157,8 @@ const GridCardDesigner = ()=>{
                                                     'x-component-props': {
                                                         style: {
                                                             width: 260
-                                                        }
+                                                        },
+                                                        optionLabelProp: 'fullLabel'
                                                     }
                                                 },
                                                 direction: {

package/es/schema-component/antd/list/List.Designer.mjs

@@ -92,7 +92,8 @@ const ListDesigner = ()=>{
                                                 'x-component-props': {
                                                     style: {
                                                         width: 260
-                                                    }
+                                                    },
+                                                    optionLabelProp: 'fullLabel'
                                                 }
                                             },
                                             direction: {

package/es/schema-component/antd/menu/AdminMenu.d.ts

@@ -0,0 +1 @@
+export declare const AdminMenu: (props: any) => import("react/jsx-runtime").JSX.Element;

package/es/schema-component/antd/menu/AdminMenu.mjs

@@ -0,0 +1,75 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
+import * as __WEBPACK_EXTERNAL_MODULE__index_mjs__ from "../../index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__index_mjs__ from "../../../index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__common_sortable_item_DragHandleMenu_mjs__ from "../../common/sortable-item/DragHandleMenu.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__AdminMenu_style_mjs__ from "./AdminMenu.style.mjs";
+const AdminMenu = (props)=>{
+    const { items, onClick } = props;
+    const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__AdminMenu_style_mjs__.useStyles)();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Card, {
+        className: styles.adminMenuStyle,
+        children: null == items ? void 0 : items.map((item)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(AdminMenuCard, {
+                item: item,
+                onClick: onClick
+            }, item.key))
+    });
+};
+const AdminMenuCard = (props)=>{
+    const { item, onClick } = props;
+    const { icon, field, Designer, schema } = (null == item ? void 0 : item.menu) || {};
+    const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__AdminMenu_style_mjs__.useStyles)();
+    const handleClick = ()=>onClick(item);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Card.Grid, {
+        className: styles.adminMenuCardStyle,
+        onClick: handleClick,
+        children: item.menu ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.SchemaContext.Provider, {
+            value: schema,
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.FieldContext.Provider, {
+                value: field,
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.SortableItem, {
+                    className: "card-wrapper",
+                    role: "button",
+                    "aria-label": t(field.title),
+                    removeParentsIfNoChildren: false,
+                    overStyle: {
+                        background: 'transparent'
+                    },
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE__common_sortable_item_DragHandleMenu_mjs__.DragHandleMenu, {
+                        className: "drag-handle-menu",
+                        isAdminMenu: true,
+                        children: [
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+                                className: "field-link",
+                                role: "button",
+                                "aria-label": t(field.title),
+                                title: t(field.title),
+                                children: [
+                                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+                                        className: "icon-wrapper",
+                                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.Icon, {
+                                            type: null != icon ? icon : 'QuestionCircleOutlined'
+                                        })
+                                    }),
+                                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+                                        className: "field-title",
+                                        children: t(field.title)
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(Designer, {
+                                isAdminMenu: true
+                            })
+                        ]
+                    })
+                })
+            })
+        }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {
+            children: item.label
+        })
+    });
+};
+export { AdminMenu };

package/es/schema-component/antd/menu/AdminMenu.style.d.ts

@@ -0,0 +1,4 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    adminMenuStyle: import("antd-style").SerializedStyles;
+    adminMenuCardStyle: import("antd-style").SerializedStyles;
+}>;

package/es/schema-component/antd/menu/AdminMenu.style.mjs

@@ -0,0 +1,36 @@
+import * as __WEBPACK_EXTERNAL_MODULE_antd_style__ from "antd-style";
+function _tagged_template_literal(strings, raw) {
+    if (!raw) raw = strings.slice(0);
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    const data = _tagged_template_literal([
+        "\n      border: none;\n      border-radius: 8px 8px 8px 8px;\n      background: #ffffff;\n      box-shadow:\n        0px 4px 8px 0px rgba(0, 5, 26, 0.15),\n        0px 0px 8px 0px rgba(0, 5, 26, 0.05);\n\n      .ant-card-body {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(120px, 1fr));\n        justify-items: center;\n        gap: 10px;\n        grid-row-gap: 10px;\n      }\n\n      .ant-card-body::before {\n        display: none;\n      }\n    "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    const data = _tagged_template_literal([
+        "\n      &.ant-card-grid {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n\n        width: 100%;\n        height: 100%;\n        padding: 12px;\n        color: inherit;\n        border-radius: 8px;\n        border: none;\n        box-shadow: none;\n\n        &:focus,\n        &:active {\n          background-color: #f4f4f4;\n        }\n        &:hover {\n          border-radius: 8px;\n          background-color: #f4f4f4;\n          box-shadow: none;\n          cursor: pointer;\n        }\n\n        .card-wrapper {\n          width: 100%;\n          height: 100%;\n          background-color: transparent;\n          border: none;\n        }\n\n        .drag-handle-menu {\n          width: 100%;\n          height: 100%;\n          border-radius: 8px;\n          border: none;\n        }\n\n        .ant-btn-icon {\n          font-size: 1.2rem;\n          text-align: center;\n        }\n      }\n\n      &.ant-card-grid .ant-btn {\n        display: grid;\n        place-items: center;\n        align-items: end;\n\n        width: 100%;\n        border: none;\n        box-shadow: none;\n      }\n\n      .field-link {\n        display: grid;\n        place-items: center;\n\n        width: 100%;\n        height: 100%;\n        padding: 0;\n        border: none;\n        border-radius: 8px;\n        background-color: transparent;\n        box-shadow: none;\n\n        color: inherit;\n      }\n\n      .icon-wrapper {\n        font-size: 1.2rem;\n        text-align: center;\n        margin-bottom: 0.3rem;\n      }\n\n      .field-title {\n        text-align: center;\n        vertical-align: middle;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        font-size: ",
+        ";\n      }\n\n      .tb-sortable-designer {\n        width: 100%;\n        height: 5rem;\n      }\n\n      .general-schema-designer {\n        position: absolute;\n        left: 0;\n        bottom: 0;\n\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n        align-items: center;\n\n        width: 100%;\n        height: 45%;\n        border-radius: 1px 1px 8px 8px;\n        background: rgba(0, 0, 0, 0.5);\n        visibility: hidden;\n      }\n\n      &.ant-card-grid:hover .general-schema-designer {\n        visibility: visible;\n      }\n\n      .general-schema-designer .anticon-menu {\n        padding: 1px;\n        border-radius: 2px;\n        background-color: #ffffff;\n        color: #2f2f2f;\n      }\n    "
+    ]);
+    _templateObject1 = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
+    let { css, token } = param;
+    return {
+        adminMenuStyle: css(_templateObject()),
+        adminMenuCardStyle: css(_templateObject1(), token.fontSizeSM)
+    };
+});
+export { useStyles };

package/es/schema-component/antd/menu/Menu.Designer.d.ts

@@ -1 +1,2 @@
-export declare const MenuDesigner: () => import("react/jsx-runtime").JSX.Element;
+export declare const InsertMenuItemsGroup: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuDesigner: (props: any) => import("react/jsx-runtime").JSX.Element;