fix: typo

src/view/case/draw/board/index.d.ts

@@ -70,7 +70,7 @@ export type Board = {
     storeChange: undefined;
     selectShape: BoardShape | null;
     backDisabled: boolean;
-    exixtsBgImage: boolean
+    existsBgImage: boolean
     forwardDisabled: boolean;
   }>;
   clear(): void;

src/view/case/draw/board/index.js

@@ -19,12 +19,12 @@ export const create = async (store, canvas) => {
     baseMap: null,
   };
 
-  console.log(store)
+  console.log(store);
   setTimeout(() => {
-    console.log(!!store.floors[0].bgImage)
-    refs.bus.emit('exixtsBgImage', !!store.floors[0].bgImage)
-  }, 100)
-  
+    console.log(!!store.floors[0].bgImage);
+    refs.bus.emit("existsBgImage", !!store.floors[0].bgImage);
+  }, 100);
+
   const layer = new Layer();
   await layer.start(canvas, store);
   const defaultData = {
@@ -61,7 +61,7 @@ export const create = async (store, canvas) => {
         layer.uiControl.clearUI();
         layer.uiControl.setAttributes(type, "delete");
         if (type === bgImage) {
-          refs.bus.emit('exixtsBgImage', false)
+          refs.bus.emit("existsBgImage", false);
         }
       },
     };
@@ -168,19 +168,19 @@ export const create = async (store, canvas) => {
       });
     },
     setImage(url) {
-      refs.bus.emit('exixtsBgImage', true)
+      refs.bus.emit("existsBgImage", true);
       layer.uiControl.setAttributes(bgImage, "upload", { url, scale: 1 });
     },
     clear() {
-      history.clear()
+      history.clear();
     },
     export() {
       return new Promise((resolve) => {
         layer.uiControl.exportImg(canvas, "cover.jpg", (blob) => {
-              // const file = new File([blob], `asdasd.jpg`)
-              // window.open(URL.createObjectURL(file))
-              // console.log(blob)
-              resolve(blob)
+          // const file = new File([blob], `asdasd.jpg`)
+          // window.open(URL.createObjectURL(file))
+          // console.log(blob)
+          resolve(blob);
         });
       });
       const $canvas = document.createElement("canvas");

src/view/case/draw/board/useBoard.ts

@@ -90,7 +90,7 @@ export type BoardProps = {
 };
 export type BoardState = {
   backDisabled: boolean;
-  exixtsBgImage: boolean
+  existsBgImage: boolean
   forwardDisabled: boolean;
   selectShape: BoardShape | null;
   addShape: MetaShapeType | null;
@@ -100,7 +100,7 @@ export const useBoard = (props: Ref<BoardProps | null>) => {
   const board = ref<Board>();
   const state = ref<BoardState>({
     backDisabled: true,
-    exixtsBgImage: false,
+    existsBgImage: false,
     forwardDisabled: true,
     selectShape: null,
     addShape: null,
@@ -119,7 +119,7 @@ export const useBoard = (props: Ref<BoardProps | null>) => {
       props.value.type
     );
     const boardRaw = (board.value = await boardFactory(store, props.value.dom));
-    state.value.exixtsBgImage = !!(store as any).floors[0].bgImage
+    state.value.existsBgImage = !!(store as any).floors[0].bgImage
     onCleanup(() => {
       boardRaw && boardRaw.destroy();
     });
@@ -157,9 +157,9 @@ export const useBoard = (props: Ref<BoardProps | null>) => {
     const boardRaw = board.value;
 
     console.log("开启监听");
-    boardRaw.bus.on('exixtsBgImage', b => {
+    boardRaw.bus.on('existsBgImage', b => {
       console.error("a?", b)
-      state.value.exixtsBgImage = b
+      state.value.existsBgImage = b
     })
     boardRaw.bus.on("backDisabled", (dis) => (state.value.backDisabled = dis));
     boardRaw.bus.on(

src/view/case/draw/index.vue

@@ -20,7 +20,7 @@
         <Slider
           :type="props.type"
           :add-shape="state.addShape"
-          :exists-bg-image="state.exixtsBgImage"
+          :exists-bg-image="state.existsBgImage"
           @update:add-shape="updateAddShape"
           @track-image="trackImage"
           @selectImage="setBackImage"

vite.config.ts

@@ -3,7 +3,7 @@ import vue from "@vitejs/plugin-vue";
 import { resolve } from "path";
 import ElementPlus from "unplugin-element-plus/vite";
 
-let app = "fire";
+let app = "criminal";
 if (process.argv.length > 3) {
   app = process.argv[process.argv.length - 1].trim();
 }