npm - @kmkf-fe-packages/basic-components - Versions diffs - 2.0.19-beta.59 → 2.0.19-beta.60 - Mend

@kmkf-fe-packages/basic-components 2.0.19-beta.59 → 2.0.19-beta.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.esm.js +365 -79
package/dist/index.js +366 -79
package/dist/src/apaas/ApaasUploadProAsync/index.d.ts +21 -0
package/dist/src/index.d.ts +1 -0
package/package.json +3 -3

package/dist/index.esm.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import React, { useRef, useState, useEffect, forwardRef, useImperativeHandle, useMemo, useCallback } from 'react';
 import { Cascader, DatePicker, InputNumber, Input, Select, Upload, Image, message, Radio, Space, Spin, Modal, Button, Checkbox, Row, Col, Slider, Rate, Form, Popover, Table, Tabs, ConfigProvider, Pagination, Typography } from 'antd';
-import { EyeOutlined, DeleteOutlined, CopyOutlined, CloseCircleOutlined, CaretUpOutlined, MinusCircleFilled } from '@ant-design/icons';
+import { EyeOutlined, DeleteOutlined, CloseOutlined, CopyOutlined, CloseCircleOutlined, CaretUpOutlined, MinusCircleFilled } from '@ant-design/icons';
 import request, { extend as extend$1 } from 'umi-request';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
 import { AddressData, BsAddressData, WdtAddressData, GyAddressData, request as request$1, ExpressData, uuid, columnsGoodsList, LogisticsAddressData, SendDataCenter, BS_E3_BOOLEAN_STATUS_MAP, isNull, filterWdtOrders, WDT_ORDER_TYPE_MAP, filterBsE3Orders, filterGyOrders, GY_DELIVERY_STATE_MAPPING, servers, filterJstOrders, filterKmOrders, getIsPlatformCodesIncludeOrderNos, BS_SYSTEM_ORDER_CONFIG, KM_SYSTEM_ORDER_CONFIG, WLN_SYSTEM_ORDER_CONFIG, WDT_SYSTEM_ORDER_CONFIG, BS_E3_SYSTEM_ORDER_CONFIG, GY_SYSTEM_ORDER_CONFIG, JST_SYSTEM_ORDER_CONFIG, updateWdtGoodsHandle, updateBsE3GoodsHandle, updateGyGoodsHandle, updateJstGoodsHandle, jstMergeIdenticalGoods, msgTypeCh, pushGyLog } from '@kmkf-fe-packages/kmkf-utils';
@@ -1176,10 +1176,296 @@ var ApaasUploadAsync = function ApaasUploadAsync(_ref, ref) {
 };
 var index = /*#__PURE__*/forwardRef(ApaasUploadAsync);
-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  margin-bottom: 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 .ant-upload {\n  padding: 0;\n  height: 80px;\n  width: 80px;\n  border: none;\n  border-radius: 2px;\n  background: #F2F3F5;\n  text-align: center;\n  color: #86909C;\n  font-size: 14px;\n}\n.index-module_imageBox__1rpoB .ant-upload .index-module_addBtn__3a1TQ {\n  color: #86909C;\n  font-size: 14px;\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","tips":"index-module_tips__168Vy"};
+var css_248z$2 = ".index-module_imageProBox__1u84Y {\n  display: flex;\n  flex-wrap: wrap;\n}\n.index-module_imageProBox__1u84Y .ant-upload-picture-card-wrapper {\n  width: auto;\n}\n.index-module_imageProBox__1u84Y .index-module_inputImage__nm5jb {\n  width: 105px;\n  height: 105px;\n  border: 1px dashed #ccc;\n  outline: none;\n  background-color: rgba(0, 0, 0, 0);\n  text-indent: 8px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageShow__1cG2j {\n  padding: 8px;\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo {\n  display: flex;\n  width: 280px;\n  height: 105px;\n  padding: 8px;\n  margin-bottom: 8px;\n  margin-right: 8px;\n  border-radius: 5px;\n  background-color: rgba(240, 241, 242, 0.72);\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo:hover {\n  background: transparent;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo:hover .index-module_mask__L3q8p:before {\n  opacity: 1;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo .index-module_imageProInfo__iHM0C {\n  width: 80px;\n  height: 80px;\n  border-radius: 5px;\n  margin-right: 8px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo .index-module_imageProOperate__1hFcg {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  margin-top: 8px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo .index-module_deleteIcon__2LWG9 {\n  color: #1890ff;\n}\n.index-module_imageProBox__1u84Y .index-module_mask__L3q8p {\n  position: relative;\n  height: 100%;\n  overflow: hidden;\n}\n.index-module_imageProBox__1u84Y .index-module_mask__L3q8p::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_imageProBox__1u84Y .index-module_mask__L3q8p:hover .index-module_actions__3Wwry {\n  opacity: 1;\n}\n.index-module_imageProBox__1u84Y .index-module_mask__L3q8p .index-module_actions__3Wwry {\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_imageProBox__1u84Y .index-module_mask__L3q8p .index-module_actions__3Wwry .index-module_icon__3oJ-1 {\n  font-size: 16px;\n  color: #fff;\n  padding: 0 4px;\n}\n.index-module_imageProBox__1u84Y .index-module_imagePaste__1A8C5 {\n  display: inline-block;\n  margin-right: 8px;\n}\n.index-module_imageProBox__1u84Y .index-module_imagePaste__1A8C5 .index-module_fakeBox__3EXNG {\n  width: 105px;\n  height: 105px;\n  border-radius: 2px;\n  background: #F2F3F5;\n  text-align: center;\n  color: #86909C;\n  padding-top: 16px;\n}\n.index-module_imageProBox__1u84Y .index-module_imagePaste__1A8C5 .index-module_fakeBox__3EXNG .index-module_addBtn__1Dv95 {\n  color: #86909C;\n}\n.index-module_imageProBox__1u84Y .index-module_upload__2nwd8 .ant-upload {\n  height: 105px;\n  width: 105px;\n  border: none;\n  background-color: #F2F3F5;\n  color: #86909C;\n}\n.index-module_imageProBox__1u84Y .index-module_upload__2nwd8 .ant-upload .index-module_addBtn__1Dv95 {\n  color: #86909C;\n}\n.index-module_tips__z9Yjd {\n  color: #4E5969;\n  font-size: 12px;\n}\n";
+var styles$2 = {"imageProBox":"index-module_imageProBox__1u84Y","inputImage":"index-module_inputImage__nm5jb","imageShow":"index-module_imageShow__1cG2j","imageProWrap":"index-module_imageProWrap__sx8lo","-webkit-mask":"index-module_mask__L3q8p","mask":"index-module_mask__L3q8p","imageProInfo":"index-module_imageProInfo__iHM0C","imageProOperate":"index-module_imageProOperate__1hFcg","deleteIcon":"index-module_deleteIcon__2LWG9","actions":"index-module_actions__3Wwry","icon":"index-module_icon__3oJ-1","imagePaste":"index-module_imagePaste__1A8C5","fakeBox":"index-module_fakeBox__3EXNG","addBtn":"index-module_addBtn__1Dv95","upload":"index-module_upload__2nwd8","tips":"index-module_tips__z9Yjd"};
 styleInject(css_248z$2);
+var _excluded$7 = ["maxCount", "maxSize", "uploadText", "onChange", "value", "accept", "canPreview", "disabled", "uniqueKey", "hostUrl", "actionUrl", "platform"];
+var TextArea = Input.TextArea;
+var fn$2 = function fn() {
+  return void 0;
+};
+var ApaasUploadProAsync = function ApaasUploadProAsync(_ref, ref) {
+  var _document;
+  var _ref$maxCount = _ref.maxCount,
+    maxCount = _ref$maxCount === void 0 ? 20 : _ref$maxCount,
+    _ref$maxSize = _ref.maxSize,
+    maxSize = _ref$maxSize === void 0 ? 10 : _ref$maxSize,
+    _ref$uploadText = _ref.uploadText,
+    uploadText = _ref$uploadText === void 0 ? '上传' : _ref$uploadText,
+    _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$canPreview = _ref.canPreview,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    uniqueKey = _ref.uniqueKey,
+    _ref$hostUrl = _ref.hostUrl,
+    hostUrl = _ref$hostUrl === void 0 ? '' : _ref$hostUrl,
+    _ref$actionUrl = _ref.actionUrl,
+    actionUrl = _ref$actionUrl === void 0 ? '/qy/common/uploadWorkOrderImg' : _ref$actionUrl,
+    _ref$platform = _ref.platform,
+    platform = _ref$platform === void 0 ? '' : _ref$platform,
+    resetProps = _objectWithoutProperties(_ref, _excluded$7);
+  var inputRef = useRef(null);
+  var valueRef = useRef(value);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    uploading = _useState2[0],
+    setUploading = _useState2[1];
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    pasteDefaultStates = _useState4[0],
+    setPasteDefaultStates = _useState4[1];
+  var preview = platform === 'ks' ? {
+    getContainer: (_document = document) === null || _document === void 0 ? void 0 : _document.getElementById('root')
+  } : true;
+  useEffect(function () {
+    valueRef.current = value;
+  }, [value]);
+  var asyncUpload = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
+      var _valueRef$current;
+      var formData, fileName, showName, _yield$request, success, data;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setUploading(true);
+            formData = new FormData();
+            formData.append('file', file);
+            fileName = "".concat(uniqueKey, "_").concat(((_valueRef$current = valueRef.current) === null || _valueRef$current === void 0 ? void 0 : _valueRef$current.length) + 1, "_").concat(new Date().getTime(), ".jpg");
+            formData.append('fileName', fileName);
+            showName = file.name.substring(0, file.name.lastIndexOf('.'));
+            _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), [{
+                url: data,
+                name: showName
+              }]));
+            }
+            _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 imgReader = function imgReader(item) {
+    var blob = item.getAsFile(),
+      reader = new FileReader();
+    if (blob.size > maxSize * 1024 * 1024) {
+      message.error("\u56FE\u7247\u4E0D\u80FD\u5927\u4E8E".concat(maxSize, "MB"));
+      return;
+    }
+    if (valueRef.current.length >= maxCount) {
+      message.error("\u53EA\u80FD\u4E0A\u4F20".concat(maxCount, "\u5F20\u56FE\u7247"));
+      return;
+    }
+    reader.onload = /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e) {
+        var _e$target, _valueRef$current2;
+        var result, fileName, file;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              result = e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.result;
+              fileName = "".concat(uniqueKey, "_").concat(((_valueRef$current2 = valueRef.current) === null || _valueRef$current2 === void 0 ? void 0 : _valueRef$current2.length) + 1, "_").concat(new Date().getTime(), ".jpg");
+              file = dataURLtoFile(result, fileName);
+              asyncUpload(file);
+            case 4:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
+      return function (_x2) {
+        return _ref3.apply(this, arguments);
+      };
+    }();
+    reader.readAsDataURL(blob);
+  };
+  var handleChange = function handleChange(list) {
+    valueRef.current = list;
+    onChange(list);
+  };
+  var clipboardDataChange = function clipboardDataChange(e) {
+    var clipboardData = e.clipboardData || window.clipboardData;
+    var i = 0,
+      items,
+      item,
+      types;
+    if (clipboardData) {
+      items = clipboardData.items;
+      if (!items) return;
+      item = items[0];
+      types = clipboardData.types || [];
+      for (; i < types.length; i++) {
+        if (types[i] === 'Files') {
+          item = items[i];
+          break;
+        }
+      }
+      if (item && item.kind === 'file' && item.type.match(/^image\//i)) {
+        imgReader(item);
+      }
+    }
+  };
+  // 手动上传模式, 一直返回false
+  var beforeUpload = function 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("\u56FE\u7247\u4E0D\u80FD\u5927\u4E8E".concat(maxSize, "MB"));
+      return Upload.LIST_IGNORE;
+    }
+    asyncUpload(file);
+    return Upload.LIST_IGNORE;
+  };
+  var handleDelete = function handleDelete(key) {
+    return function () {
+      if (disabled) return;
+      handleChange(value.filter(function (_, index) {
+        return key !== index;
+      }));
+    };
+  };
+  var renderImages = function renderImages(images) {
+    return /*#__PURE__*/React.createElement(Image.PreviewGroup, {
+      preview: preview
+    }, images.map(function (image, index) {
+      var finalImage = "".concat(/^pic\/[\s\S]*$/.test(image.url) ? "".concat(hostUrl, "/").concat(image.url) : image.url, "?x-oss-process=image/resize,h_60,w_60");
+      var showImage = /^pic\/[\s\S]*$/.test(image.url) ? "".concat(hostUrl, "/").concat(image.url) : image.url;
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles$2.imageProWrap,
+        key: index
+      }, /*#__PURE__*/React.createElement("div", {
+        className: styles$2.imageProInfo
+      }, /*#__PURE__*/React.createElement(Image, {
+        src: finalImage,
+        preview: {
+          src: showImage
+        },
+        width: '100%',
+        height: '100%'
+      })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TextArea, {
+        value: image.name,
+        onChange: function onChange(e) {
+          handleChange(value.map(function (item, i) {
+            if (index === i) {
+              return _objectSpread2(_objectSpread2({}, item), {}, {
+                name: e.target.value
+              });
+            }
+            return item;
+          }));
+        },
+        placeholder: "\u8BF7\u8F93\u5165\u56FE\u7247\u63CF\u8FF0",
+        autoSize: {
+          minRows: 2,
+          maxRows: 2
+        },
+        maxLength: 1000
+      }), /*#__PURE__*/React.createElement("div", {
+        className: styles$2.imageProOperate
+      }, /*#__PURE__*/React.createElement(CloseOutlined, {
+        className: styles$2.deleteIcon,
+        onClick: handleDelete(index)
+      }))));
+    }));
+  };
+  useEffect(function () {
+    var _inputRef$current2;
+    if (!pasteDefaultStates) {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+    }
+    (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.addEventListener('paste', function (e) {
+      return clipboardDataChange(e);
+    });
+    return function () {
+      var _inputRef$current3;
+      (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.removeEventListener('paste', function (e) {
+        return clipboardDataChange(e);
+      });
+    };
+  }, [pasteDefaultStates]);
+  useImperativeHandle(ref, function () {
+    return {
+      taskCompleted: !uploading
+    };
+  }, [uploading]);
+  return /*#__PURE__*/React.createElement(Spin, {
+    spinning: uploading
+  }, /*#__PURE__*/React.createElement("p", {
+    className: styles$2.tips
+  }, "\u5141\u8BB8\u4E0A\u4F20", maxCount, "\u5F20\u56FE\u7247"), /*#__PURE__*/React.createElement("div", {
+    className: styles$2.imageProBox
+  }, !disabled && /*#__PURE__*/React.createElement("div", {
+    className: styles$2.imagePaste
+  }, pasteDefaultStates ? /*#__PURE__*/React.createElement("div", {
+    className: styles$2.fakeBox,
+    onClick: function onClick() {
+      setPasteDefaultStates(false);
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles$2.addBtn
+  }, "+"), /*#__PURE__*/React.createElement("p", {
+    className: styles$2.text
+  }, "\u590D\u5236\u7C98\u8D34")) : /*#__PURE__*/React.createElement("input", {
+    ref: inputRef,
+    className: styles$2.inputImage,
+    type: "text",
+    placeholder: "\u590D\u5236\u7C98\u8D34",
+    onBlur: function onBlur() {
+      setPasteDefaultStates(true);
+    },
+    value: ""
+  })), /*#__PURE__*/React.createElement(Upload, _objectSpread2({
+    disabled: disabled,
+    accept: accept,
+    name: "file",
+    listType: "picture-card",
+    maxCount: maxCount,
+    className: styles$2.upload,
+    beforeUpload: beforeUpload
+  }, resetProps), value.length >= maxCount ? null : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: "addBtn"
+  }, "+"), /*#__PURE__*/React.createElement("div", null, uploadText))), renderImages(value)));
+};
+var index$1 = /*#__PURE__*/forwardRef(ApaasUploadProAsync);
+var css_248z$3 = ".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  margin-bottom: 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 .ant-upload {\n  padding: 0;\n  height: 80px;\n  width: 80px;\n  border: none;\n  border-radius: 2px;\n  background: #F2F3F5;\n  text-align: center;\n  color: #86909C;\n  font-size: 14px;\n}\n.index-module_imageBox__1rpoB .ant-upload .index-module_addBtn__3a1TQ {\n  color: #86909C;\n  font-size: 14px;\n}\n.index-module_tips__168Vy {\n  color: #4E5969;\n  font-size: 12px;\n}\n";
+var styles$3 = {"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","tips":"index-module_tips__168Vy"};
+styleInject(css_248z$3);
 //! moment.js
 //! version : 2.29.4
 //! authors : Tim Wood, Iskren Chernev, Moment.js contributors
@@ -6856,9 +7142,9 @@ hooks.HTML5_FMT = {
     MONTH: 'YYYY-MM', // <input type="month" />
 };
-var _excluded$7 = ["maxCount", "maxSize", "onChange", "value", "accept", "disabled", "hostUrl", "canDownload", "actionUrl", "platform"];
+var _excluded$8 = ["maxCount", "maxSize", "onChange", "value", "accept", "disabled", "hostUrl", "canDownload", "actionUrl", "platform"];
 var Dragger = Upload.Dragger;
-var fn$2 = function fn() {
+var fn$3 = function fn() {
   return void 0;
 };
 var ApaasUploadFile = function ApaasUploadFile(_ref) {
@@ -6867,7 +7153,7 @@ var ApaasUploadFile = function ApaasUploadFile(_ref) {
     _ref$maxSize = _ref.maxSize,
     maxSize = _ref$maxSize === void 0 ? 100 : _ref$maxSize,
     _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? fn$2 : _ref$onChange,
+    onChange = _ref$onChange === void 0 ? fn$3 : _ref$onChange,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? [] : _ref$value,
     _ref$accept = _ref.accept,
@@ -6881,7 +7167,7 @@ var ApaasUploadFile = function ApaasUploadFile(_ref) {
     _ref$actionUrl = _ref.actionUrl,
     actionUrl = _ref$actionUrl === void 0 ? '/qy/common/uploadWorkOrderImg' : _ref$actionUrl,
     _ref$platform = _ref.platform,
-    resetProps = _objectWithoutProperties(_ref, _excluded$7);
+    resetProps = _objectWithoutProperties(_ref, _excluded$8);
   var inputRef = useRef(null);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -7111,23 +7397,23 @@ var ApaasUploadFile = function ApaasUploadFile(_ref) {
   return /*#__PURE__*/React.createElement(Spin, {
     spinning: uploading
   }, /*#__PURE__*/React.createElement("p", {
-    className: styles$2.tips
+    className: styles$3.tips
   }, "\u5141\u8BB8\u4E0A\u4F20", maxCount, "\u4E2A\u6587\u4EF6"), /*#__PURE__*/React.createElement("div", {
-    className: styles$2.imageBox
+    className: styles$3.imageBox
   }, !disabled && /*#__PURE__*/React.createElement("div", {
-    className: styles$2.imagePaste
+    className: styles$3.imagePaste
   }, pasteDefaultStates ? /*#__PURE__*/React.createElement("div", {
-    className: styles$2.fakeBox,
+    className: styles$3.fakeBox,
     onClick: function onClick() {
       setPasteDefaultStates(false);
     }
   }, /*#__PURE__*/React.createElement("span", {
-    className: styles$2.addBtn
+    className: styles$3.addBtn
   }, "+"), /*#__PURE__*/React.createElement("p", {
-    className: styles$2.text
+    className: styles$3.text
   }, "\u590D\u5236\u7C98\u8D34")) : /*#__PURE__*/React.createElement("input", {
     ref: inputRef,
-    className: styles$2.inputImage,
+    className: styles$3.inputImage,
     type: "text",
     placeholder: "\u590D\u5236\u7C98\u8D34",
     onBlur: function onBlur() {
@@ -7145,9 +7431,9 @@ var ApaasUploadFile = function ApaasUploadFile(_ref) {
     fileList: fileList,
     onRemove: onRemove
   }, resetProps), /*#__PURE__*/React.createElement("span", {
-    className: styles$2.addBtn
+    className: styles$3.addBtn
   }, "+"), /*#__PURE__*/React.createElement("p", {
-    className: styles$2.addBtn
+    className: styles$3.addBtn
   }, "\u9009\u62E9\u6587\u4EF6")), /*#__PURE__*/React.createElement(Modal, {
     visible: visible,
     title: fileName,
@@ -7182,7 +7468,7 @@ var ApaasUploadFile = function ApaasUploadFile(_ref) {
   }))));
 };
-var _excluded$8 = ["showOther", "horizontal", "options", "value", "onChange", "disabled"];
+var _excluded$9 = ["showOther", "horizontal", "options", "value", "onChange", "disabled"];
 function ApaasCheckbox(props) {
   var showOther = props.showOther,
     _props$horizontal = props.horizontal,
@@ -7193,7 +7479,7 @@ function ApaasCheckbox(props) {
     value = _props$value === void 0 ? {} : _props$value,
     onChange = props.onChange,
     disabled = props.disabled,
-    otherProps = _objectWithoutProperties(props, _excluded$8);
+    otherProps = _objectWithoutProperties(props, _excluded$9);
   var checkboxValue = value.value,
     other = value.other;
   var triggerChange = function triggerChange(changedValue) {
@@ -7279,11 +7565,11 @@ function ApaasSlider(props) {
   })));
 }
-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 css_248z$4 = ".index-module_rateLabel__3k-Xa {\n  margin-right: 8px;\n}\n.index-module_rateText__A1GRy {\n  margin-left: 8px;\n}\n";
+var styles$4 = {"rateLabel":"index-module_rateLabel__3k-Xa","rateText":"index-module_rateText__A1GRy"};
+styleInject(css_248z$4);
-var _excluded$9 = ["value", "onChange", "options", "textStyle"];
+var _excluded$a = ["value", "onChange", "options", "textStyle"];
 //状态文字映射
 var RATE_MAP = {
   0: '',
@@ -7305,7 +7591,7 @@ function ApaasRate(props) {
     _props$options = props.options,
     options = _props$options === void 0 ? [] : _props$options,
     textStyle = props.textStyle,
-    other = _objectWithoutProperties(props, _excluded$9);
+    other = _objectWithoutProperties(props, _excluded$a);
   var rateValues = useMemo(function () {
     return (value || []).reduce(function (prv, next) {
       prv[next.id || ''] = next.value;
@@ -7341,14 +7627,14 @@ function ApaasRate(props) {
     }, /*#__PURE__*/React.createElement(Col, {
       span: 24
     }, /*#__PURE__*/React.createElement("span", {
-      className: styles$3.rateLabel
+      className: styles$4.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$3.rateText,
+      className: styles$4.rateText,
       style: textStyle
     }, RATE_MAP[rateValues[item.id]])));
   }));
@@ -7373,7 +7659,7 @@ var Province = function Province(props) {
   })));
 };
-var TextArea = Input.TextArea;
+var TextArea$1 = Input.TextArea;
 var ParseLogistics = function ParseLogistics(props) {
   var onChange = props.onChange,
     _props$selfCalibratio = props.selfCalibration,
@@ -7422,7 +7708,7 @@ var ParseLogistics = function ParseLogistics(props) {
       handleIdentify(val);
     }
   };
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TextArea, {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TextArea$1, {
     placeholder: "\u590D\u5236\u4FE1\u606F\uFF0C\u70B9\u51FB\u667A\u80FD\u8BC6\u522B",
     rows: 3,
     value: value,
@@ -7549,14 +7835,14 @@ function ApaasPosting(props) {
   });
 }
-var _excluded$a = ["value", "onChange", "platformType", "type"];
+var _excluded$b = ["value", "onChange", "platformType", "type"];
 function ApaasLogistics(props) {
   var value = props.value,
     onChange = props.onChange,
     platformType = props.platformType,
     _props$type = props.type,
     type = _props$type === void 0 ? 'select' : _props$type,
-    other = _objectWithoutProperties(props, _excluded$a);
+    other = _objectWithoutProperties(props, _excluded$b);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     option = _useState2[0],
@@ -7601,7 +7887,7 @@ function ApaasLogistics(props) {
   }));
 }
-var _excluded$b = ["label", "name", "extra", "required", "rules", "initialValue"];
+var _excluded$c = ["label", "name", "extra", "required", "rules", "initialValue"];
 function withFormItem(WrappedComponent) {
   return function (props) {
     var label = props.label,
@@ -7610,7 +7896,7 @@ function withFormItem(WrappedComponent) {
       required = props.required,
       rules = props.rules,
       initialValue = props.initialValue,
-      otherProps = _objectWithoutProperties(props, _excluded$b);
+      otherProps = _objectWithoutProperties(props, _excluded$c);
     return /*#__PURE__*/React.createElement(Form.Item, _objectSpread2({}, {
       label: label,
       name: name,
@@ -8188,7 +8474,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$1 = Input.TextArea;
+var TextArea$2 = Input.TextArea;
 var imgList = [trade0, trade1, trade2, trade3, trade4, trade5];
 var RemarkInput = function RemarkInput(props) {
   var isShowFlag = props.isShowFlag,
@@ -8207,7 +8493,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$1, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextArea$2, {
     disabled: disabled,
     rows: 4,
     value: value === null || value === void 0 ? void 0 : value.remark,
@@ -8231,8 +8517,8 @@ var RemarkInput = function RemarkInput(props) {
   })));
 };
-var css_248z$4 = ".mb8 {\n  margin-bottom: 8px;\n}\n";
-styleInject(css_248z$4);
+var css_248z$5 = ".mb8 {\n  margin-bottom: 8px;\n}\n";
+styleInject(css_248z$5);
 var Logistics = function Logistics(props) {
   var options = props.options,
@@ -8286,7 +8572,7 @@ var Logistics = function Logistics(props) {
     return /*#__PURE__*/React.createElement(Input, {
       disabled: disabled,
       placeholder: "\u7269\u6D41\u5355\u53F7",
-      className: css_248z$4.logisticsInput,
+      className: css_248z$5.logisticsInput,
       onChange: handleInputChange,
       value: value === null || value === void 0 ? void 0 : value.order,
       onBlur: function onBlur(e) {
@@ -8295,7 +8581,7 @@ var Logistics = function Logistics(props) {
     });
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: css_248z$4.logistics
+    className: css_248z$5.logistics
   }, isSingle ? showField === 'EXPRESS_COMPANY' ? LogisticsCompany() : null : LogisticsCompany(), isSingle ? showField === 'EXPRESS_WAYBILL_CODE' ? LogisticsCode() : null : LogisticsCode());
 };
@@ -8332,8 +8618,8 @@ var AliPay = function AliPay(props) {
   })));
 };
-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 css_248z$6 = ".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$6);
 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=";
@@ -9387,8 +9673,8 @@ var ChooseBaby = function ChooseBaby(props) {
   }));
 };
-var css_248z$6 = "#goods-wrap.goodsBox.single-row {\n  max-height: 800px;\n  overflow-y: auto;\n  padding-top: 4px;\n  flex-basis: 100%;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-pic,\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-attr,\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-attr.with-pic {\n  flex-basis: 100%;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs {\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs .good-item-attr {\n  flex-grow: 1;\n  flex-shrink: 1;\n  max-width: 80px;\n  width: 20px;\n  flex-basis: 20px;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs .ant-input {\n  flex-shrink: 1;\n  flex-grow: 1;\n  width: 20px;\n  flex-basis: 40px;\n}\n#goods-wrap .good-item.rich-item {\n  position: relative;\n  border: 1px solid #ccc;\n  display: flex;\n  flex-basis: 80px;\n  flex-wrap: nowrap;\n  margin: 0 10px 10px 0;\n  padding: 4px;\n}\n#goods-wrap .good-item.rich-item.with-pic {\n  flex-basis: 90px;\n}\n#goods-wrap .good-item.rich-item.with-attr {\n  flex-basis: 150px;\n}\n#goods-wrap .good-item.rich-item.with-attr.with-pic {\n  flex-basis: 238px;\n}\n#goods-wrap .good-item.rich-item.with-attr.with-pic .goods-imgBox {\n  margin-right: 8px;\n}\n#goods-wrap .good-item.rich-item .good-item-attr {\n  margin-right: 6px;\n  width: 52px;\n  flex-basis: 52px;\n}\n#goods-wrap .good-item.rich-item .good-img {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border-radius: 4px;\n  border: 1px solid #f2f3f5;\n  margin: 0 10px 0 0;\n  text-align: center;\n  background-color: #f2f3f5;\n}\n#goods-wrap .good-item.rich-item .good-attrs {\n  display: flex;\n  flex-direction: column;\n  font-size: 12px;\n}\n#goods-wrap .good-item.rich-item .good-attrs .ant-input {\n  font-size: 12px;\n  width: 80px;\n  height: 20px;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n#goods-wrap .good-item.rich-item .good-attrs .ant-input.id-textarea {\n  width: 80px;\n  resize: none;\n  height: 45px;\n}\n#goods-wrap .good-item.rich-item .good-attrs div {\n  display: flex;\n}\n#goods-wrap .good-item.rich-item .good-attrs div:not(:first-child) {\n  margin-top: 4px;\n}\n";
-styleInject(css_248z$6);
+var css_248z$7 = "#goods-wrap.goodsBox.single-row {\n  max-height: 800px;\n  overflow-y: auto;\n  padding-top: 4px;\n  flex-basis: 100%;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-pic,\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-attr,\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-attr.with-pic {\n  flex-basis: 100%;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs {\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs .good-item-attr {\n  flex-grow: 1;\n  flex-shrink: 1;\n  max-width: 80px;\n  width: 20px;\n  flex-basis: 20px;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs .ant-input {\n  flex-shrink: 1;\n  flex-grow: 1;\n  width: 20px;\n  flex-basis: 40px;\n}\n#goods-wrap .good-item.rich-item {\n  position: relative;\n  border: 1px solid #ccc;\n  display: flex;\n  flex-basis: 80px;\n  flex-wrap: nowrap;\n  margin: 0 10px 10px 0;\n  padding: 4px;\n}\n#goods-wrap .good-item.rich-item.with-pic {\n  flex-basis: 90px;\n}\n#goods-wrap .good-item.rich-item.with-attr {\n  flex-basis: 150px;\n}\n#goods-wrap .good-item.rich-item.with-attr.with-pic {\n  flex-basis: 238px;\n}\n#goods-wrap .good-item.rich-item.with-attr.with-pic .goods-imgBox {\n  margin-right: 8px;\n}\n#goods-wrap .good-item.rich-item .good-item-attr {\n  margin-right: 6px;\n  width: 52px;\n  flex-basis: 52px;\n}\n#goods-wrap .good-item.rich-item .good-img {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border-radius: 4px;\n  border: 1px solid #f2f3f5;\n  margin: 0 10px 0 0;\n  text-align: center;\n  background-color: #f2f3f5;\n}\n#goods-wrap .good-item.rich-item .good-attrs {\n  display: flex;\n  flex-direction: column;\n  font-size: 12px;\n}\n#goods-wrap .good-item.rich-item .good-attrs .ant-input {\n  font-size: 12px;\n  width: 80px;\n  height: 20px;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n#goods-wrap .good-item.rich-item .good-attrs .ant-input.id-textarea {\n  width: 80px;\n  resize: none;\n  height: 45px;\n}\n#goods-wrap .good-item.rich-item .good-attrs div {\n  display: flex;\n}\n#goods-wrap .good-item.rich-item .good-attrs div:not(:first-child) {\n  margin-top: 4px;\n}\n";
+styleInject(css_248z$7);
 var GoodItem = function GoodItem(props) {
   var _props$isSingleRow = props.isSingleRow,
@@ -9826,8 +10112,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$8 = ".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$8);
 var Invoice = function Invoice(props) {
   var _props$value = props.value,
@@ -10258,8 +10544,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$9 = ".interceptBox :global(.ant-select-item-option-content) {\n  overflow: auto  !important;\n  white-space: initial !important;\n}\n";
+styleInject(css_248z$9);
 var Item = Form.Item;
 var LogisticsInterception = function LogisticsInterception(props) {
@@ -10511,7 +10797,7 @@ var LogisticsInterception = function LogisticsInterception(props) {
     }
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: css_248z$8.interceptBox
+    className: css_248z$9.interceptBox
   }, /*#__PURE__*/React.createElement(Item, {
     label: '物流信息',
     required: required,
@@ -11327,8 +11613,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$a = ".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$a);
 var ItemList = function ItemList(props) {
   var _props$value = props.value,
@@ -11401,7 +11687,7 @@ var ItemList = function ItemList(props) {
   }, "\u6682\u4E0D\u652F\u6301\u6DFB\u52A0")) : null);
 };
-var _excluded$c = ["shopId"];
+var _excluded$d = ["shopId"];
 var columns = [{
   dataIndex: 'index',
   title: 'NO',
@@ -11626,7 +11912,7 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
   };
   var onFinish = function onFinish(val) {
     var shopId = val.shopId,
-      other = _objectWithoutProperties(val, _excluded$c);
+      other = _objectWithoutProperties(val, _excluded$d);
     var value = other;
     var newFilterList = [];
     var hasValue = Object.values(value).some(function (t) {
@@ -16129,7 +16415,7 @@ var BsGoods = function BsGoods(props) {
   }));
 };
-var _excluded$d = ["value", "onChange", "reasonList", "disabled"];
+var _excluded$e = ["value", "onChange", "reasonList", "disabled"];
 var BsExchange = function BsExchange(props) {
   var _value$bsExchangeType4, _value$bsExchangeType5, _value$bsExchangeType6;
   var value = props.value,
@@ -16137,7 +16423,7 @@ var BsExchange = function BsExchange(props) {
     _props$reasonList = props.reasonList,
     reasonList = _props$reasonList === void 0 ? [] : _props$reasonList,
     disabled = props.disabled,
-    other = _objectWithoutProperties(props, _excluded$d);
+    other = _objectWithoutProperties(props, _excluded$e);
   var valueRef = useRef({});
   useEffect(function () {
     valueRef.current = value;
@@ -16364,7 +16650,7 @@ var BsExchange = function BsExchange(props) {
   }))) : null);
 };
-var _excluded$e = ["value", "onChange", "reasonList", "disabled", "type"];
+var _excluded$f = ["value", "onChange", "reasonList", "disabled", "type"];
 var typeMap = {
   BS_REISSUE_GOODS: {
     key: 'bsReissueGoods',
@@ -16389,7 +16675,7 @@ var BsReissue = function BsReissue(props) {
     reasonList = _props$reasonList === void 0 ? [] : _props$reasonList,
     disabled = props.disabled,
     type = props.type,
-    other = _objectWithoutProperties(props, _excluded$e);
+    other = _objectWithoutProperties(props, _excluded$f);
   var valueRef = useRef({});
   useEffect(function () {
     var _typeMap$type;
@@ -16505,14 +16791,14 @@ var BsReissue = function BsReissue(props) {
   })));
 };
-var _excluded$f = ["value", "onChange", "reasonList", "disabled"];
+var _excluded$g = ["value", "onChange", "reasonList", "disabled"];
 var BsReturnGoods = function BsReturnGoods(props) {
   var value = props.value,
     onChange = props.onChange,
     _props$reasonList = props.reasonList,
     reasonList = _props$reasonList === void 0 ? [] : _props$reasonList,
     disabled = props.disabled,
-    other = _objectWithoutProperties(props, _excluded$f);
+    other = _objectWithoutProperties(props, _excluded$g);
   var valueRef = useRef({});
   useEffect(function () {
     pubsub.subscribe('returnSelectList', function (_, data) {
@@ -16825,7 +17111,7 @@ var kmUtils = {
   getOrderListSingleton: getOrderListSingleton
 };
-var _excluded$g = ["billNo", "billType", "billTag", "tradeTagName", "deliveryState", "vipCode", "shopCode"];
+var _excluded$h = ["billNo", "billType", "billTag", "tradeTagName", "deliveryState", "vipCode", "shopCode"];
 var columnsMap = {
   BS_SYSTEM_ORDER: BS_SYSTEM_ORDER_CONFIG.columns,
   KM_SYSTEM_ORDER: KM_SYSTEM_ORDER_CONFIG.columns,
@@ -16844,7 +17130,7 @@ var rowKeyMap = {
   GY_SYSTEM_ORDER: 'billNo',
   JST_SYSTEM_ORDER: 'oId'
 };
-var index$1 = (function (props) {
+var index$2 = (function (props) {
   var value = props.value,
     _onChange = props.onChange,
     disabled = props.disabled,
@@ -17099,7 +17385,7 @@ var index$1 = (function (props) {
                     deliveryState = _ref10.deliveryState,
                     vipCode = _ref10.vipCode,
                     shopCode = _ref10.shopCode,
-                    rest = _objectWithoutProperties(_ref10, _excluded$g);
+                    rest = _objectWithoutProperties(_ref10, _excluded$h);
                   return _objectSpread2(_objectSpread2({}, rest), {}, {
                     billNo: billNo,
                     billType: billType,
@@ -17806,7 +18092,7 @@ var CommonExchangeGoods = function CommonExchangeGoods(props) {
   })));
 };
-var _excluded$h = ["value", "onChange", "reasonList", "disabled", "type"];
+var _excluded$i = ["value", "onChange", "reasonList", "disabled", "type"];
 var typeMap$1 = {
   WDT_REISSUE_GOODS: {
     key: 'wdtReissueGoods',
@@ -17834,7 +18120,7 @@ var wdtReissue = function wdtReissue(props) {
     reasonList = _props$reasonList === void 0 ? [] : _props$reasonList,
     disabled = props.disabled,
     type = props.type,
-    other = _objectWithoutProperties(props, _excluded$h);
+    other = _objectWithoutProperties(props, _excluded$i);
   var showModeBtn = ((value === null || value === void 0 ? void 0 : (_value$wdtSystemOrder = value.wdtSystemOrder) === null || _value$wdtSystemOrder === void 0 ? void 0 : _value$wdtSystemOrder.orders) || []).some(function (order) {
     var _order$srcTid;
     return order === null || order === void 0 ? void 0 : (_order$srcTid = order.srcTid) === null || _order$srcTid === void 0 ? void 0 : _order$srcTid.includes(',');
@@ -18074,7 +18360,7 @@ var wdtReissue = function wdtReissue(props) {
   })));
 };
-var _excluded$i = ["value", "onChange", "reasonList", "disabled", "type"];
+var _excluded$j = ["value", "onChange", "reasonList", "disabled", "type"];
 var typeMap$2 = {
   JST_REISSUE_GOODS: {
     compType: '补发',
@@ -18122,7 +18408,7 @@ var PublicReissue = function PublicReissue(props) {
     reasonList = _props$reasonList === void 0 ? [] : _props$reasonList,
     disabled = props.disabled,
     type = props.type,
-    other = _objectWithoutProperties(props, _excluded$i);
+    other = _objectWithoutProperties(props, _excluded$j);
   var getOrderFlag = useRef(false);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -18375,8 +18661,8 @@ var PublicReissue = function PublicReissue(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$b = ".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$b);
 var TabPane$1 = Tabs.TabPane;
 var Option$2 = Select.Option;
@@ -18849,14 +19135,14 @@ var Goods$1 = function Goods(props, ref) {
     userNick: userNick
   }));
 };
-var index$2 = /*#__PURE__*/forwardRef(Goods$1);
+var index$3 = /*#__PURE__*/forwardRef(Goods$1);
-var _excluded$j = ["onChange", "value", "failValue"];
+var _excluded$k = ["onChange", "value", "failValue"];
 function CommonStatus(props) {
   var onChange = props.onChange,
     value = props.value,
     failValue = props.failValue,
-    other = _objectWithoutProperties(props, _excluded$j);
+    other = _objectWithoutProperties(props, _excluded$k);
   var changeHandle = function changeHandle(val) {
     onChange === null || onChange === void 0 ? void 0 : onChange({
       status: val,
@@ -18993,7 +19279,7 @@ var CommonSystemOrder = function CommonSystemOrder(props) {
   })) : null) : null);
 };
-var _excluded$k = ["value", "onChange", "disabled", "failValue", "type"];
+var _excluded$l = ["value", "onChange", "disabled", "failValue", "type"];
 var CommonSystemOrder$1 = function CommonSystemOrder(props) {
   var _value$changeIndex, _value$changeIndex2, _value$changeIndex3;
   var _props$value = props.value,
@@ -19003,7 +19289,7 @@ var CommonSystemOrder$1 = function CommonSystemOrder(props) {
     failValue = props.failValue,
     _props$type = props.type,
     type = _props$type === void 0 ? 1 : _props$type,
-    other = _objectWithoutProperties(props, _excluded$k);
+    other = _objectWithoutProperties(props, _excluded$l);
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     changeIndex = _useState2[0],
@@ -19069,7 +19355,7 @@ var CommonSystemOrder$1 = function CommonSystemOrder(props) {
   }, "\u5931\u8D25\u539F\u56E0\uFF1A", (_value$changeIndex3 = value[changeIndex]) === null || _value$changeIndex3 === void 0 ? void 0 : _value$changeIndex3.reason) : null));
 };
-var _excluded$l = ["value", "onChange", "disabled", "failValue", "type"];
+var _excluded$m = ["value", "onChange", "disabled", "failValue", "type"];
 var MsgStatus = function MsgStatus(props) {
   var _value$changeIndex, _value$changeIndex2, _value$changeIndex3;
   var _props$value = props.value,
@@ -19079,7 +19365,7 @@ var MsgStatus = function MsgStatus(props) {
     failValue = props.failValue,
     _props$type = props.type,
     type = _props$type === void 0 ? 1 : _props$type,
-    other = _objectWithoutProperties(props, _excluded$l);
+    other = _objectWithoutProperties(props, _excluded$m);
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     changeIndex = _useState2[0],
@@ -19148,7 +19434,7 @@ var CalculationInput = function CalculationInput(props) {
   }, config === null || config === void 0 ? void 0 : config.unit));
 };
-var _excluded$m = ["value", "onChange", "reasonList", "disabled", "type"];
+var _excluded$n = ["value", "onChange", "reasonList", "disabled", "type"];
 var typeMap$3 = {
   BS_E3_REISSUE_GOODS: {
     key: 'bsE3ReissueGoods',
@@ -19166,7 +19452,7 @@ var bsE3Reissue = function bsE3Reissue(props) {
     reasonList = _props$reasonList === void 0 ? [] : _props$reasonList,
     disabled = props.disabled,
     type = props.type,
-    other = _objectWithoutProperties(props, _excluded$m);
+    other = _objectWithoutProperties(props, _excluded$n);
   var getOrderFlag = useRef(false);
   var valueRef = useRef(null);
   var _useState = useState(false),
@@ -19384,7 +19670,7 @@ var bsE3Reissue = function bsE3Reissue(props) {
   })));
 };
-var _excluded$n = ["value", "onChange", "reasonList", "disabled", "type"],
+var _excluded$o = ["value", "onChange", "reasonList", "disabled", "type"],
   _excluded2 = ["billNo", "billType", "billTag", "tradeTagName", "deliveryState", "vipCode", "shopCode"];
 var typeMap$4 = {
   GY_REISSUE_GOODS: {
@@ -19413,7 +19699,7 @@ var GyReissue = function GyReissue(props) {
     reasonList = _props$reasonList === void 0 ? [] : _props$reasonList,
     disabled = props.disabled,
     type = props.type,
-    other = _objectWithoutProperties(props, _excluded$n);
+    other = _objectWithoutProperties(props, _excluded$o);
   // const showModeBtn = (value?.gySystemOrder?.orders || []).some((order: any) =>
   //   order?.platformCode?.includes(';'),
   // );
@@ -19657,7 +19943,7 @@ var GyReissue = function GyReissue(props) {
   })));
 };
-var _excluded$o = ["value", "onChange", "reasonList", "disabled", "type"],
+var _excluded$p = ["value", "onChange", "reasonList", "disabled", "type"],
   _excluded2$1 = ["billNo", "billType", "billTag", "tradeTagName", "deliveryState", "vipCode", "shopCode"];
 var typeMap$5 = {
   GY_RETURN_GOODS: {
@@ -19686,7 +19972,7 @@ var GyReturnGoods = function GyReturnGoods(props) {
     reasonList = _props$reasonList === void 0 ? [] : _props$reasonList,
     disabled = props.disabled,
     type = props.type,
-    other = _objectWithoutProperties(props, _excluded$o);
+    other = _objectWithoutProperties(props, _excluded$p);
   var valueRef = useRef({});
   var getOrderFlag = useRef(false);
   var _useState = useState(false),
@@ -19947,4 +20233,4 @@ var GyReturnGoods = function GyReturnGoods(props) {
   })));
 };
-export { ApaasAddress as Address, AliPay, Province as ApaasAddress, ApaasCascader, ApaasCheckbox, ApaasDate, withFormItem as ApaasHoc, ApaasInput, ApaasInputNumber, ApaasLogistics, ApaasMultipleSelect, ApaasPosting, ApaasRadio, ApaasRate, ApaasSelect, ApaasSlider, ApaasTextArea, ApaasUpload, index as ApaasUploadAsync, ApaasUploadFile, bsE3Reissue as BsE3Reissue, BsExchange, BsGoods, BsReissue, BsReturnGoods as BsReturn, index$1 as BsSystemOrder, BuyerNick, CalculationInput, ChooseBaby, CommonExchangeGoods, CommonGoods, CommonSystemOrder$1 as CommonMultiStatus, CommonReturnGoods, CommonStatus, CommonSystemOrder, CopyTextIcon, ExpressLogistics, Goods, index$2 as GoodsTable, GyReissue, GyReturnGoods as GyReturn, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, LogisticsInterception, LogisticsMoreInterception, LogisticsMoreTrajectory, LogisticsTrajectory, MsgStatus, ParseLogistics, Payment, PublicReissue, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, SubForm, Supplier, TBGoodId, TBGoodSerial, TradeId, WdtGoodList, wdtReissue as WdtReissue, WlnGoods, columnsBaseInfoMap, getColumns$5 as getJstColumns, getColumns$3 as getWlnColumns };
+export { ApaasAddress as Address, AliPay, Province as ApaasAddress, ApaasCascader, ApaasCheckbox, ApaasDate, withFormItem as ApaasHoc, ApaasInput, ApaasInputNumber, ApaasLogistics, ApaasMultipleSelect, ApaasPosting, ApaasRadio, ApaasRate, ApaasSelect, ApaasSlider, ApaasTextArea, ApaasUpload, index as ApaasUploadAsync, ApaasUploadFile, index$1 as ApaasUploadProAsync, bsE3Reissue as BsE3Reissue, BsExchange, BsGoods, BsReissue, BsReturnGoods as BsReturn, index$2 as BsSystemOrder, BuyerNick, CalculationInput, ChooseBaby, CommonExchangeGoods, CommonGoods, CommonSystemOrder$1 as CommonMultiStatus, CommonReturnGoods, CommonStatus, CommonSystemOrder, CopyTextIcon, ExpressLogistics, Goods, index$3 as GoodsTable, GyReissue, GyReturnGoods as GyReturn, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, LogisticsInterception, LogisticsMoreInterception, LogisticsMoreTrajectory, LogisticsTrajectory, MsgStatus, ParseLogistics, Payment, PublicReissue, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, SubForm, Supplier, TBGoodId, TBGoodSerial, TradeId, WdtGoodList, wdtReissue as WdtReissue, WlnGoods, columnsBaseInfoMap, getColumns$5 as getJstColumns, getColumns$3 as getWlnColumns };