l-ui

intro

基于 element-ui 二次开发

.
├── cdn
├── components
│   ├── ErrorPage
│   │   └── 404
│   ├── Pager 分页
│   └── table 表格
├── examples
├── lib
├── markdowns 说明文档
├── packages
├── scss
├── src
├── README
└── package.json

use

yarn add @lpg/l-ui

// main.js
import lui from '@lpg/l-ui'
import '@/scss'
Vue.use(lui)

// /src/scss/index.scss
@import '~@/scss/element-variables'; // 变量

$--font-path: '~element-ui/lib/theme-chalk/fonts'; // element字体

@import '~element-ui/packages/theme-chalk/src/index'; // element style

@import '~@lpg/l-ui/scss'; // lui style
// 需配置webpack自动后缀 extensions 
// 若未配置，引入方式 import '@lpg/l-ui/scss/index.scss';

components

pager

table

notice

vue ie es6兼容

// vue.config.js
  transpileDependencies:['@lpg/l-ui'],

version

1.0.0

1. components
   1. table 组件
   2. ErrorPage 404 组件
   3. Pager 分页组件
2. scss
   1. var 变量
   2. modules -> table

1.0.1

1. ie 兼容性配置说明
2. README 使用说明更新
3. components -> table
   1. pxtorem
   2. 修复handle计算宽度
      1. 判断最长字数
      2. 修复相同个数操作按钮可能字数不同，导致按钮显示不全
         1. 最大值不一定字数最大，操作文字可能不同

1.0.2

1. components -> table
   1. 组件问题解决方案
      1. 使用rem调节字体时，列表滑动边框位置错乱
      2. 解决方案 调节字体时重新渲染列表
      3. 无数据页面调整
         1. 添加配置项是否显示表头
         2. 添加配置项无数据显示文字
2. 说明文档补充
   1. markdowns -> table

1.0.3

1. 说明文档补充
   1. markdowns -> table
2. components -> pager
   1. 修复分页器中间页数显示bug

1.0.4

1. 说明文档补充
   1. markdowns -> table
   2. markdowns -> pager
2. components -> pager
   1. 样式调整

1.0.5

1. components -> pager
   1. 修复分页器偶数显示bug

1.0.6

1. 说明文档补充
   1. markdowns -> table
2. components -> pager
   1. 样式调整取消，采用elementUi初始样式
3. components -> table
   1. tableOptions -> formatterOptions 所设置列可通过参数配置handle handle: [{ operationName: 'col.titleCode', urlPath: "methodName()", systemShow: '2' }] 触发methodName 事件

1.0.7

1. 说明文档补充
   1. markdowns -> table
2. 新增 components -> ErrorPage404
3. 新增 components -> ImageViewer
4. 新增 markdowns -> ImageViewer