vue-wiring-diagram 1.1.21 → 1.1.23

package/package.json

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

package/packages/components/Shortcuts.vue

@@ -1,31 +1,31 @@
-/**
-* @Author: HuaYJ
-* @Date: 2024/10/24 10:23
-*/
-<template>
-  <div class="form-container">
-    <el-table :data="data" size="small" border>
-      <el-table-column prop="name" label="名称"/>
-      <el-table-column prop="windowsKey" label="windows"/>
-      <el-table-column prop="macKey" label="mac"/>
-    </el-table>
-  </div>
-</template>
-
-<script setup>
-
-import {ref} from "vue";
-
-const data = ref([
-  {name: '复制', windowsKey: 'Ctrl + C', macKey: 'Command + C'},
-  {name: '粘贴', windowsKey: 'Ctrl + V', macKey: 'Command + V'},
-  {name: '撤销', windowsKey: 'Ctrl + Z', macKey: 'Command + Z'},
-  {name: '重做', windowsKey: 'Ctrl + Y', macKey: 'Command + Y'},
-  {name: '框选', windowsKey: 'Alt + LMB', macKey: 'option + LMB'},
-  {name: '多选', windowsKey: 'Alt + LMB', macKey: 'Command + LMB'}
-])
-</script>
-
-<style scoped lang="scss">
-@use '/packages/styles/elPath.scss';
-</style>
+/**
+* @Author: HuaYJ
+* @Date: 2024/10/24 10:23
+*/
+<template>
+  <div class="form-container">
+    <el-table :data="data" size="small" border>
+      <el-table-column prop="name" label="名称"/>
+      <el-table-column prop="windowsKey" label="windows"/>
+      <el-table-column prop="macKey" label="mac"/>
+    </el-table>
+  </div>
+</template>
+
+<script setup>
+
+import {ref} from "vue";
+
+const data = ref([
+  {name: '复制', windowsKey: 'Ctrl + C', macKey: 'Command + C'},
+  {name: '粘贴', windowsKey: 'Ctrl + V', macKey: 'Command + V'},
+  {name: '撤销', windowsKey: 'Ctrl + Z', macKey: 'Command + Z'},
+  {name: '重做', windowsKey: 'Ctrl + Y', macKey: 'Command + Y'},
+  {name: '框选', windowsKey: 'Alt + LMB', macKey: 'option + LMB'},
+  {name: '多选', windowsKey: 'Alt + LMB', macKey: 'Command + LMB'}
+])
+</script>
+
+<style scoped lang="scss">
+@use '/packages/styles/elPath.scss';
+</style>

package/packages/components/baseShape.js

@@ -1,62 +1,62 @@
-export const baseShape = [
-    {
-        shape: 'rect',
-        width: 60,
-        height: 5,
-        attrs: {
-            body: {
-                fill: '#ffffff',
-                stroke: '#ffffff',
-                strokeWidth: 0,
-            },
-        },
-        data: {
-            type: 'base-shape'
-        },
-    },
-    {
-        shape: 'rect',
-        width: 60,
-        height: 20,
-        attrs: {
-            body: {
-                fill: '#ffffff',
-                stroke: '#ffffff',
-                strokeWidth: 1,
-            },
-        },
-        data: {
-            type: 'base-shape',
-            label: '母线'
-        }
-    },
-    {
-        shape: 'circle',
-        width: 40,
-        height: 40,
-        attrs: {
-            body: {
-                fill: '#ffffff',
-                stroke: '#ffffff',
-                strokeWidth: 1,
-            },
-        },
-        data: {
-            type: 'base-shape'
-        }
-    },
-    {
-        shape: 'ellipse',
-        width: 60,
-        height: 40,
-        attrs: {
-            body: {
-                fill: '#ffffff',
-                stroke: '#ffffff',
-            }
-        },
-        data: {
-            type: 'base-shape'
-        }
-    },
-]
+export const baseShape = [
+    {
+        shape: 'rect',
+        width: 60,
+        height: 5,
+        attrs: {
+            body: {
+                fill: '#ffffff',
+                stroke: '#ffffff',
+                strokeWidth: 0,
+            },
+        },
+        data: {
+            type: 'base-shape'
+        },
+    },
+    {
+        shape: 'rect',
+        width: 60,
+        height: 20,
+        attrs: {
+            body: {
+                fill: '#ffffff',
+                stroke: '#ffffff',
+                strokeWidth: 1,
+            },
+        },
+        data: {
+            type: 'base-shape',
+            label: '母线'
+        }
+    },
+    {
+        shape: 'circle',
+        width: 40,
+        height: 40,
+        attrs: {
+            body: {
+                fill: '#ffffff',
+                stroke: '#ffffff',
+                strokeWidth: 1,
+            },
+        },
+        data: {
+            type: 'base-shape'
+        }
+    },
+    {
+        shape: 'ellipse',
+        width: 60,
+        height: 40,
+        attrs: {
+            body: {
+                fill: '#ffffff',
+                stroke: '#ffffff',
+            }
+        },
+        data: {
+            type: 'base-shape'
+        }
+    },
+]

package/packages/components/common.js

@@ -1,105 +1,105 @@
-import {get, post} from "../http.js";
-import {ElMessage} from "element-plus";
-
-
-/**
- * 控制连接桩显示隐藏
- * @param show 是否显示
- * @param div 容器
- */
-export const showPorts = (div, show) => {
-    const container = document.querySelector(div)
-    const ports = container.querySelectorAll(
-        '.x6-port-body',
-    )
-    const labels = container.querySelectorAll(
-        '.x6-port-label',
-    )
-    for (let i = 0, len = ports.length; i < len; i += 1) {
-        ports[i].style.visibility = show ? 'visible' : 'hidden'
-    }
-    for (let i = 0, len = labels.length; i < len; i += 1) {
-        labels[i].style.visibility = show ? 'visible' : 'hidden'
-    }
-}
-
-/**
- * 获取设备列表
- * @param itemId
- * @returns {Promise<unknown>}
- */
-export const getDeviceList = (itemId) => {
-    return get('/custom/deviceList', {itemIds: itemId}).then(res => {
-        if (res?.isOk) {
-            return res.data
-        }
-    })
-}
-
-/**
- * 获取字段列表
- * @param deviceCode
- * @returns {Promise<*>}
- */
-export const getFieldList = (deviceCode) => {
-    return get('/custom/monitorInfo', {
-        deviceCode: deviceCode,
-        fieldType: 1
-    }).then(res => {
-        if (res?.isOk) {
-            return res.data
-        }
-    })
-}
-
-/**
- * 获取数据
- */
-export const getData = (id) => {
-    return get('/template/selectOne', {id: id}).then(res => {
-        if (res?.isOk) {
-            const data = JSON.parse(res.data.remark)
-            if(data === null) {
-                return null
-            }
-            return {
-                background: data.background,
-                grid: data.grid,
-                data: data.data,
-            }
-        } else {
-            ElMessage.error(res?.msg || '获取失败')
-        }
-    })
-}
-
-/**
- * 保存数据
- * @param id
- * @param data
- */
-export const updateData = (id, data) => {
-    post('/template/insert', {id: id, remark: JSON.stringify(data)}).then(res => {
-        if (res?.isOk) {
-            ElMessage.success('保存成功')
-        } else {
-            ElMessage.error(res?.msg || '保存失败')
-        }
-    })
-}
-
-/**
- * 获取实时数据
- * @param fields
- * @returns {Promise<*>}
- */
-export const getRealData = (fields) => {
-    return post('/custom/arrRealData2', fields).then(res => {
-        if (res?.isOk) {
-            return res.data
-        } else {
-            ElMessage.error(res?.msg || '获取失败')
-        }
-    })
-}
-
+import {get, post} from "../http.js";
+import {ElMessage} from "element-plus";
+
+
+/**
+ * 控制连接桩显示隐藏
+ * @param show 是否显示
+ * @param div 容器
+ */
+export const showPorts = (div, show) => {
+    const container = document.querySelector(div)
+    const ports = container.querySelectorAll(
+        '.x6-port-body',
+    )
+    const labels = container.querySelectorAll(
+        '.x6-port-label',
+    )
+    for (let i = 0, len = ports.length; i < len; i += 1) {
+        ports[i].style.visibility = show ? 'visible' : 'hidden'
+    }
+    for (let i = 0, len = labels.length; i < len; i += 1) {
+        labels[i].style.visibility = show ? 'visible' : 'hidden'
+    }
+}
+
+/**
+ * 获取设备列表
+ * @param itemId
+ * @returns {Promise<unknown>}
+ */
+export const getDeviceList = (itemId) => {
+    return get('/custom/deviceList', {itemIds: itemId}).then(res => {
+        if (res?.isOk) {
+            return res.data
+        }
+    })
+}
+
+/**
+ * 获取字段列表
+ * @param deviceCode
+ * @returns {Promise<*>}
+ */
+export const getFieldList = (deviceCode) => {
+    return get('/custom/monitorInfo', {
+        deviceCode: deviceCode,
+        fieldType: 1
+    }).then(res => {
+        if (res?.isOk) {
+            return res.data
+        }
+    })
+}
+
+/**
+ * 获取数据
+ */
+export const getData = (id) => {
+    return get('/template/selectOne', {id: id}).then(res => {
+        if (res?.isOk) {
+            const data = JSON.parse(res.data.remark)
+            if(data === null) {
+                return null
+            }
+            return {
+                background: data.background,
+                grid: data.grid,
+                data: data.data,
+            }
+        } else {
+            ElMessage.error(res?.msg || '获取失败')
+        }
+    })
+}
+
+/**
+ * 保存数据
+ * @param id
+ * @param data
+ */
+export const updateData = (id, data) => {
+    post('/template/insert', {id: id, remark: JSON.stringify(data)}).then(res => {
+        if (res?.isOk) {
+            ElMessage.success('保存成功')
+        } else {
+            ElMessage.error(res?.msg || '保存失败')
+        }
+    })
+}
+
+/**
+ * 获取实时数据
+ * @param fields
+ * @returns {Promise<*>}
+ */
+export const getRealData = (fields) => {
+    return post('/custom/arrRealData2', fields).then(res => {
+        if (res?.isOk) {
+            return res.data
+        } else {
+            ElMessage.error(res?.msg || '获取失败')
+        }
+    })
+}
+