ls-pro-common 3.0.22 → 3.0.24

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.
@@ -27,23 +27,15 @@ function DescritionCard(props) {
27
27
  setCollapsed = _useState2[1];
28
28
  var titleLayout = useMemo(function () {
29
29
  if (typeof title === 'string') {
30
- return /*#__PURE__*/React.createElement("div", {
31
- className: 'description-card-title'
32
- }, /*#__PURE__*/React.createElement("span", null, title));
33
- } else {
34
- return title;
30
+ return /*#__PURE__*/React.createElement("span", null, title);
35
31
  }
32
+ return title;
36
33
  }, [title]);
37
34
  var collapsedDom = useMemo(function () {
38
35
  if (!collapsible) return null;
39
36
  return /*#__PURE__*/React.createElement(UpOutlined, {
40
37
  rotate: !!collapsed ? 180 : undefined,
41
- style: {
42
- margin: 'auto',
43
- marginLeft: '24px',
44
- fontSize: '16px',
45
- color: 'var(--ant-primary-color, #4997e6)'
46
- },
38
+ className: "btn-expand",
47
39
  onClick: function onClick() {
48
40
  setCollapsed(!collapsed);
49
41
  },
@@ -145,23 +145,7 @@ body.theme-yellow {
145
145
  justify-items: center;
146
146
  padding: 8px 20px;
147
147
  background: #fff;
148
- // border-bottom: 1px solid #f0f0f0;
149
148
 
150
- // .dtl-back {
151
- // display : flex;
152
- // align-items : center;
153
- // padding-right: 5px;
154
-
155
- // >span {
156
- // padding : 3px;
157
- // border-radius: 2px;
158
-
159
- // &:hover {
160
- // background: var(--ant-primary-2);
161
- // color : var(--ant-primary-color)
162
- // }
163
- // }
164
- // }
165
149
 
166
150
  .dtl-title {
167
151
  font-size: 16px;
@@ -323,26 +307,47 @@ a:hover {
323
307
 
324
308
  .description-card {
325
309
 
310
+ border: solid 1px #EAEEF2;
311
+
312
+ &.ant-pro-card {
313
+ box-shadow: none;
314
+ }
315
+
316
+ .btn-expand {
317
+ margin: auto;
318
+ margin-left: 20px;
319
+ font-size: 13px;
320
+ color: #8C8C8C;
321
+
322
+ :hover {
323
+ color: var(--ant-primary-color)
324
+ }
325
+ }
326
+
326
327
  .ant-pro-card-header {
327
- height: 50px;
328
+ height: 38px;
329
+ padding: 12px;
330
+ background-color: #F4F7FD;
331
+ border-radius: 8px 8px 0 0;
328
332
  }
329
333
 
330
334
  .ant-pro-card-body {
331
- padding: 12px 24px 2px;
335
+ padding: 20px 12px;
332
336
  }
333
337
 
334
338
  .ant-pro-card-header-border {
335
- border-bottom: 1px solid #dbeafa;
339
+ border-bottom: 1px solid #EAEEF2;
336
340
  }
337
- }
338
-
339
- .has-background {
340
- background: #f6fafe;
341
341
 
342
342
  .ant-descriptions-row>td,
343
343
  .ant-descriptions-row>th {
344
- padding-bottom: 10px
344
+ padding-bottom: 12px
345
345
  }
346
+
347
+ }
348
+
349
+ .has-background {
350
+ background: #f6fafe;
346
351
  }
347
352
 
348
353
 
@@ -35,23 +35,15 @@ function DescritionCard(props) {
35
35
  setCollapsed = _useState2[1];
36
36
  var titleLayout = (0, _react.useMemo)(function () {
37
37
  if (typeof title === 'string') {
38
- return /*#__PURE__*/_react.default.createElement("div", {
39
- className: 'description-card-title'
40
- }, /*#__PURE__*/_react.default.createElement("span", null, title));
41
- } else {
42
- return title;
38
+ return /*#__PURE__*/_react.default.createElement("span", null, title);
43
39
  }
40
+ return title;
44
41
  }, [title]);
45
42
  var collapsedDom = (0, _react.useMemo)(function () {
46
43
  if (!collapsible) return null;
47
44
  return /*#__PURE__*/_react.default.createElement(_icons.UpOutlined, {
48
45
  rotate: !!collapsed ? 180 : undefined,
49
- style: {
50
- margin: 'auto',
51
- marginLeft: '24px',
52
- fontSize: '16px',
53
- color: 'var(--ant-primary-color, #4997e6)'
54
- },
46
+ className: "btn-expand",
55
47
  onClick: function onClick() {
56
48
  setCollapsed(!collapsed);
57
49
  },
@@ -145,23 +145,7 @@ body.theme-yellow {
145
145
  justify-items: center;
146
146
  padding: 8px 20px;
147
147
  background: #fff;
148
- // border-bottom: 1px solid #f0f0f0;
149
148
 
150
- // .dtl-back {
151
- // display : flex;
152
- // align-items : center;
153
- // padding-right: 5px;
154
-
155
- // >span {
156
- // padding : 3px;
157
- // border-radius: 2px;
158
-
159
- // &:hover {
160
- // background: var(--ant-primary-2);
161
- // color : var(--ant-primary-color)
162
- // }
163
- // }
164
- // }
165
149
 
166
150
  .dtl-title {
167
151
  font-size: 16px;
@@ -323,26 +307,47 @@ a:hover {
323
307
 
324
308
  .description-card {
325
309
 
310
+ border: solid 1px #EAEEF2;
311
+
312
+ &.ant-pro-card {
313
+ box-shadow: none;
314
+ }
315
+
316
+ .btn-expand {
317
+ margin: auto;
318
+ margin-left: 20px;
319
+ font-size: 13px;
320
+ color: #8C8C8C;
321
+
322
+ :hover {
323
+ color: var(--ant-primary-color)
324
+ }
325
+ }
326
+
326
327
  .ant-pro-card-header {
327
- height: 50px;
328
+ height: 38px;
329
+ padding: 12px;
330
+ background-color: #F4F7FD;
331
+ border-radius: 8px 8px 0 0;
328
332
  }
329
333
 
330
334
  .ant-pro-card-body {
331
- padding: 12px 24px 2px;
335
+ padding: 20px 12px;
332
336
  }
333
337
 
334
338
  .ant-pro-card-header-border {
335
- border-bottom: 1px solid #dbeafa;
339
+ border-bottom: 1px solid #EAEEF2;
336
340
  }
337
- }
338
-
339
- .has-background {
340
- background: #f6fafe;
341
341
 
342
342
  .ant-descriptions-row>td,
343
343
  .ant-descriptions-row>th {
344
- padding-bottom: 10px
344
+ padding-bottom: 12px
345
345
  }
346
+
347
+ }
348
+
349
+ .has-background {
350
+ background: #f6fafe;
346
351
  }
347
352
 
348
353
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ls-pro-common",
3
- "version": "3.0.22",
3
+ "version": "3.0.24",
4
4
  "description": "ls-pro-common",
5
5
  "license": "MIT",
6
6
  "sideEffects": [