Elementplugin NPM

element-plugin

element-plugin 是基于 element-plus 开发的一个以提高编码效率、简化调用方式、提高代码维护性、适配屏幕分辨率、聚合基础组件为宗旨的“中间件”组件。

2.x element-ui版本停止维护，请使用3.x版本

现已开放的可用组件：

> aw-cropper-photo 图片裁剪组件
> aw-edit-table 可编辑表格
> aw-file-list 文件列表
> aw-form 表单组件
> aw-info 详情展示组件
> aw-input-number 数字输入框
> aw-input-tags 标签输入框
> aw-preview-file 文件预览
> aw-preview-image 图片预览
> aw-preview-pdf pdf预览
> aw-preview-video 视频预览
> aw-search-query 查询条件组件
> aw-table-column-search 表格表头筛选组件

dependencies

@icon-park/vue-next
element-plus
vue
vue-cropper
vue-draggable-plus

安装

npm i elementplugin

引入

1.整体导入：main.js 文件里

import ElementPlugin from 'elementplugin';
Vue.use(ElementPlugin);

2.按需导入

import {
AwCropperPhoto, 
AwEditTable, 
AwFileList, 
AwForm, 
AwInfo, 
AwInputNumber, 
AwInputTags, 
AwPreviewFile, 
AwPreviewImage, 
AwPreviewPdf, 
AwPreviewVideo, 
AwSearchQuery, 
AwTableColumnSearch
} from 'elementplugin';
Vue.use(AwCropperPhoto);
Vue.use(AwEditTable);
...

3.组件内导入

import {AwCropperPhoto, AwEditTable} from 'elementplugin';

参数说明

完善中...

更新记录

更新内容	更新时间
升级至3.0.0，element-plus版。2.x版本停止维护	2020/5/27
ElFormDialog，number 类型限制输入	2020/5/27
ElFormDialog、ElInfo，演示示例更新	2020/5/22
ElFormDialog、ElInfo，添加文档	2020/5/20
ElFormDialog，更新至 2.0.0 版本	2020/5/15
ElFormDialog，number 类型添加输入浮点数限制,DatePicker 添加 pickerOptions 参数	2020/5/9
ElFormDialog，附件上传组件更换 change 事件为 success、error 事件	2020/5/8
ElInfo，file 类型图片预览 bug 处理	2020/4/28
ElFormDialog，添加 close-on-click-modal 属性，默认值 false。vue-preview-photo 依赖插件 z-index 修改	2020/4/26
ElFormDialog-select，添加 multiple 属性	2020/4/20
ElInfo，video 类型 modal 弹窗关闭按钮样式修改	2020/4/13
ElInfo，添加 files 类型用于展示附件类型、fileUrlWhole 属性用于区分是否是完整链接，images 类型添加 width、gap 属性,img 添加 width 属性	2020/4/9
ElFormDialog-input，添加 handleFocus 事件	2020/4/2
添加开发者测试用的 test 文件夹，npm run serve 指令启动调试	2020/3/31
ElFormDialog 表单,formOptions 时间选择类型添加 format、valueFormat 字段	2020/3/30
ElInfo，解耦依赖的 vue-photo-preview 组件	2020/4/9
ElFormDialog-file,适配后台数据首字母大写问题	2020/3/31
ElFormDialog 表单,添加"year","month","date","dates"," week","datetime","datetimerange"," daterange","monthrange" 类型	2020/3/27
ElFormDialog-select 类型表单,formOptions 添加 handleChange 事件 return{name,type}	2020/3/27
ElFormDialog-file 类型表单,添加 filePath 属性	2020/2/28
ElFormDialog-file 类型表单,修改手动上传为自动上传	2020/2/21
ElFormDialog-number 类型表单不能输入浮点数 bug 修改	2020/2/17
ElFormDialog-附件类型表单删除 bug 修改	2020/2/13