Skip to content

Commit 597dfb1

Browse files
committed
feat: add transition to select
1 parent bef812a commit 597dfb1

File tree

2 files changed

+11
-10
lines changed

2 files changed

+11
-10
lines changed

packages/drip-table/src/components/select/index.module.less

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -605,22 +605,22 @@
605605
box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px 0 #00000014, 0 9px 28px 8px #0000000d;
606606
}
607607

608-
.@{prefixCls}-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.@{prefixCls}-dropdown-placement-bottomLeft,
609-
.@{prefixCls}-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.@{prefixCls}-dropdown-placement-bottomLeft {
610-
animation-name: antSlideUpIn;
608+
.@{prefixCls}-dropdown.jfe-drip-table-motion-slide-up-appear.jfe-drip-table-motion-slide-up-appear-active.@{prefixCls}-dropdown-placement-bottomLeft,
609+
.@{prefixCls}-dropdown.jfe-drip-table-motion-slide-up-enter.jfe-drip-table-motion-slide-up-enter-active.@{prefixCls}-dropdown-placement-bottomLeft {
610+
animation-name: jfe-drip-table-motion-slide-up-in;
611611
}
612612

613-
.@{prefixCls}-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.@{prefixCls}-dropdown-placement-topLeft,
614-
.@{prefixCls}-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.@{prefixCls}-dropdown-placement-topLeft {
615-
animation-name: antSlideDownIn;
613+
.@{prefixCls}-dropdown.jfe-drip-table-motion-slide-up-appear.jfe-drip-table-motion-slide-up-appear-active.@{prefixCls}-dropdown-placement-topLeft,
614+
.@{prefixCls}-dropdown.jfe-drip-table-motion-slide-up-enter.jfe-drip-table-motion-slide-up-enter-active.@{prefixCls}-dropdown-placement-topLeft {
615+
animation-name: jfe-drip-table-motion-slide-down-in;
616616
}
617617

618-
.@{prefixCls}-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.@{prefixCls}-dropdown-placement-bottomLeft {
619-
animation-name: antSlideUpOut;
618+
.@{prefixCls}-dropdown.jfe-drip-table-motion-slide-up-leave.jfe-drip-table-motion-slide-up-leave-active.@{prefixCls}-dropdown-placement-bottomLeft {
619+
animation-name: jfe-drip-table-motion-slide-up-out;
620620
}
621621

622-
.@{prefixCls}-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.@{prefixCls}-dropdown-placement-topLeft {
623-
animation-name: antSlideDownOut;
622+
.@{prefixCls}-dropdown.jfe-drip-table-motion-slide-up-leave.jfe-drip-table-motion-slide-up-leave-active.@{prefixCls}-dropdown-placement-topLeft {
623+
animation-name: jfe-drip-table-motion-slide-down-out;
624624
}
625625

626626
.@{prefixCls}-dropdown-hidden {

packages/drip-table/src/components/select/index.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@ const Select = Object.assign(
2626
className={classNames({
2727
[styles['jfe-drip-table-select-sm']]: mini,
2828
})}
29+
transitionName="jfe-drip-table-motion-slide-up"
2930
listHeight={256}
3031
listItemHeight={24}
3132
inputIcon={(

0 commit comments

Comments
 (0)