用于讨论下一代RIA体系,讨论采纳的功能将在合适的版本中进行实现
讨论可包含并不限于:ER、ESUI、etpl及相关的工具、类库
##ESUI
###概述 在ESUI现有控件的基础上:
- 加入CSS框架,为基础HTML控件和HTML组合控件提供样式支持,并提供CSS Grid。
- 对现有ESUI控件进行进一步设计,优化和整理。
- 添加更多通用的组件。
###目标
- 提供一套功能设计优良,功能稳定的标准控件和交互行为。
- 提供一个Style Guide页面列出所有的设计组件。
- UE可能自行定义标准样式给FE使用。
###加强点
- 加入CSS基础框架。
- 加入CSS grid。
- 尝试剥离控件对icon的依赖,可以使用image icon或者web font。
- 搜集业务需求,在现有ESUI基础上,对其功能进行一点功能。通过option来提供。
- 添加一些通用的组件进来。
- 优化现有控件,添加Unit Test来进一步保证质量。
- 动画CSS Animation。可以实现类似于groundwork的效果。
###关于AMD 可以使用AMD也可以不使用。 UMD
###组件分类 组件可以分为以下几种类型:
- HTML基础控件。(CSS目录下)
- HTML组合控件。(Components目录下)
- 可复用CSS View。(View目录下)
- JS控件。(JS目录下)
- 业务JS控件。(Biz目录下)
- JS行为扩展。(Behavior目录下)
####HTML基础控件 HTML基础控件是基本页面元素, 代表一个独立的功能。例如Button,Input, Progress Bar。
####HTML组合控件 由一组HTML Tag组成的一个页面元素。例如:Inputs Group,Tool Bar,Form, Menu, Nav bar, Breadcrumbs。
####可复用CSS View UI设计上更高一级的可以复用的一组HTML组合。由HTML基础控件和HTML组合控件组成。例如:List,关键词过滤列表等。
####JS组件 JS扩展的组件。例如现有的Calendar,Select等组件。
####JS行为扩展 JS的扩展行为。比如:Drag&Drop,Transition,Position等。
####控件和行为设计模板说明
控件定义名称 | 说明 |
---|---|
控件实现 | 每种控件可以有多个实例,分别表示不同的控件实现。例如:Button可以有带图标Button。Label可以有Ribbon Label,Corner Label等。 |
控件皮肤 | 每个控件实现可以包含多个皮肤,可以修改控件实现的外观。例如:普通Button可以红色,绿色,大的,小的几种皮肤。 |
控件状态 | 该控件拥有的状态。例如:disabled,active,hovered,pressed down... |
控件行为 | 控件行为的说明。 |
控件属性 | 控件支持的属性。 |
实例 | HTML或者JS实例。说明如何使用。 |