@tachybase/client 0.23.22 → 0.23.35

package/es/schema-settings/SchemaSettingsPlugin.mjs

@@ -2,6 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__application_Plugin_mjs__ from "../applica
 import * as __WEBPACK_EXTERNAL_MODULE__modules_actions_add_child_addChildActionSettings_mjs__ from "../modules/actions/add-child/addChildActionSettings.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__modules_actions_add_new_addNewActionSettings_mjs__ from "../modules/actions/add-new/addNewActionSettings.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__modules_actions_add_record_customizeAddRecordActionSettings_mjs__ from "../modules/actions/add-record/customizeAddRecordActionSettings.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__modules_actions_associate_AssociateActionSettings_mjs__ from "../modules/actions/associate/AssociateActionSettings.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__modules_actions_bulk_destroy_bulkDeleteActionSettings_mjs__ from "../modules/actions/bulk-destroy/bulkDeleteActionSettings.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__modules_actions_delete_deleteActionSettings_mjs__ from "../modules/actions/delete/deleteActionSettings.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__modules_actions_disassociate_disassociateActionSettings_mjs__ from "../modules/actions/disassociate/disassociateActionSettings.mjs";
@@ -83,6 +84,7 @@ class SchemaSettingsPlugin extends __WEBPACK_EXTERNAL_MODULE__application_Plugin
         this.schemaSettingsManager.add(__WEBPACK_EXTERNAL_MODULE__modules_actions_save_record_customizeSaveRecordActionSettings_mjs__.customizeSaveRecordActionSettings);
         this.schemaSettingsManager.add(__WEBPACK_EXTERNAL_MODULE__modules_actions_add_child_addChildActionSettings_mjs__.addChildActionSettings);
         this.schemaSettingsManager.add(__WEBPACK_EXTERNAL_MODULE__modules_actions_expand_collapse_expendableActionSettings_mjs__.expendableActionSettings);
+        this.schemaSettingsManager.add(__WEBPACK_EXTERNAL_MODULE__modules_actions_associate_AssociateActionSettings_mjs__.associateActionSettings);
         this.schemaSettingsManager.add(__WEBPACK_EXTERNAL_MODULE__modules_blocks_data_blocks_form_fieldSettingsFormItem_mjs__.fieldSettingsFormItem);
         this.schemaSettingsManager.add(__WEBPACK_EXTERNAL_MODULE__modules_blocks_data_blocks_form_FilterItemCustomSettings_mjs__.FilterItemCustomSettings);
         this.schemaSettingsManager.add(__WEBPACK_EXTERNAL_MODULE__modules_blocks_data_blocks_table_tableColumnSettings_mjs__.tableColumnSettings);

package/es/schema-settings/SchemaSettingsSortingRule.mjs

@@ -61,7 +61,8 @@ const SchemaSettingsSortingRule = function(props) {
                                         'x-component-props': {
                                             style: {
                                                 width: 260
-                                            }
+                                            },
+                                            optionLabelProp: 'fullLabel'
                                         }
                                     },
                                     direction: {

package/es/schema-settings/styles.mjs

@@ -9,7 +9,7 @@ function _tagged_template_literal(strings, raw) {
 }
 function _templateObject() {
     const data = _tagged_template_literal([
-        "\n      pointer-events: none;\n      position: absolute;\n      font-size: 12px;\n      /* background: var(--colorSettings);\n  color: #fff; */\n      padding: 0;\n      line-height: 16px;\n      height: 16px;\n      border-bottom-right-radius: 2px;\n      border-radius: 2px;\n      top: 2px;\n      left: 2px;\n      .title-tag {\n        padding: 0 3px;\n        border-radius: 2px;\n        background: var(--colorSettings);\n        color: #fff;\n        display: block;\n      }\n    "
+        "\n      pointer-events: none;\n      position: absolute;\n      font-size: 12px;\n      padding: 0;\n      line-height: 16px;\n      height: 16px;\n      border-bottom-right-radius: 2px;\n      border-radius: 2px;\n      top: 2px;\n      left: 2px;\n      .title-tag {\n        padding: 0 3px;\n        border-radius: 2px;\n        background: var(--colorSettings);\n        color: #fff;\n        display: block;\n      }\n    "
     ]);
     _templateObject = function() {
         return data;
@@ -18,7 +18,7 @@ function _templateObject() {
 }
 function _templateObject1() {
     const data = _tagged_template_literal([
-        "\n      & .ant-space-item .anticon {\n        margin: 0;\n      }\n\n      &:hover {\n        display: block !important;\n      }\n    "
+        "\n      & .ant-space-item .anticon {\n        margin: 0;\n      }\n\n      &:hover {\n        display: flex !important;\n      }\n    "
     ]);
     _templateObject1 = function() {
         return data;

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

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

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

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

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

@@ -49,6 +49,7 @@ const useMenuProps = ()=>{
     };
 };
 const MenuEditor = (props)=>{
+    const { sideMenuRef } = props;
     const { setTitle } = (0, external_document_title_index_js_namespaceObject.useDocumentTitle)();
     const navigate = (0, external_react_router_namespaceObject.useNavigate)();
     const params = (0, external_react_router_namespaceObject.useParams)();
@@ -56,12 +57,11 @@ const MenuEditor = (props)=>{
     const isMatchAdmin = (0, external_react_router_namespaceObject.useMatch)('/admin');
     const isMatchAdminName = (0, external_react_router_namespaceObject.useMatch)('/admin/:name');
     const defaultSelectedUid = params.name;
-    const { sideMenuRef } = props;
     const ctx = (0, external_acl_index_js_namespaceObject.useACLRoleContext)();
     const [current, setCurrent] = (0, external_react_namespaceObject.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/lib/built-in/admin-layout/style.js

@@ -82,7 +82,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;
@@ -118,7 +118,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;
@@ -136,7 +136,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;
@@ -163,7 +163,7 @@ const useStyles = (0, external_antd_style_namespaceObject.createStyles)((param)=
         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/lib/built-in/assistant/Assistant.provider.js

@@ -26,134 +26,35 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    AssistantProvider: ()=>AssistantProvider,
-    AssistantList: ()=>AssistantList,
-    AssistantListProvider: ()=>AssistantListProvider
+    AssistantProvider: ()=>AssistantProvider
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
-const schema_namespaceObject = require("@tachybase/schema");
 const icons_namespaceObject = require("@ant-design/icons");
 const external_antd_namespaceObject = require("antd");
-const external_antd_style_namespaceObject = require("antd-style");
-const external_lodash_namespaceObject = require("lodash");
-const external_react_hotkeys_hook_namespaceObject = require("react-hotkeys-hook");
-const index_js_namespaceObject = require("../../icon/index.js");
-const external_schema_component_index_js_namespaceObject = require("../../schema-component/index.js");
-const external_acl_index_js_namespaceObject = require("../acl/index.js");
-const external_context_menu_index_js_namespaceObject = require("../context-menu/index.js");
-const CalculatorProvider_js_namespaceObject = require("./calculator/CalculatorProvider.js");
-const external_context_js_namespaceObject = require("./context.js");
-const external_search_and_jump_index_js_namespaceObject = require("./search-and-jump/index.js");
-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;
-}
+const index_js_namespaceObject = require("../acl/index.js");
+const external_pinned_list_index_js_namespaceObject = require("../pinned-list/index.js");
 const AssistantProvider = (param)=>{
     let { children } = param;
-    const { designable, setDesignable } = (0, external_schema_component_index_js_namespaceObject.useDesignable)();
-    const { visible, setVisible } = (0, CalculatorProvider_js_namespaceObject.useCalculator)();
-    const { setOpen } = (0, external_search_and_jump_index_js_namespaceObject.useSearchAndJump)();
-    (0, external_react_namespaceObject.useRef)();
-    (0, external_react_hotkeys_hook_namespaceObject.useHotkeys)('Ctrl+Shift+U', ()=>setDesignable(!designable), [
-        designable
-    ]);
-    (0, external_react_hotkeys_hook_namespaceObject.useHotkeys)('Ctrl+K', ()=>setOpen((open)=>!open), []);
-    (0, external_react_hotkeys_hook_namespaceObject.useHotkeys)('Cmd+K', ()=>setOpen((open)=>!open), []);
-    const { contextMenuEnabled, setContextMenuEnable } = (0, external_context_menu_index_js_namespaceObject.useContextMenu)();
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
         children: [
             children,
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_antd_namespaceObject.FloatButton.Group, {
-                trigger: "hover",
-                type: "default",
-                style: {
-                    right: 24,
-                    zIndex: 1250
-                },
-                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ToolOutlined, {}),
-                children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.FloatButton, {
-                        icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.SearchOutlined, {}),
-                        onClick: ()=>setOpen(true)
-                    }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.FloatButton, {
-                        icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.Icon, {
-                            type: "Design"
-                        }),
-                        type: designable ? 'primary' : 'default',
-                        onClick: ()=>setDesignable(!designable)
-                    }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.FloatButton, {
-                        type: visible ? 'primary' : 'default',
-                        icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.CalculatorOutlined, {}),
-                        onClick: ()=>{
-                            setVisible((visible)=>!visible);
-                        }
-                    }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.FloatButton, {
-                        type: contextMenuEnabled ? 'primary' : 'default',
-                        icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ToolOutlined, {
-                            onClick: ()=>setContextMenuEnable(!contextMenuEnabled)
-                        })
-                    }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(AssistantList, {})
-                ]
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.ACLRolesCheckProvider, {
+                children: /*#__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)(external_pinned_list_index_js_namespaceObject.PinnedPluginList, {
+                        belongToFilter: "hoverbutton"
+                    })
+                })
             })
         ]
     });
 };
-const AssistantListProvider = (props)=>{
-    const { children, items } = props;
-    const ctx = (0, external_react_namespaceObject.useContext)(external_context_js_namespaceObject.AssistantListContext);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_context_js_namespaceObject.AssistantListContext.Provider, {
-            value: {
-                items: {
-                    ...ctx.items,
-                    ...items
-                }
-            },
-            children: children
-        })
-    });
-};
-const useStyles = (0, external_antd_style_namespaceObject.createStyles)((param)=>{
-    let { css } = param;
-    return {
-        container: css(_templateObject())
-    };
-});
-const AssistantList = ()=>{
-    const { allowAll, snippets } = (0, external_acl_index_js_namespaceObject.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, external_react_namespaceObject.useContext)(external_context_js_namespaceObject.AssistantListContext);
-    const { components } = (0, external_react_namespaceObject.useContext)(schema_namespaceObject.SchemaOptionsContext);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.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, external_lodash_namespaceObject.get)(components, ctx.items[key].component);
-            return Action ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Action, {}, key) : null;
-        })
-    });
-};
 var __webpack_export_target__ = exports;
 for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
 if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {

package/lib/built-in/assistant/index.js

@@ -6,14 +6,8 @@ var __webpack_modules__ = {
     "./Assistant.provider": function(module) {
         module.exports = require("./Assistant.provider.js");
     },
-    "./calculator/CalculatorProvider": function(module) {
-        module.exports = require("./calculator/CalculatorProvider.js");
-    },
     "./context?d80f": function(module) {
         module.exports = require("./context.js");
-    },
-    "./search-and-jump": function(module) {
-        module.exports = require("./search-and-jump/index.js");
     }
 };
 var __webpack_module_cache__ = {};
@@ -71,15 +65,13 @@ __webpack_require__.d(__webpack_exports__, {
 });
 var _application_Plugin__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../application/Plugin");
 var _Assistant_provider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./Assistant.provider");
-var _calculator_CalculatorProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./calculator/CalculatorProvider");
-var _search_and_jump__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./search-and-jump");
-var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./context?d80f");
+var _context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./context?d80f");
 var __WEBPACK_REEXPORT_OBJECT__ = {};
-for(var __WEBPACK_IMPORT_KEY__ in _context__WEBPACK_IMPORTED_MODULE_4__)if ([
+for(var __WEBPACK_IMPORT_KEY__ in _context__WEBPACK_IMPORTED_MODULE_2__)if ([
     "default",
     "PluginAssistant"
 ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-    return _context__WEBPACK_IMPORTED_MODULE_4__[key];
+    return _context__WEBPACK_IMPORTED_MODULE_2__[key];
 }).bind(0, __WEBPACK_IMPORT_KEY__);
 __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
 var __WEBPACK_REEXPORT_OBJECT__ = {};
@@ -91,11 +83,6 @@ for(var __WEBPACK_IMPORT_KEY__ in _Assistant_provider__WEBPACK_IMPORTED_MODULE_1
 }).bind(0, __WEBPACK_IMPORT_KEY__);
 __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
 class PluginAssistant extends _application_Plugin__WEBPACK_IMPORTED_MODULE_0__.Plugin {
-    async load() {
-        this.app.use(_search_and_jump__WEBPACK_IMPORTED_MODULE_3__.SearchAndJumpProvider);
-        this.app.use(_calculator_CalculatorProvider__WEBPACK_IMPORTED_MODULE_2__.CalculatorProvider);
-        this.app.use(_Assistant_provider__WEBPACK_IMPORTED_MODULE_1__.AssistantListProvider, this.options.config);
-    }
     async afterLoad() {
         this.app.use(_Assistant_provider__WEBPACK_IMPORTED_MODULE_1__.AssistantProvider);
     }

package/lib/built-in/attachment-preview/previewers/file-pdf.js

@@ -37,6 +37,7 @@ const external_react_zoom_pan_pinch_namespaceObject = require("react-zoom-pan-pi
 const external_file_pdf_style_js_namespaceObject = require("./file-pdf.style.js");
 require("react-pdf/dist/Page/AnnotationLayer.css");
 require("react-pdf/dist/Page/TextLayer.css");
+const index_js_namespaceObject = require("../../../block-provider/index.js");
 const options = {
     cMapUrl: "https://assets.tachybase.com/pdfjs-dist@".concat(external_react_pdf_namespaceObject.pdfjs.version, "/cmaps/"),
     cMapPacked: true,
@@ -52,13 +53,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, external_react_i18next_namespaceObject.useTranslation)();
     const { styles } = (0, external_file_pdf_style_js_namespaceObject.useStyles)();
     const containerRef = (0, external_react_namespaceObject.useRef)(null);
     const [pdfWidth, setPdfWidth] = (0, external_react_namespaceObject.useState)(600);
     const [numPages, setNumPages] = (0, external_react_namespaceObject.useState)(1);
+    const isMobile = (0, index_js_namespaceObject.useIsMobile)();
     const onDocumentLoadSuccess = async (params)=>{
         var _containerRef_current;
         const { numPages, _transport } = params;
@@ -94,7 +96,7 @@ const CheckedComponent = (props)=>{
         loading: "",
         onLoadSuccess: onDocumentLoadSuccess,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TransformInternal, {
-            noTransformWrapper: noTransformWrapper,
+            noTransformWrapper: noTransformWrapper || !isMobile,
             children: Array.from(new Array(numPages), (el, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_pdf_namespaceObject.Page, {
                     pageNumber: index + 1,
                     width: width || pdfWidth,

package/lib/built-in/context-menu/ContextMenu.provider.js

@@ -26,13 +26,17 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    ContextMenuButtonProvider: ()=>ContextMenuButtonProvider,
     ContextMenuProvider: ()=>ContextMenuProvider
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const icons_namespaceObject = require("@ant-design/icons");
 const external_ahooks_namespaceObject = require("ahooks");
 const external_antd_namespaceObject = require("antd");
 const index_js_namespaceObject = require("../../application/index.js");
+const external_schema_component_index_js_namespaceObject = require("../../schema-component/index.js");
+const external_pinned_list_index_js_namespaceObject = require("../pinned-list/index.js");
 const external_useContextMenu_js_namespaceObject = require("./useContextMenu.js");
 const STORAGE_KEYS = {
     HIDDEN_SCROLL_AREA: 'hidden-scroll-area',
@@ -95,6 +99,31 @@ const ContextMenuProvider = (param)=>{
         })
     });
 };
+const ContextMenuButton = ()=>{
+    const { contextMenuEnabled, setContextMenuEnable } = (0, external_useContextMenu_js_namespaceObject.useContextMenu)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.FloatButton, {
+        type: contextMenuEnabled ? 'primary' : 'default',
+        icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ToolOutlined, {}),
+        onClick: ()=>setContextMenuEnable(!contextMenuEnabled)
+    });
+};
+const ContextMenuButtonProvider = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_pinned_list_index_js_namespaceObject.PinnedPluginListProvider, {
+        items: {
+            cm: {
+                order: 90,
+                component: 'ContextMenuButton',
+                pin: true,
+                isPublic: true,
+                belongTo: 'hoverbutton'
+            }
+        },
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_schema_component_index_js_namespaceObject.SchemaComponentOptions, {
+            components: {
+                ContextMenuButton
+            },
+            children: props.children
+        })
+    });
 var __webpack_export_target__ = exports;
 for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
 if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {

package/lib/built-in/context-menu/index.js

@@ -39,6 +39,7 @@ class PluginContextMenu extends Plugin_js_namespaceObject.Plugin {
     async load() {
         this.app.use(ScrollAssistantStatus_provider_js_namespaceObject.ScrollAssistantStatusProvider);
         this.app.use(external_ContextMenu_provider_js_namespaceObject.ContextMenuProvider);
+        this.app.use(external_ContextMenu_provider_js_namespaceObject.ContextMenuButtonProvider);
         this.app.pluginContextMenu.add(external_ContextMenuItemsProps_js_namespaceObject.designerMode.name, external_ContextMenuItemsProps_js_namespaceObject.designerMode);
         this.app.pluginContextMenu.add(external_ContextMenuItemsProps_js_namespaceObject.fullScreen.name, external_ContextMenuItemsProps_js_namespaceObject.fullScreen);
         this.app.pluginContextMenu.add(external_ContextMenuItemsProps_js_namespaceObject.disableRightMenu.name, external_ContextMenuItemsProps_js_namespaceObject.disableRightMenu);

package/lib/built-in/index.js

@@ -472,7 +472,7 @@ const AppMaintainingDialog = (0, _tachybase_schema__WEBPACK_IMPORTED_MODULE_2__.
     let { app } = param;
     const { icon, status, title, subTitle } = getProps(app);
     const manager = app.noticeManager;
-    manager.status(app.i18n.t(title) + app.i18n.t(subTitle), _application__WEBPACK_IMPORTED_MODULE_12__.NoticeLevel.INFO);
+    manager.status(app.i18n.t(title) + ' ' + app.i18n.t(subTitle), _application__WEBPACK_IMPORTED_MODULE_12__.NoticeLevel.INFO);
     return null;
 }, {
     displayName: 'AppMaintainingDialog'
@@ -581,26 +581,65 @@ class BuiltInPlugin extends _application_Plugin__WEBPACK_IMPORTED_MODULE_13__.Pl
                         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/lib/built-in/page-style/TabHeader.js

@@ -52,6 +52,7 @@ const external_react_router_namespaceObject = require("react-router");
 const external_react_router_dom_namespaceObject = require("react-router-dom");
 const index_js_namespaceObject = require("../../icon/index.js");
 const external_PageStyle_provider_js_namespaceObject = require("./PageStyle.provider.js");
+const external_TabHeader_style_js_namespaceObject = require("./TabHeader.style.js");
 function _tagged_template_literal(strings, raw) {
     if (!raw) raw = strings.slice(0);
     return Object.freeze(Object.defineProperties(strings, {
@@ -61,41 +62,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, external_TabHeader_style_js_namespaceObject.useStyles)();
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
         onClick: onClick,
-        className: external_classnames_default()((0, css_namespaceObject.css)(_templateObject()), active ? '' : (0, css_namespaceObject.css)(_templateObject1())),
+        className: external_classnames_default()(styles.tabHeader, {
+            active
+        }),
         children: [
-            children,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "tab-text",
+                children: children
+            }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Button, {
-                className: (0, css_namespaceObject.css)(_templateObject2()),
+                className: (0, css_namespaceObject.css)(_templateObject()),
                 type: "text",
                 onClick: onClose,
                 icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.Icon, {
@@ -110,17 +99,21 @@ const TabHeader = ()=>{
     const location = (0, external_react_router_dom_namespaceObject.useLocation)();
     const { items, setItems } = (0, external_react_namespaceObject.useContext)(external_PageStyle_provider_js_namespaceObject.PageStyleContext);
     const targetKey = location.pathname;
-    return items.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.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, external_TabHeader_style_js_namespaceObject.useStyles)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: styles.tabWrapper,
+        children: items.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.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))
+    });
 };
 var __webpack_export_target__ = exports;
 for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];