@kmkf-fe-packages/basic-components 0.24.0-alpha.2 → 0.24.0-alpha.6

package/dist/index.esm.js

@@ -3,7 +3,7 @@ import { Cascader, DatePicker, InputNumber, Input, Select, Upload, Image, messag
 import { EyeOutlined, DeleteOutlined } from '@ant-design/icons';
 import request, { extend as extend$1 } from 'umi-request';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
-import { AddressData, BsAddressData, request as request$1, ExpressData, uuid, LogisticsAddressData } from '@kmkf-fe-packages/kmkf-utils';
+import { AddressData, BsAddressData, toTree, request as request$1, ExpressData, LogisticsAddressData, uuid } from '@kmkf-fe-packages/kmkf-utils';
 import zhCN from 'antd/lib/locale/zh_CN';
 import { cloneDeep } from 'lodash';
 import { useDebounceEffect } from 'ahooks';
@@ -358,15 +358,6 @@ function _regeneratorRuntime() {
     }
   }, exports;
 }
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
@@ -7367,11 +7358,12 @@ function ApaasRate(props) {
   }));
 }
 
-AddressData.getInstance();
-BsAddressData.getInstance();
+var addressData = AddressData.getInstance();
+var bsAddressData = BsAddressData.getInstance();
 var Province = function Province(props) {
   var _props$type = props.type,
-    type = _props$type === void 0 ? 'workOrder' : _props$type;
+    type = _props$type === void 0 ? 'workOrder' : _props$type,
+    value = props.value;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     option = _useState2[0],
@@ -7386,7 +7378,7 @@ var Province = function Province(props) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             num++;
-            options = type !== 'bs' ? AddressData.getInstance().addressOptions || [] : BsAddressData.getInstance().addressOptions || [];
+            options = type !== 'bs' ? addressData.addressOptions || [] : bsAddressData.addressOptions || [];
             if (!(options === null || options === void 0 ? void 0 : options.length) && num < 6) {
               time.current = setTimeout(function () {
                 initPageSource();
@@ -7403,6 +7395,19 @@ var Province = function Province(props) {
       return _ref.apply(this, arguments);
     };
   }();
+  var getBsAddress = function getBsAddress() {
+    var data = JSON.parse(localStorage.getItem('bsAddressData') || '[]');
+    if (data.length) {
+      var options = toTree(data, 1);
+      setOptions(options);
+    }
+  };
+  //如果值改变地址不存在则再获取一遍
+  useEffect(function () {
+    if (value && type == 'bs' && !option.length) {
+      getBsAddress();
+    }
+  }, [value, type, option]);
   useEffect(function () {
     if (!isFirst.current) {
       initPageSource();
@@ -7724,10 +7729,7 @@ var ShopNameSelect = function ShopNameSelect(props) {
 function ApaasAddress(props) {
   var value = props.value,
     onChange = props.onChange,
-    disabled = props.disabled,
-    _props$showIdentify = props.showIdentify,
-    showIdentify = _props$showIdentify === void 0 ? true : _props$showIdentify,
-    type = props.type;
+    disabled = props.disabled;
   var changeCity = function changeCity(city) {
     onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, {
       address: city
@@ -7739,20 +7741,7 @@ function ApaasAddress(props) {
       detail: e.target.value
     });
   };
-  var handleParseLogistics = function handleParseLogistics(val) {
-    var params = {
-      detail: val === null || val === void 0 ? void 0 : val.addressDetail,
-      address: []
-    };
-    var addressData = type === 'bs' ? BsAddressData.getInstance() : AddressData.getInstance();
-    if ((val === null || val === void 0 ? void 0 : val.province) && addressData.getProCodeByName(val === null || val === void 0 ? void 0 : val.province)) {
-      params.address = [addressData.getProCodeByName(val === null || val === void 0 ? void 0 : val.province), addressData.getProCodeByName(val === null || val === void 0 ? void 0 : val.city), addressData.getProCodeByName(val === null || val === void 0 ? void 0 : val.district)];
-    }
-    onChange === null || onChange === void 0 ? void 0 : onChange(params);
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !disabled && showIdentify && /*#__PURE__*/React.createElement(ParseLogistics, {
-    onChange: handleParseLogistics
-  }), /*#__PURE__*/React.createElement(Province, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Province, {
     value: value === null || value === void 0 ? void 0 : value.address,
     onChange: changeCity,
     disabled: disabled
@@ -7950,9 +7939,7 @@ var GoodsModal = function GoodsModal(props) {
     maxLength = props.maxLength,
     shopList = props.shopList,
     changeSku = props.changeSku,
-    width = props.width,
-    _props$numIidType = props.numIidType,
-    numIidType = _props$numIidType === void 0 ? 'string' : _props$numIidType;
+    width = props.width;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     selectList = _useState2[0],
@@ -7969,25 +7956,6 @@ var GoodsModal = function GoodsModal(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     loading = _useState8[0],
     setLoading = _useState8[1];
-  var transformIdType = function transformIdType(id) {
-    if (!['string', 'number'].includes(_typeof(id))) return id;
-    return numIidType === 'string' ? id + '' : +id;
-  };
-  var transformType = function transformType(item) {
-    if (!(item === null || item === void 0 ? void 0 : item.numIid)) return item;
-    return _objectSpread2(_objectSpread2({}, item), {}, {
-      numIid: transformIdType(item.numIid)
-    });
-  };
-  var handleSetSelect = function handleSetSelect(list) {
-    return setSelect(list.map(transformType));
-  };
-  var handleSelectIds = function handleSelectIds(list) {
-    return setSelectIds(list.map(transformIdType));
-  };
-  var handleSetGoodList = function handleSetGoodList(list) {
-    return setGoodList(list.map(transformType));
-  };
   var _useState9 = useState({
       apiName: 'queryItems',
       desc: true,
@@ -8081,15 +8049,15 @@ var GoodsModal = function GoodsModal(props) {
       var newSelect = selectList.filter(function (item) {
         return item.numIid !== good.numIid;
       });
-      handleSetSelect(_toConsumableArray(newSelect));
+      setSelect(_toConsumableArray(newSelect));
       var ids = newSelect.map(function (item) {
         return item.numIid;
       });
-      handleSelectIds(ids);
+      setSelectIds(ids);
     } else {
       if (type === 4 || changeSku) {
-        handleSetSelect([good]);
-        handleSelectIds([good.numIid]);
+        setSelect([good]);
+        setSelectIds([good.numIid]);
       } else {
         if (selectList.length >= maxLength) {
           message.error("\u6700\u591A\u6DFB\u52A0".concat(maxLength, "\u5F20"));
@@ -8102,14 +8070,14 @@ var GoodsModal = function GoodsModal(props) {
           var newSelectList = selectList.filter(function (item) {
             return item.numIid !== good.numIid;
           });
-          handleSetSelect(newSelectList);
+          setSelect(newSelectList);
           var _ids = newSelectList.map(function (item) {
             return item.numIid;
           });
-          handleSelectIds(_ids);
+          setSelectIds(_ids);
         } else {
-          handleSetSelect([].concat(_toConsumableArray(selectList), [good]));
-          handleSelectIds([].concat(_toConsumableArray(selectIds), [good.numIid]));
+          setSelect([].concat(_toConsumableArray(selectList), [good]));
+          setSelectIds([].concat(_toConsumableArray(selectIds), [good.numIid]));
         }
       }
     }
@@ -8201,7 +8169,7 @@ var GoodsModal = function GoodsModal(props) {
             items.forEach(function (item) {
               item.platform = platform;
             });
-            handleSetGoodList(_toConsumableArray(items));
+            setGoodList(_toConsumableArray(items));
             setTotal(totalCount);
             _context.next = 26;
             break;
@@ -8229,7 +8197,7 @@ var GoodsModal = function GoodsModal(props) {
               item.title = item.productName;
               item.platform = platform;
             });
-            handleSetGoodList(_toConsumableArray(newList));
+            setGoodList(_toConsumableArray(newList));
             setTotal(_total);
             if (platform === 'sph' && nextKey && !nextKeyList.includes(nextKey)) {
               setNextKeyList([].concat(_toConsumableArray(nextKeyList), [nextKey]));
@@ -8315,12 +8283,12 @@ var GoodsModal = function GoodsModal(props) {
   useEffect(function () {
     setPlatformHandle(platform);
     if (imgList.length) {
-      handleSetSelect(imgList);
+      setSelect(imgList);
       var ids = imgList === null || imgList === void 0 ? void 0 : imgList.map(function (item) {
         return item.numIid;
       });
       if (!(changeSku || type === 4)) {
-        handleSelectIds(ids);
+        setSelectIds(ids);
       }
     }
   }, [platform]);
@@ -8418,9 +8386,9 @@ var GoodsModal = function GoodsModal(props) {
     spinning: loading
   }, /*#__PURE__*/React.createElement("div", {
     className: "goodsMain"
-  }, (searchParams.type == 'select' ? selectList : goodList).map(function (good, index) {
+  }, (searchParams.type == 'select' ? selectList : goodList).map(function (good) {
     return /*#__PURE__*/React.createElement("div", {
-      key: good.numIid + "".concat(index),
+      key: good.numIid,
       className: "goodItem ".concat(selectIds.includes(good.numIid) ? 'active' : ''),
       onClick: function onClick() {
         changeItem(good);
@@ -8482,7 +8450,7 @@ var Sku = /*#__PURE__*/forwardRef(function (props, ref) {
   });
   var handleSure = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var type, SKU, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _yield$request, _yield$request$data, data;
+      var type, SKU, _ref3, _ref4, _ref5, _ref6, _ref7, _yield$request, _yield$request$data, data;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -8517,10 +8485,7 @@ var Sku = /*#__PURE__*/forwardRef(function (props, ref) {
               }) === null || _ref4 === void 0 ? void 0 : _ref4.picUrl,
               outerSkuId: (_ref5 = SKU || {
                 outerSkuId: ''
-              }) === null || _ref5 === void 0 ? void 0 : _ref5.outerSkuId,
-              skuId: ((_ref6 = SKU || {
-                skuId: ''
-              }) === null || _ref6 === void 0 ? void 0 : _ref6.skuId) || ''
+              }) === null || _ref5 === void 0 ? void 0 : _ref5.outerSkuId
             });
             _context.next = 16;
             break;
@@ -8541,15 +8506,12 @@ var Sku = /*#__PURE__*/forwardRef(function (props, ref) {
             props.handleOk({
               enableItemId: data.length > 0 ? data[0]['supplierItemOuterId'] : '',
               enableSupplierName: data.length > 0 ? data[0]['supplierName'] : '',
-              propertiesName: ((_ref7 = SKU || {
+              propertiesName: ((_ref6 = SKU || {
                 label: ''
-              }) === null || _ref7 === void 0 ? void 0 : _ref7.label) || '',
-              picUrl: (_ref8 = SKU || {
+              }) === null || _ref6 === void 0 ? void 0 : _ref6.label) || '',
+              picUrl: (_ref7 = SKU || {
                 picUrl: ''
-              }) === null || _ref8 === void 0 ? void 0 : _ref8.picUrl,
-              skuId: ((_ref9 = SKU || {
-                skuId: ''
-              }) === null || _ref9 === void 0 ? void 0 : _ref9.skuId) || ''
+              }) === null || _ref7 === void 0 ? void 0 : _ref7.picUrl
             });
           case 16:
             setVisible(false);
@@ -8927,324 +8889,8 @@ var ChooseBaby = function ChooseBaby(props) {
   }));
 };
 
-var css_248z$6 = ".goodsBox.single-row {\n  max-height: 800px;\n  overflow-y: auto;\n  padding-top: 4px;\n  flex-basis: 100%;\n}\n.goodsBox.single-row .goodBox-Img.rich-item.with-pic,\n.goodsBox.single-row .goodBox-Img.rich-item.with-attr,\n.goodsBox.single-row .goodBox-Img.rich-item.with-attr.with-pic {\n  flex-basis: 100%;\n}\n.goodsBox.single-row .goodBox-Img.rich-item .right-context {\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n.goodsBox.single-row .goodBox-Img.rich-item .right-context .good-item-attr {\n  flex-grow: 1;\n  flex-shrink: 1;\n  max-width: 80px;\n  width: 20px;\n  flex-basis: 20px;\n}\n.goodsBox.single-row .goodBox-Img.rich-item .right-context .ant-input {\n  flex-shrink: 1;\n  flex-grow: 1;\n  width: 20px;\n  flex-basis: 40px;\n}\n.goodBox-Img.rich-item {\n  position: relative;\n  border: 1px solid #ccc;\n  display: flex;\n  flex-basis: 80px;\n  flex-wrap: wrap;\n  margin: 0 10px 10px 0;\n  padding: 4px;\n}\n.goodBox-Img.rich-item.with-pic {\n  flex-basis: 90px;\n}\n.goodBox-Img.rich-item.with-attr {\n  flex-basis: 150px;\n}\n.goodBox-Img.rich-item.with-attr.with-pic {\n  flex-basis: 238px;\n}\n.goodBox-Img.rich-item.with-attr.with-pic .goods-imgBox {\n  margin-right: 8px;\n}\n.goodBox-Img.rich-item .good-item-attr {\n  margin-right: 6px;\n  width: 52px;\n  flex-basis: 52px;\n}\n.goodBox-Img.rich-item .goods-imgBox {\n  margin-bottom: 0;\n}\n.goodBox-Img.rich-item .right-context div {\n  display: flex;\n}\n.goodBox-Img.rich-item .right-context div:not(:first-child) {\n  margin-top: 4px;\n}\n";
-styleInject(css_248z$6);
-
-var GoodItem = function GoodItem(props) {
-  var _props$isSingleRow = props.isSingleRow,
-    isSingleRow = _props$isSingleRow === void 0 ? true : _props$isSingleRow,
-    _props$value = props.value,
-    value = _props$value === void 0 ? {
-      shopId: '',
-      imgList: []
-    } : _props$value,
-    _props$maxLength = props.maxLength,
-    maxLength = _props$maxLength === void 0 ? 999999999 : _props$maxLength,
-    onChange = props.onChange,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 2 : _props$type,
-    _props$shopList = props.shopList,
-    shopList = _props$shopList === void 0 ? [] : _props$shopList,
-    showHeader = props.showHeader,
-    _props$showChangeBtn = props.showChangeBtn,
-    otherOperations = props.otherOperations,
-    canUpdateNumber = props.canUpdateNumber,
-    enableItemId = props.enableItemId,
-    enableSupplierName = props.enableSupplierName,
-    userNick = props.userNick,
-    disabled = props.disabled,
-    changeSku = props.changeSku,
-    width = props.width;
-  var shopId = value.shopId,
-    imgList = value.imgList;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  var skuRef = useRef();
-  var boxRef = useRef();
-  //是否是淘宝店铺
-  var isTaobaoPlat = useMemo(function () {
-    return shopList.some(function (item) {
-      return item.shopId === shopId && item.shopSourceStr === 'TAOBAO';
-    });
-  }, [shopId]);
-  // 查询SKU
-  var querySkus = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
-      var shopId, numIids;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            shopId = _ref.shopId, numIids = _ref.numIids;
-            return _context.abrupt("return", extendRequest('/qy/gdfw/workOrder/queryItemSkus', {
-              method: 'post',
-              data: {
-                shopId: shopId,
-                numIids: numIids
-              }
-            }));
-          case 2:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function querySkus(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  //删除商品
-  var handleDelete = function handleDelete(index) {
-    var newSelect = imgList.filter(function (_, i) {
-      return index !== i;
-    });
-    var newValue = {
-      shopId: shopId,
-      imgList: _toConsumableArray(newSelect)
-    };
-    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-  };
-  //选择sku
-  var handleSelectSku = function handleSelectSku(_ref3) {
-    var enableItemId = _ref3.enableItemId,
-      enableSupplierName = _ref3.enableSupplierName,
-      propertiesName = _ref3.propertiesName,
-      picUrl = _ref3.picUrl,
-      outerSkuId = _ref3.outerSkuId,
-      skuId = _ref3.skuId;
-    var newList = JSON.parse(JSON.stringify(imgList));
-    if (type === 4) {
-      newList[newList.length - 1].itemId = enableItemId;
-      newList[newList.length - 1].supplierName = enableSupplierName;
-    } else {
-      newList[newList.length - 1].propertiesName = propertiesName;
-    }
-    if (type === 1) {
-      if (outerSkuId) newList[newList.length - 1].outerSkuId = outerSkuId;
-      if (skuId) newList[newList.length - 1].skuId = skuId;
-    }
-    //替换成sku的图片
-    picUrl && (newList[newList.length - 1].picUrl = picUrl);
-    onChange === null || onChange === void 0 ? void 0 : onChange({
-      shopId: shopId,
-      imgList: newList
-    });
-  };
-  //选择回调
-  var onSubmit = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(list) {
-      var newList, newImgList, _yield$querySkus, data, _skuRef$current, options;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            newList = list.map(function (item) {
-              //过滤属性 只保存需要的字段
-              var params = {
-                uuid: uuid(),
-                platform: item.platform,
-                price: item.price,
-                canDelete: true,
-                title: item.title,
-                outerId: item.outerId,
-                picUrl: item.picUrl,
-                numIid: item.numIid,
-                skuId: item.skuId,
-                outerSkuId: item.outerSkuId
-              };
-              // if (type === 1) {
-              //   params.outerId = item.outerId; //编码
-              // }
-              if (changeSku) {
-                params.propertiesName = '';
-              }
-              // if (type === 4) {
-              //   if (enableItemId) {
-              //     params.itemId = '';
-              //   }
-              //   if (enableSupplierName) {
-              //     params.supplierName = '';
-              //   }
-              // }
-              return params;
-            });
-            newImgList = changeSku || type === 4 ? [].concat(_toConsumableArray(imgList), _toConsumableArray(newList)) : _toConsumableArray(newList);
-            onChange === null || onChange === void 0 ? void 0 : onChange({
-              shopId: shopId,
-              imgList: newImgList
-            });
-            setVisible(false);
-            //供应上编码组件 ｜｜ 商品组件且可以选择sku
-            if (!(type === 4 && (enableItemId || enableSupplierName) || type !== 4 && changeSku && isTaobaoPlat && list.length > 0)) {
-              _context2.next = 10;
-              break;
-            }
-            _context2.next = 7;
-            return querySkus({
-              shopId: shopId,
-              numIids: list[0].numIid
-            });
-          case 7:
-            _yield$querySkus = _context2.sent;
-            data = _yield$querySkus.data;
-            if (data.length > 0 && data[0]['skus'] && data[0]['skus']['length'] > 0) {
-              options = data[0]['skus'].map(function (item) {
-                return {
-                  label: item.propertiesName.split(';').map(function (i) {
-                    return i.split(':').slice(2);
-                  }).join(';'),
-                  value: item.skuId,
-                  picUrl: item.picUrl,
-                  outerSkuId: item === null || item === void 0 ? void 0 : item.outerSkuId,
-                  skuId: item.skuId
-                };
-              });
-              (_skuRef$current = skuRef.current) === null || _skuRef$current === void 0 ? void 0 : _skuRef$current.open({
-                shopId: shopId,
-                numIids: list[0].numIid,
-                options: options
-              });
-            }
-          case 10:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function onSubmit(_x2) {
-      return _ref4.apply(this, arguments);
-    };
-  }();
-  var headerList = showHeader || {
-    1: ['title', 'outerId', 'picUrl', 'numIid', 'skuId', 'outerSkuId', 'propertiesName' // sku 信息
-    ]
-  }[type] || [];
-  //修改参数
-  var handleChangeValue = function handleChangeValue(key, index) {
-    return function (e) {
-      var _e$target;
-      var newImgList = _toConsumableArray(imgList);
-      newImgList[index][key] = e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value;
-      var newValue = {
-        shopId: shopId,
-        imgList: newImgList
-      };
-      onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2({}, newValue));
-    };
-  };
-  // TODO: 目前只做了type 1的处理，其他的还是走老的文件 ./index.tsx
-  var goodItemAttrs = [{
-    isShow: headerList.includes('title'),
-    key: 'title',
-    label: '商品名称'
-  }, {
-    isShow: headerList.includes('outerId'),
-    key: 'outerId',
-    label: '商品编码'
-  },
-  // { isShow: headerList.includes('picUrl'), key: 'picUrl', label: '图片' },
-  {
-    isShow: headerList.includes('numIid'),
-    key: 'numIid',
-    label: '商品id'
-  }, {
-    isShow: changeSku && headerList.includes('skuId'),
-    key: 'skuId',
-    label: 'SKU ID'
-  }, {
-    isShow: changeSku && headerList.includes('outerSkuId'),
-    key: 'outerSkuId',
-    label: 'SKU 编码'
-  }, {
-    isShow: changeSku && headerList.includes('propertiesName'),
-    key: 'propertiesName',
-    label: 'SKU 信息'
-  }];
-  var hasPic = headerList.includes('picUrl');
-  var hasAttr = hasPic ? headerList.length > 1 : headerList.length > 0;
-  return /*#__PURE__*/React.createElement("div", {
-    ref: boxRef,
-    className: "goodsBox goodsBox-item-horizontal--box".concat(isSingleRow ? ' single-row' : '')
-  }, imgList === null || imgList === void 0 ? void 0 : imgList.map(function (img, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: index,
-      className: "goodBox-Img rich-item".concat(hasPic ? ' with-pic' : '').concat(hasAttr ? ' with-attr' : '')
-    }, !disabled && /*#__PURE__*/React.createElement("img", {
-      src: iconDelete,
-      alt: "",
-      className: "icon-close",
-      onClick: function onClick() {
-        handleDelete(index);
-      }
-    }), hasPic && /*#__PURE__*/React.createElement("div", {
-      className: "goods-imgBox",
-      key: "".concat(img.picUrl, "-").concat(index, "-goods")
-    }, img.platform !== 'taobao' ? /*#__PURE__*/React.createElement("img", {
-      src: img.picUrl || defaultImg,
-      className: "img",
-      alt: ""
-    }) : /*#__PURE__*/React.createElement("a", {
-      href: "https://item.taobao.com/item.htm?id=".concat(img.numIid),
-      target: "_blank"
-    }, /*#__PURE__*/React.createElement("img", {
-      src: img.picUrl || defaultImg,
-      className: "img",
-      alt: ""
-    }))), /*#__PURE__*/React.createElement("div", {
-      className: "right-context",
-      key: "".concat(img.picUrl, "-").concat(index, "-context")
-    }, goodItemAttrs.map(function (item) {
-      return item.isShow && /*#__PURE__*/React.createElement("div", {
-        key: item.key
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "good-item-attr"
-      }, item.label), /*#__PURE__*/React.createElement(Input, {
-        placeholder: "\u8BF7\u8F93\u5165".concat(item.label),
-        title: String(img[item.key] || ''),
-        value: img[item.key],
-        disabled: item.disabled || disabled,
-        onChange: handleChangeValue(item.key, index)
-      }));
-    })));
-  }), imgList.length < maxLength && !disabled ? /*#__PURE__*/React.createElement("div", {
-    className: "goods-imgBox",
-    onClick: function onClick() {
-      if (!shopId) {
-        message.error('请选择店铺');
-        return;
-      }
-      setVisible(true);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "add-btn",
-    style: {
-      marginTop: '15px'
-    }
-  }, "+"), /*#__PURE__*/React.createElement("div", {
-    className: "text"
-  }, "\u6DFB\u52A0")) : null, visible ? /*#__PURE__*/React.createElement(GoodsModal, {
-    visible: visible,
-    onSubmit: onSubmit,
-    width: width,
-    type: type,
-    imgList: imgList,
-    shopList: shopList,
-    shopId: shopId,
-    maxLength: maxLength,
-    changeSku: changeSku,
-    onCancel: function onCancel() {
-      setVisible(false);
-    }
-  }) : null, /*#__PURE__*/React.createElement(Sku, {
-    handleOk: handleSelectSku,
-    ref: skuRef,
-    userNick: userNick,
-    type: type
-  }));
-};
-
 var TBGoodSerial = function TBGoodSerial(props) {
-  return /*#__PURE__*/React.createElement(GoodItem, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React.createElement(Goods, _objectSpread2(_objectSpread2({}, props), {}, {
     type: 1
   }));
 };
@@ -9255,8 +8901,8 @@ var Supplier = function Supplier(props) {
   }));
 };
 
-var css_248z$7 = ".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$7);
+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,
@@ -9685,8 +9331,8 @@ var Payment = function Payment(props) {
   }));
 };
 
-var css_248z$8 = ".interceptBox :global(.ant-select-item-option-content) {\n  overflow: auto  !important;\n  white-space: initial !important;\n}\n";
-styleInject(css_248z$8);
+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 LogisticsInterception = function LogisticsInterception(props) {
@@ -9867,7 +9513,7 @@ var LogisticsInterception = function LogisticsInterception(props) {
     }
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: css_248z$8.interceptBox
+    className: css_248z$7.interceptBox
   }, /*#__PURE__*/React.createElement(Item, {
     label: '物流信息',
     required: required,
@@ -10477,8 +10123,8 @@ var jstGoods = function jstGoods(props) {
   })) : null) : null);
 };
 
-var css_248z$9 = ".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$9);
+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,
@@ -10918,7 +10564,7 @@ var GoodsModal$2 = /*#__PURE__*/forwardRef(GoodsModal$1);
 //   skuId: string;
 //   styleId: string;
 // }
-var GoodItem$1 = function GoodItem(props) {
+var GoodItem = function GoodItem(props) {
   var _props$value = props.value,
     value = _props$value === void 0 ? [] : _props$value,
     onChange = props.onChange,
@@ -11293,7 +10939,7 @@ var BsGoods = function BsGoods(props) {
       bsGoods: list
     }));
   };
-  return /*#__PURE__*/React.createElement(GoodItem$1, _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/React.createElement(GoodItem, _objectSpread2(_objectSpread2({
     key: 'bsGoods'
   }, props), {}, {
     disabled: disabled,
@@ -11491,12 +11137,12 @@ var BsExchange = function BsExchange(props) {
     onChange: function onChange(val) {
       return changeTypeHandle(val);
     }
-  }), !(value === null || value === void 0 ? void 0 : (_value$bsExchangeType4 = value.bsExchangeType) === null || _value$bsExchangeType4 === void 0 ? void 0 : _value$bsExchangeType4.length) ? /*#__PURE__*/React.createElement(GoodItem$1, _objectSpread2(_objectSpread2({
+  }), !(value === null || value === void 0 ? void 0 : (_value$bsExchangeType4 = value.bsExchangeType) === null || _value$bsExchangeType4 === void 0 ? void 0 : _value$bsExchangeType4.length) ? /*#__PURE__*/React.createElement(GoodItem, _objectSpread2(_objectSpread2({
     key: 'bsExchangeGoods'
   }, other), {}, {
     disabled: disabled,
     showChangeBtn: false
-  })) : null, ['1', '3'].includes(value === null || value === void 0 ? void 0 : (_value$bsExchangeType5 = value.bsExchangeType) === null || _value$bsExchangeType5 === void 0 ? void 0 : _value$bsExchangeType5[0]) ? /*#__PURE__*/React.createElement(GoodItem$1, _objectSpread2(_objectSpread2({
+  })) : null, ['1', '3'].includes(value === null || value === void 0 ? void 0 : (_value$bsExchangeType5 = value.bsExchangeType) === null || _value$bsExchangeType5 === void 0 ? void 0 : _value$bsExchangeType5[0]) ? /*#__PURE__*/React.createElement(GoodItem, _objectSpread2(_objectSpread2({
     key: 'bsExchangeGoods'
   }, other), {}, {
     disabled: disabled,
@@ -11512,7 +11158,7 @@ var BsExchange = function BsExchange(props) {
         border: '1px dashed',
         marginBottom: '8px'
       }
-    }, /*#__PURE__*/React.createElement("div", null, "\u9000\u56DE\u5546\u54C1"), /*#__PURE__*/React.createElement(GoodItem$1, _objectSpread2(_objectSpread2({
+    }, /*#__PURE__*/React.createElement("div", null, "\u9000\u56DE\u5546\u54C1"), /*#__PURE__*/React.createElement(GoodItem, _objectSpread2(_objectSpread2({
       key: 'bsReturnGoods'
     }, other), {}, {
       disabled: disabled,
@@ -11522,7 +11168,7 @@ var BsExchange = function BsExchange(props) {
       onChange: function onChange(val) {
         return changeReturnHandle(val, index, 'bsExchangeReturnGoods');
       }
-    })), /*#__PURE__*/React.createElement("div", null, "\u6362\u51FA\u5546\u54C1"), /*#__PURE__*/React.createElement(GoodItem$1, _objectSpread2(_objectSpread2({
+    })), /*#__PURE__*/React.createElement("div", null, "\u6362\u51FA\u5546\u54C1"), /*#__PURE__*/React.createElement(GoodItem, _objectSpread2(_objectSpread2({
       key: 'bsOutGoods'
     }, other), {}, {
       disabled: disabled,
@@ -11534,7 +11180,7 @@ var BsExchange = function BsExchange(props) {
         return changeReturnHandle(val, index, 'bsExchangeSwapOutGoods');
       }
     })));
-  })), ['3', '4'].includes(value === null || value === void 0 ? void 0 : (_value$bsExchangeType6 = value.bsExchangeType) === null || _value$bsExchangeType6 === void 0 ? void 0 : _value$bsExchangeType6[0]) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "\u8D60\u54C1\u4FE1\u606F"), /*#__PURE__*/React.createElement(GoodItem$1, _objectSpread2(_objectSpread2({
+  })), ['3', '4'].includes(value === null || value === void 0 ? void 0 : (_value$bsExchangeType6 = value.bsExchangeType) === null || _value$bsExchangeType6 === void 0 ? void 0 : _value$bsExchangeType6[0]) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "\u8D60\u54C1\u4FE1\u606F"), /*#__PURE__*/React.createElement(GoodItem, _objectSpread2(_objectSpread2({
     headerText: "\u8D60\u54C1",
     key: 'bsGiftGoods',
     disabled: disabled,
@@ -11645,7 +11291,7 @@ var BsReissue = function BsReissue(props) {
     onChange: function onChange(val) {
       return changeTypeHandle(val);
     }
-  }), /*#__PURE__*/React.createElement(GoodItem$1, _objectSpread2(_objectSpread2({
+  }), /*#__PURE__*/React.createElement(GoodItem, _objectSpread2(_objectSpread2({
     key: 'reissueGoods'
   }, other), {}, {
     disabled: disabled,
@@ -11742,7 +11388,7 @@ var BsReturnGoods = function BsReturnGoods(props) {
     onChange: function onChange(val) {
       return changeTypeHandle(val);
     }
-  }), /*#__PURE__*/React.createElement(GoodItem$1, _objectSpread2(_objectSpread2({
+  }), /*#__PURE__*/React.createElement(GoodItem, _objectSpread2(_objectSpread2({
     key: 'returnGoods'
   }, other), {}, {
     disabled: disabled,
@@ -11919,7 +11565,7 @@ var WlnGoods = function WlnGoods(props) {
       wlnGoods: list
     }));
   };
-  return /*#__PURE__*/React.createElement(GoodItem$1, _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/React.createElement(GoodItem, _objectSpread2(_objectSpread2({
     key: 'wlnGoods'
   }, props), {}, {
     disabled: disabled,
@@ -11932,8 +11578,8 @@ var WlnGoods = function WlnGoods(props) {
   }));
 };
 
-var css_248z$a = ".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$a);
+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$1 = Tabs.TabPane;
 var Option$2 = Select.Option;