element-ui-enhancer

未做包体积优化

安装

依赖于element-ui

npm install element-ui element-ui-enhancer -D

部分引入

import { DatePicker2, Table2 } from 'element-ui-enhancer'

// 全局
Vue.use(DatePicker2)
Vue.use(Table2)
// 或者组件内
import { DatePicker2 } from 'element-ui-enhancer'
components{
    ElDatePicker2: DatePicker2
}

完整引入

import elementUiEnhancer from 'element-ui-enhancer'
Vue.use(elementUiEnhancer)

引入样式

import 'element-ui-enhancer/element-ui-enhancer.css'

使用

// 参照element-ui的datepicker的参数
<ElDatePicker2
    dark-mode
    inner-time
    v-model="dateTime"
    type="datetime"
    value-format="yyyy-MM-dd HH:mm:ss"
    placeholder="选择日期时间">
</ElDatePicker2>

Table增加了空值的默认值: 一

需要作为全局组件

// main.js
import Vue from 'vue'
import { TableColumn2 } from 'element-ui-enhancer'
import { Table } from 'element-ui'
Vue.use(TableColumn2)
Table.defaultValue = '这里是空值的默认值'

<template>
  <el-table :data="tableData">
    <!--  这里会使用默认设置的空值  -->
    <el-table-column></el-table-column>
    <!--  这里可局部自定义默认值  -->
    <el-table-column :defaultValue="0"></el-table-column>
  </el-table>
</template>

Table2增加了列筛选

目前不支持多级表头，多级表头只会筛选第一层

<el-table2 ref="tableRef">
  ...
</el-table2>
<el-button ref="toggleRef" @click="$refs.tableRef.toggle($refs.toggleRef)">toggle</el-button>