brick-design/brick-design

低代码框架，支持流式布局与自由布局拖拽编排，可视化拖拽、随意嵌套组合、实时渲染、实时辅助线展示、自由布局支持辅助对齐、支持自动吸附、实时组件间距展示、实时拖拽排序、状态域管理，可视化属性配置、可视化样式配置、多设备适配展示，支持逻辑渲染、模板字符变量、表达式、自定义方法、自定义状态

Brick Design

brick-design.MP4

找工作、找工作、找工作 ,有合适岗位的望联系我，坐标北京，谢谢~~~

描述

新版本正在开发中》》》》》》》》》》

快捷键

command/control+"+" 放大

command/control+"-" 缩小

command/control+U 全局查看与窗口查看切换

command/control+z 撤销

command/control+shift+z 回退

command/control+D+触摸板 画板拖动与缩放

run example

yarn  install

npm run  build:all

npm run start:example

技术交流 QQ群

LICENSE

MIT

brick-design's Issues

生成的jsx在哪里可以看呢？

css继承!

给组件设置默认值时报错。

因为Layout组件默认没有高度，往Layout组件中再拖自组件时很麻烦，所以想给Layout组件设置一个初始值。

代码如下：

export const reactContainers: CategoryType = {
  'Layout': {
    components: {
      'Layout': {
        props: [
          {
            style: {
              height: 200,
            }
          }
        ]
      },
      'Layout.Footer': null,
      ......
    },
  },

height 属性设置不带单位值时报错。

错误如图：

无法运行，找不到包

兄弟，我们公司准备做类似的东西，想参考一个您的这个项目，可是最新的代码不全。或者您有兴趣加入我们公司吗

大神，能不能把发布版的源码给看一下……

https://brick-design.github.io/react-visual-editor/
这版的源码能给看一下吗……

我想了解下咱们这块的indexDB建表作用是什么，我见没有存储里里面数据？

拖动子级元素到页面时报错问题.

1.当非子元素拖动到页面时,会给警报示例如:Menu.SubMenu:Only allowed as a child node or attribute node ofMenu.children,Menu.ItemGroup.children,Item,Menu.SubMenu.children.然后报错:TypeError: Cannot read property '0' of undefined
2.Anchor/select/collapse/menu/treeselect这几个元素子元素拖动到页面时就报错::TypeError: Cannot read property '0' of undefined,但是拖动到右侧组件树不报错
3.drapdown拖动到页面时其他元素不显示

非常赞。有个问题请教一下。组件如何支持插件化？ 有思路可以提供一下吗？

性能很差，chrome 都很吃力，16G的内存的Mac，chrome 都停止响应

第二次run start:example 无法修改semanticDiagnostics cache_ -> cache

样式配置是否可以支持直接书写样式代码呢？

block方式添加到ant design Pro中报错

如下图所示，在使用umi block add https://github.com/anye931123/react-visual-editor 方式添加到ant design Pro中报错：

系统：ubuntu
npm版本：6.13.2

npm run dev:example 报错了

C:/Users/Administrator/Desktop/react-visual-editor-master/examples/react-example/node_modules/@[email protected]@@types/react/index.d.ts
TypeScript error in C:/Users/Administrator/Desktop/react-visual-editor-master/examples/react-example/node_modules/@[email protected]@@types/react/index.d.ts(2982,14):
Duplicate identifier 'LibraryManagedAttributes'. TS2300

2980 |         // We can't recurse forever because `type` can't be self-referential;
2981 |         // let's assume it's reasonable to do a single React.lazy() around a single React.memo() / vice-versa

2982 | type LibraryManagedAttributes<C, P> = C extends React.MemoExoticComponent | React.LazyExoticComponent
| ^
2983 | ? T extends React.MemoExoticComponent | React.LazyExoticComponent
2984 | ? ReactManagedAttributes<U, P>
2985 | : ReactManagedAttributes<T, P>

file vendors.js don't exists in chunksMap

macos 10.13.4
node v8.9.4

error occurred after run npm run dev

您这边好多分支，能简述下各个分支的设立意图以及区别嘛

请问下，这个在线配置好了之后，无法导出或者下载直接内嵌其他网页使用吗？

请问下，这个在线配置好了之后，无法导出或者下载直接内嵌其他网页使用吗？

先执行以下 npm run build

先执行以下 npm run build

Originally posted by @anye931123 in https://github.com/brick-design/react-visual-editor/issues/31#issuecomment-757949601

还是会编译报错，react-dom的type重复声明，为啥会出现这个错误呢

npm run start:examle直接报错

yarn run build exited 2 in '@brickd/utils'

如何运行这个项目？

request english documentation

Hy this seem great js library, im not english speaker my self but me and others will relieved if you provide us english documentation

很赞！想请教下大佬页面代码生成的开发思路

想请教下大佬页面代码生成思路，刚好要开发基于vue的代码自动生成，但是没有思路。。

npm run start:examle直接报错

yarn run build exited 2 in '@brickd/utils'

官网运行的版本与本地运行的版本不一致问题

官网https://brick-design.github.io/react-visual-editor/

我们本地通过 yarn dev:example运行的版本与上面的不一样，请问官网运行的版本是哪个版本？

官网（如上图）

本地（如上图）

找不到包，安装依赖报错

一开始使用淘宝镜像地址，报brickd打头的包找不到，后来在readme里看到
"publishConfig": {
"registry": "https://npm.pkg.github.com/"
},
用nrm切换成这个还是报错
404 Not Found - GET https://npm.pkg.github.com/@brickd%2freact-web - npm package "react-web" does not exist under owner "brickd"

master 没看到 @brickd/canvas 这个包？

添加组件可以直接拖拽到dom-tree上

容器组件之间的拖拽插入还是很容易出错的，直接拖拽到dom-tree可以提高很大的效率，希望作者能支持

如何加入共建呢 road map有吗

重构代码仓库有？ 如何加入共建呢 road map有吗

安装@brickd/react模块报错

大佬，请问安装@brickd/react模块的时候，总是报错：找不到@brick/utils，请问怎么解决

大佬能增加一个Table控件吗?

大佬能增加一个Table控件吗? 很需要这个控件 谢谢！

能否适配一下百度的amis？或者提供个修改思路

https://baidu.gitee.io/amis/docs

在工程过程中，你觉得mobx还是redux，哪个更适合低代码工程

如题，谢谢

upgrade to antd 4

react-web uses antd3 currently, what about upgrade to 4?

微信二维码过期

微信二维码过期了呀，啥时候更新呢

保存模板可以生成本地版么？

大佬，保存模板可以生成本地版么？
然后支持导入和导出，比如我导出一个模板，别人可以导入模板。

大佬,鼠标hover状态时组件边框增加,会造成页面抖动,这个问题有没有好的办法解决!

can you support convert figma to ?

this project same company builder.io
they build a plugin for figma

https://www.figma.com/community/plugin/747985167520967365/Builder.io---Figma-to-HTML%2C-React%2C-and-more

好像不适用 antd 4.x?

你就做好这个东西，工作会来找你，写个官方上手文档

抽象成可以支持不同平台扩展的

把主要的东西抽象一下。
把数据传入和渲染哪部分的东西暴露出来。
交给其他人去实现和使用。
比如，我需要一个移动端版本的，我需要fork这个库，然后修改。
我期望的是，能在另一个库引入 @react-visual-editor/core。
然后感觉也可以取一个项目别名，现在的三单词太长了，交流的时候不太方便。

很赞，支持一波

让我想到我们2018年用vuejs做的项目。当初我们的目标是通过这个项目可以让产品人员自己拖拽生成自己想要的页面，支持发布并导出项目代码，从而开发人员只需填写业务逻辑。中间直接可以省去美工切图和写样式。当时我们已经支持到：
1、移动端、PC 端拖拽配置
2、组件库配置化方式，即可以切换组件库（主要是部门自己的组件库和element-ui）
3、项目模板功能
4、组件模板功能
5、导出项目。代码方式，和本项目很类似
6、版本管理。对产品变更需求的管理（文档+代码）
7、实时预览
等...

发布多个版本后，产品人员也开始配置项目了，从而问题也暴露出来。产品的需求变化多样（抄袭市场不同的设计），导致一套组件库很难满足他们的需求。当新版本准备支持 react 时，决定放弃了这个项目。

说那么多，实际想表达，如果是当做技术锻炼，我觉得很赞，实现了很多功能。如果项目想要推广出去让更多的用户使用，你要考虑是否能满足用户的需求。

不管怎么样，支持一波

求个Vue版本

可以支持其他的组件库吗，比如自己开发的组件库？

可以支持其他的组件库吗，比如自己开发的组件库？

大佬太厉害了！