@kmkf-fe-packages/basic-components 0.1.3-alpha.4 → 0.2.0

package/dist/index.js

@@ -0,0 +1,3827 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var antd = require('antd');
+var icons = require('@ant-design/icons');
+var request = require('umi-request');
+var zhCN = require('antd/lib/locale/zh_CN');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var request__default = /*#__PURE__*/_interopDefaultLegacy(request);
+var zhCN__default = /*#__PURE__*/_interopDefaultLegacy(zhCN);
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+function _regeneratorRuntime() {
+  _regeneratorRuntime = function () {
+    return exports;
+  };
+  var exports = {},
+    Op = Object.prototype,
+    hasOwn = Op.hasOwnProperty,
+    defineProperty = Object.defineProperty || function (obj, key, desc) {
+      obj[key] = desc.value;
+    },
+    $Symbol = "function" == typeof Symbol ? Symbol : {},
+    iteratorSymbol = $Symbol.iterator || "@@iterator",
+    asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
+    toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+  function define(obj, key, value) {
+    return Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: !0,
+      configurable: !0,
+      writable: !0
+    }), obj[key];
+  }
+  try {
+    define({}, "");
+  } catch (err) {
+    define = function (obj, key, value) {
+      return obj[key] = value;
+    };
+  }
+  function wrap(innerFn, outerFn, self, tryLocsList) {
+    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
+      generator = Object.create(protoGenerator.prototype),
+      context = new Context(tryLocsList || []);
+    return defineProperty(generator, "_invoke", {
+      value: makeInvokeMethod(innerFn, self, context)
+    }), generator;
+  }
+  function tryCatch(fn, obj, arg) {
+    try {
+      return {
+        type: "normal",
+        arg: fn.call(obj, arg)
+      };
+    } catch (err) {
+      return {
+        type: "throw",
+        arg: err
+      };
+    }
+  }
+  exports.wrap = wrap;
+  var ContinueSentinel = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  var IteratorPrototype = {};
+  define(IteratorPrototype, iteratorSymbol, function () {
+    return this;
+  });
+  var getProto = Object.getPrototypeOf,
+    NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
+  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
+  function defineIteratorMethods(prototype) {
+    ["next", "throw", "return"].forEach(function (method) {
+      define(prototype, method, function (arg) {
+        return this._invoke(method, arg);
+      });
+    });
+  }
+  function AsyncIterator(generator, PromiseImpl) {
+    function invoke(method, arg, resolve, reject) {
+      var record = tryCatch(generator[method], generator, arg);
+      if ("throw" !== record.type) {
+        var result = record.arg,
+          value = result.value;
+        return value && "object" == typeof value && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
+          invoke("next", value, resolve, reject);
+        }, function (err) {
+          invoke("throw", err, resolve, reject);
+        }) : PromiseImpl.resolve(value).then(function (unwrapped) {
+          result.value = unwrapped, resolve(result);
+        }, function (error) {
+          return invoke("throw", error, resolve, reject);
+        });
+      }
+      reject(record.arg);
+    }
+    var previousPromise;
+    defineProperty(this, "_invoke", {
+      value: function (method, arg) {
+        function callInvokeWithMethodAndArg() {
+          return new PromiseImpl(function (resolve, reject) {
+            invoke(method, arg, resolve, reject);
+          });
+        }
+        return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+      }
+    });
+  }
+  function makeInvokeMethod(innerFn, self, context) {
+    var state = "suspendedStart";
+    return function (method, arg) {
+      if ("executing" === state) throw new Error("Generator is already running");
+      if ("completed" === state) {
+        if ("throw" === method) throw arg;
+        return doneResult();
+      }
+      for (context.method = method, context.arg = arg;;) {
+        var delegate = context.delegate;
+        if (delegate) {
+          var delegateResult = maybeInvokeDelegate(delegate, context);
+          if (delegateResult) {
+            if (delegateResult === ContinueSentinel) continue;
+            return delegateResult;
+          }
+        }
+        if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
+          if ("suspendedStart" === state) throw state = "completed", context.arg;
+          context.dispatchException(context.arg);
+        } else "return" === context.method && context.abrupt("return", context.arg);
+        state = "executing";
+        var record = tryCatch(innerFn, self, context);
+        if ("normal" === record.type) {
+          if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
+          return {
+            value: record.arg,
+            done: context.done
+          };
+        }
+        "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
+      }
+    };
+  }
+  function maybeInvokeDelegate(delegate, context) {
+    var methodName = context.method,
+      method = delegate.iterator[methodName];
+    if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
+    var record = tryCatch(method, delegate.iterator, context.arg);
+    if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
+    var info = record.arg;
+    return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
+  }
+  function pushTryEntry(locs) {
+    var entry = {
+      tryLoc: locs[0]
+    };
+    1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
+  }
+  function resetTryEntry(entry) {
+    var record = entry.completion || {};
+    record.type = "normal", delete record.arg, entry.completion = record;
+  }
+  function Context(tryLocsList) {
+    this.tryEntries = [{
+      tryLoc: "root"
+    }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
+  }
+  function values(iterable) {
+    if (iterable) {
+      var iteratorMethod = iterable[iteratorSymbol];
+      if (iteratorMethod) return iteratorMethod.call(iterable);
+      if ("function" == typeof iterable.next) return iterable;
+      if (!isNaN(iterable.length)) {
+        var i = -1,
+          next = function next() {
+            for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
+            return next.value = undefined, next.done = !0, next;
+          };
+        return next.next = next;
+      }
+    }
+    return {
+      next: doneResult
+    };
+  }
+  function doneResult() {
+    return {
+      value: undefined,
+      done: !0
+    };
+  }
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
+    value: GeneratorFunctionPrototype,
+    configurable: !0
+  }), defineProperty(GeneratorFunctionPrototype, "constructor", {
+    value: GeneratorFunction,
+    configurable: !0
+  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
+    var ctor = "function" == typeof genFun && genFun.constructor;
+    return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
+  }, exports.mark = function (genFun) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
+  }, exports.awrap = function (arg) {
+    return {
+      __await: arg
+    };
+  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
+    return this;
+  }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
+    void 0 === PromiseImpl && (PromiseImpl = Promise);
+    var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
+    return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
+      return result.done ? result.value : iter.next();
+    });
+  }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
+    return this;
+  }), define(Gp, "toString", function () {
+    return "[object Generator]";
+  }), exports.keys = function (val) {
+    var object = Object(val),
+      keys = [];
+    for (var key in object) keys.push(key);
+    return keys.reverse(), function next() {
+      for (; keys.length;) {
+        var key = keys.pop();
+        if (key in object) return next.value = key, next.done = !1, next;
+      }
+      return next.done = !0, next;
+    };
+  }, exports.values = values, Context.prototype = {
+    constructor: Context,
+    reset: function (skipTempReset) {
+      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
+    },
+    stop: function () {
+      this.done = !0;
+      var rootRecord = this.tryEntries[0].completion;
+      if ("throw" === rootRecord.type) throw rootRecord.arg;
+      return this.rval;
+    },
+    dispatchException: function (exception) {
+      if (this.done) throw exception;
+      var context = this;
+      function handle(loc, caught) {
+        return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
+      }
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i],
+          record = entry.completion;
+        if ("root" === entry.tryLoc) return handle("end");
+        if (entry.tryLoc <= this.prev) {
+          var hasCatch = hasOwn.call(entry, "catchLoc"),
+            hasFinally = hasOwn.call(entry, "finallyLoc");
+          if (hasCatch && hasFinally) {
+            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+          } else if (hasCatch) {
+            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+          } else {
+            if (!hasFinally) throw new Error("try statement without catch or finally");
+            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+          }
+        }
+      }
+    },
+    abrupt: function (type, arg) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
+          var finallyEntry = entry;
+          break;
+        }
+      }
+      finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
+      var record = finallyEntry ? finallyEntry.completion : {};
+      return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
+    },
+    complete: function (record, afterLoc) {
+      if ("throw" === record.type) throw record.arg;
+      return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
+    },
+    finish: function (finallyLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
+      }
+    },
+    catch: function (tryLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc === tryLoc) {
+          var record = entry.completion;
+          if ("throw" === record.type) {
+            var thrown = record.arg;
+            resetTryEntry(entry);
+          }
+          return thrown;
+        }
+      }
+      throw new Error("illegal catch attempt");
+    },
+    delegateYield: function (iterable, resultName, nextLoc) {
+      return this.delegate = {
+        iterator: values(iterable),
+        resultName: resultName,
+        nextLoc: nextLoc
+      }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
+    }
+  }, exports;
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg);
+    var value = info.value;
+  } catch (error) {
+    reject(error);
+    return;
+  }
+  if (info.done) {
+    resolve(value);
+  } else {
+    Promise.resolve(value).then(_next, _throw);
+  }
+}
+function _asyncToGenerator(fn) {
+  return function () {
+    var self = this,
+      args = arguments;
+    return new Promise(function (resolve, reject) {
+      var gen = fn.apply(self, args);
+      function _next(value) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+      }
+      function _throw(err) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+      }
+      _next(undefined);
+    });
+  };
+}
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
+
+function ApaasCascader(props) {
+  return /*#__PURE__*/React__default['default'].createElement(antd.Cascader, _objectSpread2({
+    placeholder: "\u8BF7\u9009\u62E9"
+  }, props));
+}
+
+var _excluded = ["dateType"];
+var componentMap = {
+  "DATE": antd.DatePicker,
+  "DATE_TIME": antd.DatePicker,
+  "DATE_RANGE": antd.DatePicker.RangePicker,
+  "DATE_TIME_RANGE": antd.DatePicker.RangePicker
+};
+var ApaasDate = function ApaasDate(props) {
+  var _props$dateType = props.dateType,
+    dateType = _props$dateType === void 0 ? 'DATE' : _props$dateType,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var Component = componentMap[dateType];
+  return /*#__PURE__*/React__default['default'].createElement(Component, _objectSpread2({
+    showTime: ['DATE_TIME_RANGE', 'DATE_TIME'].includes(dateType)
+  }, otherProps));
+};
+
+var _excluded$1 = ["isNumber", "replaceWarn"];
+function ApaasInput(props) {
+  var isNumber = props.isNumber,
+    replaceWarn = props.replaceWarn,
+    other = _objectWithoutProperties(props, _excluded$1);
+  return /*#__PURE__*/React__default['default'].createElement(antd.Input, _objectSpread2({}, other));
+}
+
+function ApaasInputNumber(props) {
+  return /*#__PURE__*/React__default['default'].createElement(antd.InputNumber, _objectSpread2({}, props));
+}
+
+var _excluded$2 = ["options", "basicMultSelect"];
+function ApaasSelect(props) {
+  var _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options,
+    basicMultSelect = props.basicMultSelect,
+    otherProps = _objectWithoutProperties(props, _excluded$2);
+  return /*#__PURE__*/React__default['default'].createElement(antd.Select, _objectSpread2(_objectSpread2({}, otherProps), {}, {
+    style: {
+      width: '100%'
+    }
+  }), options.map(function (item) {
+    return /*#__PURE__*/React__default['default'].createElement(antd.Select.Option, {
+      value: item.value,
+      key: item.value
+    }, item.label);
+  }));
+}
+
+function ApaasMultipleSelect(props) {
+  return /*#__PURE__*/React__default['default'].createElement(ApaasSelect, _objectSpread2(_objectSpread2({}, props), {}, {
+    mode: 'multiple'
+  }));
+}
+
+var _excluded$3 = ["minRows", "maxRows"];
+function ApaasTextArea(props) {
+  var _props$minRows = props.minRows,
+    minRows = _props$minRows === void 0 ? 2 : _props$minRows,
+    _props$maxRows = props.maxRows,
+    maxRows = _props$maxRows === void 0 ? 5 : _props$maxRows,
+    otherProps = _objectWithoutProperties(props, _excluded$3);
+  return /*#__PURE__*/React__default['default'].createElement(antd.Input.TextArea, _objectSpread2(_objectSpread2({}, otherProps), {}, {
+    autoSize: {
+      minRows: minRows,
+      maxRows: maxRows
+    }
+  }));
+}
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = ".index-module_imageBox__3tOEt {\n  display: flex;\n  flex-wrap: wrap;\n}\n.index-module_imageBox__3tOEt .ant-upload-picture-card-wrapper {\n  width: auto;\n}\n.index-module_imageBox__3tOEt .index-module_inputImage__3ExnT {\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__3tOEt .index-module_imageShow__2MZ8c {\n  padding: 8px;\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n}\n.index-module_imageBox__3tOEt .index-module_imageWrap__3Gcy0 {\n  width: 80px;\n  height: 80px;\n  position: relative;\n  border-radius: 2px;\n  margin: 0 8px 8px 0;\n}\n.index-module_imageBox__3tOEt .index-module_imageWrap__3Gcy0:hover {\n  background: transparent;\n}\n.index-module_imageBox__3tOEt .index-module_imageWrap__3Gcy0:hover .index-module_mask__A9GJN:before {\n  opacity: 1;\n}\n.index-module_imageBox__3tOEt .index-module_imageWrap__3Gcy0 img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.index-module_imageBox__3tOEt .index-module_imageWrap__3Gcy0 .index-module_delete__3ent_ {\n  position: absolute;\n  right: 0px;\n  top: 0px;\n}\n.index-module_imageBox__3tOEt .index-module_mask__A9GJN {\n  position: relative;\n  height: 100%;\n  overflow: hidden;\n}\n.index-module_imageBox__3tOEt .index-module_mask__A9GJN::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__3tOEt .index-module_mask__A9GJN:hover .index-module_actions__1cQKz {\n  opacity: 1;\n}\n.index-module_imageBox__3tOEt .index-module_mask__A9GJN .index-module_actions__1cQKz {\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__3tOEt .index-module_mask__A9GJN .index-module_actions__1cQKz .index-module_icon__1QG8L {\n  font-size: 16px;\n  color: #fff;\n  padding: 0 4px;\n}\n.index-module_imageBox__3tOEt .index-module_imagePaste__9NJaN {\n  display: inline-block;\n  margin-right: 8px;\n}\n.index-module_imageBox__3tOEt .index-module_imagePaste__9NJaN .index-module_fakeBox__2NVan {\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__3tOEt .index-module_imagePaste__9NJaN .index-module_fakeBox__2NVan .index-module_addBtn__2bSOl {\n  color: #86909C;\n}\n.index-module_imageBox__3tOEt .index-module_upload__33q6T .ant-upload {\n  height: 80px;\n  width: 80px;\n  border: none;\n  background-color: #F2F3F5;\n  color: #86909C;\n}\n.index-module_imageBox__3tOEt .index-module_upload__33q6T .ant-upload .index-module_addBtn__2bSOl {\n  color: #86909C;\n}\n.index-module_tips__1uXeZ {\n  color: #4E5969;\n  font-size: 12px;\n}\n";
+var styles = {"imageBox":"index-module_imageBox__3tOEt","inputImage":"index-module_inputImage__3ExnT","imageShow":"index-module_imageShow__2MZ8c","imageWrap":"index-module_imageWrap__3Gcy0","-webkit-mask":"index-module_mask__A9GJN","mask":"index-module_mask__A9GJN","delete":"index-module_delete__3ent_","actions":"index-module_actions__1cQKz","icon":"index-module_icon__1QG8L","imagePaste":"index-module_imagePaste__9NJaN","fakeBox":"index-module_fakeBox__2NVan","addBtn":"index-module_addBtn__2bSOl","upload":"index-module_upload__33q6T","tips":"index-module_tips__1uXeZ"};
+styleInject(css_248z);
+
+var _excluded$4 = ["maxCount", "maxSize", "uploadText", "onChange", "value", "accept", "canPreview", "disabled"];
+var fn = function fn(_ref) {
+  var _ref2 = _slicedToArray(_ref, 0);
+};
+var getBase64 = function getBase64(file) {
+  return new Promise(function (resolve, reject) {
+    var reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = function () {
+      return resolve(reader.result);
+    };
+    reader.onerror = function (error) {
+      return reject(error);
+    };
+  });
+};
+var ApaasUpload = function ApaasUpload(_ref3) {
+  var _ref3$maxCount = _ref3.maxCount,
+    maxCount = _ref3$maxCount === void 0 ? 10 : _ref3$maxCount,
+    _ref3$maxSize = _ref3.maxSize,
+    maxSize = _ref3$maxSize === void 0 ? 10 : _ref3$maxSize,
+    _ref3$uploadText = _ref3.uploadText,
+    uploadText = _ref3$uploadText === void 0 ? '上传' : _ref3$uploadText,
+    _ref3$onChange = _ref3.onChange,
+    onChange = _ref3$onChange === void 0 ? fn : _ref3$onChange,
+    _ref3$value = _ref3.value,
+    value = _ref3$value === void 0 ? [] : _ref3$value,
+    _ref3$accept = _ref3.accept,
+    accept = _ref3$accept === void 0 ? 'image/gif,image/jpg,image/jpeg,image/png' : _ref3$accept,
+    _ref3$canPreview = _ref3.canPreview,
+    canPreview = _ref3$canPreview === void 0 ? false : _ref3$canPreview,
+    _ref3$disabled = _ref3.disabled,
+    disabled = _ref3$disabled === void 0 ? false : _ref3$disabled,
+    resetProps = _objectWithoutProperties(_ref3, _excluded$4);
+  var inputRef = React.useRef(null);
+  var valueRef = React.useRef(value);
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = React.useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentPreviewImg = _useState4[0],
+    setCurrentPreviewImg = _useState4[1];
+  var _useState5 = React.useState(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    pasteDefaultStates = _useState6[0],
+    setPasteDefaultStates = _useState6[1];
+  React.useEffect(function () {
+    valueRef.current = value;
+  }, [value]);
+  var imgReader = function imgReader(item) {
+    var blob = item.getAsFile(),
+      reader = new FileReader();
+    if (blob.size > maxSize * 1024 * 1024) {
+      antd.message.error("\u56FE\u7247\u4E0D\u80FD\u5927\u4E8E".concat(maxSize, "MB"));
+      return;
+    }
+    if (valueRef.current.length >= maxCount) {
+      antd.message.error("\u53EA\u80FD\u4E0A\u4F20".concat(maxCount, "\u5F20\u56FE\u7247"));
+      return;
+    }
+    reader.onload = function (e) {
+      var _e$target;
+      var result = e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.result;
+      handleChange([].concat(_toConsumableArray(valueRef.current), [result]));
+    };
+    reader.readAsDataURL(blob);
+  };
+  var handleChange = function handleChange(list) {
+    valueRef.current = list;
+    onChange(list);
+  };
+  var clipboardDataChange = function clipboardDataChange(e) {
+    var clipboardData = e.clipboardData || window.clipboardData,
+      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) {
+      antd.message.error("\u6700\u591A\u6DFB\u52A0".concat(maxCount, "\u5F20\u56FE\u7247\uFF01"));
+      return antd.Upload.LIST_IGNORE;
+    }
+    if (!size) {
+      antd.message.error("\u56FE\u7247\u4E0D\u80FD\u5927\u4E8E".concat(maxSize, "MB"));
+      return antd.Upload.LIST_IGNORE;
+    }
+    getBase64(file).then(function (res) {
+      return handleChange([].concat(_toConsumableArray(valueRef.current), [res]));
+    });
+    return antd.Upload.LIST_IGNORE;
+  };
+  var handleDelete = function handleDelete(key) {
+    return function () {
+      if (disabled) return;
+      handleChange(value.filter(function (_, index) {
+        return key !== index;
+      }));
+    };
+  };
+  var handlePreview = function handlePreview(key) {
+    return function () {
+      setCurrentPreviewImg(value[key]);
+      setVisible(true);
+    };
+  };
+  var renderImages = function renderImages(images) {
+    return images.map(function (image, index) {
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        className: styles.imageWrap,
+        key: index
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: styles.mask
+      }, /*#__PURE__*/React__default['default'].createElement("img", {
+        src: image
+      }), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: styles.actions
+      }, canPreview && /*#__PURE__*/React__default['default'].createElement(icons.EyeOutlined, {
+        style: {
+          fontSize: '16px',
+          color: '#FFF',
+          marginRight: '8px'
+        },
+        onClick: handlePreview(index)
+      }), /*#__PURE__*/React__default['default'].createElement(icons.DeleteOutlined, {
+        style: {
+          fontSize: '16px',
+          color: '#FFF'
+        },
+        onClick: handleDelete(index)
+      }))));
+    });
+  };
+  React.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]);
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("p", {
+    className: styles.tips
+  }, "\u5141\u8BB8\u4E0A\u4F20", maxCount, "\u5F20\u56FE\u7247"), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: styles.imageBox
+  }, !disabled && /*#__PURE__*/React__default['default'].createElement("div", {
+    className: styles.imagePaste
+  }, pasteDefaultStates ? /*#__PURE__*/React__default['default'].createElement("div", {
+    className: styles.fakeBox,
+    onClick: function onClick() {
+      setPasteDefaultStates(false);
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: styles.addBtn
+  }, "+"), /*#__PURE__*/React__default['default'].createElement("p", {
+    className: styles.text
+  }, "\u590D\u5236\u7C98\u8D34")) : /*#__PURE__*/React__default['default'].createElement("input", {
+    ref: inputRef,
+    className: styles.inputImage,
+    type: "text",
+    placeholder: "\u590D\u5236\u7C98\u8D34",
+    onBlur: function onBlur() {
+      setPasteDefaultStates(true);
+    },
+    value: ""
+  })), renderImages(value), /*#__PURE__*/React__default['default'].createElement(antd.Upload, _objectSpread2({
+    disabled: disabled,
+    accept: accept,
+    name: "file",
+    listType: "picture-card",
+    maxCount: maxCount,
+    className: styles.upload,
+    beforeUpload: beforeUpload
+  }, resetProps), value.length >= maxCount ? null : /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: 'addBtn'
+  }, "+"), /*#__PURE__*/React__default['default'].createElement("div", null, uploadText))), /*#__PURE__*/React__default['default'].createElement(antd.Image, {
+    width: 0,
+    style: {
+      display: visible ? '' : 'none'
+    },
+    src: currentPreviewImg,
+    preview: {
+      visible: visible,
+      src: currentPreviewImg,
+      onVisibleChange: function onVisibleChange(value) {
+        setCurrentPreviewImg('');
+        setVisible(value);
+      }
+    }
+  })));
+};
+
+var _excluded$5 = ["showOther", "horizontal", "options", "value", "onChange", "disabled"];
+function ApaasRadio(props) {
+  var showOther = props.showOther,
+    _props$horizontal = props.horizontal,
+    horizontal = _props$horizontal === void 0 ? true : _props$horizontal,
+    _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options,
+    _props$value = props.value,
+    value = _props$value === void 0 ? {} : _props$value,
+    onChange = props.onChange,
+    disabled = props.disabled,
+    otherProps = _objectWithoutProperties(props, _excluded$5);
+  var radioValue = value.value,
+    other = value.other;
+  var triggerChange = function triggerChange(changedValue) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), changedValue));
+  };
+  var onRadioChange = function onRadioChange(e) {
+    var radioValue = e.target.value;
+    triggerChange({
+      value: radioValue
+    });
+  };
+  var onOtherChange = function onOtherChange(e) {
+    var other = e.target.value;
+    triggerChange({
+      other: other
+    });
+  };
+  return /*#__PURE__*/React__default['default'].createElement(antd.Radio.Group, _objectSpread2({
+    value: radioValue,
+    onChange: onRadioChange
+  }, otherProps), /*#__PURE__*/React__default['default'].createElement(antd.Space, {
+    direction: horizontal ? 'horizontal' : 'vertical',
+    wrap: true
+  }, options.map(function (item) {
+    return /*#__PURE__*/React__default['default'].createElement(antd.Radio, {
+      value: item.value,
+      key: item.label,
+      disabled: disabled
+    }, item.label);
+  }), showOther && /*#__PURE__*/React__default['default'].createElement(antd.Radio, {
+    value: "\u5176\u4ED6",
+    disabled: disabled
+  }, "\u5176\u4ED6", /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    disabled: disabled,
+    value: other,
+    style: {
+      width: 120,
+      marginLeft: 10
+    },
+    onChange: onOtherChange
+  }))));
+}
+
+/*
+ * @Author: wangzhenggui jianjia.wzg@raycloud.com
+ * @Date: 2022-09-20 14:29:14
+ * @LastEditors: litian
+ * @LastEditTime: 2022-09-27 13:49:32
+ * @FilePath: /raycloud-apaas-fe-setup/packages/apaas-react-basics-widgets/src/config/utils.ts
+ * @Description:
+ *
+ * Copyright (c) 2022 by wangzhenggui jianjia.wzg@raycloud.com, All Rights Reserved.
+ */
+//组装地址
+var toTree = function toTree() {
+  var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var parId = arguments.length > 1 ? arguments[1] : undefined;
+  var len = list === null || list === void 0 ? void 0 : list.length;
+  function loop(parId) {
+    var res = [];
+    for (var i = 0; i < len; i++) {
+      var item = list[i];
+      if (item.parentId === Number(parId)) {
+        item.children = loop(item.id);
+        res.push(_objectSpread2(_objectSpread2({}, item), {}, {
+          label: item.name,
+          value: item.id
+        }));
+      }
+    }
+    return res;
+  }
+  return loop(parId);
+};
+var keepDecimals = function keepDecimals(value) {
+  value = value.replace(/[^\d.]/g, ''); //清除"数字"和"."以外的字符
+  value = value.replace(/^\./g, ''); //验证第一个字符是数字
+  value = value.replace(/\.{2,}/g, '.'); //只保留第一个, 清除多余的
+  value = value.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.'); //限制"10.5." 这种情况
+  value = value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数
+  return value;
+};
+function dataURLtoFile(dataurl, filename) {
+  // 获取到base64编码
+  var arr = dataurl.split(',');
+  // 将base64编码转为字符串
+  var bstr = window.atob(arr[1]);
+  var n = bstr.length;
+  var u8arr = new Uint8Array(n); // 创建初始化为0的，包含length个元素的无符号整型数组
+  while (n--) {
+    u8arr[n] = bstr.charCodeAt(n);
+  }
+  return new File([u8arr], filename, {
+    type: 'image/jpeg'
+  });
+}
+
+var css_248z$1 = ".index-module_imageBox__8zj7A {\n  display: flex;\n  flex-wrap: wrap;\n}\n.index-module_imageBox__8zj7A .ant-upload-picture-card-wrapper {\n  width: auto;\n}\n.index-module_imageBox__8zj7A .index-module_inputImage__3VrvC {\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__8zj7A .index-module_imageShow__3wD4d {\n  padding: 8px;\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n}\n.index-module_imageBox__8zj7A .index-module_imageWrap__JkMJo {\n  width: 80px;\n  height: 80px;\n  position: relative;\n  border-radius: 2px;\n  margin-right: 8px;\n  margin-bottom: 8px;\n}\n.index-module_imageBox__8zj7A .index-module_imageWrap__JkMJo:hover {\n  background: transparent;\n}\n.index-module_imageBox__8zj7A .index-module_imageWrap__JkMJo:hover .index-module_mask__3LUIn:before {\n  opacity: 1;\n}\n.index-module_imageBox__8zj7A .index-module_imageWrap__JkMJo img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.index-module_imageBox__8zj7A .index-module_imageWrap__JkMJo .index-module_delete__2cFpf {\n  position: absolute;\n  right: 0px;\n  top: 0px;\n}\n.index-module_imageBox__8zj7A .index-module_mask__3LUIn {\n  position: relative;\n  height: 100%;\n  overflow: hidden;\n}\n.index-module_imageBox__8zj7A .index-module_mask__3LUIn::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__8zj7A .index-module_mask__3LUIn:hover .index-module_actions__2tY_V {\n  opacity: 1;\n}\n.index-module_imageBox__8zj7A .index-module_mask__3LUIn .index-module_actions__2tY_V {\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__8zj7A .index-module_mask__3LUIn .index-module_actions__2tY_V .index-module_icon__ZI-2P {\n  font-size: 16px;\n  color: #fff;\n  padding: 0 4px;\n}\n.index-module_imageBox__8zj7A .index-module_imagePaste__2X-K1 {\n  display: inline-block;\n  margin-right: 8px;\n}\n.index-module_imageBox__8zj7A .index-module_imagePaste__2X-K1 .index-module_fakeBox__2_3rA {\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__8zj7A .index-module_imagePaste__2X-K1 .index-module_fakeBox__2_3rA .index-module_addBtn__2m5lC {\n  color: #86909C;\n}\n.index-module_imageBox__8zj7A .index-module_upload__2igU3 .ant-upload {\n  height: 80px;\n  width: 80px;\n  border: none;\n  background-color: #F2F3F5;\n  color: #86909C;\n}\n.index-module_imageBox__8zj7A .index-module_upload__2igU3 .ant-upload .index-module_addBtn__2m5lC {\n  color: #86909C;\n}\n.index-module_tips__1ATcr {\n  color: #4E5969;\n  font-size: 12px;\n}\n";
+var styles$1 = {"imageBox":"index-module_imageBox__8zj7A","inputImage":"index-module_inputImage__3VrvC","imageShow":"index-module_imageShow__3wD4d","imageWrap":"index-module_imageWrap__JkMJo","-webkit-mask":"index-module_mask__3LUIn","mask":"index-module_mask__3LUIn","delete":"index-module_delete__2cFpf","actions":"index-module_actions__2tY_V","icon":"index-module_icon__ZI-2P","imagePaste":"index-module_imagePaste__2X-K1","fakeBox":"index-module_fakeBox__2_3rA","addBtn":"index-module_addBtn__2m5lC","upload":"index-module_upload__2igU3","tips":"index-module_tips__1ATcr"};
+styleInject(css_248z$1);
+
+var _excluded$6 = ["maxCount", "maxSize", "uploadText", "onChange", "value", "accept", "canPreview", "disabled", "uniqueKey", "hostUrl", "actionUrl"];
+var fn$1 = function fn(_ref) {
+  var _ref2 = _slicedToArray(_ref, 0);
+};
+var ApaasUploadAsync = function ApaasUploadAsync(_ref3) {
+  var _ref3$maxCount = _ref3.maxCount,
+    maxCount = _ref3$maxCount === void 0 ? 10 : _ref3$maxCount,
+    _ref3$maxSize = _ref3.maxSize,
+    maxSize = _ref3$maxSize === void 0 ? 10 : _ref3$maxSize,
+    _ref3$uploadText = _ref3.uploadText,
+    uploadText = _ref3$uploadText === void 0 ? '上传' : _ref3$uploadText,
+    _ref3$onChange = _ref3.onChange,
+    onChange = _ref3$onChange === void 0 ? fn$1 : _ref3$onChange,
+    _ref3$value = _ref3.value,
+    value = _ref3$value === void 0 ? [] : _ref3$value,
+    _ref3$accept = _ref3.accept,
+    accept = _ref3$accept === void 0 ? 'image/gif,image/jpg,image/jpeg,image/png' : _ref3$accept,
+    _ref3$canPreview = _ref3.canPreview,
+    canPreview = _ref3$canPreview === void 0 ? false : _ref3$canPreview,
+    _ref3$disabled = _ref3.disabled,
+    disabled = _ref3$disabled === void 0 ? false : _ref3$disabled,
+    uniqueKey = _ref3.uniqueKey,
+    _ref3$hostUrl = _ref3.hostUrl,
+    hostUrl = _ref3$hostUrl === void 0 ? '' : _ref3$hostUrl,
+    _ref3$actionUrl = _ref3.actionUrl,
+    actionUrl = _ref3$actionUrl === void 0 ? '/qy/common/uploadWorkOrderImg' : _ref3$actionUrl,
+    resetProps = _objectWithoutProperties(_ref3, _excluded$6);
+  var inputRef = React.useRef(null);
+  var valueRef = React.useRef(value);
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    uploading = _useState2[0],
+    setUploading = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    visible = _useState4[0],
+    setVisible = _useState4[1];
+  var _useState5 = React.useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    currentPreviewImg = _useState6[0],
+    setCurrentPreviewImg = _useState6[1];
+  var _useState7 = React.useState(true),
+    _useState8 = _slicedToArray(_useState7, 2),
+    pasteDefaultStates = _useState8[0],
+    setPasteDefaultStates = _useState8[1];
+  React.useEffect(function () {
+    valueRef.current = value;
+  }, [value]);
+  var asyncUpload = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
+      var _valueRef$current;
+      var formData, fileName, _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);
+            _context.prev = 5;
+            _context.next = 8;
+            return request__default['default'](actionUrl, {
+              method: 'post',
+              body: formData
+            });
+          case 8:
+            _yield$request = _context.sent;
+            success = _yield$request.success;
+            data = _yield$request.data;
+            if (success) {
+              handleChange([].concat(_toConsumableArray(valueRef.current), [data]));
+            }
+            _context.next = 17;
+            break;
+          case 14:
+            _context.prev = 14;
+            _context.t0 = _context["catch"](5);
+            antd.message.error('图片上传失败');
+          case 17:
+            _context.prev = 17;
+            setUploading(false);
+            return _context.finish(17);
+          case 20:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[5, 14, 17, 20]]);
+    }));
+    return function asyncUpload(_x) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  var imgReader = function imgReader(item) {
+    var blob = item.getAsFile(),
+      reader = new FileReader();
+    if (blob.size > maxSize * 1024 * 1024) {
+      antd.message.error("\u56FE\u7247\u4E0D\u80FD\u5927\u4E8E".concat(maxSize, "MB"));
+      return;
+    }
+    if (valueRef.current.length >= maxCount) {
+      antd.message.error("\u53EA\u80FD\u4E0A\u4F20".concat(maxCount, "\u5F20\u56FE\u7247"));
+      return;
+    }
+    reader.onload = /*#__PURE__*/function () {
+      var _ref5 = _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 _ref5.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,
+      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) {
+      antd.message.error("\u6700\u591A\u6DFB\u52A0".concat(maxCount, "\u5F20\u56FE\u7247\uFF01"));
+      return antd.Upload.LIST_IGNORE;
+    }
+    if (!size) {
+      antd.message.error("\u56FE\u7247\u4E0D\u80FD\u5927\u4E8E".concat(maxSize, "MB"));
+      return antd.Upload.LIST_IGNORE;
+    }
+    asyncUpload(file);
+    return antd.Upload.LIST_IGNORE;
+  };
+  var handleDelete = function handleDelete(key) {
+    return function () {
+      if (disabled) return;
+      handleChange(value.filter(function (_, index) {
+        return key !== index;
+      }));
+    };
+  };
+  var handlePreview = function handlePreview(imgUrl) {
+    return function () {
+      setCurrentPreviewImg(imgUrl);
+      setVisible(true);
+    };
+  };
+  var renderImages = function renderImages(images) {
+    return images.map(function (image, index) {
+      var finalImage = "".concat(/^pic\/[\s\S]*$/.test(image) ? "".concat(hostUrl, "/").concat(image) : image, "?x-oss-process=image/resize,h_60,w_60");
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        className: styles$1.imageWrap,
+        key: index
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: styles$1.mask
+      }, /*#__PURE__*/React__default['default'].createElement("img", {
+        src: finalImage
+      }), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: styles$1.actions
+      }, canPreview && /*#__PURE__*/React__default['default'].createElement(icons.EyeOutlined, {
+        style: {
+          fontSize: '16px',
+          color: '#FFF',
+          marginRight: '8px'
+        },
+        onClick: handlePreview(/^pic\/[\s\S]*$/.test(image) ? "".concat(hostUrl, "/").concat(image) : image)
+      }), /*#__PURE__*/React__default['default'].createElement(icons.DeleteOutlined, {
+        style: {
+          fontSize: '16px',
+          color: '#FFF'
+        },
+        onClick: handleDelete(index)
+      }))));
+    });
+  };
+  React.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]);
+  return /*#__PURE__*/React__default['default'].createElement(antd.Spin, {
+    spinning: uploading
+  }, /*#__PURE__*/React__default['default'].createElement("p", {
+    className: styles$1.tips
+  }, "\u5141\u8BB8\u4E0A\u4F20", maxCount, "\u5F20\u56FE\u7247"), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: styles$1.imageBox
+  }, !disabled && /*#__PURE__*/React__default['default'].createElement("div", {
+    className: styles$1.imagePaste
+  }, pasteDefaultStates ? /*#__PURE__*/React__default['default'].createElement("div", {
+    className: styles$1.fakeBox,
+    onClick: function onClick() {
+      setPasteDefaultStates(false);
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: styles$1.addBtn
+  }, "+"), /*#__PURE__*/React__default['default'].createElement("p", {
+    className: styles$1.text
+  }, "\u590D\u5236\u7C98\u8D34")) : /*#__PURE__*/React__default['default'].createElement("input", {
+    ref: inputRef,
+    className: styles$1.inputImage,
+    type: "text",
+    placeholder: "\u590D\u5236\u7C98\u8D34",
+    onBlur: function onBlur() {
+      setPasteDefaultStates(true);
+    },
+    value: ""
+  })), renderImages(value), /*#__PURE__*/React__default['default'].createElement(antd.Upload, _objectSpread2({
+    disabled: disabled,
+    accept: accept,
+    name: "file",
+    listType: "picture-card",
+    maxCount: maxCount,
+    className: styles$1.upload,
+    beforeUpload: beforeUpload
+  }, resetProps), value.length >= maxCount ? null : /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: "addBtn"
+  }, "+"), /*#__PURE__*/React__default['default'].createElement("div", null, uploadText))), /*#__PURE__*/React__default['default'].createElement(antd.Image, {
+    width: 0,
+    style: {
+      display: visible ? '' : 'none'
+    },
+    src: currentPreviewImg,
+    preview: {
+      visible: visible,
+      src: "".concat(currentPreviewImg),
+      onVisibleChange: function onVisibleChange(value) {
+        setCurrentPreviewImg('');
+        setVisible(value);
+      }
+    }
+  })));
+};
+
+var _excluded$7 = ["showOther", "horizontal", "options", "value", "onChange", "disabled", "checkboxOther"];
+function ApaasCheckbox(props) {
+  var showOther = props.showOther,
+    _props$horizontal = props.horizontal,
+    horizontal = _props$horizontal === void 0 ? true : _props$horizontal,
+    _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options,
+    _props$value = props.value,
+    value = _props$value === void 0 ? {} : _props$value,
+    onChange = props.onChange,
+    disabled = props.disabled,
+    checkboxOther = props.checkboxOther,
+    otherProps = _objectWithoutProperties(props, _excluded$7);
+  var checkboxValue = value.value,
+    other = value.other;
+  var triggerChange = function triggerChange(changedValue) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), changedValue));
+  };
+  var onCheckboxChange = function onCheckboxChange(selectValues) {
+    triggerChange({
+      value: selectValues
+    });
+  };
+  var onOtherChange = function onOtherChange(e) {
+    var other = e.target.value;
+    triggerChange({
+      other: other
+    });
+  };
+  return /*#__PURE__*/React__default['default'].createElement(antd.Checkbox.Group, _objectSpread2(_objectSpread2({
+    value: checkboxValue
+  }, otherProps), {}, {
+    onChange: onCheckboxChange
+  }), /*#__PURE__*/React__default['default'].createElement(antd.Space, {
+    direction: horizontal ? 'horizontal' : 'vertical',
+    wrap: true
+  }, options.map(function (item) {
+    return /*#__PURE__*/React__default['default'].createElement(antd.Checkbox, {
+      value: item.value,
+      key: item.value,
+      disabled: disabled
+    }, item.label);
+  }), showOther && /*#__PURE__*/React__default['default'].createElement(antd.Checkbox, {
+    value: "\u5176\u4ED6",
+    disabled: disabled
+  }, "\u5176\u4ED6", /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    value: other,
+    style: {
+      width: 120,
+      marginLeft: 10
+    },
+    onChange: onOtherChange,
+    disabled: disabled
+  }))));
+}
+
+function ApaasSlider(props) {
+  var value = props.value,
+    onChange = props.onChange,
+    _props$range = props.range,
+    range = _props$range === void 0 ? 100 : _props$range,
+    disabled = props.disabled;
+  var marks = _defineProperty({
+    0: 0
+  }, range, range);
+  var limitDecimals = function limitDecimals(value) {
+    if (value > range) {
+      return range + '';
+    } else if (value < 0) {
+      return '0';
+    }
+    return String(value).replace(/[^\d]/g, '');
+  };
+  return /*#__PURE__*/React__default['default'].createElement(antd.Row, null, /*#__PURE__*/React__default['default'].createElement(antd.Col, {
+    span: 12
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Slider, {
+    disabled: disabled,
+    marks: marks,
+    min: 0,
+    max: range,
+    value: value,
+    onChange: onChange
+  })), /*#__PURE__*/React__default['default'].createElement(antd.Col, {
+    span: 12
+  }, /*#__PURE__*/React__default['default'].createElement(antd.InputNumber, {
+    disabled: disabled,
+    min: 0,
+    max: range,
+    formatter: limitDecimals,
+    style: {
+      margin: '0 16px'
+    },
+    value: value,
+    placeholder: "\u8BF7\u8F93\u5165\u8BC4\u5206",
+    onChange: onChange
+  })));
+}
+
+var css_248z$2 = ".index-module_rateLabel__3k-Xa {\n  margin-right: 8px;\n}\n.index-module_rateText__A1GRy {\n  margin-left: 8px;\n}\n";
+var styles$2 = {"rateLabel":"index-module_rateLabel__3k-Xa","rateText":"index-module_rateText__A1GRy"};
+styleInject(css_248z$2);
+
+var _excluded$8 = ["value", "onChange", "options", "textStyle"];
+//状态文字映射
+var RATE_MAP = {
+  0: '',
+  0.5: '非常差',
+  1: '非常差',
+  1.5: '差',
+  2: '差',
+  2.5: '一般',
+  3: '一般',
+  3.5: '好',
+  4: '好',
+  4.5: '非常好',
+  5: '非常好'
+};
+function ApaasRate(props) {
+  var _props$value = props.value,
+    value = _props$value === void 0 ? [] : _props$value,
+    onChange = props.onChange,
+    _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options,
+    textStyle = props.textStyle,
+    other = _objectWithoutProperties(props, _excluded$8);
+  var rateValues = React.useMemo(function () {
+    return (value || []).reduce(function (prv, next) {
+      prv[next.id || ''] = next.value;
+      return prv;
+    }, {});
+  }, [value]);
+  var changeHandle = function changeHandle(val, id) {
+    var newValue = _toConsumableArray(value);
+    var hasValue = newValue.some(function (item) {
+      return item.id === id;
+    });
+    if (hasValue) {
+      newValue.forEach(function (item) {
+        if (item.id === id) {
+          item.value = val;
+        }
+      });
+    } else {
+      var findValue = options.find(function (item) {
+        return item.id === id;
+      });
+      if (findValue) {
+        newValue.push(_objectSpread2(_objectSpread2({}, findValue), {}, {
+          value: val
+        }));
+      }
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+  };
+  return /*#__PURE__*/React__default['default'].createElement("div", null, options.map(function (item) {
+    return /*#__PURE__*/React__default['default'].createElement(antd.Row, {
+      key: item.id
+    }, /*#__PURE__*/React__default['default'].createElement(antd.Col, {
+      span: 24
+    }, /*#__PURE__*/React__default['default'].createElement("span", {
+      className: styles$2.rateLabel
+    }, item === null || item === void 0 ? void 0 : item.name), /*#__PURE__*/React__default['default'].createElement(antd.Rate, _objectSpread2(_objectSpread2({}, other), {}, {
+      value: rateValues[item.id] || 0,
+      onChange: function onChange(val) {
+        return changeHandle(val, item.id);
+      }
+    })), /*#__PURE__*/React__default['default'].createElement("span", {
+      className: styles$2.rateText,
+      style: textStyle
+    }, RATE_MAP[rateValues[item.id]])));
+  }));
+}
+
+/*
+ * @Author: wangzhenggui jianjia.wzg@raycloud.com
+ * @Date: 2022-09-13 11:06:09
+ * @LastEditors: wangzhenggui jianjia.wzg@raycloud.com
+ * @LastEditTime: 2022-11-04 15:55:10
+ * @FilePath: /raycloud-apaas-fe-setup/packages/apaas-react-basics-widgets/src/common/request.ts
+ * @Description:
+ *
+ * Copyright (c) 2022 by wangzhenggui jianjia.wzg@raycloud.com, All Rights Reserved.
+ */
+var extendRequest = request.extend({});
+
+var Province = function Province(props) {
+  var _useState = React.useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    option = _useState2[0],
+    setOptions = _useState2[1];
+  var isFirst = React.useRef(false);
+  var initPageSource = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var apaasAddress, apaasSaveTime, isExpire, _yield$request, list, arr;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            apaasAddress = window.localStorage.getItem('apaasAddress');
+            apaasSaveTime = window.localStorage.getItem('apaasSaveTime'); //判断是否过期 缓存7天
+            isExpire = apaasSaveTime ? Number(apaasSaveTime) + 7 * 3600 * 24 * 1000 < new Date().getTime() : true;
+            if (!(apaasAddress && !isExpire)) {
+              _context.next = 6;
+              break;
+            }
+            setOptions(JSON.parse(apaasAddress));
+            return _context.abrupt("return");
+          case 6:
+            _context.next = 8;
+            return extendRequest('/qy/gdfw/template/queryAreas', {
+              method: 'get',
+              params: {
+                apiName: 'queryAreas'
+              }
+            });
+          case 8:
+            _yield$request = _context.sent;
+            list = _yield$request.data;
+            arr = toTree(list, 0);
+            setOptions(arr[0].children);
+            window.localStorage.setItem('apaasAddress', JSON.stringify(arr[0].children));
+            window.localStorage.setItem('apaasSaveTime', new Date().getTime().toString());
+          case 14:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function initPageSource() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  React.useEffect(function () {
+    if (!isFirst.current) {
+      initPageSource();
+      isFirst.current = true;
+    }
+  }, []);
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(antd.Cascader, _objectSpread2(_objectSpread2({}, props), {}, {
+    options: option,
+    placeholder: "\u8BF7\u9009\u62E9\u7701\u5E02\u533A"
+  })));
+};
+
+var _excluded$9 = ["label", "name", "extra", "required", "rules", "initialValue"];
+function withFormItem(WrappedComponent) {
+  return function (props) {
+    var label = props.label,
+      name = props.name,
+      extra = props.extra,
+      required = props.required,
+      rules = props.rules,
+      initialValue = props.initialValue,
+      otherProps = _objectWithoutProperties(props, _excluded$9);
+    return /*#__PURE__*/React__default['default'].createElement(antd.Form.Item, _objectSpread2({}, {
+      label: label,
+      name: name,
+      extra: extra,
+      required: required,
+      rules: rules,
+      initialValue: initialValue
+    }), /*#__PURE__*/React__default['default'].createElement(WrappedComponent, _objectSpread2({}, otherProps)));
+  };
+}
+
+var BuyerNick = function BuyerNick(props) {
+  var _props$value = props.value,
+    value = _props$value === void 0 ? {} : _props$value,
+    onChange = props.onChange,
+    shopId = props.shopId,
+    shopList = props.shopList,
+    disabled = props.disabled,
+    _onBlur = props.onBlur;
+  var changeValue = function changeValue(e, type) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, _defineProperty({}, type, e.target.value)));
+  };
+  React.useEffect(function () {
+    //淘宝平台和抖音平台需要展示买家id
+    var platformList = ['TAOBAO', 'FXG'];
+    var showBuyerId = (shopList || []).some(function (item) {
+      return item.shopId == shopId && platformList.includes(item.shopSourceStr);
+    });
+    //如果不是淘宝店铺 旺旺id为空
+    if (!showBuyerId) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+        buyerOpenUid: ''
+      }));
+    }
+  }, [shopId, shopList]);
+  return /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    disabled: disabled,
+    placeholder: "\u8BF7\u8F93\u5165\u4E70\u5BB6\u6635\u79F0",
+    value: value === null || value === void 0 ? void 0 : value.buyerNick,
+    onChange: function onChange(e) {
+      changeValue(e, 'buyerNick');
+    },
+    onBlur: function onBlur(e) {
+      _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(e.target.value, 'buyerNick');
+    },
+    style: {
+      marginRight: '8px'
+    }
+  });
+};
+
+function TradeId(props) {
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      display: 'flex'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Input, _objectSpread2({}, props)));
+}
+
+var Option = antd.Select.Option;
+var ShopNameSelect = function ShopNameSelect(props) {
+  var value = props.value,
+    onChange = props.onChange,
+    disabled = props.disabled,
+    style = props.style;
+  var _useState = React.useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    options = _useState2[0],
+    setOptions = _useState2[1];
+  var handleChange = function handleChange(value) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(value);
+  };
+  React.useEffect(function () {
+    // initDataSource();
+  }, []);
+  return /*#__PURE__*/React__default['default'].createElement(antd.Select, {
+    defaultValue: value,
+    disabled: disabled,
+    onChange: handleChange,
+    style: _objectSpread2(_objectSpread2({}, style), {}, {
+      width: '100%'
+    }),
+    showSearch: true,
+    placeholder: "\u8BF7\u9009\u62E9\u5E97\u94FA\u540D\u79F0",
+    filterOption: function filterOption(input, option) {
+      return option['children'].toLowerCase().indexOf(input.toLowerCase()) >= 0;
+    }
+  }, options.map(function (option) {
+    return /*#__PURE__*/React__default['default'].createElement(Option, {
+      value: option.value,
+      key: option.value
+    }, option.label);
+  }));
+};
+
+function ApaasAddress(props) {
+  var value = props.value,
+    onChange = props.onChange,
+    disabled = props.disabled;
+  var changeCity = function changeCity(city, selectedOptions) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+      address: city
+    }));
+  };
+  var changeDetail = function changeDetail(e) {
+    onChange === null || onChange === void 0 ? void 0 : onChange({
+      address: value === null || value === void 0 ? void 0 : value.address,
+      detail: e.target.value
+    });
+  };
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Province, {
+    value: value === null || value === void 0 ? void 0 : value.address,
+    onChange: changeCity,
+    options: [],
+    disabled: disabled
+  }), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    disabled: disabled,
+    value: value === null || value === void 0 ? void 0 : value.detail,
+    placeholder: "\u8BE6\u7EC6\u5730\u5740",
+    onChange: changeDetail
+  }));
+}
+
+var trade0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MEQ1MkIyMjIzQUIxMUU0QjU5NjkwNDQxQkU4N0E1MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MEQ1MkIyMzIzQUIxMUU0QjU5NjkwNDQxQkU4N0E1MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUwRDUyQjIwMjNBQjExRTRCNTk2OTA0NDFCRTg3QTUyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUwRDUyQjIxMjNBQjExRTRCNTk2OTA0NDFCRTg3QTUyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PFEh+QAAAPhJREFUeNqM0MFKAkEcx/FZNcwSihBBT3oRog4RBHnqoiA+SuAL7J73Fbz7Ah5DOiw5QcdOQUhECoL1BBpC0/eP/0URUf/wYWaH+c3Ofzzf97+NMR1kcY85BuiqLxSRD8PQppgk0MC7WdQBLpWPsWzGC+qy+QEVfMBpKB7lwBKOcBUEwZkEnnCoJ/+YZbkVUjncSOBZF8sr11qvOHQngRHecK3NSnkbSDWT1tq/KIrOtfFIr9aGxRRpnGhgmNLJI1qYyW95vt/4LjR6yiAHZvDqOedkscDHpzwdm2tmS0kPhk0TSeOWcG5nQKuHY1T3DfR1vNgW+BdgACxMP/P+iLA3AAAAAElFTkSuQmCC";
+
+var trade1 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQ0NGNkNCNjIzQUExMUU0OTZDM0UxQUI1MEVCOUU2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQ0NGNkNCNzIzQUExMUU0OTZDM0UxQUI1MEVCOUU2RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVDQ0Y2Q0I0MjNBQTExRTQ5NkMzRTFBQjUwRUI5RTZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVDQ0Y2Q0I1MjNBQTExRTQ5NkMzRTFBQjUwRUI5RTZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+WQ64bQAAAPVJREFUeNqM0M9KQkEUx/GZwUDNhYQItjKCQNyEEOSqVZtewHcQfIE2Posv0FIiWvQHLDeuBBEXUgTX3LmxRHH6njgXrnC5eODDzFzmNzPn2jdrZ8aYDnJoYo0x7tQUxyhebrcvlsCcRYARGma3NviSzegRuHZMujjDBF43hmMKZWRx/u7ckQSekMYBviOn+wipAi4k8KofT/RZcRWGriTwgSFq2qyUjSF142hko886xQJ93KKt/X1GbvpJ6eQBLfzKtRyyCnfQaJ6hggwGxntv+LUlLPEo6yTSg+HE4D/NlBMLJqFcZH6PQ9T3DTzrWE0K/AkwAPKxWrUjgeKsAAAAAElFTkSuQmCC";
+
+var trade2 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMkExMTUwNTIzQUIxMUU0OEE2MEE5M0YxQjVBOTRDMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMkExMTUwNjIzQUIxMUU0OEE2MEE5M0YxQjVBOTRDMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyQTExNTAzMjNBQjExRTQ4QTYwQTkzRjFCNUE5NEMzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyQTExNTA0MjNBQjExRTQ4QTYwQTkzRjFCNUE5NEMzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VBLygAAAAPZJREFUeNqM0M9KQkEUx/EzF4OsFiEi1KoQgsiFCEGt3BRIjxL0Ai263EfpBVpGtOoPCG5aBRERoQjaspVFwul7rse8hJgHPjNzh/nNnxv0TPoico4VHOMbz7hwb1hHSRK9yzGI0MCTjGoBFXeKbrpYpIlDW3yJLbxAPTTubcMNLKEqcShY4AaLvvO7TEozrIrYtcC9T25mrvW3xqG6Bdp4RM0faxWmsDqKePnQr1XGB1r+2Njf18mcNMj54Bon+LRj2eTrd0kcVmm3kcdDUFWbXOPjNf11iR7IjIrSNtGepbFHuPh/YFRXWMb+vIFb73dmBX4EGADWsDqrOlvMIgAAAABJRU5ErkJggg==";
+
+var trade3 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNzZEMTM5MDIzQUIxMUU0QTYwNkU0NjgyODRCQkFFQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNzZEMTM5MTIzQUIxMUU0QTYwNkU0NjgyODRCQkFFQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE3NkQxMzhFMjNBQjExRTRBNjA2RTQ2ODI4NEJCQUVCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE3NkQxMzhGMjNBQjExRTRBNjA2RTQ2ODI4NEJCQUVCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RDIqWgAAAPhJREFUeNpi1JvJ+4KBgWEhEPMAcRYQ/wbim0C8DorvA7EUEItdTPt0iAXIYAJiDyC+zgABrECsA8VVQPwEpBiIjwGxK0jxNiBWA+LbQPwfqglGgwxUAGIuIDbQn8UnBNJwAIg5oCa/ZECA/0gYBESA2BSk4TBUUBHJWegApskepOEhEF8BYiOoZ0GAEQsGAS8moM//QJ2lDMQfgfgk1LP1UP89QrLpOwuUsQuIc4H4B8haoCE/YSqAHhUAUppAzAnE5xj///8PEpQEcu6Cgg6o2IUBDwD5gQGo6DlINxBbADWLENQABTuAmBuILYnVcBBKa+PTABBgAC90PqvqQj28AAAAAElFTkSuQmCC";
+
+var trade4 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRDAzQ0FGRTIzQUIxMUU0OEYzRkI0MzQxOTNCNjg5QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRDAzQ0FGRjIzQUIxMUU0OEYzRkI0MzQxOTNCNjg5QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJEMDNDQUZDMjNBQjExRTQ4RjNGQjQzNDE5M0I2ODlCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJEMDNDQUZEMjNBQjExRTQ4RjNGQjQzNDE5M0I2ODlCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+z54Y5QAAAPhJREFUeNpi5Op4+IKBgWEhEPMAcRYQ/wbim0C8DorvA7EUEIt9LZc7xAJkMAGxBxBfZ4AAViDWgeIqIH4CUgzEx4DYFaR4GxCrAfFtIP4P1QSjQQYqADEXEBtwdz4SAmk4AMQcUJNfMiDAfyQMAiJAbArScBgqqIjkLHQA02QP0vAQiK8AsRHUsyDAiAWDgBcT0Od/oM5SBuKPQHwS6tl6qP8eIdn0nQXK2AXEuUD8A2Qt0JCfMBVAjwoAKU0g5gTic4z///8HCUoCOXdBQQdU7MKAB4D8wABU9BykG4gtgJpFCGqAgh0gFwCxJbEaDkJpbXwaAAIMAKG8PqsrBnEUAAAAAElFTkSuQmCC";
+
+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 = antd.Input.TextArea;
+var imgList = [trade0, trade1, trade2, trade3, trade4, trade5];
+var RemarkInput = function RemarkInput(props) {
+  var isShowFlag = props.isShowFlag,
+    value = props.value,
+    onChange = props.onChange,
+    disabled = props.disabled;
+  var changeUrl = function changeUrl(e) {
+    var newValue = _objectSpread2(_objectSpread2({}, value), {}, {
+      flag: e.target.value
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+  };
+  var changeRemark = function changeRemark(e) {
+    var newValue = _objectSpread2(_objectSpread2({}, value), {}, {
+      remark: e.target.value
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+  };
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(TextArea, {
+    disabled: disabled,
+    rows: 4,
+    value: value === null || value === void 0 ? void 0 : value.remark,
+    placeholder: "\u8BF7\u8F93\u5165\u5907\u6CE8",
+    key: "remark",
+    onChange: changeRemark
+  }), isShowFlag && /*#__PURE__*/React__default['default'].createElement(antd.Radio.Group, {
+    style: {
+      marginTop: '12px'
+    },
+    value: value === null || value === void 0 ? void 0 : value.flag,
+    onChange: changeUrl
+  }, imgList.map(function (item, index) {
+    return /*#__PURE__*/React__default['default'].createElement(antd.Radio, {
+      value: index,
+      key: item,
+      disabled: disabled
+    }, /*#__PURE__*/React__default['default'].createElement("img", {
+      src: item
+    }));
+  })));
+};
+
+var css_248z$3 = ".mb8 {\n  margin-bottom: 8px;\n}\n";
+styleInject(css_248z$3);
+
+var Logistics = function Logistics(props) {
+  var options = props.options,
+    isSingle = props.isSingle,
+    showField = props.showField,
+    _props$value = props.value,
+    value = _props$value === void 0 ? {} : _props$value,
+    disabled = props.disabled,
+    onChange = props.onChange,
+    _onBlur = props.onBlur;
+  var handleInputChange = function handleInputChange(e) {
+    var val = e.target.value;
+    typeof onChange === 'function' && onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+      order: val
+    }));
+  };
+  var handelSelectChange = function handelSelectChange(val) {
+    typeof onChange === 'function' && onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+      company: val
+    }));
+  };
+  //物流公司
+  var LogisticsCompany = function LogisticsCompany() {
+    return /*#__PURE__*/React__default['default'].createElement(antd.Select, {
+      disabled: disabled,
+      placeholder: "\u7269\u6D41\u516C\u53F8",
+      onChange: handelSelectChange,
+      value: (value === null || value === void 0 ? void 0 : value.company) === '' ? undefined : value === null || value === void 0 ? void 0 : value.company,
+      options: options,
+      showSearch: true,
+      style: {
+        width: '100%'
+      },
+      filterOption: function filterOption(input, option) {
+        return option.label.includes(input);
+      }
+    });
+  };
+  //物流单号
+  var LogisticsCode = function LogisticsCode() {
+    return /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+      disabled: disabled,
+      placeholder: "\u7269\u6D41\u5355\u53F7",
+      className: css_248z$3.logisticsInput,
+      onChange: handleInputChange,
+      value: value === null || value === void 0 ? void 0 : value.order,
+      onBlur: function onBlur(e) {
+        _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(e.target.value, 'expressLogisticsCode');
+      }
+    });
+  };
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: css_248z$3.logistics
+  }, isSingle ? showField === 'EXPRESS_COMPANY' ? LogisticsCompany() : null : LogisticsCompany(), isSingle ? showField === 'EXPRESS_WAYBILL_CODE' ? LogisticsCode() : null : LogisticsCode());
+};
+
+var ExpressLogistics = function ExpressLogistics(props) {
+  return /*#__PURE__*/React__default['default'].createElement(Logistics, _objectSpread2({}, props));
+};
+
+var AliPay = function AliPay(props) {
+  var value = props.value,
+    onChange = props.onChange,
+    isSingle = props.isSingle,
+    disabled = props.disabled,
+    _onBlur = props.onBlur;
+  var changeValue = function changeValue(e, type) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, _defineProperty({}, type, e.target.value)));
+  };
+  React.useEffect(function () {}, []);
+  return /*#__PURE__*/React__default['default'].createElement("div", null, !isSingle ? /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    disabled: disabled,
+    placeholder: "\u8BF7\u8F93\u5165\u652F\u4ED8\u5B9D\u540D\u79F0",
+    value: value === null || value === void 0 ? void 0 : value.name,
+    onChange: function onChange(e) {
+      changeValue(e, 'name');
+    },
+    style: {
+      marginRight: '8px'
+    }
+  })) : null, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    placeholder: "\u8BF7\u8F93\u5165\u652F\u4ED8\u5B9D\u8D26\u53F7",
+    value: value === null || value === void 0 ? void 0 : value.user,
+    onChange: function onChange(e) {
+      changeValue(e, 'user');
+    },
+    onBlur: function onBlur(e) {
+      _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(e.target.value, 'alipayAccount');
+    },
+    disabled: disabled,
+    style: {
+      marginRight: '8px'
+    }
+  })));
+};
+
+var css_248z$4 = ".goodsBox {\n  display: flex;\n  flex-wrap: wrap;\n}\n.goodsBox .goodBox-Img {\n  width: 80px;\n  margin: 0 10px 10px 0;\n}\n.goodsBox .right-context {\n  font-size: 12px;\n}\n.goodsBox .right-context .ant-input {\n  font-size: 12px;\n  width: 80px;\n  height: 20px;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n.goodsBox .right-context .ant-input.id-textarea {\n  width: 80px;\n  resize: none;\n  height: 45px;\n}\n.goodsBox.goodsBox-item-horizontal--box {\n  flex-direction: row;\n  width: auto;\n}\n.goods-imgBox {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border-radius: 4px;\n  border: 1px solid #f2f3f5;\n  margin: 0 10px 10px 0;\n  text-align: center;\n  background-color: #f2f3f5;\n}\n.goods-imgBox .add-btn {\n  color: #86909c;\n}\n.goods-imgBox .text {\n  color: #86909c;\n}\n.icon-close {\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  width: 13px;\n  height: 13px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  z-index: 3;\n  background-color: #fff;\n  cursor: pointer;\n}\n.img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.goods-title {\n  margin: 0 0 10px 5px;\n  color: #4e5969;\n}\n.searchBox {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n}\n.searchBox .search {\n  width: 150px;\n  margin-left: 6px;\n}\n.deg90 {\n  transform: rotate(90deg);\n}\n.goodsMain {\n  display: flex;\n  flex-wrap: wrap;\n  height: 400px;\n  overflow-y: auto;\n  margin-bottom: 10px;\n}\n.goodsMain .goodItem {\n  width: 142px;\n  height: 184px;\n  padding: 7px;\n  margin: 0 16px 16px 0;\n  border-radius: 4px;\n  background: #ffffff;\n  box-sizing: border-box;\n  /* 主题色/常规 */\n  border: 1px solid #c9cdd4;\n}\n.goodsMain .goodItem .goodImg {\n  width: 128px;\n  height: 128px;\n  border-radius: 4px;\n  overflow: hidden;\n}\n.goodsMain .goodItem .goodImg img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.goodsMain .goodItem .goodText {\n  text-align: center;\n  font-size: 12px;\n  color: #4e5969;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.goodsMain .goodItem .goodPrice {\n  text-align: center;\n  font-size: 14px;\n  color: #1d2129;\n}\n.goodsMain .goodItem.active {\n  border: 1px solid #1b5bf3;\n}\n@media screen and (max-width: 500px) {\n  .goodsMain {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-gap: 8px;\n    height: 300px;\n  }\n  .goodsMain .goodItem {\n    height: 126px;\n    width: 83px;\n    padding: 4px;\n    margin: 0;\n    border-radius: 4px;\n    background: #FFFFFF;\n    box-sizing: border-box;\n    border: 1px solid rgba(0, 0, 0, 0.15);\n  }\n  .goodsMain .goodItem .goodImg {\n    width: 98%;\n    height: 77px;\n  }\n  .goodsMain .goodItem .goodText {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .goodsMain .goodItem.active {\n    border: 1px solid #3089dc;\n  }\n  .searchBox {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: initial;\n  }\n  .searchBox .classify {\n    width: 120px;\n  }\n  .goodModal .ant-modal-body {\n    padding: 8px;\n  }\n}\n.goods-uploaded-count {\n  color: #ff3638;\n}\n.footer {\n  display: flex;\n  justify-content: flex-end;\n}\n.right-context {\n  display: flex;\n  flex-direction: column;\n}\n.right-context .info-row {\n  width: 80px;\n  display: flex;\n  align-items: center;\n  padding: 0px 8px;\n  border-radius: 2px;\n  cursor: pointer;\n  background: #f2f3f5;\n  margin-bottom: 4px;\n}\n.right-context .info-row > div {\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  word-break: break-all;\n}\n.sphPagination {\n  display: flex;\n  align-items: center;\n}\n.sphPagination .shpBtn {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0 8px;\n  height: 32px;\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n  cursor: pointer;\n  margin: 0 8px;\n}\n.sphPagination .shpBtn.unCursor {\n  color: #eee;\n  cursor: not-allowed;\n}\n";
+styleInject(css_248z$4);
+
+var 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=";
+
+var TabPane = antd.Tabs.TabPane;
+var Option$1 = antd.Select.Option;
+var Search = antd.Input.Search;
+var GoodsModal = function GoodsModal(props) {
+  var onSubmit = props.onSubmit,
+    _onCancel = props.onCancel,
+    visible = props.visible,
+    type = props.type,
+    shopId = props.shopId,
+    imgList = props.imgList,
+    maxLength = props.maxLength,
+    shopList = props.shopList,
+    changeSku = props.changeSku,
+    width = props.width;
+  var _useState = React.useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectList = _useState2[0],
+    setSelect = _useState2[1];
+  var _useState3 = React.useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectIds = _useState4[0],
+    setSelectIds = _useState4[1];
+  var _useState5 = React.useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    goodList = _useState6[0],
+    setGoodList = _useState6[1];
+  var _useState7 = React.useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    loading = _useState8[0],
+    setLoading = _useState8[1];
+  var _useState9 = React.useState({
+      apiName: 'queryItems',
+      desc: true,
+      numIids: '',
+      orderBy: 'list_time',
+      pageNo: 1,
+      pageSize: 10,
+      shopId: shopId,
+      type: 'onSale',
+      cids: '',
+      title: ''
+    }),
+    _useState10 = _slicedToArray(_useState9, 2),
+    searchParams = _useState10[0],
+    setSearch = _useState10[1];
+  var _useState11 = React.useState(0),
+    _useState12 = _slicedToArray(_useState11, 2),
+    total = _useState12[0],
+    setTotal = _useState12[1];
+  var _useState13 = React.useState(''),
+    _useState14 = _slicedToArray(_useState13, 2),
+    platform = _useState14[0],
+    setPlatform = _useState14[1]; //平台 taobao=淘宝 fxg=抖音 pdd=拼多多 sph=微信视屏号
+  var _useState15 = React.useState({}),
+    _useState16 = _slicedToArray(_useState15, 2),
+    shopInfo = _useState16[0],
+    setShopInfo = _useState16[1]; //店铺信息
+  var _useState17 = React.useState(true),
+    _useState18 = _slicedToArray(_useState17, 2),
+    canSearch = _useState18[0],
+    setCanSearch = _useState18[1];
+  var _useState19 = React.useState([null]),
+    _useState20 = _slicedToArray(_useState19, 2),
+    nextKeyList = _useState20[0],
+    setNextKeyList = _useState20[1];
+  var _useState21 = React.useState([{
+      tab: '出售中',
+      key: 'onSale'
+    }, {
+      tab: '仓库中',
+      key: 'inventory'
+    }, {
+      tab: '已选择',
+      key: 'select'
+    }]),
+    _useState22 = _slicedToArray(_useState21, 2),
+    tabs = _useState22[0],
+    setTabs = _useState22[1];
+  var _useState23 = React.useState([{
+      name: '上架时间',
+      value: 'list_time'
+    }, {
+      name: '按库存',
+      value: 'num'
+    }, {
+      name: '按价格',
+      value: 'price'
+    }]),
+    _useState24 = _slicedToArray(_useState23, 1),
+    goodSort = _useState24[0];
+  //宝贝分类
+  var _useState25 = React.useState([]),
+    _useState26 = _slicedToArray(_useState25, 2),
+    shell = _useState26[0],
+    setShell = _useState26[1];
+  var clickOrder = function clickOrder(sort) {
+    if (sort.value === searchParams.orderBy) {
+      setSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, {
+        desc: !searchParams.desc
+      }));
+    } else {
+      setSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, {
+        orderBy: sort.value
+      }));
+    }
+  };
+  //选择页码
+  var pageChange = function pageChange(page, pageSize) {
+    setSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, {
+      pageNo: page,
+      pageSize: pageSize
+    }));
+  };
+  /**
+   * 选择商品
+   * @param good
+   * @returns
+   */
+  var changeItem = function changeItem(good) {
+    if (searchParams.type === 'select') {
+      var newSelect = selectList.filter(function (item) {
+        return item.numIid !== good.numIid;
+      });
+      setSelect(_toConsumableArray(newSelect));
+      var ids = newSelect.map(function (item) {
+        return item.numIid;
+      });
+      setSelectIds(ids);
+    } else {
+      if (type === 4 || changeSku) {
+        setSelect([good]);
+        setSelectIds([good.numIid]);
+      } else {
+        if (selectList.length >= maxLength) {
+          antd.message.error("\u6700\u591A\u6DFB\u52A0".concat(maxLength, "\u5F20"));
+          return;
+        }
+        var hasGood = selectList.some(function (t) {
+          return t.numIid === good.numIid;
+        });
+        if (hasGood) {
+          var newSelectList = selectList.filter(function (item) {
+            return item.numIid !== good.numIid;
+          });
+          setSelect(newSelectList);
+          var _ids = newSelectList.map(function (item) {
+            return item.numIid;
+          });
+          setSelectIds(_ids);
+        } else {
+          setSelect([].concat(_toConsumableArray(selectList), [good]));
+          setSelectIds([].concat(_toConsumableArray(selectIds), [good.numIid]));
+        }
+      }
+    }
+  };
+  /**
+   * 获取分类列表
+   */
+  var querySellerCat = function querySellerCat() {
+    extendRequest('/qy/gdfw/workOrder/querySellerCat', {
+      method: 'get',
+      params: {
+        shopId: shopId || 257615501,
+        apiName: 'querySellerCat'
+      }
+    }).then(function (res) {
+      var arr = [{
+        value: '',
+        label: '所有分类'
+      }];
+      (res.data || []).forEach(function (item) {
+        var category = item.category,
+          _item$children = item.children,
+          children = _item$children === void 0 ? [] : _item$children;
+        arr.push({
+          label: "| ".concat(category.name),
+          value: [category.value].concat(_toConsumableArray(children.map(function (v) {
+            return v.value;
+          }))).join(',')
+        });
+        children.forEach(function (c) {
+          arr.push({
+            label: "|-- ".concat(c.name),
+            value: c.value
+          });
+        });
+      });
+      setShell([].concat(arr));
+    });
+  };
+  /**
+   *
+   * @returns 获取查询参数
+   */
+  var queryPd = function queryPd() {
+    var params = {
+      apiName: 'queryItems',
+      desc: searchParams.desc,
+      productIds: searchParams.numIids,
+      orderBy: searchParams.orderBy,
+      pageNo: searchParams.pageNo,
+      pageSize: searchParams.pageSize,
+      shopId: shopId,
+      type: searchParams.type,
+      title: searchParams.title,
+      cids: searchParams.cids
+    };
+    if (platform === 'sph') {
+      params.useNext = true;
+      params.nextKey = nextKeyList[searchParams.pageNo - 1];
+    }
+    return params;
+  };
+  /**
+   * 查询商品
+   */
+  var queryItems = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(platform) {
+      var res, _ref2, items, totalCount, params, _res, _ref3, list, _total, nextKey, newList;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            setLoading(true);
+            if (!(platform === 'taobao')) {
+              _context.next = 12;
+              break;
+            }
+            _context.next = 5;
+            return extendRequest('/qy/gdfw/workOrder/queryItems', {
+              method: 'post',
+              data: queryPd()
+            });
+          case 5:
+            res = _context.sent;
+            _ref2 = res.data || {
+              items: [],
+              totalCount: 0
+            }, items = _ref2.items, totalCount = _ref2.totalCount;
+            items.forEach(function (item) {
+              item.platform = platform;
+            });
+            setGoodList(_toConsumableArray(items));
+            setTotal(totalCount);
+            _context.next = 26;
+            break;
+          case 12:
+            params = _objectSpread2({}, queryPd());
+            params.shopName = shopInfo === null || shopInfo === void 0 ? void 0 : shopInfo.shopName;
+            params.platform = platform;
+            params.status = params.type === 'onSale' ? 1 : 0;
+            delete params.type;
+            _context.next = 19;
+            return extendRequest('/qy/gdfw/product/listProduct', {
+              method: 'post',
+              data: params
+            });
+          case 19:
+            _res = _context.sent;
+            _ref3 = _res.data || {
+              result: [],
+              total: 0
+            }, list = _ref3.result, _total = _ref3.total, nextKey = _ref3.nextKey;
+            newList = list || [];
+            newList.forEach(function (item) {
+              item.numIid = item.productId;
+              item.outerId = item.outId;
+              item.title = item.productName;
+              item.platform = platform;
+            });
+            setGoodList(_toConsumableArray(newList));
+            setTotal(_total);
+            if (platform === 'sph' && nextKey && !nextKeyList.includes(nextKey)) {
+              setNextKeyList([].concat(_toConsumableArray(nextKeyList), [nextKey]));
+            }
+          case 26:
+            _context.prev = 26;
+            setLoading(false);
+            return _context.finish(26);
+          case 29:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0,, 26, 29]]);
+    }));
+    return function queryItems(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var getItem = function getItem(searchParams, platform) {
+    if (searchParams.type === 'select') {
+      setTotal(1);
+      return;
+    } else {
+      queryItems(platform);
+    }
+  };
+  /**
+   * 获取平台
+   */
+  var setPlatformHandle = function setPlatformHandle(platform) {
+    platform === 'taobao' && querySellerCat();
+  };
+  //视屏号平台游标查询
+  var PaginationSph = function PaginationSph() {
+    var changePageHandle = function changePageHandle(type) {
+      var pageNo = searchParams.pageNo;
+      type === 'next' ? pageNo++ : pageNo--;
+      setSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, {
+        pageNo: pageNo
+      }));
+    };
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "sphPagination"
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "shpBtn ".concat(searchParams.pageNo <= 1 && 'unCursor'),
+      onClick: function onClick() {
+        if (searchParams.pageNo <= 1) return;
+        changePageHandle('before');
+      }
+    }, "\u4E0A\u4E00\u9875"), /*#__PURE__*/React__default['default'].createElement("div", null, searchParams.pageNo, "/", Math.ceil(total / searchParams.pageSize) || 0), /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "shpBtn ".concat(searchParams.pageNo >= Math.ceil(total / searchParams.pageSize) && 'unCursor'),
+      onClick: function onClick() {
+        if (searchParams.pageNo >= Math.ceil(total / searchParams.pageSize)) return;
+        changePageHandle('next');
+      }
+    }, "\u4E0B\u4E00\u9875"));
+  };
+  React.useEffect(function () {
+    var shopInfo = shopList.find(function (item) {
+      return shopId === item.shopId || shopId === item.shopName;
+    });
+    setShopInfo(shopInfo);
+    var platform = shopInfo === null || shopInfo === void 0 ? void 0 : shopInfo.shopSourceStr.toLowerCase();
+    setPlatform(platform);
+    var tab = platform === 'fxg' ? [{
+      tab: '选商品',
+      key: 'onSale'
+    }, {
+      tab: '已选择',
+      key: 'select'
+    }] : [{
+      tab: '出售中',
+      key: 'onSale'
+    }, {
+      tab: '仓库中',
+      key: 'inventory'
+    }, {
+      tab: '已选择',
+      key: 'select'
+    }];
+    setTabs(tab);
+  }, []);
+  React.useEffect(function () {
+    setPlatformHandle(platform);
+    if (imgList.length) {
+      setSelect(imgList);
+      var ids = imgList.map(function (item) {
+        return item.numIid;
+      });
+      if (!(changeSku || type === 4)) {
+        setSelectIds(ids);
+      }
+    }
+  }, [platform]);
+  React.useEffect(function () {
+    platform && canSearch && getItem(searchParams, platform);
+  }, [searchParams, platform]);
+  return /*#__PURE__*/React__default['default'].createElement(antd.Modal, {
+    title: '选择宝贝',
+    okText: '确认',
+    cancelText: '取消',
+    visible: visible,
+    width: width || 850,
+    onCancel: function onCancel() {
+      _onCancel();
+    },
+    onOk: function onOk() {
+      onSubmit(selectList);
+    },
+    wrapClassName: "goodModal"
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Tabs, {
+    type: "card",
+    activeKey: searchParams.type,
+    onChange: function onChange(e) {
+      var params = _objectSpread2(_objectSpread2({}, searchParams), {}, {
+        type: e,
+        pageNo: 1
+      });
+      setSearch(params);
+    }
+  }, tabs.map(function (tab) {
+    return /*#__PURE__*/React__default['default'].createElement(TabPane, {
+      tab: tab.tab + (tab.key === 'select' ? "(".concat(selectList.length, ")") : ''),
+      key: tab.key
+    });
+  })), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "searchBox",
+    style: {
+      display: searchParams.type === 'select' ? 'none' : ''
+    }
+  }, platform === 'taobao' && /*#__PURE__*/React__default['default'].createElement(antd.Radio.Group, {
+    value: searchParams.orderBy,
+    onChange: function onChange(e) {
+      setSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, {
+        pageNo: 1,
+        orderBy: e.target.value
+      }));
+    }
+  }, goodSort.map(function (sort) {
+    return /*#__PURE__*/React__default['default'].createElement(antd.Button, {
+      type: sort.value === searchParams.orderBy ? 'primary' : 'default',
+      onClick: function onClick() {
+        clickOrder(sort);
+      },
+      key: sort.value
+    }, sort.name, sort.value === searchParams.orderBy ? searchParams.desc ? /*#__PURE__*/React__default['default'].createElement("span", null, "\u21BE") : /*#__PURE__*/React__default['default'].createElement("span", null, "\u21C2") : /*#__PURE__*/React__default['default'].createElement("span", null, "\u21C5"));
+  })), /*#__PURE__*/React__default['default'].createElement("div", null, platform === 'taobao' && /*#__PURE__*/React__default['default'].createElement(antd.Select, {
+    className: "classify",
+    value: searchParams.cids,
+    onChange: function onChange(value) {
+      setSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, {
+        pageNo: 1,
+        cids: value
+      }));
+    }
+  }, shell.map(function (item) {
+    return /*#__PURE__*/React__default['default'].createElement(Option$1, {
+      value: item.value,
+      key: item.value
+    }, item.label);
+  })), /*#__PURE__*/React__default['default'].createElement(Search, {
+    placeholder: platform === 'taobao' ? '宝贝链接，标题' : '商品ID',
+    // enterButton="搜索"
+    className: "search",
+    value: platform === 'taobao' ? searchParams.title : searchParams.numIids,
+    onChange: function onChange(e) {
+      setCanSearch(false);
+      platform === 'taobao' ? setSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, {
+        pageNo: 1,
+        title: e.target.value
+      })) : setSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, {
+        numIids: e.target.value
+      }));
+    },
+    onSearch: function onSearch(val) {
+      setCanSearch(true);
+      platform === 'taobao' ? setSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, {
+        pageNo: 1,
+        title: val
+      })) : setSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, {
+        pageNo: 1,
+        numIids: val
+      }));
+    }
+  }))), /*#__PURE__*/React__default['default'].createElement(antd.Spin, {
+    spinning: loading
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "goodsMain"
+  }, (searchParams.type == 'select' ? selectList : goodList).map(function (good) {
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      key: good.numIid,
+      className: "goodItem ".concat(selectIds.includes(good.numIid) ? 'active' : ''),
+      onClick: function onClick() {
+        changeItem(good);
+      }
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "goodImg"
+    }, /*#__PURE__*/React__default['default'].createElement("img", {
+      src: good.picUrl || defaultImg,
+      alt: "",
+      className: "img"
+    })), /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "goodText"
+    }, good.title), /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "goodPrice"
+    }, "\xA5", good.price));
+  }))), /*#__PURE__*/React__default['default'].createElement("footer", {
+    className: "footer"
+  }, platform !== 'sph' ? /*#__PURE__*/React__default['default'].createElement(antd.ConfigProvider, {
+    locale: zhCN__default['default']
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Pagination, {
+    total: total,
+    current: searchParams.pageNo,
+    pageSize: searchParams.pageSize,
+    onChange: pageChange
+  })) : PaginationSph()));
+};
+
+var Sku = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = React.useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    sku = _useState4[0],
+    setSku = _useState4[1];
+  var _useState5 = React.useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    options = _useState6[0],
+    setOptions = _useState6[1];
+  var _useState7 = React.useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    numIids = _useState8[0],
+    setNumIids = _useState8[1];
+  React.useImperativeHandle(ref, function () {
+    return {
+      open: function open(_ref) {
+        var shopId = _ref.shopId,
+          numIids = _ref.numIids,
+          options = _ref.options;
+        setVisible(true);
+        setSku('');
+        setNumIids(numIids);
+        setOptions(options);
+      },
+      close: function close() {
+        setVisible(false);
+      }
+    };
+  });
+  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;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            type = props.type;
+            if (sku) {
+              _context.next = 5;
+              break;
+            }
+            props.handleOk({
+              enableItemId: '',
+              enableSupplierName: '',
+              propertiesName: ''
+            });
+            _context.next = 16;
+            break;
+          case 5:
+            SKU = options.find(function (item) {
+              return item.value === sku;
+            });
+            if (!(type !== 4)) {
+              _context.next = 10;
+              break;
+            }
+            props.handleOk({
+              enableItemId: '',
+              enableSupplierName: '',
+              propertiesName: ((_ref3 = SKU || {
+                label: ''
+              }) === null || _ref3 === void 0 ? void 0 : _ref3.label) || '',
+              picUrl: (_ref4 = SKU || {
+                picUrl: ''
+              }) === null || _ref4 === void 0 ? void 0 : _ref4.picUrl,
+              outerSkuId: (_ref5 = SKU || {
+                outerSkuId: ''
+              }) === null || _ref5 === void 0 ? void 0 : _ref5.outerSkuId
+            });
+            _context.next = 16;
+            break;
+          case 10:
+            _context.next = 12;
+            return extendRequest('/qy/gdfw/erp/getSupplierInfo', {
+              method: 'get',
+              params: {
+                itemId: numIids,
+                skuId: sku,
+                userNick: props.userNick
+              }
+            });
+          case 12:
+            _yield$request = _context.sent;
+            _yield$request$data = _yield$request.data;
+            data = _yield$request$data === void 0 ? [] : _yield$request$data;
+            props.handleOk({
+              enableItemId: data.length > 0 ? data[0]['supplierItemOuterId'] : '',
+              enableSupplierName: data.length > 0 ? data[0]['supplierName'] : '',
+              propertiesName: ((_ref6 = SKU || {
+                label: ''
+              }) === null || _ref6 === void 0 ? void 0 : _ref6.label) || '',
+              picUrl: (_ref7 = SKU || {
+                picUrl: ''
+              }) === null || _ref7 === void 0 ? void 0 : _ref7.picUrl
+            });
+          case 16:
+            setVisible(false);
+          case 17:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleSure() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/React__default['default'].createElement(antd.Modal, {
+    title: "\u8BF7\u9009\u62E9\u5BF9\u5E94\u7684SKU",
+    visible: visible,
+    onCancel: function onCancel() {
+      return setVisible(false);
+    },
+    onOk: handleSure,
+    okText: "\u786E\u5B9A",
+    cancelText: "\u53D6\u6D88"
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Select, {
+    options: options,
+    value: sku,
+    onChange: function onChange(val) {
+      return setSku(val);
+    },
+    style: {
+      width: '300px'
+    }
+  }));
+});
+
+var iconDelete = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAcZJREFUOI2NlDty01AUhr//mtDinUTswKGhYsasAHswbpnbMXYRU8SUgjaYSVgBZKhosHbgmx0kO3CdDDoUeiBbV3FOJZ3Hp/PQOaJDlulqKKdjMxsASakOkjKRhw/v313F4rSvOEvPE8ldNCBdEszy8dxPQ1PpdmFfF5LbPAIGkEhu8+nLt9NohgVMp+24R4jJz/zbzzWwLHPz34HvQII4jgO4BgLiTa2y/PncT4MrqO6yTtm4mvnJ6I7eoAxswe7oDWZ+MpJRD6bsO1qmqyHiRyNka5afzP00LNKL/lP+ZnWmJWzhx9uyqjXQb3zstTNsfwB9ya3P0vNk4cfbOtNDMMCwxAkGkS61oIdgResYaJmutohnEehO+VAPLwqr/F2Hoarh9p6jm+r1nqMbjNsH/OXAQodxp2etnsaDgjPIDsEkt44OqhVG5oTCIRhFz+LTb4hQEMAyXYXGVmzN8hOAjgHE7cb1zE+SJ8VzPhL16vVLRyKwTruRj6C8NnM/DWb2sRnUAYvbTb76tXqV7s/vX9mLl68kafAAqC2NSwNdBxZ32XlpahDXRj7aP7AtYCXLdDU0LClWU+W+WzDIhMLMT37G4v4ByZT7Ht1YoCYAAAAASUVORK5CYII=";
+
+var imgListConstant = [];
+var Goods = function Goods(props) {
+  var _props$value = props.value,
+    value = _props$value === void 0 ? {
+      shopId: '',
+      imgList: []
+    } : _props$value,
+    _props$maxLength = props.maxLength,
+    maxLength = _props$maxLength === void 0 ? 20 : _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,
+    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;
+  console.log(props);
+  // 目前当type == 3 时需要讲item项水平排列
+  var goodsBoxClassName = 'goodsBox-item-horizontal--box';
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = React.useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    editState = _useState4[0],
+    setEditState = _useState4[1];
+  var _useState5 = React.useState(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    uploadImageCount = _useState6[0],
+    setUploadImageCount = _useState6[1];
+  var skuRef = React.useRef();
+  var _useState7 = React.useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    editVisible = _useState8[0],
+    setEditVisible = _useState8[1];
+  // onChange事件会修改imgList里的字段，所以保存初始化的imglist值
+  if (!imgListConstant.length) {
+    imgListConstant = JSON.parse(JSON.stringify(imgList));
+  }
+  React.useEffect(function () {
+    return function () {
+      setEditVisible(false);
+      imgListConstant = [];
+    };
+  }, []);
+  //是否是淘宝店铺
+  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 deleteImg = function deleteImg(index) {
+    var newSelect = imgList.filter(function (_, i) {
+      return index !== i;
+    });
+    var newValue = {
+      shopId: shopId,
+      imgList: _toConsumableArray(newSelect)
+    };
+    setEditVisible(false);
+    setUploadImageCount(newSelect.length);
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+    imgListConstant = [];
+  };
+  //选择sku
+  var handleSelectSku = function handleSelectSku(_ref3) {
+    var enableItemId = _ref3.enableItemId,
+      enableSupplierName = _ref3.enableSupplierName,
+      propertiesName = _ref3.propertiesName,
+      picUrl = _ref3.picUrl,
+      outerSkuId = _ref3.outerSkuId;
+    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 && outerSkuId) {
+      newList[newList.length - 1].outerId = outerSkuId;
+    }
+    //替换成sku的图片
+    picUrl && (newList[newList.length - 1].picUrl = picUrl);
+    var newValue = {
+      shopId: shopId,
+      imgList: newList
+    };
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2({}, newValue));
+  };
+  //选择回调
+  var onSubmit = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(list) {
+      var newList, newImgList, newValue, _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 = {
+                numIid: item.numIid,
+                picUrl: item.picUrl,
+                platform: item.platform,
+                title: item.title,
+                price: item.price //价格
+              };
+
+              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);
+            newValue = {
+              shopId: shopId,
+              imgList: newImgList
+            };
+            setUploadImageCount(newImgList.length);
+            onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2({}, newValue));
+            setVisible(false);
+            //供应上编码组件 ｜｜ 商品组件且可以选择sku
+            if (!(type === 4 && (enableItemId || enableSupplierName) || type !== 4 && changeSku && isTaobaoPlat && list.length > 0)) {
+              _context2.next = 12;
+              break;
+            }
+            _context2.next = 9;
+            return querySkus({
+              shopId: shopId,
+              numIids: list[0].numIid
+            });
+          case 9:
+            _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
+                };
+              });
+              (_skuRef$current = skuRef.current) === null || _skuRef$current === void 0 ? void 0 : _skuRef$current.open({
+                shopId: shopId,
+                numIids: list[0].numIid,
+                options: options
+              });
+            }
+          case 12:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function onSubmit(_x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  //修改参数
+  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));
+    };
+  };
+  // console.log(enableSupplierName, imgListConstant)
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, uploadImageCount === 0 ? /*#__PURE__*/React__default['default'].createElement("p", {
+    className: "goods-title"
+  }, "\u6700\u591A\u6DFB\u52A0", maxLength, "\u4E2A\u5B9D\u8D1D") : /*#__PURE__*/React__default['default'].createElement("p", {
+    className: "goods-uploaded-state"
+  }, "\u5DF2\u6DFB\u52A0", /*#__PURE__*/React__default['default'].createElement("span", {
+    className: "goods-uploaded-count"
+  }, uploadImageCount), "/", maxLength, "\u4E2A\u5B9D\u8D1D"), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "goodsBox ".concat(goodsBoxClassName)
+  }, imgList === null || imgList === void 0 ? void 0 : imgList.map(function (img, index) {
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "goodBox-Img"
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "goods-imgBox",
+      key: img.picUrl + '-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: ""
+    })), !disabled && /*#__PURE__*/React__default['default'].createElement("img", {
+      src: iconDelete,
+      alt: "",
+      className: "icon-close",
+      onClick: function onClick() {
+        deleteImg(index);
+      }
+    })), /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "right-context",
+      key: img.picUrl + '-context'
+    }, type === 1 ? /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+      placeholder: "\u8BF7\u8F93\u5165\u7F16\u7801",
+      title: String((img === null || img === void 0 ? void 0 : img.outerId) || ''),
+      value: img.outerId,
+      disabled: disabled,
+      style: {
+        width: '80px'
+      },
+      onChange: handleChangeValue('outerId', index)
+    })) : null, type === 2 ? /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+      placeholder: "\u8BF7\u8F93\u5165\u5B9D\u8D1Did",
+      value: img.numIid,
+      title: String((img === null || img === void 0 ? void 0 : img.numIid) || ''),
+      style: {
+        width: '80px'
+      },
+      disabled: disabled,
+      onChange: handleChangeValue('numIid', index)
+    })) : null, type !== 4 && changeSku ? /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+      placeholder: "\u8BF7\u8F93\u5165\u5B9D\u8D1D\u89C4\u683C",
+      value: img.propertiesName,
+      title: String((img === null || img === void 0 ? void 0 : img.propertiesName) || ''),
+      style: {
+        width: '80px',
+        marginTop: '8px'
+      },
+      disabled: disabled,
+      onChange: handleChangeValue('propertiesName', index)
+    })) : null, type === 4 && enableItemId ? /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+      placeholder: "\u8BF7\u8F93\u5165\u7F16\u7801",
+      value: img.itemId || (img === null || img === void 0 ? void 0 : img.supplierItemOuterId),
+      title: String((img === null || img === void 0 ? void 0 : img.itemId) || (img === null || img === void 0 ? void 0 : img.supplierItemOuterId) || ''),
+      disabled: disabled,
+      style: {
+        width: '80px',
+        marginBottom: '8px'
+      },
+      onChange: handleChangeValue('itemId', index)
+    })) : null, type === 4 && enableSupplierName ? /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+      placeholder: "\u8BF7\u8F93\u5165\u4F9B\u5E94\u5546\u540D\u79F0",
+      title: String((img === null || img === void 0 ? void 0 : img.supplierName) || ''),
+      disabled: disabled,
+      value: img.supplierName,
+      onChange: handleChangeValue('supplierName', index)
+    })) : null));
+  }), 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 TBGoodId = function TBGoodId(props) {
+  return /*#__PURE__*/React__default['default'].createElement(Goods, _objectSpread2(_objectSpread2({}, props), {}, {
+    type: 2
+  }));
+};
+
+var ChooseBaby = function ChooseBaby(props) {
+  return /*#__PURE__*/React__default['default'].createElement(Goods, _objectSpread2(_objectSpread2({}, props), {}, {
+    type: 3
+  }));
+};
+
+var TBGoodSerial = function TBGoodSerial(props) {
+  return /*#__PURE__*/React__default['default'].createElement(Goods, _objectSpread2(_objectSpread2({}, props), {}, {
+    type: 1
+  }));
+};
+
+var Supplier = function Supplier(props) {
+  return /*#__PURE__*/React__default['default'].createElement(Goods, _objectSpread2(_objectSpread2({}, props), {}, {
+    type: 4
+  }));
+};
+
+var css_248z$5 = ".cardBox {\n  position: absolute;\n  z-index: 1;\n  border: 1px solid #e6e6e6;\n  background-color: #fff;\n  color: #303133;\n  border-radius: 4px;\n  overflow: auto;\n  height: 200px;\n  cursor: pointer;\n}\n.cardBox .cardli {\n  padding: 7px 13px;\n  width: 332px;\n}\n.cardBox .cardli:hover {\n  background-color: #f5f7fa;\n}\n.cardBox .cardText {\n  font-size: 14px;\n  color: #333;\n  margin: 0;\n  padding: 0;\n  line-height: 26px;\n}\n.cardBox .c-f60 {\n  color: #f60;\n}\n.btn-discern {\n  margin-left: 10px;\n  height: 24px;\n  font-size: 12px;\n  color: #1B5BF3;\n  border-color: #1B5BF3;\n  padding: 0;\n}\n";
+styleInject(css_248z$5);
+
+var Invoice = function Invoice(props) {
+  var _props$value = props.value,
+    value = _props$value === void 0 ? {
+      ordinaryTaitou: '',
+      ordinarySerial: '',
+      ordinaryMoney: ''
+    } : _props$value,
+    required = props.required,
+    disabled = props.disabled,
+    onChange = props.onChange;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = React.useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    list = _useState4[0],
+    setList = _useState4[1];
+  var _useRef = React.useRef({
+      timer: null
+    }),
+    current = _useRef.current;
+  var handleInputChange = function handleInputChange(e) {
+    var ordinaryTaitou = e.target.value;
+    setVisible(false);
+    setList([]);
+    var newValue = _objectSpread2(_objectSpread2({}, value), {}, {
+      ordinaryTaitou: ordinaryTaitou
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2({}, newValue));
+    if (current.timer) {
+      clearTimeout(current.timer);
+    }
+    current.timer = setTimeout(function () {
+      handleChange(ordinaryTaitou);
+    }, 1000);
+  };
+  var handleButtonClick = function handleButtonClick() {
+    var ordinaryTaitou = value === null || value === void 0 ? void 0 : value.ordinaryTaitou;
+    if (!ordinaryTaitou) {
+      antd.message.error('请输入发票抬头');
+      return;
+    }
+    handleChange(ordinaryTaitou);
+  };
+  var handleValueClick = function handleValueClick(e) {
+    var newValue = _objectSpread2(_objectSpread2({}, value), {}, {
+      ordinarySerial: e.target.value
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2({}, newValue));
+  };
+  var handleMoneyClick = function handleMoneyClick(e) {
+    var newValue = _objectSpread2(_objectSpread2({}, value), {}, {
+      ordinaryMoney: keepDecimals(e.target.value)
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2({}, newValue));
+  };
+  var autoFillCompanyInfo = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return extendRequest('/qy/gdfw/workOrder/companyinfo', {
+              method: 'post',
+              data: _objectSpread2({}, data)
+            });
+          case 2:
+            return _context.abrupt("return", _context.sent);
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function autoFillCompanyInfo(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  /**
+   * 智能识别
+   * @returns
+   */
+  var handleChange = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(ordinaryTaitou) {
+      var data, list, newList, index, element, kpName, idx;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            ordinaryTaitou = ordinaryTaitou || (value === null || value === void 0 ? void 0 : value.ordinaryTaitou);
+            if (ordinaryTaitou) {
+              _context2.next = 3;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 3:
+            _context2.next = 5;
+            return autoFillCompanyInfo({
+              companyName: ordinaryTaitou
+            });
+          case 5:
+            data = _context2.sent;
+            if (!data.success) {
+              _context2.next = 16;
+              break;
+            }
+            list = data.data ? data.data.info || [] : [];
+            if (list.length) {
+              _context2.next = 10;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 10:
+            newList = [];
+            for (index = 0; index < list.length; index++) {
+              element = list[index];
+              kpName = element.kpName;
+              idx = kpName.indexOf(ordinaryTaitou);
+              element.kpName1 = kpName.substring(0, idx);
+              element.kpName2 = ordinaryTaitou;
+              element.kpName3 = kpName.substring(idx + ordinaryTaitou.length);
+              newList.push(element);
+            }
+            setVisible(true);
+            setList(newList);
+            _context2.next = 16;
+            break;
+          case 16:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function handleChange(_x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  /**
+   * 选择公司
+   * @param {*} item
+   */
+  var handleChangeOrdinary = function handleChangeOrdinary(item) {
+    var newValue = _objectSpread2(_objectSpread2({}, value), {}, {
+      ordinaryTaitou: item.kpName,
+      ordinarySerial: item.kpCode
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2({}, newValue));
+    setVisible(false);
+  };
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(antd.Form.Item, {
+    label: "\u53D1\u7968\u91D1\u989D",
+    required: required,
+    className: "invoice-title--basic"
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    disabled: disabled,
+    value: value === null || value === void 0 ? void 0 : value.ordinaryMoney,
+    min: "0",
+    placeholder: "\u8BF7\u8F93\u5165\u5F00\u7968\u91D1\u989D,\u6700\u59272\u4F4D\u5C0F\u6570",
+    onChange: handleMoneyClick
+  })), /*#__PURE__*/React__default['default'].createElement(antd.Form.Item, {
+    label: "\u53D1\u7968\u62AC\u5934",
+    required: required,
+    className: "invoice-title--basic"
+  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    disabled: disabled,
+    value: value === null || value === void 0 ? void 0 : value.ordinaryTaitou,
+    placeholder: "\u8BF7\u8F93\u5165\u53D1\u7968\u62AC\u5934",
+    onChange: handleInputChange
+  }), !disabled && /*#__PURE__*/React__default['default'].createElement(antd.Button, {
+    onClick: handleButtonClick,
+    className: "btn-discern"
+  }, "\u667A\u80FD\u8BC6\u522B")), visible ? /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "cardBox"
+  }, list.map(function (item) {
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "cardli",
+      key: item.kpCode,
+      onClick: function onClick() {
+        handleChangeOrdinary(item);
+      }
+    }, /*#__PURE__*/React__default['default'].createElement("p", {
+      className: "cardText"
+    }, item.kpName1, /*#__PURE__*/React__default['default'].createElement("span", {
+      className: "c-f60"
+    }, item.kpName2), item.kpName3), /*#__PURE__*/React__default['default'].createElement("p", {
+      className: "cardText"
+    }, item.kpCode));
+  })) : null)), /*#__PURE__*/React__default['default'].createElement(antd.Form.Item, {
+    label: "\u7EB3\u7A0E\u4EBA\u8BC6\u522B\u53F7",
+    required: required,
+    className: "invoice-title--basic"
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    disabled: disabled,
+    // style={{ width: 250 }}
+    placeholder: "\u8BF7\u8F93\u5165\u7EB3\u7A0E\u4EBA\u8BC6\u522B\u53F7",
+    value: value === null || value === void 0 ? void 0 : value.ordinarySerial,
+    onChange: handleValueClick
+  })));
+};
+
+var RadioGroup = antd.Radio.Group;
+var Status = function Status(props) {
+  var customStatusText = props.customStatusText,
+    isSelectStyle = props.isSelectStyle,
+    isUseCustomStatus = props.isUseCustomStatus,
+    _props$value = props.value,
+    value = _props$value === void 0 ? {
+      status: '',
+      customerService: []
+    } : _props$value,
+    shopId = props.shopId,
+    disabled = props.disabled,
+    isEditing = props.isEditing,
+    onChange = props.onChange,
+    required = props.required,
+    originCustomer = props.originCustomer;
+  var _useState = React.useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    dataSource = _useState2[0],
+    setDataSource = _useState2[1];
+  React.useEffect(function () {
+    if (shopId) {
+      extendRequest('/qy/gdfw/template/querySubUsers', {
+        method: 'get',
+        params: {
+          shopId: shopId
+        }
+      }).then(function (res) {
+        var dataList = (res === null || res === void 0 ? void 0 : res.data) || [];
+        dataList.length && setDataSource(dataList);
+      });
+    }
+  }, [shopId]);
+  var getOptions = function getOptions() {
+    var text = '处理';
+    if (isUseCustomStatus) {
+      text = customStatusText;
+    }
+    return [{
+      label: "\u672A".concat(text),
+      value: '0'
+    }, {
+      label: "\u5DF2".concat(text),
+      value: '1'
+    }];
+  };
+  var handleSelectChangeStatus = function handleSelectChangeStatus(val) {
+    if (isEditing && val === '1') {
+      onChange({
+        status: val,
+        customerService: originCustomer
+      });
+      return;
+    }
+    onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+      status: val
+    }));
+  };
+  var handleChangeStatus = function handleChangeStatus(e) {
+    if (isEditing && e.target.value === '1') {
+      onChange({
+        status: e.target.value,
+        customerService: originCustomer
+      });
+      return;
+    }
+    onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+      status: e.target.value
+    }));
+  };
+  var handleChangeCustomerService = function handleChangeCustomerService(val) {
+    return onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+      customerService: val
+    }));
+  };
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: 'status-payment--basic'
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Form.Item, {
+    label: "\u5DE5\u5355\u72B6\u6001",
+    required: required
+  }, isSelectStyle ? /*#__PURE__*/React__default['default'].createElement(antd.Select, {
+    disabled: disabled,
+    value: value === null || value === void 0 ? void 0 : value.status,
+    onChange: handleSelectChangeStatus,
+    style: {
+      width: '100px'
+    }
+  }, getOptions().map(function (item) {
+    return /*#__PURE__*/React__default['default'].createElement(antd.Select.Option, {
+      value: item.value,
+      key: item.value
+    }, item.label);
+  })) : /*#__PURE__*/React__default['default'].createElement(RadioGroup, {
+    value: value === null || value === void 0 ? void 0 : value.status,
+    onChange: handleChangeStatus
+  }, getOptions().map(function (item) {
+    return /*#__PURE__*/React__default['default'].createElement(antd.Radio, {
+      value: item.value,
+      key: item.value,
+      disabled: disabled
+    }, item.label);
+  }))), /*#__PURE__*/React__default['default'].createElement(antd.Form.Item, {
+    label: "\u5904\u7406\u5BA2\u670D",
+    required: required
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Select, {
+    mode: "multiple",
+    showSearch: true,
+    placeholder: "\u8BF7\u9009\u62E9",
+    allowClear: true,
+    disabled: disabled || isEditing && (value === null || value === void 0 ? void 0 : value.status) === '1',
+    style: {
+      width: '340px',
+      marginTop: '8px'
+    },
+    value: value === null || value === void 0 ? void 0 : value.customerService,
+    onChange: handleChangeCustomerService
+  }, dataSource.map(function (data) {
+    return /*#__PURE__*/React__default['default'].createElement(antd.Select.Option, {
+      value: data.subUserName,
+      key: data.subUserName
+    }, data.subUserName);
+  })))));
+};
+
+var Payment = function Payment(props) {
+  var value = props.value,
+    disabled = props.disabled,
+    _props$id = props.id,
+    id = _props$id === void 0 ? '' : _props$id,
+    required = props.required,
+    zhiFubaoRequired = props.zhiFubaoRequired,
+    shopId = props.shopId,
+    shopList = props.shopList,
+    onChange = props.onChange,
+    onSearch = props.onSearch,
+    _onBlur = props.onBlur;
+  React.useEffect(function () {
+    var platformList = ['TAOBAO', 'FXG'];
+    var showBuyerId = (shopList || []).some(function (item) {
+      return item.shopId == shopId && platformList.includes(item.shopSourceStr);
+    });
+    //如果不是淘宝店铺 旺旺id为空
+    if (!showBuyerId) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+        enterprisePaymentBuyerOpenUid: ''
+      }));
+    }
+  }, [shopId, shopList]);
+  var changeValue = function changeValue(e, type) {
+    var newValue = _objectSpread2(_objectSpread2({}, value), {}, _defineProperty({}, type, e.target.value));
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+    type === 'enterprisePaymentTid' && (onSearch === null || onSearch === void 0 ? void 0 : onSearch(e));
+  };
+  var PaymentList = [{
+    label: '订单编号',
+    name: 'enterprisePaymentTid',
+    placeholder: '请输入订单编号',
+    required: required,
+    show: true
+  }, {
+    label: '打款金额',
+    name: 'enterprisePaymentRefundFee',
+    placeholder: '请输入打款金额',
+    required: required,
+    show: true
+  }, {
+    label: '买家昵称',
+    name: 'enterprisePaymentBuyerNick',
+    placeholder: '请输入买家昵称',
+    required: false,
+    show: true
+  }, {
+    label: '支付宝名称',
+    name: 'enterprisePaymentAlipayNick',
+    placeholder: '请输入支付宝名称',
+    required: zhiFubaoRequired,
+    show: true
+  }, {
+    label: '支付宝账号',
+    name: 'enterprisePaymentAlipayNo',
+    placeholder: '请输入支付宝账号',
+    required: zhiFubaoRequired,
+    show: true
+  }];
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, PaymentList.map(function (item) {
+    return item.show && /*#__PURE__*/React__default['default'].createElement(antd.Form.Item, {
+      label: item.label,
+      name: [id, item.name],
+      key: item.name,
+      required: item.required
+    }, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+      disabled: disabled,
+      placeholder: item.placeholder,
+      value: value === null || value === void 0 ? void 0 : value[item.name],
+      onChange: function onChange(e) {
+        return changeValue(e, item.name);
+      },
+      onBlur: function onBlur(e) {
+        return _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(e.target.value, item.name);
+      }
+    }));
+  }));
+};
+
+var jstGoods = function jstGoods(props) {
+  var _value$changeIndex, _value$changeIndex2, _value$changeIndex3, _value$changeIndex4, _value$changeIndex5, _value$changeIndex6;
+  var _props$value = props.value,
+    value = _props$value === void 0 ? [] : _props$value,
+    _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options,
+    onChange = props.onChange,
+    disabled = props.disabled,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 1 : _props$type,
+    _props$showField = props.showField,
+    showField = _props$showField === void 0 ? 'all' : _props$showField;
+  var _useState = React.useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    changeIndex = _useState2[0],
+    setChangeIndex = _useState2[1]; //选中的包裹
+  React.useEffect(function () {
+    setChangeIndex(0);
+  }, []);
+  var content = function content(item, index) {
+    return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        textAlign: 'center'
+      }
+    }, "\u5305\u88F9".concat(index + 1, "\u5546\u54C1\u4FE1\u606F")), ((item === null || item === void 0 ? void 0 : item.items) || []).map(function (t, index) {
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        key: index
+      }, /*#__PURE__*/React__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement(antd.Image, {
+        width: 100,
+        src: t.picUrl,
+        fallback: defaultImg
+      }), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", null, t.title), /*#__PURE__*/React__default['default'].createElement("div", null, "\u7F16\u7801\uFF1A", t.skuId))));
+    }));
+  };
+  var changeInputHandle = function changeInputHandle(val, type) {
+    var changeOrderInfo = _objectSpread2({}, value[changeIndex]);
+    changeOrderInfo[type] = val;
+    var newList = _toConsumableArray(value);
+    newList[changeIndex] = changeOrderInfo;
+    onChange === null || onChange === void 0 ? void 0 : onChange(newList);
+  };
+  //判断是否是单个且没有商品数据
+  var isSingle = React.useMemo(function () {
+    var _value$, _value$$items;
+    return value && value.length === 1 && !((_value$ = value[0]) === null || _value$ === void 0 ? void 0 : (_value$$items = _value$.items) === null || _value$$items === void 0 ? void 0 : _value$$items.length);
+  }, [value]);
+  return /*#__PURE__*/React__default['default'].createElement("div", null, !isSingle ? /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(antd.Space, {
+    wrap: true
+  }, (value || []).map(function (item, index) {
+    return /*#__PURE__*/React__default['default'].createElement(antd.Popover, {
+      content: content(item, index),
+      key: index
+    }, /*#__PURE__*/React__default['default'].createElement("span", {
+      style: {
+        color: changeIndex === index ? '#4569d4' : 'black',
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        return setChangeIndex(index);
+      }
+    }, "\u5305\u88F9".concat(index + 1)));
+  }))) : null, value.length ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, type === 1 ? /*#__PURE__*/React__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement(antd.Select, {
+    disabled: disabled,
+    placeholder: "\u7269\u6D41\u516C\u53F8",
+    onChange: function onChange(val) {
+      return changeInputHandle(val, 'logisticsCompany');
+    },
+    value: (_value$changeIndex = value[changeIndex]) === null || _value$changeIndex === void 0 ? void 0 : _value$changeIndex.logisticsCompany,
+    options: options,
+    showSearch: true,
+    filterOption: function filterOption(input, option) {
+      return option.label.includes(input);
+    },
+    style: {
+      minWidth: '100px'
+    }
+  }), /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    disabled: disabled,
+    placeholder: "\u7269\u6D41\u5355\u53F7",
+    onChange: function onChange(e) {
+      return changeInputHandle(e.target.value, 'logisticsCode');
+    },
+    value: (_value$changeIndex2 = value[changeIndex]) === null || _value$changeIndex2 === void 0 ? void 0 : _value$changeIndex2.logisticsCode
+  })) : null, type === 2 ? /*#__PURE__*/React__default['default'].createElement(antd.Space, null, ['supplyId', 'all'].includes(showField) && /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    disabled: disabled,
+    placeholder: "\u8BF7\u8F93\u5165\u4F9B\u9500\u5546\u7F16\u7801",
+    onChange: function onChange(e) {
+      return changeInputHandle(e.target.value, 'supplyId');
+    },
+    value: (_value$changeIndex3 = value[changeIndex]) === null || _value$changeIndex3 === void 0 ? void 0 : _value$changeIndex3.supplyId
+  }), ['supplyName', 'all'].includes(showField) && /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    disabled: disabled,
+    placeholder: "\u8BF7\u8F93\u5165\u4F9B\u9500\u5546\u540D\u79F0",
+    onChange: function onChange(e) {
+      return changeInputHandle(e.target.value, 'supplyName');
+    },
+    value: (_value$changeIndex4 = value[changeIndex]) === null || _value$changeIndex4 === void 0 ? void 0 : _value$changeIndex4.supplyName
+  })) : null, type === 3 ? /*#__PURE__*/React__default['default'].createElement(antd.Space, null, ['sendId', 'all'].includes(showField) && /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    disabled: disabled,
+    placeholder: "\u8BF7\u8F93\u5165\u53D1\u8D27\u4ED3\u7F16\u7801",
+    onChange: function onChange(e) {
+      return changeInputHandle(e.target.value, 'sendId');
+    },
+    value: (_value$changeIndex5 = value[changeIndex]) === null || _value$changeIndex5 === void 0 ? void 0 : _value$changeIndex5.sendId
+  }), ['sendName', 'all'].includes(showField) && /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    disabled: disabled,
+    placeholder: "\u8BF7\u8F93\u5165\u53D1\u8D27\u4ED3\u540D\u79F0",
+    onChange: function onChange(e) {
+      return changeInputHandle(e.target.value, 'sendName');
+    },
+    value: (_value$changeIndex6 = value[changeIndex]) === null || _value$changeIndex6 === void 0 ? void 0 : _value$changeIndex6.sendName
+  })) : null) : null);
+};
+
+var css_248z$6 = ".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$6);
+
+var ItemList = function ItemList(props) {
+  var _props$value = props.value,
+    value = _props$value === void 0 ? [] : _props$value,
+    onChange = props.onChange,
+    enableItemId = props.enableItemId,
+    enableSupplierName = props.enableSupplierName,
+    disabled = props.disabled;
+  //删除图片
+  var deleteImg = function deleteImg(index) {
+    var newList = value.filter(function (_, i) {
+      return index !== i;
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(newList);
+  };
+  //修改参数
+  var handleChangeValue = function handleChangeValue(key, index) {
+    return function (e) {
+      var _e$target;
+      var newImgList = _toConsumableArray(value);
+      var changeValue = _objectSpread2({}, value[index]);
+      changeValue[key] = e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value;
+      newImgList[index] = changeValue;
+      onChange === null || onChange === void 0 ? void 0 : onChange(newImgList);
+    };
+  };
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "jstGoodsBox"
+  }, value === null || value === void 0 ? void 0 : value.map(function (img, index) {
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "goodBox-Img",
+      key: index
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "goods-imgBox"
+    }, /*#__PURE__*/React__default['default'].createElement("img", {
+      src: img.picUrl || defaultImg,
+      className: "img",
+      alt: ""
+    }), !disabled && /*#__PURE__*/React__default['default'].createElement("img", {
+      src: iconDelete,
+      alt: "",
+      className: "icon-close",
+      onClick: function onClick() {
+        deleteImg(index);
+      }
+    })), /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "right-context",
+      key: img.picUrl + '-context'
+    }, enableItemId ? /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+      placeholder: "\u8BF7\u8F93\u5165\u4F9B\u5E94\u5546\u7F16\u7801",
+      value: img.itemId,
+      title: String((img === null || img === void 0 ? void 0 : img.itemId) || ''),
+      disabled: disabled,
+      style: {
+        width: '80px',
+        marginBottom: '8px'
+      },
+      onChange: handleChangeValue('itemId', index)
+    })) : null, enableSupplierName ? /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+      placeholder: "\u8BF7\u8F93\u5165\u4F9B\u5E94\u5546\u540D\u79F0",
+      title: String((img === null || img === void 0 ? void 0 : img.supplierName) || ''),
+      disabled: disabled,
+      value: img.supplierName,
+      onChange: handleChangeValue('supplierName', index)
+    })) : null));
+  }), !value.length && !disabled ? /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "jstimgBox"
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "text"
+  }, "\u6682\u4E0D\u652F\u6301\u6DFB\u52A0")) : null);
+};
+
+var css_248z$7 = ".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$7);
+
+var TabPane$1 = antd.Tabs.TabPane;
+var Option$2 = antd.Select.Option;
+var Search$1 = antd.Input.Search;
+var GoodsModal$1 = function GoodsModal(props) {
+  var onSubmit = props.onSubmit,
+    _onCancel = props.onCancel,
+    visible = props.visible,
+    type = props.type,
+    shopId = props.shopId,
+    imgList = props.imgList,
+    maxLength = props.maxLength,
+    shopList = props.shopList;
+  var _useState = React.useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectList = _useState2[0],
+    setSelect = _useState2[1];
+  var _useState3 = React.useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectIds = _useState4[0],
+    setSelectIds = _useState4[1];
+  var _useState5 = React.useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    goodList = _useState6[0],
+    setGoodList = _useState6[1];
+  var _useState7 = React.useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    loading = _useState8[0],
+    setLoading = _useState8[1];
+  var _useState9 = React.useState({
+      apiName: 'queryItems',
+      desc: true,
+      numIids: '',
+      orderBy: 'list_time',
+      pageNo: 1,
+      pageSize: 8,
+      shopId: shopId,
+      type: 'onSale',
+      cids: ''
+    }),
+    _useState10 = _slicedToArray(_useState9, 2),
+    searchParams = _useState10[0],
+    setSearch = _useState10[1];
+  var _useState11 = React.useState(0),
+    _useState12 = _slicedToArray(_useState11, 2),
+    total = _useState12[0],
+    setTotal = _useState12[1];
+  var _useState13 = React.useState(''),
+    _useState14 = _slicedToArray(_useState13, 2),
+    platform = _useState14[0],
+    setPlatform = _useState14[1]; //平台
+  var _useState15 = React.useState({}),
+    _useState16 = _slicedToArray(_useState15, 2),
+    shopInfo = _useState16[0],
+    setShopInfo = _useState16[1]; //店铺信息
+  var _useState17 = React.useState([{
+      tab: '出售中',
+      key: 'onSale'
+    }, {
+      tab: '仓库中',
+      key: 'inventory'
+    }, {
+      tab: '已选择',
+      key: 'all'
+    }]),
+    _useState18 = _slicedToArray(_useState17, 2),
+    tabs = _useState18[0],
+    setTabs = _useState18[1];
+  var _useState19 = React.useState([{
+      name: '上架时间',
+      value: 'list_time'
+    }, {
+      name: '按库存',
+      value: 'num'
+    }, {
+      name: '按价格',
+      value: 'price'
+    }]),
+    _useState20 = _slicedToArray(_useState19, 1),
+    goodSort = _useState20[0];
+  var _useState21 = React.useState([]),
+    _useState22 = _slicedToArray(_useState21, 2),
+    shell = _useState22[0],
+    setShell = _useState22[1];
+  var clickOrder = function clickOrder(sort) {
+    if (sort.value === searchParams.orderBy) {
+      setSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, {
+        desc: !searchParams.desc
+      }));
+    } else {
+      setSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, {
+        orderBy: sort.value
+      }));
+    }
+  };
+  var pageChange = function pageChange(page) {
+    setSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, {
+      pageNo: page
+    }));
+  };
+  /**
+   * 选择商品
+   * @param good
+   * @returns
+   */
+  var changeItem = function changeItem(good) {
+    if (searchParams.type === 'all') {
+      var newSelect = selectList.filter(function (item) {
+        return item.numIid !== good.numIid;
+      });
+      setSelect(_toConsumableArray(newSelect));
+      var ids = newSelect.map(function (item) {
+        return item.numIid;
+      });
+      setSelectIds(ids);
+    } else {
+      if (type !== 3) {
+        setSelect([good]);
+        setSelectIds([good.numIid]);
+      } else {
+        if (selectList.length >= maxLength) {
+          antd.message.error("\u6700\u591A\u6DFB\u52A0".concat(maxLength, "\u5F20"));
+          return;
+        }
+        var hasGood = selectList.some(function (t) {
+          return t.numIid === good.numIid;
+        });
+        if (hasGood) {
+          var newSelectList = selectList.filter(function (item) {
+            return item.numIid !== good.numIid;
+          });
+          setSelect(newSelectList);
+          var _ids = newSelectList.map(function (item) {
+            return item.numIid;
+          });
+          setSelectIds(_ids);
+        } else {
+          setSelect([].concat(_toConsumableArray(selectList), [good]));
+          setSelectIds([].concat(_toConsumableArray(selectIds), [good.numIid]));
+        }
+      }
+    }
+  };
+  /**
+   * 获取分类列表
+   */
+  var querySellerCat = function querySellerCat() {
+    extendRequest('/qy/gdfw/workOrder/querySellerCat', {
+      method: 'get',
+      params: {
+        shopId: shopId || 257615501,
+        apiName: 'querySellerCat'
+      }
+    }).then(function (res) {
+      var arr = [{
+        value: '',
+        label: '所有分类'
+      }];
+      (res.data || []).forEach(function (item) {
+        var category = item.category,
+          _item$children = item.children,
+          children = _item$children === void 0 ? [] : _item$children;
+        arr.push({
+          label: "| ".concat(category.name),
+          value: [category.value].concat(_toConsumableArray(children.map(function (v) {
+            return v.value;
+          }))).join(',')
+        });
+        children.forEach(function (c) {
+          arr.push({
+            label: "|-- ".concat(c.name),
+            value: c.value
+          });
+        });
+      });
+      setShell([].concat(arr));
+    });
+  };
+  /**
+   *
+   * @returns 获取查询参数
+   */
+  var queryPd = function queryPd() {
+    return {
+      apiName: 'queryItems',
+      desc: searchParams.desc,
+      productIds: searchParams.numIids,
+      orderBy: searchParams.orderBy,
+      pageNo: searchParams.pageNo,
+      pageSize: searchParams.pageSize,
+      shopId: shopId,
+      type: searchParams.type
+    };
+  };
+  /**
+   * 查询商品
+   */
+  var queryItems = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(platform) {
+      var res, _ref2, items, totalCount, params, _res, _ref3, list, _total;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            setLoading(true);
+            if (!(platform === 'taobao')) {
+              _context.next = 11;
+              break;
+            }
+            _context.next = 5;
+            return extendRequest('/qy/gdfw/workOrder/queryItems', {
+              method: 'post',
+              data: queryPd()
+            });
+          case 5:
+            res = _context.sent;
+            _ref2 = res.data || {
+              items: [],
+              totalCount: 0
+            }, items = _ref2.items, totalCount = _ref2.totalCount;
+            setGoodList(_toConsumableArray(items));
+            setTotal(totalCount);
+            _context.next = 23;
+            break;
+          case 11:
+            params = _objectSpread2({}, queryPd());
+            params.shopName = shopInfo === null || shopInfo === void 0 ? void 0 : shopInfo.shopName;
+            params.platform = platform;
+            params.status = params.type === 'onSale' ? 1 : 0;
+            delete params.type;
+            _context.next = 18;
+            return extendRequest('/qy/gdfw/product/listProduct', {
+              method: 'post',
+              data: params
+            });
+          case 18:
+            _res = _context.sent;
+            _ref3 = _res.data || {
+              result: [],
+              total: 0
+            }, list = _ref3.result, _total = _ref3.total;
+            list.forEach(function (item) {
+              item.numIid = item.productId;
+              item.outerId = item.outId;
+              item.title = item.productName;
+              item.platform = platform;
+            });
+            setGoodList(_toConsumableArray(list));
+            setTotal(_total);
+          case 23:
+            _context.prev = 23;
+            setLoading(false);
+            return _context.finish(23);
+          case 26:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0,, 23, 26]]);
+    }));
+    return function queryItems(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var getItem = function getItem(searchParams, platform) {
+    if (searchParams.type === 'all') {
+      return;
+    } else {
+      queryItems(platform);
+    }
+  };
+  /**
+   * 获取平台
+   */
+  var setPlatformHandle = function setPlatformHandle(platform) {
+    platform === 'taobao' && querySellerCat();
+  };
+  React.useEffect(function () {
+    var shopInfo = shopList.find(function (item) {
+      return shopId === item.shopId || shopId === item.shopName;
+    });
+    setShopInfo(shopInfo);
+    var platform = shopInfo === null || shopInfo === void 0 ? void 0 : shopInfo.shopSourceStr.toLowerCase();
+    setPlatform(platform);
+  }, [shopId, shopList]);
+  React.useEffect(function () {
+    setPlatformHandle(platform);
+    if (imgList.length) {
+      setSelect(imgList);
+      var ids = imgList.map(function (item) {
+        return item.numIid;
+      });
+      setSelectIds(ids);
+    }
+  }, [platform]);
+  React.useEffect(function () {
+    getItem(searchParams, platform);
+  }, [searchParams, platform]);
+  return /*#__PURE__*/React__default['default'].createElement(antd.Modal, {
+    title: '选择宝贝',
+    okText: '确认',
+    cancelText: '取消',
+    visible: visible,
+    width: 730,
+    onCancel: function onCancel() {
+      _onCancel();
+    },
+    onOk: function onOk() {
+      onSubmit(selectList);
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Tabs, {
+    type: "card",
+    activeKey: searchParams.type,
+    onChange: function onChange(e) {
+      setSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, {
+        type: e
+      }));
+    }
+  }, tabs.map(function (tab) {
+    return /*#__PURE__*/React__default['default'].createElement(TabPane$1, {
+      tab: tab.tab + (tab.key === 'all' ? "(".concat(selectList.length, ")") : ''),
+      key: tab.key
+    });
+  })), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "searchBox"
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Radio.Group, {
+    value: searchParams.orderBy,
+    onChange: function onChange(e) {
+      setSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, {
+        orderBy: e.target.value
+      }));
+    }
+  }, goodSort.map(function (sort) {
+    return /*#__PURE__*/React__default['default'].createElement(antd.Button, {
+      type: sort.value === searchParams.orderBy ? 'primary' : 'default',
+      onClick: function onClick() {
+        clickOrder(sort);
+      },
+      key: sort.value
+    }, sort.name, sort.value === searchParams.orderBy ? searchParams.desc ? /*#__PURE__*/React__default['default'].createElement("span", null, "\u21BE") :
+    /*#__PURE__*/
+    // <SwapLeftOutlined className="deg90" />
+    React__default['default'].createElement("span", null, "\u21C2")
+    // <SwapRightOutlined className="deg90" />
+    : /*#__PURE__*/React__default['default'].createElement("span", null, "\u21C5"));
+  })), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(antd.Select, {
+    style: {
+      width: '150px'
+    },
+    value: searchParams.cids,
+    onSelect: function onSelect(value) {
+      setSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, {
+        cids: value
+      }));
+    }
+  }, shell.map(function (item) {
+    return /*#__PURE__*/React__default['default'].createElement(Option$2, {
+      value: item.value,
+      key: item.value
+    }, item.label);
+  })), /*#__PURE__*/React__default['default'].createElement(Search$1, {
+    placeholder: "\u5B9D\u8D1D\u94FE\u63A5\uFF0C\u6807\u9898",
+    allowClear: true,
+    enterButton: "\u641C\u7D22",
+    style: {
+      width: '200px'
+    },
+    value: searchParams.title,
+    onSearch: function onSearch(e) {
+      setSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, {
+        title: e
+      }));
+    }
+  }))), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "goodMain"
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Spin, {
+    spinning: loading
+  }, (searchParams.type == 'all' ? selectList : goodList).map(function (good) {
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      key: good.numIid,
+      className: "goodItem ".concat(selectIds.includes(good.numIid) ? 'active' : ''),
+      onClick: function onClick() {
+        changeItem(good);
+      }
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "goodImg"
+    }, /*#__PURE__*/React__default['default'].createElement("img", {
+      src: good.picUrl,
+      alt: "",
+      className: "img"
+    })), /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "goodText"
+    }, good.title), /*#__PURE__*/React__default['default'].createElement("div", null, "\xA5", good.price));
+  }))), /*#__PURE__*/React__default['default'].createElement(antd.Pagination, {
+    total: total,
+    current: searchParams.pageNo,
+    pageSize: searchParams.pageSize,
+    onChange: pageChange
+  }));
+};
+
+var Goods$1 = function Goods(props, ref) {
+  var _props$value = props.value,
+    shopId = _props$value.shopId,
+    _props$value$imgList = _props$value.imgList,
+    imgList = _props$value$imgList === void 0 ? [] : _props$value$imgList,
+    maxLength = props.maxLength,
+    onChange = props.onChange,
+    type = props.type,
+    shopList = props.shopList,
+    enableItemId = props.enableItemId,
+    enableSupplierName = props.enableSupplierName,
+    userNick = props.userNick;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var skuRef = React.useRef();
+  React.useImperativeHandle(ref, function () {
+    return {
+      open: function open() {
+        return setVisible(true);
+      },
+      close: function close() {
+        return setVisible(false);
+      }
+    };
+  }, []);
+  var handleSelectSku = function handleSelectSku(_ref) {
+    var enableItemId = _ref.enableItemId,
+      enableSupplierName = _ref.enableSupplierName;
+    var newValue = {
+      shopId: shopId,
+      imgList: [_objectSpread2(_objectSpread2({}, imgList[0]), {}, {
+        supplierItemOuterId: enableItemId,
+        supplierName: enableSupplierName
+      })]
+    };
+    onChange(_objectSpread2({}, newValue));
+  };
+  var onSubmit = function onSubmit(list) {
+    var newValue = {
+      shopId: shopId,
+      imgList: _toConsumableArray(list)
+    };
+    onChange(_objectSpread2({}, newValue));
+    setVisible(false);
+    if (type === 4 && (enableItemId || enableSupplierName) && list.length > 0) {
+      var _skuRef$current;
+      (_skuRef$current = skuRef.current) === null || _skuRef$current === void 0 ? void 0 : _skuRef$current.open({
+        shopId: shopId,
+        numIids: list[0].numIid
+      });
+    }
+  };
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "goodsBox"
+  }, /*#__PURE__*/React__default['default'].createElement(GoodsModal$1, {
+    visible: visible,
+    onSubmit: onSubmit,
+    type: type,
+    imgList: imgList,
+    shopList: shopList,
+    shopId: shopId,
+    maxLength: maxLength,
+    onCancel: function onCancel() {
+      setVisible(false);
+    }
+  }), /*#__PURE__*/React__default['default'].createElement(Sku, {
+    handleOk: handleSelectSku,
+    ref: skuRef,
+    userNick: userNick
+  }));
+};
+var index = /*#__PURE__*/React.forwardRef(Goods$1);
+
+exports.Address = ApaasAddress;
+exports.AliPay = AliPay;
+exports.ApaasAddress = Province;
+exports.ApaasCascader = ApaasCascader;
+exports.ApaasCheckbox = ApaasCheckbox;
+exports.ApaasDate = ApaasDate;
+exports.ApaasHoc = withFormItem;
+exports.ApaasInput = ApaasInput;
+exports.ApaasInputNumber = ApaasInputNumber;
+exports.ApaasMultipleSelect = ApaasMultipleSelect;
+exports.ApaasRadio = ApaasRadio;
+exports.ApaasRate = ApaasRate;
+exports.ApaasSelect = ApaasSelect;
+exports.ApaasSlider = ApaasSlider;
+exports.ApaasTextArea = ApaasTextArea;
+exports.ApaasUpload = ApaasUpload;
+exports.ApaasUploadAsync = ApaasUploadAsync;
+exports.BuyerNick = BuyerNick;
+exports.ChooseBaby = ChooseBaby;
+exports.ExpressLogistics = ExpressLogistics;
+exports.Goods = Goods;
+exports.GoodsTable = index;
+exports.Invoice = Invoice;
+exports.JstGoods = jstGoods;
+exports.JstItemList = ItemList;
+exports.Payment = Payment;
+exports.Remark = RemarkInput;
+exports.ReturnLogistics = ExpressLogistics;
+exports.ShopName = ShopNameSelect;
+exports.Status = Status;
+exports.Supplier = Supplier;
+exports.TBGoodId = TBGoodId;
+exports.TBGoodSerial = TBGoodSerial;
+exports.TradeId = TradeId;