JR

JR 是一个基于 Regularjs 的组件库,主要fork来源是nek,由于某些业务的不适用,所以重新建一个组件库

引入 JR

npm i jr-ui -S
import JRUI from 'jr-ui'
import Regular from 'node_modules/jr-ui/dist/vendor/regular.min.js'
import 'node_modules/jr-ui/dist/css/JR.default.min.css'

或者直接在需要引入的页面上

<link rel="stylesheet" href="/dist/css/JR.default.min.css">
<script type="text/javascript" src="/dist/vendor/regular.min.js"></script>
<script type="text/javascript" src="/dist/js/JR.min.js"></script>

以这种内嵌 Script 方式引入的时候 JRUI 会自动挂在 Window 上

使用 JR

由于使用 NEIUI 的组件需要先注册,我们可以在工程里面的 BaseComponent 里面使用 JRUI 暴露出来的一个 install 方法来将组件注册到 BaseComponent 上,这样继承自 BaseComponent 的组件就可以直接在模板里面使用组件了

import { install } from 'JR';
import Regular from 'regularjs';
const BaseComponent = Regular.extend({
//
});
install(Regular);

如果不想将 JRUI 的组件全部注册到全局上,或者是自己已有的组件和 JRUI 里面的组件命名冲突,也可以手动的注册想要使用的组件到 Regular 实例上

var Component = BaseComponent.extend({}).component('jr-tooltip', JRUI.JRTooltip)