zr-admin-ui/index.js

基于ElementUI拓展组件

import { VueJsonp } from 'vue-jsonp'
import 'element-ui/lib/theme-chalk/index.css';
import 'animate.css/animate.css'
import './public/styles/base.css'
import './public/styles/element-ui.scss'
import './public/fonts/iconfont.css'
//全局过滤器
import * as filters from './filters/filters.js'
import ZrDirectives from './directives/index'

import ZrButton from './ZrButton/ZrButton'
import ZrForm from './ZrForm/index'
import ZrFormGroup from './ZrFormGroups/index'
import ZrFormLine from './ZrFormGroups/formLine'
import ZrFormItemGroup from './ZrFormGroups/formItemGroup'
import ZrTips from './ZrTips/index'
import ZrTable from './ZrTable/index'
import ZrTableColumns from './ZrTableColumns/index'
import ZrPagination from './ZrPagination/index'
import ZrSearchBox from './ZrSearchBox/index'
import ZrButtonBox from './ZrButtonBox/index'
import ZrInfoBox from './ZrInfo/zrInfobox'
import ZrInfo from './ZrInfo/index'
import ZrDrawer from './ZrDrawer/index'
import ZrTransition from './ZrTransition/index'
import ZrRadio from './ZrRadio/index'
import ZrCheckbox from './ZrCheckbox/index'
import ZrCheckboxGroup from './ZrCheckbox/zrCheckboxGroup'
import ZrCitySelect from './ZrCitySelect/index'
import ZrMap from './ZrMap/index'
import ZrNearRadio from './ZrNearPicker/zrNearRadio'
import ZrNearInput from './ZrNearPicker/zrNearInput'
import ZrNearSelect from './ZrNearPicker/zrNearSelect'
import ZrErrorPages from './ZrErrorPages/index'
import ZrBrowserPages from './ZrErrorPages/browser'
import ZrElInputNumber from './ZrInputNumber/index'
import ZrCard from './ZrCard/index'
import ZrPicCard from './ZrCard/picCard'
import ZrDialog from './ZrDialog/index'
import ZrPopover from './ZrPopover/index'
import ZrTree from './ZrTree/index'
import ZrTabs from './ZrTabs/index'
import ZrDescriptions from './ZrDescriptions/index'
import ZrPermissionTree from './ZrPermissionTree/index'
import ZrSelectIcon from './ZrIcon/selectIcon'
import ZrLineChart from './ZrCharts/ZrLineChart'
import ZrBarChart from './ZrCharts/ZrBarChart'
import ZrPieChart from './ZrCharts/ZrPieChart'
import ZrFunnelChart from './ZrCharts/ZrFunnelChart'
import ZrSwiperGroup from './ZrSwiperGroup/index'

export default {
    install: (Vue) => {
        Vue.use(VueJsonp)
        Vue.use(ZrDirectives)
        
        Object.keys(filters).forEach(key => {
            Vue.filter(key, filters[key])
        })
      
        Vue.component('zr-button', ZrButton)
        Vue.component('zr-form-group', ZrFormGroup)
        Vue.component('zr-form', ZrForm)
        Vue.component('zr-form-line', ZrFormLine)
        Vue.component('zr-form-item-group', ZrFormItemGroup)
        Vue.component('zr-tips', ZrTips)
        Vue.component('zr-table', ZrTable)
        Vue.component('zr-table-columns', ZrTableColumns)
        Vue.component('zr-pagination', ZrPagination)
        Vue.component('zr-searchbox', ZrSearchBox)
        Vue.component('zr-buttonbox', ZrButtonBox)
        Vue.component('zr-infobox', ZrInfoBox)
        Vue.component('zr-info', ZrInfo)
        Vue.component('zr-drawer', ZrDrawer)
        Vue.component('zr-transition', ZrTransition)
        Vue.component('zr-radio', ZrRadio)
        Vue.component('zr-checkbox', ZrCheckbox)
        Vue.component('zr-checkbox-group', ZrCheckboxGroup)
        Vue.component('zr-city-select', ZrCitySelect)
        Vue.component('zr-map', ZrMap)
        Vue.component('zr-near-radio', ZrNearRadio)
        Vue.component('zr-near-input', ZrNearInput)
        Vue.component('zr-near-select', ZrNearSelect)
        Vue.component('zr-error-pages', ZrErrorPages)
        Vue.component('zr-browser-pages', ZrBrowserPages)
        Vue.component('zr-funnel-chart', ZrFunnelChart);
        Vue.component('zr-input-number', ZrElInputNumber);
        Vue.component('zr-card', ZrCard);
        Vue.component('zr-pic-card', ZrPicCard);
        Vue.component('zr-dialog', ZrDialog);
        Vue.component('zr-popover', ZrPopover);
        Vue.component('zr-tree', ZrTree);
        Vue.component('zr-tabs', ZrTabs);
        Vue.component('zr-descriptions', ZrDescriptions);
        Vue.component('zr-permission-tree', ZrPermissionTree);
        Vue.component('zr-select-icon', ZrSelectIcon);
        Vue.component('zr-line-chart', ZrLineChart);
        Vue.component('zr-bar-chart', ZrBarChart);
        Vue.component('zr-pie-chart', ZrPieChart);
        Vue.component('zr-funnel-chart', ZrFunnelChart);
        Vue.component('zr-swiper-group', ZrSwiperGroup);
    }
}