fix: 预览页改成hook写法

src/views/preview/hooks/useScale.hook.ts

@@ -0,0 +1,31 @@
+import { onUnmounted, ref, nextTick, computed } from 'vue'
+import { usePreviewScale } from '@/hooks/index'
+import type { ChartEditStorageType } from '..'
+
+export const useScale = (localStorageInfo: ChartEditStorageType) => {
+
+  const previewRef = ref()
+
+  const width = ref(localStorageInfo?.editCanvasConfig.width)
+  const height = ref(localStorageInfo?.editCanvasConfig.height)
+
+  // 屏幕适配
+  nextTick(() => {
+    const { calcRate, windowResize, unWindowResize } = usePreviewScale(
+      width.value as number,
+      height.value as number,
+      previewRef.value
+    )
+
+    calcRate()
+    windowResize()
+
+    onUnmounted(() => {
+      unWindowResize()
+    })
+  })
+
+  return {
+    previewRef
+  }
+}