@kmkf-fe-packages/basic-components 0.7.1-alpha.2 → 0.7.1
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 +86 -166
- package/dist/index.js +84 -166
- package/dist/src/common/ParseLogistics/index.d.ts +1 -1
- package/dist/src/index.d.ts +0 -2
- package/package.json +5 -5
- package/dist/src/common/IdentifyAddress/index.d.ts +0 -13
package/dist/index.esm.js
CHANGED
|
@@ -2,7 +2,7 @@ import React, { useRef, useState, useEffect, useMemo, forwardRef, useImperativeH
|
|
|
2
2
|
import { Cascader, DatePicker, Input, InputNumber, Select, Upload, Image, message, Radio, Space, Spin, Checkbox, Row, Col, Slider, Rate, Form, Tabs, Modal, Button, ConfigProvider, Pagination, Popover } from 'antd';
|
|
3
3
|
import { EyeOutlined, DeleteOutlined } from '@ant-design/icons';
|
|
4
4
|
import request, { extend } from 'umi-request';
|
|
5
|
-
import { AddressData
|
|
5
|
+
import { AddressData } from '@kmkf-fe-packages/kmkf-utils';
|
|
6
6
|
import zhCN from 'antd/lib/locale/zh_CN';
|
|
7
7
|
|
|
8
8
|
function _iterableToArrayLimit(arr, i) {
|
|
@@ -3055,27 +3055,43 @@ var Payment = function Payment(props) {
|
|
|
3055
3055
|
var TextArea$1 = Input.TextArea;
|
|
3056
3056
|
var ParseLogistics = function ParseLogistics(props) {
|
|
3057
3057
|
var onChange = props.onChange;
|
|
3058
|
-
var _useState = useState(
|
|
3058
|
+
var _useState = useState(''),
|
|
3059
3059
|
_useState2 = _slicedToArray(_useState, 2),
|
|
3060
3060
|
value = _useState2[0],
|
|
3061
3061
|
setValue = _useState2[1];
|
|
3062
|
-
var handleIdentify = function
|
|
3063
|
-
|
|
3064
|
-
|
|
3065
|
-
|
|
3066
|
-
|
|
3067
|
-
|
|
3068
|
-
|
|
3069
|
-
|
|
3070
|
-
|
|
3071
|
-
|
|
3072
|
-
|
|
3073
|
-
|
|
3074
|
-
|
|
3075
|
-
|
|
3076
|
-
|
|
3077
|
-
|
|
3078
|
-
|
|
3062
|
+
var handleIdentify = /*#__PURE__*/function () {
|
|
3063
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
3064
|
+
var _yield$request, data;
|
|
3065
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
3066
|
+
while (1) switch (_context.prev = _context.next) {
|
|
3067
|
+
case 0:
|
|
3068
|
+
if (value) {
|
|
3069
|
+
_context.next = 2;
|
|
3070
|
+
break;
|
|
3071
|
+
}
|
|
3072
|
+
return _context.abrupt("return");
|
|
3073
|
+
case 2:
|
|
3074
|
+
_context.next = 4;
|
|
3075
|
+
return extendRequest('/qy/logistics/addressAnalysis', {
|
|
3076
|
+
method: 'post',
|
|
3077
|
+
data: {
|
|
3078
|
+
fullAddress: value
|
|
3079
|
+
}
|
|
3080
|
+
});
|
|
3081
|
+
case 4:
|
|
3082
|
+
_yield$request = _context.sent;
|
|
3083
|
+
data = _yield$request.data;
|
|
3084
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(data);
|
|
3085
|
+
case 7:
|
|
3086
|
+
case "end":
|
|
3087
|
+
return _context.stop();
|
|
3088
|
+
}
|
|
3089
|
+
}, _callee);
|
|
3090
|
+
}));
|
|
3091
|
+
return function handleIdentify() {
|
|
3092
|
+
return _ref.apply(this, arguments);
|
|
3093
|
+
};
|
|
3094
|
+
}();
|
|
3079
3095
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextArea$1, {
|
|
3080
3096
|
placeholder: "\u590D\u5236\u7269\u6D41\u4FE1\u606F\uFF0C\u70B9\u51FB\u667A\u80FD\u8BC6\u522B",
|
|
3081
3097
|
rows: 3,
|
|
@@ -3090,70 +3106,12 @@ var ParseLogistics = function ParseLogistics(props) {
|
|
|
3090
3106
|
}, "\u667A\u80FD\u8BC6\u522B"), /*#__PURE__*/React.createElement(Button, {
|
|
3091
3107
|
size: "small",
|
|
3092
3108
|
onClick: function onClick() {
|
|
3093
|
-
return setValue(
|
|
3109
|
+
return setValue('');
|
|
3094
3110
|
}
|
|
3095
3111
|
}, "\u6E05\u7A7A")));
|
|
3096
3112
|
};
|
|
3097
3113
|
|
|
3098
|
-
var IdentifyAddress = function IdentifyAddress(props) {
|
|
3099
|
-
var value = props.value,
|
|
3100
|
-
onChange = props.onChange,
|
|
3101
|
-
_props$disabled = props.disabled,
|
|
3102
|
-
disabled = _props$disabled === void 0 ? false : _props$disabled;
|
|
3103
|
-
var changeHandle = function changeHandle(val, type) {
|
|
3104
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, _defineProperty({}, type, val)));
|
|
3105
|
-
};
|
|
3106
|
-
var handleParseLogistics = function handleParseLogistics(val) {
|
|
3107
|
-
var params = {
|
|
3108
|
-
detail: val === null || val === void 0 ? void 0 : val.addressDetail,
|
|
3109
|
-
receiverName: val === null || val === void 0 ? void 0 : val.name,
|
|
3110
|
-
receiverMobile: val === null || val === void 0 ? void 0 : val.phone,
|
|
3111
|
-
address: []
|
|
3112
|
-
};
|
|
3113
|
-
if (val === null || val === void 0 ? void 0 : val.province) {
|
|
3114
|
-
params.address = [AddressData.getInstance().getProCodeByName(val === null || val === void 0 ? void 0 : val.province), AddressData.getInstance().getProCodeByName(val === null || val === void 0 ? void 0 : val.city), AddressData.getInstance().getProCodeByName(val === null || val === void 0 ? void 0 : val.district)];
|
|
3115
|
-
}
|
|
3116
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2({}, params));
|
|
3117
|
-
};
|
|
3118
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, !disabled && /*#__PURE__*/React.createElement(ParseLogistics, {
|
|
3119
|
-
onChange: handleParseLogistics
|
|
3120
|
-
}), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Province, {
|
|
3121
|
-
value: value.address,
|
|
3122
|
-
onChange: function onChange(val) {
|
|
3123
|
-
return changeHandle(val, 'address');
|
|
3124
|
-
},
|
|
3125
|
-
options: [],
|
|
3126
|
-
disabled: disabled
|
|
3127
|
-
}), /*#__PURE__*/React.createElement(Input, {
|
|
3128
|
-
value: value.detail,
|
|
3129
|
-
disabled: disabled,
|
|
3130
|
-
placeholder: "\u8BE6\u7EC6\u5730\u5740",
|
|
3131
|
-
onChange: function onChange(e) {
|
|
3132
|
-
return changeHandle(e.target.value, 'detail');
|
|
3133
|
-
}
|
|
3134
|
-
})), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Input, {
|
|
3135
|
-
value: value.receiverName,
|
|
3136
|
-
disabled: disabled,
|
|
3137
|
-
placeholder: "\u6536\u4EF6\u4EBA\u59D3\u540D",
|
|
3138
|
-
onChange: function onChange(e) {
|
|
3139
|
-
return changeHandle(e.target.value, 'receiverName');
|
|
3140
|
-
}
|
|
3141
|
-
}), /*#__PURE__*/React.createElement(Input, {
|
|
3142
|
-
value: value.receiverMobile,
|
|
3143
|
-
disabled: disabled,
|
|
3144
|
-
placeholder: "\u6536\u4EF6\u4EBA\u7535\u8BDD",
|
|
3145
|
-
onChange: function onChange(e) {
|
|
3146
|
-
return changeHandle(e.target.value, 'receiverMobile');
|
|
3147
|
-
}
|
|
3148
|
-
})));
|
|
3149
|
-
};
|
|
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
|
-
|
|
3154
3114
|
var Item = Form.Item;
|
|
3155
|
-
var LogisticsAddress = LogisticsAddressData.getInstance();
|
|
3156
|
-
var address$1 = AddressData.getInstance();
|
|
3157
3115
|
var LogisticsInterception = function LogisticsInterception(props) {
|
|
3158
3116
|
var _props$value = props.value,
|
|
3159
3117
|
value = _props$value === void 0 ? {} : _props$value,
|
|
@@ -3186,6 +3144,7 @@ var LogisticsInterception = function LogisticsInterception(props) {
|
|
|
3186
3144
|
setIsInterface = _useState8[1];
|
|
3187
3145
|
var firstIn = useRef(true);
|
|
3188
3146
|
useEffect(function () {
|
|
3147
|
+
AddressData.getInstance();
|
|
3189
3148
|
//存入第一次的物流地址,防止非对接物流切换成对接物流后无法编辑
|
|
3190
3149
|
if (firstIn.current && JSON.stringify(value) !== '{}') {
|
|
3191
3150
|
setInitCompany(value === null || value === void 0 ? void 0 : value.interceptCompany);
|
|
@@ -3241,19 +3200,12 @@ var LogisticsInterception = function LogisticsInterception(props) {
|
|
|
3241
3200
|
return item.value === (value === null || value === void 0 ? void 0 : value.interceptType);
|
|
3242
3201
|
})) === null || _find === void 0 ? void 0 : (_find$config = _find.config) === null || _find$config === void 0 ? void 0 : _find$config.showAddress;
|
|
3243
3202
|
}, [value === null || value === void 0 ? void 0 : value.interceptType, typeOptions, value === null || value === void 0 ? void 0 : value.interceptCompany]);
|
|
3244
|
-
//是否回退新地址
|
|
3245
|
-
var showReturnAddress = useMemo(function () {
|
|
3246
|
-
var _find2, _find2$config;
|
|
3247
|
-
return (_find2 = (typeOptions || []).find(function (item) {
|
|
3248
|
-
return item.value === (value === null || value === void 0 ? void 0 : value.interceptType);
|
|
3249
|
-
})) === null || _find2 === void 0 ? void 0 : (_find2$config = _find2.config) === null || _find2$config === void 0 ? void 0 : _find2$config.showAddressSelect;
|
|
3250
|
-
}, [value === null || value === void 0 ? void 0 : value.interceptType, typeOptions, value === null || value === void 0 ? void 0 : value.interceptCompany]);
|
|
3251
3203
|
//是否展示发件人手机号
|
|
3252
3204
|
var showSenderMobile = useMemo(function () {
|
|
3253
|
-
var
|
|
3254
|
-
return (
|
|
3205
|
+
var _find2, _find2$config;
|
|
3206
|
+
return (_find2 = (typeOptions || []).find(function (item) {
|
|
3255
3207
|
return item.value === (value === null || value === void 0 ? void 0 : value.interceptType);
|
|
3256
|
-
})) === null ||
|
|
3208
|
+
})) === null || _find2 === void 0 ? void 0 : (_find2$config = _find2.config) === null || _find2$config === void 0 ? void 0 : _find2$config.showSenderMobile;
|
|
3257
3209
|
}, [value === null || value === void 0 ? void 0 : value.interceptType, typeOptions, value === null || value === void 0 ? void 0 : value.interceptCompany]);
|
|
3258
3210
|
//判断是否能修改物流信息
|
|
3259
3211
|
var isEdit = useMemo(function () {
|
|
@@ -3262,39 +3214,19 @@ var LogisticsInterception = function LogisticsInterception(props) {
|
|
|
3262
3214
|
});
|
|
3263
3215
|
return isEditing && !!(company === null || company === void 0 ? void 0 : company.isInterface);
|
|
3264
3216
|
}, [isEditing, initCompany]);
|
|
3265
|
-
//退回地址列表
|
|
3266
|
-
var logisticsAddressOptions = useMemo(function () {
|
|
3267
|
-
return ((LogisticsAddress === null || LogisticsAddress === void 0 ? void 0 : LogisticsAddress.getAddressData()) || []).filter(function (item) {
|
|
3268
|
-
return item.cpCode === (value === null || value === void 0 ? void 0 : value.interceptCompany);
|
|
3269
|
-
});
|
|
3270
|
-
}, [value === null || value === void 0 ? void 0 : value.interceptCompany]);
|
|
3271
|
-
var returnValue = useMemo(function () {
|
|
3272
|
-
var _value$interceptAddre, _value$interceptAddre2, _value$interceptAddre3;
|
|
3273
|
-
var uk = LogisticsAddress === null || LogisticsAddress === void 0 ? void 0 : LogisticsAddress.getUkByInfo({
|
|
3274
|
-
cpCode: (value === null || value === void 0 ? void 0 : value.interceptCompany) || '',
|
|
3275
|
-
province: value === null || value === void 0 ? void 0 : (_value$interceptAddre = value.interceptAddress) === null || _value$interceptAddre === void 0 ? void 0 : _value$interceptAddre[0],
|
|
3276
|
-
city: value === null || value === void 0 ? void 0 : (_value$interceptAddre2 = value.interceptAddress) === null || _value$interceptAddre2 === void 0 ? void 0 : _value$interceptAddre2[1],
|
|
3277
|
-
district: value === null || value === void 0 ? void 0 : (_value$interceptAddre3 = value.interceptAddress) === null || _value$interceptAddre3 === void 0 ? void 0 : _value$interceptAddre3[2],
|
|
3278
|
-
detail: (value === null || value === void 0 ? void 0 : value.interceptDetail) || '',
|
|
3279
|
-
userName: (value === null || value === void 0 ? void 0 : value.interceptReceiverName) || '',
|
|
3280
|
-
mobile: (value === null || value === void 0 ? void 0 : value.interceptReceiverMobile) || ''
|
|
3281
|
-
});
|
|
3282
|
-
return uk || undefined;
|
|
3283
|
-
}, [value === null || value === void 0 ? void 0 : value.interceptCompany, value === null || value === void 0 ? void 0 : value.interceptAddress]);
|
|
3284
|
-
//选择回调
|
|
3285
3217
|
var changeHandle = function changeHandle(val, type) {
|
|
3286
3218
|
var newValue = _objectSpread2(_objectSpread2({}, value), {}, _defineProperty({}, type, val));
|
|
3287
3219
|
if (type === 'interceptCompany') {
|
|
3288
3220
|
var interceptCompany = expressInterceptData.find(function (item) {
|
|
3289
3221
|
return item.value === val;
|
|
3290
3222
|
});
|
|
3291
|
-
var
|
|
3223
|
+
var returnValue = ((interceptCompany === null || interceptCompany === void 0 ? void 0 : interceptCompany.interceptionTypeList) || []).find(function (item) {
|
|
3292
3224
|
var _item$config3;
|
|
3293
3225
|
return item === null || item === void 0 ? void 0 : (_item$config3 = item.config) === null || _item$config3 === void 0 ? void 0 : _item$config3.isDefault;
|
|
3294
3226
|
});
|
|
3295
3227
|
newValue = _objectSpread2(_objectSpread2({}, value), {}, {
|
|
3296
3228
|
interceptCompany: val,
|
|
3297
|
-
interceptType:
|
|
3229
|
+
interceptType: returnValue === null || returnValue === void 0 ? void 0 : returnValue.value,
|
|
3298
3230
|
interceptSenderMobile: undefined,
|
|
3299
3231
|
interceptAddress: [],
|
|
3300
3232
|
interceptDetail: undefined,
|
|
@@ -3306,33 +3238,18 @@ var LogisticsInterception = function LogisticsInterception(props) {
|
|
|
3306
3238
|
}
|
|
3307
3239
|
onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
|
|
3308
3240
|
};
|
|
3309
|
-
|
|
3310
|
-
|
|
3311
|
-
|
|
3312
|
-
|
|
3313
|
-
|
|
3314
|
-
interceptDetail: (val === null || val === void 0 ? void 0 : val.detail) || '',
|
|
3315
|
-
interceptReceiverName: (val === null || val === void 0 ? void 0 : val.receiverName) || '',
|
|
3316
|
-
interceptReceiverMobile: (val === null || val === void 0 ? void 0 : val.receiverMobile) || ''
|
|
3241
|
+
var handleParseLogistics = function handleParseLogistics(val) {
|
|
3242
|
+
var params = _objectSpread2(_objectSpread2({}, value), {}, {
|
|
3243
|
+
interceptDetail: val === null || val === void 0 ? void 0 : val.addressDetail,
|
|
3244
|
+
interceptReceiverName: val === null || val === void 0 ? void 0 : val.name,
|
|
3245
|
+
interceptReceiverMobile: val === null || val === void 0 ? void 0 : val.phone
|
|
3317
3246
|
});
|
|
3318
|
-
|
|
3319
|
-
|
|
3320
|
-
//选择退回地址
|
|
3321
|
-
var changeReturnAddress = function changeReturnAddress(uk) {
|
|
3322
|
-
var item = LogisticsAddress.getItemByUk(uk);
|
|
3323
|
-
console.log(item);
|
|
3324
|
-
if (item) {
|
|
3325
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, {
|
|
3326
|
-
interceptAddress: [item === null || item === void 0 ? void 0 : item.province, item === null || item === void 0 ? void 0 : item.city, item === null || item === void 0 ? void 0 : item.district],
|
|
3327
|
-
interceptDetail: item === null || item === void 0 ? void 0 : item.detail,
|
|
3328
|
-
interceptReceiverName: item === null || item === void 0 ? void 0 : item.userName,
|
|
3329
|
-
interceptReceiverMobile: item === null || item === void 0 ? void 0 : item.mobile
|
|
3330
|
-
}));
|
|
3247
|
+
if (val === null || val === void 0 ? void 0 : val.province) {
|
|
3248
|
+
params.interceptAddress = [AddressData.getInstance().getProCodeByName(val === null || val === void 0 ? void 0 : val.province), AddressData.getInstance().getProCodeByName(val === null || val === void 0 ? void 0 : val.city), AddressData.getInstance().getProCodeByName(val === null || val === void 0 ? void 0 : val.district)];
|
|
3331
3249
|
}
|
|
3250
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2({}, params));
|
|
3332
3251
|
};
|
|
3333
|
-
return /*#__PURE__*/React.createElement(
|
|
3334
|
-
className: css_248z$6.interceptBox
|
|
3335
|
-
}, /*#__PURE__*/React.createElement(Item, {
|
|
3252
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Item, {
|
|
3336
3253
|
label: '物流信息',
|
|
3337
3254
|
required: required,
|
|
3338
3255
|
key: 'logistics'
|
|
@@ -3390,38 +3307,41 @@ var LogisticsInterception = function LogisticsInterception(props) {
|
|
|
3390
3307
|
return changeHandle(e.target.value, 'interceptSenderMobile');
|
|
3391
3308
|
}
|
|
3392
3309
|
})), /*#__PURE__*/React.createElement(Item, {
|
|
3393
|
-
label: '退回地址',
|
|
3394
|
-
required: true,
|
|
3395
|
-
key: 'returnAddress',
|
|
3396
|
-
hidden: !showReturnAddress
|
|
3397
|
-
}, /*#__PURE__*/React.createElement(Select, {
|
|
3398
|
-
disabled: disabled || isEdit,
|
|
3399
|
-
value: returnValue,
|
|
3400
|
-
onChange: changeReturnAddress,
|
|
3401
|
-
placeholder: "\u8BF7\u9009\u62E9\u9000\u56DE\u5730\u5740",
|
|
3402
|
-
getPopupContainer: function getPopupContainer(triggerNode) {
|
|
3403
|
-
return triggerNode.parentElement;
|
|
3404
|
-
}
|
|
3405
|
-
}, logisticsAddressOptions.map(function (item) {
|
|
3406
|
-
return /*#__PURE__*/React.createElement(Select.Option, {
|
|
3407
|
-
key: item.uk,
|
|
3408
|
-
value: item.uk
|
|
3409
|
-
}, "".concat(address$1.getNameByCode(item === null || item === void 0 ? void 0 : item.province) || '').concat(address$1.getNameByCode(item === null || item === void 0 ? void 0 : item.city) || '').concat(address$1.getNameByCode(item === null || item === void 0 ? void 0 : item.district) || '').concat(item.detail, " ").concat(item === null || item === void 0 ? void 0 : item.userName, ":").concat(item === null || item === void 0 ? void 0 : item.mobile));
|
|
3410
|
-
}))), /*#__PURE__*/React.createElement(Item, {
|
|
3411
3310
|
label: '派送地址',
|
|
3412
3311
|
required: true,
|
|
3413
3312
|
key: 'newAddress',
|
|
3414
3313
|
hidden: !showNewAddress
|
|
3415
|
-
}, /*#__PURE__*/React.createElement(
|
|
3416
|
-
|
|
3417
|
-
|
|
3418
|
-
|
|
3419
|
-
|
|
3420
|
-
|
|
3421
|
-
receiverMobile: (value === null || value === void 0 ? void 0 : value.interceptReceiverMobile) || ''
|
|
3314
|
+
}, !(disabled || isEdit) && /*#__PURE__*/React.createElement(ParseLogistics, {
|
|
3315
|
+
onChange: handleParseLogistics
|
|
3316
|
+
}), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Province, {
|
|
3317
|
+
value: value === null || value === void 0 ? void 0 : value.interceptAddress,
|
|
3318
|
+
onChange: function onChange(val) {
|
|
3319
|
+
return changeHandle(val, 'interceptAddress');
|
|
3422
3320
|
},
|
|
3423
|
-
|
|
3424
|
-
|
|
3321
|
+
options: [],
|
|
3322
|
+
disabled: disabled || isEdit
|
|
3323
|
+
}), /*#__PURE__*/React.createElement(Input, {
|
|
3324
|
+
value: value === null || value === void 0 ? void 0 : value.interceptDetail,
|
|
3325
|
+
disabled: disabled || isEdit,
|
|
3326
|
+
placeholder: "\u8BE6\u7EC6\u5730\u5740",
|
|
3327
|
+
onChange: function onChange(e) {
|
|
3328
|
+
return changeHandle(e.target.value, 'interceptDetail');
|
|
3329
|
+
}
|
|
3330
|
+
})), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Input, {
|
|
3331
|
+
value: value === null || value === void 0 ? void 0 : value.interceptReceiverName,
|
|
3332
|
+
disabled: disabled || isEdit,
|
|
3333
|
+
placeholder: "\u6536\u4EF6\u4EBA\u59D3\u540D",
|
|
3334
|
+
onChange: function onChange(e) {
|
|
3335
|
+
return changeHandle(e.target.value, 'interceptReceiverName');
|
|
3336
|
+
}
|
|
3337
|
+
}), /*#__PURE__*/React.createElement(Input, {
|
|
3338
|
+
value: value === null || value === void 0 ? void 0 : value.interceptReceiverMobile,
|
|
3339
|
+
disabled: disabled || isEdit,
|
|
3340
|
+
placeholder: "\u6536\u4EF6\u4EBA\u7535\u8BDD",
|
|
3341
|
+
onChange: function onChange(e) {
|
|
3342
|
+
return changeHandle(e.target.value, 'interceptReceiverMobile');
|
|
3343
|
+
}
|
|
3344
|
+
}))), /*#__PURE__*/React.createElement(Item, {
|
|
3425
3345
|
label: '物流状态',
|
|
3426
3346
|
key: 'interceptLogisticsStatus'
|
|
3427
3347
|
}, /*#__PURE__*/React.createElement(Select, {
|
|
@@ -3565,8 +3485,8 @@ var jstGoods = function jstGoods(props) {
|
|
|
3565
3485
|
})) : null) : null);
|
|
3566
3486
|
};
|
|
3567
3487
|
|
|
3568
|
-
var css_248z$
|
|
3569
|
-
styleInject(css_248z$
|
|
3488
|
+
var css_248z$6 = ".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";
|
|
3489
|
+
styleInject(css_248z$6);
|
|
3570
3490
|
|
|
3571
3491
|
var ItemList = function ItemList(props) {
|
|
3572
3492
|
var _props$value = props.value,
|
|
@@ -3639,8 +3559,8 @@ var ItemList = function ItemList(props) {
|
|
|
3639
3559
|
}, "\u6682\u4E0D\u652F\u6301\u6DFB\u52A0")) : null);
|
|
3640
3560
|
};
|
|
3641
3561
|
|
|
3642
|
-
var css_248z$
|
|
3643
|
-
styleInject(css_248z$
|
|
3562
|
+
var css_248z$7 = ".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";
|
|
3563
|
+
styleInject(css_248z$7);
|
|
3644
3564
|
|
|
3645
3565
|
var TabPane$1 = Tabs.TabPane;
|
|
3646
3566
|
var Option$2 = Select.Option;
|
|
@@ -4115,4 +4035,4 @@ var Goods$1 = function Goods(props, ref) {
|
|
|
4115
4035
|
};
|
|
4116
4036
|
var index = /*#__PURE__*/forwardRef(Goods$1);
|
|
4117
4037
|
|
|
4118
|
-
export { ApaasAddress as Address, AliPay, Province as ApaasAddress, ApaasCascader, ApaasCheckbox, ApaasDate, withFormItem as ApaasHoc, ApaasInput, ApaasInputNumber, ApaasMultipleSelect, ApaasRadio, ApaasRate, ApaasSelect, ApaasSlider, ApaasTextArea, ApaasUpload, ApaasUploadAsync, BuyerNick, ChooseBaby, ExpressLogistics, Goods, index as GoodsTable,
|
|
4038
|
+
export { ApaasAddress as Address, AliPay, Province as ApaasAddress, ApaasCascader, ApaasCheckbox, ApaasDate, withFormItem as ApaasHoc, ApaasInput, ApaasInputNumber, ApaasMultipleSelect, ApaasRadio, ApaasRate, ApaasSelect, ApaasSlider, ApaasTextArea, ApaasUpload, ApaasUploadAsync, BuyerNick, ChooseBaby, ExpressLogistics, Goods, index as GoodsTable, Invoice, jstGoods as JstGoods, ItemList as JstItemList, LogisticsInterception, Payment, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, Supplier, TBGoodId, TBGoodSerial, TradeId };
|
package/dist/index.js
CHANGED
|
@@ -3065,27 +3065,43 @@ var Payment = function Payment(props) {
|
|
|
3065
3065
|
var TextArea$1 = antd.Input.TextArea;
|
|
3066
3066
|
var ParseLogistics = function ParseLogistics(props) {
|
|
3067
3067
|
var onChange = props.onChange;
|
|
3068
|
-
var _useState = React.useState(
|
|
3068
|
+
var _useState = React.useState(''),
|
|
3069
3069
|
_useState2 = _slicedToArray(_useState, 2),
|
|
3070
3070
|
value = _useState2[0],
|
|
3071
3071
|
setValue = _useState2[1];
|
|
3072
|
-
var handleIdentify = function
|
|
3073
|
-
|
|
3074
|
-
|
|
3075
|
-
|
|
3076
|
-
|
|
3077
|
-
|
|
3078
|
-
|
|
3079
|
-
|
|
3080
|
-
|
|
3081
|
-
|
|
3082
|
-
|
|
3083
|
-
|
|
3084
|
-
|
|
3085
|
-
|
|
3086
|
-
|
|
3087
|
-
|
|
3088
|
-
|
|
3072
|
+
var handleIdentify = /*#__PURE__*/function () {
|
|
3073
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
3074
|
+
var _yield$request, data;
|
|
3075
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
3076
|
+
while (1) switch (_context.prev = _context.next) {
|
|
3077
|
+
case 0:
|
|
3078
|
+
if (value) {
|
|
3079
|
+
_context.next = 2;
|
|
3080
|
+
break;
|
|
3081
|
+
}
|
|
3082
|
+
return _context.abrupt("return");
|
|
3083
|
+
case 2:
|
|
3084
|
+
_context.next = 4;
|
|
3085
|
+
return extendRequest('/qy/logistics/addressAnalysis', {
|
|
3086
|
+
method: 'post',
|
|
3087
|
+
data: {
|
|
3088
|
+
fullAddress: value
|
|
3089
|
+
}
|
|
3090
|
+
});
|
|
3091
|
+
case 4:
|
|
3092
|
+
_yield$request = _context.sent;
|
|
3093
|
+
data = _yield$request.data;
|
|
3094
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(data);
|
|
3095
|
+
case 7:
|
|
3096
|
+
case "end":
|
|
3097
|
+
return _context.stop();
|
|
3098
|
+
}
|
|
3099
|
+
}, _callee);
|
|
3100
|
+
}));
|
|
3101
|
+
return function handleIdentify() {
|
|
3102
|
+
return _ref.apply(this, arguments);
|
|
3103
|
+
};
|
|
3104
|
+
}();
|
|
3089
3105
|
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(TextArea$1, {
|
|
3090
3106
|
placeholder: "\u590D\u5236\u7269\u6D41\u4FE1\u606F\uFF0C\u70B9\u51FB\u667A\u80FD\u8BC6\u522B",
|
|
3091
3107
|
rows: 3,
|
|
@@ -3100,70 +3116,12 @@ var ParseLogistics = function ParseLogistics(props) {
|
|
|
3100
3116
|
}, "\u667A\u80FD\u8BC6\u522B"), /*#__PURE__*/React__default['default'].createElement(antd.Button, {
|
|
3101
3117
|
size: "small",
|
|
3102
3118
|
onClick: function onClick() {
|
|
3103
|
-
return setValue(
|
|
3119
|
+
return setValue('');
|
|
3104
3120
|
}
|
|
3105
3121
|
}, "\u6E05\u7A7A")));
|
|
3106
3122
|
};
|
|
3107
3123
|
|
|
3108
|
-
var IdentifyAddress = function IdentifyAddress(props) {
|
|
3109
|
-
var value = props.value,
|
|
3110
|
-
onChange = props.onChange,
|
|
3111
|
-
_props$disabled = props.disabled,
|
|
3112
|
-
disabled = _props$disabled === void 0 ? false : _props$disabled;
|
|
3113
|
-
var changeHandle = function changeHandle(val, type) {
|
|
3114
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, _defineProperty({}, type, val)));
|
|
3115
|
-
};
|
|
3116
|
-
var handleParseLogistics = function handleParseLogistics(val) {
|
|
3117
|
-
var params = {
|
|
3118
|
-
detail: val === null || val === void 0 ? void 0 : val.addressDetail,
|
|
3119
|
-
receiverName: val === null || val === void 0 ? void 0 : val.name,
|
|
3120
|
-
receiverMobile: val === null || val === void 0 ? void 0 : val.phone,
|
|
3121
|
-
address: []
|
|
3122
|
-
};
|
|
3123
|
-
if (val === null || val === void 0 ? void 0 : val.province) {
|
|
3124
|
-
params.address = [kmkfUtils.AddressData.getInstance().getProCodeByName(val === null || val === void 0 ? void 0 : val.province), kmkfUtils.AddressData.getInstance().getProCodeByName(val === null || val === void 0 ? void 0 : val.city), kmkfUtils.AddressData.getInstance().getProCodeByName(val === null || val === void 0 ? void 0 : val.district)];
|
|
3125
|
-
}
|
|
3126
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2({}, params));
|
|
3127
|
-
};
|
|
3128
|
-
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, !disabled && /*#__PURE__*/React__default['default'].createElement(ParseLogistics, {
|
|
3129
|
-
onChange: handleParseLogistics
|
|
3130
|
-
}), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement(Province, {
|
|
3131
|
-
value: value.address,
|
|
3132
|
-
onChange: function onChange(val) {
|
|
3133
|
-
return changeHandle(val, 'address');
|
|
3134
|
-
},
|
|
3135
|
-
options: [],
|
|
3136
|
-
disabled: disabled
|
|
3137
|
-
}), /*#__PURE__*/React__default['default'].createElement(antd.Input, {
|
|
3138
|
-
value: value.detail,
|
|
3139
|
-
disabled: disabled,
|
|
3140
|
-
placeholder: "\u8BE6\u7EC6\u5730\u5740",
|
|
3141
|
-
onChange: function onChange(e) {
|
|
3142
|
-
return changeHandle(e.target.value, 'detail');
|
|
3143
|
-
}
|
|
3144
|
-
})), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
|
|
3145
|
-
value: value.receiverName,
|
|
3146
|
-
disabled: disabled,
|
|
3147
|
-
placeholder: "\u6536\u4EF6\u4EBA\u59D3\u540D",
|
|
3148
|
-
onChange: function onChange(e) {
|
|
3149
|
-
return changeHandle(e.target.value, 'receiverName');
|
|
3150
|
-
}
|
|
3151
|
-
}), /*#__PURE__*/React__default['default'].createElement(antd.Input, {
|
|
3152
|
-
value: value.receiverMobile,
|
|
3153
|
-
disabled: disabled,
|
|
3154
|
-
placeholder: "\u6536\u4EF6\u4EBA\u7535\u8BDD",
|
|
3155
|
-
onChange: function onChange(e) {
|
|
3156
|
-
return changeHandle(e.target.value, 'receiverMobile');
|
|
3157
|
-
}
|
|
3158
|
-
})));
|
|
3159
|
-
};
|
|
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
|
-
|
|
3164
3124
|
var Item = antd.Form.Item;
|
|
3165
|
-
var LogisticsAddress = kmkfUtils.LogisticsAddressData.getInstance();
|
|
3166
|
-
var address$1 = kmkfUtils.AddressData.getInstance();
|
|
3167
3125
|
var LogisticsInterception = function LogisticsInterception(props) {
|
|
3168
3126
|
var _props$value = props.value,
|
|
3169
3127
|
value = _props$value === void 0 ? {} : _props$value,
|
|
@@ -3196,6 +3154,7 @@ var LogisticsInterception = function LogisticsInterception(props) {
|
|
|
3196
3154
|
setIsInterface = _useState8[1];
|
|
3197
3155
|
var firstIn = React.useRef(true);
|
|
3198
3156
|
React.useEffect(function () {
|
|
3157
|
+
kmkfUtils.AddressData.getInstance();
|
|
3199
3158
|
//存入第一次的物流地址,防止非对接物流切换成对接物流后无法编辑
|
|
3200
3159
|
if (firstIn.current && JSON.stringify(value) !== '{}') {
|
|
3201
3160
|
setInitCompany(value === null || value === void 0 ? void 0 : value.interceptCompany);
|
|
@@ -3251,19 +3210,12 @@ var LogisticsInterception = function LogisticsInterception(props) {
|
|
|
3251
3210
|
return item.value === (value === null || value === void 0 ? void 0 : value.interceptType);
|
|
3252
3211
|
})) === null || _find === void 0 ? void 0 : (_find$config = _find.config) === null || _find$config === void 0 ? void 0 : _find$config.showAddress;
|
|
3253
3212
|
}, [value === null || value === void 0 ? void 0 : value.interceptType, typeOptions, value === null || value === void 0 ? void 0 : value.interceptCompany]);
|
|
3254
|
-
//是否回退新地址
|
|
3255
|
-
var showReturnAddress = React.useMemo(function () {
|
|
3256
|
-
var _find2, _find2$config;
|
|
3257
|
-
return (_find2 = (typeOptions || []).find(function (item) {
|
|
3258
|
-
return item.value === (value === null || value === void 0 ? void 0 : value.interceptType);
|
|
3259
|
-
})) === null || _find2 === void 0 ? void 0 : (_find2$config = _find2.config) === null || _find2$config === void 0 ? void 0 : _find2$config.showAddressSelect;
|
|
3260
|
-
}, [value === null || value === void 0 ? void 0 : value.interceptType, typeOptions, value === null || value === void 0 ? void 0 : value.interceptCompany]);
|
|
3261
3213
|
//是否展示发件人手机号
|
|
3262
3214
|
var showSenderMobile = React.useMemo(function () {
|
|
3263
|
-
var
|
|
3264
|
-
return (
|
|
3215
|
+
var _find2, _find2$config;
|
|
3216
|
+
return (_find2 = (typeOptions || []).find(function (item) {
|
|
3265
3217
|
return item.value === (value === null || value === void 0 ? void 0 : value.interceptType);
|
|
3266
|
-
})) === null ||
|
|
3218
|
+
})) === null || _find2 === void 0 ? void 0 : (_find2$config = _find2.config) === null || _find2$config === void 0 ? void 0 : _find2$config.showSenderMobile;
|
|
3267
3219
|
}, [value === null || value === void 0 ? void 0 : value.interceptType, typeOptions, value === null || value === void 0 ? void 0 : value.interceptCompany]);
|
|
3268
3220
|
//判断是否能修改物流信息
|
|
3269
3221
|
var isEdit = React.useMemo(function () {
|
|
@@ -3272,39 +3224,19 @@ var LogisticsInterception = function LogisticsInterception(props) {
|
|
|
3272
3224
|
});
|
|
3273
3225
|
return isEditing && !!(company === null || company === void 0 ? void 0 : company.isInterface);
|
|
3274
3226
|
}, [isEditing, initCompany]);
|
|
3275
|
-
//退回地址列表
|
|
3276
|
-
var logisticsAddressOptions = React.useMemo(function () {
|
|
3277
|
-
return ((LogisticsAddress === null || LogisticsAddress === void 0 ? void 0 : LogisticsAddress.getAddressData()) || []).filter(function (item) {
|
|
3278
|
-
return item.cpCode === (value === null || value === void 0 ? void 0 : value.interceptCompany);
|
|
3279
|
-
});
|
|
3280
|
-
}, [value === null || value === void 0 ? void 0 : value.interceptCompany]);
|
|
3281
|
-
var returnValue = React.useMemo(function () {
|
|
3282
|
-
var _value$interceptAddre, _value$interceptAddre2, _value$interceptAddre3;
|
|
3283
|
-
var uk = LogisticsAddress === null || LogisticsAddress === void 0 ? void 0 : LogisticsAddress.getUkByInfo({
|
|
3284
|
-
cpCode: (value === null || value === void 0 ? void 0 : value.interceptCompany) || '',
|
|
3285
|
-
province: value === null || value === void 0 ? void 0 : (_value$interceptAddre = value.interceptAddress) === null || _value$interceptAddre === void 0 ? void 0 : _value$interceptAddre[0],
|
|
3286
|
-
city: value === null || value === void 0 ? void 0 : (_value$interceptAddre2 = value.interceptAddress) === null || _value$interceptAddre2 === void 0 ? void 0 : _value$interceptAddre2[1],
|
|
3287
|
-
district: value === null || value === void 0 ? void 0 : (_value$interceptAddre3 = value.interceptAddress) === null || _value$interceptAddre3 === void 0 ? void 0 : _value$interceptAddre3[2],
|
|
3288
|
-
detail: (value === null || value === void 0 ? void 0 : value.interceptDetail) || '',
|
|
3289
|
-
userName: (value === null || value === void 0 ? void 0 : value.interceptReceiverName) || '',
|
|
3290
|
-
mobile: (value === null || value === void 0 ? void 0 : value.interceptReceiverMobile) || ''
|
|
3291
|
-
});
|
|
3292
|
-
return uk || undefined;
|
|
3293
|
-
}, [value === null || value === void 0 ? void 0 : value.interceptCompany, value === null || value === void 0 ? void 0 : value.interceptAddress]);
|
|
3294
|
-
//选择回调
|
|
3295
3227
|
var changeHandle = function changeHandle(val, type) {
|
|
3296
3228
|
var newValue = _objectSpread2(_objectSpread2({}, value), {}, _defineProperty({}, type, val));
|
|
3297
3229
|
if (type === 'interceptCompany') {
|
|
3298
3230
|
var interceptCompany = expressInterceptData.find(function (item) {
|
|
3299
3231
|
return item.value === val;
|
|
3300
3232
|
});
|
|
3301
|
-
var
|
|
3233
|
+
var returnValue = ((interceptCompany === null || interceptCompany === void 0 ? void 0 : interceptCompany.interceptionTypeList) || []).find(function (item) {
|
|
3302
3234
|
var _item$config3;
|
|
3303
3235
|
return item === null || item === void 0 ? void 0 : (_item$config3 = item.config) === null || _item$config3 === void 0 ? void 0 : _item$config3.isDefault;
|
|
3304
3236
|
});
|
|
3305
3237
|
newValue = _objectSpread2(_objectSpread2({}, value), {}, {
|
|
3306
3238
|
interceptCompany: val,
|
|
3307
|
-
interceptType:
|
|
3239
|
+
interceptType: returnValue === null || returnValue === void 0 ? void 0 : returnValue.value,
|
|
3308
3240
|
interceptSenderMobile: undefined,
|
|
3309
3241
|
interceptAddress: [],
|
|
3310
3242
|
interceptDetail: undefined,
|
|
@@ -3316,33 +3248,18 @@ var LogisticsInterception = function LogisticsInterception(props) {
|
|
|
3316
3248
|
}
|
|
3317
3249
|
onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
|
|
3318
3250
|
};
|
|
3319
|
-
|
|
3320
|
-
|
|
3321
|
-
|
|
3322
|
-
|
|
3323
|
-
|
|
3324
|
-
interceptDetail: (val === null || val === void 0 ? void 0 : val.detail) || '',
|
|
3325
|
-
interceptReceiverName: (val === null || val === void 0 ? void 0 : val.receiverName) || '',
|
|
3326
|
-
interceptReceiverMobile: (val === null || val === void 0 ? void 0 : val.receiverMobile) || ''
|
|
3251
|
+
var handleParseLogistics = function handleParseLogistics(val) {
|
|
3252
|
+
var params = _objectSpread2(_objectSpread2({}, value), {}, {
|
|
3253
|
+
interceptDetail: val === null || val === void 0 ? void 0 : val.addressDetail,
|
|
3254
|
+
interceptReceiverName: val === null || val === void 0 ? void 0 : val.name,
|
|
3255
|
+
interceptReceiverMobile: val === null || val === void 0 ? void 0 : val.phone
|
|
3327
3256
|
});
|
|
3328
|
-
|
|
3329
|
-
|
|
3330
|
-
//选择退回地址
|
|
3331
|
-
var changeReturnAddress = function changeReturnAddress(uk) {
|
|
3332
|
-
var item = LogisticsAddress.getItemByUk(uk);
|
|
3333
|
-
console.log(item);
|
|
3334
|
-
if (item) {
|
|
3335
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, {
|
|
3336
|
-
interceptAddress: [item === null || item === void 0 ? void 0 : item.province, item === null || item === void 0 ? void 0 : item.city, item === null || item === void 0 ? void 0 : item.district],
|
|
3337
|
-
interceptDetail: item === null || item === void 0 ? void 0 : item.detail,
|
|
3338
|
-
interceptReceiverName: item === null || item === void 0 ? void 0 : item.userName,
|
|
3339
|
-
interceptReceiverMobile: item === null || item === void 0 ? void 0 : item.mobile
|
|
3340
|
-
}));
|
|
3257
|
+
if (val === null || val === void 0 ? void 0 : val.province) {
|
|
3258
|
+
params.interceptAddress = [kmkfUtils.AddressData.getInstance().getProCodeByName(val === null || val === void 0 ? void 0 : val.province), kmkfUtils.AddressData.getInstance().getProCodeByName(val === null || val === void 0 ? void 0 : val.city), kmkfUtils.AddressData.getInstance().getProCodeByName(val === null || val === void 0 ? void 0 : val.district)];
|
|
3341
3259
|
}
|
|
3260
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2({}, params));
|
|
3342
3261
|
};
|
|
3343
|
-
return /*#__PURE__*/React__default['default'].createElement(
|
|
3344
|
-
className: css_248z$6.interceptBox
|
|
3345
|
-
}, /*#__PURE__*/React__default['default'].createElement(Item, {
|
|
3262
|
+
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Item, {
|
|
3346
3263
|
label: '物流信息',
|
|
3347
3264
|
required: required,
|
|
3348
3265
|
key: 'logistics'
|
|
@@ -3400,38 +3317,41 @@ var LogisticsInterception = function LogisticsInterception(props) {
|
|
|
3400
3317
|
return changeHandle(e.target.value, 'interceptSenderMobile');
|
|
3401
3318
|
}
|
|
3402
3319
|
})), /*#__PURE__*/React__default['default'].createElement(Item, {
|
|
3403
|
-
label: '退回地址',
|
|
3404
|
-
required: true,
|
|
3405
|
-
key: 'returnAddress',
|
|
3406
|
-
hidden: !showReturnAddress
|
|
3407
|
-
}, /*#__PURE__*/React__default['default'].createElement(antd.Select, {
|
|
3408
|
-
disabled: disabled || isEdit,
|
|
3409
|
-
value: returnValue,
|
|
3410
|
-
onChange: changeReturnAddress,
|
|
3411
|
-
placeholder: "\u8BF7\u9009\u62E9\u9000\u56DE\u5730\u5740",
|
|
3412
|
-
getPopupContainer: function getPopupContainer(triggerNode) {
|
|
3413
|
-
return triggerNode.parentElement;
|
|
3414
|
-
}
|
|
3415
|
-
}, logisticsAddressOptions.map(function (item) {
|
|
3416
|
-
return /*#__PURE__*/React__default['default'].createElement(antd.Select.Option, {
|
|
3417
|
-
key: item.uk,
|
|
3418
|
-
value: item.uk
|
|
3419
|
-
}, "".concat(address$1.getNameByCode(item === null || item === void 0 ? void 0 : item.province) || '').concat(address$1.getNameByCode(item === null || item === void 0 ? void 0 : item.city) || '').concat(address$1.getNameByCode(item === null || item === void 0 ? void 0 : item.district) || '').concat(item.detail, " ").concat(item === null || item === void 0 ? void 0 : item.userName, ":").concat(item === null || item === void 0 ? void 0 : item.mobile));
|
|
3420
|
-
}))), /*#__PURE__*/React__default['default'].createElement(Item, {
|
|
3421
3320
|
label: '派送地址',
|
|
3422
3321
|
required: true,
|
|
3423
3322
|
key: 'newAddress',
|
|
3424
3323
|
hidden: !showNewAddress
|
|
3425
|
-
}, /*#__PURE__*/React__default['default'].createElement(
|
|
3426
|
-
|
|
3427
|
-
|
|
3428
|
-
|
|
3429
|
-
|
|
3430
|
-
|
|
3431
|
-
receiverMobile: (value === null || value === void 0 ? void 0 : value.interceptReceiverMobile) || ''
|
|
3324
|
+
}, !(disabled || isEdit) && /*#__PURE__*/React__default['default'].createElement(ParseLogistics, {
|
|
3325
|
+
onChange: handleParseLogistics
|
|
3326
|
+
}), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement(Province, {
|
|
3327
|
+
value: value === null || value === void 0 ? void 0 : value.interceptAddress,
|
|
3328
|
+
onChange: function onChange(val) {
|
|
3329
|
+
return changeHandle(val, 'interceptAddress');
|
|
3432
3330
|
},
|
|
3433
|
-
|
|
3434
|
-
|
|
3331
|
+
options: [],
|
|
3332
|
+
disabled: disabled || isEdit
|
|
3333
|
+
}), /*#__PURE__*/React__default['default'].createElement(antd.Input, {
|
|
3334
|
+
value: value === null || value === void 0 ? void 0 : value.interceptDetail,
|
|
3335
|
+
disabled: disabled || isEdit,
|
|
3336
|
+
placeholder: "\u8BE6\u7EC6\u5730\u5740",
|
|
3337
|
+
onChange: function onChange(e) {
|
|
3338
|
+
return changeHandle(e.target.value, 'interceptDetail');
|
|
3339
|
+
}
|
|
3340
|
+
})), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
|
|
3341
|
+
value: value === null || value === void 0 ? void 0 : value.interceptReceiverName,
|
|
3342
|
+
disabled: disabled || isEdit,
|
|
3343
|
+
placeholder: "\u6536\u4EF6\u4EBA\u59D3\u540D",
|
|
3344
|
+
onChange: function onChange(e) {
|
|
3345
|
+
return changeHandle(e.target.value, 'interceptReceiverName');
|
|
3346
|
+
}
|
|
3347
|
+
}), /*#__PURE__*/React__default['default'].createElement(antd.Input, {
|
|
3348
|
+
value: value === null || value === void 0 ? void 0 : value.interceptReceiverMobile,
|
|
3349
|
+
disabled: disabled || isEdit,
|
|
3350
|
+
placeholder: "\u6536\u4EF6\u4EBA\u7535\u8BDD",
|
|
3351
|
+
onChange: function onChange(e) {
|
|
3352
|
+
return changeHandle(e.target.value, 'interceptReceiverMobile');
|
|
3353
|
+
}
|
|
3354
|
+
}))), /*#__PURE__*/React__default['default'].createElement(Item, {
|
|
3435
3355
|
label: '物流状态',
|
|
3436
3356
|
key: 'interceptLogisticsStatus'
|
|
3437
3357
|
}, /*#__PURE__*/React__default['default'].createElement(antd.Select, {
|
|
@@ -3575,8 +3495,8 @@ var jstGoods = function jstGoods(props) {
|
|
|
3575
3495
|
})) : null) : null);
|
|
3576
3496
|
};
|
|
3577
3497
|
|
|
3578
|
-
var css_248z$
|
|
3579
|
-
styleInject(css_248z$
|
|
3498
|
+
var css_248z$6 = ".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";
|
|
3499
|
+
styleInject(css_248z$6);
|
|
3580
3500
|
|
|
3581
3501
|
var ItemList = function ItemList(props) {
|
|
3582
3502
|
var _props$value = props.value,
|
|
@@ -3649,8 +3569,8 @@ var ItemList = function ItemList(props) {
|
|
|
3649
3569
|
}, "\u6682\u4E0D\u652F\u6301\u6DFB\u52A0")) : null);
|
|
3650
3570
|
};
|
|
3651
3571
|
|
|
3652
|
-
var css_248z$
|
|
3653
|
-
styleInject(css_248z$
|
|
3572
|
+
var css_248z$7 = ".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";
|
|
3573
|
+
styleInject(css_248z$7);
|
|
3654
3574
|
|
|
3655
3575
|
var TabPane$1 = antd.Tabs.TabPane;
|
|
3656
3576
|
var Option$2 = antd.Select.Option;
|
|
@@ -4147,12 +4067,10 @@ exports.ChooseBaby = ChooseBaby;
|
|
|
4147
4067
|
exports.ExpressLogistics = ExpressLogistics;
|
|
4148
4068
|
exports.Goods = Goods;
|
|
4149
4069
|
exports.GoodsTable = index;
|
|
4150
|
-
exports.IdentifyAddress = IdentifyAddress;
|
|
4151
4070
|
exports.Invoice = Invoice;
|
|
4152
4071
|
exports.JstGoods = jstGoods;
|
|
4153
4072
|
exports.JstItemList = ItemList;
|
|
4154
4073
|
exports.LogisticsInterception = LogisticsInterception;
|
|
4155
|
-
exports.ParseLogistics = ParseLogistics;
|
|
4156
4074
|
exports.Payment = Payment;
|
|
4157
4075
|
exports.Remark = RemarkInput;
|
|
4158
4076
|
exports.ReturnLogistics = ExpressLogistics;
|
package/dist/src/index.d.ts
CHANGED
|
@@ -33,5 +33,3 @@ export { default as Goods } from './common/Goods';
|
|
|
33
33
|
export { default as JstGoods } from './jst/Goods';
|
|
34
34
|
export { default as JstItemList } from './jst/ItemList';
|
|
35
35
|
export { default as GoodsTable } from './common/GoodsTable';
|
|
36
|
-
export { default as ParseLogistics } from './common/ParseLogistics';
|
|
37
|
-
export { default as IdentifyAddress } from './common/IdentifyAddress';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kmkf-fe-packages/basic-components",
|
|
3
|
-
"version": "0.7.1
|
|
3
|
+
"version": "0.7.1",
|
|
4
4
|
"description": "> TODO: description",
|
|
5
5
|
"homepage": "",
|
|
6
6
|
"license": "ISC",
|
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
"lint": "eslint '**/*.{ts,tsx}'",
|
|
17
17
|
"lint:fix": "eslint --fix '**/*.{ts,tsx}'",
|
|
18
18
|
"start": "dumi dev",
|
|
19
|
-
"
|
|
20
|
-
"
|
|
19
|
+
"watch": "nodemon --ignore dist/ --ignore node_modules/ --watch src/ -C -e ts,tsx,less --debug -x 'yarn async'",
|
|
20
|
+
"test": "jest"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@kmkf-fe-packages/kmkf-utils": "^0.7.1
|
|
23
|
+
"@kmkf-fe-packages/kmkf-utils": "^0.7.1",
|
|
24
24
|
"umi-request": "^1.4.0"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
@@ -54,5 +54,5 @@
|
|
|
54
54
|
"publishConfig": {
|
|
55
55
|
"access": "public"
|
|
56
56
|
},
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "45b9ed0a862e698d4e244071b87ad8109a2d26c7"
|
|
58
58
|
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface IdentifyAddressProps {
|
|
3
|
-
value: {
|
|
4
|
-
address: any[];
|
|
5
|
-
detail: string;
|
|
6
|
-
receiverName: string;
|
|
7
|
-
receiverMobile: string;
|
|
8
|
-
};
|
|
9
|
-
onChange: (value: any) => void;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
}
|
|
12
|
-
declare const IdentifyAddress: (props: IdentifyAddressProps) => React.JSX.Element;
|
|
13
|
-
export default IdentifyAddress;
|