@kmkf-fe-packages/basic-components 2.0.52 → 2.0.53
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/index.esm.js +19 -6
- package/dist/index.js +19 -6
- package/package.json +3 -3
package/dist/index.esm.js
CHANGED
|
@@ -1176,8 +1176,8 @@ var ApaasUploadAsync = function ApaasUploadAsync(_ref, ref) {
|
|
|
1176
1176
|
};
|
|
1177
1177
|
var index = /*#__PURE__*/forwardRef(ApaasUploadAsync);
|
|
1178
1178
|
|
|
1179
|
-
var css_248z$2 = ".index-module_imageProBox__1u84Y {\n display: flex;\n flex-wrap: wrap;\n}\n.index-module_imageProBox__1u84Y .ant-upload-picture-card-wrapper {\n width: auto;\n}\n.index-module_imageProBox__1u84Y .index-module_inputImage__nm5jb {\n width: 105px;\n height: 105px;\n border: 1px dashed #ccc;\n outline: none;\n background-color: rgba(0, 0, 0, 0);\n text-indent: 8px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageShow__1cG2j {\n padding: 8px;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo {\n display: flex;\n width: 280px;\n height: 105px;\n
|
|
1180
|
-
var styles$2 = {"imageProBox":"index-module_imageProBox__1u84Y","inputImage":"index-module_inputImage__nm5jb","imageShow":"index-module_imageShow__1cG2j","imageProWrap":"index-module_imageProWrap__sx8lo","-webkit-mask":"index-module_mask__L3q8p","mask":"index-module_mask__L3q8p","imageProInfo":"index-module_imageProInfo__iHM0C","imageProRight":"index-module_imageProRight__3rPiY","imageProOperate":"index-module_imageProOperate__1hFcg","
|
|
1179
|
+
var css_248z$2 = ".index-module_imageProBox__1u84Y {\n display: flex;\n flex-wrap: wrap;\n}\n.index-module_imageProBox__1u84Y .ant-upload-picture-card-wrapper {\n width: auto;\n}\n.index-module_imageProBox__1u84Y .index-module_inputImage__nm5jb {\n width: 105px;\n height: 105px;\n border: 1px dashed #ccc;\n outline: none;\n background-color: rgba(0, 0, 0, 0);\n text-indent: 8px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageShow__1cG2j {\n padding: 8px;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo {\n display: flex;\n width: 280px;\n height: 105px;\n border-radius: 5px;\n background-color: rgba(240, 241, 242, 0.72);\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo textarea {\n max-width: 174px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo:hover .index-module_mask__L3q8p:before {\n opacity: 1;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo .index-module_imageProInfo__iHM0C {\n width: 80px;\n height: 80px;\n border-radius: 5px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo img {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo .index-module_imageProRight__3rPiY {\n position: relative;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo .index-module_imageProOperate__1hFcg {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n}\n.index-module_imageProBox__1u84Y .index-module_mask__L3q8p {\n position: relative;\n height: 100%;\n overflow: hidden;\n}\n.index-module_imageProBox__1u84Y .index-module_mask__L3q8p::before {\n position: absolute;\n z-index: 1;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n opacity: 0;\n transition: all 0.3s;\n content: ' ';\n}\n.index-module_imageProBox__1u84Y .index-module_mask__L3q8p:hover .index-module_actions__3Wwry {\n opacity: 1;\n}\n.index-module_imageProBox__1u84Y .index-module_mask__L3q8p .index-module_actions__3Wwry {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 10;\n white-space: nowrap;\n transform: translate(-50%, -50%);\n opacity: 0;\n transition: all 0.3s;\n}\n.index-module_imageProBox__1u84Y .index-module_mask__L3q8p .index-module_actions__3Wwry .index-module_icon__3oJ-1 {\n font-size: 16px;\n color: #fff;\n padding: 0 4px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProPaste__22O8e {\n display: inline-block;\n margin-right: 8px !important;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProPaste__22O8e .index-module_fakeBox__3EXNG {\n width: 105px;\n height: 105px;\n border-radius: 2px;\n background: #F2F3F5;\n text-align: center;\n color: #86909C;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProPaste__22O8e .index-module_fakeBox__3EXNG .index-module_addBtn__1Dv95 {\n color: #86909C;\n}\n.index-module_imageProBox__1u84Y .index-module_uploadPro__3rAkl .ant-upload {\n height: 105px !important;\n width: 105px !important;\n border: none;\n background-color: #F2F3F5;\n color: #86909C;\n}\n.index-module_imageProBox__1u84Y .index-module_uploadPro__3rAkl .ant-upload .index-module_addBtn__1Dv95 {\n color: #86909C;\n}\n.index-module_tips__z9Yjd {\n color: #4E5969;\n font-size: 12px;\n}\n";
|
|
1180
|
+
var styles$2 = {"imageProBox":"index-module_imageProBox__1u84Y","inputImage":"index-module_inputImage__nm5jb","imageShow":"index-module_imageShow__1cG2j","imageProWrap":"index-module_imageProWrap__sx8lo","-webkit-mask":"index-module_mask__L3q8p","mask":"index-module_mask__L3q8p","imageProInfo":"index-module_imageProInfo__iHM0C","imageProRight":"index-module_imageProRight__3rPiY","imageProOperate":"index-module_imageProOperate__1hFcg","actions":"index-module_actions__3Wwry","icon":"index-module_icon__3oJ-1","imageProPaste":"index-module_imageProPaste__22O8e","fakeBox":"index-module_fakeBox__3EXNG","addBtn":"index-module_addBtn__1Dv95","uploadPro":"index-module_uploadPro__3rAkl","tips":"index-module_tips__z9Yjd"};
|
|
1181
1181
|
styleInject(css_248z$2);
|
|
1182
1182
|
|
|
1183
1183
|
var _excluded$7 = ["maxCount", "maxSize", "uploadText", "onChange", "value", "accept", "disabled", "uniqueKey", "hostUrl", "actionUrl", "platform"];
|
|
@@ -1373,9 +1373,17 @@ var ApaasUploadProAsync = function ApaasUploadProAsync(_ref, ref) {
|
|
|
1373
1373
|
var showImage = /^pic\/[\s\S]*$/.test(image.url) ? "".concat(hostUrl, "/").concat(image.url) : image.url;
|
|
1374
1374
|
return /*#__PURE__*/React.createElement("div", {
|
|
1375
1375
|
className: styles$2.imageProWrap,
|
|
1376
|
+
style: {
|
|
1377
|
+
padding: '8px',
|
|
1378
|
+
marginBottom: '8px',
|
|
1379
|
+
marginRight: '8px'
|
|
1380
|
+
},
|
|
1376
1381
|
key: index
|
|
1377
1382
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1378
|
-
className: styles$2.imageProInfo
|
|
1383
|
+
className: styles$2.imageProInfo,
|
|
1384
|
+
style: {
|
|
1385
|
+
marginRight: '8px'
|
|
1386
|
+
}
|
|
1379
1387
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
1380
1388
|
src: finalImage,
|
|
1381
1389
|
preview: {
|
|
@@ -1406,7 +1414,9 @@ var ApaasUploadProAsync = function ApaasUploadProAsync(_ref, ref) {
|
|
|
1406
1414
|
}), /*#__PURE__*/React.createElement("div", {
|
|
1407
1415
|
className: styles$2.imageProOperate
|
|
1408
1416
|
}, /*#__PURE__*/React.createElement(CloseOutlined, {
|
|
1409
|
-
|
|
1417
|
+
style: {
|
|
1418
|
+
color: '#1890ff'
|
|
1419
|
+
},
|
|
1410
1420
|
onClick: handleDelete(index)
|
|
1411
1421
|
}))));
|
|
1412
1422
|
}));
|
|
@@ -1439,9 +1449,12 @@ var ApaasUploadProAsync = function ApaasUploadProAsync(_ref, ref) {
|
|
|
1439
1449
|
}, "\u5141\u8BB8\u4E0A\u4F20", maxCount, "\u5F20\u56FE\u7247"), /*#__PURE__*/React.createElement("div", {
|
|
1440
1450
|
className: styles$2.imageProBox
|
|
1441
1451
|
}, !disabled && /*#__PURE__*/React.createElement("div", {
|
|
1442
|
-
className: styles$2.
|
|
1452
|
+
className: styles$2.imageProPaste
|
|
1443
1453
|
}, pasteDefaultStates ? /*#__PURE__*/React.createElement("div", {
|
|
1444
1454
|
className: styles$2.fakeBox,
|
|
1455
|
+
style: {
|
|
1456
|
+
paddingTop: '16px'
|
|
1457
|
+
},
|
|
1445
1458
|
onClick: function onClick() {
|
|
1446
1459
|
setPasteDefaultStates(false);
|
|
1447
1460
|
}
|
|
@@ -1464,7 +1477,7 @@ var ApaasUploadProAsync = function ApaasUploadProAsync(_ref, ref) {
|
|
|
1464
1477
|
name: "file",
|
|
1465
1478
|
listType: "picture-card",
|
|
1466
1479
|
maxCount: maxCount,
|
|
1467
|
-
className: styles$2.
|
|
1480
|
+
className: styles$2.uploadPro,
|
|
1468
1481
|
beforeUpload: beforeUpload
|
|
1469
1482
|
}, resetProps), value.length >= maxCount ? null : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
|
|
1470
1483
|
className: "addBtn"
|
package/dist/index.js
CHANGED
|
@@ -1188,8 +1188,8 @@ var ApaasUploadAsync = function ApaasUploadAsync(_ref, ref) {
|
|
|
1188
1188
|
};
|
|
1189
1189
|
var index = /*#__PURE__*/React.forwardRef(ApaasUploadAsync);
|
|
1190
1190
|
|
|
1191
|
-
var css_248z$2 = ".index-module_imageProBox__1u84Y {\n display: flex;\n flex-wrap: wrap;\n}\n.index-module_imageProBox__1u84Y .ant-upload-picture-card-wrapper {\n width: auto;\n}\n.index-module_imageProBox__1u84Y .index-module_inputImage__nm5jb {\n width: 105px;\n height: 105px;\n border: 1px dashed #ccc;\n outline: none;\n background-color: rgba(0, 0, 0, 0);\n text-indent: 8px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageShow__1cG2j {\n padding: 8px;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo {\n display: flex;\n width: 280px;\n height: 105px;\n
|
|
1192
|
-
var styles$2 = {"imageProBox":"index-module_imageProBox__1u84Y","inputImage":"index-module_inputImage__nm5jb","imageShow":"index-module_imageShow__1cG2j","imageProWrap":"index-module_imageProWrap__sx8lo","-webkit-mask":"index-module_mask__L3q8p","mask":"index-module_mask__L3q8p","imageProInfo":"index-module_imageProInfo__iHM0C","imageProRight":"index-module_imageProRight__3rPiY","imageProOperate":"index-module_imageProOperate__1hFcg","
|
|
1191
|
+
var css_248z$2 = ".index-module_imageProBox__1u84Y {\n display: flex;\n flex-wrap: wrap;\n}\n.index-module_imageProBox__1u84Y .ant-upload-picture-card-wrapper {\n width: auto;\n}\n.index-module_imageProBox__1u84Y .index-module_inputImage__nm5jb {\n width: 105px;\n height: 105px;\n border: 1px dashed #ccc;\n outline: none;\n background-color: rgba(0, 0, 0, 0);\n text-indent: 8px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageShow__1cG2j {\n padding: 8px;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo {\n display: flex;\n width: 280px;\n height: 105px;\n border-radius: 5px;\n background-color: rgba(240, 241, 242, 0.72);\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo textarea {\n max-width: 174px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo:hover .index-module_mask__L3q8p:before {\n opacity: 1;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo .index-module_imageProInfo__iHM0C {\n width: 80px;\n height: 80px;\n border-radius: 5px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo img {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo .index-module_imageProRight__3rPiY {\n position: relative;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo .index-module_imageProOperate__1hFcg {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n}\n.index-module_imageProBox__1u84Y .index-module_mask__L3q8p {\n position: relative;\n height: 100%;\n overflow: hidden;\n}\n.index-module_imageProBox__1u84Y .index-module_mask__L3q8p::before {\n position: absolute;\n z-index: 1;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n opacity: 0;\n transition: all 0.3s;\n content: ' ';\n}\n.index-module_imageProBox__1u84Y .index-module_mask__L3q8p:hover .index-module_actions__3Wwry {\n opacity: 1;\n}\n.index-module_imageProBox__1u84Y .index-module_mask__L3q8p .index-module_actions__3Wwry {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 10;\n white-space: nowrap;\n transform: translate(-50%, -50%);\n opacity: 0;\n transition: all 0.3s;\n}\n.index-module_imageProBox__1u84Y .index-module_mask__L3q8p .index-module_actions__3Wwry .index-module_icon__3oJ-1 {\n font-size: 16px;\n color: #fff;\n padding: 0 4px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProPaste__22O8e {\n display: inline-block;\n margin-right: 8px !important;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProPaste__22O8e .index-module_fakeBox__3EXNG {\n width: 105px;\n height: 105px;\n border-radius: 2px;\n background: #F2F3F5;\n text-align: center;\n color: #86909C;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProPaste__22O8e .index-module_fakeBox__3EXNG .index-module_addBtn__1Dv95 {\n color: #86909C;\n}\n.index-module_imageProBox__1u84Y .index-module_uploadPro__3rAkl .ant-upload {\n height: 105px !important;\n width: 105px !important;\n border: none;\n background-color: #F2F3F5;\n color: #86909C;\n}\n.index-module_imageProBox__1u84Y .index-module_uploadPro__3rAkl .ant-upload .index-module_addBtn__1Dv95 {\n color: #86909C;\n}\n.index-module_tips__z9Yjd {\n color: #4E5969;\n font-size: 12px;\n}\n";
|
|
1192
|
+
var styles$2 = {"imageProBox":"index-module_imageProBox__1u84Y","inputImage":"index-module_inputImage__nm5jb","imageShow":"index-module_imageShow__1cG2j","imageProWrap":"index-module_imageProWrap__sx8lo","-webkit-mask":"index-module_mask__L3q8p","mask":"index-module_mask__L3q8p","imageProInfo":"index-module_imageProInfo__iHM0C","imageProRight":"index-module_imageProRight__3rPiY","imageProOperate":"index-module_imageProOperate__1hFcg","actions":"index-module_actions__3Wwry","icon":"index-module_icon__3oJ-1","imageProPaste":"index-module_imageProPaste__22O8e","fakeBox":"index-module_fakeBox__3EXNG","addBtn":"index-module_addBtn__1Dv95","uploadPro":"index-module_uploadPro__3rAkl","tips":"index-module_tips__z9Yjd"};
|
|
1193
1193
|
styleInject(css_248z$2);
|
|
1194
1194
|
|
|
1195
1195
|
var _excluded$7 = ["maxCount", "maxSize", "uploadText", "onChange", "value", "accept", "disabled", "uniqueKey", "hostUrl", "actionUrl", "platform"];
|
|
@@ -1385,9 +1385,17 @@ var ApaasUploadProAsync = function ApaasUploadProAsync(_ref, ref) {
|
|
|
1385
1385
|
var showImage = /^pic\/[\s\S]*$/.test(image.url) ? "".concat(hostUrl, "/").concat(image.url) : image.url;
|
|
1386
1386
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1387
1387
|
className: styles$2.imageProWrap,
|
|
1388
|
+
style: {
|
|
1389
|
+
padding: '8px',
|
|
1390
|
+
marginBottom: '8px',
|
|
1391
|
+
marginRight: '8px'
|
|
1392
|
+
},
|
|
1388
1393
|
key: index
|
|
1389
1394
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1390
|
-
className: styles$2.imageProInfo
|
|
1395
|
+
className: styles$2.imageProInfo,
|
|
1396
|
+
style: {
|
|
1397
|
+
marginRight: '8px'
|
|
1398
|
+
}
|
|
1391
1399
|
}, /*#__PURE__*/React__default['default'].createElement(antd.Image, {
|
|
1392
1400
|
src: finalImage,
|
|
1393
1401
|
preview: {
|
|
@@ -1418,7 +1426,9 @@ var ApaasUploadProAsync = function ApaasUploadProAsync(_ref, ref) {
|
|
|
1418
1426
|
}), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1419
1427
|
className: styles$2.imageProOperate
|
|
1420
1428
|
}, /*#__PURE__*/React__default['default'].createElement(icons.CloseOutlined, {
|
|
1421
|
-
|
|
1429
|
+
style: {
|
|
1430
|
+
color: '#1890ff'
|
|
1431
|
+
},
|
|
1422
1432
|
onClick: handleDelete(index)
|
|
1423
1433
|
}))));
|
|
1424
1434
|
}));
|
|
@@ -1451,9 +1461,12 @@ var ApaasUploadProAsync = function ApaasUploadProAsync(_ref, ref) {
|
|
|
1451
1461
|
}, "\u5141\u8BB8\u4E0A\u4F20", maxCount, "\u5F20\u56FE\u7247"), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1452
1462
|
className: styles$2.imageProBox
|
|
1453
1463
|
}, !disabled && /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1454
|
-
className: styles$2.
|
|
1464
|
+
className: styles$2.imageProPaste
|
|
1455
1465
|
}, pasteDefaultStates ? /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1456
1466
|
className: styles$2.fakeBox,
|
|
1467
|
+
style: {
|
|
1468
|
+
paddingTop: '16px'
|
|
1469
|
+
},
|
|
1457
1470
|
onClick: function onClick() {
|
|
1458
1471
|
setPasteDefaultStates(false);
|
|
1459
1472
|
}
|
|
@@ -1476,7 +1489,7 @@ var ApaasUploadProAsync = function ApaasUploadProAsync(_ref, ref) {
|
|
|
1476
1489
|
name: "file",
|
|
1477
1490
|
listType: "picture-card",
|
|
1478
1491
|
maxCount: maxCount,
|
|
1479
|
-
className: styles$2.
|
|
1492
|
+
className: styles$2.uploadPro,
|
|
1480
1493
|
beforeUpload: beforeUpload
|
|
1481
1494
|
}, resetProps), value.length >= maxCount ? null : /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
1482
1495
|
className: "addBtn"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kmkf-fe-packages/basic-components",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.53",
|
|
4
4
|
"description": "> TODO: description",
|
|
5
5
|
"homepage": "",
|
|
6
6
|
"license": "ISC",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"watch": "nodemon --ignore dist/ --ignore node_modules/ --watch src/ -C -e ts,tsx,less --debug -x 'yarn async'"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@kmkf-fe-packages/kmkf-utils": "2.0.
|
|
23
|
+
"@kmkf-fe-packages/kmkf-utils": "2.0.53",
|
|
24
24
|
"ahooks": "^3.7.4",
|
|
25
25
|
"bignumber.js": "^9.1.2",
|
|
26
26
|
"kmkf-monitor": "^0.8.9",
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
"publishConfig": {
|
|
66
66
|
"access": "public"
|
|
67
67
|
},
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "86a3782c0be268ccf13b109778bd4751ddafc1a5"
|
|
69
69
|
}
|