@yuechan/element-design v1.0.13

element-design

简介

基于 vue2 + element-ui 2.0 的代码进行封装，将频繁使用的组件抽离，使用简单的代码完成复杂的业务场景。

vue3: @yuechan/element-design@2.x.x

vue2: @yuechan/element-design@1.x.x

安装

npm i @yuechan/element-design@vue2

使用

在mian.js中配置增加下列配置

import ElmDesign from '@yuechan/element-design'
import '@yuechan/element-design/lib/elmDesign.min/css'

Vue.use(elmDesign,{
  router,
  store,
  i18n: (key, value) => i18n.t(key, value)
})

下面添加国际化相关配置，由于不同项目国际化配置位置不同，下面贴出常用配置

import elementEnLocale from 'element-ui/lib/locale/lang/en' // element-ui lang
import elementZhLocale from 'element-ui/lib/locale/lang/zh-CN'// element-ui lang
import enLocale from './en'
import zhLocale from './zh'
import enEmLocale from '@yuechan/element-design/lang/en'
import zhEmLocale from '@yuechan/element-design/lang/zh'

const messages = {
  en: {
    ...enLocale, ...elementEnLocale, ...enEmLocale
  },
  zh: {
    ...zhLocale, ...elementZhLocale, ...zhEmLocale
  }
}

const i18n = new VueI18n({
  // set locale
  // options: en | zh | es
  locale: getLanguage(), // set locale messages
  messages,
  silentTranslationWarn: true
})

组件

• EmBaiduMap（百度地图）已集成到EmForm
• EmCascader （自定义级联）已集成到EmForm
• EmCascaderArea （省市区级联）已集成到EmForm
• EmCharts （图表）
• EmColorGroup （颜色组选择器组件）已集成到EmForm
• EmEditor （富文本框）已集成到EmForm
• EmForm 表单
• EmFormGroup （表单组）
• EmFormModal （弹窗表单）
• EmSearchForm （搜索表单）已集成到EmForm
• EmSelectInput （下拉选择输入框组件）已集成到EmForm
• EmStaticForm （静态响应式表单）
• EmIcons （Icon）
• EmIconSelect （Icon选择）
• EmTablePage（分页表格）
• EmTableSelect （表格弹窗选择）已集成到EmForm
• EmUpload （文件上传）已集成到EmForm
• EmUploadExcel （Excel上传解析数据）