@donglegeyu/company-ui 1.2.13 → 1.2.14
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/dist/cjs/basic-components/CompanyForm/index.scss +6 -0
- package/dist/cjs/shared-components/SectionTitle/index.js +5 -5
- package/dist/cjs/shared-components/SectionTitle/index.scss +11 -13
- package/dist/cjs/template-components/FormPageTemplate/index.scss +13 -11
- package/dist/es/basic-components/CompanyForm/index.scss +6 -0
- package/dist/es/shared-components/SectionTitle/index.js +8 -8
- package/dist/es/shared-components/SectionTitle/index.scss +11 -13
- package/dist/es/template-components/FormPageTemplate/index.scss +13 -11
- package/package.json +1 -1
|
@@ -26,10 +26,10 @@ var import_index = require("./index.scss");
|
|
|
26
26
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
27
27
|
function SectionTitle({ title, description }) {
|
|
28
28
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `section-title${description ? " section-title-with-desc" : ""}`, children: [
|
|
29
|
-
/* @__PURE__ */ (0, import_jsx_runtime.
|
|
30
|
-
|
|
31
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "section-title-text", children: title })
|
|
32
|
-
|
|
33
|
-
|
|
29
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "section-title-head", children: [
|
|
30
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "section-title-bar" }),
|
|
31
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "section-title-text", children: title })
|
|
32
|
+
] }),
|
|
33
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "section-title-desc", children: description })
|
|
34
34
|
] });
|
|
35
35
|
}
|
|
@@ -2,41 +2,37 @@
|
|
|
2
2
|
box-sizing: border-box;
|
|
3
3
|
display: flex;
|
|
4
4
|
align-items: center;
|
|
5
|
-
gap: 10px;
|
|
6
5
|
height: 38px;
|
|
7
6
|
padding: 8px 0;
|
|
8
7
|
margin-bottom: 8px;
|
|
9
8
|
}
|
|
10
9
|
|
|
10
|
+
.section-title-head {
|
|
11
|
+
display: flex;
|
|
12
|
+
align-items: center;
|
|
13
|
+
gap: 8px;
|
|
14
|
+
}
|
|
15
|
+
|
|
11
16
|
.section-title-bar {
|
|
12
17
|
width: 4px;
|
|
13
18
|
height: 16px;
|
|
14
19
|
border-radius: 12px;
|
|
15
20
|
background: #F95914;
|
|
21
|
+
flex-shrink: 0;
|
|
16
22
|
}
|
|
17
23
|
|
|
18
24
|
.section-title-text {
|
|
19
25
|
font-size: 14px;
|
|
20
26
|
font-weight: 600;
|
|
21
27
|
color: #1D2129;
|
|
28
|
+
line-height: 1.5;
|
|
22
29
|
}
|
|
23
30
|
|
|
24
31
|
.section-title-with-desc {
|
|
25
32
|
height: auto;
|
|
33
|
+
flex-direction: column;
|
|
26
34
|
align-items: flex-start;
|
|
27
35
|
padding: 12px 0;
|
|
28
|
-
|
|
29
|
-
.section-title-bar {
|
|
30
|
-
height: 100%;
|
|
31
|
-
min-height: 16px;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.section-title-content {
|
|
35
|
-
display: flex;
|
|
36
|
-
flex-direction: column;
|
|
37
|
-
gap: 4px;
|
|
38
|
-
line-height: 1.5;
|
|
39
|
-
}
|
|
40
36
|
}
|
|
41
37
|
|
|
42
38
|
.section-title-desc {
|
|
@@ -44,4 +40,6 @@
|
|
|
44
40
|
font-weight: 400;
|
|
45
41
|
color: rgba(29, 33, 41, 0.55);
|
|
46
42
|
line-height: 1.5;
|
|
43
|
+
padding-left: 12px;
|
|
44
|
+
margin-top: 0px;
|
|
47
45
|
}
|
|
@@ -1,37 +1,36 @@
|
|
|
1
1
|
.form-page-template {
|
|
2
|
+
position: absolute;
|
|
3
|
+
inset: 0;
|
|
2
4
|
width: 100%;
|
|
5
|
+
height: 100%;
|
|
6
|
+
min-height: 0;
|
|
3
7
|
display: flex;
|
|
4
8
|
flex-direction: column;
|
|
5
|
-
padding:
|
|
6
|
-
flex-grow: 1;
|
|
7
|
-
align-self: stretch;
|
|
9
|
+
padding: 0 0.75rem;
|
|
8
10
|
z-index: 1;
|
|
9
11
|
overflow: hidden;
|
|
10
12
|
background: #f5f5f5;
|
|
11
13
|
}
|
|
12
14
|
|
|
13
15
|
.form-page-title {
|
|
14
|
-
|
|
15
|
-
top: 0;
|
|
16
|
-
z-index: 20;
|
|
16
|
+
flex-shrink: 0;
|
|
17
17
|
background: var(--ant-color-bg-container);
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
.form-page-container {
|
|
21
|
-
|
|
21
|
+
box-sizing: border-box;
|
|
22
22
|
flex: 1;
|
|
23
|
+
min-height: 0;
|
|
23
24
|
display: flex;
|
|
24
25
|
flex-direction: column;
|
|
25
|
-
flex-grow: 1;
|
|
26
|
-
align-self: stretch;
|
|
27
|
-
z-index: 3;
|
|
28
|
-
border-radius: 0.38rem 0.38rem 0rem 0rem;
|
|
29
26
|
background: #ffffff;
|
|
27
|
+
border-radius: 0.38rem 0.38rem 0 0;
|
|
30
28
|
overflow: hidden;
|
|
31
29
|
}
|
|
32
30
|
|
|
33
31
|
.form-page-content {
|
|
34
32
|
flex: 1;
|
|
33
|
+
min-height: 0;
|
|
35
34
|
overflow-y: auto;
|
|
36
35
|
overflow-x: hidden;
|
|
37
36
|
scrollbar-width: thin;
|
|
@@ -70,10 +69,13 @@
|
|
|
70
69
|
}
|
|
71
70
|
|
|
72
71
|
.form-page-footer {
|
|
72
|
+
flex-shrink: 0;
|
|
73
|
+
|
|
73
74
|
&.fixed {
|
|
74
75
|
position: sticky;
|
|
75
76
|
bottom: 0;
|
|
76
77
|
z-index: 10;
|
|
78
|
+
background: #ffffff;
|
|
77
79
|
}
|
|
78
80
|
|
|
79
81
|
&.static {
|
|
@@ -6,17 +6,17 @@ export default function SectionTitle(_ref) {
|
|
|
6
6
|
description = _ref.description;
|
|
7
7
|
return /*#__PURE__*/_jsxs("div", {
|
|
8
8
|
className: "section-title".concat(description ? ' section-title-with-desc' : ''),
|
|
9
|
-
children: [/*#__PURE__*/
|
|
10
|
-
className: "section-title-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
children: [/*#__PURE__*/_jsxs("div", {
|
|
10
|
+
className: "section-title-head",
|
|
11
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
12
|
+
className: "section-title-bar"
|
|
13
|
+
}), /*#__PURE__*/_jsx("span", {
|
|
14
14
|
className: "section-title-text",
|
|
15
15
|
children: title
|
|
16
|
-
}), description && /*#__PURE__*/_jsx("div", {
|
|
17
|
-
className: "section-title-desc",
|
|
18
|
-
children: description
|
|
19
16
|
})]
|
|
17
|
+
}), description && /*#__PURE__*/_jsx("div", {
|
|
18
|
+
className: "section-title-desc",
|
|
19
|
+
children: description
|
|
20
20
|
})]
|
|
21
21
|
});
|
|
22
22
|
}
|
|
@@ -2,41 +2,37 @@
|
|
|
2
2
|
box-sizing: border-box;
|
|
3
3
|
display: flex;
|
|
4
4
|
align-items: center;
|
|
5
|
-
gap: 10px;
|
|
6
5
|
height: 38px;
|
|
7
6
|
padding: 8px 0;
|
|
8
7
|
margin-bottom: 8px;
|
|
9
8
|
}
|
|
10
9
|
|
|
10
|
+
.section-title-head {
|
|
11
|
+
display: flex;
|
|
12
|
+
align-items: center;
|
|
13
|
+
gap: 8px;
|
|
14
|
+
}
|
|
15
|
+
|
|
11
16
|
.section-title-bar {
|
|
12
17
|
width: 4px;
|
|
13
18
|
height: 16px;
|
|
14
19
|
border-radius: 12px;
|
|
15
20
|
background: #F95914;
|
|
21
|
+
flex-shrink: 0;
|
|
16
22
|
}
|
|
17
23
|
|
|
18
24
|
.section-title-text {
|
|
19
25
|
font-size: 14px;
|
|
20
26
|
font-weight: 600;
|
|
21
27
|
color: #1D2129;
|
|
28
|
+
line-height: 1.5;
|
|
22
29
|
}
|
|
23
30
|
|
|
24
31
|
.section-title-with-desc {
|
|
25
32
|
height: auto;
|
|
33
|
+
flex-direction: column;
|
|
26
34
|
align-items: flex-start;
|
|
27
35
|
padding: 12px 0;
|
|
28
|
-
|
|
29
|
-
.section-title-bar {
|
|
30
|
-
height: 100%;
|
|
31
|
-
min-height: 16px;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.section-title-content {
|
|
35
|
-
display: flex;
|
|
36
|
-
flex-direction: column;
|
|
37
|
-
gap: 4px;
|
|
38
|
-
line-height: 1.5;
|
|
39
|
-
}
|
|
40
36
|
}
|
|
41
37
|
|
|
42
38
|
.section-title-desc {
|
|
@@ -44,4 +40,6 @@
|
|
|
44
40
|
font-weight: 400;
|
|
45
41
|
color: rgba(29, 33, 41, 0.55);
|
|
46
42
|
line-height: 1.5;
|
|
43
|
+
padding-left: 12px;
|
|
44
|
+
margin-top: 0px;
|
|
47
45
|
}
|
|
@@ -1,37 +1,36 @@
|
|
|
1
1
|
.form-page-template {
|
|
2
|
+
position: absolute;
|
|
3
|
+
inset: 0;
|
|
2
4
|
width: 100%;
|
|
5
|
+
height: 100%;
|
|
6
|
+
min-height: 0;
|
|
3
7
|
display: flex;
|
|
4
8
|
flex-direction: column;
|
|
5
|
-
padding:
|
|
6
|
-
flex-grow: 1;
|
|
7
|
-
align-self: stretch;
|
|
9
|
+
padding: 0 0.75rem;
|
|
8
10
|
z-index: 1;
|
|
9
11
|
overflow: hidden;
|
|
10
12
|
background: #f5f5f5;
|
|
11
13
|
}
|
|
12
14
|
|
|
13
15
|
.form-page-title {
|
|
14
|
-
|
|
15
|
-
top: 0;
|
|
16
|
-
z-index: 20;
|
|
16
|
+
flex-shrink: 0;
|
|
17
17
|
background: var(--ant-color-bg-container);
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
.form-page-container {
|
|
21
|
-
|
|
21
|
+
box-sizing: border-box;
|
|
22
22
|
flex: 1;
|
|
23
|
+
min-height: 0;
|
|
23
24
|
display: flex;
|
|
24
25
|
flex-direction: column;
|
|
25
|
-
flex-grow: 1;
|
|
26
|
-
align-self: stretch;
|
|
27
|
-
z-index: 3;
|
|
28
|
-
border-radius: 0.38rem 0.38rem 0rem 0rem;
|
|
29
26
|
background: #ffffff;
|
|
27
|
+
border-radius: 0.38rem 0.38rem 0 0;
|
|
30
28
|
overflow: hidden;
|
|
31
29
|
}
|
|
32
30
|
|
|
33
31
|
.form-page-content {
|
|
34
32
|
flex: 1;
|
|
33
|
+
min-height: 0;
|
|
35
34
|
overflow-y: auto;
|
|
36
35
|
overflow-x: hidden;
|
|
37
36
|
scrollbar-width: thin;
|
|
@@ -70,10 +69,13 @@
|
|
|
70
69
|
}
|
|
71
70
|
|
|
72
71
|
.form-page-footer {
|
|
72
|
+
flex-shrink: 0;
|
|
73
|
+
|
|
73
74
|
&.fixed {
|
|
74
75
|
position: sticky;
|
|
75
76
|
bottom: 0;
|
|
76
77
|
z-index: 10;
|
|
78
|
+
background: #ffffff;
|
|
77
79
|
}
|
|
78
80
|
|
|
79
81
|
&.static {
|