{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\components\\Charts\\Keyboard.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\components\\Charts\\Keyboard.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KCmltcG9ydCBlY2hhcnRzIGZyb20gJ2VjaGFydHMnCmltcG9ydCByZXNpemUgZnJvbSAnLi9taXhpbnMvcmVzaXplJwoKZXhwb3J0IGRlZmF1bHQgewogIG1peGluczogW3Jlc2l6ZV0sCiAgcHJvcHM6IHsKICAgIGNsYXNzTmFtZTogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICdjaGFydCcKICAgIH0sCiAgICBpZDogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICdjaGFydCcKICAgIH0sCiAgICB3aWR0aDogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICcyMDBweCcKICAgIH0sCiAgICBoZWlnaHQ6IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0OiAnMjAwcHgnCiAgICB9CiAgfSwKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgY2hhcnQ6IG51bGwKICAgIH0KICB9LAogIG1vdW50ZWQoKSB7CiAgICB0aGlzLmluaXRDaGFydCgpCiAgfSwKICBiZWZvcmVEZXN0cm95KCkgewogICAgaWYgKCF0aGlzLmNoYXJ0KSB7CiAgICAgIHJldHVybgogICAgfQogICAgdGhpcy5jaGFydC5kaXNwb3NlKCkKICAgIHRoaXMuY2hhcnQgPSBudWxsCiAgfSwKICBtZXRob2RzOiB7CiAgICBpbml0Q2hhcnQoKSB7CiAgICAgIHRoaXMuY2hhcnQgPSBlY2hhcnRzLmluaXQoZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5pZCkpCgogICAgICBjb25zdCB4QXhpc0RhdGEgPSBbXQogICAgICBjb25zdCBkYXRhID0gW10KICAgICAgY29uc3QgZGF0YTIgPSBbXQogICAgICBmb3IgKGxldCBpID0gMDsgaSA8IDUwOyBpKyspIHsKICAgICAgICB4QXhpc0RhdGEucHVzaChpKQogICAgICAgIGRhdGEucHVzaCgoTWF0aC5zaW4oaSAvIDUpICogKGkgLyA1IC0gMTApICsgaSAvIDYpICogNSkKICAgICAgICBkYXRhMi5wdXNoKChNYXRoLnNpbihpIC8gNSkgKiAoaSAvIDUgKyAxMCkgKyBpIC8gNikgKiAzKQogICAgICB9CiAgICAgIHRoaXMuY2hhcnQuc2V0T3B0aW9uKHsKICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICcjMDgyNjNhJywKICAgICAgICBncmlkOiB7CiAgICAgICAgICBsZWZ0OiAnNSUnLAogICAgICAgICAgcmlnaHQ6ICc1JScKICAgICAgICB9LAogICAgICAgIHhBeGlzOiBbewogICAgICAgICAgc2hvdzogZmFsc2UsCiAgICAgICAgICBkYXRhOiB4QXhpc0RhdGEKICAgICAgICB9LCB7CiAgICAgICAgICBzaG93OiBmYWxzZSwKICAgICAgICAgIGRhdGE6IHhBeGlzRGF0YQogICAgICAgIH1dLAogICAgICAgIHZpc3VhbE1hcDogewogICAgICAgICAgc2hvdzogZmFsc2UsCiAgICAgICAgICBtaW46IDAsCiAgICAgICAgICBtYXg6IDUwLAogICAgICAgICAgZGltZW5zaW9uOiAwLAogICAgICAgICAgaW5SYW5nZTogewogICAgICAgICAgICBjb2xvcjogWycjNGE2NTdhJywgJyMzMDhlOTInLCAnI2IxY2ZhNScsICcjZjVkNjlmJywgJyNmNTg5OGInLCAnI2VmNTA1NSddCiAgICAgICAgICB9CiAgICAgICAgfSwKICAgICAgICB5QXhpczogewogICAgICAgICAgYXhpc0xpbmU6IHsKICAgICAgICAgICAgc2hvdzogZmFsc2UKICAgICAgICAgIH0sCiAgICAgICAgICBheGlzTGFiZWw6IHsKICAgICAgICAgICAgdGV4dFN0eWxlOiB7CiAgICAgICAgICAgICAgY29sb3I6ICcjNGE2NTdhJwogICAgICAgICAgICB9CiAgICAgICAgICB9LAogICAgICAgICAgc3BsaXRMaW5lOiB7CiAgICAgICAgICAgIHNob3c6IHRydWUsCiAgICAgICAgICAgIGxpbmVTdHlsZTogewogICAgICAgICAgICAgIGNvbG9yOiAnIzA4MjYzZicKICAgICAgICAgICAgfQogICAgICAgICAgfSwKICAgICAgICAgIGF4aXNUaWNrOiB7CiAgICAgICAgICAgIHNob3c6IGZhbHNlCiAgICAgICAgICB9CiAgICAgICAgfSwKICAgICAgICBzZXJpZXM6IFt7CiAgICAgICAgICBuYW1lOiAnYmFjaycsCiAgICAgICAgICB0eXBlOiAnYmFyJywKICAgICAgICAgIGRhdGE6IGRhdGEyLAogICAgICAgICAgejogMSwKICAgICAgICAgIGl0ZW1TdHlsZTogewogICAgICAgICAgICBub3JtYWw6IHsKICAgICAgICAgICAgICBvcGFjaXR5OiAwLjQsCiAgICAgICAgICAgICAgYmFyQm9yZGVyUmFkaXVzOiA1LAogICAgICAgICAgICAgIHNoYWRvd0JsdXI6IDMsCiAgICAgICAgICAgICAgc2hhZG93Q29sb3I6ICcjMTExJwogICAgICAgICAgICB9CiAgICAgICAgICB9CiAgICAgICAgfSwgewogICAgICAgICAgbmFtZTogJ1NpbXVsYXRlIFNoYWRvdycsCiAgICAgICAgICB0eXBlOiAnbGluZScsCiAgICAgICAgICBkYXRhLAogICAgICAgICAgejogMiwKICAgICAgICAgIHNob3dTeW1ib2w6IGZhbHNlLAogICAgICAgICAgYW5pbWF0aW9uRGVsYXk6IDAsCiAgICAgICAgICBhbmltYXRpb25FYXNpbmc6ICdsaW5lYXInLAogICAgICAgICAgYW5pbWF0aW9uRHVyYXRpb246IDEyMDAsCiAgICAgICAgICBsaW5lU3R5bGU6IHsKICAgICAgICAgICAgbm9ybWFsOiB7CiAgICAgICAgICAgICAgY29sb3I6ICd0cmFuc3BhcmVudCcKICAgICAgICAgICAgfQogICAgICAgICAgfSwKICAgICAgICAgIGFyZWFTdHlsZTogewogICAgICAgICAgICBub3JtYWw6IHsKICAgICAgICAgICAgICBjb2xvcjogJyMwODI2M2EnLAogICAgICAgICAgICAgIHNoYWRvd0JsdXI6IDUwLAogICAgICAgICAgICAgIHNoYWRvd0NvbG9yOiAnIzAwMCcKICAgICAgICAgICAgfQogICAgICAgICAgfQogICAgICAgIH0sIHsKICAgICAgICAgIG5hbWU6ICdmcm9udCcsCiAgICAgICAgICB0eXBlOiAnYmFyJywKICAgICAgICAgIGRhdGEsCiAgICAgICAgICB4QXhpc0luZGV4OiAxLAogICAgICAgICAgejogMywKICAgICAgICAgIGl0ZW1TdHlsZTogewogICAgICAgICAgICBub3JtYWw6IHsKICAgICAgICAgICAgICBiYXJCb3JkZXJSYWRpdXM6IDUKICAgICAgICAgICAgfQogICAgICAgICAgfQogICAgICAgIH1dLAogICAgICAgIGFuaW1hdGlvbkVhc2luZzogJ2VsYXN0aWNPdXQnLAogICAgICAgIGFuaW1hdGlvbkVhc2luZ1VwZGF0ZTogJ2VsYXN0aWNPdXQnLAogICAgICAgIGFuaW1hdGlvbkRlbGF5KGlkeCkgewogICAgICAgICAgcmV0dXJuIGlkeCAqIDIwCiAgICAgICAgfSwKICAgICAgICBhbmltYXRpb25EZWxheVVwZGF0ZShpZHgpIHsKICAgICAgICAgIHJldHVybiBpZHggKiAyMAogICAgICAgIH0KICAgICAgfSkKICAgIH0KICB9Cn0K"},{"version":3,"sources":["Keyboard.vue"],"names":[],"mappings":";;;;;AAKA;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;;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;AACA;AACA;AACA;AACA;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":"Keyboard.vue","sourceRoot":"src/components/Charts","sourcesContent":["<template>\n  <div :id=\"id\" :class=\"className\" :style=\"{height:height,width:width}\" />\n</template>\n\n<script>\nimport echarts from 'echarts'\nimport resize from './mixins/resize'\n\nexport default {\n  mixins: [resize],\n  props: {\n    className: {\n      type: String,\n      default: 'chart'\n    },\n    id: {\n      type: String,\n      default: 'chart'\n    },\n    width: {\n      type: String,\n      default: '200px'\n    },\n    height: {\n      type: String,\n      default: '200px'\n    }\n  },\n  data() {\n    return {\n      chart: null\n    }\n  },\n  mounted() {\n    this.initChart()\n  },\n  beforeDestroy() {\n    if (!this.chart) {\n      return\n    }\n    this.chart.dispose()\n    this.chart = null\n  },\n  methods: {\n    initChart() {\n      this.chart = echarts.init(document.getElementById(this.id))\n\n      const xAxisData = []\n      const data = []\n      const data2 = []\n      for (let i = 0; i < 50; i++) {\n        xAxisData.push(i)\n        data.push((Math.sin(i / 5) * (i / 5 - 10) + i / 6) * 5)\n        data2.push((Math.sin(i / 5) * (i / 5 + 10) + i / 6) * 3)\n      }\n      this.chart.setOption({\n        backgroundColor: '#08263a',\n        grid: {\n          left: '5%',\n          right: '5%'\n        },\n        xAxis: [{\n          show: false,\n          data: xAxisData\n        }, {\n          show: false,\n          data: xAxisData\n        }],\n        visualMap: {\n          show: false,\n          min: 0,\n          max: 50,\n          dimension: 0,\n          inRange: {\n            color: ['#4a657a', '#308e92', '#b1cfa5', '#f5d69f', '#f5898b', '#ef5055']\n          }\n        },\n        yAxis: {\n          axisLine: {\n            show: false\n          },\n          axisLabel: {\n            textStyle: {\n              color: '#4a657a'\n            }\n          },\n          splitLine: {\n            show: true,\n            lineStyle: {\n              color: '#08263f'\n            }\n          },\n          axisTick: {\n            show: false\n          }\n        },\n        series: [{\n          name: 'back',\n          type: 'bar',\n          data: data2,\n          z: 1,\n          itemStyle: {\n            normal: {\n              opacity: 0.4,\n              barBorderRadius: 5,\n              shadowBlur: 3,\n              shadowColor: '#111'\n            }\n          }\n        }, {\n          name: 'Simulate Shadow',\n          type: 'line',\n          data,\n          z: 2,\n          showSymbol: false,\n          animationDelay: 0,\n          animationEasing: 'linear',\n          animationDuration: 1200,\n          lineStyle: {\n            normal: {\n              color: 'transparent'\n            }\n          },\n          areaStyle: {\n            normal: {\n              color: '#08263a',\n              shadowBlur: 50,\n              shadowColor: '#000'\n            }\n          }\n        }, {\n          name: 'front',\n          type: 'bar',\n          data,\n          xAxisIndex: 1,\n          z: 3,\n          itemStyle: {\n            normal: {\n              barBorderRadius: 5\n            }\n          }\n        }],\n        animationEasing: 'elasticOut',\n        animationEasingUpdate: 'elasticOut',\n        animationDelay(idx) {\n          return idx * 20\n        },\n        animationDelayUpdate(idx) {\n          return idx * 20\n        }\n      })\n    }\n  }\n}\n</script>\n"]}]}