NG-ZORRO 0.7.0 发布，底层大量重构与改动更新

内容简介：NG-ZORRO ng-zorro-antd 0.7.0 已发布，NG-ZORRO 是 Ant Design 的 Angular 实现，用于开发和服务于企业级后台产品。 0.7.0 是 1.0 正式版 之前的最后一系列版本，涉及到了底层的大量重构与改动，API 将与 1.0 ...

NG-ZORRO ng-zorro-antd 0.7.0 已发布，NG-ZORRO 是 Ant Design 的 Angular 实现，用于开发和服务于企业级后台产品。

0.7.0 是 1.0 正式版 之前的最后一系列版本，涉及到了底层的大量重构与改动，API 将与 1.0 正式版本的内容保持一致。

改进范围

• 更少的代码：简化了很多组件的使用方式，例如 form 表单同样功能下代码量会缩减1/3

• 更强的功能：完善了很多组件的功能，无论是 input 还是 date-picker 等大量组件都有了更强大的功能可用

• 更好的质量：增加了组件的单元测试，为了保证组件的质量我们目前为止增加了 1070 个测试用例，单测覆盖率达到了 95% 以上

• 更新的规范：升级到 Ant Design 3.0 规范，并且支持像 react 版本一样自定义主题

主要变化

• 同步Ant Design 3.0 的设计

• 支持定制主题

• 支持英文文档

• 支持34种语言类型

• 已有组件的功能与Ant Design React同步

• 大量组件的性能优化与重构

• 单元测试率提高到95以上%

• 新的 Tree 组件

• 新的 DatePicker 组件

• 新的 TimePicker 组件

• 新的 Mention 组件

• 新的 AutoComplete 组件

• 新的 Divider 组件

• 新的 List 组件

升级内容

全局部分

• 需要手动引入样式文件，支持自定义主题

• 不再依赖 moment，新增加 date-fns 依赖

• forRoot 方法不再接受字体配置，本地字体部署需要在定制主题中实现

Button

• nz-button 内部不再需要加入<span>标签

Icon

• 新增部分iconfont

• 本地字体部署需要在定制主题中实现

Grid

• 栅格断点增加xxl

• 栅格间隔支持根据不同屏幕宽度变化

Layout

• 支持 翻转折叠提示箭头的方向

• 支持 自定义Trigger为模板变量

Affix

• 增加距离底部固钉

• 增加目标占位符、更好的滚动性能

Breadcrumb

• 自定义分隔符 支持传入模板

Dropdown

• 增加边界检测

• 增加右键菜单支持

Menu

• 支持菜单是否可选中功能

• 增加子菜单选中事件

• 支持二级菜单禁用

• 增加自动边界检测

Pagination

• 支持自定义渲染页码结构

• 支持只有一页时是否隐藏分页器

Steps

• 支持传入模板可以自定义点状步骤条渲染内容

• 自定义图标 支持传入 样式名称和模板两种方式，原有方式废弃

• 自定义标题 支持传入模板和字符串

Checkbox

• label 内部不再需要写入 span 标签

• 新增灵活布局的使用方式

Form

• 废弃原有 Directive 的使用方式，大幅度简化使用方式

Input

• 暴露原生 input 标签，大幅度简化使用方式

InputNumber

• 重写了内部逻辑，与React版本逻辑保持一致

• 支持更多快捷键操作

Radio

• 内部不再需要写入 span 标签

• 支持nzName及更多快捷键操作

Rate

— 支持自定义字符

• 支持清除模式

Select

• 支持 option 分组功能

• 支持 compareWith 方法

• 支持 nzDropdownClassName、nzDropdownMatchSelectWidth、nzDropdownStyle等对样式定义的方法

• option 自定义内容方式改变

• 增加 nzFilterOption、nzServerSearch 等搜索定义API

Switch

• 自定义内容方式改变，nzCheckedChildren 与 nzUnCheckedChildren 支持传入 模板和字符串

• 支持loading效果

Card

• 重写使用方式，大幅度降低使用成本

Carousel

• 支持动态调整所有属性，重写内部逻辑

Collapse

• selector名称改变

• 面板头部内容支持模板和字符串变量

• 增加是否展示箭头的方法

• 增加展开回调函数

Table

• 重写内部逻辑，大幅度简化使用方式

• 支持React版本的全部功能

Tabs

• nzTitle 的传入方式改变，支持传入模板和字符串

• nzTabBarExtraContent 的传入方式改变

• 增加 nzTabBarGutter、nzOnNextClick、nzOnPrevClick、nzHideAll等多种方法

Tags

• 重写使用方式，增加 nzMode 选项

Timeline

• 幽灵节点的定义支持 模板 字符串和布尔类型

• 支持自定义自定义时间轴点

Alert

• 自定义图标类型、自定义关闭按钮、警告提示的辅助性文字介绍、 警告提示内容 全部支持传入模板

Modal

• 重构，同一套代码，以模版方式支持普通模态框和确认框

• 支持AntDesign的所有参数用法（部分参数有调整）

• 额外支持设置确认/取消按钮的loading状态

• 增强footer的自定义：支持配置方式设置按钮组

• 更加便捷的方式进行内外组件与对话框的相互通信和调用

Progress

• 重写，支持React的全部功能

Spin

• 支持自定义 加载指示符

Anchor

• 增加 nzAffix、nzShowInkInFixed、nzScroll 等属性

Divider

• 新组件：区隔内容的分割线

List

• 新组件：通用列表

TimePicker

• 新增 TimePicker 组件

Mention

• 新增 Mention 组件

详情请查看发布主页。

下载地址：

• Source code (zip)

• Source code (tar.gz)

【声明】文章转载自：开源中国社区 [http://www.oschina.net]

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

• Kotlin 1.4 中的语法改动
• Go 语言的 4 个特性改动
• Java 9 对类加载器的改动
• Elasticsearch 高基数聚合性能提升 3 倍，改动了什么？
• 小改动，大提升：Go 标准库的一次优化
• 使用一句 git 命令将仓库的改动推送到所有的远端

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。