Skip to content

Commit 875e108

Browse files
dev-zuodev-zuo
committedMar 10, 2024
feat: 把设计器项目运行起来
1 parent 3e961de commit 875e108

File tree

6 files changed

+34
-63
lines changed

6 files changed

+34
-63
lines changed
 

‎README.md

+4-30
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,7 @@
1-
<p align="center">
2-
<img width="600" src="https://img.alicdn.com/imgextra/i1/O1CN01bg1tTN1p5ZOPmhKV0_!!6000000005309-55-tps-2200-981.svg">
3-
</p>
1+
# Formily 设计器
42

5-
---
3+
## 运行
64

7-
## Introduction
5+
参考：[designable 工程结构](https://www.yuque.com/xjchenhao/development/rncluc#wJc7Z)
86

9-
If you are worrying about something builder, Such as form builder/table builder/chart builder/app builder etc.
10-
Designable is your perfect choice.
11-
12-
## Screenshot
13-
14-
<img src="https://img.alicdn.com/imgextra/i1/O1CN01UYmA8f1apczHZRygt_!!6000000003379-2-tps-3040-1802.png" style="box-shadow:0px 0px 20px #aaa;border:1px solid #ddd"/>
15-
16-
## Features
17-
18-
- 🚀 High performance, Smooth and beautiful drag and drop experience
19-
- 💡 Full scene coverage
20-
- 🎨 Support Low Code and No Code
21-
- 🏅 Strong scalability
22-
23-
## Website
24-
25-
[playground](https://designable.netlify.app)
26-
27-
## Contributors
28-
29-
This project exists thanks to all the people who contribute.
30-
31-
<p>
32-
<a href="https://github.com/alibaba/designable/graphs/contributors"><img src="https://contrib.rocks/image?repo=alibaba/designable" /></a>
33-
</p>
7+
需要进入 formily/antd 目录，再运行 `npm run start` 左侧面板就能看到很多组件了

‎examples/basic/config/template.ejs

+8-7
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,16 @@
11
<!DOCTYPE html>
22
<head>
3-
<title>
4-
Designable Playground
5-
</title>
3+
<title>Designable Playground</title>
64
</head>
75
<body>
8-
<div id="root">
9-
</div>
10-
<script type="text/javascript" src="https://unpkg.com/monaco-themes/dist/monaco-themes.js"></script>
6+
<div id="root"></div>
7+
<script
8+
type="text/javascript"
9+
src="https://unpkg.com/monaco-themes/dist/monaco-themes.js"
10+
></script>
1111
<script src="https://unpkg.com/moment/min/moment-with-locales.js"></script>
1212
<script src="https://unpkg.com/react/umd/react.production.min.js"></script>
1313
<script src="https://unpkg.com/react-dom/umd/react-dom.production.min.js"></script>
1414
<script src="https://unpkg.com/antd/dist/antd-with-locales.min.js"></script>
15-
</body>
15+
<script src="https://unpkg.com/antd@4.15.2/dist/antd.min.js"></script>
16+
</body>

‎examples/multi-workspace/config/template.ejs

+8-7
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,16 @@
11
<!DOCTYPE html>
22
<head>
3-
<title>
4-
Designable Playground
5-
</title>
3+
<title>Designable Playground</title>
64
</head>
75
<body>
8-
<div id="root">
9-
</div>
10-
<script type="text/javascript" src="https://unpkg.com/monaco-themes/dist/monaco-themes.js"></script>
6+
<div id="root"></div>
7+
<script
8+
type="text/javascript"
9+
src="https://unpkg.com/monaco-themes/dist/monaco-themes.js"
10+
></script>
1111
<script src="https://unpkg.com/moment/min/moment-with-locales.js"></script>
1212
<script src="https://unpkg.com/react/umd/react.production.min.js"></script>
1313
<script src="https://unpkg.com/react-dom/umd/react-dom.production.min.js"></script>
1414
<script src="https://unpkg.com/antd/dist/antd-with-locales.min.js"></script>
15-
</body>
15+
<script src="https://unpkg.com/antd@4.15.2/dist/antd.min.js"></script>
16+
</body>

‎examples/sandbox-multi-workspace/config/template.ejs

+4-6
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,13 @@
11
<!DOCTYPE html>
22
<head>
3-
<title>
4-
Designable Playground
5-
</title>
3+
<title>Designable Playground</title>
64
</head>
75
<body>
8-
<div id="root">
9-
</div>
6+
<div id="root"></div>
107
<script src="https://unpkg.com/@formily/reactive/dist/formily.reactive.umd.production.js"></script>
118
<script src="https://unpkg.com/moment/min/moment-with-locales.js"></script>
129
<script src="https://unpkg.com/react/umd/react.production.min.js"></script>
1310
<script src="https://unpkg.com/react-dom/umd/react-dom.production.min.js"></script>
1411
<script src="https://unpkg.com/antd/dist/antd-with-locales.min.js"></script>
15-
</body>
12+
<script src="https://unpkg.com/antd@4.15.2/dist/antd.min.js"></script>
13+
</body>

‎examples/sandbox/config/template.ejs

+4-6
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,13 @@
11
<!DOCTYPE html>
22
<head>
3-
<title>
4-
Designable Playground
5-
</title>
3+
<title>Designable Playground</title>
64
</head>
75
<body>
8-
<div id="root">
9-
</div>
6+
<div id="root"></div>
107
<script src="https://unpkg.com/@formily/reactive/dist/formily.reactive.umd.production.js"></script>
118
<script src="https://unpkg.com/moment/min/moment-with-locales.js"></script>
129
<script src="https://unpkg.com/react/umd/react.production.min.js"></script>
1310
<script src="https://unpkg.com/react-dom/umd/react-dom.production.min.js"></script>
1411
<script src="https://unpkg.com/antd/dist/antd-with-locales.min.js"></script>
15-
</body>
12+
<script src="https://unpkg.com/antd@4.15.2/dist/antd.min.js"></script>
13+
</body>

‎formily/antd/playground/template.ejs

+6-7
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,19 @@
11
<!DOCTYPE html>
22
<head>
3-
<title>
4-
Designable Playground
5-
</title>
3+
<title>Designable Playground</title>
64
<style>
7-
html,body{
5+
html,
6+
body {
87
user-select: none;
98
-webkit-user-select: none;
109
}
1110
</style>
1211
</head>
1312
<body>
14-
<div id="root">
15-
</div>
13+
<div id="root"></div>
1614
<script src="https://unpkg.com/moment/min/moment-with-locales.js"></script>
1715
<script src="https://unpkg.com/react/umd/react.production.min.js"></script>
1816
<script src="https://unpkg.com/react-dom/umd/react-dom.production.min.js"></script>
1917
<script src="https://unpkg.com/antd/dist/antd-with-locales.min.js"></script>
20-
</body>
18+
<script src="https://unpkg.com/antd@4.15.2/dist/antd.min.js"></script>
19+
</body>

0 commit comments

Comments
 (0)
Please sign in to comment.