App图:文件图标
基本说明
针对不同文件类型的专用图标,可直接解析成图片格式的默认系统图标,根据后缀名分类:
- AVI
- DOC / DOCX
- EPS
- XLS / XLSX / CSV
- EXE
- GIF
- MP3
- PPT / PPTX
- PSD
- SQL
- TXT
Members
(static, constant) ECONOMY :Object
App:扩展组件
基本说明
常用 Web 组件的 className属性,该属性应用会牵涉到业务应用,主要针对特定场景下的组件设置。
CARD_CONTAINER
:PageCard / HelpCard 卡片默认使用类名:ux_card
。TAB_CONTAINER
: ExListComplex / ExTab 专用的页签默认类名:ux_tab
。ROW_HEAD
:放在头部用于定义列表页间距专用的工具栏默认类名:ux_toolbar
。TABLE_CONTROL
:表格专用类名:ux_table
。
Type:
- Object
(static, constant) FORM_MODE :Object
表单模式
基本说明
在常见模块中,Zero UI主要支持三种核心表单模式:
- ADD:新增记录的表单模式
- EDIT:编辑记录的表单模式
- SEARCH:查询记录的表单模式(查询表单)
开发中心开设了第四种表单模式 DESIGN
,此种模式主要用于工具定制和表单设计,目前仅支持在开发中心中使用,表单模式中会影响核心变量$inited
,该值为表单初始值,如果是添加模式,不论是否传入,该值都为空,而在编辑模式中,$inited
几乎是一定有值的,除开此变量,还包含另外一个核心变量$record
,它用于记录父表单,以及某个表格字段中的行值,这个会在特殊组件中专程说明。
示例
if (ref) {
const {$mode = Ux.Env.FORM_MODE.ADD, $inited = {}} = ref.props;
if (Ux.Env.FORM_MODE.ADD === $mode || !$inited.key) {
key = Ux.randomUUID();
} else {
key = $inited.key;
}
}
表单模式使用场景众多,此处不一一枚举。
Type:
- Object
(static, constant) ICON_BLOCK :Object
App图:自由图标
基本说明
包含了目前实施过的所有系统常用的完整图标集合,包括:
- ISO27001
- CMDB
- ITSM
- HOTEL
- IOT
- BSM
- Norm Adjust
- OA
Type:
- Object
(static, constant) ICON_DATABASE :Object
App图:数据库类型
基本说明
针对不同数据库类型的专用图标,可直接解析成图片格式的默认系统图标,根据数据库类型分类:
- WORKFLOW:工作流引擎Camunda专用数据库
- ATOM:动态建模数据库
- HISTORY:删除备份专用的历史数据库
- DATABASE:运行专用数据库
- DISABLED:被禁用的数据库
Type:
- Object
(static, constant) ICON_SYS :Object
App图:系统级图标
基本说明
系统通用的图标相关信息
Type:
- Object
(static, constant) MENUS :Object
App:菜单集合
基本说明
该菜单集合用于配置菜单的渲染顺序,该配置会影响到菜单的渲染顺序,该配置主要包含下边几种:
代码调用 | 说明 |
---|---|
Ux.Env.MENUS.TOP |
顶部菜单,包括两种:EXTRA / TOP |
Ux.Env.MENUS.MODULE |
主菜单,包括两种:BAG / SIDE |
Ux.Env.MENUS.DASH |
Dashboard首页菜单,包括:NAV / REPO / SC |
Ux.Env.MENUS.DEVELOPMENT |
开发中心菜单,包括:DEV / SYS |
Type:
- Object
(static, constant) MENU_TYPE :Object
App:菜单类型
基本分类介绍
常用 Web 菜单的类型设置,该类型对应X_MENU
表中的type字段,菜单类型主要包含下边几种:
代码调用 | 值 | 说明 |
---|---|---|
Ux.Env.MENU_TYPE.BAG |
BAG-MENU | App应用入口菜单,位于左上角 |
Ux.Env.MENU_TYPE.SIDE |
SIDE-MENU | 系统主菜单(左侧边菜单) |
Ux.Env.MENU_TYPE.NAV |
NAV-MENU | 面包屑菜单(顶部导航菜单) |
Ux.Env.MENU_TYPE.REPO |
REPO-MENU | Dashboard 首页专用菜单 |
Ux.Env.MENU_TYPE.SC |
SC-MENU | Dashboard 中的服务目录菜单 |
Ux.Env.MENU_TYPE.TOP |
TOP-MENU | 顶部右上角菜单 |
Ux.Env.MENU_TYPE.EXTRA |
EXTRA-MENU | 顶部辅助菜单 |
Ux.Env.MENU_TYPE.DEV |
DEV-MENU | 开发中心:开发菜单 |
Ux.Env.MENU_TYPE.SYS |
SYS-MENU | 开发中心:配置菜单 |
菜单规划可以直接参考白皮书中的内容。
Type:
- Object
(static, constant) RX_SOURCE :Object
响应式编程数据源
响应式编程的数据来源模式设置,遗留系统由于redux和react交叉,所以会出现来源混淆的情况。
REACTIVE
:响应式Rxjs,直接使用Rx模式的数据来源。REACT
:只使用 React,通常是state和props相结合。REDUX
:配合 Redux 使用的数据来源。
Type:
- Object
(static, constant) SELECTION :Object
树选择模式
基本介绍
专用树筛选模式,用于执行树中节点的筛选模式,在树结构中经常使用,如X_CATEGORY
构造菜单等。
模式值 | 说明 |
---|---|
PARENT_ALL_INCLUDE |
选择当前节点和所有父节点集合(包含祖辈)。 |
PARENT_ALL |
除开当前节点,选择所有父节点集合(包含祖辈)。 |
PARENT |
选择直接父节点(不包含祖辈)。 |
CURRENT |
「默认」只选择当前节点。 |
CHILDREN |
直接子节点(不包含孙辈)。 |
CHILDREN_ALL |
选择所有子节点(包含孙辈以及以下)。 |
CHILDREN_ALL_INCLUDE |
选择当前节点和所有子节点(包含孙辈)。 |
Type:
- Object
(static, constant) TAG :Object
App图:标签系统
基本说明
全小写图标,用于标签系统的基础逻辑,核心标签用于区分环境相关内容:
- design:设计环境
- test:测试中心
- research:研发中心
- requirement:需求中心
Type:
- Object
(static, constant) VALUE
App:值列表
基本说明
用于存储值的专用变量,现阶段变量只包含如下:
EXPAND
:直接使用Ux.Env.VALUE.CV_EXPAND
调用,表示菜单是可展开菜单。
(static, constant) XT_FORMAT :Object
格式类型
基本说明
建模过程专用的数据格式信息,此数据格式主要在自定义组件中使用,用于从字面量反向工程描述数据格式,包括如下值:
变量 | 值 | 说明 |
---|---|---|
XT_FORMAT.OBJECT |
OBJECT |
对象格式,用于描述对象类型,{} |
XT_FORMAT.ARRAY |
ARRAY |
数组格式,用于描述数组类型,[] |
XT_FORMAT.ARRAY_MAP |
ARRAY_MAP |
哈希表格式,{ "key": {} } |
XT_FORMAT.ARRAY_PURE |
ARRAY_PURE |
纯数组格式,[e,e,e] |
XT_FORMAT.ARRAY_GROUP |
ARRAY_GROUP |
分组数组格式,{ "group": []} |
核心点
原生的JS只有 []
和 {}
两种格式,后三种格式是为业务量身打造的格式,主要用于复杂交互组件,比如:
- 树型列表
- 表格编辑器
- 矩阵编辑器
Type:
- Object