@kmkf-fe-packages/basic-components 0.8.17-alpha.3 → 0.8.17-alpha.31

package/README.md

@@ -18,5 +18,3 @@ yarn start
 - common 公共组件
 - config 公共方法
 - assets 静态资源
-
-#### 111

package/dist/index.esm.js

@@ -7274,15 +7274,20 @@ var ParseLogistics = function ParseLogistics(props) {
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
-  var handleIdentify = function handleIdentify() {
-    if (!value) {
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isCopy = _useState4[0],
+    setIsCopy = _useState4[1];
+  var handleIdentify = function handleIdentify(val) {
+    if (!value && !val) {
       return;
     }
+    setIsCopy(false);
     request$1({
       url: '/qy/logistics/addressAnalysis',
       method: 'post',
       data: {
-        fullAddress: value
+        fullAddress: value || val
       }
     }).then(function (res) {
       var data = res.data;
@@ -7291,17 +7296,33 @@ var ParseLogistics = function ParseLogistics(props) {
       console.log(e);
     });
   };
+  var _onKeyDown = function onKeyDown(e) {
+    if (e.keyCode === 86) {
+      setIsCopy(true);
+    }
+  };
+  var onChangeValue = function onChangeValue(val) {
+    setValue(val);
+    if (isCopy) {
+      handleIdentify(val);
+    }
+  };
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TextArea, {
     placeholder: "\u590D\u5236\u4FE1\u606F\uFF0C\u70B9\u51FB\u667A\u80FD\u8BC6\u522B",
     rows: 3,
     value: value,
     onChange: function onChange(e) {
-      return setValue(e.target.value);
+      return onChangeValue(e.target.value);
+    },
+    onKeyDown: function onKeyDown(e) {
+      return _onKeyDown(e);
     }
   }), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
     size: "small",
     type: "primary",
-    onClick: handleIdentify
+    onClick: function onClick() {
+      return handleIdentify('');
+    }
   }, "\u667A\u80FD\u8BC6\u522B"), /*#__PURE__*/React.createElement(Button, {
     size: "small",
     onClick: function onClick() {
@@ -9580,7 +9601,7 @@ var LogisticsTrajectory = function LogisticsTrajectory(props) {
 };
 
 var jstGoods = function jstGoods(props) {
-  var _value$changeIndex, _value$changeIndex2, _value$changeIndex3, _value$changeIndex4, _value$changeIndex5, _value$changeIndex6;
+  var _value$changeIndex, _value$changeIndex2, _value$changeIndex3, _value$changeIndex4, _value$changeIndex5, _value$changeIndex6, _value$changeIndex7;
   var _props$value = props.value,
     value = _props$value === void 0 ? [] : _props$value,
     _props$options = props.options,
@@ -9693,6 +9714,13 @@ var jstGoods = function jstGoods(props) {
       return changeInputHandle(e.target.value, 'sendName');
     },
     value: (_value$changeIndex6 = value[changeIndex]) === null || _value$changeIndex6 === void 0 ? void 0 : _value$changeIndex6.sendName
+  })) : null, type === 4 ? /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Input, {
+    disabled: disabled,
+    placeholder: "\u8BF7\u8F93\u5165\u51FA\u5E93\u5355\u7F16\u53F7",
+    onChange: function onChange(e) {
+      return changeInputHandle(e.target.value, 'deliveryNo');
+    },
+    value: (_value$changeIndex7 = value[changeIndex]) === null || _value$changeIndex7 === void 0 ? void 0 : _value$changeIndex7.sendName
   })) : null) : null);
 };
 
@@ -10212,6 +10240,18 @@ var GoodItem = function GoodItem(props) {
           }
         });
       }
+    }, {
+      dataIndex: 'skuName',
+      title: "".concat(text, "sku\u540D\u79F0"),
+      align: 'center',
+      ellipsis: true,
+      width: 250
+    }, {
+      dataIndex: 'sku',
+      title: "".concat(text, "sku\u7F16\u7801"),
+      align: 'center',
+      ellipsis: true,
+      width: 100
     }, {
       dataIndex: 'name',
       title: "".concat(text, "\u540D\u79F0"),
@@ -10236,12 +10276,6 @@ var GoodItem = function GoodItem(props) {
       align: 'center',
       ellipsis: true,
       width: 100
-    }, {
-      dataIndex: 'sku',
-      title: "".concat(text, "sku\u7F16\u7801"),
-      align: 'center',
-      ellipsis: true,
-      width: 100
     }, {
       dataIndex: 'money',
       title: "\u5B9E\u4ED8\u91D1\u989D",
@@ -10319,11 +10353,13 @@ var GoodItem = function GoodItem(props) {
         name = item.name,
         code = item.code,
         skuCode = item.skuCode,
-        marketPrice = item.marketPrice;
+        marketPrice = item.marketPrice,
+        skuName = item.skuName;
       return {
         id: goodsId,
         mark: '是',
         pic: '',
+        skuName: skuName,
         name: name,
         code: code,
         sku: skuCode,
@@ -10731,7 +10767,7 @@ var BsReissue = function BsReissue(props) {
   var valueRef = useRef({});
   useEffect(function () {
     pubsub.subscribe('reissueSelectList', function (_, data) {
-      console.log('reissueSelectList', data);
+      // console.log('reissueSelectList', data);
       if (disabled) return;
       var newValue = _objectSpread2({}, data.goodValue);
       newValue.bsReissueGoods = data === null || data === void 0 ? void 0 : data.list.map(function (item) {
@@ -10745,7 +10781,7 @@ var BsReissue = function BsReissue(props) {
   }, []);
   useEffect(function () {
     pubsub.subscribe('reissueSelectListReturn', function (_, data) {
-      console.log('reissueSelectListReturn', data);
+      // console.log('reissueSelectListReturn', data);
       if (disabled) return;
       var newValue = _objectSpread2({}, data.goodValue);
       newValue.bsReissueGoods = data === null || data === void 0 ? void 0 : data.list.map(function (item) {
@@ -11395,7 +11431,7 @@ var Goods$1 = function Goods(props, ref) {
 var index$1 = /*#__PURE__*/forwardRef(Goods$1);
 
 var _excluded$f = ["onChange", "value", "failValue"];
-function MultiStatus(props) {
+function CommonStatus(props) {
   var onChange = props.onChange,
     value = props.value,
     failValue = props.failValue,
@@ -11408,6 +11444,7 @@ function MultiStatus(props) {
   };
   return /*#__PURE__*/React.createElement(Select, _objectSpread2(_objectSpread2({
     showSearch: true,
+    value: value === null || value === void 0 ? void 0 : value.status,
     filterOption: function filterOption(input, option) {
       return option.label.includes(input);
     }
@@ -11416,4 +11453,161 @@ function MultiStatus(props) {
   }));
 }
 
-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, ApaasUploadAsync, ApaasUploadAsync$1 as ApaasUploadFile, BsExchange, BsGoods, BsReissue, index as BsSystemOrder, BuyerNick, ChooseBaby, MultiStatus as CommonStatus, ExpressLogistics, Goods, index$1 as GoodsTable, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, LogisticsInterception, LogisticsTrajectory, ParseLogistics, Payment, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, Supplier, TBGoodId, TBGoodSerial, TradeId };
+var CommonSystemOrder = function CommonSystemOrder(props) {
+  var _value$changeIndex, _value$changeIndex2;
+  var _props$value = props.value,
+    value = _props$value === void 0 ? [] : _props$value,
+    onChange = props.onChange,
+    disabled = props.disabled,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 1 : _props$type;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    changeIndex = _useState2[0],
+    setChangeIndex = _useState2[1]; //选中的包裹
+  useEffect(function () {
+    setChangeIndex(0);
+  }, []);
+  var content = function content(item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        maxHeight: '300px',
+        overflowY: 'auto'
+      }
+    }, type === 1 ? /*#__PURE__*/React.createElement("span", null, "\u7CFB\u7EDF\u8BA2\u5355\u53F7", index + 1, "\uFF1A", item.systemOrderId) : null);
+  };
+  var changeInputHandle = function changeInputHandle(val, type) {
+    var changeOrderInfo = _objectSpread2({}, value[changeIndex]);
+    changeOrderInfo[type] = val;
+    var newList = _toConsumableArray(value);
+    newList[changeIndex] = changeOrderInfo;
+    onChange === null || onChange === void 0 ? void 0 : onChange(newList);
+  };
+  //判断是否是单个且没有商品数据
+  var isSingle = useMemo(function () {
+    return value && value.length === 1;
+  }, [value]);
+  return /*#__PURE__*/React.createElement("div", null, !isSingle ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Space, {
+    wrap: true
+  }, (value || []).map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Popover, {
+      content: content(item, index),
+      key: index
+    }, /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: changeIndex === index ? '#4569d4' : 'black',
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        return setChangeIndex(index);
+      }
+    }, "\u7CFB\u7EDF\u8BA2\u5355\u53F7".concat(index + 1)));
+  }))) : null, value.length ? /*#__PURE__*/React.createElement(React.Fragment, null, type === 1 ? /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Input, {
+    disabled: disabled,
+    placeholder: "\u8BF7\u8F93\u5165\u51FA\u5E93\u5355\u7F16\u53F7",
+    onChange: function onChange(e) {
+      return changeInputHandle(e.target.value, 'deliveryNo');
+    },
+    value: (_value$changeIndex = value[changeIndex]) === null || _value$changeIndex === void 0 ? void 0 : _value$changeIndex.deliveryNo
+  })) : null, type === 2 ? /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Input, {
+    disabled: disabled,
+    placeholder: "\u8BF7\u8F93\u5165\u9000\u8D27\u5355id",
+    onChange: function onChange(e) {
+      return changeInputHandle(e.target.value, 'returnGoodsTradeId');
+    },
+    value: (_value$changeIndex2 = value[changeIndex]) === null || _value$changeIndex2 === void 0 ? void 0 : _value$changeIndex2.returnGoodsTradeId
+  })) : null) : null);
+};
+
+var _excluded$g = ["value", "onChange", "disabled", "failValue", "type"];
+var CommonSystemOrder$1 = function CommonSystemOrder(props) {
+  var _value$changeIndex;
+  var _props$value = props.value,
+    value = _props$value === void 0 ? [] : _props$value,
+    onChange = props.onChange,
+    disabled = props.disabled,
+    failValue = props.failValue,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 1 : _props$type,
+    other = _objectWithoutProperties(props, _excluded$g);
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    changeIndex = _useState2[0],
+    setChangeIndex = _useState2[1]; //选中的包裹
+  useEffect(function () {
+    setChangeIndex(0);
+  }, []);
+  var content = function content(item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        maxHeight: '300px',
+        overflowY: 'auto'
+      }
+    }, type === 1 ? /*#__PURE__*/React.createElement("span", null, "\u7CFB\u7EDF\u8BA2\u5355\u53F7", index + 1, "\uFF1A", item.systemOrderId) : null);
+  };
+  var changeHandle = function changeHandle(val, valType) {
+    console.log(val, valType);
+    var changeOrderInfo = _objectSpread2({}, value[changeIndex]);
+    changeOrderInfo[valType] = val;
+    if (val === failValue) {
+      changeOrderInfo.reason = '';
+    }
+    var newList = _toConsumableArray(value);
+    newList[changeIndex] = changeOrderInfo;
+    onChange === null || onChange === void 0 ? void 0 : onChange(newList);
+  };
+  //判断是否是单个且没有商品数据
+  var isSingle = useMemo(function () {
+    return value && value.length === 1;
+  }, [value]);
+  return /*#__PURE__*/React.createElement("div", null, !isSingle ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Space, {
+    wrap: true
+  }, (value || []).map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Popover, {
+      content: content(item, index),
+      key: index
+    }, /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: changeIndex === index ? '#4569d4' : 'black',
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        return setChangeIndex(index);
+      }
+    }, "\u7CFB\u7EDF\u8BA2\u5355\u53F7".concat(index + 1)));
+  }))) : null, value.length ? /*#__PURE__*/React.createElement(React.Fragment, null, type === 1 ? /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Select, _objectSpread2(_objectSpread2({}, other), {}, {
+    showSearch: true,
+    value: (_value$changeIndex = value[changeIndex]) === null || _value$changeIndex === void 0 ? void 0 : _value$changeIndex.status,
+    filterOption: function filterOption(input, option) {
+      return option.label.includes(input);
+    },
+    style: {
+      width: 200
+    },
+    placeholder: "\u8BF7\u9009\u62E9",
+    disabled: disabled,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'status');
+    }
+  }))) : null) : null);
+};
+
+var CalculationInput = function CalculationInput(props) {
+  var _props$config = props.config,
+    config = _props$config === void 0 ? {} : _props$config;
+  return /*#__PURE__*/React.createElement("span", {
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(ApaasInput, _objectSpread2(_objectSpread2({}, props), {}, {
+    placeholder: "\u6839\u636E\u89C4\u5219\u914D\u7F6E\uFF0C\u81EA\u52A8\u8BA1\u7B97\u6570\u503C"
+  })), /*#__PURE__*/React.createElement("span", {
+    style: {
+      marginLeft: '4px',
+      width: '88px'
+    }
+  }, config === null || config === void 0 ? void 0 : config.unit));
+};
+
+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, ApaasUploadAsync, ApaasUploadAsync$1 as ApaasUploadFile, BsExchange, BsGoods, BsReissue, index as BsSystemOrder, BuyerNick, CalculationInput, ChooseBaby, CommonSystemOrder$1 as CommonMultiStatus, CommonStatus, CommonSystemOrder, ExpressLogistics, Goods, index$1 as GoodsTable, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, LogisticsInterception, LogisticsTrajectory, ParseLogistics, Payment, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, Supplier, TBGoodId, TBGoodSerial, TradeId };

package/dist/index.js

@@ -7285,15 +7285,20 @@ var ParseLogistics = function ParseLogistics(props) {
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
-  var handleIdentify = function handleIdentify() {
-    if (!value) {
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isCopy = _useState4[0],
+    setIsCopy = _useState4[1];
+  var handleIdentify = function handleIdentify(val) {
+    if (!value && !val) {
       return;
     }
+    setIsCopy(false);
     kmkfUtils.request({
       url: '/qy/logistics/addressAnalysis',
       method: 'post',
       data: {
-        fullAddress: value
+        fullAddress: value || val
       }
     }).then(function (res) {
       var data = res.data;
@@ -7302,17 +7307,33 @@ var ParseLogistics = function ParseLogistics(props) {
       console.log(e);
     });
   };
+  var _onKeyDown = function onKeyDown(e) {
+    if (e.keyCode === 86) {
+      setIsCopy(true);
+    }
+  };
+  var onChangeValue = function onChangeValue(val) {
+    setValue(val);
+    if (isCopy) {
+      handleIdentify(val);
+    }
+  };
   return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(TextArea, {
     placeholder: "\u590D\u5236\u4FE1\u606F\uFF0C\u70B9\u51FB\u667A\u80FD\u8BC6\u522B",
     rows: 3,
     value: value,
     onChange: function onChange(e) {
-      return setValue(e.target.value);
+      return onChangeValue(e.target.value);
+    },
+    onKeyDown: function onKeyDown(e) {
+      return _onKeyDown(e);
     }
   }), /*#__PURE__*/React__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement(antd.Button, {
     size: "small",
     type: "primary",
-    onClick: handleIdentify
+    onClick: function onClick() {
+      return handleIdentify('');
+    }
   }, "\u667A\u80FD\u8BC6\u522B"), /*#__PURE__*/React__default['default'].createElement(antd.Button, {
     size: "small",
     onClick: function onClick() {
@@ -9591,7 +9612,7 @@ var LogisticsTrajectory = function LogisticsTrajectory(props) {
 };
 
 var jstGoods = function jstGoods(props) {
-  var _value$changeIndex, _value$changeIndex2, _value$changeIndex3, _value$changeIndex4, _value$changeIndex5, _value$changeIndex6;
+  var _value$changeIndex, _value$changeIndex2, _value$changeIndex3, _value$changeIndex4, _value$changeIndex5, _value$changeIndex6, _value$changeIndex7;
   var _props$value = props.value,
     value = _props$value === void 0 ? [] : _props$value,
     _props$options = props.options,
@@ -9704,6 +9725,13 @@ var jstGoods = function jstGoods(props) {
       return changeInputHandle(e.target.value, 'sendName');
     },
     value: (_value$changeIndex6 = value[changeIndex]) === null || _value$changeIndex6 === void 0 ? void 0 : _value$changeIndex6.sendName
+  })) : null, type === 4 ? /*#__PURE__*/React__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    disabled: disabled,
+    placeholder: "\u8BF7\u8F93\u5165\u51FA\u5E93\u5355\u7F16\u53F7",
+    onChange: function onChange(e) {
+      return changeInputHandle(e.target.value, 'deliveryNo');
+    },
+    value: (_value$changeIndex7 = value[changeIndex]) === null || _value$changeIndex7 === void 0 ? void 0 : _value$changeIndex7.sendName
   })) : null) : null);
 };
 
@@ -10223,6 +10251,18 @@ var GoodItem = function GoodItem(props) {
           }
         });
       }
+    }, {
+      dataIndex: 'skuName',
+      title: "".concat(text, "sku\u540D\u79F0"),
+      align: 'center',
+      ellipsis: true,
+      width: 250
+    }, {
+      dataIndex: 'sku',
+      title: "".concat(text, "sku\u7F16\u7801"),
+      align: 'center',
+      ellipsis: true,
+      width: 100
     }, {
       dataIndex: 'name',
       title: "".concat(text, "\u540D\u79F0"),
@@ -10247,12 +10287,6 @@ var GoodItem = function GoodItem(props) {
       align: 'center',
       ellipsis: true,
       width: 100
-    }, {
-      dataIndex: 'sku',
-      title: "".concat(text, "sku\u7F16\u7801"),
-      align: 'center',
-      ellipsis: true,
-      width: 100
     }, {
       dataIndex: 'money',
       title: "\u5B9E\u4ED8\u91D1\u989D",
@@ -10330,11 +10364,13 @@ var GoodItem = function GoodItem(props) {
         name = item.name,
         code = item.code,
         skuCode = item.skuCode,
-        marketPrice = item.marketPrice;
+        marketPrice = item.marketPrice,
+        skuName = item.skuName;
       return {
         id: goodsId,
         mark: '是',
         pic: '',
+        skuName: skuName,
         name: name,
         code: code,
         sku: skuCode,
@@ -10742,7 +10778,7 @@ var BsReissue = function BsReissue(props) {
   var valueRef = React.useRef({});
   React.useEffect(function () {
     pubsub__default['default'].subscribe('reissueSelectList', function (_, data) {
-      console.log('reissueSelectList', data);
+      // console.log('reissueSelectList', data);
       if (disabled) return;
       var newValue = _objectSpread2({}, data.goodValue);
       newValue.bsReissueGoods = data === null || data === void 0 ? void 0 : data.list.map(function (item) {
@@ -10756,7 +10792,7 @@ var BsReissue = function BsReissue(props) {
   }, []);
   React.useEffect(function () {
     pubsub__default['default'].subscribe('reissueSelectListReturn', function (_, data) {
-      console.log('reissueSelectListReturn', data);
+      // console.log('reissueSelectListReturn', data);
       if (disabled) return;
       var newValue = _objectSpread2({}, data.goodValue);
       newValue.bsReissueGoods = data === null || data === void 0 ? void 0 : data.list.map(function (item) {
@@ -11406,7 +11442,7 @@ var Goods$1 = function Goods(props, ref) {
 var index$1 = /*#__PURE__*/React.forwardRef(Goods$1);
 
 var _excluded$f = ["onChange", "value", "failValue"];
-function MultiStatus(props) {
+function CommonStatus(props) {
   var onChange = props.onChange,
     value = props.value,
     failValue = props.failValue,
@@ -11419,6 +11455,7 @@ function MultiStatus(props) {
   };
   return /*#__PURE__*/React__default['default'].createElement(antd.Select, _objectSpread2(_objectSpread2({
     showSearch: true,
+    value: value === null || value === void 0 ? void 0 : value.status,
     filterOption: function filterOption(input, option) {
       return option.label.includes(input);
     }
@@ -11427,6 +11464,163 @@ function MultiStatus(props) {
   }));
 }
 
+var CommonSystemOrder = function CommonSystemOrder(props) {
+  var _value$changeIndex, _value$changeIndex2;
+  var _props$value = props.value,
+    value = _props$value === void 0 ? [] : _props$value,
+    onChange = props.onChange,
+    disabled = props.disabled,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 1 : _props$type;
+  var _useState = React.useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    changeIndex = _useState2[0],
+    setChangeIndex = _useState2[1]; //选中的包裹
+  React.useEffect(function () {
+    setChangeIndex(0);
+  }, []);
+  var content = function content(item, index) {
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        maxHeight: '300px',
+        overflowY: 'auto'
+      }
+    }, type === 1 ? /*#__PURE__*/React__default['default'].createElement("span", null, "\u7CFB\u7EDF\u8BA2\u5355\u53F7", index + 1, "\uFF1A", item.systemOrderId) : null);
+  };
+  var changeInputHandle = function changeInputHandle(val, type) {
+    var changeOrderInfo = _objectSpread2({}, value[changeIndex]);
+    changeOrderInfo[type] = val;
+    var newList = _toConsumableArray(value);
+    newList[changeIndex] = changeOrderInfo;
+    onChange === null || onChange === void 0 ? void 0 : onChange(newList);
+  };
+  //判断是否是单个且没有商品数据
+  var isSingle = React.useMemo(function () {
+    return value && value.length === 1;
+  }, [value]);
+  return /*#__PURE__*/React__default['default'].createElement("div", null, !isSingle ? /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(antd.Space, {
+    wrap: true
+  }, (value || []).map(function (item, index) {
+    return /*#__PURE__*/React__default['default'].createElement(antd.Popover, {
+      content: content(item, index),
+      key: index
+    }, /*#__PURE__*/React__default['default'].createElement("span", {
+      style: {
+        color: changeIndex === index ? '#4569d4' : 'black',
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        return setChangeIndex(index);
+      }
+    }, "\u7CFB\u7EDF\u8BA2\u5355\u53F7".concat(index + 1)));
+  }))) : null, value.length ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, type === 1 ? /*#__PURE__*/React__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    disabled: disabled,
+    placeholder: "\u8BF7\u8F93\u5165\u51FA\u5E93\u5355\u7F16\u53F7",
+    onChange: function onChange(e) {
+      return changeInputHandle(e.target.value, 'deliveryNo');
+    },
+    value: (_value$changeIndex = value[changeIndex]) === null || _value$changeIndex === void 0 ? void 0 : _value$changeIndex.deliveryNo
+  })) : null, type === 2 ? /*#__PURE__*/React__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    disabled: disabled,
+    placeholder: "\u8BF7\u8F93\u5165\u9000\u8D27\u5355id",
+    onChange: function onChange(e) {
+      return changeInputHandle(e.target.value, 'returnGoodsTradeId');
+    },
+    value: (_value$changeIndex2 = value[changeIndex]) === null || _value$changeIndex2 === void 0 ? void 0 : _value$changeIndex2.returnGoodsTradeId
+  })) : null) : null);
+};
+
+var _excluded$g = ["value", "onChange", "disabled", "failValue", "type"];
+var CommonSystemOrder$1 = function CommonSystemOrder(props) {
+  var _value$changeIndex;
+  var _props$value = props.value,
+    value = _props$value === void 0 ? [] : _props$value,
+    onChange = props.onChange,
+    disabled = props.disabled,
+    failValue = props.failValue,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 1 : _props$type,
+    other = _objectWithoutProperties(props, _excluded$g);
+  var _useState = React.useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    changeIndex = _useState2[0],
+    setChangeIndex = _useState2[1]; //选中的包裹
+  React.useEffect(function () {
+    setChangeIndex(0);
+  }, []);
+  var content = function content(item, index) {
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        maxHeight: '300px',
+        overflowY: 'auto'
+      }
+    }, type === 1 ? /*#__PURE__*/React__default['default'].createElement("span", null, "\u7CFB\u7EDF\u8BA2\u5355\u53F7", index + 1, "\uFF1A", item.systemOrderId) : null);
+  };
+  var changeHandle = function changeHandle(val, valType) {
+    console.log(val, valType);
+    var changeOrderInfo = _objectSpread2({}, value[changeIndex]);
+    changeOrderInfo[valType] = val;
+    if (val === failValue) {
+      changeOrderInfo.reason = '';
+    }
+    var newList = _toConsumableArray(value);
+    newList[changeIndex] = changeOrderInfo;
+    onChange === null || onChange === void 0 ? void 0 : onChange(newList);
+  };
+  //判断是否是单个且没有商品数据
+  var isSingle = React.useMemo(function () {
+    return value && value.length === 1;
+  }, [value]);
+  return /*#__PURE__*/React__default['default'].createElement("div", null, !isSingle ? /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(antd.Space, {
+    wrap: true
+  }, (value || []).map(function (item, index) {
+    return /*#__PURE__*/React__default['default'].createElement(antd.Popover, {
+      content: content(item, index),
+      key: index
+    }, /*#__PURE__*/React__default['default'].createElement("span", {
+      style: {
+        color: changeIndex === index ? '#4569d4' : 'black',
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        return setChangeIndex(index);
+      }
+    }, "\u7CFB\u7EDF\u8BA2\u5355\u53F7".concat(index + 1)));
+  }))) : null, value.length ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, type === 1 ? /*#__PURE__*/React__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement(antd.Select, _objectSpread2(_objectSpread2({}, other), {}, {
+    showSearch: true,
+    value: (_value$changeIndex = value[changeIndex]) === null || _value$changeIndex === void 0 ? void 0 : _value$changeIndex.status,
+    filterOption: function filterOption(input, option) {
+      return option.label.includes(input);
+    },
+    style: {
+      width: 200
+    },
+    placeholder: "\u8BF7\u9009\u62E9",
+    disabled: disabled,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'status');
+    }
+  }))) : null) : null);
+};
+
+var CalculationInput = function CalculationInput(props) {
+  var _props$config = props.config,
+    config = _props$config === void 0 ? {} : _props$config;
+  return /*#__PURE__*/React__default['default'].createElement("span", {
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(ApaasInput, _objectSpread2(_objectSpread2({}, props), {}, {
+    placeholder: "\u6839\u636E\u89C4\u5219\u914D\u7F6E\uFF0C\u81EA\u52A8\u8BA1\u7B97\u6570\u503C"
+  })), /*#__PURE__*/React__default['default'].createElement("span", {
+    style: {
+      marginLeft: '4px',
+      width: '88px'
+    }
+  }, config === null || config === void 0 ? void 0 : config.unit));
+};
+
 exports.Address = ApaasAddress;
 exports.AliPay = AliPay;
 exports.ApaasAddress = Province;
@@ -11452,8 +11646,11 @@ exports.BsGoods = BsGoods;
 exports.BsReissue = BsReissue;
 exports.BsSystemOrder = index;
 exports.BuyerNick = BuyerNick;
+exports.CalculationInput = CalculationInput;
 exports.ChooseBaby = ChooseBaby;
-exports.CommonStatus = MultiStatus;
+exports.CommonMultiStatus = CommonSystemOrder$1;
+exports.CommonStatus = CommonStatus;
+exports.CommonSystemOrder = CommonSystemOrder;
 exports.ExpressLogistics = ExpressLogistics;
 exports.Goods = Goods;
 exports.GoodsTable = index$1;

package/dist/src/apaas/CalculationInput/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CalculationInput: (props: any) => React.JSX.Element;
+export default CalculationInput;

package/dist/src/common/CommonMultiStatus/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface CommonSystemOrderProps {
+    value: {
+        status: string;
+        reason?: string;
+        systemOrderId?: string;
+    }[];
+    failValue: string;
+    options: any[];
+    onChange: (val: any) => void;
+    disabled: boolean;
+    type: number;
+}
+declare const CommonSystemOrder: (props: Partial<CommonSystemOrderProps>) => React.JSX.Element;
+export default CommonSystemOrder;

package/dist/src/common/CommonStatus/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface MultiStatusProps {
+interface CommonStatusProps {
     value: {
         status: string;
         reason: string;
@@ -8,5 +8,5 @@ interface MultiStatusProps {
     options: any[];
     onChange: (val: any) => void;
 }
-declare function MultiStatus(props: Partial<MultiStatusProps>): React.JSX.Element;
-export default MultiStatus;
+declare function CommonStatus(props: Partial<CommonStatusProps>): React.JSX.Element;
+export default CommonStatus;

package/dist/src/common/CommonSystemOrder/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface CommonSystemOrderProps {
+    value: any[];
+    type: number;
+    options: any[];
+    disabled: boolean;
+    onChange: (val: any[]) => void;
+}
+declare const CommonSystemOrder: (props: Partial<CommonSystemOrderProps>) => React.JSX.Element;
+export default CommonSystemOrder;

package/dist/src/index.d.ts

@@ -42,5 +42,8 @@ export { default as BsReissue } from './bs/Reissue';
 export { default as BsSystemOrder } from './bs/SystemOrder';
 export { default as GoodsTable } from './common/GoodsTable';
 export { default as CommonStatus } from './common/CommonStatus';
+export { default as CommonSystemOrder } from './common/CommonSystemOrder';
+export { default as CommonMultiStatus } from './common/CommonMultiStatus';
 export { default as ParseLogistics } from './common/ParseLogistics';
 export { default as IdentifyAddress } from './common/IdentifyAddress';
+export { default as CalculationInput } from './apaas/CalculationInput';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "0.8.17-alpha.3",
+  "version": "0.8.17-alpha.31",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -20,7 +20,7 @@
     "watch": "nodemon --ignore dist/ --ignore node_modules/ --watch src/ -C -e ts,tsx,less --debug -x 'yarn async'"
   },
   "dependencies": {
-    "@kmkf-fe-packages/kmkf-utils": "^0.8.17-alpha.3",
+    "@kmkf-fe-packages/kmkf-utils": "^0.8.17-alpha.29",
     "lodash": "^4.17.21",
     "pubsub-js": "^1.9.4",
     "react-copy-to-clipboard": "^5.1.0",
@@ -60,5 +60,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "786f70288b3d7e56d59f1ebca743de08cc5b38b2"
+  "gitHead": "f11e9806c4e5eb7941734a8331ba324e692e191c"
 }