Skip to content

Commit 2666cb7

Browse files
tangjinzhoutangjinzhou
committed
refactor: transition
1 parent 35d5185 commit 2666cb7

File tree

12 files changed

+29
-24
lines changed

12 files changed

+29
-24
lines changed

‎components/_util/transition.tsx

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import type {
55
TransitionGroupProps,
66
TransitionProps,
77
} from 'vue';
8-
import { nextTick, Transition, TransitionGroup } from 'vue';
8+
import { nextTick } from 'vue';
99
import { tuple } from './type';
1010

1111
const SelectPlacements = tuple('bottomLeft', 'bottomRight', 'topLeft', 'topRight');
@@ -126,6 +126,4 @@ const getTransitionName = (rootPrefixCls: string, motion: string, transitionName
126126
return `${rootPrefixCls}-${motion}`;
127127
};
128128

129-
export { Transition, TransitionGroup, collapseMotion, getTransitionName, getTransitionDirection };
130-
131-
export default Transition;
129+
export { collapseMotion, getTransitionName, getTransitionDirection };

‎components/alert/index.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';
2-
import { computed, defineComponent, shallowRef } from 'vue';
2+
import { computed, defineComponent, shallowRef, Transition } from 'vue';
33
import CloseOutlined from '@ant-design/icons-vue/CloseOutlined';
44
import CheckCircleOutlined from '@ant-design/icons-vue/CheckCircleOutlined';
55
import ExclamationCircleOutlined from '@ant-design/icons-vue/ExclamationCircleOutlined';
@@ -11,7 +11,7 @@ import InfoCircleFilled from '@ant-design/icons-vue/InfoCircleFilled';
1111
import CloseCircleFilled from '@ant-design/icons-vue/CloseCircleFilled';
1212
import classNames from '../_util/classNames';
1313
import PropTypes from '../_util/vue-types';
14-
import { getTransitionProps, Transition } from '../_util/transition';
14+
import { getTransitionProps } from '../_util/transition';
1515
import { isValidElement } from '../_util/props-util';
1616
import { tuple, withInstall } from '../_util/type';
1717
import { cloneElement } from '../_util/vnode';

‎components/badge/Badge.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,9 @@ import ScrollNumber from './ScrollNumber';
33
import classNames from '../_util/classNames';
44
import { getPropsSlot, flattenChildren } from '../_util/props-util';
55
import { cloneElement } from '../_util/vnode';
6-
import { getTransitionProps, Transition } from '../_util/transition';
6+
import { getTransitionProps } from '../_util/transition';
77
import type { ExtractPropTypes, CSSProperties, PropType } from 'vue';
8-
import { defineComponent, computed, ref, watch } from 'vue';
8+
import { defineComponent, computed, ref, watch, Transition } from 'vue';
99
import Ribbon from './Ribbon';
1010
import useConfigInject from '../config-provider/hooks/useConfigInject';
1111
import isNumeric from '../_util/isNumeric';

‎components/button/LoadingIcon.tsx

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
1-
import { defineComponent, nextTick } from 'vue';
1+
import { defineComponent, nextTick, Transition } from 'vue';
22
import LoadingOutlined from '@ant-design/icons-vue/LoadingOutlined';
3-
import Transition from '../_util/transition';
43
const getCollapsedWidth = (node: HTMLSpanElement) => {
54
if (node) {
65
node.style.width = '0px';

‎components/collapse/CollapsePanel.tsx

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,7 @@ import PanelContent from './PanelContent';
22
import { initDefaultProps } from '../_util/props-util';
33
import { collapsePanelProps } from './commonProps';
44
import type { ExtractPropTypes } from 'vue';
5-
import { defineComponent } from 'vue';
6-
import Transition from '../_util/transition';
5+
import { defineComponent, Transition } from 'vue';
76
import classNames from '../_util/classNames';
87
import devWarning from '../vc-util/devWarning';
98
import useConfigInject from '../config-provider/hooks/useConfigInject';

‎components/float-button/BackTop.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import VerticalAlignTopOutlined from '@ant-design/icons-vue/VerticalAlignTopOutlined';
2-
import { getTransitionProps, Transition } from '../_util/transition';
2+
import { getTransitionProps } from '../_util/transition';
33
import {
44
defineComponent,
55
nextTick,
@@ -10,6 +10,7 @@ import {
1010
ref,
1111
watch,
1212
onDeactivated,
13+
Transition,
1314
} from 'vue';
1415
import FloatButton, { floatButtonPrefixCls } from './FloatButton';
1516
import useConfigInject from '../config-provider/hooks/useConfigInject';

‎components/float-button/FloatButtonGroup.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
import { defineComponent, ref, computed, watch, onBeforeUnmount } from 'vue';
1+
import { defineComponent, ref, computed, watch, onBeforeUnmount, Transition } from 'vue';
22
import CloseOutlined from '@ant-design/icons-vue/CloseOutlined';
33
import FileTextOutlined from '@ant-design/icons-vue/FileTextOutlined';
44
import classNames from '../_util/classNames';
5-
import { getTransitionProps, Transition } from '../_util/transition';
5+
import { getTransitionProps } from '../_util/transition';
66
import FloatButton, { floatButtonPrefixCls } from './FloatButton';
77
import useConfigInject from '../config-provider/hooks/useConfigInject';
88
import { useProvideFloatButtonGroupContext } from './context';

‎components/menu/src/InlineSubMenuList.tsx

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
import { computed, defineComponent, ref, watch } from 'vue';
2-
import Transition from '../../_util/transition';
1+
import { computed, Transition, defineComponent, ref, watch } from 'vue';
32
import { useInjectMenu, MenuContextProvider } from './hooks/useMenuContext';
43
import type { MenuMode } from './interface';
54
import SubMenuList from './SubMenuList';

‎components/upload/UploadList/ListItem.tsx

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,12 @@
1-
import { computed, defineComponent, onBeforeUnmount, onMounted, shallowRef, watch } from 'vue';
1+
import {
2+
computed,
3+
defineComponent,
4+
onBeforeUnmount,
5+
onMounted,
6+
shallowRef,
7+
watch,
8+
Transition,
9+
} from 'vue';
210
import type { ExtractPropTypes, CSSProperties } from 'vue';
311
import EyeOutlined from '@ant-design/icons-vue/EyeOutlined';
412
import DeleteOutlined from '@ant-design/icons-vue/DeleteOutlined';
@@ -15,7 +23,7 @@ import type {
1523
} from '../interface';
1624
import type { VueNode } from '../../_util/type';
1725
import useConfigInject from '../../config-provider/hooks/useConfigInject';
18-
import Transition, { getTransitionProps } from '../../_util/transition';
26+
import { getTransitionProps } from '../../_util/transition';
1927
import { booleanType, stringType, functionType, arrayType, objectType } from '../../_util/type';
2028

2129
export const listItemProps = () => {

‎components/upload/UploadList/index.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,11 +17,12 @@ import {
1717
onMounted,
1818
shallowRef,
1919
watchEffect,
20+
TransitionGroup,
2021
} from 'vue';
2122
import { filterEmpty, initDefaultProps, isValidElement } from '../../_util/props-util';
2223
import type { VueNode } from '../../_util/type';
2324
import useConfigInject from '../../config-provider/hooks/useConfigInject';
24-
import { getTransitionGroupProps, TransitionGroup } from '../../_util/transition';
25+
import { getTransitionGroupProps } from '../../_util/transition';
2526
import collapseMotion from '../../_util/collapseMotion';
2627

2728
const HackSlot = (_, { slots }) => {

0 commit comments

Comments
 (0)