{"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=script&lang=js&","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\\cache-loader\\dist\\cjs.js","mtime":1688725391035},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1688725407620},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgRmxvd0dyYXBoIGZyb20gIi4uLy4uL2dyYXBoIjsNCmltcG9ydCB7IERhdGFVcmkgfSBmcm9tICJAYW50di94NiI7DQpleHBvcnQgZGVmYXVsdCB7DQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIGNhblVuZG86IG51bGwsDQogICAgICBjYW5SZWRvOiBudWxsLA0KICAgIH07DQogIH0sDQogIGNyZWF0ZWQoKSB7DQogICAgdGhpcy5teUluaXQoKTsNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIG15SW5pdCgpIHsNCiAgICAgIGNvbnN0IHsgZ3JhcGggfSA9IEZsb3dHcmFwaDsNCiAgICAgIGNvbnN0IHsgaGlzdG9yeSB9ID0gZ3JhcGg7DQogICAgICB0aGlzLmNhblVuZG8gPSBoaXN0b3J5LmNhblVuZG8oKTsNCiAgICAgIHRoaXMuY2FuUmVkbyA9IGhpc3RvcnkuY2FuUmVkbygpOw0KICAgICAgaGlzdG9yeS5vbigiY2hhbmdlIiwgKCkgPT4gew0KICAgICAgICB0aGlzLmNhblVuZG8gPSBoaXN0b3J5LmNhblVuZG8oKTsNCiAgICAgICAgdGhpcy5jYW5SZWRvID0gaGlzdG9yeS5jYW5SZWRvKCk7DQogICAgICB9KTsNCiAgICAgIGdyYXBoLmJpbmRLZXkoImN0cmwreiIsICgpID0+IHsNCiAgICAgICAgaWYgKGhpc3RvcnkuY2FuVW5kbygpKSB7DQogICAgICAgICAgaGlzdG9yeS51bmRvKCk7DQogICAgICAgIH0NCiAgICAgICAgcmV0dXJuIGZhbHNlOw0KICAgICAgfSk7DQogICAgICBncmFwaC5iaW5kS2V5KCJjdHJsK3NoaWZ0K3oiLCAoKSA9PiB7DQogICAgICAgIGlmIChoaXN0b3J5LmNhblJlZG8oKSkgew0KICAgICAgICAgIGhpc3RvcnkucmVkbygpOw0KICAgICAgICB9DQogICAgICAgIHJldHVybiBmYWxzZTsNCiAgICAgIH0pOw0KICAgICAgZ3JhcGguYmluZEtleSgiY3RybCtkIiwgKCkgPT4gew0KICAgICAgICBncmFwaC5jbGVhckNlbGxzKCk7DQogICAgICAgIHJldHVybiBmYWxzZTsNCiAgICAgIH0pOw0KICAgICAgZ3JhcGguYmluZEtleSgiY3RybCtzIiwgKCkgPT4gew0KICAgICAgICBncmFwaC50b1BORygoZGF0YXVyaSkgPT4gew0KICAgICAgICAgIERhdGFVcmkuZG93bmxvYWREYXRhVXJpKGRhdGF1cmksICJjaGFydC5wbmciKTsNCiAgICAgICAgfSk7DQogICAgICAgIHJldHVybiBmYWxzZTsNCiAgICAgIH0pOw0KICAgICAgZ3JhcGguYmluZEtleSgiY3RybCtwIiwgKCkgPT4gew0KICAgICAgICBncmFwaC5wcmludFByZXZpZXcoKTsNCiAgICAgICAgcmV0dXJuIGZhbHNlOw0KICAgICAgfSk7DQogICAgICBncmFwaC5iaW5kS2V5KCJjdHJsK2MiLCB0aGlzLmNvcHkpOw0KICAgICAgZ3JhcGguYmluZEtleSgiY3RybCt2IiwgdGhpcy5wYXN0ZSk7DQogICAgICBncmFwaC5iaW5kS2V5KCJjdHJsK3giLCB0aGlzLmN1dCk7DQogICAgfSwNCiAgICBjb3B5KCkgew0KICAgICAgY29uc3QgeyBncmFwaCB9ID0gRmxvd0dyYXBoOw0KICAgICAgY29uc3QgY2VsbHMgPSBncmFwaC5nZXRTZWxlY3RlZENlbGxzKCk7DQogICAgICBpZiAoY2VsbHMubGVuZ3RoKSB7DQogICAgICAgIGdyYXBoLmNvcHkoY2VsbHMpOw0KICAgICAgfQ0KICAgICAgcmV0dXJuIGZhbHNlOw0KICAgIH0sDQoNCiAgICBjdXQoKSB7DQogICAgICBjb25zdCB7IGdyYXBoIH0gPSBGbG93R3JhcGg7DQogICAgICBjb25zdCBjZWxscyA9IGdyYXBoLmdldFNlbGVjdGVkQ2VsbHMoKTsNCiAgICAgIGlmIChjZWxscy5sZW5ndGgpIHsNCiAgICAgICAgZ3JhcGguY3V0KGNlbGxzKTsNCiAgICAgIH0NCiAgICAgIHJldHVybiBmYWxzZTsNCiAgICB9LA0KDQogICAgcGFzdGUoKSB7DQogICAgICBjb25zdCB7IGdyYXBoIH0gPSBGbG93R3JhcGg7DQogICAgICBpZiAoIWdyYXBoLmlzQ2xpcGJvYXJkRW1wdHkoKSkgew0KICAgICAgICBjb25zdCBjZWxscyA9IGdyYXBoLnBhc3RlKHsgb2Zmc2V0OiAzMiB9KTsNCiAgICAgICAgZ3JhcGguY2xlYW5TZWxlY3Rpb24oKTsNCiAgICAgICAgZ3JhcGguc2VsZWN0KGNlbGxzKTsNCiAgICAgIH0NCiAgICAgIHJldHVybiBmYWxzZTsNCiAgICB9LA0KDQogICAgaGFuZGxlQ2xpY2soZXZlbnQpIHsNCiAgICAgIGNvbnN0IHsgZ3JhcGggfSA9IEZsb3dHcmFwaDsNCiAgICAgIGNvbnN0IG5hbWUgPSBldmVudC5jdXJyZW50VGFyZ2V0Lm5hbWU7DQogICAgICBzd2l0Y2ggKG5hbWUpIHsNCiAgICAgICAgY2FzZSAidW5kbyI6DQogICAgICAgICAgZ3JhcGguaGlzdG9yeS51bmRvKCk7DQogICAgICAgICAgYnJlYWs7DQogICAgICAgIGNhc2UgInJlZG8iOg0KICAgICAgICAgIGdyYXBoLmhpc3RvcnkucmVkbygpOw0KICAgICAgICAgIGJyZWFrOw0KICAgICAgICBjYXNlICJkZWxldGUiOg0KICAgICAgICAgIGdyYXBoLmNsZWFyQ2VsbHMoKTsNCiAgICAgICAgICBicmVhazsNCiAgICAgICAgY2FzZSAic2F2ZVBORyI6DQogICAgICAgICAgZ3JhcGgudG9QTkcoDQogICAgICAgICAgICAoZGF0YVVyaSkgPT4gew0KICAgICAgICAgICAgICAvLyDkuIvovb0NCiAgICAgICAgICAgICAgRGF0YVVyaS5kb3dubG9hZERhdGFVcmkoZGF0YVVyaSwgImNoYXJ0eC5wbmciKTsNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogIndoaXRlIiwNCiAgICAgICAgICAgICAgcGFkZGluZzogew0KICAgICAgICAgICAgICAgIHRvcDogMjAsDQogICAgICAgICAgICAgICAgcmlnaHQ6IDMwLA0KICAgICAgICAgICAgICAgIGJvdHRvbTogNDAsDQogICAgICAgICAgICAgICAgbGVmdDogNTAsDQogICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgIHF1YWxpdHk6IDEsDQogICAgICAgICAgICB9DQogICAgICAgICAgKTsNCiAgICAgICAgICBicmVhazsNCiAgICAgICAgY2FzZSAic2F2ZVNWRyI6DQogICAgICAgICAgZ3JhcGgudG9TVkcoKGRhdGFVcmkpID0+IHsNCiAgICAgICAgICAgIC8vIOS4i+i9vQ0KICAgICAgICAgICAgRGF0YVVyaS5kb3dubG9hZERhdGFVcmkoRGF0YVVyaS5zdmdUb0RhdGFVcmwoZGF0YVVyaSksICJjaGFydC5zdmciKTsNCiAgICAgICAgICB9KTsNCiAgICAgICAgICBicmVhazsNCiAgICAgICAgY2FzZSAicHJpbnQiOg0KICAgICAgICAgIGdyYXBoLnByaW50UHJldmlldygpOw0KICAgICAgICAgIGJyZWFrOw0KICAgICAgICBjYXNlICJjb3B5IjoNCiAgICAgICAgICB0aGlzLmNvcHkoKTsNCiAgICAgICAgICBicmVhazsNCiAgICAgICAgY2FzZSAiY3V0IjoNCiAgICAgICAgICB0aGlzLmN1dCgpOw0KICAgICAgICAgIGJyZWFrOw0KICAgICAgICBjYXNlICJwYXN0ZSI6DQogICAgICAgICAgdGhpcy5wYXN0ZSgpOw0KICAgICAgICAgIGJyZWFrOw0KICAgICAgICBjYXNlICJ0b0pTT04iOg0KICAgICAgICAgIGNvbnNvbGUubG9nKGdyYXBoLnRvSlNPTigpKTsNCiAgICAgICAgICB3aW5kb3cubG9jYWxTdG9yYWdlLnNldEl0ZW0oDQogICAgICAgICAgICAiZ3JhcGhKc29uIiwNCiAgICAgICAgICAgIEpTT04uc3RyaW5naWZ5KGdyYXBoLnRvSlNPTigpKQ0KICAgICAgICAgICk7DQogICAgICAgIC8vICAgZ3JhcGguZnJvbUpTT04oeyBjZWxsczogW2dyYXBoLnRvSlNPTigpXSB9KS5jZWxsc1swXSwNCiAgICAgICAgLy8gICAgIGdyYXBoLnRvSlNPTigpLmNlbGxzWzFdLA0KICAgICAgICAvLyAgICAgZ3JhcGgudG9KU09OKCkuY2VsbHNbMl0sDQogICAgICAgIC8vICAgICBncmFwaC50b0pTT04oKS5jZWxsc1szXSwNCiAgICAgICAgLy8gICAgIGdyYXBoLnRvSlNPTigpLmNlbGxzWzRdLA0KICAgICAgICAvLyAgICAgZ3JhcGgudG9KU09OKCkuY2VsbHNbNV0sDQogICAgICAgIC8vICAgICBncmFwaC50b0pTT04oKS5jZWxsc1s2XSwNCiAgICAgICAgLy8gICAgIGdyYXBoLnRvSlNPTigpLmNlbGxzWzddLA0KICAgICAgICAvLyAgICAgZ3JhcGgudG9KU09OKCkuY2VsbHNbOF0sDQogICAgICAgIC8vICAgICBncmFwaC50b0pTT04oKS5jZWxsc1s5XSwNCiAgICAgICAgLy8gICAgIGdyYXBoLnRvSlNPTigpLmNlbGxzWzEwXTsNCiAgICAgICAgLy8gICAgIGdyYXBoLnRvSlNPTigpLmNlbGxzWzExXSwNCiAgICAgICAgLy8gICAgIGdyYXBoLnRvSlNPTigpLmNlbGxzWzEyXSwNCiAgICAgICAgLy8gICAgIGdyYXBoLnRvSlNPTigpLmNlbGxzWzEzXSwNCiAgICAgICAgLy8gICAgIGdyYXBoLnRvSlNPTigpLmNlbGxzWzE0XSwNCiAgICAgICAgLy8gICAgIGdyYXBoLnRvSlNPTigpLmNlbGxzWzE1XSwNCiAgICAgICAgLy8gICAgIGdyYXBoLnRvSlNPTigpLmNlbGxzWzE2XTsNCiAgICAgICAgLy8gICBicmVhazsNCiAgICAgICAgLy8gZGVmYXVsdDoNCiAgICAgICAgLy8gICBicmVhazsNCiAgICAgIH0NCiAgICB9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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"]}]}