@kmkf-fe-packages/basic-components 0.7.15-alpha.0 → 0.7.15-alpha.2

package/dist/index.esm.js

@@ -4,6 +4,7 @@ import { EyeOutlined, DeleteOutlined, InboxOutlined } from '@ant-design/icons';
 import request, { extend } from 'umi-request';
 import { AddressData, request as request$1, LogisticsAddressData } from '@kmkf-fe-packages/kmkf-utils';
 import zhCN from 'antd/lib/locale/zh_CN';
+import pubsub from 'pubsub-js';
 
 function _iterableToArrayLimit(arr, i) {
   var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
@@ -1552,7 +1553,10 @@ var IdentifyAddress = function IdentifyAddress(props) {
   var value = props.value,
     onChange = props.onChange,
     _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled;
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$showIdentify = props.showIdentify,
+    showIdentify = _props$showIdentify === void 0 ? true : _props$showIdentify,
+    type = props.type;
   var changeHandle = function changeHandle(val, type) {
     onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, _defineProperty({}, type, val)));
   };
@@ -1568,7 +1572,7 @@ var IdentifyAddress = function IdentifyAddress(props) {
     }
     onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2({}, params));
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !disabled && /*#__PURE__*/React.createElement(ParseLogistics, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !disabled && showIdentify && /*#__PURE__*/React.createElement(ParseLogistics, {
     onChange: handleParseLogistics
   }), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Province, {
     value: value.address,
@@ -1576,7 +1580,8 @@ var IdentifyAddress = function IdentifyAddress(props) {
       return changeHandle(val, 'address');
     },
     options: [],
-    disabled: disabled
+    disabled: disabled,
+    type: type
   }), /*#__PURE__*/React.createElement(Input, {
     value: value.detail,
     disabled: disabled,
@@ -1606,6 +1611,8 @@ function ApaasPosting(props) {
     value = _props$value === void 0 ? {} : _props$value,
     _props$disabled = props.disabled,
     disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'workOrder' : _props$type,
     onChange = props.onChange;
   var handleChange = function handleChange(val) {
     //智能识别返填
@@ -1625,7 +1632,9 @@ function ApaasPosting(props) {
       receiverName: (value === null || value === void 0 ? void 0 : value.postingReceiverName) || '',
       receiverMobile: (value === null || value === void 0 ? void 0 : value.postingReceiverMobile) || ''
     },
-    onChange: handleChange
+    onChange: handleChange,
+    type: type,
+    showIdentify: type !== 'bs'
   });
 }
 
@@ -3616,6 +3625,64 @@ var LogisticsInterception = function LogisticsInterception(props) {
   })));
 };
 
+var LogisticsTrajectory = function LogisticsTrajectory(props) {
+  var options = props.options,
+    showField = props.showField,
+    _props$value = props.value,
+    value = _props$value === void 0 ? {} : _props$value,
+    disabled = props.disabled,
+    onChange = props.onChange;
+  var handleInputChange = function handleInputChange(e, type) {
+    var val = e.target.value;
+    typeof onChange === 'function' && onChange(_objectSpread2(_objectSpread2({}, value), {}, _defineProperty({}, type, val)));
+  };
+  var handelSelectChange = function handelSelectChange(val) {
+    typeof onChange === 'function' && onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+      company: val
+    }));
+  };
+  //物流公司
+  var LogisticsCompany = function LogisticsCompany() {
+    return /*#__PURE__*/React.createElement(Select, {
+      disabled: disabled,
+      placeholder: "\u7269\u6D41\u516C\u53F8",
+      onChange: handelSelectChange,
+      value: (value === null || value === void 0 ? void 0 : value.company) === '' ? undefined : value === null || value === void 0 ? void 0 : value.company,
+      options: options,
+      showSearch: true,
+      style: {
+        width: '100%'
+      },
+      filterOption: function filterOption(input, option) {
+        return option.label.includes(input);
+      }
+    });
+  };
+  //物流单号
+  var LogisticsCode = function LogisticsCode() {
+    return /*#__PURE__*/React.createElement(Input, {
+      disabled: disabled,
+      placeholder: "\u7269\u6D41\u5355\u53F7",
+      onChange: function onChange(e) {
+        return handleInputChange(e, 'order');
+      },
+      value: value === null || value === void 0 ? void 0 : value.order
+    });
+  };
+  //物流快照
+  var LogisticsSnapshot = function LogisticsSnapshot() {
+    return /*#__PURE__*/React.createElement(Input, {
+      disabled: true,
+      placeholder: "\u7269\u6D41\u5FEB\u7167",
+      onChange: function onChange(e) {
+        return handleInputChange(e, 'snapshot');
+      },
+      value: value === null || value === void 0 ? void 0 : value.snapshot
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", null, ['all', 'EXPRESS_COMPANY'].includes(showField) ? LogisticsCompany() : null, LogisticsCode(), ['all', 'EXPRESS_SNAPSHOT'].includes(showField) ? LogisticsSnapshot() : null);
+};
+
 var jstGoods = function jstGoods(props) {
   var _value$changeIndex, _value$changeIndex2, _value$changeIndex3, _value$changeIndex4, _value$changeIndex5, _value$changeIndex6;
   var _props$value = props.value,
@@ -3830,19 +3897,14 @@ var columns = [{
 var GoodsModal$1 = function GoodsModal(props, ref) {
   useImperativeHandle(ref, function () {
     return {
-      open: function open(_ref) {
-        var list = _ref.list;
+      open: function open() {
         setVisible(true);
-        setSelect(list);
-        var ids = list.map(function (item) {
-          return item.numIid;
-        });
-        setSelectIds(ids);
+        setSelect([]);
+        setSelectIds([]);
       }
     };
   });
   var onSubmit = props.onSubmit,
-    _onCancel = props.onCancel,
     shopId = props.shopId,
     shopList = props.shopList,
     width = props.width;
@@ -3893,10 +3955,9 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
   var _useState17 = useState([{
       tab: '所选商品',
       key: 'onSale'
-    }, {
-      tab: '已选商品',
-      key: 'select'
-    }]),
+    }
+    // { tab: '已选商品', key: 'select' },
+    ]),
     _useState18 = _slicedToArray(_useState17, 1),
     tabs = _useState18[0];
   //选择页码
@@ -3967,8 +4028,8 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
    * 查询商品
    */
   var queryItems = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(platform) {
-      var res, _ref3, items, totalCount;
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(platform) {
+      var res, _ref2, items, totalCount;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -3981,10 +4042,10 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
             });
           case 4:
             res = _context.sent;
-            _ref3 = res.data || {
+            _ref2 = res.data || {
               items: [],
               totalCount: 0
-            }, items = _ref3.items, totalCount = _ref3.totalCount;
+            }, items = _ref2.items, totalCount = _ref2.totalCount;
             items.forEach(function (item) {
               item.platform = platform;
               item.key = item.numIid;
@@ -4002,7 +4063,7 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
       }, _callee, null, [[0,, 9, 12]]);
     }));
     return function queryItems(_x) {
-      return _ref2.apply(this, arguments);
+      return _ref.apply(this, arguments);
     };
   }();
   var getItem = function getItem(searchParams, platform) {
@@ -4026,7 +4087,6 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
   }, [searchParams, platform]);
   var rowSelection = {
     selectedRowKeys: selectIds,
-    // type: 'radio',
     onChange: function onChange(selectedRowKeys, selectedRows, info) {
       console.log(selectedRowKeys, selectedRows, info);
       setSelectIds(selectedRowKeys);
@@ -4039,6 +4099,13 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
     // },
   };
 
+  var _onCancel = function onCancel() {
+    setVisible(false);
+  };
+  var onOk = function onOk() {
+    onSubmit(selectList);
+    _onCancel();
+  };
   return /*#__PURE__*/React.createElement(Modal, {
     title: '选择商品编码',
     okText: '确认',
@@ -4048,9 +4115,7 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
     onCancel: function onCancel() {
       _onCancel();
     },
-    onOk: function onOk() {
-      onSubmit(selectList);
-    },
+    onOk: onOk,
     wrapClassName: "goodModal"
   }, /*#__PURE__*/React.createElement(Tabs, {
     type: "card",
@@ -4105,18 +4170,16 @@ var GoodsModal$2 = /*#__PURE__*/forwardRef(GoodsModal$1);
 
 // interface GoodsItem {
 //   title: string;
-//   picUrl: string;
+//   pic: string;
 //   platform: string;
 //   skuId: string;
 //   styleId: string;
 // }
-var BsGoods = function BsGoods(props) {
+var GoodItem = function GoodItem(props) {
   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,
     _props$showField = props.showField,
     showField = _props$showField === void 0 ? [] : _props$showField,
     width = props.width,
@@ -4125,64 +4188,98 @@ var BsGoods = function BsGoods(props) {
     _props$shopId = props.shopId,
     shopId = _props$shopId === void 0 ? '' : _props$shopId,
     _props$maxLength = props.maxLength,
-    maxLength = _props$maxLength === void 0 ? 20 : _props$maxLength;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  var handleDelete = function handleDelete(record) {
-    var newList = value.filter(function (item) {
-      return item.numIid !== record.numIid;
+    maxLength = _props$maxLength === void 0 ? 20 : _props$maxLength,
+    _props$showChangeBtn = props.showChangeBtn,
+    showChangeBtn = _props$showChangeBtn === void 0 ? true : _props$showChangeBtn,
+    _props$tableSelect = props.tableSelect,
+    tableSelect = _props$tableSelect === void 0 ? false : _props$tableSelect,
+    _props$otherOperation = props.otherOperations,
+    otherOperations = _props$otherOperation === void 0 ? null : _props$otherOperation,
+    _props$canUpdateNumbe = props.canUpdateNumber,
+    canUpdateNumber = _props$canUpdateNumbe === void 0 ? false : _props$canUpdateNumbe,
+    onSelect = props.onSelect;
+  var refModal = useRef();
+  var handleDelete = function handleDelete(index) {
+    var newList = value.filter(function (item, i) {
+      return index !== i;
     });
     onChange === null || onChange === void 0 ? void 0 : onChange(newList);
   };
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedRowKeys = _useState2[0],
+    setSelectedRowKeys = _useState2[1];
+  var updateHandle = function updateHandle(val, index, type) {
+    value[index][type] = val;
+    onChange === null || onChange === void 0 ? void 0 : onChange(_toConsumableArray(value));
+  };
   //商品信息
-  var GOODS_INFO_COLUMNS = function GOODS_INFO_COLUMNS(text) {
+  var GOODS_INFO_COLUMNS = function GOODS_INFO_COLUMNS() {
     return [{
-      dataIndex: 'picUrl',
-      title: "bs".concat(text, "\u56FE\u7247"),
-      render: function render(val) {
-        return /*#__PURE__*/React.createElement(Image, {
-          width: 60,
-          src: val
-        });
-      }
-    }, {
-      dataIndex: 'title',
-      title: "bs".concat(text, "\u540D\u79F0")
+      dataIndex: 'name',
+      title: "bs\u540D\u79F0",
+      width: 200
     }, {
-      dataIndex: 'skuName',
-      title: "bs".concat(text, "\u7F16\u7801")
+      dataIndex: 'code',
+      title: "bs\u7F16\u7801",
+      width: 200
     }, {
       dataIndex: 'skuId',
-      title: "bs".concat(text, "sku\u7F16\u7801")
+      title: "bssku\u7F16\u7801",
+      width: 200
     }, {
       dataIndex: 'money',
-      title: "bs".concat(text, "\u5B9E\u4ED8\u91D1\u989D")
+      title: "bs\u5B9E\u4ED8\u91D1\u989D",
+      width: 200
     }, {
       dataIndex: 'number',
-      title: "bs".concat(text, "\u6570\u91CF")
+      title: "bs\u6570\u91CF",
+      width: 200,
+      render: function render(val, record, index) {
+        return canUpdateNumber ? /*#__PURE__*/React.createElement(InputNumber, {
+          value: val,
+          onChange: function onChange(num) {
+            return updateHandle(num, index, 'number');
+          }
+        }) : /*#__PURE__*/React.createElement("span", null, val);
+      }
     }, {
+      dataIndex: 'share',
+      title: "bs\u5206\u644A\u4EF7",
+      width: 200
+    }, {
+      dataIndex: 'type',
+      title: "bs\u8D60\u54C1\u7C7B\u578B",
+      width: 200
+    }];
+  };
+  var newColumns = useMemo(function () {
+    return [{
+      dataIndex: 'pic',
+      title: "bs\u56FE\u7247",
+      width: 200,
+      render: function render(val) {
+        return /*#__PURE__*/React.createElement(Image, {
+          width: 60,
+          src: val
+        });
+      }
+    }].concat(_toConsumableArray(GOODS_INFO_COLUMNS().filter(function (t) {
+      return showField.includes(t === null || t === void 0 ? void 0 : t.dataIndex);
+    })), [{
       dataIndex: '',
       title: "\u64CD\u4F5C",
-      render: function render(val, record) {
-        return /*#__PURE__*/React.createElement(Button, {
+      render: function render(val, record, index) {
+        return record.canDelete ? /*#__PURE__*/React.createElement(Button, {
           type: "link",
           onClick: function onClick() {
-            return handleDelete(record);
+            return handleDelete(index);
           }
-        }, "\u5220\u9664");
+        }, "\u5220\u9664") : null;
       }
-    }];
-  };
-  var newColumns = useMemo(function () {
-    return GOODS_INFO_COLUMNS('商品').filter(function (t) {
-      return showField.includes(t === null || t === void 0 ? void 0 : t.dataIndex);
-    });
+    }]);
   }, [showField]);
-  console.log(newColumns);
   var onSubmit = function onSubmit(list) {
-    console.log(list);
     var newList = list.map(function (item) {
       var picUrl = item.picUrl,
         numIid = item.numIid,
@@ -4191,39 +4288,214 @@ var BsGoods = function BsGoods(props) {
         price = item.price,
         platform = item.platform;
       return {
-        picUrl: picUrl,
+        pic: picUrl,
         numIid: numIid,
         outerId: outerId,
         title: title,
         price: price,
-        platform: platform
+        platform: platform,
+        number: 10,
+        canDelete: true
       };
     });
-    onChange === null || onChange === void 0 ? void 0 : onChange(newList);
-    setVisible(false);
+    onChange === null || onChange === void 0 ? void 0 : onChange([].concat(_toConsumableArray(value), _toConsumableArray(newList)));
+  };
+  var onSelectChange = function onSelectChange(newSelectedRowKeys) {
+    setSelectedRowKeys(newSelectedRowKeys);
+    onSelect === null || onSelect === void 0 ? void 0 : onSelect(value.filter(function (t) {
+      return newSelectedRowKeys.includes(t);
+    }));
   };
   var handleChangeGoods = function handleChangeGoods() {
-    setVisible(true);
+    refModal.current.open();
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !disabled && /*#__PURE__*/React.createElement(Button, {
+  var rowSelection = {
+    selectedRowKeys: selectedRowKeys,
+    onChange: onSelectChange
+  };
+  var tableConfig = useMemo(function () {
+    var params = {
+      columns: newColumns,
+      dataSource: value
+    };
+    if (tableSelect) {
+      params.rowSelection = rowSelection;
+    }
+    return params;
+  }, [tableSelect, newColumns, value]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !disabled && showChangeBtn && /*#__PURE__*/React.createElement(Space, {
+    align: "end"
+  }, /*#__PURE__*/React.createElement(Button, {
     type: "link",
     onClick: handleChangeGoods
-  }, "\u9009\u62E9\u5546\u54C1"), /*#__PURE__*/React.createElement(Table, {
-    columns: GOODS_INFO_COLUMNS('商品'),
-    dataSource: value
-  }), /*#__PURE__*/React.createElement(GoodsModal$2, {
+  }, "\u9009\u62E9\u5546\u54C1"), otherOperations), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      overflowX: 'auto'
+    }
+  }, /*#__PURE__*/React.createElement(Table, _objectSpread2(_objectSpread2({}, tableConfig), {}, {
+    pagination: false
+  }))), /*#__PURE__*/React.createElement(GoodsModal$2, {
+    ref: refModal,
     onSubmit: onSubmit,
     width: width,
-    type: type,
     shopList: shopList,
     shopId: shopId,
-    maxLength: maxLength,
-    onCancel: function onCancel() {
-      setVisible(false);
-    }
+    maxLength: maxLength
   }));
 };
 
+var BsGoods = function BsGoods(props) {
+  var value = props.value;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    tableSelect = _useState2[0],
+    setTableSelect = _useState2[1];
+  var ref = useRef();
+  useEffect(function () {
+    ref.current = pubsub.subscribe('type', function (_, val) {
+      setTableSelect(['2', '4'].includes(val));
+      if (['1', '3'].includes(val)) {
+        pubsub.publish('selectList', {
+          type: val,
+          list: _toConsumableArray(value).map(function (item) {
+            item.canDelete = false;
+          })
+        });
+      }
+    });
+    return function () {
+      pubsub.unsubscribe(ref.current);
+    };
+  }, []);
+  var onSelect = function onSelect(list) {
+    pubsub.publish('selectList', list.map(function (item) {
+      item.canDelete = true;
+    }));
+  };
+  return /*#__PURE__*/React.createElement(GoodItem, _objectSpread2(_objectSpread2({}, props), {}, {
+    tableSelect: tableSelect,
+    onSelect: onSelect
+  }));
+};
+
+var _excluded$b = ["value", "onChange", "reasonList", "disabled"];
+var BsExchange = function BsExchange(props) {
+  var _value$bsExchangeType2, _value$bsExchangeType3;
+  var value = props.value,
+    onChange = props.onChange,
+    _props$reasonList = props.reasonList,
+    reasonList = _props$reasonList === void 0 ? [] : _props$reasonList,
+    disabled = props.disabled,
+    other = _objectWithoutProperties(props, _excluded$b);
+  useEffect(function () {
+    pubsub.subscribe('selectList', function (_, list) {
+      onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+        bsExchangeReturnGoods: list
+      }));
+    });
+  }, []);
+  var changeHandle = function changeHandle(val, key) {
+    var newValue = _objectSpread2({}, value);
+    newValue[key] = val;
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+    if (key === 'bsExchangeType') {
+      console.log(val);
+      pubsub.publish('type', val[0]);
+    }
+  };
+  //显示选择商品按钮 原单换不显示选择商品
+  var showChangeBtn = useMemo(function () {
+    var _value$bsExchangeType;
+    return ['2', '4'].includes(value === null || value === void 0 ? void 0 : (_value$bsExchangeType = value.bsExchangeType) === null || _value$bsExchangeType === void 0 ? void 0 : _value$bsExchangeType[0]) || disabled;
+  }, [value === null || value === void 0 ? void 0 : value.bsExchangeType]);
+  var copyGoods = function copyGoods() {
+    var copyHandle = function copyHandle() {
+      onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+        bsExchangeSwapOutGoods: [].concat(_toConsumableArray((value === null || value === void 0 ? void 0 : value.bsExchangeSwapOutGoods) || []), _toConsumableArray((value === null || value === void 0 ? void 0 : value.bsExchangeReturnGoods) || []))
+      }));
+    };
+    return /*#__PURE__*/React.createElement(Button, {
+      type: "link",
+      onClick: copyHandle
+    }, "\u590D\u5236\u9000\u56DE\u5546\u54C1");
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Cascader, {
+    options: reasonList,
+    value: value === null || value === void 0 ? void 0 : value.bsExchangeType,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'bsExchangeType');
+    }
+  }), /*#__PURE__*/React.createElement("p", null, "\u9000\u56DE\u5546\u54C1"), /*#__PURE__*/React.createElement(GoodItem, _objectSpread2(_objectSpread2({}, other), {}, {
+    disabled: disabled,
+    showChangeBtn: showChangeBtn,
+    value: value === null || value === void 0 ? void 0 : value.bsExchangeReturnGoods,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'bsExchangeReturnGoods');
+    }
+  })), /*#__PURE__*/React.createElement("p", null, "\u6362\u51FA\u5546\u54C1"), /*#__PURE__*/React.createElement(GoodItem, _objectSpread2(_objectSpread2({}, other), {}, {
+    disabled: disabled,
+    otherOperations: ['2', '4'].includes(value === null || value === void 0 ? void 0 : (_value$bsExchangeType2 = value.bsExchangeType) === null || _value$bsExchangeType2 === void 0 ? void 0 : _value$bsExchangeType2[0]) ? copyGoods() : null,
+    value: value === null || value === void 0 ? void 0 : value.bsExchangeSwapOutGoods,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'bsExchangeSwapOutGoods');
+    }
+  })), ['3', '4'].includes(value === null || value === void 0 ? void 0 : (_value$bsExchangeType3 = value.bsExchangeType) === null || _value$bsExchangeType3 === void 0 ? void 0 : _value$bsExchangeType3[0]) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, "\u8D60\u54C1\u4FE1\u606F"), /*#__PURE__*/React.createElement(GoodItem, _objectSpread2(_objectSpread2({
+    disabled: disabled
+  }, other), {}, {
+    value: value === null || value === void 0 ? void 0 : value.bsExchangeGiftGoods,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'bsExchangeGiftGoods');
+    }
+  }))) : null);
+};
+
+var _excluded$c = ["value", "onChange", "reasonList"];
+var BsReissue = function BsReissue(props) {
+  var value = props.value,
+    onChange = props.onChange,
+    _props$reasonList = props.reasonList,
+    reasonList = _props$reasonList === void 0 ? [] : _props$reasonList,
+    other = _objectWithoutProperties(props, _excluded$c);
+  useEffect(function () {
+    pubsub.subscribe('selectList', function (_, list) {
+      onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+        bsReissueGoods: list.map(function (item) {
+          item.money = 0;
+          return item;
+        })
+      }));
+    });
+  }, []);
+  var changeHandle = function changeHandle(val, key) {
+    var newValue = _objectSpread2({}, value);
+    newValue[key] = val;
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+    if (key === 'bsReissueType') {
+      pubsub.publish('type', val);
+    }
+  };
+  //显示选择商品按钮 原单换不显示选择商品
+  var showChangeBtn = useMemo(function () {
+    var _value$bsReissueType;
+    return ['2', '4'].includes(value === null || value === void 0 ? void 0 : (_value$bsReissueType = value.bsReissueType) === null || _value$bsReissueType === void 0 ? void 0 : _value$bsReissueType[0]);
+  }, [value === null || value === void 0 ? void 0 : value.bsReissueType]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Cascader, {
+    options: reasonList,
+    value: value === null || value === void 0 ? void 0 : value.bsReissueType,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'bsReissueType');
+    }
+  }), /*#__PURE__*/React.createElement("p", null, "\u9000\u56DE\u5546\u54C1"), /*#__PURE__*/React.createElement(GoodItem, _objectSpread2(_objectSpread2({}, other), {}, {
+    canUpdateNumber: true,
+    showChangeBtn: showChangeBtn,
+    value: value === null || value === void 0 ? void 0 : value.bsReissueGoods,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'bsReissueGoods');
+    }
+  })));
+};
+
 var css_248z$9 = ".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";
 styleInject(css_248z$9);
 
@@ -4700,4 +4972,4 @@ var Goods$1 = function Goods(props, ref) {
 };
 var index = /*#__PURE__*/forwardRef(Goods$1);
 
-export { ApaasAddress as Address, AliPay, Province as ApaasAddress, ApaasCascader, ApaasCheckbox, ApaasDate, withFormItem as ApaasHoc, ApaasInput, ApaasInputNumber, ApaasMultipleSelect, ApaasPosting, ApaasRadio, ApaasRate, ApaasSelect, ApaasSlider, ApaasTextArea, ApaasUpload, ApaasUploadAsync, ApaasUploadAsync$1 as ApaasUploadFile, BsGoods, BuyerNick, ChooseBaby, ExpressLogistics, Goods, index as GoodsTable, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, LogisticsInterception, ParseLogistics, Payment, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, Supplier, TBGoodId, TBGoodSerial, TradeId };
+export { ApaasAddress as Address, AliPay, Province as ApaasAddress, ApaasCascader, ApaasCheckbox, ApaasDate, withFormItem as ApaasHoc, ApaasInput, ApaasInputNumber, ApaasMultipleSelect, ApaasPosting, ApaasRadio, ApaasRate, ApaasSelect, ApaasSlider, ApaasTextArea, ApaasUpload, ApaasUploadAsync, ApaasUploadAsync$1 as ApaasUploadFile, BsExchange, BsGoods, BsReissue, BuyerNick, ChooseBaby, ExpressLogistics, Goods, index 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 };