Releases: vueComponent/ant-design-vue
Releases · vueComponent/ant-design-vue
1.3.0-beta.0
2019-1-7
1.2.5
1.2.4
2018-12-29
- 🐞 Fix
Selectcomponent does not triggerpopupScrollevent#350 - 🐞 Fixing the custom
Iconcomponent does not supportclassstyleissues.#351 - 🌟
TreeTreeSelectsupportskeyofnumbertype. #343 - 🌟
TreecomponentsselectedKeys,expandedKeyssupport the.syncmodifier.6373ce TreeSelect- 🐞 Remove the expansion animation when the
Menucomponent is initialized.#338
1.2.3
2018-12-25
- 📝 Remove Christmas egg.
- 🐞 Fix some components do not support array type
classproblem#322 - 🌟
TreeSelectadds thetreeExpandedKeysprops andtreeExpandevent to control the expansion of the tree. - 🐞 Fix the
Treecomponent warning duplicatekeyquestion when usingTreeNode。
- 📝 移除圣诞彩蛋。
- 🐞 修复部分组件不支持数组类型
class问题#322 - 🌟
TreeSelect组件新增treeExpandedKeys属性和treeExpand事件，用于控制树的展开收起。 - 🐞 修复
Tree组件使用TreeNode时报重复Key问题。
1.2.2
1.2.1
2018-12-17
- 🐞 Fix
Menuflashing problem when scaling underLayout - 🐞 Fix
Iconreport Warning problem
- 🐞 修复
Menu在Layout下伸缩时闪动问题 - 🐞 修复
Icon报Warning问题
1.2.0
2018-12-16
Synchronize with antd 3.10.x
- 🔥🔥🔥 replaced font icons with svg icons which bring benefits below:：
- Complete offline usage of icon, no dependency of alipay cdn font icon file and no more empty square during downloading than no need to deploy icon font files locally either.
- Much more display accuracy in lower-level screens.
- Support multiple colors for icon.
- No need to change built-in icons with overriding styles by providing more props in component.
- 😓 But at the same time bring the problem that the bundle file is too big, related solutions and discussions can check the React version of ant-design issue.
- 🌟 Add the
themeattribute to set the theme style of the icon. - 🌟 Added
componentattribute, you can externally pass a component to customize the control rendering result. - 🌟 The
twoToneColorproperty is added to control the theme color of the two-color icon. - 🌟 Added static methods
Icon.getTowToneColor()andIcon.setTwoToneColor(...)to globally get and set the theme color of all two-color icons. - 🌟 The new static method
Icon.createFromIconfontCN({...})is added to make it easier to use icons hosted oniconfont.cn.
- 🔥 Added a new component
Skeleton. - 🔥 Menu will automatically close up to fit width in
horizontalmode. - 🔥 The
placementof the drawer supportstopandbottomto accommodate more scenes. - 🌟 The following components add a
suffixIconprop, which is used to set the icon behind the input box. For details, please refer to the documentation.- Cascader
- DatePicker
- Select
- TreeSelect
- TimePicker
- 🌟 Added Modal.open for optional icon dialog.
- 🌟 Modal.info adds the configuration of
getContainer. - 🌟 Improve RangePicker footer UI by merging them.
- 🌟 The Anchor component adds
onClickproperty. - 🌟 The Tab component adds the
renderTabBarproperty. - 🌟 The Input component adds the
selectmethod. - 🌟 Steps adds the
initialattribute. - 🌟 Upload adds
openFileDialogOnClickprop to allow setting whether to open the upload dialog when the component is clicked. - 🌟 InputNumber adds
decimalSeparatorprop to allow setting a custom decimal. - 🐞 Fix a lot of hidden bugs that have not yet been issued, and then not list them one by one.
与antd 3.10.x同步
- 🔥🔥🔥 使用了 svg 图标替换了原先的 font 图标，从而带来了以下优势：
- 可以离线化使用，不需要从支付宝 cdn 下载字体文件，图标不会因为网络问题呈现方块，也无需字体文件本地部署。
- 在低端设备上 svg 有更好的清晰度。
- 支持多色图标。
- 对于内建图标的更换可以提供更多 API，而不需要进行样式覆盖。
- 😓 但同时带来打包文件过大问题，相关解决方案和讨论可以查看 React 版 ant-design issue。
- 🌟 新增
theme属性，可以设置图标的主题风格。 - 🌟 新增
component属性，可以外部传入一个组件来自定义控制渲染结果。 - 🌟 新增
twoToneColor属性，可以控制双色图标的主题色。 - 🌟 新增静态方法
Icon.getTowToneColor()和Icon.setTwoToneColor(...)，可以全局性的获取和设置所有双色图标的主题色。 - 🌟 新增静态方法
Icon.createFromIconfontCN({...})，可以更加方便地使用iconfont.cn上托管的图标。
- 🔥 增加了一个新组件
Skeleton - 🔥 Menu 在
horizontal模式下会自动收起来适应宽度。 - 🔥 Drawer 的
placement支持top和bottom，可以适应更多场景。 - 🌟 以下组件均新增了
suffixIcon属性，用于设置输入框后面的图标，具体用法可以参考文档。- Cascader
- DatePicker
- Select
- TreeSelect
- TimePicker
- 🌟 新增 Modal.open 方法，用于可自定义图标的快捷对话框。
- 🌟 Modal.info 增加
getContainer的配置。 - 🌟 合并优化了 RangePicker 的日历页脚 UI。
- 🌟 Anchor 组件增加
click事件。 - 🌟 Tab 组件增加
renderTabBar属性。 - 🌟 Input 组件增加
select方法。 - 🌟 Steps 增加
initial属性。 - 🌟 Upload 组件新增
openFileDialogOnClick属性，用于设置点击组件时是否打开上传对话框。 - 🌟 InputNumber 组件新增
decimalSeparator属性，用于设置自定义的小数点。 - 🐞 修复众多隐蔽暂未提issue的bug，再此不在一一列出
1.1.10
2018-12-7
- 🔥🔥🔥 In the 1.1.10 version, the
Formcomponent better supports the single-file tempalte syntax. In previous versions, complex component requirements were required to be implemented using JSX. In order to better use the automatic collection and validation of Form forms in the template, we have optimized the way components are used. All Demo files are refactored using the latest syntax.
However, for the previous API, continue to support, you can not worry about the API changes, resulting in problems in the existing system.
<template>
<a-form :form="form">
<a-form-item>
<a-input v-decorator="[id, options]">
</a-form-item>
</a-form>
</template>
<script>
export default {
beforeCreate () {
this.form = this.$form.createForm(this, options)
},
}
</script>- 🐞 Fix
StepscomponentlabelPlacementdoes not work #281 - 🐞 Fix the
Timelinecomponent style problem, addreversemodeprops #8e37cd Tree
- 🔥🔥🔥 在1.1.10版本中
Form组件更好地支持单文件tempalte语法，在以往版本中，对于复杂的组件需求，需要使用JSX才可以实现。为了更好地在template中使用Form表单的自动收集校验功能，我们优化了组件的使用方式。文档全部Demo使用最新语法重构。
不过对于以往API，还是继续支持，你可以不用担心API的改变，导致已有系统出现问题。
<template>
<a-form :form="form">
<a-form-item>
<a-input v-decorator="[id, options]">
</a-form-item>
</a-form>
</template>
<script>
export default {
beforeCreate () {
this.form = this.$form.createForm(this, options)
},
}
</script>