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 |