| 1 |
- {"remainingRequest":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\src\\views\\system\\processModeling\\flow-x6\\components\\ToolBar\\index.vue?vue&type=style&index=0&id=51e72114&scoped=true&lang=css&","dependencies":[{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\src\\views\\system\\processModeling\\flow-x6\\components\\ToolBar\\index.vue","mtime":1688454936719},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":1688725399018},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1688725423149},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":1688725407590},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1688725391035},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1688725415411}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCi5iYXIgew0KICB3aWR0aDogMTAwJTsNCiAgei1pbmRleDogOTk5OTk7DQogIG1hcmdpbi1yaWdodDogMTZweDsNCn0NCg0KLml0ZW0tc3BhY2Ugew0KICBtYXJnaW4tbGVmdDogMTZweDsNCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiOA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/system/processModeling/flow-x6/components/ToolBar","sourcesContent":["<template>\r\n <div class=\"bar\">\r\n <el-tooltip class=\"item\" effect=\"dark\" content=\"清除 (Cmd + D)\" placement=\"bottom\">\r\n <el-button name=\"delete\" @click=\"handleClick\" class=\"item-space\" size=\"small\">\r\n 清除\r\n </el-button>\r\n </el-tooltip>\r\n\r\n <el-tooltip class=\"item\" effect=\"dark\" content=\"撤销 (Cmd + Z)\" placement=\"bottom\">\r\n <el-button :disabled=\"!canUndo\" name=\"undo\" @click=\"handleClick\" class=\"item-space\" size=\"small\">\r\n 撤销\r\n </el-button>\r\n </el-tooltip>\r\n\r\n <el-tooltip class=\"item\" effect=\"dark\" content=\"Redo (Cmd + Shift + Z)\" placement=\"bottom\">\r\n <el-button :disabled=\"!canRedo\" name=\"redo\" @click=\"handleClick\" class=\"item-space\" size=\"small\">\r\n redo\r\n </el-button>\r\n </el-tooltip>\r\n\r\n <el-tooltip class=\"item\" effect=\"dark\" content=\"复制 (Cmd + Shift + Z)\" placement=\"bottom\">\r\n <el-button name=\"copy\" @click=\"handleClick\" class=\"item-space\" size=\"small\">\r\n 复制\r\n </el-button>\r\n </el-tooltip>\r\n\r\n <el-tooltip class=\"item\" effect=\"dark\" content=\"剪切 (Cmd + X)\" placement=\"bottom\">\r\n <el-button name=\"cut\" @click=\"handleClick\" class=\"item-space\" size=\"small\">\r\n 剪切\r\n </el-button>\r\n </el-tooltip>\r\n\r\n <el-tooltip class=\"item\" effect=\"dark\" content=\"粘贴 (Cmd + V)\" placement=\"bottom\">\r\n <el-button name=\"paste\" @click=\"handleClick\" class=\"item-space\" size=\"small\">\r\n 粘贴\r\n </el-button>\r\n </el-tooltip>\r\n\r\n <el-tooltip class=\"item\" effect=\"dark\" content=\"保存PNG (Cmd + S)\" placement=\"bottom\">\r\n <el-button name=\"savePNG\" @click=\"handleClick\" class=\"item-space\" size=\"small\">\r\n 保存PNG\r\n </el-button>\r\n </el-tooltip>\r\n\r\n <el-tooltip class=\"item\" effect=\"dark\" content=\"保存SVG (Cmd + S)\" placement=\"bottom\">\r\n <el-button name=\"saveSVG\" @click=\"handleClick\" class=\"item-space\" size=\"small\">\r\n 保存SVG\r\n </el-button>\r\n </el-tooltip>\r\n\r\n <el-tooltip class=\"item\" effect=\"dark\" content=\"打印 (Cmd + P)\" placement=\"bottom\">\r\n <el-button name=\"print\" @click=\"handleClick\" class=\"item-space\" size=\"small\">\r\n 打印\r\n </el-button>\r\n </el-tooltip>\r\n\r\n <el-tooltip class=\"item\" effect=\"dark\" content=\"导出 (Cmd + P)\" placement=\"bottom\">\r\n <el-button name=\"toJSON\" @click=\"handleClick\" class=\"item-space\" size=\"small\">\r\n 存储\r\n </el-button>\r\n </el-tooltip>\r\n </div>\r\n</template>\r\n<script>\r\nimport FlowGraph from \"../../graph\";\r\nimport { DataUri } from \"@antv/x6\";\r\nexport default {\r\n data() {\r\n return {\r\n canUndo: null,\r\n canRedo: null,\r\n };\r\n },\r\n created() {\r\n this.myInit();\r\n },\r\n methods: {\r\n myInit() {\r\n const { graph } = FlowGraph;\r\n const { history } = graph;\r\n this.canUndo = history.canUndo();\r\n this.canRedo = history.canRedo();\r\n history.on(\"change\", () => {\r\n this.canUndo = history.canUndo();\r\n this.canRedo = history.canRedo();\r\n });\r\n graph.bindKey(\"ctrl+z\", () => {\r\n if (history.canUndo()) {\r\n history.undo();\r\n }\r\n return false;\r\n });\r\n graph.bindKey(\"ctrl+shift+z\", () => {\r\n if (history.canRedo()) {\r\n history.redo();\r\n }\r\n return false;\r\n });\r\n graph.bindKey(\"ctrl+d\", () => {\r\n graph.clearCells();\r\n return false;\r\n });\r\n graph.bindKey(\"ctrl+s\", () => {\r\n graph.toPNG((datauri) => {\r\n DataUri.downloadDataUri(datauri, \"chart.png\");\r\n });\r\n return false;\r\n });\r\n graph.bindKey(\"ctrl+p\", () => {\r\n graph.printPreview();\r\n return false;\r\n });\r\n graph.bindKey(\"ctrl+c\", this.copy);\r\n graph.bindKey(\"ctrl+v\", this.paste);\r\n graph.bindKey(\"ctrl+x\", this.cut);\r\n },\r\n copy() {\r\n const { graph } = FlowGraph;\r\n const cells = graph.getSelectedCells();\r\n if (cells.length) {\r\n graph.copy(cells);\r\n }\r\n return false;\r\n },\r\n\r\n cut() {\r\n const { graph } = FlowGraph;\r\n const cells = graph.getSelectedCells();\r\n if (cells.length) {\r\n graph.cut(cells);\r\n }\r\n return false;\r\n },\r\n\r\n paste() {\r\n const { graph } = FlowGraph;\r\n if (!graph.isClipboardEmpty()) {\r\n const cells = graph.paste({ offset: 32 });\r\n graph.cleanSelection();\r\n graph.select(cells);\r\n }\r\n return false;\r\n },\r\n\r\n handleClick(event) {\r\n const { graph } = FlowGraph;\r\n const name = event.currentTarget.name;\r\n switch (name) {\r\n case \"undo\":\r\n graph.history.undo();\r\n break;\r\n case \"redo\":\r\n graph.history.redo();\r\n break;\r\n case \"delete\":\r\n graph.clearCells();\r\n break;\r\n case \"savePNG\":\r\n graph.toPNG(\r\n (dataUri) => {\r\n // 下载\r\n DataUri.downloadDataUri(dataUri, \"chartx.png\");\r\n },\r\n {\r\n backgroundColor: \"white\",\r\n padding: {\r\n top: 20,\r\n right: 30,\r\n bottom: 40,\r\n left: 50,\r\n },\r\n quality: 1,\r\n }\r\n );\r\n break;\r\n case \"saveSVG\":\r\n graph.toSVG((dataUri) => {\r\n // 下载\r\n DataUri.downloadDataUri(DataUri.svgToDataUrl(dataUri), \"chart.svg\");\r\n });\r\n break;\r\n case \"print\":\r\n graph.printPreview();\r\n break;\r\n case \"copy\":\r\n this.copy();\r\n break;\r\n case \"cut\":\r\n this.cut();\r\n break;\r\n case \"paste\":\r\n this.paste();\r\n break;\r\n case \"toJSON\":\r\n console.log(graph.toJSON());\r\n window.localStorage.setItem(\r\n \"graphJson\",\r\n JSON.stringify(graph.toJSON())\r\n );\r\n // graph.fromJSON({ cells: [graph.toJSON()] }).cells[0],\r\n // graph.toJSON().cells[1],\r\n // graph.toJSON().cells[2],\r\n // graph.toJSON().cells[3],\r\n // graph.toJSON().cells[4],\r\n // graph.toJSON().cells[5],\r\n // graph.toJSON().cells[6],\r\n // graph.toJSON().cells[7],\r\n // graph.toJSON().cells[8],\r\n // graph.toJSON().cells[9],\r\n // graph.toJSON().cells[10];\r\n // graph.toJSON().cells[11],\r\n // graph.toJSON().cells[12],\r\n // graph.toJSON().cells[13],\r\n // graph.toJSON().cells[14],\r\n // graph.toJSON().cells[15],\r\n // graph.toJSON().cells[16];\r\n // break;\r\n // default:\r\n // break;\r\n }\r\n },\r\n },\r\n};\r\n</script>\r\n<style scoped>\r\n.bar {\r\n width: 100%;\r\n z-index: 99999;\r\n margin-right: 16px;\r\n}\r\n\r\n.item-space {\r\n margin-left: 16px;\r\n}\r\n</style>\r\n"]}]}
|
