show live change values object

src/pages/editor/components/tools/AbstractShape.tsx

@@ -14,6 +14,22 @@ const AbstractShape = ({ obj, isSelected, onSelect, onUpdate, draggable }: Shape
     const abstractScale = 0.85;
     const radius = baseRadius * abstractScale;
     const innerRadius = radius * 0.5;
+    
+    const actualStrokeWidth = obj.strokeWidth ?? 0;
+    const hasStroke = actualStrokeWidth > 0;
+    
+    // برای نمایش انتخاب: اگر strokeWidth واقعی > 0 است، از آن استفاده کن، وگرنه stroke را برای انتخاب نمایش بده
+    const displayStroke = isSelected
+        ? (hasStroke ? obj.stroke : "#3b82f6")
+        : (isMask && showGuide)
+            ? "#ff6b6b"
+            : (isMask && !showGuide)
+                ? "transparent"
+                : (hasStroke ? obj.stroke : undefined);
+    
+    const displayStrokeWidth = isSelected
+        ? (hasStroke ? actualStrokeWidth : 3)
+        : (isMask && showGuide ? 2 : actualStrokeWidth);
 
     return (
         <Star
@@ -26,16 +42,8 @@ const AbstractShape = ({ obj, isSelected, onSelect, onUpdate, draggable }: Shape
             innerRadius={innerRadius}
             outerRadius={radius}
             fill={isMask ? "transparent" : obj.fill}
-            stroke={
-                isSelected
-                    ? "#3b82f6"
-                    : (isMask && showGuide)
-                        ? "#ff6b6b"
-                        : (isMask && !showGuide)
-                            ? "transparent"
-                            : obj.stroke
-            }
-            strokeWidth={isSelected ? 3 : (isMask && showGuide ? 2 : (obj.strokeWidth ?? 0))}
+            stroke={displayStroke}
+            strokeWidth={displayStrokeWidth}
             dash={isMask && showGuide ? [10, 5] : undefined}
             rotation={obj.rotation || 0}
             draggable={draggable}