訪問地址

https://ng.ant.design/version/0.7.x/

感謝神隊友的支持

@Trotyl Yu

@凌亦

@卡色

@Hsuanlee

@默閑

@陳仲

0.7.0-beta.1

2018-03-15

0.7.0 作為 1.0 正式版 之前的最後一系列版本，涉及到了底層的 大量（巨量） 重構與改動，大部分 API 將與 1.0 正式版本的內容保持一致，目前剩餘以下組件仍在緊張開發中，最近幾日會逐步放出

  • TimePicker
  • DatePicker
  • Mention
  • TreeSelect

主要變化#

  • 同步Ant Design 3.0 的設計
  • 支持定製主題
  • 支持英文文檔
  • 支持34種語言類型
  • 已有組件的功能與Ant Design React同步
  • 大量組件的性能優化與重構
  • 單元測試率提高到95以上%
  • 新的 Tree 組件
  • 新的 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#

  • 新組件：通用列表

推薦閱讀：

相关文章