跨框架组件库解决方案 kpc v0.8.4 发布，新增评分组件 Rate

kpc是金山云前端团队推出的跨框架的组件库解决方案，目前支持金山云内部框架Intact，以及流行的Vue/React。开发该组件库的目的是，希望通过一套组件库来满足不同团队之间不同的技术栈的开发需求，同时相比维护针对各个框架开发一套各自的组件库而言，可以将维护成本将至最低，且可以做到各个框架同步更新

在现有的Vue后者React中引入该组件库只需要配置一项webpack的alias即可，详见 文档说明

Vue CLI 3

在项目根目录下创建 vue.config.js 文件，内容如下：

module.exports = {
    configureWebpack: {
        resolve: {
            alias: {
                'kpc': 'kpc/@css',
                'intact$': 'intact-vue',
            }
        },
    }
}

然后就可以引入kpc组件使用了

Create React App

修改配置之前，我们需要弹出项目的配置文件

npm run eject

然后修改配置文件 config/webpack.config.js

--- a/config/webpack.config.js
+++ b/config/webpack.config.js
@@ -265,6 +265,8 @@ module.exports = function(webpackEnv) {
         // Support React Native Web
         // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
         'react-native': 'react-native-web',
+        'kpc': 'kpc/@css',
+        'intact$': 'intact-react',
       },
       plugins: [
         // Adds support for installing with Plug'n'Play, leading to faster installs and adding

更新日志

1. Add  新增评分组件 Rate   #218
2. Add   Form 支持 vertical 和 inline 布局方式  #219
3. Add   Select 支持 loading 状态  #220
4. Add   Datepicker 新增 getDateString 和 createDate 方法，用于日期字符串和日期对象之间进行转换
5. Fix  修复 Icon 不能通过 style 属性定义图标颜色的问题  #217
6. Fix  修复 Slider 属性 max/min 取值为 undefined 时会报错的问题  #216
7. Fix  修复 Table 在边框模式下，吸顶的表头宽度会超出 2px 的问题  #222
8. Fix  修复 Dropdown 及该类型的组件，在菜单弹出后，点击另一个组件，上一个菜单不会自动隐藏的问题  #221
9. Fix  修复 Datepicker 被禁用的日期 hover 时依然有背景色的问题  #223