@rrc-materials/core/index.js

rrc materials for core

import '@rrc-materials/theme/src/rrc.scss'
import { createAPI } from '@rrc-materials/helpers'
import Core from './src/index'
import Page from '@rrc-materials/page'
import Toolbar from '@rrc-materials/toolbar'
import Table from '@rrc-materials/table'
import Dialog from '@rrc-materials/dialog'
import Select from '@rrc-materials/select'
import List from '@rrc-materials/list'
import Card from '@rrc-materials/card'
import CardFooter from '@rrc-materials/card-footer'
import Search from '@rrc-materials/search'
import Lazyload from '@rrc-materials/lazyload'
import Container from '@rrc-materials/container'
import Form from '@rrc-materials/form'
import Divider from '@rrc-materials/divider'
import CascaderForm from '@rrc-materials/cascader-form'

const packages = [
  Page,
  Toolbar,
  Table,
  Dialog,
  Select,
  List,
  Card,
  CardFooter,
  Lazyload,
  Container,
  Form,
  Divider,
  CascaderForm
]

const install = (Vue, { router, store, search, options } = {}) => {
  if (install.installed) {
    return
  }

  install.installed = true

  Vue.use(Core, {
    router,
    store,
    options
  })

  packages.forEach((lib) => {
    Vue.use(lib)
  })

  // 加载自定义搜索
  Vue.use(Search, search)

  // api 调用方式
  createAPI(Vue, Dialog, ['confirm', 'cancel', 'open', 'close', 'closed'], true)

  Vue.mixin({
    created () {
      this.$rrcTheme = {
        primary: '#fd521d',
        primaryLight: '#fb9919',
        danger: '#fb9919',
        blue: '#01a0ec',
        green: '#2ab26a',
        black: '#000',
        borderYellow: '#f3aa88',
        borderColor: '#d8d8d8',
        borderBox: '#eee',
        border: '#ddd',
      }
    }
  })
}

export default {
  install
}