国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

支持多框架的組件庫KPC 1.0正式發布

劉厚水 / 1595人閱讀

摘要:自從年月份對外公布以來,已經經過了個月的迭代,期間發布了幾十個正式版本,但一直沒有到,因為我們覺得是個里程碑版本,我們必須做的足夠完善才敢稱之為。

自從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的代碼編輯器組件Code

Monaco Editor是VSCode的web版,功能非常強大

圖釘組件Affix

圖釘組件,用于在滾動頁面時,固定一些內容

卡片組件Card

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

新增大量特性

除了上述新增的組件外,對現有組件的功能也進行了大量優化和改進。

表格組件Table支持表頭分組,合并單元格,保存列寬信息等功能

彈窗組件Dialog支持靜態方法定義帶標題的樣式

時間選擇組件Timepicker支持步長設置時不展示秒鐘

提示彈層組件Tooltip,新增深色主題dark,并且默認為深色


(級聯)選擇框組件Cascader/Select新增無數據提示

新增Vue/React編譯包,減少配置項

之前需要配置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組件新增secondarylink類型 #320

Add Dialog支持點擊遮罩層關閉彈窗 #324

Add Dialog靜態方法支持展示帶標題title的彈窗 #324

Add SelectCascader在無內容時,展示“無內容”的提示層 #321

Add DatepickerTimepicker新增“確定”按鈕,以方便用戶關閉彈層 #322

Add Timepicker支持設置step時,隱藏“分鐘”或/和“秒鐘”的展示 #323

Add Tooltip新增主題支持,默認展示為dark主題 #326

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

AddTable 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 修復SliderSpinner輸入框時,在設置了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

相關文章

  • iView 一周年了,同時發布了 2.0 正式版,但這只是開始...

    摘要:在許多志愿者的幫助下,將文檔全部翻譯為英文,在開發者社區頗受歡迎。有了英文版后,更多的國外開發者也參與到討論之中,相信接下來會有更多來自國外的。英文版的翻譯離不開社區的貢獻,在此特別感謝和三位熱心志愿者。 showImg(https://segmentfault.com/img/bVRG13?w=2880&h=1800); 兩年前,我開始接觸 Vue.js 框架,當時就被它的輕量、組件...

    alexnevsky 評論0 收藏0
  • iView 一周年了,同時發布了 2.0 正式版,但這只是開始...

    摘要:在許多志愿者的幫助下,將文檔全部翻譯為英文,在開發者社區頗受歡迎。有了英文版后,更多的國外開發者也參與到討論之中,相信接下來會有更多來自國外的。英文版的翻譯離不開社區的貢獻,在此特別感謝和三位熱心志愿者。 showImg(https://segmentfault.com/img/bVRG13?w=2880&h=1800); 兩年前,我開始接觸 Vue.js 框架,當時就被它的輕量、組件...

    Drinkey 評論0 收藏0
  • iView 發布 1.0 正式版,43 個 UI 組件助力中后臺業務開發

    摘要:時隔半年多,終于迎來了它的第一個正式版本,到目前版本,已經有個常用組件,從功能和設計上,是最接近的實現。主要服務于中后臺業務,目的就是讓網站快速成型上線。 時隔半年多,iView 終于迎來了它的第一個正式版本 1.0.0,到目前版本,已經有 43 個常用 UI 組件,從功能和設計上,是最接近 Ant.Design 的 Vue.js 實現。 關于 iView 1.0 GitHub 地址...

    voidking 評論0 收藏0
  • Vant 1.0 發布:輕量、可靠移動端 Vue 組件

    摘要:是有贊前端團隊維護的移動端組件庫,提供了一整套基礎組件和業務組件。一關于距離首次發布剛好過去了半年時間,在這半年時間里團隊廣泛吸納社區的反饋和建議,持續對組件進行打磨優化,使得逐漸成長為一個輕量可靠的移動端組件庫。 Vant 是有贊前端團隊維護的移動端 Vue 組件庫,提供了一整套 UI 基礎組件和業務組件。通過 Vant 可以快速搭建出風格統一的頁面,提升開發效率。 showImg(...

    Prasanta 評論0 收藏0

發表評論

0條評論

劉厚水

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<