codebdy / rxdrag Goto Github PK
View Code? Open in Web Editor NEWDesign anything based on HTML, 可视化编辑, 带逻辑引擎的低代码前端。
Home Page: https://rxdrag.vercel.app/
License: MIT License
Design anything based on HTML, 可视化编辑, 带逻辑引擎的低代码前端。
Home Page: https://rxdrag.vercel.app/
License: MIT License
({inputs, outputs, context})=>.... 修改为
(inputs, outputs, context)=>....
来自v2ex 的marsyu6211: 没有本地跑,在 demo 上玩了一下,感觉拖动时使元素不可选中会好点。要不然会拖一屏幕的蓝色出来,视觉上很不友好。
输出内容时候,有希望能输出的是 vue 模版文件吗?
后期试试,生成代码
顶级tag只是下发EditorStore。编辑器其它组件可拆碎组合
以 debug 组件为例:
{
componentName: 'FormItem',
props: {
label: '开启调试',
},
children: [
{
componentName: 'Switch',
'x-field': {
name: `config.enable`,
params: {
valuePropName: 'checked',
withBind: true,
},
},
},
],
},
问题:
如何在 fieldy 里写入 config.enable 初始值为 true?
前端逻辑编排引入context,一个page一个context,context以immutable的形式流转
类似的项目我之前做过,web端的设计器。
当时遇到不少的坑。 一定要想好这个应用的定位,千万别弄成开发者不爱用,不懂技术的人想设计又觉得功能不够的尴尬境地。
希望你的项目成功!!!加油!!!
比如物料接口的tools,可以改成propsInputs, designerSchema可以改成propsSchema
移动父节点后会变正常
放在engien注册物料,rescource的rxid需要考虑怎么处理
目前使用antd的Form组件,不能嵌套,需要做一个FormLayout组件跟FormItem结合,用于调整整个表单的布局。
FormItem可以使用context封装现有的antd FormItem
前端对接组件事件,参数是数组
后端对接graphql api,参数是map
添加一个元件:参数分离器,前端相当于数组分离器,后端相当于map分离器
vite dev会有问题,目前用了个插件解决,后面考虑替换这个模块
下拉菜单的标题不显示,不知道是不是设置的问题
注解提示变量未声明,部分package.json也提警告
提高模块的复用性,打包后,逻辑编排模块可以用作其他目的
可在循环体内编辑流程,达到可随时终端循环的目的
拖拽的控件,如果想加一些默认的设置,如class\href\src等,修改那个地方比较何适呢?
请教一下,如何将从服务器取回的HTML代码,设定到可视化设计界面与代码输入栏显示。
只能通过物理文件设定显示吗?
V2EX 没钱回复了:
你的 RxEditor ,没有选好协议,默认进入公共领域( Public domain),大家都可以基于它开发自己的产品并闭源,你的收费蓝图如何实现? 工具类项目开源,一定要选 GPL 类的协议,促使用户回馈代码。
工具栏在外部实现,配合leda平台集成
用于传递物料用的参数,比如路由函数、字段path等,这块儿需要仔细考虑重构
青铜:
现在直接在代码里写死逻辑有点不好扩展
青铜:
看了下 lowcode-engine,也是基于manager管理的
https://lowcode-engine.cn/site/docs/api/setters
基于 manager 管理,tools 配置这块也可以不要了
IFrameCanvasRender
加载需要依赖 window 上下文的 engine 和 doc
其中 engine
和 doc
依赖:
如果不考虑页面重复刷新的话,此时 engine 和 doc 可能无法获取
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.