易捷框架公共组件说明

ui框架

[email protected]

安装及使用

1. 安装

// npm 
npm i efpcom --save

2. 引入方式

  // 1. 全局引入 main.js
  import {
    EfpTable, 
    EfpOptionButton, 
    EfpSearch, 
    EfpScreenfull, 
    EfpModal,
    EfpFormDesign,
    EfpFormBuild,
    EfpEllipsis,
  } from 'efpcom'
  Vue.use(EfpTable);
  Vue.use(EfpOptionButton);
  Vue.use(EfpSearch);
  Vue.use(EfpScreenfull);
  Vue.use(EfpModal);
  Vue.use(EfpFormDesign);
  Vue.use(EfpFormBuild);
  Vue.use(EfpEllipsis);

  // 2. 局部引入 a.vue页面
  <template>
    <EfpTable></EfpTable>
  </template>
  import { EfpTable } from 'efpcom'
  export default {
    components:{ EfpTable }
  }

EfpTable table组件

基于ant-design-vue的table进行二次封装的table组件

EfpOptionButton 组件

主要用于table操作列，最多展示2个操作按钮，超出2个的按钮将被放在 '更多' 里面

EfpSearch 搜索组件

基础搜索条件的封装

EfpScreenfull 全屏组件

基于[email protected] 封装的全屏组件

EfpModal 弹框组件

基于ant-design-vue 中modal组件进行的二次封装

EfpFormDesign 表单设计组件

拖拽生成表单

EfpFormBuild 表单渲染组件

根据json数据渲染表单页面

EfpEllipsis 超出显示省略号

文本过长自动处理省略号，支持按照文本长度和最大行数两种方式截取。

v-highlight 代码高的指令

自定义指令，使用highlight.js插件，实现代码高亮的效果

更新日志

1.0.0

2021-11-17

1. 公共组件发布

1.0.1

2021-11-17

1. 说明文档优化
2. 部分组件问题修复

1.0.2

2021-11-17

1. 部分组件问题修复

1.0.3

2021-11-17

1. 部分组件问题修复

1.0.4

2021-11-18

1. EfpTable组件修改默认值。全屏功能改为默认不显示。options:{ fullScreen: false }
2. 移除多余文件，减少项目体积

1.0.5

2021-11-18

1. 解决动态表单中引入静态图片无法显示的问题

1.0.6

1. 内置部门树组件(DeptSelect)无法显示数据bug修复
2. Checkbox组件删除showLabel属性，展示label问题修复
3. search组件文档更新

1.0.7

1. 内置部门树组件(DeptSelect)增加requestUrl参数，可使用接口获取下拉数据

1.0.8

1. 内置部门树组件(DeptSelect)增加requestUrl默认参数问题修复

1.0.11

2022-02-12

1. EfpSearch组件升级为jsx写法，兼容更多antv组件
2. EfpSearch中==Checkbox组件的inline属性废弃==
3. 解决部门树组件DeptSelect的bug

1.0.12

2022-03-01

1. 动态表单保存按钮悬浮提示展示错误

1.0.35

2022-12-22

1. efpSearch组件中的Input 限制默认长度为200

1.0.36

2022-12-29

1. efpSearch组件中的Input 限制默认长度为200 bug修复 且计算长度时不区分中英文
2. efpTable组件 暂无数据时滚动条位置优化
3. 添加yalc本地调式命令

1.0.37

2023-01-04

1. 搜索组件布局优化，操作按钮与搜索条件居中

1.1.2

2023-01-05

1. 添加优化过的table组件

1.1.3

2023-01-07

1. tablePlus中index.scss改为index.less

1.1.8

2023-03-07

1. optionButton组件中的‘更多’改为‘...’进行显示
2. search组件中的‘展开/收起’改为a-button组件，便于实现主题色变化

1.2.0

2023-5-26 1.efpSearch组件：针对时间选择组件的placeholder显示问题、解除loopKey和loopValue对Cascader的作用 2.efpFormBuild组件的getData方法修改，避免表单项为空时导致的问题 3.EfpOptionButton组件添加禁用提示语 4.升级EfpTablePlus组件，支持列展示、列拖拽、行拖拽 5.添加EfpForm组件，使用json渲染表单

1.2.1

2023-5-29 1.EfpTablePlus组件添加请求头的传参，避免接口401问题

1.2.2

2023-6-13

1. EfpTablePlus组件列宽拖拽更改实现方法

1.2.3

2023-7-10

1. EfpTablePlus组件列宽拖拽js实现方式计算优化