svelte done

Author: MrWangJustToDo

packages/react/src/components/DiffSplitWidgetLineNormal.tsx

@@ -134,11 +134,13 @@ export const DiffSplitWidgetLine = ({
         const newLineWidget =
           newLine.lineNumber && widgetSide === SplitSide.new && widgetLineNumber === newLine.lineNumber;
 
-        const currentIsShow = oldLineWidget || newLineWidget;
+        const currentLineWidget = side === SplitSide.old ? oldLineWidget : newLineWidget;
+
+        const currentIsShow = currentLineWidget;
 
         return currentIsShow;
       },
-      [diffFile, index]
+      [diffFile, index, side]
     ),
     (p, c) => p === c
   );

packages/react/src/components/DiffSplitWidgetLineWrap.tsx

@@ -29,7 +29,7 @@ const InternalDiffSplitWidgetLine = ({
 
   const newLine = diffFile.getSplitRightLine(index);
 
-  const widgetSide = useWidget.getReadonlyState().widgetSide;
+  const widgetSide = useWidget.useShallowStableSelector(s => s.widgetSide);
 
   const widgetLineNumber = useWidget.getReadonlyState().widgetLineNumber;