@idraw/core - npm Package Compare versions

Comparing version 0.4.0-alpha.6 to 0.4.0-alpha.7

dist/esm/index.d.ts

@@ -7,3 +7,3 @@ import type { Data, PointSize, CoreOptions, BoardMiddleware, ViewSizeInfo, CoreEvent, ViewScaleInfo } from '@idraw/types';
 export { MiddlewareTextEditor, middlewareEventTextEdit } from './middleware/text-editor';
-export declare class Core {
+export declare class Core<E extends CoreEvent = CoreEvent> {
     #private;
@@ -20,5 +20,5 @@ constructor(container: HTMLDivElement, opts: CoreOptions);
     clear(): void;
-    on<T extends keyof CoreEvent>(name: T, callback: (e: CoreEvent[T]) => void): void;
-    off<T extends keyof CoreEvent>(name: T, callback: (e: CoreEvent[T]) => void): void;
-    trigger<T extends keyof CoreEvent>(name: T, e: CoreEvent[T]): void;
+    on<T extends keyof E>(name: T, callback: (e: E[T]) => void): void;
+    off<T extends keyof E>(name: T, callback: (e: E[T]) => void): void;
+    trigger<T extends keyof E>(name: T, e: E[T]): void;
     getViewInfo(): {
@@ -29,3 +29,3 @@ viewSizeInfo: ViewSizeInfo;
     refresh(): void;
-    updateViewScale(opts: {
+    setViewScale(opts: {
         scale: number;
@@ -32,0 +32,0 @@ offsetX: number;

dist/esm/index.js

@@ -14,3 +14,3 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
 import { Board } from '@idraw/board';
-import { createBoardContexts, validateElements } from '@idraw/util';
+import { createViewContent, validateElements } from '@idraw/util';
 import { Cursor } from './lib/cursor';
@@ -32,4 +32,3 @@ export { MiddlewareSelector, middlewareEventSelect } from './middleware/selector';
         container.appendChild(canvas);
-        const ctx = canvas.getContext('2d');
-        const viewContent = createBoardContexts(ctx, { devicePixelRatio });
+        const viewContent = createViewContent(canvas, { width, height, devicePixelRatio, offscreen: true });
         const board = new Board({ viewContent, container });
@@ -100,3 +99,3 @@ const sharer = board.getSharer();
     }
-    updateViewScale(opts) {
+    setViewScale(opts) {
         __classPrivateFieldGet(this, _Core_board, "f").updateViewScaleInfo(opts);
@@ -103,0 +102,0 @@ }

dist/esm/middleware/scroller/index.js

@@ -46,14 +46,9 @@ import { drawScroller, isPointInScrollThumb } from './util';
         mode: key,
-        wheelX: (e) => {
-            if (e.deltaX >= 0 || e.deltaX < 0) {
-                viewer.scroll({ moveX: 0 - e.deltaX });
-                viewer.drawFrame();
-            }
+        wheel: (e) => {
+            viewer.scroll({
+                moveX: 0 - e.deltaX,
+                moveY: 0 - e.deltaY
+            });
+            viewer.drawFrame();
         },
-        wheelY: (e) => {
-            if (e.deltaY >= 0 || e.deltaY < 0) {
-                viewer.scroll({ moveY: 0 - e.deltaY });
-                viewer.drawFrame();
-            }
-        },
         pointStart: (e) => {
@@ -60,0 +55,0 @@ const { point } = e;

dist/esm/middleware/text-editor/index.js

@@ -78,9 +78,20 @@ import { limitAngle, getDefaultElementDetailConfig } from '@idraw/util';
         const detail = Object.assign(Object.assign({}, defaultElementDetail), element.detail);
+        let elemX = element.x * scale + offsetLeft;
+        let elemY = element.y * scale + offsetTop;
+        let elemW = element.w * scale;
+        let elemH = element.h * scale;
+        if (groupQueue.length > 0) {
+            elemX = element.x * scale;
+            elemY = element.y * scale;
+            elemW = element.w * scale;
+            elemH = element.h * scale;
+        }
         textarea.style.position = 'absolute';
-        textarea.style.left = `${element.x * scale}px`;
-        textarea.style.top = `${element.y * scale}px`;
-        textarea.style.width = `${element.w * scale}px`;
-        textarea.style.height = `${element.h * scale}px`;
+        textarea.style.left = `${elemX}px`;
+        textarea.style.top = `${elemY}px`;
+        textarea.style.width = `${elemW}px`;
+        textarea.style.height = `${elemH}px`;
         textarea.style.transform = `rotate(${limitAngle(element.angle || 0)}deg)`;
-        textarea.style.border = 'none';
+        textarea.style.boxSizing = 'border-box';
+        textarea.style.border = '1px solid #1973ba';
         textarea.style.resize = 'none';
@@ -87,0 +98,0 @@ textarea.style.overflow = 'hidden';

package.json

 {
   "name": "@idraw/core",
-  "version": "0.4.0-alpha.6",
+  "version": "0.4.0-alpha.7",
   "description": "",
@@ -24,9 +24,9 @@ "main": "dist/esm/index.js",
   "devDependencies": {
-    "@idraw/types": "^0.4.0-alpha.6"
+    "@idraw/types": "^0.4.0-alpha.7"
   },
   "dependencies": {},
   "peerDependencies": {
-    "@idraw/board": "^0.4.0-alpha.6",
-    "@idraw/renderer": "^0.4.0-alpha.6",
-    "@idraw/util": "^0.4.0-alpha.6"
+    "@idraw/board": "^0.4.0-alpha.7",
+    "@idraw/renderer": "^0.4.0-alpha.7",
+    "@idraw/util": "^0.4.0-alpha.7"
   },
@@ -33,0 +33,0 @@ "publishConfig": {

No alert changes

Improved metrics

Total package byte prevSize

449639

increased by1.66%

Lines of code

8022

increased by0.8%

No dependency changes