vue-wiring-diagram 1.0.11 → 1.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-wiring-diagram",
-  "version": "1.0.11",
+  "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/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,
     },
 }