brick-design / brick-design Goto Github PK

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

Home Page: https://brick-design.github.io/brick-design

License: MIT License

TypeScript 87.24% JavaScript 0.78% Shell 0.01% Less 11.97%

react typescript web-design page-editor drag-and-drop web-builder site-generator site-builder html-builder nocode

brick-design's Introduction

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 People

Contributors

Stargazers

Watchers

Forkers

lizhooh territoryfan henryzp j444obs dngiveu inier jinxiangqiang juneman lukasluecke zhengjieyuan liurongdong wsad123456pm qzstudio datura-lj zjq1394288160 eldc veneno-xf yt-sfe i-tauseef l-toki vue-gui sculptor232 cqg21 iamsail dujun-bot warmwei818 juyulin13 wfyihai conzhangl yuxizhe kidyfirst qixianchuan jinjim guoxinggithub laosandegudai starsoft35 davidalphafox yutiansut zhongqc anye901022 zerounnet git-onepixel m1911star imfly crossskyli obenxiaohai jkchao szy0syz 17317563786 huangyang798 jinshihao yinxu46 nnvjl liulubingjava bigben-xfy yuan3721 hileix zxhycxq 2631045661 lipinghai tonytonyy rebooters luckrain7 akan killvxk hardesthu houfeng0923 872409 lebang jackwiy darmie xinsuinizhuan ishida83 yourbones wuhaomin kenmlee mwhg asling simplezn amoyyean chunyangyang tchigher wytheme wooodhead cason6810 wulunyi baitcenter lulu27753 0x11-dev lfanglee padamshrestha furholeder frank320 chineseengineer nealchristmas chunbin1 liuzhangren inpcs2007 vision010 mityburner

brick-design's Issues

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

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拖动到页面时其他元素不显示

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>

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

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

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

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

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

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

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

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

如何加入共建呢 road map有吗

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

upgrade to antd 4

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

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

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

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

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

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

代码如下：

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

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

错误如图：

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

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

npm run start:examle直接报错

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

很赞，支持一波

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

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

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

不管怎么样，支持一波

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

如题，谢谢

css继承!

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

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

搞了一个低代码行业的交流平台，欢迎大佬们加入交流！

LowCoder低代码平台旨在打造一个低代码、零代码领域的交流社区。
https://www.lowcoder.com.cn/

平台内设【文章】【圈子】两大版块。
【文章】版块专注低代码行业宏观和深度技术内容，以传统的博客形式，吸引行业优秀创作者，输出深度内容。

【圈子】版块采取开放式论坛的形式，为行业内各个岗位的成员提供一个集中的交流渠道，用户可以创建属于自己的圈子，也可以发布自己感兴趣的话题和评论。

LowCoder是一个多场景的综合平台：
对于急于寻找低代码产品的客户来说，这里是一个信息的集散地，可以高效率的找到自己需要的产品和服务；
对于低代码行业新人来说，这里是一个干货满满的课堂，各路大佬云集，沉浸在平台之中可以迅速提升自己的能力；
对于低代码行业资深技术来说，这里是一个个人展示平台，在这里发表文章不仅可以获得众多迷弟迷妹的追捧，还有机会将自己所掌握的技术和行业知识变现。
对于行业内公司来说，这里是一个综合平台，在这里不仅可以找到客户，还可以找到自己公司所需的人才，也可以将这里当做一个产品展示平台，各路厂商同台竞技。