feat(creation-toolbar): support long-press triggers drag selection an…

README.md

@@ -38,8 +38,8 @@
 - 💾 自动保存（浏览器缓存）
 - ⚡ 编辑特性：撤销、重做、复制、粘贴等
 - 🌌 无限画布：缩放、滚动、
-- 🎨 主题模式（新增 🔥🔥🔥）
-- 📱 移动设备适配（待优化）
+- 🎨 主题模式
+- 📱 移动设备适配（交互优化 🔥🔥🔥）
 
 
 ## 关于名称

README_en.md

@@ -38,8 +38,8 @@
 - 💾 Auto-save (Browser Storage)
 - ⚡ Edit Features: Undo, Redo, Copy, Paste, etc.
 - 🌌 Infinite Canvas: Zoom, Pan
-- 🎨 Theme Support（New 🔥🔥🔥）
-- 📱 Mobile-friendly（To be optimized）
+- 🎨 Theme Support
+- 📱 Mobile-friendly（Optimization completed 🔥🔥🔥）
 
 
 ## About the Name

package.json

@@ -10,12 +10,12 @@
   "private": true,
   "dependencies": {
     "@floating-ui/react": "^0.26.24",
-    "@plait/common": "^0.75.0-next.0",
-    "@plait/core": "^0.75.0-next.0",
-    "@plait/draw": "^0.75.0-next.0",
-    "@plait/layouts": "^0.75.0-next.0",
-    "@plait/mind": "^0.75.0-next.0",
-    "@plait/text-plugins": "^0.75.0-next.0",
+    "@plait/common": "^0.75.0-next.5",
+    "@plait/core": "^0.75.0-next.5",
+    "@plait/draw": "^0.75.0-next.5",
+    "@plait/layouts": "^0.75.0-next.5",
+    "@plait/mind": "^0.75.0-next.5",
+    "@plait/text-plugins": "^0.75.0-next.5",
     "ahooks": "^3.8.0",
     "browser-fs-access": "^0.35.0",
     "classnames": "^2.5.1",

packages/drawnix/src/components/toolbar/creation-toolbar.tsx

@@ -26,7 +26,11 @@ import { ArrowPicker } from '../arrow-picker';
 import { useState } from 'react';
 import { Popover, PopoverContent, PopoverTrigger } from '../popover/popover';
 import { FreehandShape } from '../../plugins/freehand/type';
-import { DrawnixPointerType, useSetPointer } from '../../hooks/use-drawnix';
+import {
+  DrawnixPointerType,
+  useDrawnix,
+  useSetPointer,
+} from '../../hooks/use-drawnix';
 
 export enum PopupKey {
   'shape' = 'shape',
@@ -98,6 +102,7 @@ export const isShapePointer = (board: PlaitBoard) => {
 
 export const CreationToolbar = () => {
   const board = useBoard();
+  const { appState } = useDrawnix();
   const setPointer = useSetPointer();
   const container = PlaitBoard.getBoardContainer(board);
 
@@ -128,6 +133,9 @@ export const CreationToolbar = () => {
     >
       <Stack.Row gap={1}>
         {BUTTONS.map((button, index) => {
+          if (appState.isMobile && button.pointer === PlaitPointerType.hand) {
+            return <></>;
+          }
           if (button.popupKey === PopupKey.shape) {
             return (
               <Popover