当前位置: 首页 > Web前端 > HTML5

支持多框架的组件库KPC 1.0正式发布

时间:2023-04-05 19:32:00 HTML5

KPC1.0,一个支持多框架的组件库,正式发布1.0是一个里程碑版本,我们必须做足够的事情才能称之为1.0。而现在我们自信地向外界宣布:KPC1.0终于来了!其实从0.0.1发布到现在已经一年多了,但是KPC并没有受到太多的关注。随着一个个小版本的迭代,github上的star数已经突破100.mark。但我们并没有放弃对KPC的悉心呵护。每一颗星,每一期都激励着我们,督促着我们打磨每一个细节,努力做出自己的特色,追求卓越。关注KPC的用户应该已经注意到,KPC已经两个月没有发布版本了。对,因为我们这段时间一直专注于1.0的开发,所以说说这两个月的成果吧。添加4个常用组件Carousel(轮播)组件Carousel除了支持最基本的轮播效果外,Carousel还支持同时显示多个内容块。基于MonacoEditor的代码编辑器组件。CodeMonacoEditor是VSCode的网页版,功能非常强大的图钉组件AffixPushpinComponent,用于在滚动页面时固定一些内容,做了很多优化和改进。表格组件Table支持表头分组、合并单元格、保存列宽信息等功能。弹出组件Dialog支持静态方法定义带有标题的样式。时间选择组件Timepicker支持设置步长时不显示第二个提示。弹出组件Tooltip是新的。添加深色主题dark,默认为深色(级联)选择框组件Cascader/Select添加无数据提示添加Vue/React编译包,减少配置项前,需要配置webpack别名为KPC在Vue/React下使用,现在不需要,直接引用对应组件即可,例如:Vue:importButtonfrom'kpc/@vue/@css/components/button';React:importButtonfrom'kpc/@react/@css/组件/按钮';当然你也可以设置别名来简化引用路径的细节。在打磨1.0中,我们使用show/hide(显示/隐藏)动画来替代之前的create/delete(创建/移除)动画,对动画的细节进行打磨,让Animations更加自然流畅。例如:在之前的版本中,如果快速点击让一个展开的元素在收起和展开之间切换,收起的动画会立即跳到最终状态然后展开,这会使得动画非常突兀。在1.0中,对于上述情况,不会跳转到最终状态,而是从折叠中间状态返回到展开状态,让动画更加自然。在Document1.0中补充了部分文档,使其更易于使用。同时,可以在CodeSandbox中打开文档中的示例代码进行预览和调试Vue示例:React示例:结论没有什么是完美的,但要保持追求完美的纯净之心。同样,1.0并不完美,还有很多工作亟待完成,只是万里长征的第一个落脚点,至此,重新出发,开启新的篇章……KPC文档github更新日志新增组件添加新的Pushpin组件Affix,用于滚动页面以固定一些内容#300Add添加轮播(carousel)组件Carousel#299Add添加代码编辑器组件Code,基于MonacoEditor(VSCode)包#288Add添加卡片组件Card#241NewfeatureAdd新增全局配置方法configure,使用configure({useWrapper:true})开启Dropdown/Tooltip兼容模式#291AddTree如果初始化数据包含children,异步加载时不会再次调用loadData函数来加载数据#290AddTable支持调整列宽后保存列宽信息#292AddTable增加表头分组功能#265AddTable增加合并单元格功能#265AddUpload支持强检测文件类型,不合法则抛出错误事件,因为浏览器接受属性只是建议类型,不能限制类型#271AddProgress新增警告状态#301AddTree支持父子Checkbox非关联模式,该模式下父子选中状态单独控制,不影响#302添加FormItem新增Fluid属性,100%宽度显示表单项#303添加添加Vue/React编译包,减少webpack别名配置项#308添加Button组件添加secondary和link类型#320添加Dialog支持点击遮罩层关闭弹出窗口#324AddDialogStatic该方法支持显示带有标题的弹出窗口#324AddSelect和Cascader在没有内容时显示“无内容”提示层#321AddDatepicker和Timepicker添加“确定”按钮方便用户关闭弹出层#322AddTimepicker支持设置步时,隐藏“分”或/和“秒”的显示#323AddTooltip添加主题支持,默认显示为深色主题#326AddTransfer添加列表头扩展点,以及左右箭头按钮的控制,让穿梭框的逻辑定义更灵活#314AddTablefixHeader设置为true时,表格的高度自动设置为100%,然后根据表格的高度确定表格主体的高度显示滚动条的父容器#310组件优化Refactor优化Tablehover和滚动的性能#310Refactor优化滑块滚动条热区,更容易点击#307Refactor优化弹出元素的动画,使用show/hideanimation代替create/removeanimation让动画更流畅#278BugRepairFix修复错误引入babel-types导致Themodulemaynotexist和compile报错的问题#283Fix修复页码过长时Pagination溢出的问题#286Fix修复第一次选择Timepicker范围选择时,如果先选择结束时间,时间值不正确的问题#289Fix修复Table调整列加宽后,如果table容器的宽度变大,则表格宽度将小于容器宽度。#293Fix当Slider有Spinner输入框时,如果设置了step,在输入过程中会修正值,导致无法输入想要的值所需值的问题#294Fix修复webpack配置可能会出现的问题禁用require.ensure(如:新版本的CreateReactApp),导致部分异步加载模块报错#304Fix修复Switch点击滑块,因为外部监听点击事件而看不到点击事件的问题#309Fix修复固定表格高度时,数据变化会出现滚动条,固定表头和表格主体没有对齐的问题#310Fix修复Message图标颜色丢失的问题默认主题下#317破坏性更改ChangeDrawer由之前点击抽屉外任意区域关闭抽屉,改为点击遮罩层关闭ChangeDatepicker。选择时间时,去掉无用的年月显示信息。更改使用es6模块构建,如代码编译优化#297Document增加支持Vue/React示例代码,在CodeSandbox中打开#267Vue/React启动文档补充CDN使用