javascript/vueecharts
1
0
Fork 0
mirror of https://github.com/ecomfe/vue-echarts.git synced 2025-11-07 05:28:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add default style, injectable update-options & loading-options

Browse Source
This commit is contained in:
Justineo
2021-02-22 11:50:43 +08:00
parent aaab149c11
commit b8d9ca7991
7 changed files with 98 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/composables/loading.ts
View File

@ -1,11 +1,19 @@
import { Ref, watchEffect } from "vue-demi";
import { inject, computed, Ref, watchEffect } from "vue-demi";
import { EChartsType } from "../types";
export const LOADING_OPTIONS_KEY = "ecLoadingOptions";
export function useLoading(
chart: Ref<EChartsType | undefined>,
loading: Ref<boolean>,
loadingOptions?: Ref<object | undefined>
): void {
const defaultLoadingOptions = inject(LOADING_OPTIONS_KEY, {}) as object;
const realLoadingOptions = computed(() => ({
...defaultLoadingOptions,
...loadingOptions?.value
}));
watchEffect(() => {
const instance = chart.value;
if (!instance) {
@ -13,7 +21,7 @@ export function useLoading(
}
if (loading.value) {
instance.showLoading(loadingOptions?.value);
instance.showLoading(realLoadingOptions.value);
} else {
instance.hideLoading();
}