@kyfe/hroa-ui

@kyfe/hroa-ui

安装

yarn add @kyfe/hroa-ui

使用HROA公共组件库

全局引入组件

// 全局引入UI组件
import hroaUI from '@kyfe/hroa-ui'

Vue.use(hroaUI)

按需引入组件

按需引入组件需要先装依赖来支持

yarn add babel-plugin-import

然后在根目录babel.config.js中配置

module.exports = {
  "presets": [
    "@vue/app"
    ],
    "plugins": [
      [
        "import",
        {
          libraryName: "@kyfe/hroa-ui",  // 这是我们的包名
          style: (name) => {
            return `${name}/index.css`;
          },
          camel2DashComponentName: true, // 是否需要驼峰转短线
          camel2UnderlineComponentName: false, // 是否需要驼峰转下划线
        },
      ],
  ]
}

最后在项目入口文件引入注册需要使用的组件

// 按需引入组件
import {
  hrButton
} from "hroa-ui";

// 注册
Vue.use(hrButton)

| 注意：

组件列表

组件名	说明
hrButton	按钮
hrViewItem	表单项视图组件

我们将源文件放在packages中，支持大家查阅源码