fix build
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
import { useEffect, useRef, useState } from "react";
|
||||
import { useEffect, useRef } from "react";
|
||||
import { Stage, Layer, Transformer, Rect, Group, Text } from "react-konva";
|
||||
import Konva from "konva";
|
||||
import { useEditorStore, type EditorObject } from "../store/editorStore";
|
||||
@@ -20,7 +20,6 @@ const EditorCanvas = () => {
|
||||
selectedObjectId,
|
||||
selectedObjectIds,
|
||||
setSelectedObjectId,
|
||||
setSelectedObjectIds,
|
||||
addToSelection,
|
||||
removeFromSelection,
|
||||
setSelectedTableId,
|
||||
@@ -50,7 +49,7 @@ const EditorCanvas = () => {
|
||||
}
|
||||
}, [setStageRef, setLayerRef]);
|
||||
|
||||
const handleSelect = (id: string, node: Konva.Node, e?: Konva.KonvaEventObject<MouseEvent>) => {
|
||||
const handleSelect = (id: string, _node: Konva.Node, e?: Konva.KonvaEventObject<MouseEvent>) => {
|
||||
const obj = objects.find((o) => o.id === id);
|
||||
const isMultiSelect = e?.evt?.metaKey || e?.evt?.ctrlKey || e?.evt?.shiftKey;
|
||||
|
||||
@@ -90,15 +89,15 @@ const EditorCanvas = () => {
|
||||
} else if (!isMultiSelect) {
|
||||
setSelectedTableId(null);
|
||||
}
|
||||
|
||||
|
||||
if (!isMultiSelect) {
|
||||
setSelectedCellId(null);
|
||||
}
|
||||
};
|
||||
|
||||
const handleCellClick = (tableId: string, cellId: string, node?: Konva.Node, e?: Konva.KonvaEventObject<MouseEvent>) => {
|
||||
const handleCellClick = (tableId: string, cellId: string, e?: Konva.KonvaEventObject<MouseEvent>) => {
|
||||
const isMultiSelect = e?.evt?.metaKey || e?.evt?.ctrlKey || e?.evt?.shiftKey;
|
||||
|
||||
|
||||
if (isMultiSelect) {
|
||||
// انتخاب چندتایی
|
||||
if (selectedObjectIds.includes(tableId)) {
|
||||
@@ -110,7 +109,7 @@ const EditorCanvas = () => {
|
||||
setSelectedTableId(tableId);
|
||||
setSelectedObjectId(tableId);
|
||||
}
|
||||
|
||||
|
||||
setSelectedCellId(cellId);
|
||||
};
|
||||
|
||||
@@ -181,7 +180,7 @@ const EditorCanvas = () => {
|
||||
if (!layerRef.current || !transformerRef.current) return;
|
||||
|
||||
const nodesToTransform: Konva.Node[] = [];
|
||||
|
||||
|
||||
selectedObjectIds.forEach((objId) => {
|
||||
const selectedObject = objects.find((obj) => obj.id === objId);
|
||||
if (!selectedObject) return;
|
||||
@@ -243,8 +242,8 @@ const EditorCanvas = () => {
|
||||
const scaledY = relativeY * scaleY;
|
||||
|
||||
// Find the Konva node for this member
|
||||
const memberNode = layerRef.current?.findOne(`#${member.id}`) ||
|
||||
layerRef.current?.findOne(`#masked-${member.id}`);
|
||||
const memberNode = layerRef.current?.findOne(`#${member.id}`) ||
|
||||
layerRef.current?.findOne(`#masked-${member.id}`);
|
||||
if (memberNode) {
|
||||
memberNode.x(newX + scaledX);
|
||||
memberNode.y(newY + scaledY);
|
||||
@@ -283,8 +282,6 @@ const EditorCanvas = () => {
|
||||
const groupMembers = objects.filter((o) => o.groupId === selectedObject.id);
|
||||
const oldGroupX = selectedObject.x || 0;
|
||||
const oldGroupY = selectedObject.y || 0;
|
||||
const oldGroupWidth = selectedObject.width || 100;
|
||||
const oldGroupHeight = selectedObject.height || 100;
|
||||
|
||||
// محاسبه bounds جدید بر اساا member های update شده
|
||||
const updatedMembers = groupMembers.map((member) => {
|
||||
@@ -480,7 +477,7 @@ const EditorCanvas = () => {
|
||||
.map((obj) => {
|
||||
const groupObject = objects.find((o) => o.id === obj.groupId);
|
||||
if (!groupObject) return null;
|
||||
|
||||
|
||||
// Render with absolute position but wrapped in non-listening group
|
||||
return (
|
||||
<Group key={`group-member-${obj.id}`} listening={false}>
|
||||
|
||||
Reference in New Issue
Block a user