Skip to content

Commit a105ea1

Browse files
authored
Merge pull request alibaba#9 from alibaba/feat/support-demo
2 parents 4f4dd6c + ec47591 commit a105ea1

File tree

28 files changed

+1633
-127
lines changed

28 files changed

+1633
-127
lines changed

demo/build.json

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
{
2+
"entry": {
3+
"index": "src/index"
4+
},
5+
"vendor": false,
6+
"devServer": {
7+
"hot": false
8+
},
9+
"publicPath": "public",
10+
"externals": {
11+
"react": "var window.React",
12+
"react-dom": "var window.ReactDOM",
13+
"prop-types": "var window.PropTypes",
14+
"@alifd/next": "var window.Next",
15+
"@alilc/lowcode-engine": "var window.AliLowCodeEngine",
16+
"@alilc/lowcode-editor-core": "var window.AliLowCodeEngine.common.editorCabin",
17+
"@alilc/lowcode-editor-skeleton": "var window.AliLowCodeEngine.common.skeletonCabin",
18+
"@alilc/lowcode-designer": "var window.AliLowCodeEngine.common.designerCabin",
19+
"@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt",
20+
"@ali/lowcode-engine": "var window.AliLowCodeEngine",
21+
"moment": "var window.moment",
22+
"lodash": "var window._"
23+
},
24+
"plugins": [
25+
[
26+
"build-plugin-react-app"
27+
],
28+
[
29+
"build-plugin-moment-locales",
30+
{
31+
"locales": [
32+
"zh-cn"
33+
]
34+
}
35+
],
36+
"./build.plugin.js"
37+
]
38+
}

demo/build.plugin.js

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
2+
3+
const HtmlWebpackPlugin = require('html-webpack-plugin');
4+
5+
module.exports = ({ onGetWebpackConfig }) => {
6+
onGetWebpackConfig((config) => {
7+
config.resolve.plugin('tsconfigpaths').use(TsconfigPathsPlugin, [
8+
{
9+
configFile: './tsconfig.json',
10+
},
11+
]);
12+
13+
config.merge({
14+
node: {
15+
fs: 'empty',
16+
},
17+
});
18+
config.merge({
19+
entry: {
20+
index: require.resolve('./src/index.ts'),
21+
preview: require.resolve('./src/preview.tsx'),
22+
},
23+
});
24+
config
25+
.plugin('index')
26+
.use(HtmlWebpackPlugin, [
27+
{
28+
inject: false,
29+
templateParameters: {
30+
},
31+
template: require.resolve('./public/index.html'),
32+
filename: 'index.html',
33+
},
34+
]);
35+
config
36+
.plugin('preview')
37+
.use(HtmlWebpackPlugin, [
38+
{
39+
inject: false,
40+
templateParameters: {
41+
},
42+
template: require.resolve('./public/preview.html'),
43+
filename: 'preview.html',
44+
},
45+
]);
46+
47+
config.plugins.delete('hot');
48+
config.devServer.hot(false);
49+
50+
config.module // fixes https://github.com/graphql/graphql-js/issues/1272
51+
.rule('mjs$')
52+
.test(/\.mjs$/)
53+
.include
54+
.add(/node_modules/)
55+
.end()
56+
.type('javascript/auto');
57+
});
58+
};

demo/package.json

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
{
2+
"name": "@alilc/lowcode-plugins-demo",
3+
"version": "1.0.0",
4+
"description": "Low-Code Engine 低代码搭建引擎 Demo 项目",
5+
"repository": "git@github.com:alibaba/lowcode-demo.git",
6+
"license": "MIT",
7+
"main": "index.js",
8+
"scripts": {
9+
"start": "build-scripts start --disable-reload",
10+
"build": "build-scripts build",
11+
"pub": "node ./scripts/watchdog.js && npm pub"
12+
},
13+
"files": [
14+
"build"
15+
],
16+
"config": {},
17+
"dependencies": {
18+
"@alilc/lowcode-plugin-code-editor": "^1.0.1",
19+
"@alilc/lowcode-plugin-code-generator": "^1.0.1",
20+
"@alilc/lowcode-plugin-components-pane": "^1.0.2",
21+
"@alilc/lowcode-plugin-datasource-pane": "1.0.0",
22+
"@alilc/lowcode-plugin-inject": "^1.0.0",
23+
"@alilc/lowcode-plugin-manual": "^1.0.0",
24+
"@alilc/lowcode-plugin-schema": "^1.0.0",
25+
"@alilc/lowcode-plugin-simulator-select": "^1.0.0",
26+
"@alilc/lowcode-plugin-undo-redo": "^1.0.0",
27+
"@alilc/lowcode-plugin-zh-en": "^1.0.0",
28+
"@alilc/lowcode-react-renderer": "^1.0.0",
29+
"@alilc/lowcode-setter-behavior": "^1.0.0",
30+
"@alilc/lowcode-setter-title": "^1.0.2"
31+
},
32+
"devDependencies": {
33+
"@alilc/lowcode-engine": "^1.0.0",
34+
"@alilc/lowcode-types": "^1.0.0",
35+
"@alib/build-scripts": "^0.1.18",
36+
"@types/events": "^3.0.0",
37+
"@types/react": "^16.8.3",
38+
"@types/react-dom": "^16.8.2",
39+
"@types/streamsaver": "^2.0.0",
40+
"build-plugin-fusion": "^0.1.0",
41+
"build-plugin-moment-locales": "^0.1.0",
42+
"build-plugin-react-app": "^1.1.2",
43+
"tsconfig-paths-webpack-plugin": "^3.2.0"
44+
}
45+
}

demo/public/assets.json

Lines changed: 139 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,139 @@
1+
{
2+
"packages": [
3+
{
4+
"package": "moment",
5+
"version": "2.24.0",
6+
"urls": [
7+
"https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js"
8+
],
9+
"library": "moment"
10+
},
11+
{
12+
"package": "lodash",
13+
"library": "_",
14+
"urls": [
15+
"https://g.alicdn.com/platform/c/lodash/4.6.1/lodash.min.js"
16+
]
17+
},
18+
{
19+
"title": "fusion组件库",
20+
"package": "@alifd/next",
21+
"version": "1.24.18",
22+
"urls": [
23+
"https://g.alicdn.com/code/lib/alifd__next/1.24.18/next.min.css",
24+
"https://g.alicdn.com/code/lib/alifd__next/1.24.18/next-with-locales.min.js"
25+
],
26+
"library": "Next"
27+
},
28+
{
29+
"title": "NextTable",
30+
"package": "NextTable",
31+
"version": "1.0.1",
32+
"urls": [
33+
"https://g.alicdn.com/fusion-platform/pro-table/1.0.1/next-table.js",
34+
"https://g.alicdn.com/fusion-platform/pro-table/1.0.1/next-table.css"
35+
],
36+
"library": "NextTable"
37+
},
38+
{
39+
"package": "@alilc/lowcode-materials",
40+
"version": "1.0.2-beta.1",
41+
"library": "AlilcLowcodeMaterials",
42+
"urls": [
43+
"https://alifd.alicdn.com/npm/@alilc/lowcode-materials@1.0.2-beta.1/dist/AlilcLowcodeMaterials.js",
44+
"https://alifd.alicdn.com/npm/@alilc/lowcode-materials@1.0.2-beta.1/dist/AlilcLowcodeMaterials.css"
45+
],
46+
"editUrls": [
47+
"https://alifd.alicdn.com/npm/@alilc/lowcode-materials@1.0.2-beta.1/build/lowcode/view.js",
48+
"https://alifd.alicdn.com/npm/@alilc/lowcode-materials@1.0.2-beta.1/build/lowcode/view.css"
49+
]
50+
},
51+
{
52+
"package": "@alifd/pro-layout",
53+
"version": "1.0.1-beta.6",
54+
"library": "AlifdProLayout",
55+
"urls": [
56+
"https://alifd.alicdn.com/npm/@alifd/pro-layout@1.0.1-beta.6/dist/AlifdProLayout.js",
57+
"https://alifd.alicdn.com/npm/@alifd/pro-layout@1.0.1-beta.6/dist/AlifdProLayout.css"
58+
],
59+
"editUrls": [
60+
"https://alifd.alicdn.com/npm/@alifd/pro-layout@1.0.1-beta.6/build/lowcode/view.js",
61+
"https://alifd.alicdn.com/npm/@alifd/pro-layout@1.0.1-beta.6/build/lowcode/view.css"
62+
]
63+
},
64+
{
65+
"package": "@alifd/fusion-ui",
66+
"version": "1.0.5-beta.1",
67+
"library": "AlifdFusionUi",
68+
"urls": [
69+
"https://alifd.alicdn.com/npm/@alifd/fusion-ui@1.0.5-beta.1/dist/AlifdFusionUi.js",
70+
"https://alifd.alicdn.com/npm/@alifd/fusion-ui@1.0.5-beta.1/dist/AlifdFusionUi.css"
71+
],
72+
"editUrls": [
73+
"https://alifd.alicdn.com/npm/@alifd/fusion-ui@1.0.5-beta.1/build/lowcode/view.js",
74+
"https://alifd.alicdn.com/npm/@alifd/fusion-ui@1.0.5-beta.1/build/lowcode/view.css"
75+
]
76+
}
77+
],
78+
"components": [
79+
{
80+
"exportName": "AlilcLowcodeMaterialsMeta",
81+
"npm": {
82+
"package": "@alilc/lowcode-materials"
83+
},
84+
"url": "https://alifd.alicdn.com/npm/@alilc/lowcode-materials@1.0.2-beta.1/build/lowcode/meta.js",
85+
"urls": {
86+
"default": "https://alifd.alicdn.com/npm/@alilc/lowcode-materials@1.0.2-beta.1/build/lowcode/meta.js",
87+
"design": "https://alifd.alicdn.com/npm/@alilc/lowcode-materials@1.0.2-beta.1/build/lowcode/meta.design.js"
88+
}
89+
},
90+
{
91+
"exportName": "AlifdProLayoutMeta",
92+
"npm": {
93+
"package": "@alifd/pro-layout",
94+
"version": "1.0.1-beta.6"
95+
},
96+
"url": "https://alifd.alicdn.com/npm/@alifd/pro-layout@1.0.1-beta.6/build/lowcode/meta.js",
97+
"urls": {
98+
"default": "https://alifd.alicdn.com/npm/@alifd/pro-layout@1.0.1-beta.6/build/lowcode/meta.js",
99+
"design": "https://alifd.alicdn.com/npm/@alifd/pro-layout@1.0.1-beta.6/build/lowcode/meta.design.js"
100+
}
101+
},
102+
{
103+
"exportName": "AlifdFusionUiMeta",
104+
"npm": {
105+
"package": "@alifd/fusion-ui"
106+
},
107+
"url": "https://alifd.alicdn.com/npm/@alifd/fusion-ui@1.0.5-beta.1/build/lowcode/meta.js",
108+
"urls": {
109+
"default": "https://alifd.alicdn.com/npm/@alifd/fusion-ui@1.0.5-beta.1/build/lowcode/meta.js",
110+
"design": "https://alifd.alicdn.com/npm/@alifd/fusion-ui@1.0.5-beta.1/build/lowcode/meta.design.js"
111+
}
112+
}
113+
],
114+
"sort": {
115+
"groupList": [
116+
"精选组件",
117+
"原子组件"
118+
],
119+
"categoryList": [
120+
"基础元素",
121+
"布局容器类",
122+
"表格类",
123+
"表单详情类",
124+
"帮助类",
125+
"对话框类",
126+
"业务类",
127+
"通用",
128+
"引导",
129+
"信息输入",
130+
"信息展示",
131+
"信息反馈"
132+
]
133+
},
134+
"groupList": [
135+
"精选组件",
136+
"原子组件"
137+
],
138+
"ignoreComponents": {}
139+
}

demo/public/favicon.png

3.53 KB
Loading

demo/public/index.html

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
7+
<title>阿里低代码引擎 Demo</title>
8+
<link rel="icon" href="http://lowcode-engine.cn/public/favicon.svg">
9+
<link href="./css/index.css" rel="stylesheet" />
10+
<!-- 低代码引擎的页面主题样式,可以替换为 theme-lowcode-dark -->
11+
<link href="https://alifd.alicdn.com/npm/@alifd/theme-lowcode-light@0.2.1/variables.css" rel="stylesheet" />
12+
<link href="https://alifd.alicdn.com/npm/@alifd/theme-lowcode-light@0.2.1/dist/next.var.min.css" rel="stylesheet" />
13+
<!-- 低代码引擎的页面框架样式 -->
14+
<link rel="stylesheet" href="https://alifd.alicdn.com/npm/@alilc/lowcode-engine@1.0.1-beta.1/dist/css/engine-core.css" />
15+
<!-- 低代码引擎官方扩展的样式 -->
16+
<link rel="stylesheet" href="https://alifd.alicdn.com/npm/@alilc/lowcode-engine-ext@1.0.1-beta.1/dist/css/engine-ext.css" />
17+
18+
<!-- React,可替换为 production 包 -->
19+
<script src="https://g.alicdn.com/code/lib/react/16.13.1/umd/react.production.min.js"></script>
20+
<!-- React DOM,可替换为 production 包 -->
21+
<script src="https://g.alicdn.com/code/lib/react-dom/16.13.1/umd/react-dom.production.min.js"></script>
22+
<!-- React 向下兼容,预防物料层的依赖 -->
23+
<script src="https://g.alicdn.com/code/lib/prop-types/15.7.2/prop-types.js"></script>
24+
<script src="https://g.alicdn.com/platform/c/react15-polyfill/0.0.1/dist/index.js"></script>
25+
<!-- lodash,低代码编辑器的依赖 -->
26+
<script src="https://g.alicdn.com/platform/c/lodash/4.6.1/lodash.min.js"></script>
27+
<!-- 日期处理包,Fusion Next 的依赖 -->
28+
<script src="https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js"></script>
29+
<!-- Fusion Next 的主包,低代码编辑器的依赖 -->
30+
<script src="https://g.alicdn.com/code/lib/alifd__next/1.23.24/next.min.js"></script>
31+
<!-- 低代码引擎的主包 -->
32+
<script crossorigin="anonymous" src="https://alifd.alicdn.com/npm/@alilc/lowcode-engine@1.0.1-beta.1/dist/js/engine-core.js"></script>
33+
<!-- 低代码引擎官方扩展的主包 -->
34+
<script crossorigin="anonymous" src="https://unpkg.alibaba-inc.com/@alilc/lowcode-engine-ext@1.0.4-beta.1/dist/js/engine-ext.js"></script>
35+
</head>
36+
37+
<body>
38+
<div id="lce-container"></div>
39+
<script type="text/javascript" src="./js/index.js"></script>
40+
</body>
41+
</html>

demo/public/mock-pages.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"success":true,"content":[{"gmtModified":"2021-03-06 00:40:54","formUuid":"FORM-6X866SC1KM4O4BLF3U7879QB0EMT2Z3TGIWLKW","parentNavUuid":"NAV-SYSTEM-PARENT-UUID","hidden":"n","navUuid":"FORM-6X866SC1KM4O4BLF3U7879QB0EMT2Z3TGIWLKW","navType":"PAGE","isIndex":"n","isNew":"n","gmtCreate":"2021-03-06 00:27:26","title":{"en_US":"页面1","zh_CN":"页面1","type":"i18n"},"relateUuid":"FORM-6X866SC1KM4O4BLF3U7879QB0EMT2Z3TGIWLKW","parentId":0,"listOrder":0,"id":556103}]}

demo/public/mock/info.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"info": "Hello AliLowCode!!"
3+
}

demo/public/preview.html

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
6+
<title>预览低代码</title>
7+
<link href="https://g.alicdn.com/code/lib/alifd__next/1.23.24/next.min.css" rel="stylesheet">
8+
<link href="./css/preview.css" rel="stylesheet">
9+
</head>
10+
<body>
11+
<div id="ice-container"></div>
12+
<script>
13+
window.g_config = {
14+
locale: 'zh_CN',
15+
};
16+
</script>
17+
<script src="https://g.alicdn.com/code/lib/react/16.13.1/umd/react.production.min.js"></script>
18+
<script src="https://g.alicdn.com/code/lib/react-dom/16.13.1/umd/react-dom.production.min.js"></script>
19+
<script src="https://g.alicdn.com/code/lib/prop-types/15.7.2/prop-types.js"></script>
20+
<script src="https://g.alicdn.com/platform/c/??react15-polyfill/0.0.1/dist/index.js,lodash/4.6.1/lodash.min.js"></script>
21+
<script src="https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js"></script>
22+
<script src="https://g.alicdn.com/code/lib/alifd__next/1.23.24/next.min.js"></script>
23+
<script type="text/javascript" src="./js/preview.js"></script>
24+
</body>
25+
</html>

0 commit comments

Comments
 (0)