w-component-ui/src/components/index.js

w Vue components project

//导入button按钮组件
import button from './button/Wbutton'
// 导入地址选择器组件
import cascade from './cascade/Wcascade'
// 导入checkbox复选框组件
import checkbox from './checkbox/Wcheckbox'
// 导入confirm确认弹窗组件
import WConfirm from './confirm/confirm'
// 导入内容布局content组件
import content from './content/Wcontent'
import contentLeft from './content/Wcontent-left'
import contentRight from './content/Wcontent-right'
// 导入日期选择器datePicker组件
import datePicker from './datePicker/datePicker'
// 导入日期时间选择器dateTimePicker组件
import dateTimePicker from './dateTimePicker/dateTimePicker'
// 导入对话框dialog组件
import dialog from './dialog/dialog'
// 导入拖动选项卡菜单dragDropNav组件
import dragDropNav from './dragDropNav/dragDropNav'
// 导入文件上传fileUpload组件
import fileUpload from './fileUpload/fileUpload'
// 导入图片上传imgUpload组件
import imgUpload from './imgUpload/imgUpload'
//导入图片缩放组件
import imgReduction from  './imgReduction/imgReduction'
// 导入加载loading组件
import loading from './loadding/loadding.js'
// 导入面包屑组件
import menuHierarchy from './menuHierarchy/menuHierarchy'
// 导入提示框message组件
import message from './message/message'
// 导入分页pager插件
import pager from './pager/pagination'
// 导入单选radio组件
import radio from './radio/radio'
// 导入搜索框
import searchBox from './searchBox/searchBox'
// 导入下拉框select组件
import select from './select/select'
// 导入开关switch组件
import WSwitch from  './switch/switch'
// 导入表格组件
import table from './table/WTable'
import tableItem from './table/table-item'
import tableColumn from './table/table-column'
import col from './table/col'
import tableCheckBox from './table/tableCheckbox'
import tableRadio from './table/tableRadio'
// 导入选项卡切换tabs组件
import tabs from './tabs/tabs'
//导入标签tags组件
import tags from './tags/tags'
// 导入标签选项卡切换tagTab组件
import tagTabs from './tagTabs/tagTabs'
// 导入input输入框
import text from './text/text'
// 导入文本域textarea组件
import textarea from './textarea/textarea'
// 导入时间选择器timePicker组件
import timePicker from './timePicker/timePicker'
// 导入吐丝toast组件
import toast from './toast/toast'
// 导入树tree组件
import tree from './tree/tree'
// 导入年月选择器yearMonth组件
import yearMonth from './yearMonth/yearMonth'

/*公共css*/
import "../assets/css/commons.css";
/*组件css*/
import "../assets/css/button/button.css";
import "../assets/css/cascade/cascade.css";
import "../assets/css/content/content.css";
import "../assets/css/checkbox/checkbox.css";
import "../assets/css/confirm/confirm.css";
import "../assets/css/dateTimePicker/dateTimePicker.css";
import "../assets/css/dialog/dialog.css";
import "../assets/css/dragDropNav/dragDropNav.css";
import "../assets/css/form/form.css";
import "../assets/css/fileUpload/fileUpload.css";
import "../assets/css/imgReduction/imgReduction.css";
import "../assets/css/imgUpload/imgUpload.css";
import "../assets/css/loading/loading.css";
import "../assets/css/message/message.css";
import "../assets/css/pager/pager.css";
import "../assets/css/radio/radio.css";
import "../assets/css/searchbox/searchbox.css";
import "../assets/css/switch/switch.css";
import "../assets/css/select/select.css";
import "../assets/css/table/table.css";
import "../assets/css/tabs/tabs.css";
import "../assets/css/tagTab/tagTab.css";
import "../assets/css/text/text.css";
import "../assets/css/textarea/textarea.css";
import "../assets/css/timePicker/timePicker.css";
import "../assets/css/tree/tree.css";
import "../assets/css/yearMonth/yearMonth.css";

const components = {
  install(Vue){
    Vue.component('w-button',button);
    Vue.component('w-cascade',cascade);
    Vue.component('w-checkbox',checkbox);
    Vue.use(WConfirm);
    Vue.component('w-content',content);
    Vue.component('w-content-left',contentLeft);
    Vue.component('w-content-right',contentRight);
    Vue.component('w-date-picker',datePicker);
    Vue.component('w-date-time-picker',dateTimePicker);
    Vue.component('w-dialog',dialog);
    Vue.component('w-drag-drop-nav',dragDropNav);
    Vue.component('w-file-upload',fileUpload);
    Vue.component('w-img-upload',imgUpload);
    Vue.component('w-img-reduction',imgReduction);
    Vue.use(loading);
    Vue.component('w-menu-hierarchy',menuHierarchy);
    Vue.use(message);
    Vue.component('w-pager',pager);
    Vue.component('w-radio',radio);
    Vue.component('w-search-box',searchBox);
    Vue.component('w-select',select);
    Vue.component('w-switch',WSwitch);
    Vue.component('w-table',table);
    Vue.component('w-table-item',tableItem);
    Vue.component('w-table-column',tableColumn);
    Vue.component('w-table-checkbox',tableCheckBox);
    Vue.component('w-table-radio',tableRadio);
    Vue.component('w-col',col);
    Vue.component('w-tabs',tabs);
    Vue.component('w-tags',tags);
    Vue.component('w-tag-tab',tagTabs);
    Vue.component('w-input',text);
    Vue.component('w-text-area',textarea);
    Vue.component('w-time-picker',timePicker);
    Vue.use(toast);
    Vue.component('w-tree',tree);
    Vue.component('w-year-month',yearMonth);
  }
};
// 这里的判断很重要
if (typeof window !== 'undefined' && window.Vue) {
  window.Vue.use(components);
}

export  default components;