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