資訊專欄INFORMATION COLUMN
摘要：自從年月份對外公布以來，已經(jīng)經(jīng)過了個月的迭代，期間發(fā)布了幾十個正式版本，但一直沒有到，因為我們覺得是個里程碑版本，我們必須做的足夠完善才敢稱之為。
自從17年11月份對外公布以來，KPC已經(jīng)經(jīng)過了8個月的迭代，期間發(fā)布了幾十個正式版本，但一直沒有到1.0，因為我們覺得1.0是個里程碑版本，我們必須做的足夠完善才敢稱之為1.0。而如今我們有信心對外宣布：KPC 1.0終于來了！
其實距離0.0.1的發(fā)布，到現(xiàn)在已經(jīng)1年多了，但是KPC并沒有收貨太多的關(guān)注，伴隨著一個接一個的小版本迭代，github上星星的數(shù)量也不緊不慢地突破100大關(guān)。但我們并沒有放棄對KPC的細心呵護，每一次star，每一個issue，都使我們備受鼓舞，促使我們打磨每一個細節(jié)，力爭做出自己的特色，做到精益求精。
關(guān)注KPC的用戶應(yīng)該注意到了，KPC已經(jīng)兩個月沒有發(fā)版了，是的，因為我們這段時間一直在專注1.0的開發(fā)，下面便說說這兩個月的工作成果吧。
新增4個常用組件 走馬燈（輪播圖）組件Carousel除了支持最基本的走馬燈效果外，Carousel還支持同時展示多個內(nèi)容塊
基于Monaco Editor的代碼編輯器組件CodeMonaco Editor是VSCode的web版，功能非常強大
圖釘組件Affix圖釘組件，用于在滾動頁面時，固定一些內(nèi)容
卡片組件Card除了常用的卡片外，還支持分欄卡片
新增大量特性除了上述新增的組件外，對現(xiàn)有組件的功能也進行了大量優(yōu)化和改進。
表格組件Table支持表頭分組，合并單元格，保存列寬信息等功能 彈窗組件Dialog支持靜態(tài)方法定義帶標題的樣式 時間選擇組件Timepicker支持步長設(shè)置時不展示秒鐘 提示彈層組件Tooltip，新增深色主題dark，并且默認為深色之前需要配置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來簡化引用路徑
細節(jié)打磨1.0中我們使用展示/隱藏(show/hide)動畫來替代之前的創(chuàng)建/刪除(create/remove)動畫，同時打磨動畫的細節(jié)，使動畫更自然流暢。
例如：之前的版本中，如果快速點擊，使一個展開的元素在收起和展開之間切換，則收起動畫會立即跳至最終狀態(tài)，然后再展開，這樣會顯得動畫很突兀
而1.0中，對于上述情況，它不會跳至最終狀態(tài)，而是從收起的中間狀態(tài)回到展開狀態(tài)，使動畫更自然
1.0中對部分文檔進行了補充，使之更易上手。同時對文檔中的示例代碼，可以在CodeSandbox中打開進行預(yù)覽和調(diào)試
Vue示例：
React示例：
沒有什么東西是完美的，但應(yīng)該保持追求完美的赤子之心。同樣，1.0也并非完美，還有大量工作亟待完成，它只是漫漫長征路上的第一個落腳點而已，至此，再出發(fā)，開啟新的篇章...
KPC文檔 github
更新日志
新增組件
Add 新增圖釘組件Affix，用于滾動頁面固定某些內(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)異步加載時，不會再次調(diào)用loadData函數(shù)去加載數(shù)據(jù) #290
Add Table支持保存調(diào)整列寬后的列寬信息 #292
Add Table新增表頭分組功能 #265
Add Table新增合并單元格功能 #265
Add Upload支持文件類型強檢測，不合法是拋出error事件，因為瀏覽器accept屬性僅僅只是建議類型，并不能限制類型 #271
Add Progress新增warning狀態(tài) #301
Add Tree支持父子Checkbox非關(guān)聯(lián)模式，該模式下父子的選中狀態(tài)多帶帶控制，互不影響 #302
Add FormItem新增fluid屬性，展示100%寬度的表單項 #303
Add 新增Vue/React編譯包，減少webpack alias配置項 #308
Add Button組件新增secondary和link類型 #320
Add Dialog支持點擊遮罩層關(guān)閉彈窗 #324
Add Dialog靜態(tài)方法支持展示帶標題title的彈窗 #324
Add Select和Cascader在無內(nèi)容時，展示“無內(nèi)容”的提示層 #321
Add Datepicker和Timepicker新增“確定”按鈕，以方便用戶關(guān)閉彈層 #322
Add Timepicker支持設(shè)置step時，隱藏“分鐘”或/和“秒鐘”的展示 #323
Add Tooltip新增主題支持，默認展示為dark主題 #326
Add Transfer新增list header擴展點，以及左右箭頭按鈕的控制，使之可以更靈活地定義穿梭框邏輯 #314
Add 當(dāng)Table fixHeader設(shè)為true時，表格高度自動設(shè)為100%，然后根據(jù)父容器高度確定表格體的高度來展示滾動條 #310
組件優(yōu)化
Refactor 優(yōu)化Table hover以及滾動的性能 #310
Refactor 優(yōu)化Slider滾動條熱區(qū)，更容易點擊 #307
Refactor 優(yōu)化彈出元素動畫，使用show/hide動畫替代create/remove動畫，使動畫更流暢 #278
Bug修復(fù)
Fix 修復(fù)錯誤地引入babel-types導(dǎo)致可能不存在該模塊而編譯報錯的問題 #283
Fix 修復(fù)Pagination當(dāng)頁碼過長時溢出的問題 #286
Fix 修復(fù)Timepicker范圍選擇時，首次彈出如果先選擇結(jié)束時間，時間取值不對的問題 #289
Fix 修復(fù)Table調(diào)整列寬后，如果表格容器寬度變大，會出現(xiàn)表格寬度小于容器寬度的情況 #293
Fix 修復(fù)Slider有Spinner輸入框時，在設(shè)置了step的情況下，輸入的過程中也會修正值，導(dǎo)致無法輸入想要的值的問題 #294
Fix 修復(fù)webpack配置可能禁用了require.ensure（如：新版Create React App）導(dǎo)致有些異步加載的模塊報錯的問題 #304
Fix 修復(fù)Switch點擊滑塊，由于click事件被stopPropagation而在外部監(jiān)聽不到click事件的問題 #309
Fix 修復(fù)Table當(dāng)表格高度固定時，data改變導(dǎo)致出現(xiàn)滾動條，固定表頭和表格體沒對齊的問題 #310
Fix 修復(fù)默認主題下Message icon顏色丟失的問題 #317
破壞性變更
Change Drawer由之前的點擊抽屜外任何區(qū)域關(guān)閉抽屜，改為點擊遮罩層才關(guān)閉
Change Datepicker在選擇時間時，去掉無用的年月展示信息
Change 使用es6 module進行構(gòu)建，例如代碼編譯優(yōu)化 #297
文檔
Add 支持Vue/React示例代碼，在CodeSandbox中打開 #267
Vue/React開始文檔補充CDN用法
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/105720.html
摘要：在許多志愿者的幫助下，將文檔全部翻譯為英文，在開發(fā)者社區(qū)頗受歡迎。有了英文版后，更多的國外開發(fā)者也參與到討論之中，相信接下來會有更多來自國外的。英文版的翻譯離不開社區(qū)的貢獻，在此特別感謝和三位熱心志愿者。 showImg(https://segmentfault.com/img/bVRG13?w=2880&h=1800); 兩年前，我開始接觸 Vue.js 框架，當(dāng)時就被它的輕量、組件...
摘要：在許多志愿者的幫助下，將文檔全部翻譯為英文，在開發(fā)者社區(qū)頗受歡迎。有了英文版后，更多的國外開發(fā)者也參與到討論之中，相信接下來會有更多來自國外的。英文版的翻譯離不開社區(qū)的貢獻，在此特別感謝和三位熱心志愿者。 showImg(https://segmentfault.com/img/bVRG13?w=2880&h=1800); 兩年前，我開始接觸 Vue.js 框架，當(dāng)時就被它的輕量、組件...
摘要：時隔半年多，終于迎來了它的第一個正式版本，到目前版本，已經(jīng)有個常用組件，從功能和設(shè)計上，是最接近的實現(xiàn)。主要服務(wù)于中后臺業(yè)務(wù)，目的就是讓網(wǎng)站快速成型上線。 時隔半年多，iView 終于迎來了它的第一個正式版本 1.0.0，到目前版本，已經(jīng)有 43 個常用 UI 組件，從功能和設(shè)計上，是最接近 Ant.Design 的 Vue.js 實現(xiàn)。 關(guān)于 iView 1.0 GitHub 地址...
摘要：是有贊前端團隊維護的移動端組件庫，提供了一整套基礎(chǔ)組件和業(yè)務(wù)組件。一關(guān)于距離首次發(fā)布剛好過去了半年時間，在這半年時間里團隊廣泛吸納社區(qū)的反饋和建議，持續(xù)對組件進行打磨優(yōu)化，使得逐漸成長為一個輕量可靠的移動端組件庫。 Vant 是有贊前端團隊維護的移動端 Vue 組件庫，提供了一整套 UI 基礎(chǔ)組件和業(yè)務(wù)組件。通過 Vant 可以快速搭建出風(fēng)格統(tǒng)一的頁面，提升開發(fā)效率。 showImg(...
閱讀 693·2021-11-24 09:39
閱讀 3530·2019-08-30 15:53
閱讀 2573·2019-08-30 15:44
閱讀 3296·2019-08-30 12:54
閱讀 2264·2019-08-29 12:23
閱讀 3354·2019-08-26 14:05
閱讀 2162·2019-08-26 13:36
閱讀 3493·2019-08-26 13:33
