fix: badge animation and other style

This commit is contained in:
tangjinzhou 2020-03-15 14:02:16 +08:00
parent 9e33ed9db1
commit 689921fe91
6 changed files with 35 additions and 15 deletions

View File

@ -51,16 +51,30 @@ export default {
updated() {
const { animateStarted, count } = this;
if (animateStarted) {
this.setState(
{
animateStarted: false,
sCount: count,
},
this.onAnimated,
);
this.clearTimeout();
// Let browser has time to reset the scroller before actually
// performing the transition.
this.timeout = setTimeout(() => {
this.setState(
{
animateStarted: false,
sCount: count,
},
this.onAnimated,
);
});
}
},
beforeDestroy() {
this.clearTimeout();
},
methods: {
clearTimeout() {
if (this.timeout) {
clearTimeout(this.timeout);
this.timeout = undefined;
}
},
getPositionByNum(num, i) {
const { sCount } = this;
const currentCount = Math.abs(Number(sCount));

View File

@ -102,6 +102,10 @@
line-height: 1;
}
.@{ant-prefix}-input-disabled + &-icon {
cursor: not-allowed;
}
&-small &-clear,
&-small &-icon {
right: @control-padding-horizontal-sm;

View File

@ -10,6 +10,10 @@
box-sizing: border-box;
}
.@{ant-prefix}-row + .@{ant-prefix}-row::before {
clear: both;
}
.@{ant-prefix}-row-flex {
display: flex;
flex-flow: row wrap;

View File

@ -33,7 +33,7 @@ export const ResultProps = {
};
const renderIcon = (h, prefixCls, { status, icon }) => {
if (ExceptionStatus.includes(status)) {
if (ExceptionStatus.includes(`${status}`)) {
const SVGComponent = ExceptionMap[status];
return (
<div class={`${prefixCls}-icon ${prefixCls}-image`}>

View File

@ -445,16 +445,14 @@
box-shadow: @box-shadow-base;
.@{ant-prefix}-dropdown-menu {
// https://github.com/ant-design/ant-design/issues/4916
// https://github.com/ant-design/ant-design/issues/19542
max-height: calc(100vh - 130px);
overflow-x: hidden;
border: 0;
border-radius: @border-radius-base @border-radius-base 0 0;
box-shadow: none;
// https://github.com/ant-design/ant-design/issues/4916
&-without-submenu {
max-height: 400px;
overflow-x: hidden;
}
&-item > label + span {
padding-right: 0;
}

View File

@ -6,7 +6,7 @@ const path = require('path');
const owner = 'ant-design';
const repo = 'ant-design';
const tag = '3.26.12';
const tag = '3.26.13';
const clientId = '5f6ccfdc4cdc69f8ba12';
const clientSecret = process.env.CLIENT_SECRET;