「解析」Ex.parserOfButton

1. 基本介绍

生成按钮专用解析器，返回对象结构如（每个键都是函数）：

{
    parsePlugin: () => "按钮插件解析函数",
    parseComponent: () => "组件解析函数",
    parseControl: () => "按钮本身解析函数，解析不同组件专用，LIST, FORM 不同",
    parseOp: () => "解析按钮本身专用方法",
}

2. 子函数解析

2.1. parsePlugin（解析Object）

入参表

插件解析主要处理Object的按钮专用，处理每个元素（Object类型）的配置信息，它用来处理按钮的某些功能。 button元素中有关此函数的数据结构如下：

{
    plugin:{
        tooltip: "...",
        confirm: "...",
        prompt: "...",
        connect: "...",
        message: "..."
    }
}

配置项

2.2. parseComponent（解析Object）

入参表

组件解析主要处理Object中按钮配置专用，component（第三参）中的结构如：

{
    plugin: "Jsx元素集合，里面包含了所有可读取的组件信息。",
    config: "Jsx元素所需的配置数据。"
}

// 抽取配置代码如下
const Jsx = components.plugin;
const config = components.config;

只有plugin和config有值或存在时才执行解析流程！！

按钮配置中会存在如下数据结构：

{
    plugin: {
        componentType: "",
        component: ""
    }
}

配置项

注入完成了组件的Jsx元素和配置数据过后，就会调用_parseContainer方法执行外层容器元素信息，容器元素 主要由按钮元素的plugin决定：

{
    plugin:{
        window: "弹出窗口",
        popover: "浮游窗口",
        drawer: "抽屉窗口"
    }
}

构造的配置数据结构如下：

{
    type: "窗口类型",
    dialog: "解析的窗口配置"
}

完整配置表格如下：

该函数最终生成的完整配置表如下：

{
    component: "Jsx元素"，
    config: "组件配置数据",
    type: "「容器」窗口类型",
    dialog: "「容器」窗口配置"
}

2.3. parseControl（解析Array）

入参表

该方法主要用于控件的动态配置，从远程读取UI_CONTROL表中的配置数据，再配合控件类型以及操作列表组合成最终用于 Jsx元素的控件属性相关信息。直接从第二参中读取type配置参数，该参数目前版本支持（LIST-列表配置，FORM-表单配置）。

第一个参数为config对象：

1. 「LIST」如果存在config.options，则可以为该对象注入clientKey的客户端配置。
2. 「FORM」如果存在config.form，则重新构造config.form.op（该配置会影响表单中的操作，包括ACL信息），构造操作信息的同时，系统会构造event事件信息，并且注入到config.event中，该值会被Fabric引擎使用。

2.4. parseOp（解析Array）

该方法不带异步参数，不支持同步模式。

入参表

该方法主要用于ExListXX组件解析组件操作用，目前执该流程的组件主要是：ExListOpen / ExListComplex / ExListQuery。

1. 先根据options中的配置dynamic.op进行分流操作，如果为true则直接远程读取按钮配置信息，如果为false则直接使用资源文件中的配置。
2. 先执行基础按钮的规范化操作，包括带plugin的按钮配置解析操作。
3. 执行完成后，追加op.extension的扩展按钮操作（options中以op.extension为前缀的选项）：
   1. 如果op.config中包含executor，则执行直接按钮扩展，从props的$op对象中构造（纯开发）。
   2. 如果op.config中只包含connectId属性，则该按钮操作直接绑定onClick生成Ux.connectId的锚点。

op.extension扩展配置片段如：

     "op.extension.confirm": {
         "text": "确认单据",
         "icon": "checked",
         "className": "uc_pink",
         "region": "op.tab.confirm",
         "plugin": {
             "tooltip": true
         },
         "config": {
             "connectId": "$opFinish",
             "index": 1
         }
     },

关于扩展按钮的解析最终会调用yoExtension内置函数（不开放）执行解析，该函数的逻辑会在yo方法中说明， 上述规范化操作完成后，整个按钮部分的配置程序就执行完成，规范化的结果会存储在state中。

3. 总结

parserOfButton方法执行后，会生成一个带四个子函数的核心对象，这四个子函数主要做按钮级别的配置规范化操作。

「解析」Ex.parserOfColor

1. 基本介绍

生产日志器专用解析器，返回不同日志器记录日志（每个键都是函数）：

{
    private: () => "私有组件",
    form: () => "表单组件",
    list: () => "列表专用",
    action: () => "操作组件",
    tpl: () => "模板",
    component: () => "通用组件",
    container: () => "容器组件",
    page: () => "页面组件",
    type: () => "分类处理",
    control: () => "控件",
    dynamic: () => "动态组件",
    view: () => "视图组件",
    define: () => "定义组件"
}

2. 日志函数作用规范

「解析」Ex.parserOfEvent