@wocwin/t-ui/packages/index.js

Vue 中基于Element-ui二次封装基础组件文档

import TLayoutPage from './layout-page'
import TLayoutPageItem from './layout-page-item'
import TCalendar from './calendar'
import TDatePicker from './date-picker'
import TDialog from './dialog'
import TEditTable from './edit-table'
import TForm from './form'
import TIcon from './icon'
import TInput from './input'
import TInputSearch from './input-search'
import TPhone from './phone'
import TProtocol from './protocol'
import TQueryCondition from './query-condition'
import TStepWizard from './step-wizard'
import TSticky from './sticky'
import TTable from './table'
import TTimerBtn from './timer-btn'
// import TUploadExcel from './upload-excel'
// import TUploadFile from './upload-file'
import TModuleForm from './module-form'
import TSelect from './select'
import TPaginationSelect from './pagination-select'
import TDetail from './detail'
import TSelectTable from './select-table'
import TTreeSelect from './tree-select'
import TButton from './button'
import TAdaptivePage from './adaptive-page'
import TCascader from './cascader'
import TSwitch from './switch'
import { version } from '../package.json'
// 存储组件列表
const components = [
  TLayoutPage,
  TLayoutPageItem,
  TCalendar,
  TDialog,
  TDatePicker,
  TForm,
  TIcon,
  TInput,
  TInputSearch,
  TPhone,
  TProtocol,
  TQueryCondition,
  TStepWizard,
  TSticky,
  TTable,
  TTimerBtn,
  // TUploadExcel,
  // TUploadFile,
  TModuleForm,
  TEditTable,
  TSelect,
  TPaginationSelect,
  TDetail,
  TSelectTable,
  TButton,
  TTreeSelect,
  TAdaptivePage,
  TCascader,
  TSwitch
]

// 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
const install = function (Vue) {
  // 判断是否安装
  if (install.installed) return
  install.installed = true
  // 遍历注册全局组件
  components.map(component => Vue.component(component.name, component))
}

// 判断是否是直接引入文件
if (typeof window !== 'undefined' && window.Vue) {
  install(window.Vue)
}
// 按需引入
export {
  TLayoutPage,
  TLayoutPageItem,
  TCalendar,
  TDialog,
  TDatePicker,
  TForm,
  TIcon,
  TInput,
  TInputSearch,
  TPhone,
  TProtocol,
  TQueryCondition,
  TStepWizard,
  TSticky,
  TTable,
  TTimerBtn,
  // TUploadExcel,
  // TUploadFile,
  TModuleForm,
  TEditTable,
  TSelect,
  TPaginationSelect,
  TDetail,
  TSelectTable,
  TButton,
  TTreeSelect,
  TAdaptivePage,
  TCascader,
  TSwitch
}
export default {
  version,
  ...components,
  // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
  install
}