limichange / zaku

[WIP] A JSX-based UI builder for auto generate code.

[WIP] A JSX-based UI builder 基于 JSX 的 UI 编辑器

Demo

• Video
• Github Page
• PC Client (todo)

Usage

Development

npm i
npm run start

auto open client or manual open http://localhost:8000/

Build client

npm run dist

Build website

npm run build

Technology

• rxjs
• electron
• react
• nextjs
• typescript

Author

[email protected]

zaku's Issues

Video is unavailable

Hello,
Your video link on the readme page: https://www.youtube.com/watch?v=_lS0FQg4340 is unavailable for me.

I'd like to see the code part :)

Hello, 有个开源项目合作邀请～

你好，我看到你在开发拖拽UI编辑器，和我发起的一个开源项目的需求和解决的问题类似。只是选择的基础库和实现的方法不同。

这里是项目地址。 rt-admin,希望大佬抽空能有时间看下，看是否有兴趣合作开源。目前核心用户群是：企业内部系统。

RTA主要目标：是做一个可在线UI编辑器生成管理系统，实现基本脱离开发人员。类似于“简道云”。

思路主要分三步：【目前处于第一阶段50%】

• 写 cli、core、editor 基础npm包，可作为第三方引入，快速接入admin相关管理系统开发。
• 封装 高可复用 模块，作为admin项目标配。
• 将项目物理配置文件全部用 接口api，或者服务端文件生成， 移到云端，实现在线生成admin系统。

有兴趣，可以加入Q群，期待回复～

Project won't build after renovate bot updates

Apparently only versions were bumped but breaking changes after updating major versions were not modified

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

• Update dependency electron to v8.5.5
• Update dependency next to v9.5.5
• Update dependency antd to v5
• Update dependency beautiful-react-hooks to v5
• Update dependency css-loader to v6
• Update dependency electron to v28
• Update dependency electron-builder to v24
• Update dependency electron-context-menu to v3
• Update dependency electron-is-dev to v3
• Update dependency electron-store to v8
• Update dependency electron-unhandled to v4
• Update dependency electron-updater to v6
• Update dependency image-webpack-loader to v8
• Update dependency less to v4
• Update dependency macos-version to v6
• Update dependency monaco-editor-webpack-plugin to v7
• Update dependency next to v14
• Update dependency next-i18next to v15
• Update dependency np to v9
• Update dependency prettier to v3
• Update dependency react-live to v4
• Update dependency rxdb to v15
• Update dependency rxjs to v7
• Update dependency style-loader to v3
• Update dependency typescript to v5
• Update dependency uuid to v9
• Update peaceiris/actions-gh-pages action to v3
• Update react monorepo to v18 (major) (react, react-dom)
• Update react-dnd monorepo to v16 (major) (react-dnd, react-dnd-html5-backend)
• 🔐 Create all rate-limited PRs at once 🔐

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

• Update dependency cross-env to v7.0.3
• Update dependency beautiful-react-hooks to ^0.35.0
• Update dependency electron-builder to v22.14.13
• Update dependency electron-util to ^0.18.0
• Update dependency np to v6.5.0
• Update dependency typescript to v3.9.10
• Update dependency @antv/g6 to v4
• Update dependency electron-better-ipc to v2
• Update dependency klona to v2

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• Update dependency electron-builder-notarize to v1.5.1
• Update dependency monaco-editor to ^0.45.0
• Update dependency react-monaco-editor to ^0.55.0
• Update dependency xo to v0.56.0
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

github-actions

.github/workflows/main.yml

• peaceiris/actions-gh-pages v2

npm

package.json

• @antv/g6 ^3.4.4
• @babel/generator ^7.7.7
• @babel/parser ^7.7.7
• @babel/traverse ^7.7.4
• @babel/types ^7.7.4
• @zeit/next-css ^1.0.1
• @zeit/next-less ^1.0.1
• @zeit/next-typescript ^1.1.1
• antd ^4.0.0
• beautiful-react-hooks ^0.23.0
• classnames ^2.2.6
• css-loader ^3.4.1
• dayjs ^1.8.15
• electron-better-ipc ^1.0.0
• electron-context-menu ^1.0.0
• electron-debug ^3.0.0
• electron-dl ^3.0.0
• electron-is-dev ^1.1.0
• electron-next ^3.1.5
• electron-store ^3.3.0
• electron-unhandled ^2.2.0
• electron-updater ^4.1.2
• electron-util ^0.14.0
• image-webpack-loader ^6.0.0
• klona ^1.1.0
• less ^3.9.0
• macos-version ^5.2.0
• monaco-editor ^0.20.0
• monaco-editor-webpack-plugin ^1.8.1
• next-i18next ^4.0.0
• prettier ^1.19.1
• react ^16.8.6
• react-color ^2.18.0
• react-dnd ^10.0.2
• react-dnd-html5-backend ^10.0.2
• react-dom ^16.12.0
• react-live ^2.2.2
• react-monaco-editor ^0.36.0
• run-electron ^1.0.0
• rxdb ^8.2.1
• rxjs ^6.5.4
• style-loader ^0.23.1
• url-loader ^4.0.0
• uuid ^7.0.0
• @types/next 8.0.7
• cross-env 7.0.2
• electron 8.2.3
• electron-builder 22.5.1
• electron-builder-notarize 1.1.2
• next 9.3.5
• np 6.2.2
• typescript 3.8.3
• xo 0.30.0

---

• Check this box to trigger a request for Renovate to run again on this repository

Crash when backspacing margin number

TypeError: Property value expected type of number but got null

Steps to replicate:

1. Drag Row into editor
2. Click Row, click margin input field, type 5, click outside field
3. Click field, delete "5" (so nothing is in the box), click out of field

Result: Page goes white with error in console.