{"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"]}]}