Ant

Ant

new Ant()

Ant 原生属性专用类信息

主要用于在aiXXX的函数渲染中计算各种不同属性专用,属性计算有三种:

  • 配置计算
  • 固定值
  • 数据计算(包括列表数据以及固定数据)

成员函数表

函数名 说明
onAddonAfter 计算addonAfter属性。
onChange 「事件」注入计算生成onChange事件,封装原生onChange事件,注入前后触发事件。
onDisabledDate 计算disabledDate属性。
onFromTo 执行复杂带配置的数据转换。
onMultiple 计算multiple属性(多选属性)。
onPlaceHolder 计算placeholder属性。
onPrefix 计算prefix属性。
onReadOnly 计算readOnly属性。
onSelect 「事件」注入计算生成onSelect事件。
toConfig 子表格配置生成器。
toDatum 「数据」解析DATUM字典数据源生成列表数据。
toDialogConfig 计算窗口配置。
toMock 「开发专用」开发过程计算模拟数据。
toOptions 「数据」选项生成器,Datum/Items共同计算生成选项option的列表。
toOrigin 计算选项Item对应的配置数据。
toParsed 直接解析Datum配置。
toRecord 「数据」根据配置处理记录数据。
toTreeOptions 「数据」树选项数据计算器。
toUnique 「数据」唯一记录读取,抽取主键,通常用于字典数据中提取选中记录唯一主键。

Methods

(static) onAddonAfter(jsx)

「标准」Ux.Ant.onAddonAfter

检查 addonAfter 属性,并执行解析,解析分两种

  • 标签处理:直接设置文字
  • 图标处理:设置文字和图标等信息。
Parameters:
Name Type Description
jsx optionJsx

输入的jsx配置。

(static) onChange(rest, fnChange, jsx)

「标准」Ux.Ant.onChange

处理特殊的 onChange 属性

jsx的数据结构如:

{
    reference: "当前React组件引用",
    options: [
        "专用选项方法"
    ],
    config: {
        "...": "optionJsx中的config配置数据"
    },
    depend: {
        "...": "optionJsx中的depend配置数据"
    },
    prevent: "布尔值,是否禁用默认事件"
}
Parameters:
Name Type Description
rest Object

被修改的jsx。

fnChange function

外置传入函数。

jsx Object

传入的jsx专用。

(static) onDisabledDate(jsx)

「标准」Ux.Ant.onDisabledDate

检查 disabledDate 属性,并执行它的处理,解析器支持

  • propFromNow:从当前时间开始,大于当前时间则禁用
Parameters:
Name Type Description
jsx optionJsx

输入的jsx配置。

(static) onFromTo(reference, jsx)

「标准」Ux.Ant.onFromTo

复杂解析

根据config配置信息,执行 from 和 to 部分的值流程。

Parameters:
Name Type Description
reference ReactComponent

React对应组件引用。

jsx optionJsx

输入的jsx配置。

(static) onMultiple(jsx)

「标准」Ux.Ant.onMultiple

多选专用方法,设置 multiple 属性。

Parameters:
Name Type Description
jsx optionJsx

输入的jsx配置。

(static) onPlaceHolder(jsx)

「标准」Ux.Ant.onPlaceHolder

检查 placeholder 属性,并执行解析,解析特殊情况

  • 如果只读或者禁用,则删除 placeholder。
  • 不论任何时候,如果包含了 inscribe属性,则设值为inscribe 值(只读和禁用模式的专用placeholder)。
Parameters:
Name Type Description
jsx optionJsx

输入的jsx配置。

(static) onPrefix(jsx)

「标准」Ux.Ant.onPrefix

检查 prefix 属性,并执行解析,解析分两种

  • 标签处理:直接设置文字
  • 图标处理:设置文字和图标等信息。
Parameters:
Name Type Description
jsx optionJsx

输入的jsx配置。

(static) onReadOnly(jsx, disabled, reference)

「标准」Ux.Ant.onReadOnly

针对只读 readOnly 属性的设置

  1. 如果 readOnly 是Object,则直接执行依赖性处理。
    • same 配置:目标字段为true,则readOnly为true。
    • diff 配置:目标字段为true,则readOnly为false。
  2. 其他状况,如果 mode 不是 "multiple",则执行禁用。
Parameters:
Name Type Default Description
jsx optionJsx

输入的jsx配置。

disabled boolean false

是否禁用。

reference ReactComponent

React对应组件引用。

(static) onSelect(jsx, fnSelect)

「标准」Ux.Ant.onSelect

处理属性 onSelect,针对菜单类型的选择方法专用。

Parameters:
Name Type Description
jsx optionJsx

输入的jsx配置。

fnSelect function

选择事件函数。

(static) toConfig(jsx, reference) → {Object}

「标准」Ux.Ant.toConfig

执行特殊配置解析,生成子表格(Table)配置,返回数据结构如:

{
    source: ["数据源信息"],
    config: {
        "...": "基本配置信息"
    },
    table: {
        "...": "表格配置信息"
    },
    ...others
}
Parameters:
Name Type Description
jsx optionJsx

输入的jsx配置。

reference ReactComponent

React对应组件引用。

Returns:

返回构造好的配置信息。

Type
Object

(static) toDatum(reference, config, filter) → {Array}

「标准」Ux.Ant.toDatum

根据 Datum 配置解析辅助数据,生成最终解析好的 options 数据(Array类型)。

Parameters:
Name Type Description
reference ReactComponent

React对应组件引用。

config Object

Datum专用配置信息。

filter function

过滤函数。

Returns:

返回的最终 options。

Type
Array

(static) toDialogConfig(reference, …path) → {Object}

「标准」Ux.Ant.toDialogConfig

窗口配置解析

返回最终窗口配置对象。

Parameters:
Name Type Attributes Description
reference ReactComponent

React对应组件引用。

path Array.<String> <repeatable>

路径信息

Returns:

返回窗口配置

Type
Object

(static) toMock(jsx, reference)

「标准」Ux.Ant.toMock

「Dev」开发专用 执行模拟数据注入环节,注入模拟数据。

  1. 检查 jsx 中的 config 配置数据。
  2. config.mock 如果打开,则从 reference 的 state 中提取 mock 对象。
  3. 最终调用 mock[config.mock] 来执行模拟数据的调用。
Parameters:
Name Type Description
jsx optionJsx

输入的jsx配置。

reference ReactComponent

React对应组件引用。

(static) toOptions(reference, config, filter) → {Array}

「标准」Ux.Ant.toOptions

特殊的辅助数据解析流程,config 配置数据结构如下:

  • config.items:静态数据源。
  • config.datum:辅助数据源。
  • config.cascade:专用依赖数据,联动下拉。
Parameters:
Name Type Description
reference ReactComponent

React对应组件引用。

config Object

配置数据结构。

filter function

过滤专用函数。

Returns:

返回解析过后的 options 列表。

Type
Array

(static) toOrigin(items, config) → {Array}

「标准」Ux.Ant.toOrigin

针对每个选项的相关信息执行applyItem方法,包括格式化操作。

Parameters:
Name Type Description
items Array

输入的选项数组。

config Object

配置数据。

Returns:

返回的最终 options。

Type
Array

(static) toParsed(expr) → {Object}

「标准」Ux.Ant.toParsed

表达式解析专用方法,处理 kv 表达式,表达式格式如:

const expr = "source=item.type,value=key,name=display";
const item = Ux.Ant.toParsed(expr);
Parameters:
Name Type Description
expr String

输入的表达式信息

Returns:

解析过后的对象

Type
Object

(static) toRecord(reference, jsx) → {function}

「标准」Ux.Ant.toRecord

记录处理解析记录字符串,ExRecord组件特有,如:

我的记录:{"name":"Lang","email":"lang.yu@hpe.com"}

上述字符串会被解析成:

{
    "prefix": "我的记录",
    "record": {
        "name": "Lang",
        "email": "lang.yu@hpe.com"
    }
}
Parameters:
Name Type Description
reference ReactComponent

React对应组件引用。

jsx optionJsx

输入的jsx配置。

Returns:

返回记录执行专用函数。

Type
function

(static) toTreeOptions(reference, config) → {Array}

「标准」Ux.Ant.toTreeOptions

处理 TreeOptions 信息,配置在 optionJsx 中的 config.tree 节点里。

Parameters:
Name Type Description
reference ReactComponent

React对应组件引用。

config Object

配置数据结构。

Returns:

树形数组,专用 TreeOptions。

Type
Array

(static) toUnique(reference, config) → {Object|any}

「标准」Ux.Ant.toUnique

组合生成唯一数据信息专用值

  1. config.datum:辅助数据源,表单解析动态流程。
  2. config.items:辅助数据源,表单解析静态流程。
  3. config.$datum:列解析过程中的数据源流程。
Parameters:
Name Type Description
reference ReactComponent

React对应组件引用。

config Object

基本配置数据信息。

Returns:

返回唯一记录集。

Type
Object | any