github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: raf type error

pull/4839/head^2
tangjinzhou 2021-11-02 17:06:42 +08:00
parent 35bcec1e80
commit c57da055fc
3 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/_util/PortalWrapper.tsx
View File

@ -14,6 +14,7 @@ import {
} from 'vue'; } from 'vue';
import canUseDom from './canUseDom'; import canUseDom from './canUseDom';
import ScrollLocker from '../vc-util/Dom/scrollLocker'; import ScrollLocker from '../vc-util/Dom/scrollLocker';
import type { RafFrame } from './raf';
import wrapperRaf from './raf'; import wrapperRaf from './raf';
let openCount = 0; let openCount = 0;
@ -61,7 +62,7 @@ export default defineComponent({
setup(props, { slots }) { setup(props, { slots }) {
const container = ref<HTMLElement>(); const container = ref<HTMLElement>();
const componentRef = ref(); const componentRef = ref();
const rafId = ref<number>(); const rafId = ref<RafFrame>();
const scrollLocker = new ScrollLocker({ const scrollLocker = new ScrollLocker({
container: getParent(props.getContainer) as HTMLElement, container: getParent(props.getContainer) as HTMLElement,
}); });

3
components/tabs/src/TabNavList/index.tsx
View File

@ -22,6 +22,7 @@ import { onBeforeUnmount, defineComponent, ref, watch, watchEffect, computed } f
import PropTypes from '../../../_util/vue-types'; import PropTypes from '../../../_util/vue-types';
import useSyncState from '../hooks/useSyncState'; import useSyncState from '../hooks/useSyncState';
import useState from '../../../_util/hooks/useState'; import useState from '../../../_util/hooks/useState';
import type { RafFrame } from '../../../_util/raf';
import wrapperRaf from '../../../_util/raf'; import wrapperRaf from '../../../_util/raf';
import classNames from '../../../_util/classNames'; import classNames from '../../../_util/classNames';
import ResizeObserver from '../../../vc-resize-observer'; import ResizeObserver from '../../../vc-resize-observer';
@ -337,7 +338,7 @@ export default defineComponent({
const activeTabOffset = computed(() => tabOffsets.value.get(props.activeKey)); const activeTabOffset = computed(() => tabOffsets.value.get(props.activeKey));
// Delay set ink style to avoid remove tab blink // Delay set ink style to avoid remove tab blink
const inkBarRafRef = ref<number>(); const inkBarRafRef = ref<RafFrame>();
const cleanInkBarRaf = () => { const cleanInkBarRaf = () => {
wrapperRaf.cancel(inkBarRafRef.value); wrapperRaf.cancel(inkBarRafRef.value);
}; };

3
components/tabs/src/hooks/useRaf.ts
View File

@ -1,9 +1,10 @@
import type { Ref } from 'vue'; import type { Ref } from 'vue';
import { ref, onBeforeUnmount } from 'vue'; import { ref, onBeforeUnmount } from 'vue';
import type { RafFrame } from '../../../_util/raf';
import wrapperRaf from '../../../_util/raf'; import wrapperRaf from '../../../_util/raf';
export default function useRaf<Callback extends Function>(callback: Callback) { export default function useRaf<Callback extends Function>(callback: Callback) {
const rafRef = ref<number>(); const rafRef = ref<RafFrame>();
const removedRef = ref(false); const removedRef = ref(false);
function trigger(...args: any[]) { function trigger(...args: any[]) {