dromara/dax-pay-ui
1
0
Fork 0
mirror of https://gitee.com/bootx/dax-pay-ui.git synced 2025-09-28 06:31:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(hooks): introduce vueuse, delete duplicate hooks

Browse Source
This commit is contained in:
vben
2020-11-12 22:40:16 +08:00
parent ecfb702b09
commit d9b1960030
48 changed files with 135 additions and 610 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/hooks/web/useECharts.ts
View File

@@ -1,10 +1,10 @@
import { useTimeout } from '/@/hooks/core/useTimeout';
import { useTimeoutFn } from '@vueuse/core';
import { tryOnUnmounted } from '/@/utils/helper/vueHelper';
import { unref, Ref, nextTick } from 'vue';
import type { EChartOption, ECharts } from 'echarts';
import echarts from 'echarts';
import { useDebounce } from '/@/hooks/core/useDebounce';
import { useEvent } from '/@/hooks/event/useEvent';
import { useEventListener } from '/@/hooks/event/useEventListener';
import { useBreakpoint } from '/@/hooks/event/useBreakpoint';
export type { EChartOption, ECharts };
@@ -26,7 +26,7 @@ export function useECharts(
return;
}
chartInstance = echarts.init(el, theme);
const { removeEvent } = useEvent({
const { removeEvent } = useEventListener({
el: window,
name: 'resize',
listener: resizeFn,
@@ -34,7 +34,7 @@ export function useECharts(
removeResizeFn = removeEvent;
const { widthRef, screenEnum } = useBreakpoint();
if (unref(widthRef) <= screenEnum.MD) {
useTimeout(() => {
useTimeoutFn(() => {
resizeFn();
}, 30);
}
@@ -42,7 +42,7 @@ export function useECharts(
function setOptions(options: any, clear = true) {
nextTick(() => {
useTimeout(() => {
useTimeoutFn(() => {
if (!chartInstance) {
init();