@zhubangyun/lowcode-core 1.1.1 → 1.1.3
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/es/components/layout/index.d.ts +3 -0
- package/es/components/layout/index.js +7 -5
- package/es/components/layout/index.less +1 -8
- package/lib/components/layout/index.d.ts +3 -0
- package/lib/components/layout/index.js +7 -5
- package/lib/components/layout/index.less +1 -8
- package/package.json +2 -4
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { CSSProperties, ReactNode } from "react";
|
|
2
2
|
import "./index.less";
|
|
3
3
|
export declare function Layout(props: {
|
|
4
|
+
className?: string;
|
|
4
5
|
header?: ReactNode;
|
|
5
6
|
footer?: ReactNode;
|
|
6
7
|
left?: ReactNode;
|
|
@@ -15,6 +16,7 @@ export declare function Layout(props: {
|
|
|
15
16
|
};
|
|
16
17
|
}): import("react").JSX.Element;
|
|
17
18
|
export declare function LayoutVertical(props: {
|
|
19
|
+
className?: string;
|
|
18
20
|
header?: ReactNode;
|
|
19
21
|
footer?: ReactNode;
|
|
20
22
|
children?: ReactNode;
|
|
@@ -24,6 +26,7 @@ export declare function LayoutVertical(props: {
|
|
|
24
26
|
};
|
|
25
27
|
}): import("react").JSX.Element;
|
|
26
28
|
export declare function LayoutHorizontal(props: {
|
|
29
|
+
className?: string;
|
|
27
30
|
left?: ReactNode;
|
|
28
31
|
right?: ReactNode;
|
|
29
32
|
children?: ReactNode;
|
|
@@ -2,16 +2,18 @@ import "./index.less";
|
|
|
2
2
|
export function Layout(props) {
|
|
3
3
|
var _props$styles;
|
|
4
4
|
return /*#__PURE__*/React.createElement("main", {
|
|
5
|
-
className: "layout",
|
|
5
|
+
className: "layout " + (props.className || ""),
|
|
6
6
|
style: {
|
|
7
7
|
flexDirection: "column"
|
|
8
8
|
}
|
|
9
9
|
}, /*#__PURE__*/React.createElement(LayoutVertical, {
|
|
10
10
|
footer: props.footer,
|
|
11
|
-
header: props.header
|
|
11
|
+
header: props.header,
|
|
12
|
+
styles: props.styles
|
|
12
13
|
}, /*#__PURE__*/React.createElement(LayoutHorizontal, {
|
|
13
14
|
left: props.left,
|
|
14
|
-
right: props.right
|
|
15
|
+
right: props.right,
|
|
16
|
+
styles: props.styles
|
|
15
17
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16
18
|
style: (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.content,
|
|
17
19
|
className: "layout-content"
|
|
@@ -31,7 +33,7 @@ export function LayoutVertical(props) {
|
|
|
31
33
|
style: (_props$styles3 = props.styles) === null || _props$styles3 === void 0 ? void 0 : _props$styles3.footer
|
|
32
34
|
}, props.footer) : undefined;
|
|
33
35
|
return /*#__PURE__*/React.createElement("main", {
|
|
34
|
-
className: "layout-vertical",
|
|
36
|
+
className: "layout-vertical " + (props.className || ""),
|
|
35
37
|
style: {
|
|
36
38
|
flexDirection: "column",
|
|
37
39
|
overflow: "hidden"
|
|
@@ -51,7 +53,7 @@ export function LayoutHorizontal(props) {
|
|
|
51
53
|
style: (_props$styles5 = props.styles) === null || _props$styles5 === void 0 ? void 0 : _props$styles5.right
|
|
52
54
|
}, props.right) : undefined;
|
|
53
55
|
return /*#__PURE__*/React.createElement("main", {
|
|
54
|
-
className: "layout-horizontal",
|
|
56
|
+
className: "layout-horizontal " + (props.className || ""),
|
|
55
57
|
style: {
|
|
56
58
|
flexDirection: "row"
|
|
57
59
|
}
|
|
@@ -3,18 +3,11 @@
|
|
|
3
3
|
.layout-horizontal {
|
|
4
4
|
height: 100%;
|
|
5
5
|
display: flex;
|
|
6
|
-
|
|
7
|
-
aside,
|
|
8
|
-
footer,
|
|
9
|
-
header {
|
|
10
|
-
padding: 12px;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
6
|
}
|
|
14
7
|
|
|
15
8
|
.layout-content {
|
|
16
9
|
height: 100%;
|
|
17
10
|
overflow-y: auto;
|
|
18
11
|
background: #f1f1f1;
|
|
19
|
-
|
|
12
|
+
border-radius: 6px;
|
|
20
13
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { CSSProperties, ReactNode } from "react";
|
|
2
2
|
import "./index.less";
|
|
3
3
|
export declare function Layout(props: {
|
|
4
|
+
className?: string;
|
|
4
5
|
header?: ReactNode;
|
|
5
6
|
footer?: ReactNode;
|
|
6
7
|
left?: ReactNode;
|
|
@@ -15,6 +16,7 @@ export declare function Layout(props: {
|
|
|
15
16
|
};
|
|
16
17
|
}): import("react").JSX.Element;
|
|
17
18
|
export declare function LayoutVertical(props: {
|
|
19
|
+
className?: string;
|
|
18
20
|
header?: ReactNode;
|
|
19
21
|
footer?: ReactNode;
|
|
20
22
|
children?: ReactNode;
|
|
@@ -24,6 +26,7 @@ export declare function LayoutVertical(props: {
|
|
|
24
26
|
};
|
|
25
27
|
}): import("react").JSX.Element;
|
|
26
28
|
export declare function LayoutHorizontal(props: {
|
|
29
|
+
className?: string;
|
|
27
30
|
left?: ReactNode;
|
|
28
31
|
right?: ReactNode;
|
|
29
32
|
children?: ReactNode;
|
|
@@ -8,16 +8,18 @@ require("./index.less");
|
|
|
8
8
|
function Layout(props) {
|
|
9
9
|
var _props$styles;
|
|
10
10
|
return /*#__PURE__*/React.createElement("main", {
|
|
11
|
-
className: "layout",
|
|
11
|
+
className: "layout " + (props.className || ""),
|
|
12
12
|
style: {
|
|
13
13
|
flexDirection: "column"
|
|
14
14
|
}
|
|
15
15
|
}, /*#__PURE__*/React.createElement(LayoutVertical, {
|
|
16
16
|
footer: props.footer,
|
|
17
|
-
header: props.header
|
|
17
|
+
header: props.header,
|
|
18
|
+
styles: props.styles
|
|
18
19
|
}, /*#__PURE__*/React.createElement(LayoutHorizontal, {
|
|
19
20
|
left: props.left,
|
|
20
|
-
right: props.right
|
|
21
|
+
right: props.right,
|
|
22
|
+
styles: props.styles
|
|
21
23
|
}, /*#__PURE__*/React.createElement("div", {
|
|
22
24
|
style: (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.content,
|
|
23
25
|
className: "layout-content"
|
|
@@ -37,7 +39,7 @@ function LayoutVertical(props) {
|
|
|
37
39
|
style: (_props$styles3 = props.styles) === null || _props$styles3 === void 0 ? void 0 : _props$styles3.footer
|
|
38
40
|
}, props.footer) : undefined;
|
|
39
41
|
return /*#__PURE__*/React.createElement("main", {
|
|
40
|
-
className: "layout-vertical",
|
|
42
|
+
className: "layout-vertical " + (props.className || ""),
|
|
41
43
|
style: {
|
|
42
44
|
flexDirection: "column",
|
|
43
45
|
overflow: "hidden"
|
|
@@ -57,7 +59,7 @@ function LayoutHorizontal(props) {
|
|
|
57
59
|
style: (_props$styles5 = props.styles) === null || _props$styles5 === void 0 ? void 0 : _props$styles5.right
|
|
58
60
|
}, props.right) : undefined;
|
|
59
61
|
return /*#__PURE__*/React.createElement("main", {
|
|
60
|
-
className: "layout-horizontal",
|
|
62
|
+
className: "layout-horizontal " + (props.className || ""),
|
|
61
63
|
style: {
|
|
62
64
|
flexDirection: "row"
|
|
63
65
|
}
|
|
@@ -3,18 +3,11 @@
|
|
|
3
3
|
.layout-horizontal {
|
|
4
4
|
height: 100%;
|
|
5
5
|
display: flex;
|
|
6
|
-
|
|
7
|
-
aside,
|
|
8
|
-
footer,
|
|
9
|
-
header {
|
|
10
|
-
padding: 12px;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
6
|
}
|
|
14
7
|
|
|
15
8
|
.layout-content {
|
|
16
9
|
height: 100%;
|
|
17
10
|
overflow-y: auto;
|
|
18
11
|
background: #f1f1f1;
|
|
19
|
-
|
|
12
|
+
border-radius: 6px;
|
|
20
13
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zhubangyun/lowcode-core",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.3",
|
|
4
4
|
"description": "低代码核心",
|
|
5
5
|
"files": [
|
|
6
6
|
"lib",
|
|
@@ -10,18 +10,16 @@
|
|
|
10
10
|
"module": "es/index.js",
|
|
11
11
|
"scripts": {
|
|
12
12
|
"bundle:types": "node bundle-dts.js",
|
|
13
|
-
|
|
14
13
|
"dev": "build-scripts start --config build.dev.json",
|
|
15
|
-
|
|
16
14
|
"build:npm": "build-scripts build",
|
|
17
15
|
"publish:npm": "build-scripts build && npm publish",
|
|
18
|
-
|
|
19
16
|
"build:umd": "build-scripts build --config build.umd.json",
|
|
20
17
|
"publish:umd": "npm run build:umd && node scripts/publishToCdn.ts"
|
|
21
18
|
},
|
|
22
19
|
"dependencies": {
|
|
23
20
|
"@alilc/lowcode-datasource-fetch-handler": "^1.1.4",
|
|
24
21
|
"@zhubangyun/lowcode-renderer-core": "^1.1.3",
|
|
22
|
+
"axios": "^1.7.9",
|
|
25
23
|
"case": "^1.6.3",
|
|
26
24
|
"uuid": "^8.3.2"
|
|
27
25
|
},
|