@kmkf-fe-packages/basic-components 0.24.1-alpha.9 → 0.25.0-alpha.0
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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useRef, useState, useEffect, forwardRef, useImperativeHandle, useMemo } from 'react';
|
|
2
2
|
import { Cascader, DatePicker, InputNumber, Input, Select, Upload, Image, message, Radio, Space, Spin, Modal, Button, Checkbox, Row, Col, Slider, Rate, Form, Tabs, ConfigProvider, Pagination, Popover, Table } from 'antd';
|
|
3
|
-
import { EyeOutlined, DeleteOutlined, CaretUpOutlined } from '@ant-design/icons';
|
|
3
|
+
import { EyeOutlined, DeleteOutlined, CloseCircleOutlined, CaretUpOutlined } from '@ant-design/icons';
|
|
4
4
|
import request, { extend as extend$1 } from 'umi-request';
|
|
5
5
|
import { CopyToClipboard } from 'react-copy-to-clipboard';
|
|
6
6
|
import { AddressData, BsAddressData, toTree, request as request$1, ExpressData, uuid, LogisticsAddressData } from '@kmkf-fe-packages/kmkf-utils';
|
|
@@ -8951,7 +8951,7 @@ var ChooseBaby = function ChooseBaby(props) {
|
|
|
8951
8951
|
}));
|
|
8952
8952
|
};
|
|
8953
8953
|
|
|
8954
|
-
var css_248z$6 = ".goodsBox.single-row {\n max-height: 800px;\n overflow-y: auto;\n padding-top: 4px;\n flex-basis: 100%;\n}\n.goodsBox.single-row .good-item.rich-item.with-pic,\n.goodsBox.single-row .good-item.rich-item.with-attr,\n.goodsBox.single-row .good-item.rich-item.with-attr.with-pic {\n flex-basis: 100%;\n}\n.goodsBox.single-row .good-item.rich-item .good-attrs {\n flex-grow: 1;\n flex-shrink: 1;\n}\n.goodsBox.single-row .good-item.rich-item .good-attrs .good-item-attr {\n flex-grow: 1;\n flex-shrink: 1;\n max-width: 80px;\n width: 20px;\n flex-basis: 20px;\n}\n.goodsBox.single-row .good-item.rich-item .good-attrs .ant-input {\n flex-shrink: 1;\n flex-grow: 1;\n width: 20px;\n flex-basis: 40px;\n}\n.good-item.rich-item {\n position: relative;\n border: 1px solid #ccc;\n display: flex;\n flex-basis: 80px;\n flex-wrap: nowrap;\n margin: 0 10px 10px 0;\n padding: 4px;\n}\n.good-item.rich-item.with-pic {\n flex-basis: 90px;\n}\n.good-item.rich-item.with-attr {\n flex-basis: 150px;\n}\n.good-item.rich-item.with-attr.with-pic {\n flex-basis: 238px;\n}\n.good-item.rich-item.with-attr.with-pic .goods-imgBox {\n margin-right: 8px;\n}\n.good-item.rich-item .good-item-attr {\n margin-right: 6px;\n width: 52px;\n flex-basis: 52px;\n}\n.good-item.rich-item .good-img {\n position: relative;\n width: 80px;\n height: 80px;\n border-radius: 4px;\n border: 1px solid #f2f3f5;\n margin: 0 10px 0 0;\n text-align: center;\n background-color: #f2f3f5;\n}\n.good-item.rich-item .good-attrs {\n display: flex;\n flex-direction: column;\n font-size: 12px;\n}\n.good-item.rich-item .good-attrs .ant-input {\n font-size: 12px;\n width: 80px;\n height: 20px;\n padding-left: 5px;\n padding-right: 5px;\n}\n.good-item.rich-item .good-attrs .ant-input.id-textarea {\n width: 80px;\n resize: none;\n height: 45px;\n}\n.good-item.rich-item .good-attrs div {\n display: flex;\n}\n.good-item.rich-item .good-attrs div:not(:first-child) {\n margin-top: 4px;\n}\n";
|
|
8954
|
+
var css_248z$6 = "#goods-wrap.goodsBox.single-row {\n max-height: 800px;\n overflow-y: auto;\n padding-top: 4px;\n flex-basis: 100%;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-pic,\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-attr,\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-attr.with-pic {\n flex-basis: 100%;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs {\n flex-grow: 1;\n flex-shrink: 1;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs .good-item-attr {\n flex-grow: 1;\n flex-shrink: 1;\n max-width: 80px;\n width: 20px;\n flex-basis: 20px;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs .ant-input {\n flex-shrink: 1;\n flex-grow: 1;\n width: 20px;\n flex-basis: 40px;\n}\n#goods-wrap .good-item.rich-item {\n position: relative;\n border: 1px solid #ccc;\n display: flex;\n flex-basis: 80px;\n flex-wrap: nowrap;\n margin: 0 10px 10px 0;\n padding: 4px;\n}\n#goods-wrap .good-item.rich-item.with-pic {\n flex-basis: 90px;\n}\n#goods-wrap .good-item.rich-item.with-attr {\n flex-basis: 150px;\n}\n#goods-wrap .good-item.rich-item.with-attr.with-pic {\n flex-basis: 238px;\n}\n#goods-wrap .good-item.rich-item.with-attr.with-pic .goods-imgBox {\n margin-right: 8px;\n}\n#goods-wrap .good-item.rich-item .good-item-attr {\n margin-right: 6px;\n width: 52px;\n flex-basis: 52px;\n}\n#goods-wrap .good-item.rich-item .good-img {\n position: relative;\n width: 80px;\n height: 80px;\n border-radius: 4px;\n border: 1px solid #f2f3f5;\n margin: 0 10px 0 0;\n text-align: center;\n background-color: #f2f3f5;\n}\n#goods-wrap .good-item.rich-item .good-attrs {\n display: flex;\n flex-direction: column;\n font-size: 12px;\n}\n#goods-wrap .good-item.rich-item .good-attrs .ant-input {\n font-size: 12px;\n width: 80px;\n height: 20px;\n padding-left: 5px;\n padding-right: 5px;\n}\n#goods-wrap .good-item.rich-item .good-attrs .ant-input.id-textarea {\n width: 80px;\n resize: none;\n height: 45px;\n}\n#goods-wrap .good-item.rich-item .good-attrs div {\n display: flex;\n}\n#goods-wrap .good-item.rich-item .good-attrs div:not(:first-child) {\n margin-top: 4px;\n}\n";
|
|
8955
8955
|
styleInject(css_248z$6);
|
|
8956
8956
|
|
|
8957
8957
|
var GoodItem = function GoodItem(props) {
|
|
@@ -9194,6 +9194,7 @@ var GoodItem = function GoodItem(props) {
|
|
|
9194
9194
|
className: "goods-uploaded-count"
|
|
9195
9195
|
}, imgList.length), "/", maxLength, "\u4E2A\u5B9D\u8D1D"), /*#__PURE__*/React.createElement("div", {
|
|
9196
9196
|
ref: boxRef,
|
|
9197
|
+
id: "goods-wrap",
|
|
9197
9198
|
className: "goodsBox goodsBox-item-horizontal--box".concat(isSingleRow ? ' single-row' : '')
|
|
9198
9199
|
}, imgList === null || imgList === void 0 ? void 0 : imgList.map(function (img, index) {
|
|
9199
9200
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -9724,7 +9725,6 @@ var LogisticsInterception = function LogisticsInterception(props) {
|
|
|
9724
9725
|
var address = AddressData.getInstance();
|
|
9725
9726
|
var _props$value = props.value,
|
|
9726
9727
|
value = _props$value === void 0 ? {} : _props$value,
|
|
9727
|
-
_props$logisticsOptio = props.logisticsOptions,
|
|
9728
9728
|
_props$expressInterce = props.expressInterceptData,
|
|
9729
9729
|
expressInterceptData = _props$expressInterce === void 0 ? [] : _props$expressInterce,
|
|
9730
9730
|
_props$required = props.required,
|
|
@@ -10016,6 +10016,62 @@ var LogisticsInterception = function LogisticsInterception(props) {
|
|
|
10016
10016
|
})));
|
|
10017
10017
|
};
|
|
10018
10018
|
|
|
10019
|
+
var LogisticsMoreInterception = function LogisticsMoreInterception(props) {
|
|
10020
|
+
var required = props.required,
|
|
10021
|
+
expressInterceptData = props.expressInterceptData,
|
|
10022
|
+
_props$value = props.value,
|
|
10023
|
+
value = _props$value === void 0 ? [] : _props$value,
|
|
10024
|
+
disabled = props.disabled,
|
|
10025
|
+
onChange = props.onChange,
|
|
10026
|
+
isEditing = props.isEditing;
|
|
10027
|
+
var _useState = useState(0),
|
|
10028
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
10029
|
+
changeIndex = _useState2[0],
|
|
10030
|
+
setChangeIndex = _useState2[1];
|
|
10031
|
+
var handleChange = function handleChange(val, index) {
|
|
10032
|
+
var newValue = cloneDeep(value);
|
|
10033
|
+
newValue.splice(index, 1, val);
|
|
10034
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
|
|
10035
|
+
};
|
|
10036
|
+
var handleDelete = function handleDelete(index) {
|
|
10037
|
+
var newValue = cloneDeep(value);
|
|
10038
|
+
newValue.splice(index, 1);
|
|
10039
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
|
|
10040
|
+
};
|
|
10041
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Space, {
|
|
10042
|
+
wrap: true
|
|
10043
|
+
}, (value || []).map(function (item, index) {
|
|
10044
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
10045
|
+
style: {
|
|
10046
|
+
position: 'relative',
|
|
10047
|
+
color: changeIndex === index ? '#4569d4' : 'black',
|
|
10048
|
+
cursor: 'pointer'
|
|
10049
|
+
},
|
|
10050
|
+
onClick: function onClick() {
|
|
10051
|
+
return setChangeIndex(index);
|
|
10052
|
+
}
|
|
10053
|
+
}, "\u5305\u88F9".concat(index + 1), !disabled ? /*#__PURE__*/React.createElement(CloseCircleOutlined, {
|
|
10054
|
+
style: {
|
|
10055
|
+
position: 'absolute',
|
|
10056
|
+
right: '-7px',
|
|
10057
|
+
top: '-10px'
|
|
10058
|
+
},
|
|
10059
|
+
onClick: function onClick() {
|
|
10060
|
+
return handleDelete(index);
|
|
10061
|
+
}
|
|
10062
|
+
}) : null);
|
|
10063
|
+
})), /*#__PURE__*/React.createElement(LogisticsInterception, {
|
|
10064
|
+
required: required,
|
|
10065
|
+
expressInterceptData: expressInterceptData,
|
|
10066
|
+
value: value[changeIndex],
|
|
10067
|
+
disabled: disabled,
|
|
10068
|
+
isEditing: isEditing,
|
|
10069
|
+
onChange: function onChange(val) {
|
|
10070
|
+
return handleChange(val, changeIndex);
|
|
10071
|
+
}
|
|
10072
|
+
}));
|
|
10073
|
+
};
|
|
10074
|
+
|
|
10019
10075
|
var LogisticsTrajectory = function LogisticsTrajectory(props) {
|
|
10020
10076
|
var showField = props.showField,
|
|
10021
10077
|
_props$value = props.value,
|
|
@@ -10949,8 +11005,8 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
|
|
|
10949
11005
|
}];
|
|
10950
11006
|
return selectList.length ? /*#__PURE__*/React.createElement("div", {
|
|
10951
11007
|
style: {
|
|
10952
|
-
width: '
|
|
10953
|
-
maxWidth: '
|
|
11008
|
+
width: '100%',
|
|
11009
|
+
maxWidth: '387px'
|
|
10954
11010
|
}
|
|
10955
11011
|
}, /*#__PURE__*/React.createElement(Table, {
|
|
10956
11012
|
columns: showColumns,
|
|
@@ -10978,7 +11034,10 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
|
|
|
10978
11034
|
_onCancel();
|
|
10979
11035
|
},
|
|
10980
11036
|
onOk: onOk,
|
|
10981
|
-
wrapClassName: "goodModal"
|
|
11037
|
+
wrapClassName: "goodModal",
|
|
11038
|
+
style: {
|
|
11039
|
+
top: 20
|
|
11040
|
+
}
|
|
10982
11041
|
}, /*#__PURE__*/React.createElement(Form, {
|
|
10983
11042
|
layout: "inline",
|
|
10984
11043
|
form: form,
|
|
@@ -11054,6 +11113,9 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
|
|
|
11054
11113
|
onChange: pageChange
|
|
11055
11114
|
}
|
|
11056
11115
|
}), /*#__PURE__*/React.createElement(Popover, {
|
|
11116
|
+
getPopupContainer: function getPopupContainer(triggerNode) {
|
|
11117
|
+
return triggerNode.parentElement;
|
|
11118
|
+
},
|
|
11057
11119
|
content: showTable(),
|
|
11058
11120
|
title: "\u5DF2\u9009\u62E9".concat(selectIds.length, "\u4E2A\u5546\u54C1")
|
|
11059
11121
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
@@ -12846,4 +12908,4 @@ var CalculationInput = function CalculationInput(props) {
|
|
|
12846
12908
|
}, config === null || config === void 0 ? void 0 : config.unit));
|
|
12847
12909
|
};
|
|
12848
12910
|
|
|
12849
|
-
export { ApaasAddress as Address, AliPay, Province as ApaasAddress, ApaasCascader, ApaasCheckbox, ApaasDate, withFormItem as ApaasHoc, ApaasInput, ApaasInputNumber, ApaasLogistics, ApaasMultipleSelect, ApaasPosting, ApaasRadio, ApaasRate, ApaasSelect, ApaasSlider, ApaasTextArea, ApaasUpload, index as ApaasUploadAsync, ApaasUploadFile, BsExchange, BsGoods, BsReissue, BsReturnGoods as BsReturn, index$1 as BsSystemOrder, BuyerNick, CalculationInput, ChooseBaby, CommonSystemOrder$1 as CommonMultiStatus, CommonStatus, CommonSystemOrder, ExpressLogistics, Goods, index$2 as GoodsTable, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, LogisticsInterception, LogisticsMoreTrajectory, LogisticsTrajectory, MsgStatus, ParseLogistics, Payment, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, Supplier, TBGoodId, TBGoodSerial, TradeId, WlnGoods };
|
|
12911
|
+
export { ApaasAddress as Address, AliPay, Province as ApaasAddress, ApaasCascader, ApaasCheckbox, ApaasDate, withFormItem as ApaasHoc, ApaasInput, ApaasInputNumber, ApaasLogistics, ApaasMultipleSelect, ApaasPosting, ApaasRadio, ApaasRate, ApaasSelect, ApaasSlider, ApaasTextArea, ApaasUpload, index as ApaasUploadAsync, ApaasUploadFile, BsExchange, BsGoods, BsReissue, BsReturnGoods as BsReturn, index$1 as BsSystemOrder, BuyerNick, CalculationInput, ChooseBaby, CommonSystemOrder$1 as CommonMultiStatus, CommonStatus, CommonSystemOrder, ExpressLogistics, Goods, index$2 as GoodsTable, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, LogisticsInterception, LogisticsMoreInterception, LogisticsMoreTrajectory, LogisticsTrajectory, MsgStatus, ParseLogistics, Payment, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, Supplier, TBGoodId, TBGoodSerial, TradeId, WlnGoods };
|
package/dist/index.js
CHANGED
|
@@ -8962,7 +8962,7 @@ var ChooseBaby = function ChooseBaby(props) {
|
|
|
8962
8962
|
}));
|
|
8963
8963
|
};
|
|
8964
8964
|
|
|
8965
|
-
var css_248z$6 = ".goodsBox.single-row {\n max-height: 800px;\n overflow-y: auto;\n padding-top: 4px;\n flex-basis: 100%;\n}\n.goodsBox.single-row .good-item.rich-item.with-pic,\n.goodsBox.single-row .good-item.rich-item.with-attr,\n.goodsBox.single-row .good-item.rich-item.with-attr.with-pic {\n flex-basis: 100%;\n}\n.goodsBox.single-row .good-item.rich-item .good-attrs {\n flex-grow: 1;\n flex-shrink: 1;\n}\n.goodsBox.single-row .good-item.rich-item .good-attrs .good-item-attr {\n flex-grow: 1;\n flex-shrink: 1;\n max-width: 80px;\n width: 20px;\n flex-basis: 20px;\n}\n.goodsBox.single-row .good-item.rich-item .good-attrs .ant-input {\n flex-shrink: 1;\n flex-grow: 1;\n width: 20px;\n flex-basis: 40px;\n}\n.good-item.rich-item {\n position: relative;\n border: 1px solid #ccc;\n display: flex;\n flex-basis: 80px;\n flex-wrap: nowrap;\n margin: 0 10px 10px 0;\n padding: 4px;\n}\n.good-item.rich-item.with-pic {\n flex-basis: 90px;\n}\n.good-item.rich-item.with-attr {\n flex-basis: 150px;\n}\n.good-item.rich-item.with-attr.with-pic {\n flex-basis: 238px;\n}\n.good-item.rich-item.with-attr.with-pic .goods-imgBox {\n margin-right: 8px;\n}\n.good-item.rich-item .good-item-attr {\n margin-right: 6px;\n width: 52px;\n flex-basis: 52px;\n}\n.good-item.rich-item .good-img {\n position: relative;\n width: 80px;\n height: 80px;\n border-radius: 4px;\n border: 1px solid #f2f3f5;\n margin: 0 10px 0 0;\n text-align: center;\n background-color: #f2f3f5;\n}\n.good-item.rich-item .good-attrs {\n display: flex;\n flex-direction: column;\n font-size: 12px;\n}\n.good-item.rich-item .good-attrs .ant-input {\n font-size: 12px;\n width: 80px;\n height: 20px;\n padding-left: 5px;\n padding-right: 5px;\n}\n.good-item.rich-item .good-attrs .ant-input.id-textarea {\n width: 80px;\n resize: none;\n height: 45px;\n}\n.good-item.rich-item .good-attrs div {\n display: flex;\n}\n.good-item.rich-item .good-attrs div:not(:first-child) {\n margin-top: 4px;\n}\n";
|
|
8965
|
+
var css_248z$6 = "#goods-wrap.goodsBox.single-row {\n max-height: 800px;\n overflow-y: auto;\n padding-top: 4px;\n flex-basis: 100%;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-pic,\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-attr,\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-attr.with-pic {\n flex-basis: 100%;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs {\n flex-grow: 1;\n flex-shrink: 1;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs .good-item-attr {\n flex-grow: 1;\n flex-shrink: 1;\n max-width: 80px;\n width: 20px;\n flex-basis: 20px;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs .ant-input {\n flex-shrink: 1;\n flex-grow: 1;\n width: 20px;\n flex-basis: 40px;\n}\n#goods-wrap .good-item.rich-item {\n position: relative;\n border: 1px solid #ccc;\n display: flex;\n flex-basis: 80px;\n flex-wrap: nowrap;\n margin: 0 10px 10px 0;\n padding: 4px;\n}\n#goods-wrap .good-item.rich-item.with-pic {\n flex-basis: 90px;\n}\n#goods-wrap .good-item.rich-item.with-attr {\n flex-basis: 150px;\n}\n#goods-wrap .good-item.rich-item.with-attr.with-pic {\n flex-basis: 238px;\n}\n#goods-wrap .good-item.rich-item.with-attr.with-pic .goods-imgBox {\n margin-right: 8px;\n}\n#goods-wrap .good-item.rich-item .good-item-attr {\n margin-right: 6px;\n width: 52px;\n flex-basis: 52px;\n}\n#goods-wrap .good-item.rich-item .good-img {\n position: relative;\n width: 80px;\n height: 80px;\n border-radius: 4px;\n border: 1px solid #f2f3f5;\n margin: 0 10px 0 0;\n text-align: center;\n background-color: #f2f3f5;\n}\n#goods-wrap .good-item.rich-item .good-attrs {\n display: flex;\n flex-direction: column;\n font-size: 12px;\n}\n#goods-wrap .good-item.rich-item .good-attrs .ant-input {\n font-size: 12px;\n width: 80px;\n height: 20px;\n padding-left: 5px;\n padding-right: 5px;\n}\n#goods-wrap .good-item.rich-item .good-attrs .ant-input.id-textarea {\n width: 80px;\n resize: none;\n height: 45px;\n}\n#goods-wrap .good-item.rich-item .good-attrs div {\n display: flex;\n}\n#goods-wrap .good-item.rich-item .good-attrs div:not(:first-child) {\n margin-top: 4px;\n}\n";
|
|
8966
8966
|
styleInject(css_248z$6);
|
|
8967
8967
|
|
|
8968
8968
|
var GoodItem = function GoodItem(props) {
|
|
@@ -9205,6 +9205,7 @@ var GoodItem = function GoodItem(props) {
|
|
|
9205
9205
|
className: "goods-uploaded-count"
|
|
9206
9206
|
}, imgList.length), "/", maxLength, "\u4E2A\u5B9D\u8D1D"), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
9207
9207
|
ref: boxRef,
|
|
9208
|
+
id: "goods-wrap",
|
|
9208
9209
|
className: "goodsBox goodsBox-item-horizontal--box".concat(isSingleRow ? ' single-row' : '')
|
|
9209
9210
|
}, imgList === null || imgList === void 0 ? void 0 : imgList.map(function (img, index) {
|
|
9210
9211
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
@@ -9735,7 +9736,6 @@ var LogisticsInterception = function LogisticsInterception(props) {
|
|
|
9735
9736
|
var address = kmkfUtils.AddressData.getInstance();
|
|
9736
9737
|
var _props$value = props.value,
|
|
9737
9738
|
value = _props$value === void 0 ? {} : _props$value,
|
|
9738
|
-
_props$logisticsOptio = props.logisticsOptions,
|
|
9739
9739
|
_props$expressInterce = props.expressInterceptData,
|
|
9740
9740
|
expressInterceptData = _props$expressInterce === void 0 ? [] : _props$expressInterce,
|
|
9741
9741
|
_props$required = props.required,
|
|
@@ -10027,6 +10027,62 @@ var LogisticsInterception = function LogisticsInterception(props) {
|
|
|
10027
10027
|
})));
|
|
10028
10028
|
};
|
|
10029
10029
|
|
|
10030
|
+
var LogisticsMoreInterception = function LogisticsMoreInterception(props) {
|
|
10031
|
+
var required = props.required,
|
|
10032
|
+
expressInterceptData = props.expressInterceptData,
|
|
10033
|
+
_props$value = props.value,
|
|
10034
|
+
value = _props$value === void 0 ? [] : _props$value,
|
|
10035
|
+
disabled = props.disabled,
|
|
10036
|
+
onChange = props.onChange,
|
|
10037
|
+
isEditing = props.isEditing;
|
|
10038
|
+
var _useState = React.useState(0),
|
|
10039
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
10040
|
+
changeIndex = _useState2[0],
|
|
10041
|
+
setChangeIndex = _useState2[1];
|
|
10042
|
+
var handleChange = function handleChange(val, index) {
|
|
10043
|
+
var newValue = lodash.cloneDeep(value);
|
|
10044
|
+
newValue.splice(index, 1, val);
|
|
10045
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
|
|
10046
|
+
};
|
|
10047
|
+
var handleDelete = function handleDelete(index) {
|
|
10048
|
+
var newValue = lodash.cloneDeep(value);
|
|
10049
|
+
newValue.splice(index, 1);
|
|
10050
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
|
|
10051
|
+
};
|
|
10052
|
+
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(antd.Space, {
|
|
10053
|
+
wrap: true
|
|
10054
|
+
}, (value || []).map(function (item, index) {
|
|
10055
|
+
return /*#__PURE__*/React__default['default'].createElement("span", {
|
|
10056
|
+
style: {
|
|
10057
|
+
position: 'relative',
|
|
10058
|
+
color: changeIndex === index ? '#4569d4' : 'black',
|
|
10059
|
+
cursor: 'pointer'
|
|
10060
|
+
},
|
|
10061
|
+
onClick: function onClick() {
|
|
10062
|
+
return setChangeIndex(index);
|
|
10063
|
+
}
|
|
10064
|
+
}, "\u5305\u88F9".concat(index + 1), !disabled ? /*#__PURE__*/React__default['default'].createElement(icons.CloseCircleOutlined, {
|
|
10065
|
+
style: {
|
|
10066
|
+
position: 'absolute',
|
|
10067
|
+
right: '-7px',
|
|
10068
|
+
top: '-10px'
|
|
10069
|
+
},
|
|
10070
|
+
onClick: function onClick() {
|
|
10071
|
+
return handleDelete(index);
|
|
10072
|
+
}
|
|
10073
|
+
}) : null);
|
|
10074
|
+
})), /*#__PURE__*/React__default['default'].createElement(LogisticsInterception, {
|
|
10075
|
+
required: required,
|
|
10076
|
+
expressInterceptData: expressInterceptData,
|
|
10077
|
+
value: value[changeIndex],
|
|
10078
|
+
disabled: disabled,
|
|
10079
|
+
isEditing: isEditing,
|
|
10080
|
+
onChange: function onChange(val) {
|
|
10081
|
+
return handleChange(val, changeIndex);
|
|
10082
|
+
}
|
|
10083
|
+
}));
|
|
10084
|
+
};
|
|
10085
|
+
|
|
10030
10086
|
var LogisticsTrajectory = function LogisticsTrajectory(props) {
|
|
10031
10087
|
var showField = props.showField,
|
|
10032
10088
|
_props$value = props.value,
|
|
@@ -10960,8 +11016,8 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
|
|
|
10960
11016
|
}];
|
|
10961
11017
|
return selectList.length ? /*#__PURE__*/React__default['default'].createElement("div", {
|
|
10962
11018
|
style: {
|
|
10963
|
-
width: '
|
|
10964
|
-
maxWidth: '
|
|
11019
|
+
width: '100%',
|
|
11020
|
+
maxWidth: '387px'
|
|
10965
11021
|
}
|
|
10966
11022
|
}, /*#__PURE__*/React__default['default'].createElement(antd.Table, {
|
|
10967
11023
|
columns: showColumns,
|
|
@@ -10989,7 +11045,10 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
|
|
|
10989
11045
|
_onCancel();
|
|
10990
11046
|
},
|
|
10991
11047
|
onOk: onOk,
|
|
10992
|
-
wrapClassName: "goodModal"
|
|
11048
|
+
wrapClassName: "goodModal",
|
|
11049
|
+
style: {
|
|
11050
|
+
top: 20
|
|
11051
|
+
}
|
|
10993
11052
|
}, /*#__PURE__*/React__default['default'].createElement(antd.Form, {
|
|
10994
11053
|
layout: "inline",
|
|
10995
11054
|
form: form,
|
|
@@ -11065,6 +11124,9 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
|
|
|
11065
11124
|
onChange: pageChange
|
|
11066
11125
|
}
|
|
11067
11126
|
}), /*#__PURE__*/React__default['default'].createElement(antd.Popover, {
|
|
11127
|
+
getPopupContainer: function getPopupContainer(triggerNode) {
|
|
11128
|
+
return triggerNode.parentElement;
|
|
11129
|
+
},
|
|
11068
11130
|
content: showTable(),
|
|
11069
11131
|
title: "\u5DF2\u9009\u62E9".concat(selectIds.length, "\u4E2A\u5546\u54C1")
|
|
11070
11132
|
}, /*#__PURE__*/React__default['default'].createElement(antd.Button, {
|
|
@@ -12896,6 +12958,7 @@ exports.Invoice = Invoice;
|
|
|
12896
12958
|
exports.JstGoods = jstGoods;
|
|
12897
12959
|
exports.JstItemList = ItemList;
|
|
12898
12960
|
exports.LogisticsInterception = LogisticsInterception;
|
|
12961
|
+
exports.LogisticsMoreInterception = LogisticsMoreInterception;
|
|
12899
12962
|
exports.LogisticsMoreTrajectory = LogisticsMoreTrajectory;
|
|
12900
12963
|
exports.LogisticsTrajectory = LogisticsTrajectory;
|
|
12901
12964
|
exports.MsgStatus = MsgStatus;
|
package/dist/src/index.d.ts
CHANGED
|
@@ -32,6 +32,7 @@ export { default as Invoice } from './business/Invoice';
|
|
|
32
32
|
export { default as Status } from './business/Status';
|
|
33
33
|
export { default as Payment } from './business/Payment';
|
|
34
34
|
export { default as LogisticsInterception } from './business/LogisticsInterception';
|
|
35
|
+
export { default as LogisticsMoreInterception } from './business/LogisticsMoreInterception';
|
|
35
36
|
export { default as LogisticsTrajectory } from './business/LogisticsTrajectory';
|
|
36
37
|
export { default as LogisticsMoreTrajectory } from './business/LogisticsMoreTrajectory';
|
|
37
38
|
export { default as Goods } from './common/Goods';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kmkf-fe-packages/basic-components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.25.0-alpha.0",
|
|
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": "^0.
|
|
23
|
+
"@kmkf-fe-packages/kmkf-utils": "^0.25.0-alpha.0",
|
|
24
24
|
"ahooks": "^3.7.4",
|
|
25
25
|
"kmkf-monitor": "^0.8.8",
|
|
26
26
|
"lodash": "^4.17.21",
|
|
@@ -64,5 +64,5 @@
|
|
|
64
64
|
"publishConfig": {
|
|
65
65
|
"access": "public"
|
|
66
66
|
},
|
|
67
|
-
"gitHead": "
|
|
67
|
+
"gitHead": "d78e11602412f0e388413cd529da58f64a5f6429"
|
|
68
68
|
}
|