constant/zion

App图:文件图标

基本说明

针对不同文件类型的专用图标,可直接解析成图片格式的默认系统图标,根据后缀名分类:

  • AVI
  • DOC / DOCX
  • EPS
  • XLS / XLSX / CSV
  • EXE
  • GIF
  • MP3
  • PDF
  • 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主要支持三种核心表单模式:

  1. ADD:新增记录的表单模式
  2. EDIT:编辑记录的表单模式
  3. 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只有 []{} 两种格式,后三种格式是为业务量身打造的格式,主要用于复杂交互组件,比如:

  1. 树型列表
  2. 表格编辑器
  3. 矩阵编辑器
Type:
  • Object

交互接口:中间常量


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主要支持三种核心表单模式:

  1. ADD:新增记录的表单模式
  2. EDIT:编辑记录的表单模式
  3. 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只有 []{} 两种格式,后三种格式是为业务量身打造的格式,主要用于复杂交互组件,比如:

  1. 树型列表
  2. 表格编辑器
  3. 矩阵编辑器
Type:
  • Object