摘要：自從年月份對外公布以來，已經(jīng)經(jīng)過了個(gè)月的迭代，期間發(fā)布了幾十個(gè)正式版本，但一直沒有到，因?yàn)槲覀冇X得是個(gè)里程碑版本，我們必須做的足夠完善才敢稱之為。

自從17年11月份對外公布以來，KPC已經(jīng)經(jīng)過了8個(gè)月的迭代，期間發(fā)布了幾十個(gè)正式版本，但一直沒有到1.0，因?yàn)槲覀冇X得1.0是個(gè)里程碑版本，我們必須做的足夠完善才敢稱之為1.0。而如今我們有信心對外宣布：KPC 1.0終于來了！

其實(shí)距離0.0.1的發(fā)布，到現(xiàn)在已經(jīng)1年多了，但是KPC并沒有收貨太多的關(guān)注，伴隨著一個(gè)接一個(gè)的小版本迭代，github上星星的數(shù)量也不緊不慢地突破100大關(guān)。但我們并沒有放棄對KPC的細(xì)心呵護(hù)，每一次star，每一個(gè)issue，都使我們備受鼓舞，促使我們打磨每一個(gè)細(xì)節(jié)，力爭做出自己的特色，做到精益求精。

關(guān)注KPC的用戶應(yīng)該注意到了，KPC已經(jīng)兩個(gè)月沒有發(fā)版了，是的，因?yàn)槲覀冞@段時(shí)間一直在專注1.0的開發(fā)，下面便說說這兩個(gè)月的工作成果吧。

除了支持最基本的走馬燈效果外，Carousel還支持同時(shí)展示多個(gè)內(nèi)容塊

Monaco Editor是VSCode的web版，功能非常強(qiáng)大

圖釘組件，用于在滾動(dòng)頁面時(shí)，固定一些內(nèi)容

除了常用的卡片外，還支持分欄卡片

除了上述新增的組件外，對現(xiàn)有組件的功能也進(jìn)行了大量優(yōu)化和改進(jìn)。

之前需要配置webpack alias才能是KPC在Vue/React下使用，現(xiàn)在不需要，直接引用相應(yīng)的組件即可，例如：

Vue: import Button from "kpc/@vue/@css/components/button";
React: import Button from "kpc/@react/@css/components/button";

當(dāng)然你也可以設(shè)置alias來簡化引用路徑

1.0中我們使用展示/隱藏(show/hide)動(dòng)畫來替代之前的創(chuàng)建/刪除(create/remove)動(dòng)畫，同時(shí)打磨動(dòng)畫的細(xì)節(jié)，使動(dòng)畫更自然流暢。

例如：之前的版本中，如果快速點(diǎn)擊，使一個(gè)展開的元素在收起和展開之間切換，則收起動(dòng)畫會(huì)立即跳至最終狀態(tài)，然后再展開，這樣會(huì)顯得動(dòng)畫很突兀

而1.0中，對于上述情況，它不會(huì)跳至最終狀態(tài)，而是從收起的中間狀態(tài)回到展開狀態(tài)，使動(dòng)畫更自然

1.0中對部分文檔進(jìn)行了補(bǔ)充，使之更易上手。同時(shí)對文檔中的示例代碼，可以在CodeSandbox中打開進(jìn)行預(yù)覽和調(diào)試

Vue示例：
React示例：

沒有什么東西是完美的，但應(yīng)該保持追求完美的赤子之心。同樣，1.0也并非完美，還有大量工作亟待完成，它只是漫漫長征路上的第一個(gè)落腳點(diǎn)而已，至此，再出發(fā)，開啟新的篇章...

KPC文檔 github

更新日志

新增組件

Add 新增圖釘組件Affix，用于滾動(dòng)頁面固定某些內(nèi)容 #300

Add 新增走馬燈（輪播圖）組件Carousel #299

Add 新增代碼編輯器組件Code，基于Monaco Editor(VSCode)封裝而來 #288

Add 新增卡片組件Card #241

新增特性

Add 新增全局配置方法configure，使用configure({useWrapper: true})可以開啟Dropdown/Tooltip兼容模式 #291

Add Tree如果初始化數(shù)據(jù)中包含children，當(dāng)異步加載時(shí)，不會(huì)再次調(diào)用loadData函數(shù)去加載數(shù)據(jù) #290

Add Table支持保存調(diào)整列寬后的列寬信息 #292

Add Table新增表頭分組功能 #265

Add Table新增合并單元格功能 #265

Add Upload支持文件類型強(qiáng)檢測，不合法是拋出error事件，因?yàn)闉g覽器accept屬性僅僅只是建議類型，并不能限制類型 #271

Add Progress新增warning狀態(tài) #301

Add Tree支持父子Checkbox非關(guān)聯(lián)模式，該模式下父子的選中狀態(tài)多帶帶控制，互不影響 #302

Add FormItem新增fluid屬性，展示100%寬度的表單項(xiàng) #303

Add 新增Vue/React編譯包，減少webpack alias配置項(xiàng) #308

Add Button組件新增secondary和link類型 #320

Add Dialog支持點(diǎn)擊遮罩層關(guān)閉彈窗 #324

Add Dialog靜態(tài)方法支持展示帶標(biāo)題title的彈窗 #324

Add Select和Cascader在無內(nèi)容時(shí)，展示“無內(nèi)容”的提示層 #321

Add Datepicker和Timepicker新增“確定”按鈕，以方便用戶關(guān)閉彈層 #322

Add Timepicker支持設(shè)置step時(shí)，隱藏“分鐘”或/和“秒鐘”的展示 #323

Add Tooltip新增主題支持，默認(rèn)展示為dark主題 #326

Add Transfer新增list header擴(kuò)展點(diǎn)，以及左右箭頭按鈕的控制，使之可以更靈活地定義穿梭框邏輯 #314

Add 當(dāng)Table fixHeader設(shè)為true時(shí)，表格高度自動(dòng)設(shè)為100%，然后根據(jù)父容器高度確定表格體的高度來展示滾動(dòng)條 #310

組件優(yōu)化

Refactor 優(yōu)化Table hover以及滾動(dòng)的性能 #310

Refactor 優(yōu)化Slider滾動(dòng)條熱區(qū)，更容易點(diǎn)擊 #307

Refactor 優(yōu)化彈出元素動(dòng)畫，使用show/hide動(dòng)畫替代create/remove動(dòng)畫，使動(dòng)畫更流暢 #278

Bug修復(fù)

Fix 修復(fù)錯(cuò)誤地引入babel-types導(dǎo)致可能不存在該模塊而編譯報(bào)錯(cuò)的問題 #283

Fix 修復(fù)Pagination當(dāng)頁碼過長時(shí)溢出的問題 #286

Fix 修復(fù)Timepicker范圍選擇時(shí)，首次彈出如果先選擇結(jié)束時(shí)間，時(shí)間取值不對的問題 #289

Fix 修復(fù)Table調(diào)整列寬后，如果表格容器寬度變大，會(huì)出現(xiàn)表格寬度小于容器寬度的情況 #293

Fix 修復(fù)Slider有Spinner輸入框時(shí)，在設(shè)置了step的情況下，輸入的過程中也會(huì)修正值，導(dǎo)致無法輸入想要的值的問題 #294

Fix 修復(fù)webpack配置可能禁用了require.ensure（如：新版Create React App）導(dǎo)致有些異步加載的模塊報(bào)錯(cuò)的問題 #304

Fix 修復(fù)Switch點(diǎn)擊滑塊，由于click事件被stopPropagation而在外部監(jiān)聽不到click事件的問題 #309

Fix 修復(fù)Table當(dāng)表格高度固定時(shí)，data改變導(dǎo)致出現(xiàn)滾動(dòng)條，固定表頭和表格體沒對齊的問題 #310

Fix 修復(fù)默認(rèn)主題下Message icon顏色丟失的問題 #317

破壞性變更

Change Drawer由之前的點(diǎn)擊抽屜外任何區(qū)域關(guān)閉抽屜，改為點(diǎn)擊遮罩層才關(guān)閉

Change Datepicker在選擇時(shí)間時(shí)，去掉無用的年月展示信息

Change 使用es6 module進(jìn)行構(gòu)建，例如代碼編譯優(yōu)化 #297

文檔

Add 支持Vue/React示例代碼，在CodeSandbox中打開 #267

Vue/React開始文檔補(bǔ)充CDN用法