fix: AutomaticTablePlacement, TimeTravel viewport

Author: dineug

packages/erd-editor/src/components/erd/automatic-table-placement/AutomaticTablePlacement.ts

@@ -1,13 +1,5 @@
 import { query, toJson } from '@dineug/erd-editor-schema';
-import {
-  createRef,
-  FC,
-  html,
-  Ref,
-  ref,
-  useProvider,
-  watch,
-} from '@dineug/r-html';
+import { createRef, FC, html, Ref, ref, useProvider } from '@dineug/r-html';
 import { createInRange } from '@dineug/shared';
 import { round } from 'lodash-es';
 
@@ -23,10 +15,7 @@ import Button from '@/components/primitives/button/Button';
 import Toast from '@/components/primitives/toast/Toast';
 import { Open } from '@/constants/open';
 import { CANVAS_ZOOM_MIN } from '@/constants/schema';
-import {
-  changeOpenMapAction,
-  changeViewportAction,
-} from '@/engine/modules/editor/atom.actions';
+import { changeOpenMapAction } from '@/engine/modules/editor/atom.actions';
 import { initialLoadJsonAction$ } from '@/engine/modules/editor/generator.actions';
 import {
   changeZoomLevelAction,
@@ -69,19 +58,10 @@ const AutomaticTablePlacement: FC<AutomaticTablePlacementProps> = (
   } = originApp;
   const { store } = app;
 
-  addUnsubscribe(
-    watch(originApp.store.state.editor.viewport).subscribe(() => {
-      app.store.dispatch(
-        changeViewportAction({
-          ...originApp.store.state.editor.viewport,
-        })
-      );
-    }),
-    () => {
-      provider.destroy();
-      appDestroy(app);
-    }
-  );
+  addUnsubscribe(() => {
+    provider.destroy();
+    appDestroy(app);
+  });
 
   const zoomInRange = createInRange(CANVAS_ZOOM_MIN, 0.7);
   const zoomLevelInRange = (zoom: number) => round(zoomInRange(zoom), 2);

packages/erd-editor/src/components/erd/time-travel/TimeTravel.ts

@@ -8,7 +8,6 @@ import {
   Ref,
   ref,
   useProvider,
-  watch,
 } from '@dineug/r-html';
 
 import {
@@ -21,7 +20,6 @@ import Canvas from '@/components/erd/canvas/Canvas';
 import Minimap from '@/components/erd/minimap/Minimap';
 import Button from '@/components/primitives/button/Button';
 import Slider from '@/components/primitives/slider/Slider';
-import { changeViewportAction } from '@/engine/modules/editor/atom.actions';
 import { initialLoadJsonAction$ } from '@/engine/modules/editor/generator.actions';
 import { HISTORY_LIMIT } from '@/engine/rx-store';
 import { useUnmounted } from '@/hooks/useUnmounted';
@@ -90,13 +88,6 @@ const TimeTravel: FC<TimeTravelProps> = (props, ctx) => {
       originApp.shortcut$.subscribe(({ type }) => {
         type === KeyBindingName.stop && handleClose();
       }),
-      watch(originApp.store.state.editor.viewport).subscribe(() => {
-        app.store.dispatch(
-          changeViewportAction({
-            ...originApp.store.state.editor.viewport,
-          })
-        );
-      }),
       () => {
         appDestroy(app);
       }