{"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\\ConfigPanel\\ConfigEdge\\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\\ConfigPanel\\ConfigEdge\\index.vue","mtime":1687325644955},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgRmxvd0dyYXBoIGZyb20gIi4uLy4uLy4uL2dyYXBoIjsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ2luZGV4JywNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgY3VyQ2VsbDogbnVsbA0KICAgIH0NCiAgfSwNCiAgY29tcHV0ZWQ6IHsNCiAgICBzdHJva2VXaWR0aDogew0KICAgICAgZ2V0KCkgew0KICAgICAgICByZXR1cm4gdGhpcy4kc3RvcmUuc3RhdGUuZmxvdy5zdHJva2VXaWR0aA0KICAgICAgfSwNCiAgICAgIHNldCh2YWwpIHsNCiAgICAgICAgdGhpcy4kc3RvcmUuY29tbWl0KCdmbG93L3VwZGF0ZXN0cm9rZVdpZHRoJywgdmFsKQ0KICAgICAgfQ0KICAgIH0sDQogICAgb3V0U3Ryb2tlV2lkdGg6IHsNCiAgICAgIGdldCgpIHsNCiAgICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLmZsb3cub3V0U3Ryb2tlV2lkdGgNCiAgICAgIH0sDQogICAgICBzZXQodmFsKSB7DQogICAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnZmxvdy91cGRhdGVvdXRTdHJva2VXaWR0aCcsIHZhbCkNCiAgICAgIH0NCiAgICB9LA0KICAgIHN0cm9rZTogew0KICAgICAgZ2V0KCkgew0KICAgICAgICByZXR1cm4gdGhpcy4kc3RvcmUuc3RhdGUuZmxvdy5zdHJva2UNCiAgICAgIH0sDQogICAgICBzZXQodmFsKSB7DQogICAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnZmxvdy91cGRhdGVzdHJva2UnLCB2YWwpDQogICAgICB9DQogICAgfSwNCiAgICBvdXRTdHJva2U6IHsNCiAgICAgIGdldCgpIHsNCiAgICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLmZsb3cub3V0U3Ryb2tlDQogICAgICB9LA0KICAgICAgc2V0KHZhbCkgew0KICAgICAgICB0aGlzLiRzdG9yZS5jb21taXQoJ2Zsb3cvdXBkYXRlb3V0U3Ryb2tlJywgdmFsKQ0KICAgICAgfQ0KICAgIH0sDQogICAgc3Ryb2tlRGFzaGFycmF5OiB7DQogICAgICBnZXQoKSB7DQogICAgICAgIHJldHVybiB0aGlzLiRzdG9yZS5zdGF0ZS5mbG93LnN0cm9rZURhc2hhcnJheQ0KICAgICAgfSwNCiAgICAgIHNldCh2YWwpIHsNCiAgICAgICAgdGhpcy4kc3RvcmUuY29tbWl0KCdmbG93L3VwZGF0ZXN0cm9rZURhc2hhcnJheScsIHZhbCkNCiAgICAgIH0NCiAgICB9LA0KICAgIGFuaW1hdGlvbjogew0KICAgICAgZ2V0KCkgew0KICAgICAgICByZXR1cm4gdGhpcy4kc3RvcmUuc3RhdGUuZmxvdy5hbmltYXRpb24NCiAgICAgIH0sDQogICAgICBzZXQodmFsKSB7DQogICAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnZmxvdy91cGRhdGVhbmltYXRpb24nLCB2YWwpDQogICAgICB9DQogICAgfSwNCiAgICBjb25uZWN0b3I6IHsNCiAgICAgIGdldCgpIHsNCiAgICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLmZsb3cuY29ubmVjdG9yDQogICAgICB9LA0KICAgICAgc2V0KHZhbCkgew0KICAgICAgICB0aGlzLiRzdG9yZS5jb21taXQoJ2Zsb3cvdXBkYXRlY29ubmVjdG9yJywgdmFsKQ0KICAgICAgfQ0KICAgIH0sDQogICAgZWRnZVJvdXRlcjogew0KICAgICAgZ2V0KCkgew0KICAgICAgICByZXR1cm4gdGhpcy4kc3RvcmUuc3RhdGUuZmxvdy5lZGdlUm91dGVyDQogICAgICB9LA0KICAgICAgc2V0KHZhbCkgew0KICAgICAgICB0aGlzLiRzdG9yZS5jb21taXQoJ2Zsb3cvdXBkYXRlZWRnZVJvdXRlcicsIHZhbCkNCiAgICAgIH0NCiAgICB9LA0KICAgIGVkZ2VPZmZzZXQ6IHsNCiAgICAgIGdldCgpIHsNCiAgICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLmZsb3cuZWRnZU9mZnNldA0KICAgICAgfSwNCiAgICAgIHNldCh2YWwpIHsNCiAgICAgICAgdGhpcy4kc3RvcmUuY29tbWl0KCdmbG93L3VwZGF0ZWVkZ2VPZmZzZXQnLCB2YWwpDQogICAgICB9DQogICAgfSwNCiAgICBlZGdlRGlyZWN0aW9uOiB7DQogICAgICBnZXQoKSB7DQogICAgICAgIHJldHVybiB0aGlzLiRzdG9yZS5zdGF0ZS5mbG93LmVkZ2VEaXJlY3Rpb24NCiAgICAgIH0sDQogICAgICBzZXQodmFsKSB7DQogICAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnZmxvdy91cGRhdGVlZGdlRGlyZWN0aW9uJywgdmFsKQ0KICAgICAgfQ0KICAgIH0sDQogICAgWkluZGV4OiB7DQogICAgICBnZXQoKSB7DQogICAgICAgIHJldHVybiB0aGlzLiRzdG9yZS5zdGF0ZS5mbG93LlpJbmRleA0KICAgICAgfSwNCiAgICAgIHNldCh2YWwpIHsNCiAgICAgICAgdGhpcy4kc3RvcmUuY29tbWl0KCdmbG93L3VwZGF0ZVpJbmRleCcsIHZhbCkNCiAgICAgIH0NCiAgICB9LA0KICAgIGxhYmVsOiB7DQogICAgICBnZXQoKSB7DQogICAgICAgIHJldHVybiB0aGlzLiRzdG9yZS5zdGF0ZS5mbG93LmxhYmVsDQogICAgICB9LA0KICAgICAgc2V0KHZhbCkgew0KICAgICAgICB0aGlzLiRzdG9yZS5jb21taXQoJ2Zsb3cvdXBkYXRlbGFiZWwnLCB2YWwpDQogICAgICB9DQogICAgfQ0KICB9LA0KICBwcm9wczogeyBpZDogU3RyaW5nIH0sDQogIHdhdGNoOiB7DQogICAgaWQ6IHsNCiAgICAgIGhhbmRsZXIoKSB7DQogICAgICAgIGNvbnN0IHsgZ3JhcGggfSA9IEZsb3dHcmFwaDsNCiAgICAgICAgY29uc3QgY2VsbCA9IGdyYXBoLmdldENlbGxCeUlkKHRoaXMuaWQpOw0KICAgICAgICBpZiAoIWNlbGwgfHwgIWNlbGwuaXNFZGdlKCkpIHsNCiAgICAgICAgICByZXR1cm47DQogICAgICAgIH0NCiAgICAgICAgdGhpcy5jdXJDZWxsID0gY2VsbDsNCiAgICAgICAgdGhpcy5aSW5kZXggPSBjZWxsLmdldFpJbmRleCgpDQogICAgICAgIGNvbnN0IGNvbm5lY3RvciA9IGNlbGwuZ2V0Q29ubmVjdG9yKCkgfHwgew0KICAgICAgICAgIG5hbWU6ICJub3JtYWwiLA0KICAgICAgICB9Ow0KICAgICAgICB0aGlzLnN0cm9rZSA9IGNlbGwuYXR0cigibGluZS9zdHJva2UiKTsNCiAgICAgICAgdGhpcy5zdHJva2VXaWR0aCA9IGNlbGwuYXR0cigibGluZS9zdHJva2VXaWR0aCIpOw0KICAgICAgICB0aGlzLmNvbm5lY3RvciA9IGNvbm5lY3Rvci5uYW1lOw0KICAgICAgICB0aGlzLmxhYmVsID0gKGNlbGwuZ2V0TGFiZWxzKClbMF0/LmF0dHJzKT8udGV4dD8udGV4dCB8fCAiIjsNCiAgICAgIH0sDQogICAgICBkZWVwOiBmYWxzZSwNCiAgICAgIGltbWVkaWF0ZTogZmFsc2UNCiAgICB9LA0KICAgIGVkZ2VPZmZzZXQ6IHsNCiAgICAgIGhhbmRsZXIoKSB7DQogICAgICAgIHRoaXMuY3VyQ2VsbD8ucHJvcCgncm91dGVyL2FyZ3MnLCB7IG9mZnNldDogdGhpcy5lZGdlT2Zmc2V0LCBkaXJlY3Rpb246IHRoaXMuZWRnZURpcmVjdGlvbiB9KQ0KICAgICAgfSwNCiAgICAgIGltbWVkaWF0ZTogZmFsc2UNCiAgICB9LA0KICAgIGVkZ2VEaXJlY3Rpb246IHsNCiAgICAgIGhhbmRsZXIoKSB7DQogICAgICAgIHRoaXMuY3VyQ2VsbD8ucHJvcCgncm91dGVyL2FyZ3MnLCB7IG9mZnNldDogdGhpcy5lZGdlT2Zmc2V0LCBkaXJlY3Rpb246IHRoaXMuZWRnZURpcmVjdGlvbiB9KQ0KICAgICAgfSwNCiAgICAgIGltbWVkaWF0ZTogZmFsc2UNCiAgICB9LA0KICAgIFpJbmRleDogew0KICAgICAgaGFuZGxlcigpIHsNCiAgICAgICAgaWYodGhpcy5jdXJDZWxsKSB7DQogICAgICAgICAgdGhpcy5jdXJDZWxsPy5zZXRaSW5kZXgodGhpcy5aSW5kZXgpDQogICAgICAgIH0NCiAgICAgIH0sDQogICAgICBpbW1lZGlhdGU6IGZhbHNlDQogICAgfQ0KICB9LA0KICBtZXRob2RzOiB7DQogICAgLy8g57q/6L6555qE5a695bqmDQogICAgb25TdHJva2VXaWR0aENoYW5nZSgpIHsNCiAgICAgIHRoaXMuY3VyQ2VsbD8uYXR0cigibGluZS9zdHJva2VXaWR0aCIsIHRoaXMuc3Ryb2tlV2lkdGgpOw0KICAgICAgY29uc29sZS5sb2codGhpcy5jdXJDZWxsLCAnLS0tLS0+Pj4nKQ0KICAgIH0sDQogICAgLy8g5aSW57q/6L6555qE5a695bqmDQogICAgb25PdXRTdHJva2VXaWR0aENoYW5nZSgpIHsNCiAgICAgIHRoaXMuY3VyQ2VsbD8uYXR0cigib3V0bGluZS9zdHJva2VXaWR0aCIsIHRoaXMub3V0U3Ryb2tlV2lkdGgpOw0KICAgIH0sDQogICAgLy8g57q/6L656aKc6ImyDQogICAgb25TdHJva2VDaGFuZ2UoKSB7DQogICAgICB0aGlzLmN1ckNlbGw/LmF0dHIoImxpbmUvc3Ryb2tlIiwgdGhpcy5zdHJva2UpOw0KICAgIH0sDQogICAgLy8g5aSW57q/6L656aKc6ImyDQogICAgb25PdXRTdHJva2VDaGFuZ2UoKSB7DQogICAgICB0aGlzLmN1ckNlbGw/LmF0dHIoIm91dGxpbmUvc3Ryb2tlIiwgdGhpcy5vdXRTdHJva2UpOw0KICAgIH0sDQogICAgLy8g6Jma57q/DQogICAgb25TdHJva2VEYXNoYXJyYXkoKSB7DQogICAgICB0aGlzLmN1ckNlbGw/LmF0dHIoImxpbmUvc3Ryb2tlRGFzaGFycmF5IiwgdGhpcy5zdHJva2VEYXNoYXJyYXkpOw0KICAgIH0sDQogICAgLy8g5Yqo55S7DQogICAgb25BbmltYXRpb24oKSB7DQogICAgICB0aGlzLmN1ckNlbGw/LmF0dHIoImxpbmUvc3R5bGUvYW5pbWF0aW9uIiwgYGFudC1saW5lICR7dGhpcy5hbmltYXRpb259cyBpbmZpbml0ZSBsaW5lYXJgKTsNCiAgICB9LA0KICAgIC8vIOi/nuaOpeaWueW8jw0KICAgIG9uQ29ubmVjdG9yQ2hhbmdlICgpIHsNCiAgICAgIHRoaXMuY3VyQ2VsbD8uc2V0Q29ubmVjdG9yKHRoaXMuY29ubmVjdG9yKTsNCiAgICB9LA0KICAgIC8vIOi3r+eUsQ0KICAgIG9uRWRnZVJvdXRlciAoKSB7DQogICAgICB0aGlzLmN1ckNlbGw/LnNldFJvdXRlcih7IG5hbWU6IHRoaXMuZWRnZVJvdXRlciB9KQ0KICAgIH0sDQogICAgb25MYWJlbENoYW5nZSgpIHsNCiAgICAgIHRoaXMuY3VyQ2VsbC5zZXRMYWJlbHMoWw0KICAgICAgICB7DQogICAgICAgICAgYXR0cnM6IHsNCiAgICAgICAgICAgIHRleHQ6IHsNCiAgICAgICAgICAgICAgdGV4dDogdGhpcy5sYWJlbCwNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgfSwNCiAgICAgICAgICBwb3NpdGlvbjogew0KICAgICAgICAgICAgZGlzdGFuY2U6IDAuNSwNCiAgICAgICAgICB9LA0KICAgICAgICB9LA0KICAgICAgXSk7DQogICAgfQ0KICB9DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuLA;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;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;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/ConfigPanel/ConfigEdge","sourcesContent":["<template>\r\n  <div style=\"width: 100%;height: 100%;\">\r\n    <el-tabs>\r\n      <el-tab-pane label=\"线条\">\r\n        <el-row>\r\n          <el-col :span=\"8\">线边的宽度</el-col>\r\n          <el-col :span=\"12\">\r\n            <el-slider\r\n              :min=\"1\"\r\n              :max=\"25\"\r\n              :step=\"1\"\r\n              size=\"mini\"\r\n              v-model=\"strokeWidth\"\r\n              @change=\"onStrokeWidthChange\"\r\n            />\r\n          </el-col>\r\n          <el-col :span=\"2\">\r\n            <div class=\"result\">{{ strokeWidth }}</div>\r\n          </el-col>\r\n        </el-row>\r\n        <el-row>\r\n          <el-col :span=\"8\">外线边的宽度</el-col>\r\n          <el-col :span=\"12\">\r\n            <el-slider\r\n              :min=\"1\"\r\n              :max=\"25\"\r\n              :step=\"1\"\r\n              size=\"mini\"\r\n              v-model=\"outStrokeWidth\"\r\n              @change=\"onOutStrokeWidthChange\"\r\n            />\r\n          </el-col>\r\n          <el-col :span=\"2\">\r\n            <div class=\"result\">{{ outStrokeWidth }}</div>\r\n          </el-col>\r\n        </el-row>\r\n        <el-row>\r\n          <el-col :span=\"8\">线条颜色</el-col>\r\n          <el-col :span=\"14\">\r\n            <el-input\r\n              type=\"color\"\r\n              v-model=\"stroke\"\r\n              size=\"mini\"\r\n              style=\"width: 100%\"\r\n              @change=\"onStrokeChange\"\r\n            />\r\n          </el-col>\r\n        </el-row>\r\n        <el-row>\r\n          <el-col :span=\"8\">外线条的颜色</el-col>\r\n          <el-col :span=\"14\">\r\n            <el-input\r\n              type=\"color\"\r\n              v-model=\"outStroke\"\r\n              size=\"mini\"\r\n              style=\"width: 100%\"\r\n              @change=\"onOutStrokeChange\"\r\n            />\r\n          </el-col>\r\n        </el-row>\r\n        <el-row>\r\n          <el-col :span=\"8\">虚线</el-col>\r\n          <el-col :span=\"12\">\r\n            <el-slider\r\n              :min=\"0\"\r\n              :max=\"10\"\r\n              :step=\"1\"\r\n              size=\"mini\"\r\n              v-model=\"strokeDasharray\"\r\n              @change=\"onStrokeDasharray\"\r\n            />\r\n          </el-col>\r\n          <el-col :span=\"2\">\r\n            <div class=\"result\">{{ strokeDasharray }}</div>\r\n          </el-col>\r\n        </el-row>\r\n        <el-row>\r\n          <el-col :span=\"8\">动画</el-col>\r\n          <el-col :span=\"12\">\r\n            <el-slider\r\n              :min=\"0\"\r\n              :max=\"50\"\r\n              :step=\"1\"\r\n              size=\"mini\"\r\n              v-model=\"animation\"\r\n              @change=\"onAnimation\"\r\n            />\r\n          </el-col>\r\n          <el-col :span=\"2\">\r\n            <div class=\"result\">{{ animation }}</div>\r\n          </el-col>\r\n        </el-row>\r\n        <el-row>\r\n          <el-col :span=\"8\">连接方式</el-col>\r\n          <el-col :span=\"14\">\r\n            <el-select\r\n              style=\"width: 100%\"\r\n              size=\"mini\"\r\n              v-model=\"connector\"\r\n              @change=\"onConnectorChange\"\r\n            >\r\n              <el-option value=\"normal\">Normal</el-option>\r\n              <el-option value=\"smooth\">Smooth</el-option>\r\n              <el-option value=\"rounded\">Rounded</el-option>\r\n              <el-option value=\"jumpover\">Jumpover</el-option>\r\n            </el-select>\r\n          </el-col>\r\n        </el-row>\r\n        <el-row>\r\n          <el-col :span=\"8\">路由</el-col>\r\n          <el-col :span=\"14\">\r\n            <el-select\r\n              style=\"width: 100%\"\r\n              size=\"mini\"\r\n              v-model=\"edgeRouter\"\r\n              @change=\"onEdgeRouter\"\r\n            >\r\n              <el-option value=\"normal\">Normal</el-option>\r\n              <el-option value=\"orth\">Orth</el-option>\r\n              <el-option value=\"oneSide\">OneSide</el-option>\r\n              <el-option value=\"manhattan\">Manhattan</el-option>\r\n              <el-option value=\"metro\">Metro</el-option>\r\n              <el-option value=\"er\">Er</el-option>\r\n            </el-select>\r\n          </el-col>\r\n        </el-row>\r\n        <el-row v-show=\"edgeRouter == 'er'\">\r\n          <el-col :span=\"8\">Edge Offset</el-col>\r\n          <el-col :span=\"12\">\r\n            <el-slider\r\n              :min=\"8\"\r\n              :max=\"64\"\r\n              :step=\"1\"\r\n              size=\"mini\"\r\n              v-model=\"edgeOffset\"\r\n            />\r\n          </el-col>\r\n          <el-col :span=\"2\">\r\n            <div class=\"result\">{{ edgeOffset }}</div>\r\n          </el-col>\r\n        </el-row>\r\n        <el-row v-show=\"edgeRouter == 'er'\">\r\n          <el-col :span=\"8\">边的描述</el-col>\r\n          <el-col :span=\"14\">\r\n            <el-select\r\n              style=\"width: 100%\"\r\n              size=\"mini\"\r\n              v-model=\"edgeDirection\"\r\n            >\r\n              <el-option value=\"L\">L</el-option>\r\n              <el-option value=\"R\">R</el-option>\r\n              <el-option value=\"H\">H</el-option>\r\n              <el-option value=\"T\">T</el-option>\r\n              <el-option value=\"B\">B</el-option>\r\n              <el-option value=\"V\">V</el-option>\r\n            </el-select>\r\n          </el-col>\r\n        </el-row>\r\n        <el-row>\r\n          <el-col :span='8'>节点层级</el-col>\r\n          <el-col :span='12'>\r\n            <el-slider size=\"mini\" :min='0' :max='100' :step='1' v-model=\"ZIndex\" style=\"width: 100%\"/>\r\n          </el-col>\r\n          <el-col :span='2'>\r\n            <div class=\"result\">{{ ZIndex }}</div>\r\n          </el-col>\r\n        </el-row>\r\n        <el-row>\r\n          <el-col :span=\"8\">标签</el-col>\r\n          <el-col :span=\"14\">\r\n            <el-input\r\n              v-model=\"label\"\r\n              size=\"mini\"\r\n              style=\"width: 100%\"\r\n              @change=\"onLabelChange\"\r\n            />\r\n          </el-col>\r\n        </el-row>\r\n      </el-tab-pane>\r\n    </el-tabs>\r\n  </div>\r\n</template>\r\n<script>\r\nimport FlowGraph from \"../../../graph\";\r\nexport default {\r\n  name: 'index',\r\n  data() {\r\n    return {\r\n      curCell: null\r\n    }\r\n  },\r\n  computed: {\r\n    strokeWidth: {\r\n      get() {\r\n        return this.$store.state.flow.strokeWidth\r\n      },\r\n      set(val) {\r\n        this.$store.commit('flow/updatestrokeWidth', val)\r\n      }\r\n    },\r\n    outStrokeWidth: {\r\n      get() {\r\n        return this.$store.state.flow.outStrokeWidth\r\n      },\r\n      set(val) {\r\n        this.$store.commit('flow/updateoutStrokeWidth', val)\r\n      }\r\n    },\r\n    stroke: {\r\n      get() {\r\n        return this.$store.state.flow.stroke\r\n      },\r\n      set(val) {\r\n        this.$store.commit('flow/updatestroke', val)\r\n      }\r\n    },\r\n    outStroke: {\r\n      get() {\r\n        return this.$store.state.flow.outStroke\r\n      },\r\n      set(val) {\r\n        this.$store.commit('flow/updateoutStroke', val)\r\n      }\r\n    },\r\n    strokeDasharray: {\r\n      get() {\r\n        return this.$store.state.flow.strokeDasharray\r\n      },\r\n      set(val) {\r\n        this.$store.commit('flow/updatestrokeDasharray', val)\r\n      }\r\n    },\r\n    animation: {\r\n      get() {\r\n        return this.$store.state.flow.animation\r\n      },\r\n      set(val) {\r\n        this.$store.commit('flow/updateanimation', val)\r\n      }\r\n    },\r\n    connector: {\r\n      get() {\r\n        return this.$store.state.flow.connector\r\n      },\r\n      set(val) {\r\n        this.$store.commit('flow/updateconnector', val)\r\n      }\r\n    },\r\n    edgeRouter: {\r\n      get() {\r\n        return this.$store.state.flow.edgeRouter\r\n      },\r\n      set(val) {\r\n        this.$store.commit('flow/updateedgeRouter', val)\r\n      }\r\n    },\r\n    edgeOffset: {\r\n      get() {\r\n        return this.$store.state.flow.edgeOffset\r\n      },\r\n      set(val) {\r\n        this.$store.commit('flow/updateedgeOffset', val)\r\n      }\r\n    },\r\n    edgeDirection: {\r\n      get() {\r\n        return this.$store.state.flow.edgeDirection\r\n      },\r\n      set(val) {\r\n        this.$store.commit('flow/updateedgeDirection', val)\r\n      }\r\n    },\r\n    ZIndex: {\r\n      get() {\r\n        return this.$store.state.flow.ZIndex\r\n      },\r\n      set(val) {\r\n        this.$store.commit('flow/updateZIndex', val)\r\n      }\r\n    },\r\n    label: {\r\n      get() {\r\n        return this.$store.state.flow.label\r\n      },\r\n      set(val) {\r\n        this.$store.commit('flow/updatelabel', val)\r\n      }\r\n    }\r\n  },\r\n  props: { id: String },\r\n  watch: {\r\n    id: {\r\n      handler() {\r\n        const { graph } = FlowGraph;\r\n        const cell = graph.getCellById(this.id);\r\n        if (!cell || !cell.isEdge()) {\r\n          return;\r\n        }\r\n        this.curCell = cell;\r\n        this.ZIndex = cell.getZIndex()\r\n        const connector = cell.getConnector() || {\r\n          name: \"normal\",\r\n        };\r\n        this.stroke = cell.attr(\"line/stroke\");\r\n        this.strokeWidth = cell.attr(\"line/strokeWidth\");\r\n        this.connector = connector.name;\r\n        this.label = (cell.getLabels()[0]?.attrs)?.text?.text || \"\";\r\n      },\r\n      deep: false,\r\n      immediate: false\r\n    },\r\n    edgeOffset: {\r\n      handler() {\r\n        this.curCell?.prop('router/args', { offset: this.edgeOffset, direction: this.edgeDirection })\r\n      },\r\n      immediate: false\r\n    },\r\n    edgeDirection: {\r\n      handler() {\r\n        this.curCell?.prop('router/args', { offset: this.edgeOffset, direction: this.edgeDirection })\r\n      },\r\n      immediate: false\r\n    },\r\n    ZIndex: {\r\n      handler() {\r\n        if(this.curCell) {\r\n          this.curCell?.setZIndex(this.ZIndex)\r\n        }\r\n      },\r\n      immediate: false\r\n    }\r\n  },\r\n  methods: {\r\n    // 线边的宽度\r\n    onStrokeWidthChange() {\r\n      this.curCell?.attr(\"line/strokeWidth\", this.strokeWidth);\r\n      console.log(this.curCell, '----->>>')\r\n    },\r\n    // 外线边的宽度\r\n    onOutStrokeWidthChange() {\r\n      this.curCell?.attr(\"outline/strokeWidth\", this.outStrokeWidth);\r\n    },\r\n    // 线边颜色\r\n    onStrokeChange() {\r\n      this.curCell?.attr(\"line/stroke\", this.stroke);\r\n    },\r\n    // 外线边颜色\r\n    onOutStrokeChange() {\r\n      this.curCell?.attr(\"outline/stroke\", this.outStroke);\r\n    },\r\n    // 虚线\r\n    onStrokeDasharray() {\r\n      this.curCell?.attr(\"line/strokeDasharray\", this.strokeDasharray);\r\n    },\r\n    // 动画\r\n    onAnimation() {\r\n      this.curCell?.attr(\"line/style/animation\", `ant-line ${this.animation}s infinite linear`);\r\n    },\r\n    // 连接方式\r\n    onConnectorChange () {\r\n      this.curCell?.setConnector(this.connector);\r\n    },\r\n    // 路由\r\n    onEdgeRouter () {\r\n      this.curCell?.setRouter({ name: this.edgeRouter })\r\n    },\r\n    onLabelChange() {\r\n      this.curCell.setLabels([\r\n        {\r\n          attrs: {\r\n            text: {\r\n              text: this.label,\r\n            },\r\n          },\r\n          position: {\r\n            distance: 0.5,\r\n          },\r\n        },\r\n      ]);\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped>\r\n.el-row {\r\n  margin-bottom: 5px;\r\n}\r\n</style>>\r\n"]}]}