@donglegeyu/company-ui 1.2.12 → 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.
Files changed (11) hide show
  1. package/dist/cjs/basic-components/CompanyForm/index.scss +6 -0
  2. package/dist/cjs/shared-components/SectionTitle/index.d.ts +2 -1
  3. package/dist/cjs/shared-components/SectionTitle/index.js +7 -4
  4. package/dist/cjs/shared-components/SectionTitle/index.scss +24 -1
  5. package/dist/cjs/template-components/FormPageTemplate/index.scss +13 -11
  6. package/dist/es/basic-components/CompanyForm/index.scss +6 -0
  7. package/dist/es/shared-components/SectionTitle/index.d.ts +2 -1
  8. package/dist/es/shared-components/SectionTitle/index.js +14 -7
  9. package/dist/es/shared-components/SectionTitle/index.scss +24 -1
  10. package/dist/es/template-components/FormPageTemplate/index.scss +13 -11
  11. package/package.json +1 -1
package/dist/cjs/basic-components/CompanyForm/index.scss CHANGED
@@ -29,6 +29,12 @@
29
29
  flex-shrink: 0;
30
30
  display: flex;
31
31
  align-items: center;
32
+ align-self: flex-start;
33
+ height: 32px;
34
+ }
35
+
36
+ &.label-top .ant-form-item-label {
37
+ height: auto;
32
38
  }
33
39
 
34
40
  .ant-form-item-label > label {
package/dist/cjs/shared-components/SectionTitle/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import './index.scss';
2
2
  interface SectionTitleProps {
3
3
  title: string;
4
+ description?: string;
4
5
  }
5
- export default function SectionTitle({ title }: SectionTitleProps): import("react/jsx-runtime").JSX.Element;
6
+ export default function SectionTitle({ title, description }: SectionTitleProps): import("react/jsx-runtime").JSX.Element;
6
7
  export {};
package/dist/cjs/shared-components/SectionTitle/index.js CHANGED
@@ -24,9 +24,12 @@ __export(SectionTitle_exports, {
24
24
  module.exports = __toCommonJS(SectionTitle_exports);
25
25
  var import_index = require("./index.scss");
26
26
  var import_jsx_runtime = require("react/jsx-runtime");
27
- function SectionTitle({ title }) {
28
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "section-title", children: [
29
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "section-title-bar" }),
30
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "section-title-text", children: title })
27
+ function SectionTitle({ title, description }) {
28
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `section-title${description ? " section-title-with-desc" : ""}`, children: [
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 })
31
34
  ] });
32
35
  }
package/dist/cjs/shared-components/SectionTitle/index.scss CHANGED
@@ -2,21 +2,44 @@
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;
29
+ }
30
+
31
+ .section-title-with-desc {
32
+ height: auto;
33
+ flex-direction: column;
34
+ align-items: flex-start;
35
+ padding: 12px 0;
36
+ }
37
+
38
+ .section-title-desc {
39
+ font-size: 12px;
40
+ font-weight: 400;
41
+ color: rgba(29, 33, 41, 0.55);
42
+ line-height: 1.5;
43
+ padding-left: 12px;
44
+ margin-top: 0px;
22
45
  }
package/dist/cjs/template-components/FormPageTemplate/index.scss CHANGED
@@ -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: 0rem 0.75rem;
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
- position: sticky;
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
- width: 100%;
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 {
package/dist/es/basic-components/CompanyForm/index.scss CHANGED
@@ -29,6 +29,12 @@
29
29
  flex-shrink: 0;
30
30
  display: flex;
31
31
  align-items: center;
32
+ align-self: flex-start;
33
+ height: 32px;
34
+ }
35
+
36
+ &.label-top .ant-form-item-label {
37
+ height: auto;
32
38
  }
33
39
 
34
40
  .ant-form-item-label > label {
package/dist/es/shared-components/SectionTitle/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import './index.scss';
2
2
  interface SectionTitleProps {
3
3
  title: string;
4
+ description?: string;
4
5
  }
5
- export default function SectionTitle({ title }: SectionTitleProps): import("react/jsx-runtime").JSX.Element;
6
+ export default function SectionTitle({ title, description }: SectionTitleProps): import("react/jsx-runtime").JSX.Element;
6
7
  export {};
package/dist/es/shared-components/SectionTitle/index.js CHANGED
@@ -2,14 +2,21 @@ import "./index.scss";
2
2
  import { jsx as _jsx } from "react/jsx-runtime";
3
3
  import { jsxs as _jsxs } from "react/jsx-runtime";
4
4
  export default function SectionTitle(_ref) {
5
- var title = _ref.title;
5
+ var title = _ref.title,
6
+ description = _ref.description;
6
7
  return /*#__PURE__*/_jsxs("div", {
7
- className: "section-title",
8
- children: [/*#__PURE__*/_jsx("div", {
9
- className: "section-title-bar"
10
- }), /*#__PURE__*/_jsx("span", {
11
- className: "section-title-text",
12
- children: title
8
+ className: "section-title".concat(description ? ' section-title-with-desc' : ''),
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
+ className: "section-title-text",
15
+ children: title
16
+ })]
17
+ }), description && /*#__PURE__*/_jsx("div", {
18
+ className: "section-title-desc",
19
+ children: description
13
20
  })]
14
21
  });
15
22
  }
package/dist/es/shared-components/SectionTitle/index.scss CHANGED
@@ -2,21 +2,44 @@
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;
29
+ }
30
+
31
+ .section-title-with-desc {
32
+ height: auto;
33
+ flex-direction: column;
34
+ align-items: flex-start;
35
+ padding: 12px 0;
36
+ }
37
+
38
+ .section-title-desc {
39
+ font-size: 12px;
40
+ font-weight: 400;
41
+ color: rgba(29, 33, 41, 0.55);
42
+ line-height: 1.5;
43
+ padding-left: 12px;
44
+ margin-top: 0px;
22
45
  }
package/dist/es/template-components/FormPageTemplate/index.scss CHANGED
@@ -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: 0rem 0.75rem;
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
- position: sticky;
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
- width: 100%;
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 {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@donglegeyu/company-ui",
3
- "version": "1.2.12",
3
+ "version": "1.2.14",
4
4
  "main": "dist/cjs/index.js",
5
5
  "module": "dist/es/index.js",
6
6
  "types": "dist/es/index.d.ts",