1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
| import { debounce } from "@/utils";
|
| export default {
| mounted() {
| this.__resizeHandler = debounce(() => {
| if (this.chart) {
| this.chart.resize();
| }
| }, 100);
| window.addEventListener("resize", this.__resizeHandler);
|
| const sidebarElm = document.getElementsByClassName("sidebar-container")[0];
| sidebarElm.addEventListener("transitionend", this.sidebarResizeHandler);
| },
| beforeDestroy() {
| window.removeEventListener("resize", this.__resizeHandler);
|
| const sidebarElm = document.getElementsByClassName("sidebar-container")[0];
| sidebarElm.removeEventListener("transitionend", this.sidebarResizeHandler);
| },
| methods: {
| sidebarResizeHandler(e) {
| if (e.propertyName === "width") {
| this.__resizeHandler();
| }
| }
| }
| };
|
|
