@tachybase/client 0.23.35 → 0.23.40

package/es/application/schema-initializer/components/SchemaInitializerButton.mjs

@@ -28,7 +28,7 @@ const SchemaInitializerButton = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__[
                 textOverflow: 'ellipsis',
                 whiteSpace: 'nowrap',
                 display: 'inline-block',
-                width: options.icon ? 'calc(100% - 14px)' : '100%',
+                width: '100%',
                 verticalAlign: 'bottom'
             },
             children: compile(options.title)

package/es/built-in/admin-layout/AdminLayout.mjs

@@ -1,5 +1,7 @@
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
-import "react";
+import * as __WEBPACK_EXTERNAL_MODULE__ant_design_icons__ from "@ant-design/icons";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE__pinned_list_index_mjs__ from "../pinned-list/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__AdminProvider_mjs__ from "./AdminProvider.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__InternalAdminLayout_mjs__ from "./InternalAdminLayout.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__NoticeArea_mjs__ from "./NoticeArea.mjs";
@@ -8,6 +10,18 @@ const AdminLayout = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_j
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__NoticeArea_mjs__.NoticeArea, {}),
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__InternalAdminLayout_mjs__.InternalAdminLayout, {
                 ...props
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.FloatButton.Group, {
+                trigger: "click",
+                type: "default",
+                style: {
+                    right: 24,
+                    zIndex: 1250
+                },
+                icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.ToolOutlined, {}),
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__pinned_list_index_mjs__.PinnedPluginList, {
+                    belongToFilter: "hoverbutton"
+                })
             })
         ]
     });

package/es/built-in/index.mjs

@@ -1,5 +1,4 @@
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
-import "react";
 import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
 import * as __WEBPACK_EXTERNAL_MODULE__tachybase_sdk__ from "@tachybase/sdk";
 import * as __WEBPACK_EXTERNAL_MODULE__ant_design_icons__ from "@ant-design/icons";
@@ -25,7 +24,6 @@ import * as __WEBPACK_EXTERNAL_MODULE__user_index_mjs__ from "../user/index.mjs"
 import * as __WEBPACK_EXTERNAL_MODULE__acl_ACLPlugin_mjs__ from "./acl/ACLPlugin.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__admin_layout_AdminLayoutPlugin_mjs__ from "./admin-layout/AdminLayoutPlugin.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__admin_layout_components_WelcomeCard_mjs__ from "./admin-layout/components/WelcomeCard.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__assistant_index_mjs__ from "./assistant/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__attachment_preview_index_mjs__ from "./attachment-preview/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__block_schema_component_index_mjs__ from "./block-schema-component/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__context_menu_index_mjs__ from "./context-menu/index.mjs";
@@ -462,9 +460,6 @@ class BuiltInPlugin extends __WEBPACK_EXTERNAL_MODULE__application_Plugin_mjs__.
         await this.app.pm.add(__WEBPACK_EXTERNAL_MODULE__context_menu_index_mjs__.PluginContextMenu, {
             name: 'context-menu'
         });
-        await this.app.pm.add(__WEBPACK_EXTERNAL_MODULE__assistant_index_mjs__.PluginAssistant, {
-            name: 'assistant'
-        });
         await this.app.pm.add(__WEBPACK_EXTERNAL_MODULE__user_settings_index_mjs__.UserSettingsPlugin, {
             name: 'user-settings'
         });

package/es/index.d.ts

@@ -18,7 +18,6 @@ export * from './i18n';
 export * from './icon';
 export { default as locale } from './locale';
 export * from './built-in';
-export * from './built-in/assistant';
 export * from './built-in/pinned-list';
 export * from './built-in/pm';
 export * from './powered-by';

package/es/index.mjs

@@ -21,7 +21,6 @@ export * from "./hooks/index.mjs";
 export * from "./i18n/index.mjs";
 export * from "./icon/index.mjs";
 export * from "./built-in/index.mjs";
-export * from "./built-in/assistant/index.mjs";
 export * from "./built-in/pinned-list/index.mjs";
 export * from "./built-in/pm/index.mjs";
 export * from "./powered-by/index.mjs";

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

@@ -31,14 +31,18 @@ const AdminMenuCard = (props)=>{
             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)("a", {
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
                                 className: "field-link",
                                 role: "button",
                                 "aria-label": t(field.title),

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

@@ -9,7 +9,7 @@ function _tagged_template_literal(strings, 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, 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    "
+        "\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;
@@ -18,8 +18,8 @@ function _templateObject() {
 }
 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: 5rem;\n        color: inherit;\n        border: 0;\n        border-radius: 8px;\n        box-shadow: none;\n\n        &:hover {\n          background-color: #f4f4f4;\n          box-shadow: none;\n        }\n      }\n\n      &.ant-card-grid .ant-btn {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n\n        width: 100%;\n        padding: 0;\n        border: none;\n        box-shadow: none;\n      }\n\n      .field-link {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-around;\n        align-items: center;\n        color: inherit;\n\n        &:hover {\n          color: inherit;\n        }\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      .drag-handle-menu {\n        width: 100%;\n        height: 100%;\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    "
+        "\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;

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

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

package/es/schema-component/antd/menu/Menu.Designer.mjs

@@ -31,9 +31,9 @@ const findMenuSchema = (fieldSchema)=>{
         parent = parent.parent;
     }
 };
-const InsertMenuItemsGroup = ()=>{
+const InsertMenuItemsGroup = (props)=>{
     const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
-    const { dn } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useDesignable)();
+    const designable = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useDesignable)();
     const api = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useAPIClient)();
     const serverHooks = [
         {
@@ -46,6 +46,7 @@ const InsertMenuItemsGroup = ()=>{
         }
     ];
     const insertPosition = 'beforeEnd';
+    const dn = props.dn || designable.dn;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.SchemaSettingsItemGroup, {
         children: [
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.SchemaSettingsModalItem, {
@@ -451,4 +452,4 @@ const MenuDesigner = (props)=>{
         ]
     });
 };
-export { MenuDesigner };
+export { InsertMenuItemsGroup, MenuDesigner };

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

@@ -14,7 +14,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__AdminMenu_mjs__ from "./AdminMenu.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__locale_mjs__ from "./locale.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__Menu_Designer_mjs__ from "./Menu.Designer.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__Menu_styles_mjs__ from "./Menu.styles.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__MenuSearch_mjs__ from "./MenuSearch.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__MenuSearchAdd_mjs__ from "./MenuSearchAdd.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__tools_mjs__ from "./tools.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__util_mjs__ from "./util.mjs";
 function _tagged_template_literal(strings, raw) {
@@ -35,7 +35,7 @@ function _templateObject() {
     return data;
 }
 const HeaderMenu = (param)=>{
-    let { others, schema, mode, onSelect, setLoading, setDefaultSelectedKeys, defaultSelectedKeys, defaultOpenKeys, selectedKeys, designable, render, children } = param;
+    let { others, schema, mode, onSelect, setLoading, setDefaultSelectedKeys, designable, render, children } = param;
     const { Component, getMenuItems } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_useMenuItem_mjs__.useMenuItem)();
     const { token } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useToken)();
     const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__Menu_styles_mjs__.useStyles)();
@@ -154,37 +154,27 @@ const SideMenu = (param)=>{
                 schema: newSideMenuSchema,
                 onlyRenderProperties: true
             }, (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.uid)()));
-        if (designable) {
+        {
+            const dn = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.createDesignable)({
+                t,
+                api,
+                refresh,
+                current: sideMenuSchemaRef.current
+            });
+            dn.loadAPIClientEvents();
             const searchMenu = {
                 key: 'x-menu-search',
                 disabled: true,
-                label: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__MenuSearch_mjs__.MenuSearch, {
-                    setSearchMenuTitle: setSearchMenuTitle
+                label: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__MenuSearchAdd_mjs__.MenuSearchAdd, {
+                    designable: designable,
+                    setSearchMenuTitle: setSearchMenuTitle,
+                    dn: dn
                 }),
                 order: -10,
                 notdelete: true
             };
             result.push(searchMenu);
         }
-        if (designable) result.push({
-            key: 'x-designer-button',
-            disabled: true,
-            label: render({
-                'data-testid': 'schema-initializer-Menu-side',
-                insert: (s)=>{
-                    const dn = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.createDesignable)({
-                        t,
-                        api,
-                        refresh,
-                        current: sideMenuSchemaRef.current
-                    });
-                    dn.loadAPIClientEvents();
-                    dn.insertAdjacent('beforeEnd', s);
-                }
-            }),
-            order: -1,
-            notdelete: true
-        });
         return result;
     }, [
         getMenuItems,
@@ -252,9 +242,7 @@ const Menu = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)
     });
     const sensors = (0, __WEBPACK_EXTERNAL_MODULE__dnd_kit_core__.useSensors)((0, __WEBPACK_EXTERNAL_MODULE__dnd_kit_core__.useSensor)(__WEBPACK_EXTERNAL_MODULE__dnd_kit_core__.PointerSensor, {
         activationConstraint: {
-            distance: 1,
-            delay: 300,
-            tolerance: 5
+            distance: 5
         }
     }));
     const sideMenuSchema = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
@@ -312,9 +300,6 @@ const Menu = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)
                         onSelect: onSelect,
                         setLoading: setLoading,
                         setDefaultSelectedKeys: setDefaultSelectedKeys,
-                        defaultSelectedKeys: defaultSelectedKeys,
-                        defaultOpenKeys: defaultOpenKeys,
-                        selectedKeys: selectedKeys,
                         designable: designable,
                         render: render,
                         children: children
@@ -370,6 +355,9 @@ Menu.Item = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=
                         "aria-label": t(field.title),
                         className: styles.designerCss,
                         removeParentsIfNoChildren: false,
+                        overStyle: {
+                            background: 'transparent'
+                        },
                         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE__common_sortable_item_DragHandleMenu_mjs__.DragHandleMenu, {
                             children: [
                                 /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("span", {
@@ -441,6 +429,9 @@ Menu.URL = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>
                         className: styles.designerCss,
                         removeParentsIfNoChildren: false,
                         "aria-label": t(field.title),
+                        overStyle: {
+                            background: 'transparent'
+                        },
                         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE__common_sortable_item_DragHandleMenu_mjs__.DragHandleMenu, {
                             children: [
                                 /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("span", {
@@ -509,6 +500,9 @@ Menu.SubMenu = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((prop
                         className: styles.subMenuDesignerCss,
                         removeParentsIfNoChildren: false,
                         "aria-label": t(field.title),
+                        overStyle: {
+                            background: 'transparent'
+                        },
                         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE__common_sortable_item_DragHandleMenu_mjs__.DragHandleMenu, {
                             name: schema.name,
                             isSubMenu: true,

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

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

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

@@ -0,0 +1,18 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__index_mjs__ from "../../../index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_settings_SchemaSettings_mjs__ from "../../../schema-settings/SchemaSettings.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__Menu_Designer_mjs__ from "./Menu.Designer.mjs";
+const MenuAdd = (props)=>{
+    const { dn } = props;
+    const { getAriaLabel } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useGetAriaLabelOfDesigner)();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_SchemaSettings_mjs__.SchemaSettingsDropdown, {
+        title: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.Icon, {
+            type: "PlusOutlined",
+            "aria-label": getAriaLabel('add-menu')
+        }),
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__Menu_Designer_mjs__.InsertMenuItemsGroup, {
+            dn: dn
+        })
+    });
+};
+export { MenuAdd };

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

@@ -0,0 +1,7 @@
+interface MenuSearchProps {
+    setSearchMenuTitle: (title: string) => void;
+    designable: boolean;
+    dn?: any;
+}
+export declare const MenuSearchAdd: (props: MenuSearchProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,41 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
+import * as __WEBPACK_EXTERNAL_MODULE__index_mjs__ from "../../../index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__MenuAdd_mjs__ from "./MenuAdd.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__MenuSearchAdd_style_mjs__ from "./MenuSearchAdd.style.mjs";
+const MenuSearchAdd = (props)=>{
+    const { designable, dn, setSearchMenuTitle } = props;
+    const { t } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useTranslation)();
+    const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__MenuSearchAdd_style_mjs__.useStyles)();
+    const handleChange = __WEBPACK_EXTERNAL_MODULE_lodash__["default"].debounce((event)=>{
+        event.stopPropagation();
+        const searchValue = event.target.value.trim();
+        setSearchMenuTitle(searchValue);
+    }, 500);
+    const handleSearch = (value, event)=>{
+        event.stopPropagation();
+        __WEBPACK_EXTERNAL_MODULE_lodash__["default"].debounce(setSearchMenuTitle, 500)(value.trim());
+    };
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+        className: styles.menuSearchAdd,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Input.Search, {
+                allowClear: true,
+                placeholder: t('search Menu'),
+                prefix: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.Icon, {
+                    type: "SearchOutlined"
+                }),
+                onChange: handleChange,
+                onSearch: handleSearch
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+                className: "menu-add-wrapper",
+                children: designable && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__MenuAdd_mjs__.MenuAdd, {
+                    dn: dn
+                })
+            })
+        ]
+    });
+};
+export { MenuSearchAdd };

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

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

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

@@ -0,0 +1,25 @@
+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      /* NOTE: 这里的样式是为了让搜索框的样式, 避免上层 antd 写死的 padding-left: 24px 的影响 */\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      display: flex;\n      flex-direction: row;\n      align-items: flex-start;\n\n      /* NOTE: 放这三个样式是为了提升选择器优先级, 覆盖掉 antd 的默认样式 */\n      .ant-input-outlined.ant-input-outlined.ant-input-outlined {\n        background-color: #f9f9f9;\n        border-radius: 5px;\n        border: none;\n        box-shadow: none;\n      }\n\n      /* 移除 antd 默认的后置搜索图标 */\n      .ant-input-group-addon {\n        display: none;\n      }\n\n      .menu-add-wrapper {\n        .ant-dropdown-trigger {\n          display: grid;\n          place-items: center;\n\n          width: 30px;\n          /* 这里是为了和前边元素保持对齐, antd 组件写死了高度 */\n          height: 28px;\n\n          cursor: pointer;\n\n          :hover,\n          :active {\n            border-radius: 5px;\n            color: #ffffff;\n            background-color: #f4f4f4;\n          }\n        }\n      }\n    "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
+    let { css, token } = param;
+    return {
+        menuSearchAdd: css(_templateObject())
+    };
+});
+export { useStyles };

package/es/schema-component/common/sortable-item/SortableItem.d.ts

@@ -9,6 +9,7 @@ interface SortableItemProps extends HTMLAttributes<HTMLDivElement> {
     schema?: Schema;
     removeParentsIfNoChildren?: boolean;
     ref?: React.Ref<any>;
+    overStyle?: object;
 }
 export declare const SortableItem: React.MemoExoticComponent<import("@tachybase/schema").ReactFC<SortableItemProps & {
     ref?: React.Ref<any>;

package/lib/application/schema-initializer/components/SchemaInitializerButton.js

@@ -72,7 +72,7 @@ const SchemaInitializerButton = /*#__PURE__*/ external_react_default().memo((pro
                 textOverflow: 'ellipsis',
                 whiteSpace: 'nowrap',
                 display: 'inline-block',
-                width: options.icon ? 'calc(100% - 14px)' : '100%',
+                width: '100%',
                 verticalAlign: 'bottom'
             },
             children: compile(options.title)

package/lib/built-in/admin-layout/AdminLayout.js

@@ -29,7 +29,9 @@ __webpack_require__.d(__webpack_exports__, {
     AdminLayout: ()=>AdminLayout
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
+const icons_namespaceObject = require("@ant-design/icons");
+const external_antd_namespaceObject = require("antd");
+const index_js_namespaceObject = require("../pinned-list/index.js");
 const external_AdminProvider_js_namespaceObject = require("./AdminProvider.js");
 const external_InternalAdminLayout_js_namespaceObject = require("./InternalAdminLayout.js");
 const external_NoticeArea_js_namespaceObject = require("./NoticeArea.js");
@@ -38,6 +40,18 @@ const AdminLayout = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_NoticeArea_js_namespaceObject.NoticeArea, {}),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_InternalAdminLayout_js_namespaceObject.InternalAdminLayout, {
                 ...props
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.FloatButton.Group, {
+                trigger: "click",
+                type: "default",
+                style: {
+                    right: 24,
+                    zIndex: 1250
+                },
+                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ToolOutlined, {}),
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.PinnedPluginList, {
+                    belongToFilter: "hoverbutton"
+                })
             })
         ]
     });