hlerenow / chameleon

Web visual programming engine. (lowcode)

chameleon

Chameleon is ever-changing

A web visual programming engine, help to build a web page with 5 minutes. every people can use it easy.

Docs | Demo

Code Block(beta): A online build web page platform

Install

npm i @chamn/engine @chamn/model @chamn/render

Usage

Example Project

ScreenSnapshoot

chameleon's Issues

在 React 严格模式下无法正确加载

会出现以下几个问题

1. customRender 中 getWindow 对象为空
2. TreeView 中 registerDragEvent 方法无法获取到 dnd 对象
3. 左侧 Plugin 会被注册多份。

[Feature] 在选中元素上双击自动选中上一级元素

• 在选中元素上双击自动选中上一级元素

[Feature] 表达式设置器输入优化

Expect:

• 当输入 $$前缀时，自动弹出 $$context 下的所有变量提示

DesignerExports.reload 会导致页面拽拖产生两个元素。

https://hlerenow.github.io/chameleon/

1. 打开 demo
2. 点击右上角的 Refresh Page
3. 拽拖一个新的元素到页面上

[Feature] 代码编辑支持 ES6 语法

用户输入 ES6 语法代码，自动转换为浏览器可执行 ES5 代码

[Feature] 提供 antd 5 的物料组件库

将 antd5 的组件适配为 chameleon 的组件物料库

如何开发 chameleon ?

https://github.com/hlerenow/chameleon/blob/master/DEV_README.md

中使用 yarn，但是项目中存在 pnpm-lock.yml 使用 pnpm 之后 lerna 似乎无法正确执行 lerna bootstrap

目前 lerna 新版本已经切换成 nx, 有考虑使用 nx 么？

Setter 设置 DefaultValue 无效。

https://github.com/hlerenow/chameleon/blob/master/packages/model/src/types/material.ts#L216

物料定义的地方有这个key，在 CustomSchemaForm 中没有找到对应的设置。

另外发现个小问题
https://github.com/hlerenow/chameleon/blob/master/packages/engine/src/component/CustomSchemaForm/index.tsx#L72

这里似乎要处理 property.content 的内容，但是没处理？

[Feature] Style 面板增加常见属性的可视化编辑

Expect:

样式面板增加常用属性的可视化编辑输入面板（simple），只支持静态值，需要支持的属性如下：

• display
• padding
• margin
• postion
• flex 布局的相关属性
• z-index
• width and height
• background
• color
• font-size
• box-shadow
• border-radius

同时可以考虑在 simple 面板,对应属性面板可以快速创建变量绑定按钮嘛，点击后直接跳转到 professional，并自动创建好对应的属性

UI 参考：

• https://craft.js.org/
• https://lowcode-engine.cn/demo/demo-general/index.html
• 
• 

[Feature] Render 提供运行时修改 Page 内部 storage 的 API , Page 支持外部传入 props

[Feature] 增加编辑区尺寸切换

[Feature] 增强函数设置器的变量编辑提示功能

Expect:

• 可以自动提示页面内 $$context 下的所有变量提示（动态获取）
• Ctrl + S 后自动保存内容到 schema

[Feature] 增强节点层级选中功能

• 当鼠标悬浮在元素上时，并同时按住 shift 键，快速显示节点元素的上级（5-10 层），点击后即可以快速选中
• 在选中元素上双击自动选中上一级元素

[Feature] 增加编辑操作快捷键

请问public下的的render.umd.js是从哪里来的

请问public下的的render.umd.js是从哪里来的呀，这个render.js主要是渲染哪一块 ，为什么不能通过import或者cdn引入呀

如何通过 setter 来控制组件 children 或设置 isContainer 选项？

<Button>text</Button>
<Button><Icon/></Button>

Button 的 children 可以是 text 也可以是拽拖进来的 组件。

[Feature] 增加简化 PageSchema 的 API

剔除运行时不需要的冗余字段，减小 page schema 的大小

[Feature] 节点下钻功能

• 双击某个节点，画布只展示当前节点以及子节点的渲染

[Feature] 增加物料异步加载API