vue-wiring-diagram 1.1.21 → 1.1.23

package/packages/http.js

@@ -1,104 +1,104 @@
-// http.js
-
-import axios from 'axios';
-import {ElMessage} from "element-plus";
-
-let baseURL = 'http://localhost:8001'
-
-// 创建一个 axios 实例
-export const instance = axios.create({
-    baseURL: baseURL, // 你的 API 基础 URL
-    timeout: 10000, // 请求超时时间
-    headers: {
-        'Content-Type': 'application/json',
-        // 其他全局请求头
-    },
-});
-
-/**
- * 设置基础URL
- * @param url
- */
-export const setBaseURL = (url) => {
-    instance.defaults.baseURL = url
-}
-
-/**
- * 设置token
- * @param token
- */
-export const setToken = (token) => {
-    instance.interceptors.request.use(
-        config => {
-            if (token) {
-                config.headers['token'] = token;
-                return config;
-            }
-        },
-        error => {
-            return Promise.reject(error);
-        }
-    )
-}
-
-// 响应拦截器
-instance.interceptors.response.use(
-    response => {
-        // 对响应数据做些什么
-        response.data.isOk = response.data.code === 200;
-        return response.data;
-    },
-    error => {
-        // 对响应错误做些什么
-        if (error.response) {
-            // 请求已发出，但服务器响应的状态码不在 2xx 范围内
-            switch (error.response.status) {
-                case 401:
-                    // 处理未授权
-                    break;
-                case 403:
-                    // 处理禁止访问
-                    break;
-                case 404:
-                    // 处理资源未找到
-                    break;
-                case 500:
-                    // 处理服务器内部错误
-                    break;
-                default:
-                    // 处理其他错误
-                    break;
-            }
-        }
-        return Promise.reject(error);
-    }
-);
-
-// GET 请求
-export const get = (url, params = {}) => {
-    return instance.get(url, {params});
-};
-
-// POST 请求
-export const post = (url, data = {}) => {
-    return instance.post(url, data);
-};
-
-// PUT 请求
-export const put = (url, data = {}) => {
-    return instance.put(url, data);
-};
-
-// DELETE 请求
-export const del = (url, params = {}) => {
-    return instance.delete(url, {params});
-};
-
-// 上传文件
-export const upload = (url, data = {}) => {
-    return instance.post(url, data, {
-        headers: {
-            'Content-Type': 'multipart/form-data',
-        },
-    });
-};
+// http.js
+
+import axios from 'axios';
+import {ElMessage} from "element-plus";
+
+let baseURL = 'http://localhost:8001'
+
+// 创建一个 axios 实例
+export const instance = axios.create({
+    baseURL: baseURL, // 你的 API 基础 URL
+    timeout: 10000, // 请求超时时间
+    headers: {
+        'Content-Type': 'application/json',
+        // 其他全局请求头
+    },
+});
+
+/**
+ * 设置基础URL
+ * @param url
+ */
+export const setBaseURL = (url) => {
+    instance.defaults.baseURL = url
+}
+
+/**
+ * 设置token
+ * @param token
+ */
+export const setToken = (token) => {
+    instance.interceptors.request.use(
+        config => {
+            if (token) {
+                config.headers['token'] = token;
+                return config;
+            }
+        },
+        error => {
+            return Promise.reject(error);
+        }
+    )
+}
+
+// 响应拦截器
+instance.interceptors.response.use(
+    response => {
+        // 对响应数据做些什么
+        response.data.isOk = response.data.code === 200;
+        return response.data;
+    },
+    error => {
+        // 对响应错误做些什么
+        if (error.response) {
+            // 请求已发出，但服务器响应的状态码不在 2xx 范围内
+            switch (error.response.status) {
+                case 401:
+                    // 处理未授权
+                    break;
+                case 403:
+                    // 处理禁止访问
+                    break;
+                case 404:
+                    // 处理资源未找到
+                    break;
+                case 500:
+                    // 处理服务器内部错误
+                    break;
+                default:
+                    // 处理其他错误
+                    break;
+            }
+        }
+        return Promise.reject(error);
+    }
+);
+
+// GET 请求
+export const get = (url, params = {}) => {
+    return instance.get(url, {params});
+};
+
+// POST 请求
+export const post = (url, data = {}) => {
+    return instance.post(url, data);
+};
+
+// PUT 请求
+export const put = (url, data = {}) => {
+    return instance.put(url, data);
+};
+
+// DELETE 请求
+export const del = (url, params = {}) => {
+    return instance.delete(url, {params});
+};
+
+// 上传文件
+export const upload = (url, data = {}) => {
+    return instance.post(url, data, {
+        headers: {
+            'Content-Type': 'multipart/form-data',
+        },
+    });
+};

package/packages/index.js

@@ -1,43 +1,43 @@
-import WiringDiagramEditor from "./components/editor/index.vue";
-import WiringDiagramPreview from "./components/preview/index.vue";
-import {setBaseURL, setToken} from "./http.js";
-
-
-const components = [
-    WiringDiagramEditor,
-    WiringDiagramPreview
-]
-
-const install = (app) => {
-    components.forEach(component => {
-        app.component(component.name, component)
-    })
-}
-
-// 自动安装
-if (typeof window !== 'undefined' && window.Vue) {
-    install(window.Vue);
-}
-
-// 是否是SunOS
-export let isSunOs = false
-
-/**
- * 设置是否是SunOS
- * @param val
- */
-const setIsSunOs = (val) => {
-    isSunOs = val
-}
-
-export {
-    WiringDiagramEditor,
-    WiringDiagramPreview,
-    setBaseURL,
-    setToken,
-    setIsSunOs
-}
-
-export default {
-    install
-}
+import WiringDiagramEditor from "./components/editor/index.vue";
+import WiringDiagramPreview from "./components/preview/index.vue";
+import {setBaseURL, setToken} from "./http.js";
+
+
+const components = [
+    WiringDiagramEditor,
+    WiringDiagramPreview
+]
+
+const install = (app) => {
+    components.forEach(component => {
+        app.component(component.name, component)
+    })
+}
+
+// 自动安装
+if (typeof window !== 'undefined' && window.Vue) {
+    install(window.Vue);
+}
+
+// 是否是SunOS
+export let isSunOs = false
+
+/**
+ * 设置是否是SunOS
+ * @param val
+ */
+const setIsSunOs = (val) => {
+    isSunOs = val
+}
+
+export {
+    WiringDiagramEditor,
+    WiringDiagramPreview,
+    setBaseURL,
+    setToken,
+    setIsSunOs
+}
+
+export default {
+    install
+}

package/packages/styles/animation.scss

@@ -1,27 +1,27 @@
-@keyframes forward-pipe {
-    to {
-        stroke-dashoffset: -1000
-    }
-}
-
-@keyframes reverse-pipe {
-    to {
-        stroke-dashoffset: 1000
-    }
-}
-
-// 闪烁箭头
-@keyframes flashing {
-    0% {
-        opacity: 0;
-    }
-    35% {
-        opacity: 1;
-    }
-    65% {
-        opacity: 1;
-    }
-    100% {
-        opacity: 0;
-    }
-}
+@keyframes forward-pipe {
+    to {
+        stroke-dashoffset: -1000
+    }
+}
+
+@keyframes reverse-pipe {
+    to {
+        stroke-dashoffset: 1000
+    }
+}
+
+// 闪烁箭头
+@keyframes flashing {
+    0% {
+        opacity: 0;
+    }
+    35% {
+        opacity: 1;
+    }
+    65% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0;
+    }
+}

package/packages/styles/dialog.scss

@@ -1,4 +1,4 @@
-.footer {
-    display: flex;
-    justify-content: end;
-}
+.footer {
+    display: flex;
+    justify-content: end;
+}

package/packages/styles/editor.scss

@@ -1,165 +1,165 @@
-@use "elPath";
-
-.page-container {
-    color: #ffffff;
-    height: 100%;
-    width: 100%;
-    display: grid;
-    grid-template-rows: auto 1fr;
-    overflow: hidden;
-    background: rgba(9, 23, 87, .95);
-
-    ::-webkit-scrollbar {
-        width: 5px;
-    }
-
-    ::-webkit-scrollbar-thumb {
-        background: rgba(144, 147, 153, 0.3);
-        border-radius: 5px;
-        transition: all .3s ease;
-
-        &:hover {
-            cursor: pointer;
-            transition: all .3s ease;
-            background: rgba(144, 147, 153, 0.5);
-        }
-    }
-
-    .tool-bar {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 5px 10px;
-        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-        background: transparent;
-    }
-
-    .board {
-        display: grid;
-        grid-template-columns: 240px minmax(auto, 1fr) 350px;
-        grid-column-gap: 10px;
-        overflow: hidden;
-
-        #stencil {
-            box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.1);
-            display: flex;
-            flex: 1;
-            position: relative;
-            overflow: auto;
-
-            :deep(.x6-widget-stencil) {
-                background: none;
-            }
-
-            :deep(.x6-widget-stencil-title) {
-                display: none;
-            }
-
-            :deep(.x6-widget-stencil.searchable > .x6-widget-stencil-content) {
-                top: 50px
-            }
-
-            :deep(.x6-widget-stencil-search-text) {
-                background: rgba(35, 100, 221, 0.3);
-                color: #ffffff;
-                border-radius: 5px;
-                border: 1px solid rgb(35, 100, 221);
-            }
-        }
-
-        #controls {
-            padding: 0 10px;
-            box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.1);
-            display: grid;
-            grid-template-rows: auto 1fr;
-            grid-row-gap: 5px;
-            overflow: hidden;
-
-            .controls-label {
-                text-align: center;
-                padding: 5px 0;
-                font-size: 14px;
-                font-weight: bold;
-            }
-
-            .controls-label::before {
-                content: '》';
-                display: flex;
-                position: absolute;
-                font-size: 14px;
-            }
-        }
-
-        .drawing-board-box {
-            margin: 10px 0;
-            overflow: hidden;
-            box-sizing: border-box;
-            box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);
-        }
-
-        #drawing-board {
-            width: 100%;
-            height: 100%;
-            box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-            box-sizing: border-box;
-        }
-
-        :deep(.x6-widget-selection-box) {
-            border: 0;
-            box-shadow: none;
-        }
-
-        :deep(.x6-widget-transform), :deep(.x6-widget-transform) > div, :deep(.x6-widget-selection-inner) {
-            border: 2px solid #239edd;
-            border-radius: 0;
-            box-shadow: none;
-        }
-    }
-
-    ::v-deep(.x6-widget-stencil-group) {
-        .x6-widget-stencil-group-title {
-            background: rgba(35, 100, 221, 0.3);
-            border-radius: 3px;
-            color: #ffffff;
-            padding-left: 5px;
-        }
-    }
-
-    ::v-deep(.x6-widget-stencil-group.collapsable.collapsed > .x6-widget-stencil-group-title::before) {
-        background: none;
-        opacity: 1;
-        content: '▲';
-        transform: rotate(0deg);
-        transform-origin: center center;
-        color: #ffffff;
-        right: 5px;
-        top: 0;
-        left: unset;
-        width: unset;
-        height: unset;
-    }
-
-    ::v-deep(.x6-widget-stencil-group.collapsable > .x6-widget-stencil-group-title::before) {
-        background: none;
-        opacity: 1;
-        content: '▲';
-        transform: rotate(180deg);
-        transform-origin: center center;
-        color: #ffffff;
-        right: 5px;
-        top: 0;
-        left: unset;
-        width: unset;
-        height: unset;
-    }
-}
-
-.row-column {
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-
-    .row-label {
-        font-size: 14px;
-    }
-}
+@use "elPath";
+
+.page-container {
+    color: #ffffff;
+    height: 100%;
+    width: 100%;
+    display: grid;
+    grid-template-rows: auto 1fr;
+    overflow: hidden;
+    background: rgba(9, 23, 87, .95);
+
+    ::-webkit-scrollbar {
+        width: 5px;
+    }
+
+    ::-webkit-scrollbar-thumb {
+        background: rgba(144, 147, 153, 0.3);
+        border-radius: 5px;
+        transition: all .3s ease;
+
+        &:hover {
+            cursor: pointer;
+            transition: all .3s ease;
+            background: rgba(144, 147, 153, 0.5);
+        }
+    }
+
+    .tool-bar {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 5px 10px;
+        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+        background: transparent;
+    }
+
+    .board {
+        display: grid;
+        grid-template-columns: 240px minmax(auto, 1fr) 350px;
+        grid-column-gap: 10px;
+        overflow: hidden;
+
+        #stencil {
+            box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.1);
+            display: flex;
+            flex: 1;
+            position: relative;
+            overflow: auto;
+
+            :deep(.x6-widget-stencil) {
+                background: none;
+            }
+
+            :deep(.x6-widget-stencil-title) {
+                display: none;
+            }
+
+            :deep(.x6-widget-stencil.searchable > .x6-widget-stencil-content) {
+                top: 50px
+            }
+
+            :deep(.x6-widget-stencil-search-text) {
+                background: rgba(35, 100, 221, 0.3);
+                color: #ffffff;
+                border-radius: 5px;
+                border: 1px solid rgb(35, 100, 221);
+            }
+        }
+
+        #controls {
+            padding: 0 10px;
+            box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.1);
+            display: grid;
+            grid-template-rows: auto 1fr;
+            grid-row-gap: 5px;
+            overflow: hidden;
+
+            .controls-label {
+                text-align: center;
+                padding: 5px 0;
+                font-size: 14px;
+                font-weight: bold;
+            }
+
+            .controls-label::before {
+                content: '》';
+                display: flex;
+                position: absolute;
+                font-size: 14px;
+            }
+        }
+
+        .drawing-board-box {
+            margin: 10px 0;
+            overflow: hidden;
+            box-sizing: border-box;
+            box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);
+        }
+
+        #drawing-board {
+            width: 100%;
+            height: 100%;
+            box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+            box-sizing: border-box;
+        }
+
+        :deep(.x6-widget-selection-box) {
+            border: 0;
+            box-shadow: none;
+        }
+
+        :deep(.x6-widget-transform), :deep(.x6-widget-transform) > div, :deep(.x6-widget-selection-inner) {
+            border: 2px solid #239edd;
+            border-radius: 0;
+            box-shadow: none;
+        }
+    }
+
+    ::v-deep(.x6-widget-stencil-group) {
+        .x6-widget-stencil-group-title {
+            background: rgba(35, 100, 221, 0.3);
+            border-radius: 3px;
+            color: #ffffff;
+            padding-left: 5px;
+        }
+    }
+
+    ::v-deep(.x6-widget-stencil-group.collapsable.collapsed > .x6-widget-stencil-group-title::before) {
+        background: none;
+        opacity: 1;
+        content: '▲';
+        transform: rotate(0deg);
+        transform-origin: center center;
+        color: #ffffff;
+        right: 5px;
+        top: 0;
+        left: unset;
+        width: unset;
+        height: unset;
+    }
+
+    ::v-deep(.x6-widget-stencil-group.collapsable > .x6-widget-stencil-group-title::before) {
+        background: none;
+        opacity: 1;
+        content: '▲';
+        transform: rotate(180deg);
+        transform-origin: center center;
+        color: #ffffff;
+        right: 5px;
+        top: 0;
+        left: unset;
+        width: unset;
+        height: unset;
+    }
+}
+
+.row-column {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+
+    .row-label {
+        font-size: 14px;
+    }
+}