@zykj2024/much-library 1.0.10-beta.3 → 1.0.10-beta.4
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/McContainer/index.js +7 -3
- package/dist/McInput/index.css +40 -0
- package/package.json +1 -1
|
@@ -304,7 +304,8 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
304
304
|
style: {
|
|
305
305
|
marginLeft: 16,
|
|
306
306
|
fontSize: 12,
|
|
307
|
-
padding: 0
|
|
307
|
+
padding: 0,
|
|
308
|
+
gap: 4
|
|
308
309
|
},
|
|
309
310
|
onClick: function onClick() {
|
|
310
311
|
return setCollapse(function (os) {
|
|
@@ -313,8 +314,7 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
313
314
|
},
|
|
314
315
|
children: [collapse ? '展开' : '收起', /*#__PURE__*/_jsx(DoubleLeftOutlined, {
|
|
315
316
|
style: {
|
|
316
|
-
fontSize: 12
|
|
317
|
-
marginLeft: 2
|
|
317
|
+
fontSize: 12
|
|
318
318
|
},
|
|
319
319
|
rotate: collapse ? -90 : 90
|
|
320
320
|
})]
|
|
@@ -325,10 +325,14 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
325
325
|
}), actionBar && /*#__PURE__*/_jsx("div", {
|
|
326
326
|
ref: actionBarRef,
|
|
327
327
|
className: "mc-container__action-bar",
|
|
328
|
+
style: {
|
|
329
|
+
backgroundColor: backgroundColor
|
|
330
|
+
},
|
|
328
331
|
children: actionBar
|
|
329
332
|
}), batchNum > 0 && /*#__PURE__*/_jsx("div", {
|
|
330
333
|
className: "mc-container__batch-bar",
|
|
331
334
|
style: {
|
|
335
|
+
backgroundColor: backgroundColor,
|
|
332
336
|
top: actionBarHeight ? actionBarHeight - 24 : 0
|
|
333
337
|
},
|
|
334
338
|
children: /*#__PURE__*/_jsxs("div", {
|
package/dist/McInput/index.css
CHANGED
|
@@ -42,3 +42,43 @@
|
|
|
42
42
|
color: #b3b3b3;
|
|
43
43
|
font-size: 12px;
|
|
44
44
|
}
|
|
45
|
+
.mc-input {
|
|
46
|
+
/* 针对第一个 addon */
|
|
47
|
+
/* 针对最后一个 addon */
|
|
48
|
+
}
|
|
49
|
+
.mc-input .ant-input-wrapper .ant-input-group-addon:first-of-type::after {
|
|
50
|
+
content: '';
|
|
51
|
+
position: absolute;
|
|
52
|
+
right: 0;
|
|
53
|
+
/* 定位到右侧 */
|
|
54
|
+
top: 50%;
|
|
55
|
+
/* 居中对齐 */
|
|
56
|
+
-webkit-transform: translateY(-50%);
|
|
57
|
+
-ms-transform: translateY(-50%);
|
|
58
|
+
transform: translateY(-50%);
|
|
59
|
+
/* 垂直居中 */
|
|
60
|
+
height: 50%;
|
|
61
|
+
/* 竖线高度为输入框高度的 50% */
|
|
62
|
+
width: 1px;
|
|
63
|
+
/* 竖线宽度 */
|
|
64
|
+
background-color: #d8d8d8;
|
|
65
|
+
/* 竖线颜色 */
|
|
66
|
+
}
|
|
67
|
+
.mc-input .ant-input-wrapper .ant-input-group-addon:last-of-type::before {
|
|
68
|
+
content: '';
|
|
69
|
+
position: absolute;
|
|
70
|
+
left: 0;
|
|
71
|
+
/* 定位到右侧 */
|
|
72
|
+
top: 50%;
|
|
73
|
+
/* 居中对齐 */
|
|
74
|
+
-webkit-transform: translateY(-50%);
|
|
75
|
+
-ms-transform: translateY(-50%);
|
|
76
|
+
transform: translateY(-50%);
|
|
77
|
+
/* 垂直居中 */
|
|
78
|
+
height: 50%;
|
|
79
|
+
/* 竖线高度为输入框高度的 50% */
|
|
80
|
+
width: 1px;
|
|
81
|
+
/* 竖线宽度 */
|
|
82
|
+
background-color: #d8d8d8;
|
|
83
|
+
/* 竖线颜色 */
|
|
84
|
+
}
|