@tachybase/client 0.23.22 → 0.23.35

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

@@ -8,7 +8,7 @@ const SchemaInitializerChildren = (props)=>{
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {
         children: children.sort((a, b)=>(a.sort || 0) - (b.sort || 0)).map((item, index)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(SchemaInitializerChild, {
                 ...item
-            }, item.name || item.key || index))
+            }, item.key || (null == item ? void 0 : item.name) || index))
     });
 };
 const typeComponentMap = {

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

@@ -45,7 +45,7 @@ const InternalAdminLayout = (props)=>{
                                     sideMenuRef: sideMenuRef
                                 }),
                                 /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
-                                    className: styles.editor,
+                                    className: styles.headerTabs,
                                     children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__AdminTabs_mjs__.AdminTabs, {})
                                 })
                             ]
@@ -53,7 +53,9 @@ const InternalAdminLayout = (props)=>{
                         /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
                             className: styles.right,
                             children: [
-                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.PinnedPluginList, {}),
+                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.PinnedPluginList, {
+                                    belongToFilter: "pinnedmenu"
+                                }),
                                 /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.CurrentUser, {})
                             ]
                         })

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

@@ -17,6 +17,7 @@ const useMenuProps = ()=>{
     };
 };
 const MenuEditor = (props)=>{
+    const { sideMenuRef } = props;
     const { setTitle } = (0, __WEBPACK_EXTERNAL_MODULE__document_title_index_mjs__.useDocumentTitle)();
     const navigate = (0, __WEBPACK_EXTERNAL_MODULE_react_router__.useNavigate)();
     const params = (0, __WEBPACK_EXTERNAL_MODULE_react_router__.useParams)();
@@ -24,12 +25,11 @@ const MenuEditor = (props)=>{
     const isMatchAdmin = (0, __WEBPACK_EXTERNAL_MODULE_react_router__.useMatch)('/admin');
     const isMatchAdminName = (0, __WEBPACK_EXTERNAL_MODULE_react_router__.useMatch)('/admin/:name');
     const defaultSelectedUid = params.name;
-    const { sideMenuRef } = props;
     const ctx = (0, __WEBPACK_EXTERNAL_MODULE__acl_index_mjs__.useACLRoleContext)();
     const [current, setCurrent] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(null);
     const onSelect = (param)=>{
         let { item } = param;
-        const schema = item.props.schema;
+        const schema = item.props.schema || {};
         setTitle(schema.title);
         setCurrent(schema);
         navigate("/admin/".concat(schema['x-uid']));

package/es/built-in/admin-layout/style.d.ts

@@ -7,7 +7,7 @@ export declare const useStyles: (props?: unknown) => import("antd-style").Return
     logo: import("antd-style").SerializedStyles;
     title: import("antd-style").SerializedStyles;
     right: import("antd-style").SerializedStyles;
-    editor: import("antd-style").SerializedStyles;
+    headerTabs: import("antd-style").SerializedStyles;
     notice: import("antd-style").SerializedStyles;
     sider: import("antd-style").SerializedStyles;
     main: import("antd-style").SerializedStyles;

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

@@ -52,7 +52,7 @@ function _templateObject3() {
 }
 function _templateObject4() {
     const data = _tagged_template_literal([
-        "\n      display: inline-flex;\n      flex-shrink: 0;\n      color: #fff;\n      padding: 0;\n      align-items: center;\n      padding: 0 12px 0 12px;\n    "
+        "\n      display: inline-flex;\n      flex-shrink: 0;\n      color: #fff;\n      padding: 0;\n      align-items: center;\n      padding: 0 12px 0 12px;\n      cursor: pointer;\n    "
     ]);
     _templateObject4 = function() {
         return data;
@@ -88,7 +88,7 @@ function _templateObject7() {
 }
 function _templateObject8() {
     const data = _tagged_template_literal([
-        "\n      flex: 1 1 auto;\n      width: 0;\n      display: flex;\n    "
+        "\n      flex: 1 1 auto;\n      display: flex;\n      width: 0;\n      overflow: hidden;\n      white-space: nowrap;\n      margin: 0;\n    "
     ]);
     _templateObject8 = function() {
         return data;
@@ -106,7 +106,7 @@ function _templateObject9() {
 }
 function _templateObject10() {
     const data = _tagged_template_literal([
-        "\n      height: 100%;\n      /* position: fixed; */\n      position: relative;\n      left: 0;\n      top: 0;\n      background: rgba(0, 0, 0, 0);\n      z-index: 100;\n      .ant-layout-sider-children {\n        top: var(--tb-header-height);\n        position: fixed;\n        width: 200px;\n        height: calc(100vh - var(--tb-header-height));\n      }\n    "
+        "\n      height: 100%;\n      position: relative;\n      left: 0;\n      top: 0;\n      background: rgba(0, 0, 0, 0);\n      z-index: 100;\n    "
     ]);
     _templateObject10 = function() {
         return data;
@@ -133,7 +133,7 @@ const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((para
         logo: css(_templateObject5()),
         title: css(_templateObject6()),
         right: css(_templateObject7()),
-        editor: css(_templateObject8()),
+        headerTabs: css(_templateObject8()),
         notice: css(_templateObject9()),
         sider: css(_templateObject10()),
         main: css(_templateObject11())

package/es/built-in/assistant/Assistant.provider.d.ts

@@ -1,9 +1,3 @@
-import React from 'react';
 export declare const AssistantProvider: ({ children }: {
     children: any;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const AssistantListProvider: (props: {
-    items: any;
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const AssistantList: () => import("react/jsx-runtime").JSX.Element;

package/es/built-in/assistant/Assistant.provider.mjs

@@ -1,125 +1,28 @@
 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_schema__ from "@tachybase/schema";
 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_antd_style__ from "antd-style";
-import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
-import * as __WEBPACK_EXTERNAL_MODULE_react_hotkeys_hook__ from "react-hotkeys-hook";
-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__acl_index_mjs__ from "../acl/index.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__context_menu_index_mjs__ from "../context-menu/index.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__calculator_CalculatorProvider_mjs__ from "./calculator/CalculatorProvider.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__context_mjs__ from "./context.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__search_and_jump_index_mjs__ from "./search-and-jump/index.mjs";
-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      display: inline-block;\n      .ant-btn {\n        border: 0;\n        height: var(--tb-header-height);\n        width: 46px;\n        border-radius: 0;\n        color: rgba(255, 255, 255, 0.65);\n        &:hover {\n          background: rgba(255, 255, 255, 0.1) !important;\n        }\n      }\n    "
-    ]);
-    _templateObject = function() {
-        return data;
-    };
-    return data;
-}
+import * as __WEBPACK_EXTERNAL_MODULE__pinned_list_index_mjs__ from "../pinned-list/index.mjs";
 const AssistantProvider = (param)=>{
     let { children } = param;
-    const { designable, setDesignable } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useDesignable)();
-    const { visible, setVisible } = (0, __WEBPACK_EXTERNAL_MODULE__calculator_CalculatorProvider_mjs__.useCalculator)();
-    const { setOpen } = (0, __WEBPACK_EXTERNAL_MODULE__search_and_jump_index_mjs__.useSearchAndJump)();
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)();
-    (0, __WEBPACK_EXTERNAL_MODULE_react_hotkeys_hook__.useHotkeys)('Ctrl+Shift+U', ()=>setDesignable(!designable), [
-        designable
-    ]);
-    (0, __WEBPACK_EXTERNAL_MODULE_react_hotkeys_hook__.useHotkeys)('Ctrl+K', ()=>setOpen((open)=>!open), []);
-    (0, __WEBPACK_EXTERNAL_MODULE_react_hotkeys_hook__.useHotkeys)('Cmd+K', ()=>setOpen((open)=>!open), []);
-    const { contextMenuEnabled, setContextMenuEnable } = (0, __WEBPACK_EXTERNAL_MODULE__context_menu_index_mjs__.useContextMenu)();
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {
         children: [
             children,
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_antd__.FloatButton.Group, {
-                trigger: "hover",
-                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_antd__.FloatButton, {
-                        icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.SearchOutlined, {}),
-                        onClick: ()=>setOpen(true)
-                    }),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.FloatButton, {
-                        icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__icon_index_mjs__.Icon, {
-                            type: "Design"
-                        }),
-                        type: designable ? 'primary' : 'default',
-                        onClick: ()=>setDesignable(!designable)
-                    }),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.FloatButton, {
-                        type: visible ? 'primary' : 'default',
-                        icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.CalculatorOutlined, {}),
-                        onClick: ()=>{
-                            setVisible((visible)=>!visible);
-                        }
-                    }),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.FloatButton, {
-                        type: contextMenuEnabled ? 'primary' : 'default',
-                        icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.ToolOutlined, {
-                            onClick: ()=>setContextMenuEnable(!contextMenuEnabled)
-                        })
-                    }),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(AssistantList, {})
-                ]
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__acl_index_mjs__.ACLRolesCheckProvider, {
+                children: /*#__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"
+                    })
+                })
             })
         ]
     });
 };
-const AssistantListProvider = (props)=>{
-    const { children, items } = props;
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__context_mjs__.AssistantListContext);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_mjs__.AssistantListContext.Provider, {
-            value: {
-                items: {
-                    ...ctx.items,
-                    ...items
-                }
-            },
-            children: children
-        })
-    });
-};
-const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
-    let { css } = param;
-    return {
-        container: css(_templateObject())
-    };
-});
-const AssistantList = ()=>{
-    const { allowAll, snippets } = (0, __WEBPACK_EXTERNAL_MODULE__acl_index_mjs__.useACLRoleContext)();
-    const getSnippetsAllow = function(aclKey) {
-        let isPublic = arguments.length > 1 && void 0 !== arguments[1] && arguments[1];
-        return allowAll || isPublic || (null == snippets ? void 0 : snippets.includes(aclKey));
-    };
-    const { styles } = useStyles();
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__context_mjs__.AssistantListContext);
-    const { components } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.SchemaOptionsContext);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
-        className: styles.container,
-        children: Object.keys(ctx.items).sort((a, b)=>ctx.items[a].order - ctx.items[b].order).filter((key)=>getSnippetsAllow(ctx.items[key].snippet, ctx.items[key].isPublic)).map((key)=>{
-            const Action = (0, __WEBPACK_EXTERNAL_MODULE_lodash__.get)(components, ctx.items[key].component);
-            return Action ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(Action, {}, key) : null;
-        })
-    });
-};
-export { AssistantList, AssistantListProvider, AssistantProvider };
+export { AssistantProvider };

package/es/built-in/assistant/index.d.ts

@@ -2,6 +2,5 @@ import { Plugin } from '../../application/Plugin';
 export * from './context';
 export * from './Assistant.provider';
 export declare class PluginAssistant extends Plugin {
-    load(): Promise<void>;
     afterLoad(): Promise<void>;
 }

package/es/built-in/assistant/index.mjs

@@ -1,14 +1,7 @@
 import * as __WEBPACK_EXTERNAL_MODULE__application_Plugin_mjs__ from "../../application/Plugin.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__calculator_CalculatorProvider_mjs__ from "./calculator/CalculatorProvider.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__search_and_jump_index_mjs__ from "./search-and-jump/index.mjs";
 export * from "./context.mjs";
 export * from "./Assistant.provider.mjs";
 class PluginAssistant extends __WEBPACK_EXTERNAL_MODULE__application_Plugin_mjs__.Plugin {
-    async load() {
-        this.app.use(__WEBPACK_EXTERNAL_MODULE__search_and_jump_index_mjs__.SearchAndJumpProvider);
-        this.app.use(__WEBPACK_EXTERNAL_MODULE__calculator_CalculatorProvider_mjs__.CalculatorProvider);
-        this.app.use(AssistantListProvider, this.options.config);
-    }
     async afterLoad() {
         this.app.use(AssistantProvider);
     }

package/es/built-in/attachment-preview/previewers/file-pdf.mjs

@@ -7,6 +7,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_zoom_pan_pinch__ from "react-zoom-pa
 import * as __WEBPACK_EXTERNAL_MODULE__file_pdf_style_mjs__ from "./file-pdf.style.mjs";
 import "react-pdf/dist/Page/AnnotationLayer.css";
 import "react-pdf/dist/Page/TextLayer.css";
+import * as __WEBPACK_EXTERNAL_MODULE__block_provider_index_mjs__ from "../../../block-provider/index.mjs";
 const options = {
     cMapUrl: "https://assets.tachybase.com/pdfjs-dist@".concat(__WEBPACK_EXTERNAL_MODULE_react_pdf__.pdfjs.version, "/cmaps/"),
     cMapPacked: true,
@@ -22,13 +23,14 @@ const TransformInternal = (param)=>{
     });
 };
 const CheckedComponent = (props)=>{
-    const { file, fileInfo, width, noTransformWrapper = false } = props;
+    const { file, fileInfo, width, noTransformWrapper } = props;
     const pdfInfo = (null == file ? void 0 : file.url) || fileInfo;
     const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
     const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__file_pdf_style_mjs__.useStyles)();
     const containerRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
     const [pdfWidth, setPdfWidth] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(600);
     const [numPages, setNumPages] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(1);
+    const isMobile = (0, __WEBPACK_EXTERNAL_MODULE__block_provider_index_mjs__.useIsMobile)();
     const onDocumentLoadSuccess = async (params)=>{
         var _containerRef_current;
         const { numPages, _transport } = params;
@@ -64,7 +66,7 @@ const CheckedComponent = (props)=>{
         loading: "",
         onLoadSuccess: onDocumentLoadSuccess,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(TransformInternal, {
-            noTransformWrapper: noTransformWrapper,
+            noTransformWrapper: noTransformWrapper || !isMobile,
             children: Array.from(new Array(numPages), (el, index)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_pdf__.Page, {
                     pageNumber: index + 1,
                     width: width || pdfWidth,

package/es/built-in/context-menu/ContextMenu.provider.d.ts

@@ -1,3 +1,4 @@
 export declare const ContextMenuProvider: ({ children }: {
     children: any;
 }) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenuButtonProvider: (props: any) => import("react/jsx-runtime").JSX.Element;

package/es/built-in/context-menu/ContextMenu.provider.mjs

@@ -1,8 +1,11 @@
 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__ant_design_icons__ from "@ant-design/icons";
 import * as __WEBPACK_EXTERNAL_MODULE_ahooks__ from "ahooks";
 import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
 import * as __WEBPACK_EXTERNAL_MODULE__application_index_mjs__ from "../../application/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../schema-component/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__pinned_list_index_mjs__ from "../pinned-list/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__useContextMenu_mjs__ from "./useContextMenu.mjs";
 const STORAGE_KEYS = {
     HIDDEN_SCROLL_AREA: 'hidden-scroll-area',
@@ -65,4 +68,29 @@ const ContextMenuProvider = (param)=>{
         })
     });
 };
-export { ContextMenuProvider };
+const ContextMenuButton = ()=>{
+    const { contextMenuEnabled, setContextMenuEnable } = (0, __WEBPACK_EXTERNAL_MODULE__useContextMenu_mjs__.useContextMenu)();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.FloatButton, {
+        type: contextMenuEnabled ? 'primary' : 'default',
+        icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.ToolOutlined, {}),
+        onClick: ()=>setContextMenuEnable(!contextMenuEnabled)
+    });
+};
+const ContextMenuButtonProvider = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__pinned_list_index_mjs__.PinnedPluginListProvider, {
+        items: {
+            cm: {
+                order: 90,
+                component: 'ContextMenuButton',
+                pin: true,
+                isPublic: true,
+                belongTo: 'hoverbutton'
+            }
+        },
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.SchemaComponentOptions, {
+            components: {
+                ContextMenuButton
+            },
+            children: props.children
+        })
+    });
+export { ContextMenuButtonProvider, ContextMenuProvider };

package/es/built-in/context-menu/index.mjs

@@ -7,6 +7,7 @@ class PluginContextMenu extends __WEBPACK_EXTERNAL_MODULE__application_Plugin_mj
     async load() {
         this.app.use(__WEBPACK_EXTERNAL_MODULE__scroll_assistant_ScrollAssistantStatus_provider_mjs__.ScrollAssistantStatusProvider);
         this.app.use(__WEBPACK_EXTERNAL_MODULE__ContextMenu_provider_mjs__.ContextMenuProvider);
+        this.app.use(__WEBPACK_EXTERNAL_MODULE__ContextMenu_provider_mjs__.ContextMenuButtonProvider);
         this.app.pluginContextMenu.add(__WEBPACK_EXTERNAL_MODULE__ContextMenuItemsProps_mjs__.designerMode.name, __WEBPACK_EXTERNAL_MODULE__ContextMenuItemsProps_mjs__.designerMode);
         this.app.pluginContextMenu.add(__WEBPACK_EXTERNAL_MODULE__ContextMenuItemsProps_mjs__.fullScreen.name, __WEBPACK_EXTERNAL_MODULE__ContextMenuItemsProps_mjs__.fullScreen);
         this.app.pluginContextMenu.add(__WEBPACK_EXTERNAL_MODULE__ContextMenuItemsProps_mjs__.disableRightMenu.name, __WEBPACK_EXTERNAL_MODULE__ContextMenuItemsProps_mjs__.disableRightMenu);

package/es/built-in/index.mjs

@@ -260,7 +260,7 @@ const AppMaintainingDialog = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.o
     let { app } = param;
     const { icon, status, title, subTitle } = getProps(app);
     const manager = app.noticeManager;
-    manager.status(app.i18n.t(title) + app.i18n.t(subTitle), __WEBPACK_EXTERNAL_MODULE__application_index_mjs__.NoticeLevel.INFO);
+    manager.status(app.i18n.t(title) + ' ' + app.i18n.t(subTitle), __WEBPACK_EXTERNAL_MODULE__application_index_mjs__.NoticeLevel.INFO);
     return null;
 }, {
     displayName: 'AppMaintainingDialog'
@@ -369,26 +369,65 @@ class BuiltInPlugin extends __WEBPACK_EXTERNAL_MODULE__application_Plugin_mjs__.
                         order: 50,
                         component: 'DesignableSwitch',
                         pin: true,
-                        snippet: 'ui.*'
+                        snippet: 'ui.*',
+                        belongTo: 'pinnedmenu'
                     },
                     wf: {
                         order: 100,
                         component: 'WorkflowLink',
                         pin: true,
-                        snippet: 'pm.*'
+                        snippet: 'pm.*',
+                        belongTo: 'pinnedmenu'
                     },
                     ds: {
                         order: 200,
                         component: 'DatasourceLink',
                         pin: true,
-                        snippet: 'pm.*'
+                        snippet: 'pm.*',
+                        belongTo: 'pinnedmenu'
                     },
                     sc: {
                         order: 400,
                         component: 'SettingsCenterDropdown',
                         pin: true,
                         snippet: 'pm.*',
-                        isPublic: true
+                        isPublic: true,
+                        belongTo: 'pinnedmenu'
+                    },
+                    ca: {
+                        order: 300,
+                        component: 'CalculatorButton',
+                        pin: true,
+                        isPublic: true,
+                        belongTo: 'hoverbutton'
+                    },
+                    cm: {
+                        order: 90,
+                        component: 'ContextMenuButton',
+                        pin: true,
+                        isPublic: true,
+                        belongTo: 'hoverbutton'
+                    },
+                    db: {
+                        order: 60,
+                        component: 'DesignableButton',
+                        pin: true,
+                        snippet: 'ui.*',
+                        belongTo: 'hoverbutton'
+                    },
+                    saj: {
+                        order: 30,
+                        component: 'SearchAndJumpButton',
+                        pin: true,
+                        snippet: 'pm.*',
+                        belongTo: 'hoverbutton'
+                    },
+                    ai: {
+                        order: 330,
+                        component: 'AIChatButton',
+                        pin: true,
+                        isPublic: true,
+                        belongTo: 'hoverbutton'
                     }
                 }
             }

package/es/built-in/page-style/TabHeader.d.ts

@@ -4,4 +4,4 @@ export declare const Tag: ({ onClick, onClose, children, active }: {
     children: any;
     active: any;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const TabHeader: () => import("react/jsx-runtime").JSX.Element[];
+export declare const TabHeader: () => import("react/jsx-runtime").JSX.Element;

package/es/built-in/page-style/TabHeader.mjs

@@ -7,6 +7,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_router__ from "react-router";
 import * as __WEBPACK_EXTERNAL_MODULE_react_router_dom__ from "react-router-dom";
 import * as __WEBPACK_EXTERNAL_MODULE__icon_index_mjs__ from "../../icon/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__PageStyle_provider_mjs__ from "./PageStyle.provider.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__TabHeader_style_mjs__ from "./TabHeader.style.mjs";
 function _tagged_template_literal(strings, raw) {
     if (!raw) raw = strings.slice(0);
     return Object.freeze(Object.defineProperties(strings, {
@@ -16,41 +17,29 @@ function _tagged_template_literal(strings, raw) {
     }));
 }
 function _templateObject() {
-    const data = _tagged_template_literal([
-        "\n          margin: 6px 2px;\n          align-items: center;\n          background-image: none;\n          background: rgba(0, 0, 0, 0.04);\n          border-radius: 6px;\n          border: 1px solid transparent;\n          color: rgba(255, 255, 255, 0.88);\n          cursor: pointer;\n          display: inline-flex;\n          font-size: 14px;\n          font-weight: 400;\n          gap: 8px;\n          height: 32px;\n          justify-content: center;\n          line-height: 1.5714285714285714;\n          outline: none;\n          padding: 4px 15px;\n          position: relative;\n          text-align: center;\n          touch-action: manipulation;\n          transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n          user-select: none;\n          white-space: nowrap;\n        "
-    ]);
-    _templateObject = function() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    const data = _tagged_template_literal([
-        "\n              background: transparent;\n            "
-    ]);
-    _templateObject1 = function() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
     const data = _tagged_template_literal([
         "\n          color: rgba(255, 255, 255, 0.88);\n        "
     ]);
-    _templateObject2 = function() {
+    _templateObject = function() {
         return data;
     };
     return data;
 }
 const Tag = (param)=>{
     let { onClick, onClose, children, active } = param;
+    const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__TabHeader_style_mjs__.useStyles)();
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("span", {
         onClick: onClick,
-        className: (0, __WEBPACK_EXTERNAL_MODULE_classnames__["default"])((0, __WEBPACK_EXTERNAL_MODULE__emotion_css__.css)(_templateObject()), active ? '' : (0, __WEBPACK_EXTERNAL_MODULE__emotion_css__.css)(_templateObject1())),
+        className: (0, __WEBPACK_EXTERNAL_MODULE_classnames__["default"])(styles.tabHeader, {
+            active
+        }),
         children: [
-            children,
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
+                className: "tab-text",
+                children: children
+            }),
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
-                className: (0, __WEBPACK_EXTERNAL_MODULE__emotion_css__.css)(_templateObject2()),
+                className: (0, __WEBPACK_EXTERNAL_MODULE__emotion_css__.css)(_templateObject()),
                 type: "text",
                 onClick: onClose,
                 icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__icon_index_mjs__.Icon, {
@@ -65,16 +54,20 @@ const TabHeader = ()=>{
     const location = (0, __WEBPACK_EXTERNAL_MODULE_react_router_dom__.useLocation)();
     const { items, setItems } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__PageStyle_provider_mjs__.PageStyleContext);
     const targetKey = location.pathname;
-    return items.map((item)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(Tag, {
-            active: item.key === targetKey,
-            onClick: ()=>{
-                navigate(item.key);
-            },
-            onClose: (e)=>{
-                e.stopPropagation();
-                setItems((items)=>items.filter((i)=>i.key !== item.key));
-            },
-            children: item.label
-        }, item.key));
+    const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__TabHeader_style_mjs__.useStyles)();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+        className: styles.tabWrapper,
+        children: items.map((item)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(Tag, {
+                active: item.key === targetKey,
+                onClick: ()=>{
+                    navigate(item.key);
+                },
+                onClose: (e)=>{
+                    e.stopPropagation();
+                    setItems((items)=>items.filter((i)=>i.key !== item.key));
+                },
+                children: item.label
+            }, item.key))
+    });
 };
 export { TabHeader, Tag };

package/es/built-in/page-style/TabHeader.style.d.ts

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

package/es/built-in/page-style/TabHeader.style.mjs

@@ -0,0 +1,35 @@
+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      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n      width: 100%;\n      padding: 0 10px;\n    "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    const data = _tagged_template_literal([
+        "\n      flex: 0 1 auto;\n      position: relative;\n\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      gap: 8px;\n      min-width: 10px;\n      height: 32px;\n      margin: 6px 2px;\n      padding: 4px 15px;\n      border: 1px solid transparent;\n      border-radius: 6px;\n      overflow: hidden;\n\n      background-image: none;\n      background: transparent;\n      color: rgba(255, 255, 255, 0.88);\n\n      font-size: 14px;\n      font-weight: 400;\n      line-height: 1.5714285714285714;\n      outline: none;\n      text-align: center;\n      touch-action: manipulation;\n      user-select: none;\n      white-space: nowrap;\n      cursor: pointer;\n\n      transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n\n      &.active {\n        background-color: rgba(0, 0, 0, 0.07);\n      }\n\n      .tab-text {\n        min-width: 5px;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n    "
+    ]);
+    _templateObject1 = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
+    let { css, token } = param;
+    return {
+        tabWrapper: css(_templateObject()),
+        tabHeader: css(_templateObject1())
+    };
+});
+export { useStyles };

package/es/built-in/pinned-list/PinnedPluginListProvider.d.ts

@@ -3,4 +3,6 @@ export declare const PinnedPluginListProvider: (props: {
     items: any;
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const PinnedPluginList: () => import("react/jsx-runtime").JSX.Element;
+export declare const PinnedPluginList: ({ belongToFilter }: {
+    belongToFilter: any;
+}) => import("react/jsx-runtime").JSX.Element;

package/es/built-in/pinned-list/PinnedPluginListProvider.mjs

@@ -15,7 +15,7 @@ function _tagged_template_literal(strings, raw) {
 }
 function _templateObject() {
     const data = _tagged_template_literal([
-        "\n      display: inline-block;\n      .ant-btn {\n        border: 0;\n        height: var(--tb-header-height);\n        width: 46px;\n        border-radius: 0;\n        background: none;\n        color: rgba(255, 255, 255, 0.65);\n        &:hover {\n          background: rgba(255, 255, 255, 0.1) !important;\n        }\n      }\n    "
+        "\n      display: inline-block;\n      .ant-btn {\n        border: 0;\n        height: var(--tb-header-height);\n        width: 46px;\n        border-radius: 0;\n        background: none;\n        color: rgba(255, 255, 255, 0.65);\n        &:hover {\n          background: rgba(255, 255, 255, 0.1) !important;\n        }\n      }\n      .ant-float-btn {\n        margin-bottom: 16px;\n      }\n    "
     ]);
     _templateObject = function() {
         return data;
@@ -41,18 +41,19 @@ const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((para
         container: css(_templateObject())
     };
 });
-const PinnedPluginList = ()=>{
+const PinnedPluginList = (param)=>{
+    let { belongToFilter } = param;
     const { allowAll, snippets } = (0, __WEBPACK_EXTERNAL_MODULE__acl_index_mjs__.useACLRoleContext)();
     const getSnippetsAllow = function(aclKey) {
         let isPublic = arguments.length > 1 && void 0 !== arguments[1] && arguments[1];
         return allowAll || isPublic || (null == snippets ? void 0 : snippets.includes(aclKey));
     };
-    const { styles } = useStyles();
+    const { styles } = useStyles(belongToFilter);
     const ctx = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__context_mjs__.PinnedPluginListContext);
     const { components } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.SchemaOptionsContext);
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
         className: styles.container,
-        children: Object.keys(ctx.items).sort((a, b)=>ctx.items[a].order - ctx.items[b].order).filter((key)=>getSnippetsAllow(ctx.items[key].snippet, ctx.items[key].isPublic)).map((key)=>{
+        children: Object.keys(ctx.items).filter((key)=>ctx.items[key].belongTo === belongToFilter).sort((a, b)=>ctx.items[a].order - ctx.items[b].order).filter((key)=>getSnippetsAllow(ctx.items[key].snippet, ctx.items[key].isPublic)).map((key)=>{
             const Action = (0, __WEBPACK_EXTERNAL_MODULE_lodash__.get)(components, ctx.items[key].component);
             return Action ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(Action, {}, key) : null;
         })