| 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\\ConfigGrid\\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\\ConfigGrid\\index.vue","mtime":1688537505284},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgR3JpZE9wdGlvbiBmcm9tICcuL21ldGhvZCcNCmNvbnN0IEdSSURfVFlQRV9FTlVNID0gew0KICBET1QgOiAnZG90JywNCiAgRklYRURfRE9UIDogJ2ZpeGVkRG90JywNCiAgTUVTSCA6ICdtZXNoJywNCiAgRE9VQkxFX01FU0ggOiAnZG91YmxlTWVzaCcsDQp9DQpjb25zdCBSRVBFQVRfVFlQRV9FTlVNID0gew0KICBOT19SRVBFQVQgOiAnbm8tcmVwZWF0JywNCiAgUkVQRUFUIDogJ3JlcGVhdCcsDQogIFJFUEVBVF9YIDogJ3JlcGVhdC14JywNCiAgUkVQRUFUX1kgOiAncmVwZWF0LXknLA0KICBST1VORCA6ICdyb3VuZCcsDQogIFNQQUNFIDogJ3NwYWNlJywNCiAgRkxJUFggOiAnZmxpcFgnLA0KICBGTElQWSA6ICdmbGlwWScsDQogIEZMSVBYWSA6ICdmbGlwWFknLA0KICBXQVRFUk1BUksgOiAnd2F0ZXJtYXJrJywNCn0NCmV4cG9ydCBkZWZhdWx0IHsNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgR1JJRF9UWVBFOiBHUklEX1RZUEVfRU5VTSwNCiAgICAgIFJFUEVBVF9UWVBFOiBSRVBFQVRfVFlQRV9FTlVNLA0KICAgICAgYWN0aXZlTmFtZTogJzEnDQogICAgfQ0KICB9LA0KICBjb21wdXRlZDogew0KICAgIHNob3dHcmlkOiB7DQogICAgICBnZXQoKSB7DQogICAgICAgIHJldHVybiB0aGlzLiRzdG9yZS5zdGF0ZS5mbG93LnNob3dHcmlkDQogICAgICB9LA0KICAgICAgc2V0KHZhbCkgew0KICAgICAgICB0aGlzLiRzdG9yZS5jb21taXQoJ2Zsb3cvdXBkYXRlc2hvd0dyaWQnLCB2YWwpDQogICAgICB9DQogICAgfSwNCiAgICB0eXBlOiB7DQogICAgICBnZXQoKSB7DQogICAgICAgIHJldHVybiB0aGlzLiRzdG9yZS5zdGF0ZS5mbG93LnR5cGUNCiAgICAgIH0sDQogICAgICBzZXQodmFsKSB7DQogICAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnZmxvdy91cGRhdGV0eXBlJywgdmFsKQ0KICAgICAgfQ0KICAgIH0sDQogICAgc2l6ZTogew0KICAgICAgZ2V0KCkgew0KICAgICAgICByZXR1cm4gdGhpcy4kc3RvcmUuc3RhdGUuZmxvdy5zaXplDQogICAgICB9LA0KICAgICAgc2V0KHZhbCkgew0KICAgICAgICB0aGlzLiRzdG9yZS5jb21taXQoJ2Zsb3cvdXBkYXRlc2l6ZScsIHZhbCkNCiAgICAgIH0NCiAgICB9LA0KICAgIGNvbG9yOiB7DQogICAgICBnZXQoKSB7DQogICAgICAgIHJldHVybiB0aGlzLiRzdG9yZS5zdGF0ZS5mbG93LmNvbG9yDQogICAgICB9LA0KICAgICAgc2V0KHZhbCkgew0KICAgICAgICB0aGlzLiRzdG9yZS5jb21taXQoJ2Zsb3cvdXBkYXRlY29sb3InLCB2YWwpDQogICAgICB9DQogICAgfSwNCiAgICB0aGlja25lc3M6IHsNCiAgICAgIGdldCgpIHsNCiAgICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLmZsb3cudGhpY2tuZXNzDQogICAgICB9LA0KICAgICAgc2V0KHZhbCkgew0KICAgICAgICB0aGlzLiRzdG9yZS5jb21taXQoJ2Zsb3cvdXBkYXRldGhpY2tuZXNzJywgdmFsKQ0KICAgICAgfQ0KICAgIH0sDQogICAgY29sb3JTZWNvbmQ6IHsNCiAgICAgIGdldCgpIHsNCiAgICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLmZsb3cuY29sb3JTZWNvbmQNCiAgICAgIH0sDQogICAgICBzZXQodmFsKSB7DQogICAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnZmxvdy91cGRhdGVjb2xvclNlY29uZCcsIHZhbCkNCiAgICAgIH0NCiAgICB9LA0KICAgIHRoaWNrbmVzc1NlY29uZDogew0KICAgICAgZ2V0KCkgew0KICAgICAgICByZXR1cm4gdGhpcy4kc3RvcmUuc3RhdGUuZmxvdy50aGlja25lc3NTZWNvbmQNCiAgICAgIH0sDQogICAgICBzZXQodmFsKSB7DQogICAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnZmxvdy91cGRhdGV0aGlja25lc3NTZWNvbmQnLCB2YWwpDQogICAgICB9DQogICAgfSwNCiAgICBmYWN0b3I6IHsNCiAgICAgIGdldCgpIHsNCiAgICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLmZsb3cuZmFjdG9yDQogICAgICB9LA0KICAgICAgc2V0KHZhbCkgew0KICAgICAgICB0aGlzLiRzdG9yZS5jb21taXQoJ2Zsb3cvdXBkYXRlZmFjdG9yJywgdmFsKQ0KICAgICAgfQ0KICAgIH0sDQogICAgYmdDb2xvcjogew0KICAgICAgZ2V0KCkgew0KICAgICAgICByZXR1cm4gdGhpcy4kc3RvcmUuc3RhdGUuZmxvdy5iZ0NvbG9yDQogICAgICB9LA0KICAgICAgc2V0KHZhbCkgew0KICAgICAgICB0aGlzLiRzdG9yZS5jb21taXQoJ2Zsb3cvdXBkYXRlYmdDb2xvcicsIHZhbCkNCiAgICAgIH0NCiAgICB9LA0KICAgIHNob3dJbWFnZTogew0KICAgICAgZ2V0KCkgew0KICAgICAgICByZXR1cm4gdGhpcy4kc3RvcmUuc3RhdGUuZmxvdy5zaG93SW1hZ2UNCiAgICAgIH0sDQogICAgICBzZXQodmFsKSB7DQogICAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnZmxvdy91cGRhdGVzaG93SW1hZ2UnLCB2YWwpDQogICAgICB9DQogICAgfSwNCiAgICByZXBlYXQ6IHsNCiAgICAgIGdldCgpIHsNCiAgICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLmZsb3cucmVwZWF0DQogICAgICB9LA0KICAgICAgc2V0KHZhbCkgew0KICAgICAgICB0aGlzLiRzdG9yZS5jb21taXQoJ2Zsb3cvdXBkYXRlcmVwZWF0JywgdmFsKQ0KICAgICAgfQ0KICAgIH0sDQogICAgYW5nbGU6IHsNCiAgICAgIGdldCgpIHsNCiAgICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLmZsb3cuYW5nbGUNCiAgICAgIH0sDQogICAgICBzZXQodmFsKSB7DQogICAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnZmxvdy91cGRhdGVhbmdsZScsIHZhbCkNCiAgICAgIH0NCiAgICB9LA0KICAgIHBvc2l0aW9uOiB7DQogICAgICBnZXQoKSB7DQogICAgICAgIHJldHVybiB0aGlzLiRzdG9yZS5zdGF0ZS5mbG93LnBvc2l0aW9uDQogICAgICB9LA0KICAgICAgc2V0KHZhbCkgew0KICAgICAgICB0aGlzLiRzdG9yZS5jb21taXQoJ2Zsb3cvdXBkYXRlcG9zaXRpb24nLCB2YWwpDQogICAgICB9DQogICAgfSwNCiAgICBiZ1NpemU6IHsNCiAgICAgIGdldCgpIHsNCiAgICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLmZsb3cuYmdTaXplDQogICAgICB9LA0KICAgICAgc2V0KHZhbCkgew0KICAgICAgICB0aGlzLiRzdG9yZS5jb21taXQoJ2Zsb3cvdXBkYXRlYmdTaXplJywgdmFsKQ0KICAgICAgfQ0KICAgIH0sDQogICAgb3BhY2l0eTogew0KICAgICAgZ2V0KCkgew0KICAgICAgICByZXR1cm4gdGhpcy4kc3RvcmUuc3RhdGUuZmxvdy5vcGFjaXR5DQogICAgICB9LA0KICAgICAgc2V0KHZhbCkgew0KICAgICAgICB0aGlzLiRzdG9yZS5jb21taXQoJ2Zsb3cvdXBkYXRlb3BhY2l0eScsIHZhbCkNCiAgICAgIH0NCiAgICB9DQogIH0sDQogIHdhdGNoOiB7DQogICAgJ3Nob3dHcmlkJzogew0KICAgICAgaGFuZGxlcigpIHsNCiAgICAgICAgR3JpZE9wdGlvbi5pc1Nob3dHcmlkKHRoaXMuJHN0b3JlLnN0YXRlLmZsb3cpDQogICAgICB9LA0KICAgICAgaW1tZWRpYXRlOiBmYWxzZSwNCiAgICAgIGRlZXA6IGZhbHNlDQogICAgfSwNCiAgICAndHlwZSc6IHsNCiAgICAgIGhhbmRsZXIoKSB7DQogICAgICAgIEdyaWRPcHRpb24uZ3JpZE9wdCh0aGlzLiRzdG9yZS5zdGF0ZS5mbG93KQ0KICAgICAgfSwNCiAgICAgIGltbWVkaWF0ZTogZmFsc2UsDQogICAgICBkZWVwOiBmYWxzZQ0KICAgIH0sDQogICAgJ2NvbG9yJzogew0KICAgICAgaGFuZGxlcigpIHsNCiAgICAgICAgR3JpZE9wdGlvbi5ncmlkT3B0KHRoaXMuJHN0b3JlLnN0YXRlLmZsb3cpDQogICAgICB9LA0KICAgICAgaW1tZWRpYXRlOiBmYWxzZSwNCiAgICAgIGRlZXA6IGZhbHNlDQogICAgfSwNCiAgICAndGhpY2tuZXNzJzogew0KICAgICAgaGFuZGxlcigpIHsNCiAgICAgICAgR3JpZE9wdGlvbi5ncmlkT3B0KHRoaXMuJHN0b3JlLnN0YXRlLmZsb3cpDQogICAgICB9LA0KICAgICAgaW1tZWRpYXRlOiBmYWxzZSwNCiAgICAgIGRlZXA6IGZhbHNlDQogICAgfSwNCiAgICAndGhpY2tuZXNzU2Vjb25kJzogew0KICAgICAgaGFuZGxlcigpIHsNCiAgICAgICAgR3JpZE9wdGlvbi5ncmlkT3B0KHRoaXMuJHN0b3JlLnN0YXRlLmZsb3cpDQogICAgICB9LA0KICAgICAgaW1tZWRpYXRlOiBmYWxzZSwNCiAgICAgIGRlZXA6IGZhbHNlDQogICAgfSwNCiAgICAnY29sb3JTZWNvbmQnOiB7DQogICAgICBoYW5kbGVyKCkgew0KICAgICAgICBHcmlkT3B0aW9uLmdyaWRPcHQodGhpcy4kc3RvcmUuc3RhdGUuZmxvdykNCiAgICAgIH0sDQogICAgICBpbW1lZGlhdGU6IGZhbHNlLA0KICAgICAgZGVlcDogZmFsc2UNCiAgICB9LA0KICAgICdmYWN0b3InOiB7DQogICAgICBoYW5kbGVyKCkgew0KICAgICAgICBHcmlkT3B0aW9uLmdyaWRPcHQodGhpcy4kc3RvcmUuc3RhdGUuZmxvdykNCiAgICAgIH0sDQogICAgICBpbW1lZGlhdGU6IGZhbHNlLA0KICAgICAgZGVlcDogZmFsc2UNCiAgICB9LA0KICAgICdiZ0NvbG9yJzogew0KICAgICAgaGFuZGxlcigpIHsNCiAgICAgICAgR3JpZE9wdGlvbi5iYWNrR3JvdW5kT3B0KHRoaXMuJHN0b3JlLnN0YXRlLmZsb3cpDQogICAgICB9LA0KICAgICAgaW1tZWRpYXRlOiBmYWxzZSwNCiAgICAgIGRlZXA6IGZhbHNlDQogICAgfSwNCiAgICAnc2hvd0ltYWdlJzogew0KICAgICAgaGFuZGxlcigpIHsNCiAgICAgICAgR3JpZE9wdGlvbi5iYWNrR3JvdW5kT3B0KHRoaXMuJHN0b3JlLnN0YXRlLmZsb3cpDQogICAgICB9LA0KICAgICAgaW1tZWRpYXRlOiBmYWxzZSwNCiAgICAgIGRlZXA6IGZhbHNlDQogICAgfSwNCiAgICAncmVwZWF0Jzogew0KICAgICAgaGFuZGxlcigpIHsNCiAgICAgICAgR3JpZE9wdGlvbi5iYWNrR3JvdW5kT3B0KHRoaXMuJHN0b3JlLnN0YXRlLmZsb3cpDQogICAgICB9LA0KICAgICAgaW1tZWRpYXRlOiBmYWxzZSwNCiAgICAgIGRlZXA6IGZhbHNlDQogICAgfSwNCiAgICAnYW5nbGUnOiB7DQogICAgICBoYW5kbGVyKCkgew0KICAgICAgICBHcmlkT3B0aW9uLmJhY2tHcm91bmRPcHQodGhpcy4kc3RvcmUuc3RhdGUuZmxvdykNCiAgICAgIH0sDQogICAgICBpbW1lZGlhdGU6IGZhbHNlLA0KICAgICAgZGVlcDogZmFsc2UNCiAgICB9LA0KICAgICdiZ1NpemUnOiB7DQogICAgICBoYW5kbGVyKCkgew0KICAgICAgICBHcmlkT3B0aW9uLmJhY2tHcm91bmRPcHQodGhpcy4kc3RvcmUuc3RhdGUuZmxvdykNCiAgICAgIH0sDQogICAgICBpbW1lZGlhdGU6IGZhbHNlLA0KICAgICAgZGVlcDogZmFsc2UNCiAgICB9LA0KICAgICdwb3NpdGlvbic6IHsNCiAgICAgIGhhbmRsZXIoKSB7DQogICAgICAgIEdyaWRPcHRpb24uYmFja0dyb3VuZE9wdCh0aGlzLiRzdG9yZS5zdGF0ZS5mbG93KQ0KICAgICAgfSwNCiAgICAgIGltbWVkaWF0ZTogZmFsc2UsDQogICAgICBkZWVwOiBmYWxzZQ0KICAgIH0sDQogICAgJ29wYWNpdHknOiB7DQogICAgICBoYW5kbGVyKCkgew0KICAgICAgICBHcmlkT3B0aW9uLmJhY2tHcm91bmRPcHQodGhpcy4kc3RvcmUuc3RhdGUuZmxvdykNCiAgICAgIH0sDQogICAgICBpbW1lZGlhdGU6IGZhbHNlLA0KICAgICAgZGVlcDogZmFsc2UNCiAgICB9LA0KICAgICdzaXplJzogew0KICAgICAgaGFuZGxlcigpIHsNCiAgICAgICAgR3JpZE9wdGlvbi5zZXRHcmlkU2l6ZSh0aGlzLiRzdG9yZS5zdGF0ZS5mbG93KQ0KICAgICAgfSwNCiAgICAgIGltbWVkaWF0ZTogZmFsc2UsDQogICAgICBkZWVwOiBmYWxzZQ0KICAgIH0sDQogIH0sDQogIGNyZWF0ZWQoKSB7DQogICAgR3JpZE9wdGlvbi5ncmlkT3B0KHRoaXMuJHN0b3JlLnN0YXRlLmZsb3cpDQogICAgR3JpZE9wdGlvbi5zZXRHcmlkU2l6ZSh0aGlzLiRzdG9yZS5zdGF0ZS5mbG93KQ0KICAgIEdyaWRPcHRpb24uYmFja0dyb3VuZE9wdCh0aGlzLiRzdG9yZS5zdGF0ZS5mbG93KQ0KICAgIEdyaWRPcHRpb24uaXNTaG93R3JpZCh0aGlzLiRzdG9yZS5zdGF0ZS5mbG93KQ0KICB9DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2MA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/ConfigGrid","sourcesContent":["<template>\r\n <div style=\"width: 100%;height: 100%;\">\r\n <el-tabs v-model=\"activeName\">\r\n <el-tab-pane label=\"网格\" name=\"1\">\r\n <el-row align=\"middle\">\r\n <el-col :span='24'>\r\n <el-checkbox v-model=\"showGrid\">\r\n Show Grid\r\n </el-checkbox>\r\n </el-col>\r\n </el-row>\r\n <el-row align=\"middle\" v-show=\"showGrid\">\r\n <el-col :span='10'>Grid Type</el-col>\r\n <el-col :span='12'>\r\n <el-select style=\"width: 100%\" v-model=\"type\">\r\n <el-option :value=\"GRID_TYPE.DOT\">Dot</el-option>\r\n <el-option :value=\"GRID_TYPE.FIXED_DOT\">Fixed Dot</el-option>\r\n <el-option :value=\"GRID_TYPE.MESH\" default>Mesh</el-option>\r\n <el-option :value=\"GRID_TYPE.DOUBLE_MESH\">Double Mesh</el-option>\r\n </el-select>\r\n </el-col>\r\n </el-row>\r\n <el-row align=\"middle\" v-show=\"showGrid\">\r\n <el-col :span='10'>Grid Size</el-col>\r\n <el-col :span='10'>\r\n <el-slider :min='9' :max='20' :step='1' v-model=\"size\" />\r\n </el-col>\r\n <el-col :span='2'>\r\n <div class=\"result\">{{size}}</div>\r\n </el-col>\r\n </el-row>\r\n <div v-if=\"type === 'doubleMesh' && showGrid\">\r\n <el-row align=\"middle\">\r\n <el-col :span='10'>Primary Color</el-col>\r\n <el-col :span='12'>\r\n <el-input\r\n type=\"color\"\r\n v-model=\"color\"\r\n style=\"width: 100%\"\r\n />\r\n </el-col>\r\n </el-row>\r\n <el-row align=\"middle\">\r\n <el-col :span='10'>Primary Thickness</el-col>\r\n <el-col :span='10'>\r\n <el-slider :min='0.5' :max='10' :step='0.5 ' v-model=\"thickness\" />\r\n </el-col>\r\n <el-col :span=2>\r\n <div class=\"result\">{{ thickness.toFixed(1) }}</div>\r\n </el-col>\r\n </el-row>\r\n <el-row align=\"middle\">\r\n <el-col :span='10'>Secondary Color</el-col>\r\n <el-col :span='12'>\r\n <el-input type=\"color\" v-model=\"colorSecond\" style=\"width: 100%\" />\r\n </el-col>\r\n </el-row>\r\n <el-row align=\"middle\">\r\n <el-col :span='10'>Secondary Thickness</el-col>\r\n <el-col :span='10'>\r\n <el-slider\r\n :min='1.5'\r\n :max='10'\r\n :step='0.5'\r\n v-model=\"thicknessSecond\"\r\n />\r\n </el-col>\r\n <el-col :span=2>\r\n <div class=\"result\">{{ thicknessSecond.toFixed(1) }}</div>\r\n </el-col>\r\n </el-row>\r\n <el-row align=\"middle\">\r\n <el-col :span='10'>Scale Factor</el-col>\r\n <el-col :span='10'>\r\n <el-slider\r\n :min='1'\r\n :max='10'\r\n :step='1'\r\n v-model=\"factor\"\r\n />\r\n </el-col>\r\n <el-col :span='2'>\r\n <div class=\"result\">{{ factor }}</div>\r\n </el-col>\r\n </el-row>\r\n </div>\r\n <div v-else>\r\n <el-row align=\"middle\" v-show=\"showGrid\">\r\n <el-col :span='10'>Grid Color</el-col>\r\n <el-col :span='12'>\r\n <el-input type=\"color\" v-model=\"color\" style=\"width: 100%\" />\r\n </el-col>\r\n </el-row>\r\n <el-row align=\"middle\" v-show=\"showGrid\">\r\n <el-col :span='10'>Thickness</el-col>\r\n <el-col :span='10'>\r\n <el-slider :min='0.5' :max='10' :step='0.5' v-model=\"thickness\" />\r\n </el-col>\r\n <el-col :span=1>\r\n <div class=\"result\">{{thickness.toFixed(1)}}</div>\r\n </el-col>\r\n </el-row>\r\n </div>\r\n </el-tab-pane>\r\n\r\n <el-tab-pane label=\"背景\" name=\"2\">\r\n <el-row align=\"middle\">\r\n <el-col :span=6>Color</el-col>\r\n <el-col :span=14>\r\n <el-input type=\"color\" v-model=\"bgColor\" style= \"width: 100%\" />\r\n </el-col>\r\n </el-row>\r\n <el-row align=\"middle\">\r\n <el-col :span=\"14\" :offset=\"6\">\r\n <el-checkbox v-model=\"showImage\">\r\n Show Image\r\n </el-checkbox>\r\n </el-col>\r\n </el-row>\r\n <div v-if=\"showImage\">\r\n <el-row align=\"middle\">\r\n <el-col :span='6'>Repeat</el-col>\r\n <el-col :span='14'>\r\n <el-select style=\"width: 100%\" v-model=\"repeat\">\r\n <el-option :value=\"REPEAT_TYPE.NO_REPEAT\">No Repeat</el-option>\r\n <el-option :value=\"REPEAT_TYPE.REPEAT\">Repeat</el-option>\r\n <el-option :value=\"REPEAT_TYPE.REPEAT_X\">Repeat X</el-option>\r\n <el-option :value=\"REPEAT_TYPE.REPEAT_Y\">Repeat Y</el-option>\r\n <el-option :value=\"REPEAT_TYPE.ROUND\">Round</el-option>\r\n <el-option :value=\"REPEAT_TYPE.SPACE\">Space</el-option>\r\n <el-option :value=\"REPEAT_TYPE.FLIPX\">Flip X</el-option>\r\n <el-option :value=\"REPEAT_TYPE.FLIPY\">Flip Y</el-option>\r\n <el-option :value=\"REPEAT_TYPE.FLIPXY\">Flip XY</el-option>\r\n <el-option :value=\"REPEAT_TYPE.WATERMARK\">Watermark</el-option>\r\n </el-select>\r\n </el-col>\r\n </el-row>\r\n <div v-if=\"repeat === 'watermark'\">\r\n <el-row align=\"middle\">\r\n <el-col :span='16' :offset='6' style=\"font-size: 12px\">\r\n Watermark Angle\r\n </el-col>\r\n <el-col :span='14' :offset='6'>\r\n <el-slider :min='0' :max='360' :step='1' v-model=\"angle\" />\r\n </el-col>\r\n <el-col :span=2>\r\n <div class=\"result\">{{angle}}</div>\r\n </el-col>\r\n </el-row>\r\n </div>\r\n\r\n <el-row align=\"middle\">\r\n <el-col :span='6'>Position</el-col>\r\n <el-col :span='14'>\r\n <el-select style=\"width: 100%\" v-model=\"position\">\r\n <el-option value=\"center\">center</el-option>\r\n <el-option value=\"left\">left</el-option>\r\n <el-option value=\"right\">right</el-option>\r\n <el-option value=\"top\">top</el-option>\r\n <el-option value=\"bottom\">bottom</el-option>\r\n <el-option value=\"50px 50px\">50px 50px</el-option>\r\n <el-option :value=\"JSON.stringify({ x: 50, y: 50 })\">\r\n {`{ x: 50, y: 50 }`}\r\n </el-option>\r\n </el-select>\r\n </el-col>\r\n </el-row>\r\n <el-row align=\"middle\">\r\n <el-col :span='6'>Size</el-col>\r\n <el-col :span='14'>\r\n <el-select style=\"width: 100%\" v-model=\"bgSize\" >\r\n <el-option value=\"auto auto\">auto auto</el-option>\r\n <el-option value=\"cover\">cover</el-option>\r\n <el-option value=\"contain\">contain</el-option>\r\n <el-option value=\"30px 30px\">30px 30px</el-option>\r\n <el-option value=\"100% 100%\">100% 100%</el-option>\r\n <el-option :value=\"JSON.stringify({ width: 150, height: 150 })\">\r\n {`{width: 150, height: 150 }`}\r\n </el-option>\r\n </el-select>\r\n </el-col>\r\n </el-row>\r\n <el-row align=\"middle\">\r\n <el-col :span='6'>Opacity</el-col>\r\n <el-col :span='12'>\r\n <el-slider\r\n :min='0.05'\r\n :max='1'\r\n :step='0.05'\r\n v-model=\"opacity\"\r\n />\r\n </el-col>\r\n <el-col :span=4>\r\n <div class=\"result\">{{ opacity.toFixed(2) }}</div>\r\n </el-col>\r\n </el-row>\r\n </div>\r\n </el-tab-pane>\r\n </el-tabs>\r\n </div> \r\n</template>\r\n\r\n<script>\r\nimport GridOption from './method'\r\nconst GRID_TYPE_ENUM = {\r\n DOT : 'dot',\r\n FIXED_DOT : 'fixedDot',\r\n MESH : 'mesh',\r\n DOUBLE_MESH : 'doubleMesh',\r\n}\r\nconst REPEAT_TYPE_ENUM = {\r\n NO_REPEAT : 'no-repeat',\r\n REPEAT : 'repeat',\r\n REPEAT_X : 'repeat-x',\r\n REPEAT_Y : 'repeat-y',\r\n ROUND : 'round',\r\n SPACE : 'space',\r\n FLIPX : 'flipX',\r\n FLIPY : 'flipY',\r\n FLIPXY : 'flipXY',\r\n WATERMARK : 'watermark',\r\n}\r\nexport default {\r\n data() {\r\n return {\r\n GRID_TYPE: GRID_TYPE_ENUM,\r\n REPEAT_TYPE: REPEAT_TYPE_ENUM,\r\n activeName: '1'\r\n }\r\n },\r\n computed: {\r\n showGrid: {\r\n get() {\r\n return this.$store.state.flow.showGrid\r\n },\r\n set(val) {\r\n this.$store.commit('flow/updateshowGrid', val)\r\n }\r\n },\r\n type: {\r\n get() {\r\n return this.$store.state.flow.type\r\n },\r\n set(val) {\r\n this.$store.commit('flow/updatetype', val)\r\n }\r\n },\r\n size: {\r\n get() {\r\n return this.$store.state.flow.size\r\n },\r\n set(val) {\r\n this.$store.commit('flow/updatesize', val)\r\n }\r\n },\r\n color: {\r\n get() {\r\n return this.$store.state.flow.color\r\n },\r\n set(val) {\r\n this.$store.commit('flow/updatecolor', val)\r\n }\r\n },\r\n thickness: {\r\n get() {\r\n return this.$store.state.flow.thickness\r\n },\r\n set(val) {\r\n this.$store.commit('flow/updatethickness', val)\r\n }\r\n },\r\n colorSecond: {\r\n get() {\r\n return this.$store.state.flow.colorSecond\r\n },\r\n set(val) {\r\n this.$store.commit('flow/updatecolorSecond', val)\r\n }\r\n },\r\n thicknessSecond: {\r\n get() {\r\n return this.$store.state.flow.thicknessSecond\r\n },\r\n set(val) {\r\n this.$store.commit('flow/updatethicknessSecond', val)\r\n }\r\n },\r\n factor: {\r\n get() {\r\n return this.$store.state.flow.factor\r\n },\r\n set(val) {\r\n this.$store.commit('flow/updatefactor', val)\r\n }\r\n },\r\n bgColor: {\r\n get() {\r\n return this.$store.state.flow.bgColor\r\n },\r\n set(val) {\r\n this.$store.commit('flow/updatebgColor', val)\r\n }\r\n },\r\n showImage: {\r\n get() {\r\n return this.$store.state.flow.showImage\r\n },\r\n set(val) {\r\n this.$store.commit('flow/updateshowImage', val)\r\n }\r\n },\r\n repeat: {\r\n get() {\r\n return this.$store.state.flow.repeat\r\n },\r\n set(val) {\r\n this.$store.commit('flow/updaterepeat', val)\r\n }\r\n },\r\n angle: {\r\n get() {\r\n return this.$store.state.flow.angle\r\n },\r\n set(val) {\r\n this.$store.commit('flow/updateangle', val)\r\n }\r\n },\r\n position: {\r\n get() {\r\n return this.$store.state.flow.position\r\n },\r\n set(val) {\r\n this.$store.commit('flow/updateposition', val)\r\n }\r\n },\r\n bgSize: {\r\n get() {\r\n return this.$store.state.flow.bgSize\r\n },\r\n set(val) {\r\n this.$store.commit('flow/updatebgSize', val)\r\n }\r\n },\r\n opacity: {\r\n get() {\r\n return this.$store.state.flow.opacity\r\n },\r\n set(val) {\r\n this.$store.commit('flow/updateopacity', val)\r\n }\r\n }\r\n },\r\n watch: {\r\n 'showGrid': {\r\n handler() {\r\n GridOption.isShowGrid(this.$store.state.flow)\r\n },\r\n immediate: false,\r\n deep: false\r\n },\r\n 'type': {\r\n handler() {\r\n GridOption.gridOpt(this.$store.state.flow)\r\n },\r\n immediate: false,\r\n deep: false\r\n },\r\n 'color': {\r\n handler() {\r\n GridOption.gridOpt(this.$store.state.flow)\r\n },\r\n immediate: false,\r\n deep: false\r\n },\r\n 'thickness': {\r\n handler() {\r\n GridOption.gridOpt(this.$store.state.flow)\r\n },\r\n immediate: false,\r\n deep: false\r\n },\r\n 'thicknessSecond': {\r\n handler() {\r\n GridOption.gridOpt(this.$store.state.flow)\r\n },\r\n immediate: false,\r\n deep: false\r\n },\r\n 'colorSecond': {\r\n handler() {\r\n GridOption.gridOpt(this.$store.state.flow)\r\n },\r\n immediate: false,\r\n deep: false\r\n },\r\n 'factor': {\r\n handler() {\r\n GridOption.gridOpt(this.$store.state.flow)\r\n },\r\n immediate: false,\r\n deep: false\r\n },\r\n 'bgColor': {\r\n handler() {\r\n GridOption.backGroundOpt(this.$store.state.flow)\r\n },\r\n immediate: false,\r\n deep: false\r\n },\r\n 'showImage': {\r\n handler() {\r\n GridOption.backGroundOpt(this.$store.state.flow)\r\n },\r\n immediate: false,\r\n deep: false\r\n },\r\n 'repeat': {\r\n handler() {\r\n GridOption.backGroundOpt(this.$store.state.flow)\r\n },\r\n immediate: false,\r\n deep: false\r\n },\r\n 'angle': {\r\n handler() {\r\n GridOption.backGroundOpt(this.$store.state.flow)\r\n },\r\n immediate: false,\r\n deep: false\r\n },\r\n 'bgSize': {\r\n handler() {\r\n GridOption.backGroundOpt(this.$store.state.flow)\r\n },\r\n immediate: false,\r\n deep: false\r\n },\r\n 'position': {\r\n handler() {\r\n GridOption.backGroundOpt(this.$store.state.flow)\r\n },\r\n immediate: false,\r\n deep: false\r\n },\r\n 'opacity': {\r\n handler() {\r\n GridOption.backGroundOpt(this.$store.state.flow)\r\n },\r\n immediate: false,\r\n deep: false\r\n },\r\n 'size': {\r\n handler() {\r\n GridOption.setGridSize(this.$store.state.flow)\r\n },\r\n immediate: false,\r\n deep: false\r\n },\r\n },\r\n created() {\r\n GridOption.gridOpt(this.$store.state.flow)\r\n GridOption.setGridSize(this.$store.state.flow)\r\n GridOption.backGroundOpt(this.$store.state.flow)\r\n GridOption.isShowGrid(this.$store.state.flow)\r\n }\r\n}\r\n</script>\r\n"]}]}
|
