engage-ui-tag

自动填充 Engage UI 组件标签与属性。

engage-ui

基础组件

• EBlock：最基础的布局元素，内置使用 Flex，可以很方便地进行定位、对其、宽高自适应
• EText：文本专用组件，支持文字溢出处理、超链接
• EButton：按钮组件
• EIcon：iconfont 组件

表单组件

• EFormItem：表单项组件，封装校验提示与表单字段名称
• EValidationMixin：表单项的值校验，如必填等
• EInput：单行文本输入
• ENumberInput：数字输入
• ETextarea：多行文本，支持自动增高
• ESelect：下拉框，支持无限滚动
• ECheckbox：复选框
• EOptionGroup：复选框组，支持多选
• EDate：日期输入，支持日期范围、时间范围
• ECascader：级联下拉框，支持多种选中模式
• EUpload：图片、文件上传
• ELov：静态选项下拉框，封装 ESelect
• EPickList：动态选项下拉框，封装 ESelect
• ESelectRow：跟 EPickList 很像，但专用于后端行数据的选择

弹出组件

• EDialog：全屏通用弹出框，带蒙层
• EAlert：提示、确认弹出框，通过 this.$e.alert() 等方法打开
• EPopup：局部浮出框，无蒙层
• EDropdown：下浮框，由锚点 + 浮出框构成，封装 EPopup
• ETooltip：提示浮出框，封装 EPopup
• EToast：全局提示框，一般用作接口消息提示

内容组件

• ETag：标签组件
• EButtonGroup：按钮组，带 Dropdown
• EScroll：支持滚动，支持 overlay 滚动条
• EInfiniteScroll：无限滚动
• ETabs：标签栏
• ETree：树组件
• EImage：图片组件，支持多种 resize 模式
• ETimeline：时间线
• ECollapse：折叠框
• ERegion：地区选择器，带数据
• ECharts：百度 ECharts 封装，使用统一的统计接口规范，见
• EGvpDashboard：GVP 仪表盘

进度组件

• ESlider：滑动组件
• ESpinner：loading 组件
• EAjaxBar：AJAX 请求进度条

布局组件库

布局组件库是 Engage 特有的一种界面划分方式。在 Engage 的标准交互中，一个界面按照从大到小，分别由 View、Applet、Field 构成。其中：

• View 表示整个页面（除去顶部导航栏）
• Applet 表示 View（页面）中一个面板，通常对应一个实体。实体一般就是一张数据库表。
• Field 表示 Applet 中的一个字段，通常对应实体的一个字段。

EView

页面组件，即除了导航栏以外的其余部分，是 EApplet 的容器。支持很多模板，比如上-下布局、上-左下-右下布局等。

• EView/list：列表页面，支持分页和无限滚动
• EView/top-left-right：上左右布局，一般用于详情页
• EView/left-right：左右布局，一般用于树 + 列表
• EView/gvp-dashboard：GVP 仪表盘页面

EApplet

一种实体数据的展示方式，是 EField 的容器。支持很多模板，如列表、详情、新建、编辑等。

• EApplet/list：实体列表，支持无限滚动
• EApplet/simple-list：简单列表，一般只展示几行数据
• EApplet/search-list：实体列表，支持数据权限，支持无限滚动
• EApplet/edit：编辑实体
• EApplet/new：新建实体
• EApplet/detail：实体详情
• EApplet/header-detail：实体简要详情，一般位于详情页面顶部，作为上下文
• EApplet/popup：实体浮出框，一般位于列表行内，浮出展示更多信息

EField

EField 有两种模式，查看状态和编辑状态。

• EFieldGroup：两列式字段查看与编辑，可折叠，标题栏可选
• EFieldLine：用于存放字段的行，水平布局，一般一行下放两个字段。
• EField/input：EInput 的 Field 版