chore: fix types
This commit is contained in:
parent
5eecec0312
commit
aafbb05236
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { WatchOptions } from 'vue';
|
||||||
|
import { watch } from 'vue';
|
||||||
|
import { isFunction } from '/@/utils/is';
|
||||||
|
|
||||||
|
export const useEffect = (effectHandler: Fn, dependencies: any[]) => {
|
||||||
|
return watch(
|
||||||
|
dependencies,
|
||||||
|
(changedDependencies, prevDependencies, onCleanUp) => {
|
||||||
|
const effectCleaner = effectHandler(changedDependencies, prevDependencies);
|
||||||
|
if (isFunction(effectCleaner)) {
|
||||||
|
onCleanUp(effectCleaner);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{ immediate: true, deep: true } as WatchOptions
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
@ -27,7 +27,7 @@
|
||||||
import { useMessage } from '/@/hooks/web/useMessage';
|
import { useMessage } from '/@/hooks/web/useMessage';
|
||||||
import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard';
|
import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard';
|
||||||
import { useRootSetting } from '/@/hooks/setting/useRootSetting';
|
import { useRootSetting } from '/@/hooks/setting/useRootSetting';
|
||||||
import { updateColorWeak, updateGrayMode } from '/@/setup/theme';
|
import { updateColorWeak, updateGrayMode } from '/@/logics/theme';
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
name: 'SettingFooter',
|
name: 'SettingFooter',
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@ import {
|
||||||
updateGrayMode,
|
updateGrayMode,
|
||||||
updateHeaderBgColor,
|
updateHeaderBgColor,
|
||||||
updateSidebarBgColor,
|
updateSidebarBgColor,
|
||||||
} from '/@/setup/theme';
|
} from '/@/logics/theme';
|
||||||
import { appStore } from '/@/store/modules/app';
|
import { appStore } from '/@/store/modules/app';
|
||||||
import { ProjectConfig } from '/@/types/config';
|
import { ProjectConfig } from '/@/types/config';
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -23,7 +23,5 @@ export function listenerLastChangeTab(
|
||||||
immediate = true
|
immediate = true
|
||||||
) {
|
) {
|
||||||
mitt.on(key, callback);
|
mitt.on(key, callback);
|
||||||
if (immediate) {
|
immediate && callback(lastChangeTab);
|
||||||
callback(lastChangeTab);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@ function toggleClass(flag: boolean, clsName: string, target?: HTMLElement) {
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Change the status of the project's color weakness mode
|
* Change the status of the project's color weakness mode
|
||||||
* @param gray
|
* @param colorWeak
|
||||||
*/
|
*/
|
||||||
export const updateColorWeak = (colorWeak: boolean) => {
|
export const updateColorWeak = (colorWeak: boolean) => {
|
||||||
toggleClass(colorWeak, 'color-weak', document.documentElement);
|
toggleClass(colorWeak, 'color-weak', document.documentElement);
|
||||||
|
|
@ -14,7 +14,8 @@ export interface RouteMeta {
|
||||||
affix?: boolean;
|
affix?: boolean;
|
||||||
// icon on tab
|
// icon on tab
|
||||||
icon?: string;
|
icon?: string;
|
||||||
// Jump address
|
|
||||||
|
frameSrc?: string;
|
||||||
|
|
||||||
// current page transition
|
// current page transition
|
||||||
transitionName?: string;
|
transitionName?: string;
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,7 @@ import {
|
||||||
updateColorWeak,
|
updateColorWeak,
|
||||||
updateHeaderBgColor,
|
updateHeaderBgColor,
|
||||||
updateSidebarBgColor,
|
updateSidebarBgColor,
|
||||||
} from '/@/setup/theme';
|
} from '/@/logics/theme';
|
||||||
|
|
||||||
import { appStore } from '/@/store/modules/app';
|
import { appStore } from '/@/store/modules/app';
|
||||||
import { deepMerge } from '/@/utils';
|
import { deepMerge } from '/@/utils';
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue