@tachybase/client 0.23.22 → 0.23.40

package/es/schema-settings/SchemaSettings.d.ts

@@ -42,7 +42,7 @@ export interface SchemaSettingsItemProps extends Omit<MenuItemProps, 'title'> {
 }
 export declare const SchemaSettingsItem: FC<SchemaSettingsItemProps>;
 export interface SchemaSettingsItemGroupProps {
-    title: string;
+    title?: string;
     children: any[];
 }
 export declare const SchemaSettingsItemGroup: FC<SchemaSettingsItemGroupProps>;
@@ -57,6 +57,7 @@ export interface SchemaSettingsRemoveProps {
     confirm?: ModalFuncProps;
     removeParentsIfNoChildren?: boolean;
     breakRemoveOn?: ISchema | ((s: ISchema) => boolean);
+    icon?: string;
 }
 export declare const SchemaSettingsRemove: FC<SchemaSettingsRemoveProps>;
 interface SchemaSettingsConnectDataBlocksProps {
@@ -105,6 +106,7 @@ export interface SchemaSettingsModalItemProps {
     asyncGetInitialValues?: () => Promise<any>;
     eventKey?: string;
     hide?: boolean;
+    icon?: string | React.ReactNode;
 }
 export declare const SchemaSettingsModalItem: FC<SchemaSettingsModalItemProps>;
 export declare const SchemaSettingsBlockTitleItem: () => import("react/jsx-runtime").JSX.Element;

package/es/schema-settings/SchemaSettings.mjs

@@ -339,9 +339,9 @@ const SchemaSettingsFormItemTemplate = function(props) {
     });
 };
 const SchemaSettingsItem = (props)=>{
+    const { eventKey, title } = props;
     const { pushMenuItem } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_useMenuItem_mjs__.useCollectMenuItems)();
     const { collectMenuItem } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_useMenuItem_mjs__.useCollectMenuItem)();
-    const { eventKey, title } = props;
     const { name } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useSchemaSettingsItem)();
     const item = {
         key: title,
@@ -404,7 +404,7 @@ const SchemaSettingsDivider = function() {
     return null;
 };
 const SchemaSettingsRemove = (props)=>{
-    const { confirm, removeParentsIfNoChildren, breakRemoveOn } = props;
+    const { icon, confirm, removeParentsIfNoChildren, breakRemoveOn } = props;
     const { dn, template } = useSchemaSettings();
     const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
     const field = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
@@ -416,6 +416,12 @@ const SchemaSettingsRemove = (props)=>{
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(SchemaSettingsItem, {
         title: "Delete",
         eventKey: "remove",
+        icon: icon ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.Icon, {
+            style: {
+                color: '#eb5050'
+            },
+            type: icon
+        }) : null,
         onClick: ()=>{
             modal.confirm({
                 title: t('Delete block'),
@@ -443,7 +449,12 @@ const SchemaSettingsRemove = (props)=>{
                 }
             });
         },
-        children: t('Delete')
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
+            style: {
+                color: '#eb5050'
+            },
+            children: t('Delete')
+        })
     });
 };
 const SchemaSettingsConnectDataBlocks = (props)=>{
@@ -999,7 +1010,8 @@ const SchemaSettingsDefaultSortingRules = function(props) {
                                         'x-component-props': {
                                             style: {
                                                 width: 260
-                                            }
+                                            },
+                                            optionLabelProp: 'fullLabel'
                                         }
                                     },
                                     direction: {

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/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/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/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"
+                })
             })
         ]
     });

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/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);