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