修改绘图名称

src/hook/useDraw.ts

@@ -1,5 +1,5 @@
 import { ref } from "vue";
-import { structureDraw } from "../draw/index.js";
+import { structureDraw } from "../graphic/index.js";
 
 const drawRef = ref();
 

src/router/constant.ts

@@ -7,7 +7,7 @@ export const readyRouteName = {
   query: "query",
   hotspot: "hotspot",
   measure: "measure",
-  draw: "draw",
+  graphic: "graphic",
 } as const;
 
 export const writeRouteName = {
@@ -17,9 +17,10 @@ export const writeRouteName = {
 
 export const defRouteName = readyRouteName.query;
 
-export type RouteNameRaw<T extends ModeFlag = any> = T extends typeof modeFlags.LOGIN
-  ? typeof writeRouteName
-  : typeof readyRouteName;
+export type RouteNameRaw<T extends ModeFlag = any> =
+  T extends typeof modeFlags.LOGIN
+    ? typeof writeRouteName
+    : typeof readyRouteName;
 
 export type RouteMetaAtom = {
   title: string;
@@ -36,7 +37,7 @@ export const readyRouteMeta: RouteMetaRaw = {
   [readyRouteName.query]: { title: ui18n.t("sys.query") },
   [readyRouteName.hotspot]: { title: ui18n.t("hotspot.name") },
   [readyRouteName.measure]: { title: ui18n.t("measure.name") },
-  [readyRouteName.draw]: { title: "绘图" },
+  [readyRouteName.graphic]: { title: "绘图" },
 };
 
 export const writeRouteMeta: RouteMetaRaw<typeof modeFlags.LOGIN> = {

src/router/info.ts

@@ -70,10 +70,10 @@ export const writeChildren: RoutesRaw<typeof modeFlags.LOGIN> = [
 export const writeRoutesRaw: RoutesRaw<typeof modeFlags.LOGIN> = [
   { ...baseAppRoute, children: writeChildren },
   {
-    path: "/draw",
-    name: readyRouteName.draw,
-    meta: readyRouteMeta.draw,
-    component: () => import("@/views/draw/index.vue"),
+    path: "/graphic",
+    name: readyRouteName.graphic,
+    meta: readyRouteMeta.graphic,
+    component: () => import("@/views/drawGraphic/index.vue"),
   },
 ];
 

src/views/draw/index.vue

@@ -6,7 +6,7 @@
 
 <script lang="ts" setup>
 import { onMounted, onUnmounted, ref } from "vue";
-import { setCanvas } from "@/hook/useDraw";
+import { setCanvas } from "@/hook/useGraphic";
 
 const drawCanvasRef = ref<HTMLCanvasElement>();
 const setCanvasSize = () => {