Skip to content

Commit b4d9bfd

Browse files
tangjinzhoutangjinzhou
authored
Merge pull request vueComponent#398 from vueComponent/feat-1.3.0
Feat 1.3.0
2 parents 661f8a2 + e43c0c3 commit b4d9bfd

File tree

417 files changed

+11480
-4592
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

417 files changed

+11480
-4592
lines changed

‎CHANGELOG.en-US.md

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,59 @@
11
# Change Log
22

3+
`ant-design-vue` strictly follows [Semantic Versioning 2.0.0](http://semver.org/).
4+
5+
#### Release Schedule
6+
7+
* Weekly release: patch version at the end of every week for routine bugfix (anytime for urgent bugfix).
8+
* Monthly release: minor version for new features.
9+
* Major version release is not included in this schedule for breaking change and new features.
10+
311
---
412

13+
## 1.3.0
14+
`2019-01-12`
15+
16+
- 🎉 🎉 🎉 Publish the vscode plugin [ant-design-vue-helper](https://marketplace.visualstudio.com/items?itemName=ant-design-vue.vscode-ant-design-vue-helper)
17+
18+
### Component features and styles are synchronized to antd version 3.11.6.
19+
1.3.0 brings two new Components, a lot of exciting changes and new features.
20+
21+
- 🔥 Added a new component [Comment](https://vuecomponent.github.io/ant-design-vue/components/comment/)。
22+
- 🔥 dded a new component [ConfigProvider](https://vuecomponent.github.io/ant-design-vue/components/config-provider/) for user to customize some global setting.
23+
24+
Component Fixes / Enhancements:
25+
26+
- 🌟 Avatar Added `srcSet` prop that is a list of sources to use for different screen resolutions.
27+
- 🌟 Notification Added `onClick` prop that is called when the notification is clicked.
28+
- Transfer
29+
- 🌟 Added `search` event that is executed when search field are changed and deprecated `searchChange` event.
30+
- 🌟 Added `disabled` prop that whether disable transfer.
31+
- 🌟 Refactor Badge, support `count` as custom component.
32+
- Slider
33+
- 🌟 Added `tooltipVisible` prop that whether Tooltip will always show.
34+
- 🌟 Optimize the focus effect
35+
- 🐞 Fix tooltip does not display the problem when focus through the keyboard tab.
36+
- 🐞 Fix the hidden switch problem of Tooltip while dragging.
37+
- Calendar
38+
- 🌟 Support multiple date format.
39+
- 🌟 showSearch added `limit` prop that support limit filtered item count.
40+
- Table
41+
- 🌟 Added `expandIcon` prop that custom the default expand icon.
42+
- 🌟 customCell added `index` prop.
43+
- Select
44+
- 🌟 Added `removeIcon`、`clearIcon`、`menuItemSelectedIcon` prop，allow setting `remove`、`clear`、`menuItemSelected` custom icons.
45+
- 🌟 Added `dropdownRender` prop that custom dropdown content.
46+
- 🌟 Added `loading` prop that indicate loading state.
47+
- 🌟 Optimize the display of the Button when it contains an Icon.
48+
- ⚡️ Refactor Tag component with less code and better performance.
49+
- 💄 Added `title` prop that Menu.Item support tooltip title when collapsed.
50+
- 💄 Chore Card header and loading UI.
51+
- 💄 Optimized Spin wrapper styles and improve performance slightly.
52+
- 🐞 Fix TextArea use resize observer to check textarea size.
53+
- 🐞 Fix Tooltip in the disabled state, the style error problem.[#389](https://github.com/vueComponent/ant-design-vue/issues/389)
54+
- 🐞 Fix some component TypeScript definitions.
55+
56+
557
## 1.2.5
658
`2019-01-06`
759

‎CHANGELOG.zh-CN.md

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,59 @@
11
# 更新日志
22

3+
`ant-design-vue` 严格遵循 [Semantic Versioning 2.0.0](http://semver.org/lang/zh-CN/) 语义化版本规范。
4+
5+
#### 发布周期
6+
7+
* 修订版本号：每周末会进行日常 bugfix 更新。（如果有紧急的 bugfix，则任何时候都可发布）
8+
* 次版本号：带有新特性的向下兼容的版本。
9+
* 主版本号：含有破坏性更新和新特性，不在发布周期内。
10+
311
---
412

13+
## 1.3.0
14+
`2019-01-12`
15+
16+
- 🎉 🎉 🎉 发布 vscode 插件 [ant-design-vue-helper](https://marketplace.visualstudio.com/items?itemName=ant-design-vue.vscode-ant-design-vue-helper)
17+
18+
### 组件功能和样式同步到 antd 3.11.6 版本。
19+
1.3.0 版本带来了两个新组件，还有很多激动人心的变化和新特性。
20+
21+
- 🔥 增加了一个新组件 [Comment](https://vuecomponent.github.io/ant-design-vue/components/comment-cn/)。
22+
- 🔥 增加了一个新组件 [ConfigProvider](https://vuecomponent.github.io/ant-design-vue/components/config-provider-cn/) 为组件提供统一的全局化配置。
23+
24+
组件修复/功能增强：
25+
26+
- 🌟 Avatar 组件增加 `srcSet` 属性，用于设置图片类头像响应式资源地址。
27+
- 🌟 Notification 组件增加 `onClick` 属性，点击通知时触发的回调函数。
28+
- Transfer
29+
- 🌟 增加 `search` 事件，搜索框内容时改变时的回调函数，并废弃 `searchChange` 事件。
30+
- 🌟 增加 `disabled` 属性，用于禁用搜索框。
31+
- 🌟 Badge 进行了重构，`count` 支持自定义组件。
32+
- Slider
33+
- 🌟 增加 `tooltipVisible` 属性，用于 Tooltip 是否始终显示。
34+
- 🌟 优化focus效果
35+
- 🐞 修复键盘tab键聚焦时，Tooltip不显示问题。
36+
- 🐞 修复拖动时Tooltip不停的显隐切换问题。
37+
- Calendar
38+
- 🌟 支持多种时间格式。
39+
- 🌟 showSearch 方法增加 `limit` 参数，用于限制搜索结果展示数量。
40+
- Table
41+
- 🌟 增加 `expandIcon` 属性，用于自定义表格展开图标。
42+
- 🌟 customCell 方法增加 `index` 参数。
43+
- Select
44+
- 🌟 增加 `removeIcon`、`clearIcon`、`menuItemSelectedIcon` 属性，用于自定义删除、清空、选中的图标。
45+
- 🌟 增加 `dropdownRender` 属性， 用于自定义下拉框内容。
46+
- 🌟 增加 `loading` 属性， 用于展示加载中状态。
47+
- 🌟 优化 Button 在含有Icon时的显示效果。
48+
- ⚡️ 重构 Tag 组件，简化代码并提升性能。
49+
- 💄 Menu.Item 组件增加 `title` 属性，用于在收缩时展示的悬浮标题。
50+
- 💄 微调 Card 头部和加载中的样式细节。
51+
- 💄 优化 Spin 样式并略微提升了切换状态的性能。
52+
- 🐞 修复 TextArea 组件高度不能自适应问题。
53+
- 🐞 修复 Tooltip 在disabled状态下Button中，样式错误问题。[#389](https://github.com/vueComponent/ant-design-vue/issues/389)
54+
- 🐞 修复一些组件 TypeScript 定义。
55+
56+
557
## 1.2.5
658
`2019-01-06`
759

‎components/_util/BaseMixin.js

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,21 @@
11

22
export default {
3-
directives: {
4-
ref: {
5-
bind: function (el, binding, vnode) {
6-
binding.value(vnode.componentInstance ? vnode.componentInstance : vnode.elm)
7-
},
8-
update: function (el, binding, vnode) {
9-
binding.value(vnode.componentInstance ? vnode.componentInstance : vnode.elm)
10-
},
11-
unbind: function (el, binding, vnode) {
12-
binding.value(null)
13-
},
14-
},
15-
},
3+
// directives: {
4+
// ref: {
5+
// bind: function (el, binding, vnode) {
6+
// binding.value(vnode.componentInstance ? vnode.componentInstance : vnode.elm)
7+
// },
8+
// update: function (el, binding, vnode) {
9+
// binding.value(vnode.componentInstance ? vnode.componentInstance : vnode.elm)
10+
// },
11+
// unbind: function (el, binding, vnode) {
12+
// binding.value(null)
13+
// },
14+
// },
15+
// },
1616
methods: {
1717
setState (state, callback) {
18-
const newState = typeof state === 'function' ? state(this.$data) : state
18+
const newState = typeof state === 'function' ? state(this.$data, this.$props) : state
1919
// if (this.getDerivedStateFromProps) {
2020
// Object.assign(newState, this.getDerivedStateFromProps(getOptionProps(this), { ...this.$data, ...newState }, true) || {})
2121
// }

‎components/_util/Dom/addEventListener.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import addDOMEventListener from 'add-dom-event-listener'
22

3-
export default function addEventListenerWrap (target, eventType, cb) {
4-
return addDOMEventListener(target, eventType, cb)
3+
export default function addEventListenerWrap (target, eventType, cb, option) {
4+
return addDOMEventListener(target, eventType, cb, option)
55
}

‎components/_util/props-util.js

Lines changed: 13 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -52,9 +52,11 @@ const getSlots = (ele) => {
5252
const children = ele.children || componentOptions.children || []
5353
const slots = {}
5454
children.forEach(child => {
55-
const name = (child.data && child.data.slot) || 'default'
56-
slots[name] = slots[name] || []
57-
slots[name].push(child)
55+
if (!isEmptyElement(child)) {
56+
const name = (child.data && child.data.slot) || 'default'
57+
slots[name] = slots[name] || []
58+
slots[name].push(child)
59+
}
5860
})
5961
return slots
6062
}
@@ -215,12 +217,12 @@ export function getComponentName (opts) {
215217
return opts && (opts.Ctor.options.name || opts.tag)
216218
}
217219

218-
export function isEmptyElement (ele) {
219-
return !(ele.tag || ele.text.trim() !== '')
220+
export function isEmptyElement (c) {
221+
return !(c.tag || (c.text && c.text.trim() !== ''))
220222
}
221223

222224
export function filterEmpty (children = []) {
223-
return children.filter(c => c.tag || (c.text && c.text.trim() !== ''))
225+
return children.filter(c => !isEmptyElement(c))
224226
}
225227
const initDefaultProps = (propTypes, defaultProps) => {
226228
Object.keys(defaultProps).forEach(k => {
@@ -252,7 +254,11 @@ export function mergeProps () {
252254
}
253255

254256
function isValidElement (element) {
255-
return element && element.context && element.context._isVue
257+
return element &&
258+
typeof element === 'object' &&
259+
'componentOptions' in element &&
260+
'context' in element &&
261+
element.tag !== undefined // remove text node
256262
}
257263

258264
export {

‎components/_util/wave.jsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -117,7 +117,7 @@ export default {
117117
},
118118

119119
resetEffect (node) {
120-
if (!node || node === this.extraNode) {
120+
if (!node || node === this.extraNode || !(node instanceof Element)) {
121121
return
122122
}
123123
const { insertExtraNode } = this.$props

‎components/affix/index.jsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -83,6 +83,8 @@ const Affix = {
8383
// Wait for parent component ref has its value
8484
this.timeout = setTimeout(() => {
8585
this.setTargetEventListeners(target)
86+
// Mock Event object.
87+
this.updatePosition({})
8688
})
8789
},
8890
watch: {

‎components/affix/style/index.less

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import "../../style/themes/default";
1+
@import '../../style/themes/default';
22

33
.@{ant-prefix}-affix {
44
position: fixed;

‎components/alert/__tests__/__snapshots__/demo.test.js.snap

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ exports[`renders ./components/alert/demo/banner.md correctly 1`] = `
55
<div data-show="true" class="ant-alert ant-alert-warning ant-alert-banner"><i class="ant-alert-icon anticon anticon-exclamation-circle"><svg viewBox="64 64 896 896" data-icon="exclamation-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" class="">
66
<path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z"></path>
77
</svg></i><span class="ant-alert-message">Warning text</span><span class="ant-alert-description"></span></div> <br>
8-
<div data-show="true" class="ant-alert ant-alert-warning ant-alert-banner"><i class="ant-alert-icon anticon anticon-exclamation-circle"><svg viewBox="64 64 896 896" data-icon="exclamation-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" class="">
8+
<div data-show="true" class="ant-alert ant-alert-warning ant-alert-banner ant-alert-closable"><i class="ant-alert-icon anticon anticon-exclamation-circle"><svg viewBox="64 64 896 896" data-icon="exclamation-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" class="">
99
<path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z"></path>
1010
</svg></i><span class="ant-alert-message">Very long warning text warning text text text text text text text</span><span class="ant-alert-description"></span><a class="ant-alert-close-icon"><i class="anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" class="">
1111
<path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path>
@@ -21,16 +21,16 @@ exports[`renders ./components/alert/demo/basic.md correctly 1`] = `<div data-sho
2121
2222
exports[`renders ./components/alert/demo/closable.md correctly 1`] = `
2323
<div>
24-
<div data-show="true" class="ant-alert ant-alert-warning ant-alert-no-icon"><span class="ant-alert-message">Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text</span><span class="ant-alert-description"></span><a class="ant-alert-close-icon"><i class="anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" class="">
24+
<div data-show="true" class="ant-alert ant-alert-warning ant-alert-no-icon ant-alert-closable"><span class="ant-alert-message">Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text</span><span class="ant-alert-description"></span><a class="ant-alert-close-icon"><i class="anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" class="">
2525
<path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path>
2626
</svg></i></a></div>
27-
<div data-show="true" class="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon"><span class="ant-alert-message">Error Text</span><span class="ant-alert-description">Error Description Error Description Error Description Error Description Error Description Error Description</span><a class="ant-alert-close-icon"><i class="anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" class="">
27+
<div data-show="true" class="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon ant-alert-closable"><span class="ant-alert-message">Error Text</span><span class="ant-alert-description">Error Description Error Description Error Description Error Description Error Description Error Description</span><a class="ant-alert-close-icon"><i class="anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" class="">
2828
<path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path>
2929
</svg></i></a></div>
3030
</div>
3131
`;
3232
33-
exports[`renders ./components/alert/demo/close-text.md correctly 1`] = `<div data-show="true" class="ant-alert ant-alert-info ant-alert-no-icon"><span class="ant-alert-message">Info Text</span><span class="ant-alert-description"></span><a class="ant-alert-close-icon">Close Now</a></div>`;
33+
exports[`renders ./components/alert/demo/close-text.md correctly 1`] = `<div data-show="true" class="ant-alert ant-alert-info ant-alert-no-icon ant-alert-closable"><span class="ant-alert-message">Info Text</span><span class="ant-alert-description"></span><a class="ant-alert-close-icon">Close Now</a></div>`;
3434
3535
exports[`renders ./components/alert/demo/custom-icon.md correctly 1`] = `
3636
<div>
@@ -92,7 +92,7 @@ exports[`renders ./components/alert/demo/icon.md correctly 1`] = `
9292
9393
exports[`renders ./components/alert/demo/smooth-closed.md correctly 1`] = `
9494
<div>
95-
<div data-show="true" class="ant-alert ant-alert-success ant-alert-no-icon"><span class="ant-alert-message">Alert Message Text</span><span class="ant-alert-description"></span><a class="ant-alert-close-icon"><i class="anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" class="">
95+
<div data-show="true" class="ant-alert ant-alert-success ant-alert-no-icon ant-alert-closable"><span class="ant-alert-message">Alert Message Text</span><span class="ant-alert-description"></span><a class="ant-alert-close-icon"><i class="anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" class="">
9696
<path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path>
9797
</svg></i></a></div>
9898
</div>

‎components/alert/index.jsx

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -103,19 +103,20 @@ const Alert = {
103103
}
104104
}
105105

106+
// closeable when closeText is assigned
107+
if (closeText) {
108+
closable = true
109+
}
110+
106111
const alertCls = classNames(prefixCls, {
107112
[`${prefixCls}-${type}`]: true,
108113
[`${prefixCls}-close`]: !closing,
109114
[`${prefixCls}-with-description`]: !!description,
110115
[`${prefixCls}-no-icon`]: !showIcon,
111116
[`${prefixCls}-banner`]: !!banner,
117+
[`${prefixCls}-closable`]: closable,
112118
})
113119

114-
// closeable when closeText is assigned
115-
if (closeText) {
116-
closable = true
117-
}
118-
119120
const closeIcon = closable ? (
120121
<a onClick={this.handleClose} class={`${prefixCls}-close-icon`}>
121122
{closeText || <Icon type='close' />}

‎components/alert/style/index.less

Lines changed: 12 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
1-
@import "../../style/themes/default";
2-
@import "../../style/mixins/index";
1+
@import '../../style/themes/default';
2+
@import '../../style/mixins/index';
33

4-
@alert-prefix-cls: ~"@{ant-prefix}-alert";
4+
@alert-prefix-cls: ~'@{ant-prefix}-alert';
55

66
@alert-message-color: @heading-color;
77
@alert-text-color: @text-color;
88
@alert-close-color: @text-color-secondary;
9+
@alert-close-hover-color: #404040;
910

1011
.@{alert-prefix-cls} {
1112
.reset-component;
@@ -17,6 +18,10 @@
1718
padding: 8px 15px;
1819
}
1920

21+
&&-closable {
22+
padding-right: 30px;
23+
}
24+
2025
&-icon {
2126
top: 8px + @font-size-base * @line-height-base / 2 - @font-size-base / 2;
2227
left: 16px;
@@ -72,9 +77,9 @@
7277

7378
.@{iconfont-css-prefix}-close {
7479
color: @alert-close-color;
75-
transition: color .3s;
80+
transition: color 0.3s;
7681
&:hover {
77-
color: #404040;
82+
color: @alert-close-hover-color;
7883
}
7984
}
8085
}
@@ -127,12 +132,12 @@
127132
margin: 0;
128133
padding-top: 0;
129134
padding-bottom: 0;
130-
transition: all .3s @ease-in-out-circ;
135+
transition: all 0.3s @ease-in-out-circ;
131136
transform-origin: 50% 0;
132137
}
133138

134139
&-slide-up-leave {
135-
animation: antAlertSlideUpOut .3s @ease-in-out-circ;
140+
animation: antAlertSlideUpOut 0.3s @ease-in-out-circ;
136141
animation-fill-mode: both;
137142
}
138143

‎components/anchor/style/index.less

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
@import "../../style/themes/default";
2-
@import "../../style/mixins/index";
1+
@import '../../style/themes/default';
2+
@import '../../style/mixins/index';
33

44
@anchor-border-width: 2px;
55

@@ -38,7 +38,7 @@
3838
border: 2px solid @primary-color;
3939
background-color: @component-background;
4040
left: 50%;
41-
transition: top .3s ease-in-out;
41+
transition: top 0.3s ease-in-out;
4242
transform: translateX(-50%);
4343
&.visible {
4444
display: inline-block;
@@ -57,7 +57,7 @@
5757
&-title {
5858
display: block;
5959
position: relative;
60-
transition: all .3s;
60+
transition: all 0.3s;
6161
color: @text-color;
6262
white-space: nowrap;
6363
overflow: hidden;

0 commit comments

Comments
 (0)