vue-wiring-diagram 1.0.10 → 1.0.12

package/package.json

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

package/packages/components/editor/index.vue

@@ -306,8 +306,8 @@ const initStencil = () => {
     placeholder: '搜索',
     notFoundText: '未找到匹配项',
     getDragNode: (node) => {
-      const copyNode = node.clone({ keepId: true })
-      if(copyNode.label !== '文本') {
+      const copyNode = node.clone({keepId: true})
+      if (copyNode.label !== '文本') {
         copyNode.label = ''
       }
       return copyNode
@@ -349,33 +349,31 @@ const initStencil = () => {
     // 添加 hover 事件监听器
     setTimeout(() => {
       const nodes = stencil.value.container.querySelectorAll('.x6-node');
-      nodes.forEach((node,index) => {
-        if(index > baseShape.length) {
+      nodes.forEach((node, index) => {
+        if (index > baseShape.length) {
           const text = node.querySelector('text');
           node.style.position = 'relative';
-          if(text) {
+          if (text) {
             text.style.display = 'none';
-            // text 为 svg 控制位置
             text.setAttribute('x', '0%');
-            text.setAttribute('y', '30%');
+            text.setAttribute('y', '40');
             text.style.fontSize = '12px';
-            text.style.fontWeight = 'bold';
             text.style.fill = '#ffffff';
           }
         }
         // 添加 hover 事件监听器
         node.addEventListener('mouseenter', (e) => {
-          if(index > baseShape.length) {
+          if (index > baseShape.length) {
             const text = node.querySelector('text');
-            if(text) {
+            if (text) {
               text.style.display = 'block';
             }
           }
         })
         node.addEventListener('mouseleave', (e) => {
-          if(index > baseShape.length) {
+          if (index > baseShape.length) {
             const text = node.querySelector('text');
-            if(text) {
+            if (text) {
               text.style.display = 'none';
             }
           }

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

@@ -48,11 +48,11 @@
       </el-table-column>
     </el-table>
     <el-dialog v-model="groupDialog.show" :title="groupDialog.title" width="300" :close-on-click-modal="false" :close-on-press-escape="false"
-               >
+    >
       <group-form v-if="groupDialog.show" :payload="groupDialog.payload" @close="closeDialog"/>
     </el-dialog>
     <el-dialog v-model="imageDialog.show" :title="imageDialog.title" width="300" :close-on-click-modal="false" :close-on-press-escape="false"
-               >
+    >
       <image-form v-if="imageDialog.show" :payload="imageDialog.payload" @close="closeDialog"/>
     </el-dialog>
   </div>
@@ -62,7 +62,7 @@
 import {onMounted, reactive} from "vue";
 import groupForm from "./group-form.vue";
 import imageForm from "./image-form.vue";
-import {get, del, instance} from "../../http.js";
+import {get, del} from "../../http.js";
 import {ElMessage, ElMessageBox} from "element-plus";
 
 // 数据集
@@ -115,19 +115,13 @@ const editGroup = (row) => {
  * @param id
  */
 const deleteGroup = (id) => {
-  ElMessageBox.confirm('是否确定要删除该图片分组？', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning'
-  }).then(() => {
-    del('/cny/custom/removeGroup/' + id).then(res => {
-      if (res.code === 200) {
-        ElMessage.success('删除成功')
-        loadImageRecord()
-      } else {
-        ElMessage.error(res.msg || '删除失败')
-      }
-    })
+  del('/cny/custom/removeGroup/' + id).then(res => {
+    if (res.code === 200) {
+      ElMessage.success('删除成功')
+      loadImageRecord()
+    } else {
+      ElMessage.error(res.msg || '删除失败')
+    }
   })
 }
 
@@ -172,19 +166,13 @@ const editPicture = (row) => {
  * @param id
  */
 const deletePicture = (id) => {
-  ElMessageBox.confirm('是否确定要删除该图片？', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning'
-  }).then(() => {
-    del('/cny/custom/removePicture/' + id).then(res => {
-      if (res.code === 200) {
-        ElMessage.success('删除成功')
-        loadImageRecord()
-      } else {
-        ElMessage.error(res.msg || '删除失败')
-      }
-    })
+  del('/cny/custom/removePicture/' + id).then(res => {
+    if (res.code === 200) {
+      ElMessage.success('删除成功')
+      loadImageRecord()
+    } else {
+      ElMessage.error(res.msg || '删除失败')
+    }
   })
 }
 

package/packages/components/preview/index.vue

@@ -214,7 +214,7 @@ const replaceAllTemplateLiteralsWithArray = (str, replacements) => {
  * \@description 画布自适应
  */
 const zoomToFit = () => {
-  graph.value.zoomToFit({maxScale: 1, padding: 20})
+  graph.value.zoomToFit({maxScale: 10, padding: 20})
 }
 
 const previewRef = shallowRef()

package/packages/components/settings.js

@@ -27,8 +27,9 @@ export const stencilOptions = {
     stencilGraphHeight: 0,
     layoutOptions: {
         columns: 3,
-        columnWidth: 70,
-        resizeToFit: true
+        columnWidth: 74,
+        resizeToFit: true,
+        center: true,
     },
 }