@plait/mind 0.12.1 → 0.13.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plait/mind",
-  "version": "0.12.1",
+  "version": "0.13.0",
   "peerDependencies": {
     "@angular/common": "^15.2.2",
     "@angular/core": "^15.2.2"

package/plugins/with-mind-hotkey.d.ts

@@ -1,3 +1,6 @@
 import { PlaitBoard } from '@plait/core';
 export declare const withMindHotkey: (board: PlaitBoard) => PlaitBoard;
-export declare const isExpandHotkey: (keyboardEvent: KeyboardEvent) => boolean;
+export declare const isExpandHotkey: (event: KeyboardEvent) => boolean;
+export declare const isTabHotkey: (event: KeyboardEvent) => boolean;
+export declare const isEnterHotkey: (event: KeyboardEvent) => boolean;
+export declare const isSpaceHotkey: (event: KeyboardEvent) => boolean;

package/styles/styles.scss

@@ -2,44 +2,46 @@
 
 $primary: #4e8afa;
 
-g[plait-mindmap='true'] {
-    .root { 
-        .text {
-            font-family: PingFangSC-Medium, 'PingFang SC';
-            font-weight: 400;
+.plait-board-container {
+    // The font family under SAFARI affects the measurement of the text size, 
+    // so specify the default font family to avoid unexpected text breaks in different scene
+    font-family: PingFangSC-Regular, 'PingFang SC';
+    g[plait-mindmap='true'] {
+        .root {
+            .text {
+                font-family: PingFangSC-Medium, 'PingFang SC';
+                font-weight: 400;
+            }
         }
-    }
-    .branch {
-        .text {
-            font-family: PingFangSC-Medium, 'PingFang SC';
+        .branch {
+            .text {
+                font-family: PingFangSC-Medium, 'PingFang SC';
+            }
         }
-    }
-    .slate-editable-container {
-        cursor: default;
-        min-width: 5px;
-        &[contenteditable='true'] {
-            cursor: text;
-            max-width: 34em;
+        .slate-editable-container {
+            cursor: default;
+            min-width: 5px;
+            &.editing {
+                cursor: text;
+                max-width: 34em;
+            }
         }
-    }
-
-    .extend {
-        opacity: 0;
-        cursor: default;
-    }
 
-    .collapsed {
         .extend {
-            opacity: 1;
+            opacity: 0;
+            cursor: default;
         }
-    }
 
-    .dragging-node {
-        opacity: 0.6;
-    }
-}
+        .collapsed {
+            .extend {
+                opacity: 1;
+            }
+        }
 
-.plait-board-container {
+        .dragging-node {
+            opacity: 0.6;
+        }
+    }
     &.focused:not(.selection-moving):not(.element-moving):not(.abstract-resizing-horizontal):not(.abstract-resizing-vertical):not(.pointer-mind):not(.mind-node-dragging) {
         .extend {
             cursor: pointer;
@@ -110,9 +112,11 @@ g[plait-mindmap='true'] {
         &.dragging {
             cursor: pointer;
             opacity: 0.6;
-            .plait-richtext-container {
-                opacity: 0.6;
-            }
+            // Compact: Safari
+            // Opacity property will cause text position warning
+            // .plait-richtext-container {
+            //     opacity: 0.6;
+            // }
         }
     }