show live change values object

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

@@ -11,6 +11,22 @@ const RectangleShape = ({ obj, isSelected, onSelect, onUpdate, draggable }: Shap
   const isMask = obj.isMask || false;
   const showGuide = obj.showMaskGuide !== false;
 
+  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 (
     <Rect
       ref={shapeRef}
@@ -21,16 +37,8 @@ const RectangleShape = ({ obj, isSelected, onSelect, onUpdate, draggable }: Shap
       width={obj.width || 100}
       height={obj.height || 100}
       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}