@dckj-npm/lowcode-plugin-code-generator 1.3.2 → 1.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/README.md +53 -52
- package/es/components/CodeGenActionBtn/CodeGenActionBtn.js +19 -22
- package/es/components/CodeGenActionBtn/CodeGenActionBtn.scss +13 -13
- package/es/components/CodeGenPreview/CodeGenPreview.scss +16 -16
- package/es/components/CodeGenPreview/useIsInIntranet.js +15 -15
- package/es/components/CodeGenResult/CodeGenResult.js +11 -11
- package/es/components/CodeGenResult/CodeGenResult.scss +7 -7
- package/es/components/CodeSandboxPreview/CodeSandboxPreview.js +23 -23
- package/es/components/CodeSandboxPreview/CodeSandboxPreview.scss +18 -18
- package/es/components/FileTypeIcon/FileTypeIcon.scss +36 -36
- package/es/components/SourcesView/SourcesView.js +2 -1
- package/es/components/SourcesView/SourcesView.scss +24 -24
- package/es/demo/index.js +31 -32
- package/es/demo/index.scss +56 -56
- package/es/index.js +10 -9
- package/es/utils/utils.js +22 -25
- package/lib/components/CodeGenActionBtn/CodeGenActionBtn.js +20 -24
- package/lib/components/CodeGenActionBtn/CodeGenActionBtn.scss +13 -13
- package/lib/components/CodeGenPreview/CodeGenPreview.scss +16 -16
- package/lib/components/CodeGenPreview/useIsInIntranet.js +16 -17
- package/lib/components/CodeGenResult/CodeGenResult.js +12 -13
- package/lib/components/CodeGenResult/CodeGenResult.scss +7 -7
- package/lib/components/CodeSandboxPreview/CodeSandboxPreview.js +24 -25
- package/lib/components/CodeSandboxPreview/CodeSandboxPreview.scss +18 -18
- package/lib/components/FileTypeIcon/FileTypeIcon.scss +36 -36
- package/lib/components/GravityPreview/GravityPreview.js +1 -2
- package/lib/components/GravityPreview/GravitySdk.js +1 -2
- package/lib/components/SourcesView/SourcesView.js +3 -3
- package/lib/components/SourcesView/SourcesView.scss +24 -24
- package/lib/demo/index.js +32 -34
- package/lib/demo/index.scss +56 -56
- package/lib/index.js +11 -11
- package/lib/utils/utils.js +22 -25
- package/package.json +94 -94
- package/es/components/CodeGenActionBtn/CodeGenActionBtn.d.ts +0 -8
- package/es/components/CodeGenActionBtn/index.d.ts +0 -1
- package/es/components/CodeGenPreview/CodeGenPreview.d.ts +0 -8
- package/es/components/CodeGenPreview/fixPreviewCode.d.ts +0 -2
- package/es/components/CodeGenPreview/index.d.ts +0 -1
- package/es/components/CodeGenPreview/useIsInIntranet.d.ts +0 -4
- package/es/components/CodeGenResult/CodeGenResult.d.ts +0 -9
- package/es/components/CodeGenResult/index.d.ts +0 -1
- package/es/components/CodeSandboxPreview/CodeSandboxPreview.d.ts +0 -4
- package/es/components/CodeSandboxPreview/index.d.ts +0 -1
- package/es/components/FileTypeIcon/FileTypeIcon.d.ts +0 -6
- package/es/components/FileTypeIcon/index.d.ts +0 -1
- package/es/components/GravityCode/GravityCode.d.ts +0 -9
- package/es/components/GravityCode/index.d.ts +0 -1
- package/es/components/GravityPreview/ForceUpdate.d.ts +0 -6
- package/es/components/GravityPreview/GravityPreview.d.ts +0 -7
- package/es/components/GravityPreview/GravitySdk.d.ts +0 -10
- package/es/components/GravityPreview/index.d.ts +0 -1
- package/es/components/SourcesView/SourcesView.d.ts +0 -9
- package/es/components/SourcesView/index.d.ts +0 -1
- package/es/demo/index.d.ts +0 -1
- package/es/index.d.ts +0 -30
- package/es/types/SyncCodeGenResult.d.ts +0 -16
- package/es/types/index.d.ts +0 -1
- package/es/utils/utils.d.ts +0 -26
- package/lib/components/CodeGenActionBtn/CodeGenActionBtn.d.ts +0 -8
- package/lib/components/CodeGenActionBtn/index.d.ts +0 -1
- package/lib/components/CodeGenPreview/CodeGenPreview.d.ts +0 -8
- package/lib/components/CodeGenPreview/fixPreviewCode.d.ts +0 -2
- package/lib/components/CodeGenPreview/index.d.ts +0 -1
- package/lib/components/CodeGenPreview/useIsInIntranet.d.ts +0 -4
- package/lib/components/CodeGenResult/CodeGenResult.d.ts +0 -9
- package/lib/components/CodeGenResult/index.d.ts +0 -1
- package/lib/components/CodeSandboxPreview/CodeSandboxPreview.d.ts +0 -4
- package/lib/components/CodeSandboxPreview/index.d.ts +0 -1
- package/lib/components/FileTypeIcon/FileTypeIcon.d.ts +0 -6
- package/lib/components/FileTypeIcon/index.d.ts +0 -1
- package/lib/components/GravityCode/GravityCode.d.ts +0 -9
- package/lib/components/GravityCode/index.d.ts +0 -1
- package/lib/components/GravityPreview/ForceUpdate.d.ts +0 -6
- package/lib/components/GravityPreview/GravityPreview.d.ts +0 -7
- package/lib/components/GravityPreview/GravitySdk.d.ts +0 -10
- package/lib/components/GravityPreview/index.d.ts +0 -1
- package/lib/components/SourcesView/SourcesView.d.ts +0 -9
- package/lib/components/SourcesView/index.d.ts +0 -1
- package/lib/demo/index.d.ts +0 -1
- package/lib/index.d.ts +0 -30
- package/lib/types/SyncCodeGenResult.d.ts +0 -16
- package/lib/types/index.d.ts +0 -1
- package/lib/utils/utils.d.ts +0 -26
|
@@ -6,13 +6,12 @@ exports.useIsInIntranet = useIsInIntranet;
|
|
|
6
6
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
7
7
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
function
|
|
10
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
9
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
|
|
11
10
|
// 预先检测下是否在内网环境中
|
|
12
11
|
var isInIntranetPromise = detectIsInIntranet();
|
|
13
12
|
|
|
14
|
-
/**
|
|
15
|
-
* 判断是否在内网环境中中
|
|
13
|
+
/**
|
|
14
|
+
* 判断是否在内网环境中中
|
|
16
15
|
*/
|
|
17
16
|
function useIsInIntranet() {
|
|
18
17
|
var _React$useState = _react["default"].useState({
|
|
@@ -34,39 +33,39 @@ function useIsInIntranet() {
|
|
|
34
33
|
return state.isInIntranet;
|
|
35
34
|
}
|
|
36
35
|
|
|
37
|
-
/**
|
|
38
|
-
* 判断是否在内网环境中中
|
|
36
|
+
/**
|
|
37
|
+
* 判断是否在内网环境中中
|
|
39
38
|
*/
|
|
40
39
|
function detectIsInIntranet() {
|
|
41
40
|
return _detectIsInIntranet.apply(this, arguments);
|
|
42
41
|
}
|
|
43
42
|
function _detectIsInIntranet() {
|
|
44
43
|
_detectIsInIntranet = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
|
|
45
|
-
var res;
|
|
46
|
-
return _regenerator["default"].wrap(function
|
|
44
|
+
var res, _t;
|
|
45
|
+
return _regenerator["default"].wrap(function (_context) {
|
|
47
46
|
while (1) switch (_context.prev = _context.next) {
|
|
48
47
|
case 0:
|
|
49
48
|
_context.prev = 0;
|
|
50
|
-
_context.next =
|
|
49
|
+
_context.next = 1;
|
|
51
50
|
return fetch('https://dev.g.alicdn.com/ali-lowcode/ali-lowcode-materials/1.1.0/schema.json');
|
|
52
|
-
case
|
|
51
|
+
case 1:
|
|
53
52
|
res = _context.sent;
|
|
54
53
|
if (!res.ok) {
|
|
55
|
-
_context.next =
|
|
54
|
+
_context.next = 2;
|
|
56
55
|
break;
|
|
57
56
|
}
|
|
58
57
|
return _context.abrupt("return", true);
|
|
59
|
-
case
|
|
58
|
+
case 2:
|
|
60
59
|
return _context.abrupt("return", false);
|
|
61
|
-
case
|
|
62
|
-
_context.prev =
|
|
63
|
-
|
|
60
|
+
case 3:
|
|
61
|
+
_context.prev = 3;
|
|
62
|
+
_t = _context["catch"](0);
|
|
64
63
|
return _context.abrupt("return", false);
|
|
65
|
-
case
|
|
64
|
+
case 4:
|
|
66
65
|
case "end":
|
|
67
66
|
return _context.stop();
|
|
68
67
|
}
|
|
69
|
-
}, _callee, null, [[0,
|
|
68
|
+
}, _callee, null, [[0, 3]]);
|
|
70
69
|
}));
|
|
71
70
|
return _detectIsInIntranet.apply(this, arguments);
|
|
72
71
|
}
|
|
@@ -12,8 +12,7 @@ var _fileSaver = _interopRequireDefault(require("file-saver"));
|
|
|
12
12
|
var _jszip = _interopRequireDefault(require("jszip"));
|
|
13
13
|
var _next = require("@alifd/next");
|
|
14
14
|
var _SourcesView = require("../SourcesView");
|
|
15
|
-
function
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
15
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
|
|
17
16
|
function CodeGenResult(_ref) {
|
|
18
17
|
var result = _ref.result,
|
|
19
18
|
schema = _ref.schema;
|
|
@@ -38,8 +37,8 @@ function CodeGenResult(_ref) {
|
|
|
38
37
|
var gravityDemoHeight = paneState.expandedKeys.includes('sources') ? '40vh' : '80vh';
|
|
39
38
|
var handleDownloadSources = /*#__PURE__*/function () {
|
|
40
39
|
var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(e) {
|
|
41
|
-
var zip;
|
|
42
|
-
return _regenerator["default"].wrap(function
|
|
40
|
+
var zip, _t;
|
|
41
|
+
return _regenerator["default"].wrap(function (_context) {
|
|
43
42
|
while (1) switch (_context.prev = _context.next) {
|
|
44
43
|
case 0:
|
|
45
44
|
_context.prev = 0;
|
|
@@ -49,25 +48,25 @@ function CodeGenResult(_ref) {
|
|
|
49
48
|
Object.values((gravityCode === null || gravityCode === void 0 ? void 0 : gravityCode.modules) || {}).forEach(function (file) {
|
|
50
49
|
zip.file(file.fpath.replace(/^\/+/, ''), file.code);
|
|
51
50
|
});
|
|
52
|
-
_context.next =
|
|
51
|
+
_context.next = 1;
|
|
53
52
|
return zip.generateAsync({
|
|
54
53
|
type: 'blob'
|
|
55
54
|
}).then(function (content) {
|
|
56
55
|
_fileSaver["default"].saveAs(content, 'ali-lowcode-generated-sources.zip');
|
|
57
56
|
});
|
|
58
|
-
case
|
|
59
|
-
_context.next =
|
|
57
|
+
case 1:
|
|
58
|
+
_context.next = 3;
|
|
60
59
|
break;
|
|
61
|
-
case
|
|
62
|
-
_context.prev =
|
|
63
|
-
|
|
64
|
-
console.log('failed to download sources: ',
|
|
60
|
+
case 2:
|
|
61
|
+
_context.prev = 2;
|
|
62
|
+
_t = _context["catch"](0);
|
|
63
|
+
console.log('failed to download sources: ', _t);
|
|
65
64
|
_next.Message.error('下载失败!');
|
|
66
|
-
case
|
|
65
|
+
case 3:
|
|
67
66
|
case "end":
|
|
68
67
|
return _context.stop();
|
|
69
68
|
}
|
|
70
|
-
}, _callee, null, [[0,
|
|
69
|
+
}, _callee, null, [[0, 2]]);
|
|
71
70
|
}));
|
|
72
71
|
return function handleDownloadSources(_x) {
|
|
73
72
|
return _ref2.apply(this, arguments);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
.code-gen-result {
|
|
2
|
-
.code-gen-result-gravity-demo {
|
|
3
|
-
iframe {
|
|
4
|
-
height: 100%;
|
|
5
|
-
}
|
|
6
|
-
}
|
|
7
|
-
}
|
|
1
|
+
.code-gen-result {
|
|
2
|
+
.code-gen-result-gravity-demo {
|
|
3
|
+
iframe {
|
|
4
|
+
height: 100%;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
}
|
|
@@ -10,8 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
10
10
|
var _next = require("@alifd/next");
|
|
11
11
|
var _fixPreviewCode = require("../CodeGenPreview/fixPreviewCode");
|
|
12
12
|
require("./CodeSandboxPreview.scss");
|
|
13
|
-
function
|
|
14
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
13
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
|
|
15
14
|
// 使用 CodeSandbox 来进行预览
|
|
16
15
|
// @see https://codesandbox.io/docs/api#get-request
|
|
17
16
|
function CodeSandboxPreview(_ref) {
|
|
@@ -61,14 +60,14 @@ function CodeSandboxPreview(_ref) {
|
|
|
61
60
|
});
|
|
62
61
|
});
|
|
63
62
|
(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
|
|
64
|
-
var sandboxId;
|
|
65
|
-
return _regenerator["default"].wrap(function
|
|
63
|
+
var sandboxId, _t;
|
|
64
|
+
return _regenerator["default"].wrap(function (_context) {
|
|
66
65
|
while (1) switch (_context.prev = _context.next) {
|
|
67
66
|
case 0:
|
|
68
67
|
_context.prev = 0;
|
|
69
|
-
_context.next =
|
|
68
|
+
_context.next = 1;
|
|
70
69
|
return createCodeSandbox(parameters);
|
|
71
|
-
case
|
|
70
|
+
case 1:
|
|
72
71
|
sandboxId = _context.sent;
|
|
73
72
|
if (!hasCanceled) {
|
|
74
73
|
setState(function (prev) {
|
|
@@ -79,25 +78,25 @@ function CodeSandboxPreview(_ref) {
|
|
|
79
78
|
});
|
|
80
79
|
});
|
|
81
80
|
}
|
|
82
|
-
_context.next =
|
|
81
|
+
_context.next = 3;
|
|
83
82
|
break;
|
|
84
|
-
case
|
|
85
|
-
_context.prev =
|
|
86
|
-
|
|
83
|
+
case 2:
|
|
84
|
+
_context.prev = 2;
|
|
85
|
+
_t = _context["catch"](0);
|
|
87
86
|
if (!hasCanceled) {
|
|
88
87
|
setState(function (prev) {
|
|
89
88
|
return (0, _extends2["default"])({}, prev, {
|
|
90
89
|
hasError: true,
|
|
91
|
-
error:
|
|
90
|
+
error: _t,
|
|
92
91
|
isCreating: false
|
|
93
92
|
});
|
|
94
93
|
});
|
|
95
94
|
}
|
|
96
|
-
case
|
|
95
|
+
case 3:
|
|
97
96
|
case "end":
|
|
98
97
|
return _context.stop();
|
|
99
98
|
}
|
|
100
|
-
}, _callee, null, [[0,
|
|
99
|
+
}, _callee, null, [[0, 2]]);
|
|
101
100
|
}))();
|
|
102
101
|
return function () {
|
|
103
102
|
hasCanceled = true;
|
|
@@ -143,16 +142,16 @@ function createCodeSandbox(_x) {
|
|
|
143
142
|
function _createCodeSandbox() {
|
|
144
143
|
_createCodeSandbox = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(parameters) {
|
|
145
144
|
var res, json, _ref3, sandbox_id;
|
|
146
|
-
return _regenerator["default"].wrap(function
|
|
145
|
+
return _regenerator["default"].wrap(function (_context2) {
|
|
147
146
|
while (1) switch (_context2.prev = _context2.next) {
|
|
148
147
|
case 0:
|
|
149
148
|
if (Object.entries((parameters === null || parameters === void 0 ? void 0 : parameters.files) || {}).length) {
|
|
150
|
-
_context2.next =
|
|
149
|
+
_context2.next = 1;
|
|
151
150
|
break;
|
|
152
151
|
}
|
|
153
152
|
return _context2.abrupt("return", '');
|
|
154
|
-
case
|
|
155
|
-
_context2.next =
|
|
153
|
+
case 1:
|
|
154
|
+
_context2.next = 2;
|
|
156
155
|
return fetch('https://codesandbox.io/api/v1/sandboxes/define?json=1', {
|
|
157
156
|
method: 'POST',
|
|
158
157
|
headers: {
|
|
@@ -161,29 +160,29 @@ function _createCodeSandbox() {
|
|
|
161
160
|
},
|
|
162
161
|
body: JSON.stringify(parameters)
|
|
163
162
|
});
|
|
164
|
-
case
|
|
163
|
+
case 2:
|
|
165
164
|
res = _context2.sent;
|
|
166
165
|
if (res.ok) {
|
|
167
|
-
_context2.next =
|
|
166
|
+
_context2.next = 3;
|
|
168
167
|
break;
|
|
169
168
|
}
|
|
170
169
|
throw new Error("\u521B\u5EFA CodeSandbox \u5931\u8D25\uFF0C\u9519\u8BEF\u7801\uFF1A" + res.status + " " + res.statusText);
|
|
171
|
-
case
|
|
172
|
-
_context2.next =
|
|
170
|
+
case 3:
|
|
171
|
+
_context2.next = 4;
|
|
173
172
|
return res.json()["catch"](function (err) {
|
|
174
173
|
throw new Error("\u521B\u5EFA CodeSandbox \u5931\u8D25\uFF0C\u670D\u52A1\u5F02\u5E38(" + ((err === null || err === void 0 ? void 0 : err.message) || err || '未知异常') + ")");
|
|
175
174
|
});
|
|
176
|
-
case
|
|
175
|
+
case 4:
|
|
177
176
|
json = _context2.sent;
|
|
178
177
|
_ref3 = json || {}, sandbox_id = _ref3.sandbox_id;
|
|
179
178
|
if (!(!sandbox_id || typeof sandbox_id !== 'string')) {
|
|
180
|
-
_context2.next =
|
|
179
|
+
_context2.next = 5;
|
|
181
180
|
break;
|
|
182
181
|
}
|
|
183
182
|
throw new Error("\u521B\u5EFA CodeSandbox \u5931\u8D25\uFF0C\u670D\u52A1\u54CD\u5E94\u5F02\u5E38");
|
|
184
|
-
case
|
|
183
|
+
case 5:
|
|
185
184
|
return _context2.abrupt("return", sandbox_id);
|
|
186
|
-
case
|
|
185
|
+
case 6:
|
|
187
186
|
case "end":
|
|
188
187
|
return _context2.stop();
|
|
189
188
|
}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
.code-gen-plugin-code-sandbox-preview {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: row;
|
|
4
|
-
align-items: center;
|
|
5
|
-
align-content: center;
|
|
6
|
-
justify-content: center;
|
|
7
|
-
justify-items: center;
|
|
8
|
-
height: 100%;
|
|
9
|
-
|
|
10
|
-
iframe {
|
|
11
|
-
width: 100%;
|
|
12
|
-
height: 100%;
|
|
13
|
-
min-height: 300px;
|
|
14
|
-
border: 0;
|
|
15
|
-
border-radius: 0;
|
|
16
|
-
overflow: hidden;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
1
|
+
.code-gen-plugin-code-sandbox-preview {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: row;
|
|
4
|
+
align-items: center;
|
|
5
|
+
align-content: center;
|
|
6
|
+
justify-content: center;
|
|
7
|
+
justify-items: center;
|
|
8
|
+
height: 100%;
|
|
9
|
+
|
|
10
|
+
iframe {
|
|
11
|
+
width: 100%;
|
|
12
|
+
height: 100%;
|
|
13
|
+
min-height: 300px;
|
|
14
|
+
border: 0;
|
|
15
|
+
border-radius: 0;
|
|
16
|
+
overflow: hidden;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
// source: https://at.alicdn.com/t/font_2997782_rtal7ux80t.css
|
|
2
|
-
|
|
3
|
-
@font-face {
|
|
4
|
-
font-family: "file-types-iconfont"; /* Project id 2997782 */
|
|
5
|
-
src: url('//at.alicdn.com/t/font_2997782_rtal7ux80t.woff2?t=1638951976966') format('woff2'),
|
|
6
|
-
url('//at.alicdn.com/t/font_2997782_rtal7ux80t.woff?t=1638951976966') format('woff'),
|
|
7
|
-
url('//at.alicdn.com/t/font_2997782_rtal7ux80t.ttf?t=1638951976966') format('truetype');
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.file-types-iconfont {
|
|
11
|
-
font-family: "file-types-iconfont" !important;
|
|
12
|
-
font-size: 16px;
|
|
13
|
-
font-style: normal;
|
|
14
|
-
-webkit-font-smoothing: antialiased;
|
|
15
|
-
-moz-osx-font-smoothing: grayscale;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.file-types-icon-folder:before {
|
|
19
|
-
content: "\e6e9";
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.file-types-icon-text:before {
|
|
23
|
-
content: "\e6a7";
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.file-types-icon-jsx:before {
|
|
27
|
-
content: "\e63b";
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.file-types-icon-js:before {
|
|
31
|
-
content: "\e618";
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.file-types-icon-json:before {
|
|
35
|
-
content: "\e642";
|
|
36
|
-
}
|
|
1
|
+
// source: https://at.alicdn.com/t/font_2997782_rtal7ux80t.css
|
|
2
|
+
|
|
3
|
+
@font-face {
|
|
4
|
+
font-family: "file-types-iconfont"; /* Project id 2997782 */
|
|
5
|
+
src: url('//at.alicdn.com/t/font_2997782_rtal7ux80t.woff2?t=1638951976966') format('woff2'),
|
|
6
|
+
url('//at.alicdn.com/t/font_2997782_rtal7ux80t.woff?t=1638951976966') format('woff'),
|
|
7
|
+
url('//at.alicdn.com/t/font_2997782_rtal7ux80t.ttf?t=1638951976966') format('truetype');
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.file-types-iconfont {
|
|
11
|
+
font-family: "file-types-iconfont" !important;
|
|
12
|
+
font-size: 16px;
|
|
13
|
+
font-style: normal;
|
|
14
|
+
-webkit-font-smoothing: antialiased;
|
|
15
|
+
-moz-osx-font-smoothing: grayscale;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.file-types-icon-folder:before {
|
|
19
|
+
content: "\e6e9";
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.file-types-icon-text:before {
|
|
23
|
+
content: "\e6a7";
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.file-types-icon-jsx:before {
|
|
27
|
+
content: "\e63b";
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.file-types-icon-js:before {
|
|
31
|
+
content: "\e618";
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.file-types-icon-json:before {
|
|
35
|
+
content: "\e642";
|
|
36
|
+
}
|
|
@@ -7,8 +7,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
7
7
|
var _GravitySdk = _interopRequireDefault(require("./GravitySdk"));
|
|
8
8
|
var _ForceUpdate = require("./ForceUpdate");
|
|
9
9
|
var _fixPreviewCode = require("../CodeGenPreview/fixPreviewCode");
|
|
10
|
-
function
|
|
11
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
10
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
12
11
|
function GravityPreview(_ref) {
|
|
13
12
|
var code = _ref.code,
|
|
14
13
|
height = _ref.height,
|
|
@@ -12,8 +12,7 @@ exports.refresh = refresh;
|
|
|
12
12
|
exports.toggleBoostState = toggleBoostState;
|
|
13
13
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
function
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
15
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
17
16
|
// const GRAVITY_PREFIX = 'lowcodeGravityPreview';
|
|
18
17
|
// const GRAVITY_PREFIX = 'gravityDemoSdk';
|
|
19
18
|
var GRAVITY_PREFIX = 'gravityRiddleSdk';
|
|
@@ -11,8 +11,8 @@ var _next = require("@alifd/next");
|
|
|
11
11
|
var _lowcodePluginBaseMonacoEditor = _interopRequireDefault(require("@alilc/lowcode-plugin-base-monaco-editor"));
|
|
12
12
|
require("@alilc/lowcode-plugin-base-monaco-editor/lib/style");
|
|
13
13
|
var _FileTypeIcon = require("../FileTypeIcon");
|
|
14
|
-
function
|
|
15
|
-
function
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
15
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
16
16
|
var FILE_TYPES_ICON_MAP = {
|
|
17
17
|
js: 'js',
|
|
18
18
|
jsx: 'jsx',
|
|
@@ -50,7 +50,7 @@ function SourcesView(_ref) {
|
|
|
50
50
|
var _addFileToNodes = function addFileToNodes(currentNodes, basePath, path, file) {
|
|
51
51
|
var _path$split$filter = path.split('/').filter(Boolean),
|
|
52
52
|
head = _path$split$filter[0],
|
|
53
|
-
tail = _path$split$filter.slice(1);
|
|
53
|
+
tail = _arrayLikeToArray(_path$split$filter).slice(1);
|
|
54
54
|
if (tail.length === 0) {
|
|
55
55
|
currentNodes.push({
|
|
56
56
|
label: head,
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
.code-gen-sources-view {
|
|
2
|
-
height: 100%;
|
|
3
|
-
.sources-panes {
|
|
4
|
-
display: flex;
|
|
5
|
-
flex-direction: row;
|
|
6
|
-
height: 100%;
|
|
7
|
-
}
|
|
8
|
-
.file-tree-pane {
|
|
9
|
-
width: 230px;
|
|
10
|
-
overflow-y: auto;
|
|
11
|
-
height: 100%;
|
|
12
|
-
border-right: 1px solid #e0e0e0;
|
|
13
|
-
.file-types-iconfont {
|
|
14
|
-
font-size: 12px;
|
|
15
|
-
margin-right: 4px;
|
|
16
|
-
margin-left: -10px;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
.source-code-pane {
|
|
20
|
-
flex: 1;
|
|
21
|
-
overflow-y: auto;
|
|
22
|
-
height: 100%;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
1
|
+
.code-gen-sources-view {
|
|
2
|
+
height: 100%;
|
|
3
|
+
.sources-panes {
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: row;
|
|
6
|
+
height: 100%;
|
|
7
|
+
}
|
|
8
|
+
.file-tree-pane {
|
|
9
|
+
width: 230px;
|
|
10
|
+
overflow-y: auto;
|
|
11
|
+
height: 100%;
|
|
12
|
+
border-right: 1px solid #e0e0e0;
|
|
13
|
+
.file-types-iconfont {
|
|
14
|
+
font-size: 12px;
|
|
15
|
+
margin-right: 4px;
|
|
16
|
+
margin-left: -10px;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
.source-code-pane {
|
|
20
|
+
flex: 1;
|
|
21
|
+
overflow-y: auto;
|
|
22
|
+
height: 100%;
|
|
23
|
+
}
|
|
24
|
+
}
|
package/lib/demo/index.js
CHANGED
|
@@ -9,8 +9,7 @@ var _lowcodeEngine = require("@alilc/lowcode-engine");
|
|
|
9
9
|
var _lowcodePluginComponentsPane = _interopRequireDefault(require("@alilc/lowcode-plugin-components-pane"));
|
|
10
10
|
var _lowcodePluginInject = _interopRequireWildcard(require("@alilc/lowcode-plugin-inject"));
|
|
11
11
|
var _ = _interopRequireDefault(require("../"));
|
|
12
|
-
function
|
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
|
|
14
13
|
var preference = new Map();
|
|
15
14
|
preference.set('DataSourcePane', {
|
|
16
15
|
importPlugins: [],
|
|
@@ -23,39 +22,38 @@ preference.set('DataSourcePane', {
|
|
|
23
22
|
(function () {
|
|
24
23
|
var _main = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
|
|
25
24
|
var setterRegistry;
|
|
26
|
-
return _regenerator["default"].wrap(function
|
|
25
|
+
return _regenerator["default"].wrap(function (_context4) {
|
|
27
26
|
while (1) switch (_context4.prev = _context4.next) {
|
|
28
27
|
case 0:
|
|
29
|
-
_context4.next =
|
|
28
|
+
_context4.next = 1;
|
|
30
29
|
return _lowcodeEngine.plugins.register(_lowcodePluginInject["default"]);
|
|
31
|
-
case
|
|
32
|
-
_context4.next =
|
|
30
|
+
case 1:
|
|
31
|
+
_context4.next = 2;
|
|
33
32
|
return _lowcodeEngine.plugins.register(Object.assign(function (ctx) {
|
|
34
33
|
return {
|
|
35
34
|
name: 'editor-init',
|
|
36
35
|
init: function init() {
|
|
37
36
|
return (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
|
|
38
|
-
var assets, schema;
|
|
39
|
-
return _regenerator["default"].wrap(function
|
|
37
|
+
var assets, schema, _t;
|
|
38
|
+
return _regenerator["default"].wrap(function (_context) {
|
|
40
39
|
while (1) switch (_context.prev = _context.next) {
|
|
41
40
|
case 0:
|
|
42
|
-
_context.next =
|
|
41
|
+
_context.next = 1;
|
|
43
42
|
return fetchJSON('/assets.json');
|
|
44
|
-
case
|
|
43
|
+
case 1:
|
|
45
44
|
assets = _context.sent;
|
|
46
|
-
|
|
47
|
-
_context.next =
|
|
45
|
+
_t = ctx.material;
|
|
46
|
+
_context.next = 2;
|
|
48
47
|
return (0, _lowcodePluginInject.injectAssets)(assets);
|
|
49
|
-
case
|
|
50
|
-
|
|
51
|
-
_context.
|
|
52
|
-
_context.next = 10;
|
|
48
|
+
case 2:
|
|
49
|
+
_t.setAssets.call(_t, _context.sent);
|
|
50
|
+
_context.next = 3;
|
|
53
51
|
return fetchJSON('/schema.json');
|
|
54
|
-
case
|
|
52
|
+
case 3:
|
|
55
53
|
schema = _context.sent;
|
|
56
54
|
// 加载 schema
|
|
57
55
|
ctx.project.openDocument(schema);
|
|
58
|
-
case
|
|
56
|
+
case 4:
|
|
59
57
|
case "end":
|
|
60
58
|
return _context.stop();
|
|
61
59
|
}
|
|
@@ -66,8 +64,8 @@ preference.set('DataSourcePane', {
|
|
|
66
64
|
}, {
|
|
67
65
|
pluginName: 'editorInit'
|
|
68
66
|
}));
|
|
69
|
-
case
|
|
70
|
-
_context4.next =
|
|
67
|
+
case 2:
|
|
68
|
+
_context4.next = 3;
|
|
71
69
|
return _lowcodeEngine.plugins.register(Object.assign(function (ctx) {
|
|
72
70
|
return {
|
|
73
71
|
name: 'builtin-plugin-registry',
|
|
@@ -75,7 +73,7 @@ preference.set('DataSourcePane', {
|
|
|
75
73
|
return (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
|
|
76
74
|
var _componentsPane$disab;
|
|
77
75
|
var skeleton, project, componentsPane;
|
|
78
|
-
return _regenerator["default"].wrap(function
|
|
76
|
+
return _regenerator["default"].wrap(function (_context2) {
|
|
79
77
|
while (1) switch (_context2.prev = _context2.next) {
|
|
80
78
|
case 0:
|
|
81
79
|
skeleton = ctx.skeleton, project = ctx.project; // 注册组件面板
|
|
@@ -120,7 +118,7 @@ preference.set('DataSourcePane', {
|
|
|
120
118
|
align: 'left'
|
|
121
119
|
}
|
|
122
120
|
});
|
|
123
|
-
case
|
|
121
|
+
case 1:
|
|
124
122
|
case "end":
|
|
125
123
|
return _context2.stop();
|
|
126
124
|
}
|
|
@@ -131,10 +129,10 @@ preference.set('DataSourcePane', {
|
|
|
131
129
|
}, {
|
|
132
130
|
pluginName: 'builtinPluginRegistry'
|
|
133
131
|
}));
|
|
134
|
-
case
|
|
135
|
-
_context4.next =
|
|
132
|
+
case 3:
|
|
133
|
+
_context4.next = 4;
|
|
136
134
|
return _lowcodeEngine.plugins.register(_["default"]);
|
|
137
|
-
case
|
|
135
|
+
case 4:
|
|
138
136
|
// 设置内置 setter 和事件绑定、插件绑定面板
|
|
139
137
|
setterRegistry = function setterRegistry(ctx) {
|
|
140
138
|
var _AliLowCodeEngineExt = window.AliLowCodeEngineExt,
|
|
@@ -145,7 +143,7 @@ preference.set('DataSourcePane', {
|
|
|
145
143
|
init: function init() {
|
|
146
144
|
return (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
|
|
147
145
|
var setters, skeleton;
|
|
148
|
-
return _regenerator["default"].wrap(function
|
|
146
|
+
return _regenerator["default"].wrap(function (_context3) {
|
|
149
147
|
while (1) switch (_context3.prev = _context3.next) {
|
|
150
148
|
case 0:
|
|
151
149
|
setters = ctx.setters, skeleton = ctx.skeleton; // 注册setterMap
|
|
@@ -168,7 +166,7 @@ preference.set('DataSourcePane', {
|
|
|
168
166
|
name: 'variableBindDialog',
|
|
169
167
|
props: {}
|
|
170
168
|
});
|
|
171
|
-
case
|
|
169
|
+
case 1:
|
|
172
170
|
case "end":
|
|
173
171
|
return _context3.stop();
|
|
174
172
|
}
|
|
@@ -178,9 +176,9 @@ preference.set('DataSourcePane', {
|
|
|
178
176
|
};
|
|
179
177
|
};
|
|
180
178
|
setterRegistry.pluginName = 'setterRegistry';
|
|
181
|
-
_context4.next =
|
|
179
|
+
_context4.next = 5;
|
|
182
180
|
return _lowcodeEngine.plugins.register(setterRegistry);
|
|
183
|
-
case
|
|
181
|
+
case 5:
|
|
184
182
|
// 初始化设计器
|
|
185
183
|
(0, _lowcodeEngine.init)(document.getElementById('lce-container'), {
|
|
186
184
|
// designMode: 'live',
|
|
@@ -193,7 +191,7 @@ preference.set('DataSourcePane', {
|
|
|
193
191
|
// 这里因为用的是 unpkg,在不同 npm 包,engine-core.js 和 react-simulator-renderer.js 是不同路径
|
|
194
192
|
simulatorUrl: ['https://alifd.alicdn.com/npm/@alilc/lowcode-react-simulator-renderer@beta/dist/css/react-simulator-renderer.css', 'https://alifd.alicdn.com/npm/@alilc/lowcode-react-simulator-renderer@beta/dist/js/react-simulator-renderer.js']
|
|
195
193
|
}, preference);
|
|
196
|
-
case
|
|
194
|
+
case 6:
|
|
197
195
|
case "end":
|
|
198
196
|
return _context4.stop();
|
|
199
197
|
}
|
|
@@ -210,15 +208,15 @@ function fetchJSON(_x) {
|
|
|
210
208
|
function _fetchJSON() {
|
|
211
209
|
_fetchJSON = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(url) {
|
|
212
210
|
var res;
|
|
213
|
-
return _regenerator["default"].wrap(function
|
|
211
|
+
return _regenerator["default"].wrap(function (_context5) {
|
|
214
212
|
while (1) switch (_context5.prev = _context5.next) {
|
|
215
213
|
case 0:
|
|
216
|
-
_context5.next =
|
|
214
|
+
_context5.next = 1;
|
|
217
215
|
return fetch(url);
|
|
218
|
-
case
|
|
216
|
+
case 1:
|
|
219
217
|
res = _context5.sent;
|
|
220
218
|
return _context5.abrupt("return", res.json());
|
|
221
|
-
case
|
|
219
|
+
case 2:
|
|
222
220
|
case "end":
|
|
223
221
|
return _context5.stop();
|
|
224
222
|
}
|