@kmkf-fe-packages/basic-components 0.7.1-alpha.1 → 0.7.1-alpha.2
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 +15 -7
- package/dist/index.js +15 -7
- package/package.json +2 -2
package/dist/index.esm.js
CHANGED
|
@@ -3148,6 +3148,9 @@ var IdentifyAddress = function IdentifyAddress(props) {
|
|
|
3148
3148
|
})));
|
|
3149
3149
|
};
|
|
3150
3150
|
|
|
3151
|
+
var css_248z$6 = ".interceptBox :global(.ant-select-item-option-content) {\n overflow: auto !important;\n white-space: initial !important;\n}\n";
|
|
3152
|
+
styleInject(css_248z$6);
|
|
3153
|
+
|
|
3151
3154
|
var Item = Form.Item;
|
|
3152
3155
|
var LogisticsAddress = LogisticsAddressData.getInstance();
|
|
3153
3156
|
var address$1 = AddressData.getInstance();
|
|
@@ -3276,7 +3279,7 @@ var LogisticsInterception = function LogisticsInterception(props) {
|
|
|
3276
3279
|
userName: (value === null || value === void 0 ? void 0 : value.interceptReceiverName) || '',
|
|
3277
3280
|
mobile: (value === null || value === void 0 ? void 0 : value.interceptReceiverMobile) || ''
|
|
3278
3281
|
});
|
|
3279
|
-
return uk;
|
|
3282
|
+
return uk || undefined;
|
|
3280
3283
|
}, [value === null || value === void 0 ? void 0 : value.interceptCompany, value === null || value === void 0 ? void 0 : value.interceptAddress]);
|
|
3281
3284
|
//选择回调
|
|
3282
3285
|
var changeHandle = function changeHandle(val, type) {
|
|
@@ -3327,7 +3330,9 @@ var LogisticsInterception = function LogisticsInterception(props) {
|
|
|
3327
3330
|
}));
|
|
3328
3331
|
}
|
|
3329
3332
|
};
|
|
3330
|
-
return /*#__PURE__*/React.createElement(
|
|
3333
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
3334
|
+
className: css_248z$6.interceptBox
|
|
3335
|
+
}, /*#__PURE__*/React.createElement(Item, {
|
|
3331
3336
|
label: '物流信息',
|
|
3332
3337
|
required: required,
|
|
3333
3338
|
key: 'logistics'
|
|
@@ -3393,7 +3398,10 @@ var LogisticsInterception = function LogisticsInterception(props) {
|
|
|
3393
3398
|
disabled: disabled || isEdit,
|
|
3394
3399
|
value: returnValue,
|
|
3395
3400
|
onChange: changeReturnAddress,
|
|
3396
|
-
placeholder: "\u8BF7\u9009\u62E9\u9000\u56DE\u5730\u5740"
|
|
3401
|
+
placeholder: "\u8BF7\u9009\u62E9\u9000\u56DE\u5730\u5740",
|
|
3402
|
+
getPopupContainer: function getPopupContainer(triggerNode) {
|
|
3403
|
+
return triggerNode.parentElement;
|
|
3404
|
+
}
|
|
3397
3405
|
}, logisticsAddressOptions.map(function (item) {
|
|
3398
3406
|
return /*#__PURE__*/React.createElement(Select.Option, {
|
|
3399
3407
|
key: item.uk,
|
|
@@ -3557,8 +3565,8 @@ var jstGoods = function jstGoods(props) {
|
|
|
3557
3565
|
})) : null) : null);
|
|
3558
3566
|
};
|
|
3559
3567
|
|
|
3560
|
-
var css_248z$
|
|
3561
|
-
styleInject(css_248z$
|
|
3568
|
+
var css_248z$7 = ".jstGoodsBox {\n display: flex;\n flex-wrap: wrap;\n}\n.jstGoodsBox .goodBox-Img {\n width: 80px;\n margin: 0 10px 10px 0;\n}\n.jstGoodsBox .right-context {\n font-size: 12px;\n}\n.jstGoodsBox .right-context .ant-input {\n font-size: 12px;\n width: 80px;\n height: 20px;\n padding-left: 5px;\n padding-right: 5px;\n}\n.jstGoodsBox .right-context .ant-input.id-textarea {\n width: 80px;\n resize: none;\n height: 45px;\n}\n.jstGoodsBox.goodsBox-item-horizontal--box {\n flex-direction: row;\n width: auto;\n}\n.jstimgBox {\n position: relative;\n width: 80px;\n height: 80px;\n border-radius: 4px;\n border: 1px solid #f2f3f5;\n margin: 0 10px 10px 0;\n text-align: center;\n background-color: #f2f3f5;\n display: flex;\n justify-items: center;\n align-items: center;\n}\n.jstimgBox .add-btn {\n color: #86909c;\n}\n.jstimgBox .text {\n color: #86909c;\n}\n.icon-close {\n position: absolute;\n top: -5px;\n right: -5px;\n width: 13px;\n height: 13px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n z-index: 3;\n background-color: #fff;\n cursor: pointer;\n}\n.img {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n}\n.goods-title {\n margin: 0 0 10px 5px;\n color: #4e5969;\n}\n.searchBox {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n margin-bottom: 10px;\n}\n.searchBox .search {\n width: 150px;\n margin-left: 6px;\n}\n.deg90 {\n transform: rotate(90deg);\n}\n.goodsMain {\n display: flex;\n flex-wrap: wrap;\n height: 400px;\n overflow-y: auto;\n margin-bottom: 10px;\n}\n.goodsMain .goodItem {\n width: 142px;\n height: 184px;\n padding: 7px;\n margin: 0 16px 16px 0;\n border-radius: 4px;\n background: #ffffff;\n box-sizing: border-box;\n /* 主题色/常规 */\n border: 1px solid #c9cdd4;\n}\n.goodsMain .goodItem .goodImg {\n width: 128px;\n height: 128px;\n border-radius: 4px;\n overflow: hidden;\n}\n.goodsMain .goodItem .goodImg img {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n}\n.goodsMain .goodItem .goodText {\n text-align: center;\n font-size: 12px;\n color: #4e5969;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.goodsMain .goodItem .goodPrice {\n text-align: center;\n font-size: 14px;\n color: #1d2129;\n}\n.goodsMain .goodItem.active {\n border: 1px solid #1b5bf3;\n}\n@media screen and (max-width: 500px) {\n .goodsMain {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-gap: 8px;\n height: 300px;\n }\n .goodsMain .goodItem {\n height: 126px;\n width: 83px;\n padding: 4px;\n margin: 0;\n border-radius: 4px;\n background: #FFFFFF;\n box-sizing: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n }\n .goodsMain .goodItem .goodImg {\n width: 98%;\n height: 77px;\n }\n .goodsMain .goodItem .goodText {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .goodsMain .goodItem.active {\n border: 1px solid #3089dc;\n }\n .searchBox {\n display: flex;\n flex-wrap: wrap;\n justify-content: initial;\n }\n .searchBox .classify {\n width: 120px;\n }\n .goodModal .ant-modal-body {\n padding: 8px;\n }\n}\n.goods-uploaded-count {\n color: #ff3638;\n}\n.footer {\n display: flex;\n justify-content: flex-end;\n}\n.right-context {\n display: flex;\n flex-direction: column;\n}\n.right-context .info-row {\n width: 80px;\n display: flex;\n align-items: center;\n padding: 0px 8px;\n border-radius: 2px;\n cursor: pointer;\n background: #f2f3f5;\n margin-bottom: 4px;\n}\n.right-context .info-row > div {\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n word-break: break-all;\n}\n.sphPagination {\n display: flex;\n align-items: center;\n}\n.sphPagination .shpBtn {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 8px;\n height: 32px;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n cursor: pointer;\n margin: 0 8px;\n}\n.sphPagination .shpBtn.unCursor {\n color: #eee;\n cursor: not-allowed;\n}\n";
|
|
3569
|
+
styleInject(css_248z$7);
|
|
3562
3570
|
|
|
3563
3571
|
var ItemList = function ItemList(props) {
|
|
3564
3572
|
var _props$value = props.value,
|
|
@@ -3631,8 +3639,8 @@ var ItemList = function ItemList(props) {
|
|
|
3631
3639
|
}, "\u6682\u4E0D\u652F\u6301\u6DFB\u52A0")) : null);
|
|
3632
3640
|
};
|
|
3633
3641
|
|
|
3634
|
-
var css_248z$
|
|
3635
|
-
styleInject(css_248z$
|
|
3642
|
+
var css_248z$8 = ".goodsBox {\n display: flex;\n flex-wrap: wrap;\n}\n.goods-imgBox {\n position: relative;\n width: 80px;\n height: 80px;\n border: 1px solid #F2F3F5;\n margin: 0 10px 10px 0;\n text-align: center;\n}\n.icon-close {\n position: absolute;\n top: -5px;\n right: -5px;\n width: 13px;\n height: 13px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n z-index: 3;\n background-color: #fff;\n cursor: pointer;\n}\n.img {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n}\n.goods-title {\n margin: 0 0 10px 5px;\n color: #4E5969;\n}\n.deg90 {\n transform: rotate(90deg);\n}\n.goodMain {\n display: flex;\n flex-wrap: wrap;\n height: 265px;\n overflow-y: auto;\n margin-bottom: 10px;\n}\n.goodMain .goodItem {\n width: 140px;\n height: 175px;\n padding: 11px 10px 0;\n text-align: center;\n display: inline-block;\n vertical-align: top;\n margin-bottom: 10px;\n margin-right: 30px;\n border: 1px solid #e6e6e6;\n cursor: pointer;\n transition: border 0.3s;\n}\n.goodMain .goodItem .goodImg {\n width: 120px;\n height: 120px;\n}\n.goodMain .goodItem .goodText {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.goodMain .goodItem.active {\n border: 1px solid #3089dc;\n}\n.right-context {\n display: flex;\n flex-direction: column;\n}\n";
|
|
3643
|
+
styleInject(css_248z$8);
|
|
3636
3644
|
|
|
3637
3645
|
var TabPane$1 = Tabs.TabPane;
|
|
3638
3646
|
var Option$2 = Select.Option;
|
package/dist/index.js
CHANGED
|
@@ -3158,6 +3158,9 @@ var IdentifyAddress = function IdentifyAddress(props) {
|
|
|
3158
3158
|
})));
|
|
3159
3159
|
};
|
|
3160
3160
|
|
|
3161
|
+
var css_248z$6 = ".interceptBox :global(.ant-select-item-option-content) {\n overflow: auto !important;\n white-space: initial !important;\n}\n";
|
|
3162
|
+
styleInject(css_248z$6);
|
|
3163
|
+
|
|
3161
3164
|
var Item = antd.Form.Item;
|
|
3162
3165
|
var LogisticsAddress = kmkfUtils.LogisticsAddressData.getInstance();
|
|
3163
3166
|
var address$1 = kmkfUtils.AddressData.getInstance();
|
|
@@ -3286,7 +3289,7 @@ var LogisticsInterception = function LogisticsInterception(props) {
|
|
|
3286
3289
|
userName: (value === null || value === void 0 ? void 0 : value.interceptReceiverName) || '',
|
|
3287
3290
|
mobile: (value === null || value === void 0 ? void 0 : value.interceptReceiverMobile) || ''
|
|
3288
3291
|
});
|
|
3289
|
-
return uk;
|
|
3292
|
+
return uk || undefined;
|
|
3290
3293
|
}, [value === null || value === void 0 ? void 0 : value.interceptCompany, value === null || value === void 0 ? void 0 : value.interceptAddress]);
|
|
3291
3294
|
//选择回调
|
|
3292
3295
|
var changeHandle = function changeHandle(val, type) {
|
|
@@ -3337,7 +3340,9 @@ var LogisticsInterception = function LogisticsInterception(props) {
|
|
|
3337
3340
|
}));
|
|
3338
3341
|
}
|
|
3339
3342
|
};
|
|
3340
|
-
return /*#__PURE__*/React__default['default'].createElement(
|
|
3343
|
+
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
3344
|
+
className: css_248z$6.interceptBox
|
|
3345
|
+
}, /*#__PURE__*/React__default['default'].createElement(Item, {
|
|
3341
3346
|
label: '物流信息',
|
|
3342
3347
|
required: required,
|
|
3343
3348
|
key: 'logistics'
|
|
@@ -3403,7 +3408,10 @@ var LogisticsInterception = function LogisticsInterception(props) {
|
|
|
3403
3408
|
disabled: disabled || isEdit,
|
|
3404
3409
|
value: returnValue,
|
|
3405
3410
|
onChange: changeReturnAddress,
|
|
3406
|
-
placeholder: "\u8BF7\u9009\u62E9\u9000\u56DE\u5730\u5740"
|
|
3411
|
+
placeholder: "\u8BF7\u9009\u62E9\u9000\u56DE\u5730\u5740",
|
|
3412
|
+
getPopupContainer: function getPopupContainer(triggerNode) {
|
|
3413
|
+
return triggerNode.parentElement;
|
|
3414
|
+
}
|
|
3407
3415
|
}, logisticsAddressOptions.map(function (item) {
|
|
3408
3416
|
return /*#__PURE__*/React__default['default'].createElement(antd.Select.Option, {
|
|
3409
3417
|
key: item.uk,
|
|
@@ -3567,8 +3575,8 @@ var jstGoods = function jstGoods(props) {
|
|
|
3567
3575
|
})) : null) : null);
|
|
3568
3576
|
};
|
|
3569
3577
|
|
|
3570
|
-
var css_248z$
|
|
3571
|
-
styleInject(css_248z$
|
|
3578
|
+
var css_248z$7 = ".jstGoodsBox {\n display: flex;\n flex-wrap: wrap;\n}\n.jstGoodsBox .goodBox-Img {\n width: 80px;\n margin: 0 10px 10px 0;\n}\n.jstGoodsBox .right-context {\n font-size: 12px;\n}\n.jstGoodsBox .right-context .ant-input {\n font-size: 12px;\n width: 80px;\n height: 20px;\n padding-left: 5px;\n padding-right: 5px;\n}\n.jstGoodsBox .right-context .ant-input.id-textarea {\n width: 80px;\n resize: none;\n height: 45px;\n}\n.jstGoodsBox.goodsBox-item-horizontal--box {\n flex-direction: row;\n width: auto;\n}\n.jstimgBox {\n position: relative;\n width: 80px;\n height: 80px;\n border-radius: 4px;\n border: 1px solid #f2f3f5;\n margin: 0 10px 10px 0;\n text-align: center;\n background-color: #f2f3f5;\n display: flex;\n justify-items: center;\n align-items: center;\n}\n.jstimgBox .add-btn {\n color: #86909c;\n}\n.jstimgBox .text {\n color: #86909c;\n}\n.icon-close {\n position: absolute;\n top: -5px;\n right: -5px;\n width: 13px;\n height: 13px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n z-index: 3;\n background-color: #fff;\n cursor: pointer;\n}\n.img {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n}\n.goods-title {\n margin: 0 0 10px 5px;\n color: #4e5969;\n}\n.searchBox {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n margin-bottom: 10px;\n}\n.searchBox .search {\n width: 150px;\n margin-left: 6px;\n}\n.deg90 {\n transform: rotate(90deg);\n}\n.goodsMain {\n display: flex;\n flex-wrap: wrap;\n height: 400px;\n overflow-y: auto;\n margin-bottom: 10px;\n}\n.goodsMain .goodItem {\n width: 142px;\n height: 184px;\n padding: 7px;\n margin: 0 16px 16px 0;\n border-radius: 4px;\n background: #ffffff;\n box-sizing: border-box;\n /* 主题色/常规 */\n border: 1px solid #c9cdd4;\n}\n.goodsMain .goodItem .goodImg {\n width: 128px;\n height: 128px;\n border-radius: 4px;\n overflow: hidden;\n}\n.goodsMain .goodItem .goodImg img {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n}\n.goodsMain .goodItem .goodText {\n text-align: center;\n font-size: 12px;\n color: #4e5969;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.goodsMain .goodItem .goodPrice {\n text-align: center;\n font-size: 14px;\n color: #1d2129;\n}\n.goodsMain .goodItem.active {\n border: 1px solid #1b5bf3;\n}\n@media screen and (max-width: 500px) {\n .goodsMain {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-gap: 8px;\n height: 300px;\n }\n .goodsMain .goodItem {\n height: 126px;\n width: 83px;\n padding: 4px;\n margin: 0;\n border-radius: 4px;\n background: #FFFFFF;\n box-sizing: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n }\n .goodsMain .goodItem .goodImg {\n width: 98%;\n height: 77px;\n }\n .goodsMain .goodItem .goodText {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .goodsMain .goodItem.active {\n border: 1px solid #3089dc;\n }\n .searchBox {\n display: flex;\n flex-wrap: wrap;\n justify-content: initial;\n }\n .searchBox .classify {\n width: 120px;\n }\n .goodModal .ant-modal-body {\n padding: 8px;\n }\n}\n.goods-uploaded-count {\n color: #ff3638;\n}\n.footer {\n display: flex;\n justify-content: flex-end;\n}\n.right-context {\n display: flex;\n flex-direction: column;\n}\n.right-context .info-row {\n width: 80px;\n display: flex;\n align-items: center;\n padding: 0px 8px;\n border-radius: 2px;\n cursor: pointer;\n background: #f2f3f5;\n margin-bottom: 4px;\n}\n.right-context .info-row > div {\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n word-break: break-all;\n}\n.sphPagination {\n display: flex;\n align-items: center;\n}\n.sphPagination .shpBtn {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 8px;\n height: 32px;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n cursor: pointer;\n margin: 0 8px;\n}\n.sphPagination .shpBtn.unCursor {\n color: #eee;\n cursor: not-allowed;\n}\n";
|
|
3579
|
+
styleInject(css_248z$7);
|
|
3572
3580
|
|
|
3573
3581
|
var ItemList = function ItemList(props) {
|
|
3574
3582
|
var _props$value = props.value,
|
|
@@ -3641,8 +3649,8 @@ var ItemList = function ItemList(props) {
|
|
|
3641
3649
|
}, "\u6682\u4E0D\u652F\u6301\u6DFB\u52A0")) : null);
|
|
3642
3650
|
};
|
|
3643
3651
|
|
|
3644
|
-
var css_248z$
|
|
3645
|
-
styleInject(css_248z$
|
|
3652
|
+
var css_248z$8 = ".goodsBox {\n display: flex;\n flex-wrap: wrap;\n}\n.goods-imgBox {\n position: relative;\n width: 80px;\n height: 80px;\n border: 1px solid #F2F3F5;\n margin: 0 10px 10px 0;\n text-align: center;\n}\n.icon-close {\n position: absolute;\n top: -5px;\n right: -5px;\n width: 13px;\n height: 13px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n z-index: 3;\n background-color: #fff;\n cursor: pointer;\n}\n.img {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n}\n.goods-title {\n margin: 0 0 10px 5px;\n color: #4E5969;\n}\n.deg90 {\n transform: rotate(90deg);\n}\n.goodMain {\n display: flex;\n flex-wrap: wrap;\n height: 265px;\n overflow-y: auto;\n margin-bottom: 10px;\n}\n.goodMain .goodItem {\n width: 140px;\n height: 175px;\n padding: 11px 10px 0;\n text-align: center;\n display: inline-block;\n vertical-align: top;\n margin-bottom: 10px;\n margin-right: 30px;\n border: 1px solid #e6e6e6;\n cursor: pointer;\n transition: border 0.3s;\n}\n.goodMain .goodItem .goodImg {\n width: 120px;\n height: 120px;\n}\n.goodMain .goodItem .goodText {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.goodMain .goodItem.active {\n border: 1px solid #3089dc;\n}\n.right-context {\n display: flex;\n flex-direction: column;\n}\n";
|
|
3653
|
+
styleInject(css_248z$8);
|
|
3646
3654
|
|
|
3647
3655
|
var TabPane$1 = antd.Tabs.TabPane;
|
|
3648
3656
|
var Option$2 = antd.Select.Option;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kmkf-fe-packages/basic-components",
|
|
3
|
-
"version": "0.7.1-alpha.
|
|
3
|
+
"version": "0.7.1-alpha.2",
|
|
4
4
|
"description": "> TODO: description",
|
|
5
5
|
"homepage": "",
|
|
6
6
|
"license": "ISC",
|
|
@@ -54,5 +54,5 @@
|
|
|
54
54
|
"publishConfig": {
|
|
55
55
|
"access": "public"
|
|
56
56
|
},
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "2ae79c47f83028fa24768cc565733214c7a313bb"
|
|
58
58
|
}
|