kpc 2.0 正式更名为 King Design,发布正式版
经过1年多的时间,KPC组件库完成了TypeScript的重构工作,重构的过程中,我们也进一步打磨组件,引入更流畅的动效,也支持了最新的框架React17 / React18(WIP) / Vue2 / Vue3。另外,除了组件库外,我们还提供了从”产品“到”设计“再到”开发“和最后”验收“各个阶段的一条完成的工具链,现在我们正式更名为King Design对外发布,欢迎大家尝试由金山云打造的这一套完整的设计开发解决方案。
组件库新特性
支持TypeScript
支持React / Vue3 / Vue2
# React
npm install @king-design/react -S
yarn add @king-design/react
# Vue 3
npm install @king-design/vue -S
yarn add @king-design/vue
# Vue 2
npm install @king-design/vue-legacy -S
yarn add @king-design/vue-legacy
新的动画效果
一切变化都有过渡效果
支持动态主题切换
采用CSS-in-JS实现样式,可以动态细粒度地切换每一个组件的样式,实现动态主题
Changelog
- 底层到组件库全面采用
TypeScript重写,来支持类型检测 - 组件库使用
Hooks的思想来拆分逻辑,提高维护性 - 使用
@emotion/css的css-in-js方案取代之前的stylus方案,支持运行时切换主题 - 重新设计组件事件
Event和扩展点Slot的属性名,使其满足TS的类型检测- React
- 默认事件名由之前的
on$change-value形式,变为onChangeValue形式 - 扩展点名由之前的
b-value形式,变为slotValue形式
- 默认事件名由之前的
- Vue
- 默认事件名由之前的
@$change:value形式,变为@changeValue形式
- 默认事件名由之前的
- React
- 默认主题改变,使用之前的
ksyun主题作为默认主题,原来的默认主题不再支持