vue-wiring-diagram 1.0.18 → 1.0.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-wiring-diagram",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "description": "A Vue 3.x component for wiring diagram",
   "type": "module",
   "main": "dist/vue-wiring-diagram.umd.js",

package/packages/components/editor/index.vue

@@ -82,7 +82,7 @@ import {portsOptions} from "../portsOptions.js";
 import {Document, View, ArrowDown} from "@element-plus/icons-vue";
 import WiringDiagramPreview from "../preview/index.vue";
 import ImageManagement from "../image-control/image-management.vue";
-import {get} from "packages/http.js";
+import {get, instance} from "packages/http.js";
 import {
   clipboard,
   keyboard,
@@ -291,7 +291,7 @@ const initStencil = () => {
       const image = group?.pictureList.map(item => {
         const nodeOption = {
           shape: 'image',
-          imageUrl: item?.imageUrl,
+          imageUrl: instance.defaults.baseURL + item?.imageUrl,
           ports: portsOptions,
           width: 64,
           height: 64,
@@ -539,4 +539,6 @@ onMounted(() => {
 @use "../../styles/editor";
 </style>
 
-<style></style>
+<style lang="scss">
+@use "../../styles/animation.scss";
+</style>

package/packages/components/image-control/image-management.vue

@@ -14,7 +14,7 @@
               <el-table-column label="名称" prop="imageName" align="center"></el-table-column>
               <el-table-column label="图片" prop="imageUrl" align="center">
                 <template #default="scope">
-                  <img :src="scope.row.imageUrl" alt="" style="width: 64px; height: 64px;">
+                  <img :src="instance.defaults.baseURL + scope.row.imageUrl" alt="" style="width: 64px; height: 64px;">
                 </template>
               </el-table-column>
               <el-table-column label="排序" prop="sort" align="center"></el-table-column>
@@ -62,7 +62,7 @@
 import {onMounted, reactive} from "vue";
 import groupForm from "./group-form.vue";
 import imageForm from "./image-form.vue";
-import {get, del} from "../../http.js";
+import {get, del, instance} from "../../http.js";
 import {ElMessage, ElMessageBox} from "element-plus";
 
 // 数据集

package/packages/components/preview/index.vue

@@ -248,6 +248,6 @@ onUnmounted(() => {
 })
 </script>
 
-<style scoped lang="scss">
-
+<style lang="scss">
+@use "../../styles/animation.scss";
 </style>

package/packages/styles/animation.scss

@@ -0,0 +1,11 @@
+@keyframes forward-pipe {
+    to {
+        stroke-dashoffset: -1000
+    }
+}
+
+@keyframes reverse-pipe {
+    to {
+        stroke-dashoffset: 1000
+    }
+}