Merge pull request #73 from idrawjs/dev-v0.4

feat: upgrade deps and mode usage

package.json

@@ -1,6 +1,6 @@
 {
   "private": false,
-  "version": "0.4.0-alpha.15",
+  "version": "0.4.0-alpha.16",
   "workspaces": [
     "packages/*"
   ],
@@ -19,7 +19,7 @@
     "upgrade:version": "vite-node ./scripts/upgrade-version.ts && pnpm i"
   },
   "dependencies": {
-    "idraw": "0.4.0-beta.15",
+    "idraw": "0.4.0-beta.16",
     "antd": "5.12.1"
   },
   "devDependencies": {

packages/studio-base/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idraw/studio-base",
-  "version": "0.4.0-alpha.15",
+  "version": "0.4.0-alpha.16",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -22,7 +22,7 @@
   "peerDependencies": {
     "antd": "^5.12.1",
     "classnames": "^2.3.2",
-    "idraw": "^0.4.0-beta.15",
+    "idraw": "^0.4.0-beta.16",
     "react": "^18.2.0",
     "react-color": "^2.19.3",
     "react-dom": "^18.2.0"

packages/studio/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idraw/studio",
-  "version": "0.4.0-alpha.15",
+  "version": "0.4.0-alpha.16",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -20,13 +20,13 @@
   "author": "chenshenhai",
   "license": "MIT",
   "dependencies": {
-    "@idraw/studio-base": "^0.4.0-alpha.15",
+    "@idraw/studio-base": "^0.4.0-alpha.16",
     "classnames": "^2.3.2",
     "is-hotkey": "^0.2.0"
   },
   "peerDependencies": {
     "antd": "^5.12.1",
-    "idraw": "^0.4.0-beta.15",
+    "idraw": "^0.4.0-beta.16",
     "react": "^18.2.0",
     "react-color": "^2.19.3",
     "react-dom": "^18.2.0"

packages/studio/src/modules/sketch/index.tsx

@@ -58,6 +58,7 @@ export const Sketch = (props: SketchProps) => {
       devicePixelRatio: window.devicePixelRatio
     };
     const idraw = new iDraw(ref.current, options);
+    idraw.enable('ruler');
     refIDraw.current = idraw;
 
     const listenMiddlewareEventSelect = (e: { uuids: string[]; positions: ElementPosition[] }) => {

packages/studio/src/modules/toolbar/index.tsx

@@ -42,12 +42,17 @@ export const Toolbar = (props: ToolbarProps) => {
 
   useEffect(() => {
     const idraw = sharedStore.get('idraw');
-    idraw?.reset({
-      enableRuler: toggleRuler,
-      enableDrag: toggleDrag,
-      enableSelect: !toggleDrag
-    });
-  }, [toggleDrag, toggleRuler]);
+    if (toggleRuler === true) {
+      idraw?.enable('ruler');
+    } else {
+      idraw?.disable('ruler');
+    }
+  }, [toggleRuler]);
+
+  useEffect(() => {
+    const idraw = sharedStore.get('idraw');
+    idraw?.setMode(toggleDrag ? 'drag' : 'select');
+  }, [toggleDrag]);
 
   const btnProps: ButtonProps = {
     size: 'small',