style: 全局代码格式化

Former-commit-id: bb50c8419b8fcdeb48c93fce9f399d901e8f5a52

src/utils/resize.ts

@@ -1,67 +1,72 @@
+import { ref } from 'vue';
+export default function () {
+	const chart = ref<any>();
+	const sidebarElm = ref<Element>();
 
-import { ref } from 'vue'
-export default function() {
-    const chart = ref<any>()
-    const sidebarElm = ref<Element>()
+	const chartResizeHandler = () => {
+		if (chart.value) {
+			chart.value.resize();
+		}
+	};
 
-    const chartResizeHandler = () => {
-        if (chart.value) {
-            chart.value.resize()
-        }
-    }
+	const sidebarResizeHandler = (e: TransitionEvent) => {
+		if (e.propertyName === 'width') {
+			chartResizeHandler();
+		}
+	};
 
-    const sidebarResizeHandler = (e: TransitionEvent) => {
-        if (e.propertyName === 'width') {
-            chartResizeHandler()
-        }
-    }
+	const initResizeEvent = () => {
+		window.addEventListener('resize', chartResizeHandler);
+	};
 
-    const initResizeEvent = () => {
-        window.addEventListener('resize', chartResizeHandler)
-    }
+	const destroyResizeEvent = () => {
+		window.removeEventListener('resize', chartResizeHandler);
+	};
 
-    const destroyResizeEvent = () => {
-        window.removeEventListener('resize', chartResizeHandler)
-    }
+	const initSidebarResizeEvent = () => {
+		sidebarElm.value = document.getElementsByClassName('sidebar-container')[0];
+		if (sidebarElm.value) {
+			sidebarElm.value.addEventListener(
+				'transitionend',
+				sidebarResizeHandler as EventListener
+			);
+		}
+	};
 
-    const initSidebarResizeEvent = () => {
-        sidebarElm.value = document.getElementsByClassName('sidebar-container')[0]
-        if (sidebarElm.value) {
-            sidebarElm.value.addEventListener('transitionend', sidebarResizeHandler as EventListener)
-        }
-    }
+	const destroySidebarResizeEvent = () => {
+		if (sidebarElm.value) {
+			sidebarElm.value.removeEventListener(
+				'transitionend',
+				sidebarResizeHandler as EventListener
+			);
+		}
+	};
 
-    const destroySidebarResizeEvent = () => {
-        if (sidebarElm.value) {
-            sidebarElm.value.removeEventListener('transitionend', sidebarResizeHandler as EventListener)
-        }
-    }
+	const mounted = () => {
+		initResizeEvent();
+		initSidebarResizeEvent();
+	};
 
-    const mounted = () => {
-        initResizeEvent()
-        initSidebarResizeEvent()
-    }
+	const beforeDestroy = () => {
+		destroyResizeEvent();
+		destroySidebarResizeEvent();
+	};
 
-    const beforeDestroy = () => {
-        destroyResizeEvent()
-        destroySidebarResizeEvent()
-    }
+	const activated = () => {
+		initResizeEvent();
+		initSidebarResizeEvent();
+	};
 
-    const activated = () => {
-        initResizeEvent()
-        initSidebarResizeEvent()
-    }
+	const deactivated = () => {
+		destroyResizeEvent();
+		destroySidebarResizeEvent();
+	};
 
-    const deactivated = () => {
-        destroyResizeEvent()
-        destroySidebarResizeEvent()
-    }
-
-    return {
-        chart,
-        mounted,
-        beforeDestroy,
-        activated,
-        deactivated
-    }
+	return {
+		chart,
+		mounted,
+		beforeDestroy,
+		activated,
+		deactivated
+	};
 }