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

package/dist/index.js

@@ -369,6 +369,15 @@ 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);
@@ -7952,7 +7961,9 @@ var GoodsModal = function GoodsModal(props) {
     maxLength = props.maxLength,
     shopList = props.shopList,
     changeSku = props.changeSku,
-    width = props.width;
+    width = props.width,
+    _props$numIidType = props.numIidType,
+    numIidType = _props$numIidType === void 0 ? 'string' : _props$numIidType;
   var _useState = React.useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     selectList = _useState2[0],
@@ -7969,6 +7980,25 @@ 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 = React.useState({
       apiName: 'queryItems',
       desc: true,
@@ -8062,15 +8092,15 @@ var GoodsModal = function GoodsModal(props) {
       var newSelect = selectList.filter(function (item) {
         return item.numIid !== good.numIid;
       });
-      setSelect(_toConsumableArray(newSelect));
+      handleSetSelect(_toConsumableArray(newSelect));
       var ids = newSelect.map(function (item) {
         return item.numIid;
       });
-      setSelectIds(ids);
+      handleSelectIds(ids);
     } else {
       if (type === 4 || changeSku) {
-        setSelect([good]);
-        setSelectIds([good.numIid]);
+        handleSetSelect([good]);
+        handleSelectIds([good.numIid]);
       } else {
         if (selectList.length >= maxLength) {
           antd.message.error("\u6700\u591A\u6DFB\u52A0".concat(maxLength, "\u5F20"));
@@ -8083,14 +8113,14 @@ var GoodsModal = function GoodsModal(props) {
           var newSelectList = selectList.filter(function (item) {
             return item.numIid !== good.numIid;
           });
-          setSelect(newSelectList);
+          handleSetSelect(newSelectList);
           var _ids = newSelectList.map(function (item) {
             return item.numIid;
           });
-          setSelectIds(_ids);
+          handleSelectIds(_ids);
         } else {
-          setSelect([].concat(_toConsumableArray(selectList), [good]));
-          setSelectIds([].concat(_toConsumableArray(selectIds), [good.numIid]));
+          handleSetSelect([].concat(_toConsumableArray(selectList), [good]));
+          handleSelectIds([].concat(_toConsumableArray(selectIds), [good.numIid]));
         }
       }
     }
@@ -8182,7 +8212,7 @@ var GoodsModal = function GoodsModal(props) {
             items.forEach(function (item) {
               item.platform = platform;
             });
-            setGoodList(_toConsumableArray(items));
+            handleSetGoodList(_toConsumableArray(items));
             setTotal(totalCount);
             _context.next = 26;
             break;
@@ -8210,7 +8240,7 @@ var GoodsModal = function GoodsModal(props) {
               item.title = item.productName;
               item.platform = platform;
             });
-            setGoodList(_toConsumableArray(newList));
+            handleSetGoodList(_toConsumableArray(newList));
             setTotal(_total);
             if (platform === 'sph' && nextKey && !nextKeyList.includes(nextKey)) {
               setNextKeyList([].concat(_toConsumableArray(nextKeyList), [nextKey]));
@@ -8296,12 +8326,12 @@ var GoodsModal = function GoodsModal(props) {
   React.useEffect(function () {
     setPlatformHandle(platform);
     if (imgList.length) {
-      setSelect(imgList);
+      handleSetSelect(imgList);
       var ids = imgList === null || imgList === void 0 ? void 0 : imgList.map(function (item) {
         return item.numIid;
       });
       if (!(changeSku || type === 4)) {
-        setSelectIds(ids);
+        handleSelectIds(ids);
       }
     }
   }, [platform]);
@@ -8399,9 +8429,9 @@ var GoodsModal = function GoodsModal(props) {
     spinning: loading
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "goodsMain"
-  }, (searchParams.type == 'select' ? selectList : goodList).map(function (good) {
+  }, (searchParams.type == 'select' ? selectList : goodList).map(function (good, index) {
     return /*#__PURE__*/React__default['default'].createElement("div", {
-      key: good.numIid,
+      key: good.numIid + "".concat(index),
       className: "goodItem ".concat(selectIds.includes(good.numIid) ? 'active' : ''),
       onClick: function onClick() {
         changeItem(good);
@@ -8463,7 +8493,7 @@ var Sku = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
   var handleSure = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var type, SKU, _ref3, _ref4, _ref5, _ref6, _ref7, _yield$request, _yield$request$data, data;
+      var type, SKU, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _yield$request, _yield$request$data, data;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -8498,7 +8528,10 @@ var Sku = /*#__PURE__*/React.forwardRef(function (props, ref) {
               }) === null || _ref4 === void 0 ? void 0 : _ref4.picUrl,
               outerSkuId: (_ref5 = SKU || {
                 outerSkuId: ''
-              }) === null || _ref5 === void 0 ? void 0 : _ref5.outerSkuId
+              }) === null || _ref5 === void 0 ? void 0 : _ref5.outerSkuId,
+              skuId: ((_ref6 = SKU || {
+                skuId: ''
+              }) === null || _ref6 === void 0 ? void 0 : _ref6.skuId) || ''
             });
             _context.next = 16;
             break;
@@ -8519,12 +8552,15 @@ var Sku = /*#__PURE__*/React.forwardRef(function (props, ref) {
             props.handleOk({
               enableItemId: data.length > 0 ? data[0]['supplierItemOuterId'] : '',
               enableSupplierName: data.length > 0 ? data[0]['supplierName'] : '',
-              propertiesName: ((_ref6 = SKU || {
+              propertiesName: ((_ref7 = SKU || {
                 label: ''
-              }) === null || _ref6 === void 0 ? void 0 : _ref6.label) || '',
-              picUrl: (_ref7 = SKU || {
+              }) === null || _ref7 === void 0 ? void 0 : _ref7.label) || '',
+              picUrl: (_ref8 = SKU || {
                 picUrl: ''
-              }) === null || _ref7 === void 0 ? void 0 : _ref7.picUrl
+              }) === null || _ref8 === void 0 ? void 0 : _ref8.picUrl,
+              skuId: ((_ref9 = SKU || {
+                skuId: ''
+              }) === null || _ref9 === void 0 ? void 0 : _ref9.skuId) || ''
             });
           case 16:
             setVisible(false);
@@ -8902,8 +8938,324 @@ 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 = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var skuRef = React.useRef();
+  var boxRef = React.useRef();
+  //是否是淘宝店铺
+  var isTaobaoPlat = React.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: kmkfUtils.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__default['default'].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__default['default'].createElement("div", {
+      key: index,
+      className: "goodBox-Img rich-item".concat(hasPic ? ' with-pic' : '').concat(hasAttr ? ' with-attr' : '')
+    }, !disabled && /*#__PURE__*/React__default['default'].createElement("img", {
+      src: iconDelete,
+      alt: "",
+      className: "icon-close",
+      onClick: function onClick() {
+        handleDelete(index);
+      }
+    }), hasPic && /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "goods-imgBox",
+      key: "".concat(img.picUrl, "-").concat(index, "-goods")
+    }, img.platform !== 'taobao' ? /*#__PURE__*/React__default['default'].createElement("img", {
+      src: img.picUrl || defaultImg,
+      className: "img",
+      alt: ""
+    }) : /*#__PURE__*/React__default['default'].createElement("a", {
+      href: "https://item.taobao.com/item.htm?id=".concat(img.numIid),
+      target: "_blank"
+    }, /*#__PURE__*/React__default['default'].createElement("img", {
+      src: img.picUrl || defaultImg,
+      className: "img",
+      alt: ""
+    }))), /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "right-context",
+      key: "".concat(img.picUrl, "-").concat(index, "-context")
+    }, goodItemAttrs.map(function (item) {
+      return item.isShow && /*#__PURE__*/React__default['default'].createElement("div", {
+        key: item.key
+      }, /*#__PURE__*/React__default['default'].createElement("span", {
+        className: "good-item-attr"
+      }, item.label), /*#__PURE__*/React__default['default'].createElement(antd.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__default['default'].createElement("div", {
+    className: "goods-imgBox",
+    onClick: function onClick() {
+      if (!shopId) {
+        antd.message.error('请选择店铺');
+        return;
+      }
+      setVisible(true);
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "add-btn",
+    style: {
+      marginTop: '15px'
+    }
+  }, "+"), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "text"
+  }, "\u6DFB\u52A0")) : null, visible ? /*#__PURE__*/React__default['default'].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__default['default'].createElement(Sku, {
+    handleOk: handleSelectSku,
+    ref: skuRef,
+    userNick: userNick,
+    type: type
+  }));
+};
+
 var TBGoodSerial = function TBGoodSerial(props) {
-  return /*#__PURE__*/React__default['default'].createElement(Goods, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__default['default'].createElement(GoodItem, _objectSpread2(_objectSpread2({}, props), {}, {
     type: 1
   }));
 };
@@ -8914,8 +9266,8 @@ var Supplier = function Supplier(props) {
   }));
 };
 
-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 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 Invoice = function Invoice(props) {
   var _props$value = props.value,
@@ -9344,8 +9696,8 @@ var Payment = function Payment(props) {
   }));
 };
 
-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 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 Item = antd.Form.Item;
 var LogisticsInterception = function LogisticsInterception(props) {
@@ -9526,7 +9878,7 @@ var LogisticsInterception = function LogisticsInterception(props) {
     }
   };
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: css_248z$7.interceptBox
+    className: css_248z$8.interceptBox
   }, /*#__PURE__*/React__default['default'].createElement(Item, {
     label: '物流信息',
     required: required,
@@ -10136,8 +10488,8 @@ var jstGoods = function jstGoods(props) {
   })) : null) : null);
 };
 
-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 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 ItemList = function ItemList(props) {
   var _props$value = props.value,
@@ -10577,7 +10929,7 @@ var GoodsModal$2 = /*#__PURE__*/React.forwardRef(GoodsModal$1);
 //   skuId: string;
 //   styleId: string;
 // }
-var GoodItem = function GoodItem(props) {
+var GoodItem$1 = function GoodItem(props) {
   var _props$value = props.value,
     value = _props$value === void 0 ? [] : _props$value,
     onChange = props.onChange,
@@ -10952,7 +11304,7 @@ var BsGoods = function BsGoods(props) {
       bsGoods: list
     }));
   };
-  return /*#__PURE__*/React__default['default'].createElement(GoodItem, _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/React__default['default'].createElement(GoodItem$1, _objectSpread2(_objectSpread2({
     key: 'bsGoods'
   }, props), {}, {
     disabled: disabled,
@@ -11150,12 +11502,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__default['default'].createElement(GoodItem, _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__default['default'].createElement(GoodItem$1, _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__default['default'].createElement(GoodItem, _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__default['default'].createElement(GoodItem$1, _objectSpread2(_objectSpread2({
     key: 'bsExchangeGoods'
   }, other), {}, {
     disabled: disabled,
@@ -11171,7 +11523,7 @@ var BsExchange = function BsExchange(props) {
         border: '1px dashed',
         marginBottom: '8px'
       }
-    }, /*#__PURE__*/React__default['default'].createElement("div", null, "\u9000\u56DE\u5546\u54C1"), /*#__PURE__*/React__default['default'].createElement(GoodItem, _objectSpread2(_objectSpread2({
+    }, /*#__PURE__*/React__default['default'].createElement("div", null, "\u9000\u56DE\u5546\u54C1"), /*#__PURE__*/React__default['default'].createElement(GoodItem$1, _objectSpread2(_objectSpread2({
       key: 'bsReturnGoods'
     }, other), {}, {
       disabled: disabled,
@@ -11181,7 +11533,7 @@ var BsExchange = function BsExchange(props) {
       onChange: function onChange(val) {
         return changeReturnHandle(val, index, 'bsExchangeReturnGoods');
       }
-    })), /*#__PURE__*/React__default['default'].createElement("div", null, "\u6362\u51FA\u5546\u54C1"), /*#__PURE__*/React__default['default'].createElement(GoodItem, _objectSpread2(_objectSpread2({
+    })), /*#__PURE__*/React__default['default'].createElement("div", null, "\u6362\u51FA\u5546\u54C1"), /*#__PURE__*/React__default['default'].createElement(GoodItem$1, _objectSpread2(_objectSpread2({
       key: 'bsOutGoods'
     }, other), {}, {
       disabled: disabled,
@@ -11193,7 +11545,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__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", null, "\u8D60\u54C1\u4FE1\u606F"), /*#__PURE__*/React__default['default'].createElement(GoodItem, _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__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", null, "\u8D60\u54C1\u4FE1\u606F"), /*#__PURE__*/React__default['default'].createElement(GoodItem$1, _objectSpread2(_objectSpread2({
     headerText: "\u8D60\u54C1",
     key: 'bsGiftGoods',
     disabled: disabled,
@@ -11304,7 +11656,7 @@ var BsReissue = function BsReissue(props) {
     onChange: function onChange(val) {
       return changeTypeHandle(val);
     }
-  }), /*#__PURE__*/React__default['default'].createElement(GoodItem, _objectSpread2(_objectSpread2({
+  }), /*#__PURE__*/React__default['default'].createElement(GoodItem$1, _objectSpread2(_objectSpread2({
     key: 'reissueGoods'
   }, other), {}, {
     disabled: disabled,
@@ -11401,7 +11753,7 @@ var BsReturnGoods = function BsReturnGoods(props) {
     onChange: function onChange(val) {
       return changeTypeHandle(val);
     }
-  }), /*#__PURE__*/React__default['default'].createElement(GoodItem, _objectSpread2(_objectSpread2({
+  }), /*#__PURE__*/React__default['default'].createElement(GoodItem$1, _objectSpread2(_objectSpread2({
     key: 'returnGoods'
   }, other), {}, {
     disabled: disabled,
@@ -11578,7 +11930,7 @@ var WlnGoods = function WlnGoods(props) {
       wlnGoods: list
     }));
   };
-  return /*#__PURE__*/React__default['default'].createElement(GoodItem, _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/React__default['default'].createElement(GoodItem$1, _objectSpread2(_objectSpread2({
     key: 'wlnGoods'
   }, props), {}, {
     disabled: disabled,
@@ -11591,8 +11943,8 @@ var WlnGoods = function WlnGoods(props) {
   }));
 };
 
-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 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 TabPane$1 = antd.Tabs.TabPane;
 var Option$2 = antd.Select.Option;

package/dist/src/business/TBGoodSerial/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { GoodsProps } from '../../common/Goods';
-declare const TBGoodSerial: (props: Partial<GoodsProps>) => React.JSX.Element;
+import { RichGoodProps } from '../../common/Goods/RichItem';
+declare const TBGoodSerial: (props: Partial<RichGoodProps>) => React.JSX.Element;
 export default TBGoodSerial;