feat(svg): 引入 svgloader 替换部分图标

Author: nihaojob

package.json

@@ -30,6 +30,7 @@
     "qs": "^6.12.1",
     "uuid": "^8.3.2",
     "view-ui-plus": "^1.3.7",
+    "vite-svg-loader": "^5.1.0",
     "vue": "^3.2.25",
     "vue-i18n": "9.0.0",
     "vue-masonry": "^0.16.0",

packages/core/plugin/ControlsPlugin.ts

@@ -2,19 +2,19 @@
  * @Author: 秦少卫
  * @Date: 2023-06-13 23:00:43
  * @LastEditors: 秦少卫
- * @LastEditTime: 2024-05-21 15:07:27
+ * @LastEditTime: 2024-07-16 14:59:25
  * @Description: 控制条插件
  */
 
 import Editor from '../Editor';
 type IEditor = Editor;
 
 import { fabric } from 'fabric';
-import verticalImg from '../assets/middlecontrol.svg';
+import verticalImg from '../assets/middlecontrol.svg?url';
 // import verticalImg from './middlecontrol.svg';
-import horizontalImg from '../assets/middlecontrolhoz.svg';
-import edgeImg from '../assets/edgecontrol.svg';
-import rotateImg from '../assets/rotateicon.svg';
+import horizontalImg from '../assets/middlecontrolhoz.svg?url';
+import edgeImg from '../assets/edgecontrol.svg?url';
+import rotateImg from '../assets/rotateicon.svg?url';
 
 /**
  * 实际场景: 在进行某个对象缩放的时候，由于fabricjs默认精度使用的是toFixed(2)。