refactor: ts+echarts+resize方式简化

Former-commit-id: 0a85c26f3c27843cd4e20b367e62d1f9b40370d9

src/utils/resize.ts

@@ -1,73 +0,0 @@
-import { ref } from 'vue';
-export default function () {
-  const chart = ref<any>();
-  const sidebarElm = ref<Element>();
-
-  const chartResizeHandler = () => {
-    if (chart.value) {
-      chart.value.resize();
-    }
-  };
-
-  const sidebarResizeHandler = (e: TransitionEvent) => {
-    if (e.propertyName === 'width') {
-      chartResizeHandler();
-    }
-  };
-
-  const initResizeEvent = () => {
-    window.addEventListener('resize', chartResizeHandler, {passive:true});
-  };
-
-  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,
-        {passive:true}
-      );
-    }
-  };
-
-  const destroySidebarResizeEvent = () => {
-    if (sidebarElm.value) {
-      sidebarElm.value.removeEventListener(
-        'transitionend',
-        sidebarResizeHandler as EventListener
-      );
-    }
-  };
-
-  const mounted = () => {
-    initResizeEvent();
-    initSidebarResizeEvent();
-  };
-
-  const beforeDestroy = () => {
-    destroyResizeEvent();
-    destroySidebarResizeEvent();
-  };
-
-  const activated = () => {
-    initResizeEvent();
-    initSidebarResizeEvent();
-  };
-
-  const deactivated = () => {
-    destroyResizeEvent();
-    destroySidebarResizeEvent();
-  };
-
-  return {
-    chart,
-    mounted,
-    beforeDestroy,
-    activated,
-    deactivated
-  };
-}