ls-pro-common 3.0.22 → 3.0.23
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/common.css +24 -7
- package/dist/common.js +1 -1
- package/dist/common.min.css +24 -7
- package/dist/common.min.js +1 -1
- package/es/components/DescritionCard.js +3 -11
- package/es/components/common.less +28 -24
- package/lib/components/DescritionCard.js +3 -11
- package/lib/components/common.less +28 -24
- package/package.json +1 -1
|
@@ -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("
|
|
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
|
-
|
|
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,46 @@ 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:
|
|
328
|
+
height: 38px;
|
|
329
|
+
padding: 12px;
|
|
330
|
+
background-color: #F4F7FD;
|
|
328
331
|
}
|
|
329
332
|
|
|
330
333
|
.ant-pro-card-body {
|
|
331
|
-
padding: 12px
|
|
334
|
+
padding: 20px 12px;
|
|
332
335
|
}
|
|
333
336
|
|
|
334
337
|
.ant-pro-card-header-border {
|
|
335
|
-
border-bottom: 1px solid #
|
|
338
|
+
border-bottom: 1px solid #EAEEF2;
|
|
336
339
|
}
|
|
337
|
-
}
|
|
338
|
-
|
|
339
|
-
.has-background {
|
|
340
|
-
background: #f6fafe;
|
|
341
340
|
|
|
342
341
|
.ant-descriptions-row>td,
|
|
343
342
|
.ant-descriptions-row>th {
|
|
344
|
-
padding-bottom:
|
|
343
|
+
padding-bottom: 12px
|
|
345
344
|
}
|
|
345
|
+
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
.has-background {
|
|
349
|
+
background: #f6fafe;
|
|
346
350
|
}
|
|
347
351
|
|
|
348
352
|
|
|
@@ -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("
|
|
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
|
-
|
|
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,46 @@ 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:
|
|
328
|
+
height: 38px;
|
|
329
|
+
padding: 12px;
|
|
330
|
+
background-color: #F4F7FD;
|
|
328
331
|
}
|
|
329
332
|
|
|
330
333
|
.ant-pro-card-body {
|
|
331
|
-
padding: 12px
|
|
334
|
+
padding: 20px 12px;
|
|
332
335
|
}
|
|
333
336
|
|
|
334
337
|
.ant-pro-card-header-border {
|
|
335
|
-
border-bottom: 1px solid #
|
|
338
|
+
border-bottom: 1px solid #EAEEF2;
|
|
336
339
|
}
|
|
337
|
-
}
|
|
338
|
-
|
|
339
|
-
.has-background {
|
|
340
|
-
background: #f6fafe;
|
|
341
340
|
|
|
342
341
|
.ant-descriptions-row>td,
|
|
343
342
|
.ant-descriptions-row>th {
|
|
344
|
-
padding-bottom:
|
|
343
|
+
padding-bottom: 12px
|
|
345
344
|
}
|
|
345
|
+
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
.has-background {
|
|
349
|
+
background: #f6fafe;
|
|
346
350
|
}
|
|
347
351
|
|
|
348
352
|
|