组件属性数据格式

1. 字符串/表达式/json/md | sql/表达式 | js代码/表达式
2. 数字附带单位 如: 34vm 23px 1em
3. 枚举 下拉选项 （支持绑定数据）
4. bool值 开关 （支持绑定数据）
5. 数组字符串 （支持绑定数据）
6. 数组对象 [{}] （支持绑定数据）
7. 对象数组{key: []} （支持绑定数据）

循环属性

属性

• 名称（标识）
• [] 属性名称[key]
• 属性提示
• 属性显示名称
• 值验证
• 是否为空
• 自定义验证
• 值类型
• 字符串
• 数字
• 对象
• 数组
• boolean
• function

双向绑定 入参 - [sitirng:key] value 监听 - [function:args] onChange dispach -> updateModel -> value

observable

dispach api updateModel

updateModel(value: any);

observable: (updateModel, model) => ({ onChange: (value) => { updateModel("value", value); }, onClick(value){ updateModel("selectId", value); } })

低代码平台 描述： 低代码平台主要让无代码经验或者新手开发，在短时间内赋予开发项目技能，提高开发效率，减少沟通成本为目的衍生出来的开发平台。提供可视化界面，用户通过界面将功能组件或者业务组件拖拽到页面，将复杂的逻辑以及交互通过配置的方式实现来完成所需业务。通过导出功能，可生成可二次开发代码。通过预览功能做到所见即所得，实时预览减少编译打包时间。技术使用react基础框架，react-redux 数据驱动，antd UI框架。使用esprima解析表达式，static-eval编译表达式,react-dnd 完成拖拽功能。 业绩： 1、完成拖拽功能，通过计算定位、宽高来处理拖拽组件冲突问题，递归计算位置变动引发冲突的连带组件。 2、通过虚拟dom树，来展示拖拽新增、移动、删除、修改的组件。属性修改实时生效。 3、数据双向绑定，组件与组件逻辑交互通过数据绑定方式触发联动。 4、表达式解析，用户输入简单的表达即可简历组件之间联系 5、属性组件封装，字符类型、数字类型、颜色选择器、枚举类型、boolean类型、数组类型、对象类型、数组对象等组件封装

360健康档案 描述：