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

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import React, { useRef, useState, useEffect, useMemo, forwardRef, useImperativeHandle } from 'react';
-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';
-import { EyeOutlined, DeleteOutlined } from '@ant-design/icons';
+import { Cascader, DatePicker, Input, InputNumber, Select, Upload, Image, message, Radio, Space, Spin, Checkbox, Row, Col, Slider, Rate, Button, Form, Tabs, Modal, ConfigProvider, Pagination, Popover, Table } from 'antd';
+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';
@@ -1160,7 +1160,145 @@ var ApaasUploadAsync = function ApaasUploadAsync(_ref) {
   })));
 };
 
-var _excluded$7 = ["showOther", "horizontal", "options", "value", "onChange", "disabled"];
+var css_248z$2 = ".index-module_imageBox__1rpoB {\n  display: flex;\n  flex-wrap: wrap;\n}\n.index-module_imageBox__1rpoB .ant-upload-picture-card-wrapper {\n  width: auto;\n}\n.index-module_imageBox__1rpoB .index-module_inputImage__MyiR1 {\n  width: 80px;\n  height: 80px;\n  border: 1px dashed #ccc;\n  outline: none;\n  background-color: rgba(0, 0, 0, 0);\n  text-indent: 8px;\n}\n.index-module_imageBox__1rpoB .index-module_imageShow__3BNqT {\n  padding: 8px;\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n}\n.index-module_imageBox__1rpoB .index-module_imageWrap__LyKfP {\n  width: 100px;\n  height: 80px;\n  position: relative;\n  border-radius: 2px;\n  margin-right: 8px;\n  margin-bottom: 8px;\n}\n.index-module_imageBox__1rpoB .index-module_imageWrap__LyKfP:hover {\n  background: transparent;\n}\n.index-module_imageBox__1rpoB .index-module_imageWrap__LyKfP:hover .index-module_mask__uy8r2:before {\n  opacity: 1;\n}\n.index-module_imageBox__1rpoB .index-module_imageWrap__LyKfP img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.index-module_imageBox__1rpoB .index-module_imageWrap__LyKfP .index-module_delete__28zCp {\n  position: absolute;\n  right: 0px;\n  top: 0px;\n}\n.index-module_imageBox__1rpoB .index-module_mask__uy8r2 {\n  position: relative;\n  height: 100%;\n  overflow: hidden;\n}\n.index-module_imageBox__1rpoB .index-module_mask__uy8r2::before {\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  opacity: 0;\n  transition: all 0.3s;\n  content: ' ';\n}\n.index-module_imageBox__1rpoB .index-module_mask__uy8r2:hover .index-module_actions__1-6f4 {\n  opacity: 1;\n}\n.index-module_imageBox__1rpoB .index-module_mask__uy8r2 .index-module_actions__1-6f4 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 10;\n  white-space: nowrap;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n  transition: all 0.3s;\n}\n.index-module_imageBox__1rpoB .index-module_mask__uy8r2 .index-module_actions__1-6f4 .index-module_icon__3yEcS {\n  font-size: 16px;\n  color: #fff;\n  padding: 0 4px;\n}\n.index-module_imageBox__1rpoB .index-module_imagePaste__Ac77C {\n  display: inline-block;\n  margin-right: 8px;\n}\n.index-module_imageBox__1rpoB .index-module_imagePaste__Ac77C .index-module_fakeBox__3W1d- {\n  width: 80px;\n  height: 80px;\n  border-radius: 2px;\n  background: #F2F3F5;\n  text-align: center;\n  color: #86909C;\n  padding-top: 16px;\n}\n.index-module_imageBox__1rpoB .index-module_imagePaste__Ac77C .index-module_fakeBox__3W1d- .index-module_addBtn__3a1TQ {\n  color: #86909C;\n}\n.index-module_imageBox__1rpoB .index-module_upload__3Pe3e .ant-upload {\n  height: 80px;\n  width: 80px;\n  border: none;\n  background-color: #F2F3F5;\n  color: #86909C;\n}\n.index-module_imageBox__1rpoB .index-module_upload__3Pe3e .ant-upload .index-module_addBtn__3a1TQ {\n  color: #86909C;\n}\n.index-module_tips__168Vy {\n  color: #4E5969;\n  font-size: 12px;\n}\n";
+var styles$2 = {"imageBox":"index-module_imageBox__1rpoB","inputImage":"index-module_inputImage__MyiR1","imageShow":"index-module_imageShow__3BNqT","imageWrap":"index-module_imageWrap__LyKfP","-webkit-mask":"index-module_mask__uy8r2","mask":"index-module_mask__uy8r2","delete":"index-module_delete__28zCp","actions":"index-module_actions__1-6f4","icon":"index-module_icon__3yEcS","imagePaste":"index-module_imagePaste__Ac77C","fakeBox":"index-module_fakeBox__3W1d-","addBtn":"index-module_addBtn__3a1TQ","upload":"index-module_upload__3Pe3e","tips":"index-module_tips__168Vy"};
+styleInject(css_248z$2);
+
+var _excluded$7 = ["maxCount", "maxSize", "onChange", "value", "accept", "disabled", "uniqueKey", "actionUrl"];
+var Dragger = Upload.Dragger;
+var fn$2 = function fn() {
+  return void 0;
+};
+var ApaasUploadAsync$1 = function ApaasUploadAsync(_ref) {
+  var _ref$maxCount = _ref.maxCount,
+    maxCount = _ref$maxCount === void 0 ? 10 : _ref$maxCount,
+    _ref$maxSize = _ref.maxSize,
+    maxSize = _ref$maxSize === void 0 ? 10 : _ref$maxSize,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? fn$2 : _ref$onChange,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    _ref$accept = _ref.accept,
+    accept = _ref$accept === void 0 ? 'image/gif,image/jpg,image/jpeg,image/png' : _ref$accept,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    uniqueKey = _ref.uniqueKey,
+    _ref$actionUrl = _ref.actionUrl,
+    actionUrl = _ref$actionUrl === void 0 ? '/qy/common/uploadWorkOrderImg' : _ref$actionUrl,
+    resetProps = _objectWithoutProperties(_ref, _excluded$7);
+  var valueRef = useRef(value);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    uploading = _useState2[0],
+    setUploading = _useState2[1];
+  var fileList = useMemo(function () {
+    return value.map(function (t, i) {
+      return _objectSpread2(_objectSpread2({}, t), {}, {
+        // status: 'success',
+        percent: 100,
+        uid: i + ''
+        // name: ,
+      });
+    });
+  }, [value]);
+  useEffect(function () {
+    valueRef.current = value;
+  }, [value]);
+  var asyncUpload = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
+      var formData, fileName, _yield$request, success, data;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            console.log('asyncUpload', file);
+            setUploading(true);
+            formData = new FormData();
+            formData.append('file', file);
+            fileName = "".concat(uniqueKey, "_").concat(new Date().getTime(), "_").concat(file.name);
+            formData.append('fileName', fileName);
+            _context.prev = 6;
+            _context.next = 9;
+            return request(actionUrl, {
+              method: 'post',
+              body: formData
+            });
+          case 9:
+            _yield$request = _context.sent;
+            success = _yield$request.success;
+            data = _yield$request.data;
+            if (success) {
+              handleChange([].concat(_toConsumableArray(valueRef.current), [{
+                name: file.name,
+                url: data
+              }]));
+            }
+            _context.next = 18;
+            break;
+          case 15:
+            _context.prev = 15;
+            _context.t0 = _context["catch"](6);
+            message.error('文件上传失败');
+          case 18:
+            _context.prev = 18;
+            setUploading(false);
+            return _context.finish(18);
+          case 21:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[6, 15, 18, 21]]);
+    }));
+    return function asyncUpload(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var handleChange = function handleChange(list) {
+    valueRef.current = list;
+    onChange(list);
+  };
+  // 手动上传模式, 一直返回false
+  var beforeUpload = function beforeUpload(file) {
+    console.log('beforeUpload', file);
+    var size = file.size / 1024 / 1024 < maxSize;
+    if (value.length > maxCount) {
+      message.error("\u6700\u591A\u6DFB\u52A0".concat(maxCount, "\u5F20\u56FE\u7247\uFF01"));
+      return Upload.LIST_IGNORE;
+    }
+    if (!size) {
+      message.error("\u6587\u4EF6\u4E0D\u80FD\u5927\u4E8E".concat(maxSize, "MB"));
+      return Upload.LIST_IGNORE;
+    }
+    asyncUpload(file);
+    return Upload.LIST_IGNORE;
+  };
+  var onRemove = function onRemove(file) {
+    var newValue = value.filter(function (item) {
+      return item.url !== file.url;
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+  };
+  return /*#__PURE__*/React.createElement(Spin, {
+    spinning: uploading
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$2.imageBox
+  }, /*#__PURE__*/React.createElement(Dragger, _objectSpread2({
+    disabled: disabled,
+    multiple: true,
+    accept: accept,
+    name: "file",
+    maxCount: maxCount,
+    // className={styles.upload}
+    beforeUpload: beforeUpload,
+    fileList: fileList,
+    onRemove: onRemove
+  }, resetProps), /*#__PURE__*/React.createElement("p", {
+    className: "ant-upload-drag-icon"
+  }, /*#__PURE__*/React.createElement(InboxOutlined, null)), /*#__PURE__*/React.createElement("p", {
+    className: "ant-upload-text"
+  }, "\u70B9\u51FB\u201C\u9009\u62E9\u6587\u4EF6\u201D\u6216\u5C06\u6587\u4EF6\u62D6\u62FD\u5230\u6B64\u533A\u57DF"))));
+};
+
+var _excluded$8 = ["showOther", "horizontal", "options", "value", "onChange", "disabled"];
 function ApaasCheckbox(props) {
   var showOther = props.showOther,
     _props$horizontal = props.horizontal,
@@ -1171,7 +1309,7 @@ function ApaasCheckbox(props) {
     value = _props$value === void 0 ? {} : _props$value,
     onChange = props.onChange,
     disabled = props.disabled,
-    otherProps = _objectWithoutProperties(props, _excluded$7);
+    otherProps = _objectWithoutProperties(props, _excluded$8);
   var checkboxValue = value.value,
     other = value.other;
   var triggerChange = function triggerChange(changedValue) {
@@ -1257,11 +1395,11 @@ function ApaasSlider(props) {
   })));
 }
 
-var css_248z$2 = ".index-module_rateLabel__3k-Xa {\n  margin-right: 8px;\n}\n.index-module_rateText__A1GRy {\n  margin-left: 8px;\n}\n";
-var styles$2 = {"rateLabel":"index-module_rateLabel__3k-Xa","rateText":"index-module_rateText__A1GRy"};
-styleInject(css_248z$2);
+var css_248z$3 = ".index-module_rateLabel__3k-Xa {\n  margin-right: 8px;\n}\n.index-module_rateText__A1GRy {\n  margin-left: 8px;\n}\n";
+var styles$3 = {"rateLabel":"index-module_rateLabel__3k-Xa","rateText":"index-module_rateText__A1GRy"};
+styleInject(css_248z$3);
 
-var _excluded$8 = ["value", "onChange", "options", "textStyle"];
+var _excluded$9 = ["value", "onChange", "options", "textStyle"];
 //状态文字映射
 var RATE_MAP = {
   0: '',
@@ -1283,7 +1421,7 @@ function ApaasRate(props) {
     _props$options = props.options,
     options = _props$options === void 0 ? [] : _props$options,
     textStyle = props.textStyle,
-    other = _objectWithoutProperties(props, _excluded$8);
+    other = _objectWithoutProperties(props, _excluded$9);
   var rateValues = useMemo(function () {
     return (value || []).reduce(function (prv, next) {
       prv[next.id || ''] = next.value;
@@ -1319,14 +1457,14 @@ function ApaasRate(props) {
     }, /*#__PURE__*/React.createElement(Col, {
       span: 24
     }, /*#__PURE__*/React.createElement("span", {
-      className: styles$2.rateLabel
+      className: styles$3.rateLabel
     }, item === null || item === void 0 ? void 0 : item.name), /*#__PURE__*/React.createElement(Rate, _objectSpread2(_objectSpread2({}, other), {}, {
       value: rateValues[item.id] || 0,
       onChange: function onChange(val) {
         return changeHandle(val, item.id);
       }
     })), /*#__PURE__*/React.createElement("span", {
-      className: styles$2.rateText,
+      className: styles$3.rateText,
       style: textStyle
     }, RATE_MAP[rateValues[item.id]])));
   }));
@@ -1367,7 +1505,131 @@ var Province = function Province(props) {
   })));
 };
 
-var _excluded$9 = ["label", "name", "extra", "required", "rules", "initialValue"];
+var TextArea = Input.TextArea;
+var ParseLogistics = function ParseLogistics(props) {
+  var onChange = props.onChange;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var handleIdentify = function handleIdentify() {
+    if (!value) {
+      return;
+    }
+    request$1({
+      url: '/qy/logistics/addressAnalysis',
+      method: 'post',
+      data: {
+        fullAddress: value
+      }
+    }).then(function (res) {
+      var data = res.data;
+      onChange === null || onChange === void 0 ? void 0 : onChange(data);
+    }).catch(function (e) {
+      console.log(e);
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TextArea, {
+    placeholder: "\u590D\u5236\u7269\u6D41\u4FE1\u606F\uFF0C\u70B9\u51FB\u667A\u80FD\u8BC6\u522B",
+    rows: 3,
+    value: value,
+    onChange: function onChange(e) {
+      return setValue(e.target.value);
+    }
+  }), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    type: "primary",
+    onClick: handleIdentify
+  }, "\u667A\u80FD\u8BC6\u522B"), /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    onClick: function onClick() {
+      return setValue('');
+    }
+  }, "\u6E05\u7A7A")));
+};
+
+var IdentifyAddress = function IdentifyAddress(props) {
+  var value = props.value,
+    onChange = props.onChange,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled;
+  var changeHandle = function changeHandle(val, type) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, _defineProperty({}, type, val)));
+  };
+  var handleParseLogistics = function handleParseLogistics(val) {
+    var params = {
+      detail: val === null || val === void 0 ? void 0 : val.addressDetail,
+      receiverName: val === null || val === void 0 ? void 0 : val.name,
+      receiverMobile: val === null || val === void 0 ? void 0 : val.phone,
+      address: []
+    };
+    if (val === null || val === void 0 ? void 0 : val.province) {
+      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)];
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2({}, params));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !disabled && /*#__PURE__*/React.createElement(ParseLogistics, {
+    onChange: handleParseLogistics
+  }), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Province, {
+    value: value.address,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'address');
+    },
+    options: [],
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(Input, {
+    value: value.detail,
+    disabled: disabled,
+    placeholder: "\u8BE6\u7EC6\u5730\u5740",
+    onChange: function onChange(e) {
+      return changeHandle(e.target.value, 'detail');
+    }
+  })), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Input, {
+    value: value.receiverName,
+    disabled: disabled,
+    placeholder: "\u6536\u4EF6\u4EBA\u59D3\u540D",
+    onChange: function onChange(e) {
+      return changeHandle(e.target.value, 'receiverName');
+    }
+  }), /*#__PURE__*/React.createElement(Input, {
+    value: value.receiverMobile,
+    disabled: disabled,
+    placeholder: "\u6536\u4EF6\u4EBA\u7535\u8BDD",
+    onChange: function onChange(e) {
+      return changeHandle(e.target.value, 'receiverMobile');
+    }
+  })));
+};
+
+function ApaasPosting(props) {
+  var _props$value = props.value,
+    value = _props$value === void 0 ? {} : _props$value,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    onChange = props.onChange;
+  var handleChange = function handleChange(val) {
+    //智能识别返填
+    var parseValue = _objectSpread2(_objectSpread2({}, value), {}, {
+      postingAddress: (val === null || val === void 0 ? void 0 : val.address) || [],
+      postingDetail: (val === null || val === void 0 ? void 0 : val.detail) || '',
+      postingReceiverName: (val === null || val === void 0 ? void 0 : val.receiverName) || '',
+      postingReceiverMobile: (val === null || val === void 0 ? void 0 : val.receiverMobile) || ''
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(parseValue);
+  };
+  return /*#__PURE__*/React.createElement(IdentifyAddress, {
+    disabled: disabled,
+    value: {
+      address: (value === null || value === void 0 ? void 0 : value.postingAddress) || [],
+      detail: (value === null || value === void 0 ? void 0 : value.postingDetail) || '',
+      receiverName: (value === null || value === void 0 ? void 0 : value.postingReceiverName) || '',
+      receiverMobile: (value === null || value === void 0 ? void 0 : value.postingReceiverMobile) || ''
+    },
+    onChange: handleChange
+  });
+}
+
+var _excluded$a = ["label", "name", "extra", "required", "rules", "initialValue"];
 function withFormItem(WrappedComponent) {
   return function (props) {
     var label = props.label,
@@ -1376,7 +1638,7 @@ function withFormItem(WrappedComponent) {
       required = props.required,
       rules = props.rules,
       initialValue = props.initialValue,
-      otherProps = _objectWithoutProperties(props, _excluded$9);
+      otherProps = _objectWithoutProperties(props, _excluded$a);
     return /*#__PURE__*/React.createElement(Form.Item, _objectSpread2({}, {
       label: label,
       name: name,
@@ -1508,7 +1770,7 @@ var trade4 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVzn
 
 var trade5 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MUVBOUVCQjIzQUIxMUU0QUZCMkFCQ0QzMzVDM0ZDMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MUVBOUVCQzIzQUIxMUU0QUZCMkFCQ0QzMzVDM0ZDMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQxRUE5RUI5MjNBQjExRTRBRkIyQUJDRDMzNUMzRkMwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQxRUE5RUJBMjNBQjExRTRBRkIyQUJDRDMzNUMzRkMwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+xU6hIgAAAPdJREFUeNqM0M9KAlEUx/E7MoF/WoiIoCslCyIXIgS5alMgvoJvIPgCbXwWobYuJVqVgeCmVSAyxGgE1dJVicH1e/AMDSLqgQ935nJ+d+4Z57bofxljOjhEEwuM0VU+csg0vHzf5SGCGkZmVQcoqRt8SDMGuJbmHk7gwWooWOXAPOIo3x1PUhJ4RFRP/jb/ZUOk0jiXwLNuFkLXWq8gdCmBKV5R0WGlnA2k6hEm/9NrHWGGoQ7b1vneQ1/6cfXhAS38ymc5ZB50MGiS5RQxvDjWWtnM8vImv47mK7OlZAZD06ekcUE4vTOgdY8EqvsGnnQ92xZYCjAAxxw+q99X1uIAAAAASUVORK5CYII=";
 
-var TextArea = Input.TextArea;
+var TextArea$1 = Input.TextArea;
 var imgList = [trade0, trade1, trade2, trade3, trade4, trade5];
 var RemarkInput = function RemarkInput(props) {
   var isShowFlag = props.isShowFlag,
@@ -1527,7 +1789,7 @@ var RemarkInput = function RemarkInput(props) {
     });
     onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextArea, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextArea$1, {
     disabled: disabled,
     rows: 4,
     value: value === null || value === void 0 ? void 0 : value.remark,
@@ -1551,8 +1813,8 @@ var RemarkInput = function RemarkInput(props) {
   })));
 };
 
-var css_248z$3 = ".mb8 {\n  margin-bottom: 8px;\n}\n";
-styleInject(css_248z$3);
+var css_248z$4 = ".mb8 {\n  margin-bottom: 8px;\n}\n";
+styleInject(css_248z$4);
 
 var Logistics = function Logistics(props) {
   var options = props.options,
@@ -1596,7 +1858,7 @@ var Logistics = function Logistics(props) {
     return /*#__PURE__*/React.createElement(Input, {
       disabled: disabled,
       placeholder: "\u7269\u6D41\u5355\u53F7",
-      className: css_248z$3.logisticsInput,
+      className: css_248z$4.logisticsInput,
       onChange: handleInputChange,
       value: value === null || value === void 0 ? void 0 : value.order,
       onBlur: function onBlur(e) {
@@ -1605,7 +1867,7 @@ var Logistics = function Logistics(props) {
     });
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: css_248z$3.logistics
+    className: css_248z$4.logistics
   }, isSingle ? showField === 'EXPRESS_COMPANY' ? LogisticsCompany() : null : LogisticsCompany(), isSingle ? showField === 'EXPRESS_WAYBILL_CODE' ? LogisticsCode() : null : LogisticsCode());
 };
 
@@ -1660,8 +1922,8 @@ var AliPay = function AliPay(props) {
  */
 var extendRequest = extend({});
 
-var css_248z$4 = ".goodsBox {\n  display: flex;\n  flex-wrap: wrap;\n}\n.goodsBox .goodBox-Img {\n  width: 80px;\n  margin: 0 10px 10px 0;\n}\n.goodsBox .right-context {\n  font-size: 12px;\n}\n.goodsBox .right-context .ant-input {\n  font-size: 12px;\n  width: 80px;\n  height: 20px;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n.goodsBox .right-context .ant-input.id-textarea {\n  width: 80px;\n  resize: none;\n  height: 45px;\n}\n.goodsBox.goodsBox-item-horizontal--box {\n  flex-direction: row;\n  width: auto;\n}\n.goods-imgBox {\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}\n.goods-imgBox .add-btn {\n  color: #86909c;\n}\n.goods-imgBox .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";
-styleInject(css_248z$4);
+var css_248z$5 = ".goodsBox {\n  display: flex;\n  flex-wrap: wrap;\n}\n.goodsBox .goodBox-Img {\n  width: 80px;\n  margin: 0 10px 10px 0;\n}\n.goodsBox .right-context {\n  font-size: 12px;\n}\n.goodsBox .right-context .ant-input {\n  font-size: 12px;\n  width: 80px;\n  height: 20px;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n.goodsBox .right-context .ant-input.id-textarea {\n  width: 80px;\n  resize: none;\n  height: 45px;\n}\n.goodsBox.goodsBox-item-horizontal--box {\n  flex-direction: row;\n  width: auto;\n}\n.goods-imgBox {\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}\n.goods-imgBox .add-btn {\n  color: #86909c;\n}\n.goods-imgBox .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";
+styleInject(css_248z$5);
 
 var defaultImg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAOKADAAQAAAABAAAAOAAAAAANV2hTAAACcklEQVRoBe1aa3OqMBBdlFatfVivnV7H29f//0md6XSc1hegKCCigE2c0YKtri7Rm3ayX0zCbjhnzyZEVBs53hx+seV+MbcFNUXwpyusFFQKSp4BVaKSC4TCUwqiKZLcQSkouUAoPKUgmiLJHZSCkguEwtNRjw0O8/kcTMuGWRhu8BAzfKLrUPtTAU3TSBOSCXqeD2bfJt1036BSqQjn5dK+YQt/8hoMo4h0Q0pQmKFKyAomgdZva1C5ukgOZW7bQwfaXTPzPEIIZkXBXnyBN/aBr7fq9SXkcuTC+gLlvxPkG5VhDVbAHHcMj/f1VT9rQ1yqiEj69jAVOQkC8CdBaixL5ygEB/YIhiM3C05y7EFLNGI7battgMvWF7d8Pv9lu69WrlIlWiwUoFQswHQ6I5NKBh6MIC+z93YPZrPPg0Cr04Onh8ZiM1mC4A/x09OT1CZDfagv50x+HoTgwHag2zNh/TeBKIoZaQMe/v1NnUzO2IP88qKcxCWsLXQNxnEMrY4BnW/ILRH7/mRVkvy4x/2fX5osxgLeF23CFAzYmnlv9SCYTlGMVn8IMVOTx4wZYW58IwrDCBr1m5S66GSIgxCCLjuXdg0L4nh3BQbspLJujutB8y2Cu8bt+iVyX0iJcmD7kNuGliv62mwD34FFmBAFRQBJzsHL3DDxUk/GbGoLUXDT5FnGdy/27XeRluB22LtfVQR3z5WcnmQFdXauPJbp7Hsi1ciRZfaOpFatHOWlU/msSOUHmvobCTl3cgSS16Ac8HEUiiCeI7k9lIJy64OjUwriOZLbQykotz44OqUgniO5PZSCcuuDo1MK4jmS2+MD4RXMNiaoge4AAAAASUVORK5CYII=";
 
@@ -2640,8 +2902,8 @@ var Supplier = function Supplier(props) {
   }));
 };
 
-var css_248z$5 = ".cardBox {\n  position: absolute;\n  z-index: 1;\n  border: 1px solid #e6e6e6;\n  background-color: #fff;\n  color: #303133;\n  border-radius: 4px;\n  overflow: auto;\n  height: 200px;\n  cursor: pointer;\n}\n.cardBox .cardli {\n  padding: 7px 13px;\n  width: 332px;\n}\n.cardBox .cardli:hover {\n  background-color: #f5f7fa;\n}\n.cardBox .cardText {\n  font-size: 14px;\n  color: #333;\n  margin: 0;\n  padding: 0;\n  line-height: 26px;\n}\n.cardBox .c-f60 {\n  color: #f60;\n}\n.btn-discern {\n  margin-left: 10px;\n  height: 24px;\n  font-size: 12px;\n  color: #1B5BF3;\n  border-color: #1B5BF3;\n  padding: 0;\n}\n";
-styleInject(css_248z$5);
+var css_248z$6 = ".cardBox {\n  position: absolute;\n  z-index: 1;\n  border: 1px solid #e6e6e6;\n  background-color: #fff;\n  color: #303133;\n  border-radius: 4px;\n  overflow: auto;\n  height: 200px;\n  cursor: pointer;\n}\n.cardBox .cardli {\n  padding: 7px 13px;\n  width: 332px;\n}\n.cardBox .cardli:hover {\n  background-color: #f5f7fa;\n}\n.cardBox .cardText {\n  font-size: 14px;\n  color: #333;\n  margin: 0;\n  padding: 0;\n  line-height: 26px;\n}\n.cardBox .c-f60 {\n  color: #f60;\n}\n.btn-discern {\n  margin-left: 10px;\n  height: 24px;\n  font-size: 12px;\n  color: #1B5BF3;\n  border-color: #1B5BF3;\n  padding: 0;\n}\n";
+styleInject(css_248z$6);
 
 var Invoice = function Invoice(props) {
   var _props$value = props.value,
@@ -3052,122 +3314,26 @@ var Payment = function Payment(props) {
   }));
 };
 
-var TextArea$1 = Input.TextArea;
-var ParseLogistics = function ParseLogistics(props) {
-  var onChange = props.onChange;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var handleIdentify = function handleIdentify() {
-    if (!value) {
-      return;
-    }
-    request$1({
-      url: '/qy/logistics/addressAnalysis',
-      method: 'post',
-      data: {
-        fullAddress: value
-      }
-    }).then(function (res) {
-      var data = res.data;
-      onChange === null || onChange === void 0 ? void 0 : onChange(data);
-    }).catch(function (e) {
-      console.log(e);
-    });
-  };
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TextArea$1, {
-    placeholder: "\u590D\u5236\u7269\u6D41\u4FE1\u606F\uFF0C\u70B9\u51FB\u667A\u80FD\u8BC6\u522B",
-    rows: 3,
-    value: value,
-    onChange: function onChange(e) {
-      return setValue(e.target.value);
-    }
-  }), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
-    size: "small",
-    type: "primary",
-    onClick: handleIdentify
-  }, "\u667A\u80FD\u8BC6\u522B"), /*#__PURE__*/React.createElement(Button, {
-    size: "small",
-    onClick: function onClick() {
-      return setValue('');
-    }
-  }, "\u6E05\u7A7A")));
-};
-
-var IdentifyAddress = function IdentifyAddress(props) {
-  var value = props.value,
-    onChange = props.onChange,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled;
-  var changeHandle = function changeHandle(val, type) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, _defineProperty({}, type, val)));
-  };
-  var handleParseLogistics = function handleParseLogistics(val) {
-    var params = {
-      detail: val === null || val === void 0 ? void 0 : val.addressDetail,
-      receiverName: val === null || val === void 0 ? void 0 : val.name,
-      receiverMobile: val === null || val === void 0 ? void 0 : val.phone,
-      address: []
-    };
-    if (val === null || val === void 0 ? void 0 : val.province) {
-      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)];
-    }
-    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2({}, params));
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !disabled && /*#__PURE__*/React.createElement(ParseLogistics, {
-    onChange: handleParseLogistics
-  }), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Province, {
-    value: value.address,
-    onChange: function onChange(val) {
-      return changeHandle(val, 'address');
-    },
-    options: [],
-    disabled: disabled
-  }), /*#__PURE__*/React.createElement(Input, {
-    value: value.detail,
-    disabled: disabled,
-    placeholder: "\u8BE6\u7EC6\u5730\u5740",
-    onChange: function onChange(e) {
-      return changeHandle(e.target.value, 'detail');
-    }
-  })), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Input, {
-    value: value.receiverName,
-    disabled: disabled,
-    placeholder: "\u6536\u4EF6\u4EBA\u59D3\u540D",
-    onChange: function onChange(e) {
-      return changeHandle(e.target.value, 'receiverName');
-    }
-  }), /*#__PURE__*/React.createElement(Input, {
-    value: value.receiverMobile,
-    disabled: disabled,
-    placeholder: "\u6536\u4EF6\u4EBA\u7535\u8BDD",
-    onChange: function onChange(e) {
-      return changeHandle(e.target.value, 'receiverMobile');
-    }
-  })));
-};
-
-var css_248z$6 = ".interceptBox :global(.ant-select-item-option-content) {\n  overflow: auto  !important;\n  white-space: initial !important;\n}\n";
-styleInject(css_248z$6);
-
-var Item = Form.Item;
-var LogisticsAddress = LogisticsAddressData.getInstance();
-var address$1 = AddressData.getInstance();
-var LogisticsInterception = function LogisticsInterception(props) {
-  var _props$value = props.value,
-    value = _props$value === void 0 ? {} : _props$value,
-    _props$logisticsOptio = props.logisticsOptions,
-    logisticsOptions = _props$logisticsOptio === void 0 ? [] : _props$logisticsOptio,
-    _props$expressInterce = props.expressInterceptData,
-    expressInterceptData = _props$expressInterce === void 0 ? [] : _props$expressInterce,
-    _props$required = props.required,
-    required = _props$required === void 0 ? false : _props$required,
-    onChange = props.onChange,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    _props$isEditing = props.isEditing,
-    isEditing = _props$isEditing === void 0 ? false : _props$isEditing;
+var css_248z$7 = ".interceptBox :global(.ant-select-item-option-content) {\n  overflow: auto  !important;\n  white-space: initial !important;\n}\n";
+styleInject(css_248z$7);
+
+var Item = Form.Item;
+var LogisticsAddress = LogisticsAddressData.getInstance();
+var address$1 = AddressData.getInstance();
+var LogisticsInterception = function LogisticsInterception(props) {
+  var _props$value = props.value,
+    value = _props$value === void 0 ? {} : _props$value,
+    _props$logisticsOptio = props.logisticsOptions,
+    logisticsOptions = _props$logisticsOptio === void 0 ? [] : _props$logisticsOptio,
+    _props$expressInterce = props.expressInterceptData,
+    expressInterceptData = _props$expressInterce === void 0 ? [] : _props$expressInterce,
+    _props$required = props.required,
+    required = _props$required === void 0 ? false : _props$required,
+    onChange = props.onChange,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$isEditing = props.isEditing,
+    isEditing = _props$isEditing === void 0 ? false : _props$isEditing;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     initCompany = _useState2[0],
@@ -3211,12 +3377,12 @@ var LogisticsInterception = function LogisticsInterception(props) {
       return item.value === (value === null || value === void 0 ? void 0 : value.interceptCompany);
     });
     var showAddress = ((interceptCompany === null || interceptCompany === void 0 ? void 0 : interceptCompany.interceptionTypeList) || []).some(function (item) {
-      var _item$config;
-      return item.value === (value === null || value === void 0 ? void 0 : value.interceptType) && (item === null || item === void 0 ? void 0 : (_item$config = item.config) === null || _item$config === void 0 ? void 0 : _item$config.showAddress);
+      var _item$config, _item$config2;
+      return item.value === (value === null || value === void 0 ? void 0 : value.interceptType) && ((item === null || item === void 0 ? void 0 : (_item$config = item.config) === null || _item$config === void 0 ? void 0 : _item$config.showAddress) || ((_item$config2 = item.config) === null || _item$config2 === void 0 ? void 0 : _item$config2.showAddressSelect));
     });
     var showSender = ((interceptCompany === null || interceptCompany === void 0 ? void 0 : interceptCompany.interceptionTypeList) || []).some(function (item) {
-      var _item$config2;
-      return item.value === (value === null || value === void 0 ? void 0 : value.interceptType) && (item === null || item === void 0 ? void 0 : (_item$config2 = item.config) === null || _item$config2 === void 0 ? void 0 : _item$config2.showSenderMobile);
+      var _item$config3;
+      return item.value === (value === null || value === void 0 ? void 0 : value.interceptType) && (item === null || item === void 0 ? void 0 : (_item$config3 = item.config) === null || _item$config3 === void 0 ? void 0 : _item$config3.showSenderMobile);
     });
     var params = _objectSpread2({}, value);
     if (!showAddress) {
@@ -3289,8 +3455,8 @@ var LogisticsInterception = function LogisticsInterception(props) {
         return item.value === val;
       });
       var _returnValue = ((interceptCompany === null || interceptCompany === void 0 ? void 0 : interceptCompany.interceptionTypeList) || []).find(function (item) {
-        var _item$config3;
-        return item === null || item === void 0 ? void 0 : (_item$config3 = item.config) === null || _item$config3 === void 0 ? void 0 : _item$config3.isDefault;
+        var _item$config4;
+        return item === null || item === void 0 ? void 0 : (_item$config4 = item.config) === null || _item$config4 === void 0 ? void 0 : _item$config4.isDefault;
       });
       newValue = _objectSpread2(_objectSpread2({}, value), {}, {
         interceptCompany: val,
@@ -3320,7 +3486,6 @@ var LogisticsInterception = function LogisticsInterception(props) {
   //选择退回地址
   var changeReturnAddress = function changeReturnAddress(uk) {
     var item = LogisticsAddress.getItemByUk(uk);
-    console.log(item);
     if (item) {
       onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, {
         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],
@@ -3331,7 +3496,7 @@ var LogisticsInterception = function LogisticsInterception(props) {
     }
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: css_248z$6.interceptBox
+    className: css_248z$7.interceptBox
   }, /*#__PURE__*/React.createElement(Item, {
     label: '物流信息',
     required: required,
@@ -3565,8 +3730,8 @@ var jstGoods = function jstGoods(props) {
   })) : null) : null);
 };
 
-var css_248z$7 = ".jstGoodsBox {\n  display: flex;\n  flex-wrap: wrap;\n}\n.jstGoodsBox .goodBox-Img {\n  width: 80px;\n  margin: 0 10px 10px 0;\n}\n.jstGoodsBox .right-context {\n  font-size: 12px;\n}\n.jstGoodsBox .right-context .ant-input {\n  font-size: 12px;\n  width: 80px;\n  height: 20px;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n.jstGoodsBox .right-context .ant-input.id-textarea {\n  width: 80px;\n  resize: none;\n  height: 45px;\n}\n.jstGoodsBox.goodsBox-item-horizontal--box {\n  flex-direction: row;\n  width: auto;\n}\n.jstimgBox {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border-radius: 4px;\n  border: 1px solid #f2f3f5;\n  margin: 0 10px 10px 0;\n  text-align: center;\n  background-color: #f2f3f5;\n  display: flex;\n  justify-items: center;\n  align-items: center;\n}\n.jstimgBox .add-btn {\n  color: #86909c;\n}\n.jstimgBox .text {\n  color: #86909c;\n}\n.icon-close {\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  width: 13px;\n  height: 13px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  z-index: 3;\n  background-color: #fff;\n  cursor: pointer;\n}\n.img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.goods-title {\n  margin: 0 0 10px 5px;\n  color: #4e5969;\n}\n.searchBox {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n}\n.searchBox .search {\n  width: 150px;\n  margin-left: 6px;\n}\n.deg90 {\n  transform: rotate(90deg);\n}\n.goodsMain {\n  display: flex;\n  flex-wrap: wrap;\n  height: 400px;\n  overflow-y: auto;\n  margin-bottom: 10px;\n}\n.goodsMain .goodItem {\n  width: 142px;\n  height: 184px;\n  padding: 7px;\n  margin: 0 16px 16px 0;\n  border-radius: 4px;\n  background: #ffffff;\n  box-sizing: border-box;\n  /* 主题色/常规 */\n  border: 1px solid #c9cdd4;\n}\n.goodsMain .goodItem .goodImg {\n  width: 128px;\n  height: 128px;\n  border-radius: 4px;\n  overflow: hidden;\n}\n.goodsMain .goodItem .goodImg img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.goodsMain .goodItem .goodText {\n  text-align: center;\n  font-size: 12px;\n  color: #4e5969;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.goodsMain .goodItem .goodPrice {\n  text-align: center;\n  font-size: 14px;\n  color: #1d2129;\n}\n.goodsMain .goodItem.active {\n  border: 1px solid #1b5bf3;\n}\n@media screen and (max-width: 500px) {\n  .goodsMain {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-gap: 8px;\n    height: 300px;\n  }\n  .goodsMain .goodItem {\n    height: 126px;\n    width: 83px;\n    padding: 4px;\n    margin: 0;\n    border-radius: 4px;\n    background: #FFFFFF;\n    box-sizing: border-box;\n    border: 1px solid rgba(0, 0, 0, 0.15);\n  }\n  .goodsMain .goodItem .goodImg {\n    width: 98%;\n    height: 77px;\n  }\n  .goodsMain .goodItem .goodText {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .goodsMain .goodItem.active {\n    border: 1px solid #3089dc;\n  }\n  .searchBox {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: initial;\n  }\n  .searchBox .classify {\n    width: 120px;\n  }\n  .goodModal .ant-modal-body {\n    padding: 8px;\n  }\n}\n.goods-uploaded-count {\n  color: #ff3638;\n}\n.footer {\n  display: flex;\n  justify-content: flex-end;\n}\n.right-context {\n  display: flex;\n  flex-direction: column;\n}\n.right-context .info-row {\n  width: 80px;\n  display: flex;\n  align-items: center;\n  padding: 0px 8px;\n  border-radius: 2px;\n  cursor: pointer;\n  background: #f2f3f5;\n  margin-bottom: 4px;\n}\n.right-context .info-row > div {\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  word-break: break-all;\n}\n.sphPagination {\n  display: flex;\n  align-items: center;\n}\n.sphPagination .shpBtn {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0 8px;\n  height: 32px;\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n  cursor: pointer;\n  margin: 0 8px;\n}\n.sphPagination .shpBtn.unCursor {\n  color: #eee;\n  cursor: not-allowed;\n}\n";
-styleInject(css_248z$7);
+var css_248z$8 = ".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";
+styleInject(css_248z$8);
 
 var ItemList = function ItemList(props) {
   var _props$value = props.value,
@@ -3639,13 +3804,433 @@ var ItemList = function ItemList(props) {
   }, "\u6682\u4E0D\u652F\u6301\u6DFB\u52A0")) : null);
 };
 
-var css_248z$8 = ".goodsBox {\n  display: flex;\n  flex-wrap: wrap;\n}\n.goods-imgBox {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border: 1px solid #F2F3F5;\n  margin: 0 10px 10px 0;\n  text-align: center;\n}\n.icon-close {\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  width: 13px;\n  height: 13px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  z-index: 3;\n  background-color: #fff;\n  cursor: pointer;\n}\n.img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.goods-title {\n  margin: 0 0 10px 5px;\n  color: #4E5969;\n}\n.deg90 {\n  transform: rotate(90deg);\n}\n.goodMain {\n  display: flex;\n  flex-wrap: wrap;\n  height: 265px;\n  overflow-y: auto;\n  margin-bottom: 10px;\n}\n.goodMain .goodItem {\n  width: 140px;\n  height: 175px;\n  padding: 11px 10px 0;\n  text-align: center;\n  display: inline-block;\n  vertical-align: top;\n  margin-bottom: 10px;\n  margin-right: 30px;\n  border: 1px solid #e6e6e6;\n  cursor: pointer;\n  transition: border 0.3s;\n}\n.goodMain .goodItem .goodImg {\n  width: 120px;\n  height: 120px;\n}\n.goodMain .goodItem .goodText {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.goodMain .goodItem.active {\n  border: 1px solid #3089dc;\n}\n.right-context {\n  display: flex;\n  flex-direction: column;\n}\n";
-styleInject(css_248z$8);
-
 var TabPane$1 = Tabs.TabPane;
+var columns = [{
+  dataIndex: 'picUrl',
+  title: '主图',
+  render: function render(val) {
+    return /*#__PURE__*/React.createElement(Image, {
+      width: 60,
+      src: val
+    });
+  }
+}, {
+  dataIndex: 'outerId',
+  title: '款式编码'
+}, {
+  dataIndex: 'numIid',
+  title: '商品编码'
+}, {
+  dataIndex: 'title',
+  title: '商品名称'
+}, {
+  dataIndex: 'skus',
+  title: '颜色及规格'
+}];
+var GoodsModal$1 = function GoodsModal(props, ref) {
+  useImperativeHandle(ref, function () {
+    return {
+      open: function open(_ref) {
+        var list = _ref.list;
+        setVisible(true);
+        setSelect(list);
+        var ids = list.map(function (item) {
+          return item.numIid;
+        });
+        setSelectIds(ids);
+      }
+    };
+  });
+  var onSubmit = props.onSubmit,
+    _onCancel = props.onCancel,
+    shopId = props.shopId,
+    shopList = props.shopList,
+    width = props.width;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectList = _useState4[0],
+    setSelect = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectIds = _useState6[0],
+    setSelectIds = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    goodList = _useState8[0],
+    setGoodList = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    loading = _useState10[0],
+    setLoading = _useState10[1];
+  var _useState11 = useState({
+      apiName: 'queryItems',
+      desc: true,
+      numIids: '',
+      orderBy: 'list_time',
+      pageNo: 1,
+      pageSize: 10,
+      shopId: shopId,
+      type: 'onSale',
+      cids: '',
+      title: ''
+    }),
+    _useState12 = _slicedToArray(_useState11, 2),
+    searchParams = _useState12[0],
+    setSearch = _useState12[1];
+  var _useState13 = useState(0),
+    _useState14 = _slicedToArray(_useState13, 2),
+    total = _useState14[0],
+    setTotal = _useState14[1];
+  var _useState15 = useState(''),
+    _useState16 = _slicedToArray(_useState15, 2),
+    platform = _useState16[0],
+    setPlatform = _useState16[1]; //平台 taobao=淘宝 fxg=抖音 pdd=拼多多 sph=微信视屏号
+  // const [shopInfo, setShopInfo] = useState<any>({}); //店铺信息
+  var _useState17 = useState([{
+      tab: '所选商品',
+      key: 'onSale'
+    }, {
+      tab: '已选商品',
+      key: 'select'
+    }]),
+    _useState18 = _slicedToArray(_useState17, 1),
+    tabs = _useState18[0];
+  //选择页码
+  var pageChange = function pageChange(page, pageSize) {
+    setSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, {
+      pageNo: page,
+      pageSize: pageSize
+    }));
+  };
+  /**
+   * 选择商品
+   * @param good
+   * @returns
+   */
+  // const changeItem = (good: any) => {
+  //   if (searchParams.type === 'select') {
+  //     const newSelect = selectList.filter((item: any) => {
+  //       return item.numIid !== good.numIid;
+  //     });
+  //     setSelect([...newSelect]);
+  //     const ids = newSelect.map((item) => {
+  //       return item.numIid;
+  //     });
+  //     setSelectIds(ids);
+  //   } else {
+  //     if (selectList.length >= maxLength) {
+  //       message.error(`最多添加${maxLength}张`);
+  //       return;
+  //     }
+  //     const hasGood = selectList.some((t) => {
+  //       return t.numIid === good.numIid;
+  //     });
+  //     if (hasGood) {
+  //       const newSelectList = selectList.filter((item) => {
+  //         return item.numIid !== good.numIid;
+  //       });
+  //       setSelect(newSelectList);
+  //       const ids = newSelectList.map((item) => {
+  //         return item.numIid;
+  //       });
+  //       setSelectIds(ids);
+  //     } else {
+  //       setSelect([...selectList, good]);
+  //       setSelectIds([...selectIds, good.numIid]);
+  //     }
+  //   }
+  // };
+  /**
+   *
+   * @returns 获取查询参数
+   */
+  var queryPd = function queryPd() {
+    var params = {
+      apiName: 'queryItems',
+      desc: searchParams.desc,
+      productIds: searchParams.numIids,
+      orderBy: searchParams.orderBy,
+      pageNo: searchParams.pageNo,
+      pageSize: searchParams.pageSize,
+      shopId: shopId,
+      type: searchParams.type,
+      title: searchParams.title,
+      cids: searchParams.cids
+    };
+    return params;
+  };
+  /**
+   * 查询商品
+   */
+  var queryItems = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(platform) {
+      var res, _ref3, items, totalCount;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            setLoading(true);
+            _context.next = 4;
+            return extendRequest('/qy/gdfw/workOrder/queryItems', {
+              method: 'post',
+              data: queryPd()
+            });
+          case 4:
+            res = _context.sent;
+            _ref3 = res.data || {
+              items: [],
+              totalCount: 0
+            }, items = _ref3.items, totalCount = _ref3.totalCount;
+            items.forEach(function (item) {
+              item.platform = platform;
+              item.key = item.numIid;
+            });
+            setGoodList(_toConsumableArray(items));
+            setTotal(totalCount);
+          case 9:
+            _context.prev = 9;
+            setLoading(false);
+            return _context.finish(9);
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0,, 9, 12]]);
+    }));
+    return function queryItems(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var getItem = function getItem(searchParams, platform) {
+    if (searchParams.type === 'select') {
+      setTotal(1);
+      return;
+    } else {
+      queryItems(platform);
+    }
+  };
+  useEffect(function () {
+    var shopInfo = shopList.find(function (item) {
+      return shopId === item.shopId || shopId === item.shopName;
+    });
+    // setShopInfo(shopInfo);
+    var platform = shopInfo === null || shopInfo === void 0 ? void 0 : shopInfo.shopSourceStr.toLowerCase();
+    setPlatform(platform);
+  }, []);
+  useEffect(function () {
+    platform && getItem(searchParams, platform);
+  }, [searchParams, platform]);
+  var rowSelection = {
+    selectedRowKeys: selectIds,
+    // type: 'radio',
+    onChange: function onChange(selectedRowKeys, selectedRows, info) {
+      console.log(selectedRowKeys, selectedRows, info);
+      setSelectIds(selectedRowKeys);
+      setSelect(_toConsumableArray(selectedRows));
+    }
+    // getCheckboxProps: (record: any) => {
+    //   return {
+    //     disabled: record.hasOwnProperty('children'),
+    //   };
+    // },
+  };
+
+  return /*#__PURE__*/React.createElement(Modal, {
+    title: '选择商品编码',
+    okText: '确认',
+    cancelText: '取消',
+    visible: visible,
+    width: width || 850,
+    onCancel: function onCancel() {
+      _onCancel();
+    },
+    onOk: function onOk() {
+      onSubmit(selectList);
+    },
+    wrapClassName: "goodModal"
+  }, /*#__PURE__*/React.createElement(Tabs, {
+    type: "card",
+    activeKey: searchParams.type,
+    onChange: function onChange(e) {
+      var params = _objectSpread2(_objectSpread2({}, searchParams), {}, {
+        type: e,
+        pageNo: 1
+      });
+      setSearch(params);
+    }
+  }, tabs.map(function (tab) {
+    return /*#__PURE__*/React.createElement(TabPane$1, {
+      tab: tab.tab + (tab.key === 'select' ? "(".concat(selectList.length, ")") : ''),
+      key: tab.key
+    });
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "searchBox",
+    style: {
+      display: searchParams.type === 'select' ? 'none' : ''
+    }
+  }, /*#__PURE__*/React.createElement(Form, {
+    layout: "inline"
+  }, /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u6B3E\u5F0F\u7F16\u7801"
+  })), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u5546\u54C1\u7F16\u7801"
+  })), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u5546\u54C1\u540D\u79F0"
+  })), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    htmlType: "submit"
+  }, "\u67E5\u8BE2"), /*#__PURE__*/React.createElement(Button, null, "\u91CD\u7F6E")))), /*#__PURE__*/React.createElement(Spin, {
+    spinning: loading
+  }, /*#__PURE__*/React.createElement(Table, {
+    rowSelection: rowSelection,
+    columns: columns,
+    dataSource: searchParams.type == 'select' ? selectList : goodList,
+    scroll: {
+      y: 300
+    },
+    pagination: {
+      size: 'small',
+      total: total,
+      current: searchParams.pageNo,
+      pageSize: searchParams.pageSize,
+      onChange: pageChange
+    }
+  })));
+};
+var GoodsModal$2 = /*#__PURE__*/forwardRef(GoodsModal$1);
+
+// interface GoodsItem {
+//   title: string;
+//   picUrl: string;
+//   platform: string;
+//   skuId: string;
+//   styleId: string;
+// }
+var BsGoods = function BsGoods(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,
+    _props$shopList = props.shopList,
+    shopList = _props$shopList === void 0 ? [] : _props$shopList,
+    _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;
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(newList);
+  };
+  //商品信息
+  var GOODS_INFO_COLUMNS = function GOODS_INFO_COLUMNS(text) {
+    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: 'skuName',
+      title: "bs".concat(text, "\u7F16\u7801")
+    }, {
+      dataIndex: 'skuId',
+      title: "bs".concat(text, "sku\u7F16\u7801")
+    }, {
+      dataIndex: 'money',
+      title: "bs".concat(text, "\u5B9E\u4ED8\u91D1\u989D")
+    }, {
+      dataIndex: 'number',
+      title: "bs".concat(text, "\u6570\u91CF")
+    }, {
+      dataIndex: '',
+      title: "\u64CD\u4F5C",
+      render: function render(val, record) {
+        return /*#__PURE__*/React.createElement(Button, {
+          type: "link",
+          onClick: function onClick() {
+            return handleDelete(record);
+          }
+        }, "\u5220\u9664");
+      }
+    }];
+  };
+  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,
+        outerId = item.outerId,
+        title = item.title,
+        price = item.price,
+        platform = item.platform;
+      return {
+        picUrl: picUrl,
+        numIid: numIid,
+        outerId: outerId,
+        title: title,
+        price: price,
+        platform: platform
+      };
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(newList);
+    setVisible(false);
+  };
+  var handleChangeGoods = function handleChangeGoods() {
+    setVisible(true);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !disabled && /*#__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, {
+    onSubmit: onSubmit,
+    width: width,
+    type: type,
+    shopList: shopList,
+    shopId: shopId,
+    maxLength: maxLength,
+    onCancel: function onCancel() {
+      setVisible(false);
+    }
+  }));
+};
+
+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);
+
+var TabPane$2 = Tabs.TabPane;
 var Option$2 = Select.Option;
 var Search$1 = Input.Search;
-var GoodsModal$1 = function GoodsModal(props) {
+var GoodsModal$3 = function GoodsModal(props) {
   var onSubmit = props.onSubmit,
     _onCancel = props.onCancel,
     visible = props.visible,
@@ -3958,7 +4543,7 @@ var GoodsModal$1 = function GoodsModal(props) {
       }));
     }
   }, tabs.map(function (tab) {
-    return /*#__PURE__*/React.createElement(TabPane$1, {
+    return /*#__PURE__*/React.createElement(TabPane$2, {
       tab: tab.tab + (tab.key === 'all' ? "(".concat(selectList.length, ")") : ''),
       key: tab.key
     });
@@ -4096,7 +4681,7 @@ var Goods$1 = function Goods(props, ref) {
   };
   return /*#__PURE__*/React.createElement("div", {
     className: "goodsBox"
-  }, /*#__PURE__*/React.createElement(GoodsModal$1, {
+  }, /*#__PURE__*/React.createElement(GoodsModal$3, {
     visible: visible,
     onSubmit: onSubmit,
     type: type,
@@ -4115,4 +4700,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, ApaasRadio, ApaasRate, ApaasSelect, ApaasSlider, ApaasTextArea, ApaasUpload, ApaasUploadAsync, 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, 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 };