@bit-sun/business-component 1.1.2 → 1.1.6

package/dist/index.esm.js

@@ -0,0 +1,3397 @@
+import axios from 'axios';
+import React, { createContext, useContext, useEffect, forwardRef, createElement, useState } from 'react';
+import { message, Menu, Space, Dropdown, Tooltip, Button, Checkbox, Input, Modal, Select, Form, Divider, Spin, Table } from 'antd';
+import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
+import classNames from 'classnames';
+import _ from 'loadsh';
+import { useDebounceFn } from 'ahooks';
+import { stringify } from 'querystring';
+
+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 _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
+  return Constructor;
+}
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
+function _isNativeReflectConstruct() {
+  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+  if (Reflect.construct.sham) return false;
+  if (typeof Proxy === "function") return true;
+
+  try {
+    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+
+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 _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return self;
+}
+
+function _possibleConstructorReturn(self, call) {
+  if (call && (typeof call === "object" || typeof call === "function")) {
+    return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
+  }
+
+  return _assertThisInitialized(self);
+}
+
+function _createSuper(Derived) {
+  var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
+  return function _createSuperInternal() {
+    var Super = _getPrototypeOf(Derived),
+        result;
+
+    if (hasNativeReflectConstruct) {
+      var NewTarget = _getPrototypeOf(this).constructor;
+
+      result = Reflect.construct(Super, arguments, NewTarget);
+    } else {
+      result = Super.apply(this, arguments);
+    }
+
+    return _possibleConstructorReturn(this, result);
+  };
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+function _toArray(arr) {
+  return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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 _iterableToArrayLimit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+
+  if (_i == null) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+
+  var _s, _e;
+
+  try {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+
+  return _arr;
+}
+
+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.");
+}
+
+var IconContext = /*#__PURE__*/createContext({});
+
+function _defineProperty$1(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function ownKeys$1(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$1(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) {
+      _defineProperty$1(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+
+  return target;
+}
+
+function _arrayWithHoles$1(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit$1(arr, i) {
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+
+  if (_i == null) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+
+  var _s, _e;
+
+  try {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+
+  return _arr;
+}
+
+function _arrayLikeToArray$1(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 _unsupportedIterableToArray$1(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray$1(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$1(o, minLen);
+}
+
+function _nonIterableRest$1() {
+  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 _slicedToArray$1(arr, i) {
+  return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest$1();
+}
+
+function _objectWithoutPropertiesLoose$1(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$1(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose$1(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 _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+/**
+ * Take input from [0, n] and return it as [0, 1]
+ * @hidden
+ */
+function bound01(n, max) {
+    if (isOnePointZero(n)) {
+        n = '100%';
+    }
+    var isPercent = isPercentage(n);
+    n = max === 360 ? n : Math.min(max, Math.max(0, parseFloat(n)));
+    // Automatically convert percentage into number
+    if (isPercent) {
+        n = parseInt(String(n * max), 10) / 100;
+    }
+    // Handle floating point rounding errors
+    if (Math.abs(n - max) < 0.000001) {
+        return 1;
+    }
+    // Convert into [0, 1] range if it isn't already
+    if (max === 360) {
+        // If n is a hue given in degrees,
+        // wrap around out-of-range values into [0, 360] range
+        // then convert into [0, 1].
+        n = (n < 0 ? (n % max) + max : n % max) / parseFloat(String(max));
+    }
+    else {
+        // If n not a hue given in degrees
+        // Convert into [0, 1] range if it isn't already.
+        n = (n % max) / parseFloat(String(max));
+    }
+    return n;
+}
+/**
+ * Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1
+ * <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0>
+ * @hidden
+ */
+function isOnePointZero(n) {
+    return typeof n === 'string' && n.indexOf('.') !== -1 && parseFloat(n) === 1;
+}
+/**
+ * Check to see if string passed in is a percentage
+ * @hidden
+ */
+function isPercentage(n) {
+    return typeof n === 'string' && n.indexOf('%') !== -1;
+}
+/**
+ * Return a valid alpha value [0,1] with all invalid values being set to 1
+ * @hidden
+ */
+function boundAlpha(a) {
+    a = parseFloat(a);
+    if (isNaN(a) || a < 0 || a > 1) {
+        a = 1;
+    }
+    return a;
+}
+/**
+ * Replace a decimal with it's percentage value
+ * @hidden
+ */
+function convertToPercentage(n) {
+    if (n <= 1) {
+        return Number(n) * 100 + "%";
+    }
+    return n;
+}
+/**
+ * Force a hex value to have 2 characters
+ * @hidden
+ */
+function pad2(c) {
+    return c.length === 1 ? '0' + c : String(c);
+}
+
+// `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from:
+// <http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript>
+/**
+ * Handle bounds / percentage checking to conform to CSS color spec
+ * <http://www.w3.org/TR/css3-color/>
+ * *Assumes:* r, g, b in [0, 255] or [0, 1]
+ * *Returns:* { r, g, b } in [0, 255]
+ */
+function rgbToRgb(r, g, b) {
+    return {
+        r: bound01(r, 255) * 255,
+        g: bound01(g, 255) * 255,
+        b: bound01(b, 255) * 255,
+    };
+}
+function hue2rgb(p, q, t) {
+    if (t < 0) {
+        t += 1;
+    }
+    if (t > 1) {
+        t -= 1;
+    }
+    if (t < 1 / 6) {
+        return p + (q - p) * (6 * t);
+    }
+    if (t < 1 / 2) {
+        return q;
+    }
+    if (t < 2 / 3) {
+        return p + (q - p) * (2 / 3 - t) * 6;
+    }
+    return p;
+}
+/**
+ * Converts an HSL color value to RGB.
+ *
+ * *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100]
+ * *Returns:* { r, g, b } in the set [0, 255]
+ */
+function hslToRgb(h, s, l) {
+    var r;
+    var g;
+    var b;
+    h = bound01(h, 360);
+    s = bound01(s, 100);
+    l = bound01(l, 100);
+    if (s === 0) {
+        // achromatic
+        g = l;
+        b = l;
+        r = l;
+    }
+    else {
+        var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+        var p = 2 * l - q;
+        r = hue2rgb(p, q, h + 1 / 3);
+        g = hue2rgb(p, q, h);
+        b = hue2rgb(p, q, h - 1 / 3);
+    }
+    return { r: r * 255, g: g * 255, b: b * 255 };
+}
+/**
+ * Converts an RGB color value to HSV
+ *
+ * *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]
+ * *Returns:* { h, s, v } in [0,1]
+ */
+function rgbToHsv(r, g, b) {
+    r = bound01(r, 255);
+    g = bound01(g, 255);
+    b = bound01(b, 255);
+    var max = Math.max(r, g, b);
+    var min = Math.min(r, g, b);
+    var h = 0;
+    var v = max;
+    var d = max - min;
+    var s = max === 0 ? 0 : d / max;
+    if (max === min) {
+        h = 0; // achromatic
+    }
+    else {
+        switch (max) {
+            case r:
+                h = (g - b) / d + (g < b ? 6 : 0);
+                break;
+            case g:
+                h = (b - r) / d + 2;
+                break;
+            case b:
+                h = (r - g) / d + 4;
+                break;
+        }
+        h /= 6;
+    }
+    return { h: h, s: s, v: v };
+}
+/**
+ * Converts an HSV color value to RGB.
+ *
+ * *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]
+ * *Returns:* { r, g, b } in the set [0, 255]
+ */
+function hsvToRgb(h, s, v) {
+    h = bound01(h, 360) * 6;
+    s = bound01(s, 100);
+    v = bound01(v, 100);
+    var i = Math.floor(h);
+    var f = h - i;
+    var p = v * (1 - s);
+    var q = v * (1 - f * s);
+    var t = v * (1 - (1 - f) * s);
+    var mod = i % 6;
+    var r = [v, q, p, p, t, v][mod];
+    var g = [t, v, v, q, p, p][mod];
+    var b = [p, p, t, v, v, q][mod];
+    return { r: r * 255, g: g * 255, b: b * 255 };
+}
+/**
+ * Converts an RGB color to hex
+ *
+ * Assumes r, g, and b are contained in the set [0, 255]
+ * Returns a 3 or 6 character hex
+ */
+function rgbToHex(r, g, b, allow3Char) {
+    var hex = [
+        pad2(Math.round(r).toString(16)),
+        pad2(Math.round(g).toString(16)),
+        pad2(Math.round(b).toString(16)),
+    ];
+    // Return a 3 character hex if possible
+    if (allow3Char &&
+        hex[0].startsWith(hex[0].charAt(1)) &&
+        hex[1].startsWith(hex[1].charAt(1)) &&
+        hex[2].startsWith(hex[2].charAt(1))) {
+        return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
+    }
+    return hex.join('');
+}
+/** Converts a hex value to a decimal */
+function convertHexToDecimal(h) {
+    return parseIntFromHex(h) / 255;
+}
+/** Parse a base-16 hex value into a base-10 integer */
+function parseIntFromHex(val) {
+    return parseInt(val, 16);
+}
+
+// https://github.com/bahamas10/css-color-names/blob/master/css-color-names.json
+/**
+ * @hidden
+ */
+var names = {
+    aliceblue: '#f0f8ff',
+    antiquewhite: '#faebd7',
+    aqua: '#00ffff',
+    aquamarine: '#7fffd4',
+    azure: '#f0ffff',
+    beige: '#f5f5dc',
+    bisque: '#ffe4c4',
+    black: '#000000',
+    blanchedalmond: '#ffebcd',
+    blue: '#0000ff',
+    blueviolet: '#8a2be2',
+    brown: '#a52a2a',
+    burlywood: '#deb887',
+    cadetblue: '#5f9ea0',
+    chartreuse: '#7fff00',
+    chocolate: '#d2691e',
+    coral: '#ff7f50',
+    cornflowerblue: '#6495ed',
+    cornsilk: '#fff8dc',
+    crimson: '#dc143c',
+    cyan: '#00ffff',
+    darkblue: '#00008b',
+    darkcyan: '#008b8b',
+    darkgoldenrod: '#b8860b',
+    darkgray: '#a9a9a9',
+    darkgreen: '#006400',
+    darkgrey: '#a9a9a9',
+    darkkhaki: '#bdb76b',
+    darkmagenta: '#8b008b',
+    darkolivegreen: '#556b2f',
+    darkorange: '#ff8c00',
+    darkorchid: '#9932cc',
+    darkred: '#8b0000',
+    darksalmon: '#e9967a',
+    darkseagreen: '#8fbc8f',
+    darkslateblue: '#483d8b',
+    darkslategray: '#2f4f4f',
+    darkslategrey: '#2f4f4f',
+    darkturquoise: '#00ced1',
+    darkviolet: '#9400d3',
+    deeppink: '#ff1493',
+    deepskyblue: '#00bfff',
+    dimgray: '#696969',
+    dimgrey: '#696969',
+    dodgerblue: '#1e90ff',
+    firebrick: '#b22222',
+    floralwhite: '#fffaf0',
+    forestgreen: '#228b22',
+    fuchsia: '#ff00ff',
+    gainsboro: '#dcdcdc',
+    ghostwhite: '#f8f8ff',
+    goldenrod: '#daa520',
+    gold: '#ffd700',
+    gray: '#808080',
+    green: '#008000',
+    greenyellow: '#adff2f',
+    grey: '#808080',
+    honeydew: '#f0fff0',
+    hotpink: '#ff69b4',
+    indianred: '#cd5c5c',
+    indigo: '#4b0082',
+    ivory: '#fffff0',
+    khaki: '#f0e68c',
+    lavenderblush: '#fff0f5',
+    lavender: '#e6e6fa',
+    lawngreen: '#7cfc00',
+    lemonchiffon: '#fffacd',
+    lightblue: '#add8e6',
+    lightcoral: '#f08080',
+    lightcyan: '#e0ffff',
+    lightgoldenrodyellow: '#fafad2',
+    lightgray: '#d3d3d3',
+    lightgreen: '#90ee90',
+    lightgrey: '#d3d3d3',
+    lightpink: '#ffb6c1',
+    lightsalmon: '#ffa07a',
+    lightseagreen: '#20b2aa',
+    lightskyblue: '#87cefa',
+    lightslategray: '#778899',
+    lightslategrey: '#778899',
+    lightsteelblue: '#b0c4de',
+    lightyellow: '#ffffe0',
+    lime: '#00ff00',
+    limegreen: '#32cd32',
+    linen: '#faf0e6',
+    magenta: '#ff00ff',
+    maroon: '#800000',
+    mediumaquamarine: '#66cdaa',
+    mediumblue: '#0000cd',
+    mediumorchid: '#ba55d3',
+    mediumpurple: '#9370db',
+    mediumseagreen: '#3cb371',
+    mediumslateblue: '#7b68ee',
+    mediumspringgreen: '#00fa9a',
+    mediumturquoise: '#48d1cc',
+    mediumvioletred: '#c71585',
+    midnightblue: '#191970',
+    mintcream: '#f5fffa',
+    mistyrose: '#ffe4e1',
+    moccasin: '#ffe4b5',
+    navajowhite: '#ffdead',
+    navy: '#000080',
+    oldlace: '#fdf5e6',
+    olive: '#808000',
+    olivedrab: '#6b8e23',
+    orange: '#ffa500',
+    orangered: '#ff4500',
+    orchid: '#da70d6',
+    palegoldenrod: '#eee8aa',
+    palegreen: '#98fb98',
+    paleturquoise: '#afeeee',
+    palevioletred: '#db7093',
+    papayawhip: '#ffefd5',
+    peachpuff: '#ffdab9',
+    peru: '#cd853f',
+    pink: '#ffc0cb',
+    plum: '#dda0dd',
+    powderblue: '#b0e0e6',
+    purple: '#800080',
+    rebeccapurple: '#663399',
+    red: '#ff0000',
+    rosybrown: '#bc8f8f',
+    royalblue: '#4169e1',
+    saddlebrown: '#8b4513',
+    salmon: '#fa8072',
+    sandybrown: '#f4a460',
+    seagreen: '#2e8b57',
+    seashell: '#fff5ee',
+    sienna: '#a0522d',
+    silver: '#c0c0c0',
+    skyblue: '#87ceeb',
+    slateblue: '#6a5acd',
+    slategray: '#708090',
+    slategrey: '#708090',
+    snow: '#fffafa',
+    springgreen: '#00ff7f',
+    steelblue: '#4682b4',
+    tan: '#d2b48c',
+    teal: '#008080',
+    thistle: '#d8bfd8',
+    tomato: '#ff6347',
+    turquoise: '#40e0d0',
+    violet: '#ee82ee',
+    wheat: '#f5deb3',
+    white: '#ffffff',
+    whitesmoke: '#f5f5f5',
+    yellow: '#ffff00',
+    yellowgreen: '#9acd32',
+};
+
+/**
+ * Given a string or object, convert that input to RGB
+ *
+ * Possible string inputs:
+ * ```
+ * "red"
+ * "#f00" or "f00"
+ * "#ff0000" or "ff0000"
+ * "#ff000000" or "ff000000"
+ * "rgb 255 0 0" or "rgb (255, 0, 0)"
+ * "rgb 1.0 0 0" or "rgb (1, 0, 0)"
+ * "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1"
+ * "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1"
+ * "hsl(0, 100%, 50%)" or "hsl 0 100% 50%"
+ * "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1"
+ * "hsv(0, 100%, 100%)" or "hsv 0 100% 100%"
+ * ```
+ */
+function inputToRGB(color) {
+    var rgb = { r: 0, g: 0, b: 0 };
+    var a = 1;
+    var s = null;
+    var v = null;
+    var l = null;
+    var ok = false;
+    var format = false;
+    if (typeof color === 'string') {
+        color = stringInputToObject(color);
+    }
+    if (typeof color === 'object') {
+        if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
+            rgb = rgbToRgb(color.r, color.g, color.b);
+            ok = true;
+            format = String(color.r).substr(-1) === '%' ? 'prgb' : 'rgb';
+        }
+        else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
+            s = convertToPercentage(color.s);
+            v = convertToPercentage(color.v);
+            rgb = hsvToRgb(color.h, s, v);
+            ok = true;
+            format = 'hsv';
+        }
+        else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
+            s = convertToPercentage(color.s);
+            l = convertToPercentage(color.l);
+            rgb = hslToRgb(color.h, s, l);
+            ok = true;
+            format = 'hsl';
+        }
+        if (Object.prototype.hasOwnProperty.call(color, 'a')) {
+            a = color.a;
+        }
+    }
+    a = boundAlpha(a);
+    return {
+        ok: ok,
+        format: color.format || format,
+        r: Math.min(255, Math.max(rgb.r, 0)),
+        g: Math.min(255, Math.max(rgb.g, 0)),
+        b: Math.min(255, Math.max(rgb.b, 0)),
+        a: a,
+    };
+}
+// <http://www.w3.org/TR/css3-values/#integers>
+var CSS_INTEGER = '[-\\+]?\\d+%?';
+// <http://www.w3.org/TR/css3-values/#number-value>
+var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
+// Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
+var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+// Actual matching.
+// Parentheses and commas are optional, but not required.
+// Whitespace can take the place of commas or opening paren
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+var matchers = {
+    CSS_UNIT: new RegExp(CSS_UNIT),
+    rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
+    rgba: new RegExp('rgba' + PERMISSIVE_MATCH4),
+    hsl: new RegExp('hsl' + PERMISSIVE_MATCH3),
+    hsla: new RegExp('hsla' + PERMISSIVE_MATCH4),
+    hsv: new RegExp('hsv' + PERMISSIVE_MATCH3),
+    hsva: new RegExp('hsva' + PERMISSIVE_MATCH4),
+    hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+    hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
+    hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+    hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
+};
+/**
+ * Permissive string parsing.  Take in a number of formats, and output an object
+ * based on detected format.  Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}`
+ */
+function stringInputToObject(color) {
+    color = color.trim().toLowerCase();
+    if (color.length === 0) {
+        return false;
+    }
+    var named = false;
+    if (names[color]) {
+        color = names[color];
+        named = true;
+    }
+    else if (color === 'transparent') {
+        return { r: 0, g: 0, b: 0, a: 0, format: 'name' };
+    }
+    // Try to match string input using regular expressions.
+    // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360]
+    // Just return an object and let the conversion functions handle that.
+    // This way the result will be the same whether the tinycolor is initialized with string or object.
+    var match = matchers.rgb.exec(color);
+    if (match) {
+        return { r: match[1], g: match[2], b: match[3] };
+    }
+    match = matchers.rgba.exec(color);
+    if (match) {
+        return { r: match[1], g: match[2], b: match[3], a: match[4] };
+    }
+    match = matchers.hsl.exec(color);
+    if (match) {
+        return { h: match[1], s: match[2], l: match[3] };
+    }
+    match = matchers.hsla.exec(color);
+    if (match) {
+        return { h: match[1], s: match[2], l: match[3], a: match[4] };
+    }
+    match = matchers.hsv.exec(color);
+    if (match) {
+        return { h: match[1], s: match[2], v: match[3] };
+    }
+    match = matchers.hsva.exec(color);
+    if (match) {
+        return { h: match[1], s: match[2], v: match[3], a: match[4] };
+    }
+    match = matchers.hex8.exec(color);
+    if (match) {
+        return {
+            r: parseIntFromHex(match[1]),
+            g: parseIntFromHex(match[2]),
+            b: parseIntFromHex(match[3]),
+            a: convertHexToDecimal(match[4]),
+            format: named ? 'name' : 'hex8',
+        };
+    }
+    match = matchers.hex6.exec(color);
+    if (match) {
+        return {
+            r: parseIntFromHex(match[1]),
+            g: parseIntFromHex(match[2]),
+            b: parseIntFromHex(match[3]),
+            format: named ? 'name' : 'hex',
+        };
+    }
+    match = matchers.hex4.exec(color);
+    if (match) {
+        return {
+            r: parseIntFromHex(match[1] + match[1]),
+            g: parseIntFromHex(match[2] + match[2]),
+            b: parseIntFromHex(match[3] + match[3]),
+            a: convertHexToDecimal(match[4] + match[4]),
+            format: named ? 'name' : 'hex8',
+        };
+    }
+    match = matchers.hex3.exec(color);
+    if (match) {
+        return {
+            r: parseIntFromHex(match[1] + match[1]),
+            g: parseIntFromHex(match[2] + match[2]),
+            b: parseIntFromHex(match[3] + match[3]),
+            format: named ? 'name' : 'hex',
+        };
+    }
+    return false;
+}
+/**
+ * Check to see if it looks like a CSS unit
+ * (see `matchers` above for definition).
+ */
+function isValidCSSUnit(color) {
+    return Boolean(matchers.CSS_UNIT.exec(String(color)));
+}
+
+var hueStep = 2; // 色相阶梯
+
+var saturationStep = 0.16; // 饱和度阶梯，浅色部分
+
+var saturationStep2 = 0.05; // 饱和度阶梯，深色部分
+
+var brightnessStep1 = 0.05; // 亮度阶梯，浅色部分
+
+var brightnessStep2 = 0.15; // 亮度阶梯，深色部分
+
+var lightColorCount = 5; // 浅色数量，主色上
+
+var darkColorCount = 4; // 深色数量，主色下
+// 暗色主题颜色映射关系表
+
+var darkColorMap = [{
+  index: 7,
+  opacity: 0.15
+}, {
+  index: 6,
+  opacity: 0.25
+}, {
+  index: 5,
+  opacity: 0.3
+}, {
+  index: 5,
+  opacity: 0.45
+}, {
+  index: 5,
+  opacity: 0.65
+}, {
+  index: 5,
+  opacity: 0.85
+}, {
+  index: 4,
+  opacity: 0.9
+}, {
+  index: 3,
+  opacity: 0.95
+}, {
+  index: 2,
+  opacity: 0.97
+}, {
+  index: 1,
+  opacity: 0.98
+}]; // Wrapper function ported from TinyColor.prototype.toHsv
+// Keep it here because of `hsv.h * 360`
+
+function toHsv(_ref) {
+  var r = _ref.r,
+      g = _ref.g,
+      b = _ref.b;
+  var hsv = rgbToHsv(r, g, b);
+  return {
+    h: hsv.h * 360,
+    s: hsv.s,
+    v: hsv.v
+  };
+} // Wrapper function ported from TinyColor.prototype.toHexString
+// Keep it here because of the prefix `#`
+
+
+function toHex(_ref2) {
+  var r = _ref2.r,
+      g = _ref2.g,
+      b = _ref2.b;
+  return "#".concat(rgbToHex(r, g, b, false));
+} // Wrapper function ported from TinyColor.prototype.mix, not treeshakable.
+// Amount in range [0, 1]
+// Assume color1 & color2 has no alpha, since the following src code did so.
+
+
+function mix(rgb1, rgb2, amount) {
+  var p = amount / 100;
+  var rgb = {
+    r: (rgb2.r - rgb1.r) * p + rgb1.r,
+    g: (rgb2.g - rgb1.g) * p + rgb1.g,
+    b: (rgb2.b - rgb1.b) * p + rgb1.b
+  };
+  return rgb;
+}
+
+function getHue(hsv, i, light) {
+  var hue; // 根据色相不同，色相转向不同
+
+  if (Math.round(hsv.h) >= 60 && Math.round(hsv.h) <= 240) {
+    hue = light ? Math.round(hsv.h) - hueStep * i : Math.round(hsv.h) + hueStep * i;
+  } else {
+    hue = light ? Math.round(hsv.h) + hueStep * i : Math.round(hsv.h) - hueStep * i;
+  }
+
+  if (hue < 0) {
+    hue += 360;
+  } else if (hue >= 360) {
+    hue -= 360;
+  }
+
+  return hue;
+}
+
+function getSaturation(hsv, i, light) {
+  // grey color don't change saturation
+  if (hsv.h === 0 && hsv.s === 0) {
+    return hsv.s;
+  }
+
+  var saturation;
+
+  if (light) {
+    saturation = hsv.s - saturationStep * i;
+  } else if (i === darkColorCount) {
+    saturation = hsv.s + saturationStep;
+  } else {
+    saturation = hsv.s + saturationStep2 * i;
+  } // 边界值修正
+
+
+  if (saturation > 1) {
+    saturation = 1;
+  } // 第一格的 s 限制在 0.06-0.1 之间
+
+
+  if (light && i === lightColorCount && saturation > 0.1) {
+    saturation = 0.1;
+  }
+
+  if (saturation < 0.06) {
+    saturation = 0.06;
+  }
+
+  return Number(saturation.toFixed(2));
+}
+
+function getValue(hsv, i, light) {
+  var value;
+
+  if (light) {
+    value = hsv.v + brightnessStep1 * i;
+  } else {
+    value = hsv.v - brightnessStep2 * i;
+  }
+
+  if (value > 1) {
+    value = 1;
+  }
+
+  return Number(value.toFixed(2));
+}
+
+function generate(color) {
+  var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var patterns = [];
+  var pColor = inputToRGB(color);
+
+  for (var i = lightColorCount; i > 0; i -= 1) {
+    var hsv = toHsv(pColor);
+    var colorString = toHex(inputToRGB({
+      h: getHue(hsv, i, true),
+      s: getSaturation(hsv, i, true),
+      v: getValue(hsv, i, true)
+    }));
+    patterns.push(colorString);
+  }
+
+  patterns.push(toHex(pColor));
+
+  for (var _i = 1; _i <= darkColorCount; _i += 1) {
+    var _hsv = toHsv(pColor);
+
+    var _colorString = toHex(inputToRGB({
+      h: getHue(_hsv, _i),
+      s: getSaturation(_hsv, _i),
+      v: getValue(_hsv, _i)
+    }));
+
+    patterns.push(_colorString);
+  } // dark theme patterns
+
+
+  if (opts.theme === 'dark') {
+    return darkColorMap.map(function (_ref3) {
+      var index = _ref3.index,
+          opacity = _ref3.opacity;
+      var darkColorString = toHex(mix(inputToRGB(opts.backgroundColor || '#141414'), inputToRGB(patterns[index]), opacity * 100));
+      return darkColorString;
+    });
+  }
+
+  return patterns;
+}
+
+var presetPrimaryColors = {
+  red: '#F5222D',
+  volcano: '#FA541C',
+  orange: '#FA8C16',
+  gold: '#FAAD14',
+  yellow: '#FADB14',
+  lime: '#A0D911',
+  green: '#52C41A',
+  cyan: '#13C2C2',
+  blue: '#1890FF',
+  geekblue: '#2F54EB',
+  purple: '#722ED1',
+  magenta: '#EB2F96',
+  grey: '#666666'
+};
+var presetPalettes = {};
+var presetDarkPalettes = {};
+Object.keys(presetPrimaryColors).forEach(function (key) {
+  presetPalettes[key] = generate(presetPrimaryColors[key]);
+  presetPalettes[key].primary = presetPalettes[key][5]; // dark presetPalettes
+
+  presetDarkPalettes[key] = generate(presetPrimaryColors[key], {
+    theme: 'dark',
+    backgroundColor: '#141414'
+  });
+  presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
+});
+
+/* eslint-disable no-console */
+var warned = {};
+function warning(valid, message) {
+  // Support uglify
+  if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {
+    console.error("Warning: ".concat(message));
+  }
+}
+function call(method, valid, message) {
+  if (!valid && !warned[message]) {
+    method(false, message);
+    warned[message] = true;
+  }
+}
+function warningOnce(valid, message) {
+  call(warning, valid, message);
+}
+/* eslint-enable */
+
+function canUseDom() {
+  return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+}
+
+var MARK_KEY = "rc-util-key";
+
+function getContainer(option) {
+  if (option.attachTo) {
+    return option.attachTo;
+  }
+
+  var head = document.querySelector('head');
+  return head || document.body;
+}
+
+function injectCSS(css) {
+  var _option$csp;
+
+  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  if (!canUseDom()) {
+    return null;
+  }
+
+  var styleNode = document.createElement('style');
+
+  if ((_option$csp = option.csp) === null || _option$csp === void 0 ? void 0 : _option$csp.nonce) {
+    var _option$csp2;
+
+    styleNode.nonce = (_option$csp2 = option.csp) === null || _option$csp2 === void 0 ? void 0 : _option$csp2.nonce;
+  }
+
+  styleNode.innerHTML = css;
+  var container = getContainer(option);
+  var firstChild = container.firstChild;
+
+  if (option.prepend && container.prepend) {
+    // Use `prepend` first
+    container.prepend(styleNode);
+  } else if (option.prepend && firstChild) {
+    // Fallback to `insertBefore` like IE not support `prepend`
+    container.insertBefore(styleNode, firstChild);
+  } else {
+    container.appendChild(styleNode);
+  }
+
+  return styleNode;
+}
+var containerCache = new Map();
+function updateCSS(css, key) {
+  var option = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var container = getContainer(option); // Get real parent
+
+  if (!containerCache.has(container)) {
+    var placeholderStyle = injectCSS('', option);
+    var parentNode = placeholderStyle.parentNode;
+    containerCache.set(container, parentNode);
+    parentNode.removeChild(placeholderStyle);
+  }
+
+  var existNode = Array.from(containerCache.get(container).children).find(function (node) {
+    return node.tagName === 'STYLE' && node[MARK_KEY] === key;
+  });
+
+  if (existNode) {
+    var _option$csp3, _option$csp4;
+
+    if (((_option$csp3 = option.csp) === null || _option$csp3 === void 0 ? void 0 : _option$csp3.nonce) && existNode.nonce !== ((_option$csp4 = option.csp) === null || _option$csp4 === void 0 ? void 0 : _option$csp4.nonce)) {
+      var _option$csp5;
+
+      existNode.nonce = (_option$csp5 = option.csp) === null || _option$csp5 === void 0 ? void 0 : _option$csp5.nonce;
+    }
+
+    if (existNode.innerHTML !== css) {
+      existNode.innerHTML = css;
+    }
+
+    return existNode;
+  }
+
+  var newNode = injectCSS(css, option);
+  newNode[MARK_KEY] = key;
+  return newNode;
+}
+
+function warning$1(valid, message) {
+  warningOnce(valid, "[@ant-design/icons] ".concat(message));
+}
+function isIconDefinition(target) {
+  return _typeof(target) === 'object' && typeof target.name === 'string' && typeof target.theme === 'string' && (_typeof(target.icon) === 'object' || typeof target.icon === 'function');
+}
+function normalizeAttrs() {
+  var attrs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return Object.keys(attrs).reduce(function (acc, key) {
+    var val = attrs[key];
+
+    switch (key) {
+      case 'class':
+        acc.className = val;
+        delete acc.class;
+        break;
+
+      default:
+        acc[key] = val;
+    }
+
+    return acc;
+  }, {});
+}
+function generate$1(node, key, rootProps) {
+  if (!rootProps) {
+    return /*#__PURE__*/React.createElement(node.tag, _objectSpread2$1({
+      key: key
+    }, normalizeAttrs(node.attrs)), (node.children || []).map(function (child, index) {
+      return generate$1(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
+    }));
+  }
+
+  return /*#__PURE__*/React.createElement(node.tag, _objectSpread2$1(_objectSpread2$1({
+    key: key
+  }, normalizeAttrs(node.attrs)), rootProps), (node.children || []).map(function (child, index) {
+    return generate$1(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
+  }));
+}
+function getSecondaryColor(primaryColor) {
+  // choose the second color
+  return generate(primaryColor)[0];
+}
+function normalizeTwoToneColors(twoToneColor) {
+  if (!twoToneColor) {
+    return [];
+  }
+
+  return Array.isArray(twoToneColor) ? twoToneColor : [twoToneColor];
+} // These props make sure that the SVG behaviours like general text.
+var iconStyles = "\n.anticon {\n  display: inline-block;\n  color: inherit;\n  font-style: normal;\n  line-height: 0;\n  text-align: center;\n  text-transform: none;\n  vertical-align: -0.125em;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n  line-height: 1;\n}\n\n.anticon svg {\n  display: inline-block;\n}\n\n.anticon::before {\n  display: none;\n}\n\n.anticon .anticon-icon {\n  display: block;\n}\n\n.anticon[tabindex] {\n  cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n  display: inline-block;\n  -webkit-animation: loadingCircle 1s infinite linear;\n  animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n";
+var useInsertStyles = function useInsertStyles() {
+  var styleStr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : iconStyles;
+
+  var _useContext = useContext(IconContext),
+      csp = _useContext.csp;
+
+  useEffect(function () {
+    updateCSS(styleStr, '@ant-design-icons', {
+      prepend: true,
+      csp: csp
+    });
+  }, []);
+};
+
+var _excluded = ["icon", "className", "onClick", "style", "primaryColor", "secondaryColor"];
+var twoToneColorPalette = {
+  primaryColor: '#333',
+  secondaryColor: '#E6E6E6',
+  calculated: false
+};
+
+function setTwoToneColors(_ref) {
+  var primaryColor = _ref.primaryColor,
+      secondaryColor = _ref.secondaryColor;
+  twoToneColorPalette.primaryColor = primaryColor;
+  twoToneColorPalette.secondaryColor = secondaryColor || getSecondaryColor(primaryColor);
+  twoToneColorPalette.calculated = !!secondaryColor;
+}
+
+function getTwoToneColors() {
+  return _objectSpread2$1({}, twoToneColorPalette);
+}
+
+var IconBase = function IconBase(props) {
+  var icon = props.icon,
+      className = props.className,
+      onClick = props.onClick,
+      style = props.style,
+      primaryColor = props.primaryColor,
+      secondaryColor = props.secondaryColor,
+      restProps = _objectWithoutProperties$1(props, _excluded);
+
+  var colors = twoToneColorPalette;
+
+  if (primaryColor) {
+    colors = {
+      primaryColor: primaryColor,
+      secondaryColor: secondaryColor || getSecondaryColor(primaryColor)
+    };
+  }
+
+  useInsertStyles();
+  warning$1(isIconDefinition(icon), "icon should be icon definiton, but got ".concat(icon));
+
+  if (!isIconDefinition(icon)) {
+    return null;
+  }
+
+  var target = icon;
+
+  if (target && typeof target.icon === 'function') {
+    target = _objectSpread2$1(_objectSpread2$1({}, target), {}, {
+      icon: target.icon(colors.primaryColor, colors.secondaryColor)
+    });
+  }
+
+  return generate$1(target.icon, "svg-".concat(target.name), _objectSpread2$1({
+    className: className,
+    onClick: onClick,
+    style: style,
+    'data-icon': target.name,
+    width: '1em',
+    height: '1em',
+    fill: 'currentColor',
+    'aria-hidden': 'true'
+  }, restProps));
+};
+
+IconBase.displayName = 'IconReact';
+IconBase.getTwoToneColors = getTwoToneColors;
+IconBase.setTwoToneColors = setTwoToneColors;
+
+function setTwoToneColor(twoToneColor) {
+  var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor),
+      _normalizeTwoToneColo2 = _slicedToArray$1(_normalizeTwoToneColo, 2),
+      primaryColor = _normalizeTwoToneColo2[0],
+      secondaryColor = _normalizeTwoToneColo2[1];
+
+  return IconBase.setTwoToneColors({
+    primaryColor: primaryColor,
+    secondaryColor: secondaryColor
+  });
+}
+function getTwoToneColor() {
+  var colors = IconBase.getTwoToneColors();
+
+  if (!colors.calculated) {
+    return colors.primaryColor;
+  }
+
+  return [colors.primaryColor, colors.secondaryColor];
+}
+
+var _excluded$1 = ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"];
+// should move it to antd main repo?
+
+setTwoToneColor('#1890ff');
+var Icon = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _classNames;
+
+  var className = props.className,
+      icon = props.icon,
+      spin = props.spin,
+      rotate = props.rotate,
+      tabIndex = props.tabIndex,
+      onClick = props.onClick,
+      twoToneColor = props.twoToneColor,
+      restProps = _objectWithoutProperties$1(props, _excluded$1);
+
+  var _React$useContext = useContext(IconContext),
+      _React$useContext$pre = _React$useContext.prefixCls,
+      prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre;
+
+  var classString = classNames(prefixCls, (_classNames = {}, _defineProperty$1(_classNames, "".concat(prefixCls, "-").concat(icon.name), !!icon.name), _defineProperty$1(_classNames, "".concat(prefixCls, "-spin"), !!spin || icon.name === 'loading'), _classNames), className);
+  var iconTabIndex = tabIndex;
+
+  if (iconTabIndex === undefined && onClick) {
+    iconTabIndex = -1;
+  }
+
+  var svgStyle = rotate ? {
+    msTransform: "rotate(".concat(rotate, "deg)"),
+    transform: "rotate(".concat(rotate, "deg)")
+  } : undefined;
+
+  var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor),
+      _normalizeTwoToneColo2 = _slicedToArray$1(_normalizeTwoToneColo, 2),
+      primaryColor = _normalizeTwoToneColo2[0],
+      secondaryColor = _normalizeTwoToneColo2[1];
+
+  return /*#__PURE__*/createElement("span", _objectSpread2$1(_objectSpread2$1({
+    role: "img",
+    "aria-label": icon.name
+  }, restProps), {}, {
+    ref: ref,
+    tabIndex: iconTabIndex,
+    onClick: onClick,
+    className: classString
+  }), /*#__PURE__*/createElement(IconBase, {
+    icon: icon,
+    primaryColor: primaryColor,
+    secondaryColor: secondaryColor,
+    style: svgStyle
+  }));
+});
+Icon.displayName = 'AntdIcon';
+Icon.getTwoToneColor = getTwoToneColor;
+Icon.setTwoToneColor = setTwoToneColor;
+
+// This icon file is generated automatically.
+var CaretLeftOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M689 165.1L308.2 493.5c-10.9 9.4-10.9 27.5 0 37L689 858.9c14.2 12.2 35 1.2 35-18.5V183.6c0-19.7-20.8-30.7-35-18.5z" } }] }, "name": "caret-left", "theme": "outlined" };
+
+var CaretLeftOutlined$1 = function CaretLeftOutlined$1(props, ref) {
+  return /*#__PURE__*/createElement(Icon, _objectSpread2$1(_objectSpread2$1({}, props), {}, {
+    ref: ref,
+    icon: CaretLeftOutlined
+  }));
+};
+
+CaretLeftOutlined$1.displayName = 'CaretLeftOutlined';
+var CaretLeftOutlined$2 = /*#__PURE__*/forwardRef(CaretLeftOutlined$1);
+
+// This icon file is generated automatically.
+var CopyOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z" } }] }, "name": "copy", "theme": "outlined" };
+
+var CopyOutlined$1 = function CopyOutlined$1(props, ref) {
+  return /*#__PURE__*/createElement(Icon, _objectSpread2$1(_objectSpread2$1({}, props), {}, {
+    ref: ref,
+    icon: CopyOutlined
+  }));
+};
+
+CopyOutlined$1.displayName = 'CopyOutlined';
+var CopyOutlined$2 = /*#__PURE__*/forwardRef(CopyOutlined$1);
+
+// This icon file is generated automatically.
+var DownOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" } }] }, "name": "down", "theme": "outlined" };
+
+var DownOutlined$1 = function DownOutlined$1(props, ref) {
+  return /*#__PURE__*/createElement(Icon, _objectSpread2$1(_objectSpread2$1({}, props), {}, {
+    ref: ref,
+    icon: DownOutlined
+  }));
+};
+
+DownOutlined$1.displayName = 'DownOutlined';
+var DownOutlined$2 = /*#__PURE__*/forwardRef(DownOutlined$1);
+
+// This icon file is generated automatically.
+var ExclamationCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M464 688a48 48 0 1096 0 48 48 0 10-96 0zm24-112h48c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8z" } }] }, "name": "exclamation-circle", "theme": "outlined" };
+
+var ExclamationCircleOutlined$1 = function ExclamationCircleOutlined$1(props, ref) {
+  return /*#__PURE__*/createElement(Icon, _objectSpread2$1(_objectSpread2$1({}, props), {}, {
+    ref: ref,
+    icon: ExclamationCircleOutlined
+  }));
+};
+
+ExclamationCircleOutlined$1.displayName = 'ExclamationCircleOutlined';
+var ExclamationCircleOutlined$2 = /*#__PURE__*/forwardRef(ExclamationCircleOutlined$1);
+
+// This icon file is generated automatically.
+var ProfileTwoTone = { "icon": function render(primaryColor, secondaryColor) { return { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z", "fill": primaryColor } }, { "tag": "path", "attrs": { "d": "M184 840h656V184H184v656zm300-496c0-4.4 3.6-8 8-8h184c4.4 0 8 3.6 8 8v48c0 4.4-3.6 8-8 8H492c-4.4 0-8-3.6-8-8v-48zm0 144c0-4.4 3.6-8 8-8h184c4.4 0 8 3.6 8 8v48c0 4.4-3.6 8-8 8H492c-4.4 0-8-3.6-8-8v-48zm0 144c0-4.4 3.6-8 8-8h184c4.4 0 8 3.6 8 8v48c0 4.4-3.6 8-8 8H492c-4.4 0-8-3.6-8-8v-48zM380 328c22.1 0 40 17.9 40 40s-17.9 40-40 40-40-17.9-40-40 17.9-40 40-40zm0 144c22.1 0 40 17.9 40 40s-17.9 40-40 40-40-17.9-40-40 17.9-40 40-40zm0 144c22.1 0 40 17.9 40 40s-17.9 40-40 40-40-17.9-40-40 17.9-40 40-40z", "fill": secondaryColor } }, { "tag": "path", "attrs": { "d": "M340 656a40 40 0 1080 0 40 40 0 10-80 0zm0-144a40 40 0 1080 0 40 40 0 10-80 0zm0-144a40 40 0 1080 0 40 40 0 10-80 0zm152 320h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H492c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zm0-144h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H492c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zm0-144h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H492c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z", "fill": primaryColor } }] }; }, "name": "profile", "theme": "twotone" };
+
+var ProfileTwoTone$1 = function ProfileTwoTone$1(props, ref) {
+  return /*#__PURE__*/createElement(Icon, _objectSpread2$1(_objectSpread2$1({}, props), {}, {
+    ref: ref,
+    icon: ProfileTwoTone
+  }));
+};
+
+ProfileTwoTone$1.displayName = 'ProfileTwoTone';
+var ProfileTwoTone$2 = /*#__PURE__*/forwardRef(ProfileTwoTone$1);
+
+// This icon file is generated automatically.
+var SearchOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" } }] }, "name": "search", "theme": "outlined" };
+
+var SearchOutlined$1 = function SearchOutlined$1(props, ref) {
+  return /*#__PURE__*/createElement(Icon, _objectSpread2$1(_objectSpread2$1({}, props), {}, {
+    ref: ref,
+    icon: SearchOutlined
+  }));
+};
+
+SearchOutlined$1.displayName = 'SearchOutlined';
+var SearchOutlined$2 = /*#__PURE__*/forwardRef(SearchOutlined$1);
+
+// This icon file is generated automatically.
+var UnorderedListOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M912 192H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM104 228a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, "name": "unordered-list", "theme": "outlined" };
+
+var UnorderedListOutlined$1 = function UnorderedListOutlined$1(props, ref) {
+  return /*#__PURE__*/createElement(Icon, _objectSpread2$1(_objectSpread2$1({}, props), {}, {
+    ref: ref,
+    icon: UnorderedListOutlined
+  }));
+};
+
+UnorderedListOutlined$1.displayName = 'UnorderedListOutlined';
+var UnorderedListOutlined$2 = /*#__PURE__*/forwardRef(UnorderedListOutlined$1);
+
+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 = ".luckysheet {\n  overflow: hidden;\n}\n.luckysheet .luckysheet-work-area.luckysheet-noselected-text {\n  display: none;\n}\n.sheet_table_top {\n  height: 50px;\n  background: #f2f2f2;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 20px;\n  border: 1px solid #d8d8d8;\n}\n.sheet_table_top .menu_item_text {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.sheet_table_footer {\n  height: 50px;\n  background: #f2f2f2;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 20px;\n  border: 1px solid #d8d8d8;\n}\n.sheet_table_text {\n  color: #8f8f8f;\n}\n.sheet_table_dnd_text {\n  background: #f2f2f2;\n  border: 1px solid #d8d8d8;\n  display: inline-block;\n  width: 100px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n";
+styleInject(css_248z);
+
+var _excluded$2 = ["flag", "checkResults"],
+    _excluded2 = ["flag", "checkResults"];
+var luckysheet = window.luckysheet;
+var itemsTemp = []; // const mapping = [
+//   { "key": "skuCode", "name": "SKU编码", "rule": "skuCode"  },
+//   { "key": "quantity", "name": "数量", "rule": "quantity" },
+//   { "key": "price", "name": "单价", "rule": "price" }
+// ]
+
+var mapping = new Map([['skuCode', 'SKU编码'], ['quantity', '数量'], ['price', '单价'], ['regionCode', '库区'], ['checkQuantity', '实盘数量'], ['shareRatio', '共享比例']]); // for dnd
+
+
+var reorder = function reorder(list, startIndex, endIndex) {
+  var result = Array.from(list);
+
+  var _result$splice = result.splice(startIndex, 1),
+      _result$splice2 = _slicedToArray(_result$splice, 1),
+      removed = _result$splice2[0];
+
+  result.splice(endIndex, 0, removed);
+  return result;
+};
+
+var grid = 8;
+
+var getItemStyle = function getItemStyle(isDragging, draggableStyle) {
+  return _objectSpread2({
+    // some basic styles to make the items look a bit nicer
+    userSelect: 'none',
+    padding: "4px",
+    margin: "4px"
+  }, draggableStyle);
+};
+
+var getListStyle = function getListStyle(isDraggingOver) {
+  return {
+    background: isDraggingOver ? '#fff' : '#fff',
+    display: 'flex',
+    padding: grid,
+    overflow: 'auto'
+  };
+};
+
+var filterLetters = function filterLetters(i) {
+  if (i >= 0 && i <= 25) {
+    return String.fromCharCode(65 + i);
+  } else {
+    return undefined;
+  }
+};
+
+var DataValidation = /*#__PURE__*/function (_React$Component) {
+  _inherits(DataValidation, _React$Component);
+
+  var _super = _createSuper(DataValidation);
+
+  function DataValidation(props) {
+    var _this;
+
+    _classCallCheck(this, DataValidation);
+
+    _this = _super.call(this, props);
+
+    _this.getCount = function () {
+      var resultData = _this.state.resultData;
+      return {
+        total: resultData.length,
+        error: resultData.filter(function (item) {
+          return !item.flag;
+        }).length
+      };
+    };
+
+    _this.setConfig = function (data) {
+      var _ref;
+
+      var items = _this.state.items;
+      return {
+        container: 'luckysheet',
+        showtoolbar: false,
+        hook: {
+          columnTitleCellRenderBefore: function columnTitleCellRenderBefore(columnAbc, postion, ctx) {
+            if (columnAbc.name) {
+              var charCode = columnAbc.name.charCodeAt();
+
+              if (charCode - 65 <= items.length) {
+                columnAbc.name = itemsTemp[charCode - 65] ? itemsTemp[charCode - 65].content : '校验结果';
+              } else {
+                columnAbc.name = '';
+              }
+            }
+          },
+          cellRenderBefore: function cellRenderBefore(cell, postion, sheetFile, ctx) {
+            if (cell) {
+              cell.fs = 10;
+
+              if (typeof cell.v === 'string') {
+                cell.m = cell.v = cell.m.trim();
+              }
+
+              if (typeof cell.v === 'number') {
+                cell.v = cell.v.toString();
+                cell.m = cell.v;
+              }
+            } // console.log(postion);
+
+          },
+          cellAllRenderBefore: function cellAllRenderBefore(data, sheetFile, ctx) {
+            sheetFile.config.borderInfo = []; // console.info(data,sheetFile,ctx)
+          }
+        },
+        // showtoolbarConfig: {
+        //   undoRedo: true, //撤销重做，注意撤消重做是两个按钮，由这一个配置决定显示还是隐藏
+        //   paintFormat: false, //格式刷
+        //   currencyFormat: false, //货币格式
+        //   percentageFormat: false, //百分比格式
+        //   numberDecrease: false, // '减少小数位数'
+        //   numberIncrease: false, // '增加小数位数
+        //   moreFormats: false, // '更多格式'
+        //   font: true, // '字体'
+        //   fontSize: true, // '字号大小'
+        // },
+        data: [(_ref = {
+          name: 'Cell',
+          color: '',
+          index: 0,
+          status: 1,
+          order: 0,
+          hide: 0,
+          row: 36,
+          column: 18,
+          defaultRowHeight: 20,
+          defaultColWidth: 120,
+          config: {},
+          // celldata:
+          //   data && data.length !== 0 ? data : _.flattenDeep(Array.from({ length: 100 }).map((a, b) => Array.from({ length: 100 }).map((c, d) => ({
+          //     "r": b,
+          //     "c": d,
+          //     "v": { "ct": { "fa": "@", "t": "s" }, }
+          //   }))))
+          // ,
+          celldata: data && data.length !== 0 ? data : _.flattenDeep(Array.from({
+            length: 100
+          }).map(function (a, b) {
+            return Array.from({
+              length: 100
+            }).map(function (c, d) {
+              return {
+                "r": b,
+                "c": d,
+                "v": {
+                  "ct": {
+                    "fa": "@",
+                    "t": "s"
+                  }
+                }
+              };
+            });
+          })),
+          scrollLeft: 0,
+          // "scrollTop": 315, //上下滚动条位置
+          luckysheet_select_save: [],
+          calcChain: [],
+          isPivotTable: false,
+          pivotTable: {},
+          filter_select: {},
+          filter: null,
+          luckysheet_alternateformat_save: [],
+          luckysheet_alternateformat_save_modelCustom: [],
+          luckysheet_conditionformat_save: {},
+          frozen: {},
+          chart: [],
+          zoomRatio: 1,
+          image: [],
+          showGridLines: 1,
+          dataVerification: {}
+        }, _defineProperty(_ref, "luckysheet_alternateformat_save", [{
+          cellrange: {
+            //单元格范围
+            row: [0, 1000],
+            column: [0, 18]
+          },
+          format: {
+            head: {
+              //页眉颜色
+              fc: '#6aa84f',
+              bc: '#ffffff'
+            },
+            one: {
+              //第一种颜色
+              bc: '#ffffff'
+            },
+            two: {
+              //第二种颜色
+              bc: '#f2f4f5'
+            },
+            foot: {
+              //页脚颜色
+              fc: '#000',
+              bc: '#a5efcc'
+            }
+          },
+          hasRowHeader: false,
+          hasRowFooter: false //含有页脚
+
+        }]), _defineProperty(_ref, "luckysheet_alternateformat_save_modelCustom", [{
+          head: {
+            //页眉颜色
+            fc: '#6aa84f',
+            bc: '#ffffff'
+          },
+          one: {
+            //第一种颜色
+            fc: '#000',
+            bc: '#ffffff'
+          },
+          two: {
+            //第二种颜色
+            fc: '#000',
+            bc: '#e5fbee'
+          },
+          foot: {
+            //页脚颜色
+            fc: '#000',
+            bc: '#a5efcc'
+          }
+        }]), _ref)],
+        cellRightClickConfig: {
+          copy: false,
+          copyAs: false,
+          paste: false,
+          insertRow: false,
+          insertColumn: false,
+          // deleteRow: false, // 删除选中行
+          // deleteColumn: false, // 删除选中列
+          deleteCell: false,
+          hideRow: false,
+          hideColumn: false,
+          rowHeight: false,
+          columnWidth: false,
+          clear: false,
+          matrix: false,
+          sort: false,
+          filter: false,
+          chart: false,
+          image: false,
+          link: false,
+          data: false,
+          cellFormat: false // 设置单元格格式
+
+        },
+        showsheetbar: false,
+        optionstate: false,
+        showstatisticBarConfig: {
+          count: false,
+          view: false,
+          zoom: false // 缩放
+
+        },
+        column: 10,
+        columnHeaderHeight: 30,
+        lang: 'zh',
+        defaultFontSize: '10',
+        frozen: {
+          type: 'rangeBoth',
+          range: {
+            row_focus: 1,
+            column_focus: 1
+          }
+        }
+      };
+    };
+
+    _this.getValidateData = function () {
+      var resultData = _this.state.resultData;
+      return {
+        successData: resultData.filter(function (item) {
+          return item.flag;
+        }).map(function (_ref2) {
+          var flag = _ref2.flag,
+              checkResults = _ref2.checkResults,
+              item = _objectWithoutProperties(_ref2, _excluded$2);
+
+          return item;
+        }),
+        failData: resultData.filter(function (item) {
+          return !item.flag;
+        }).map(function (_ref3) {
+          var flag = _ref3.flag,
+              checkResults = _ref3.checkResults,
+              item = _objectWithoutProperties(_ref3, _excluded2);
+
+          return item;
+        })
+      };
+    };
+
+    _this.getData = function () {
+      console.time();
+      var sheetData = luckysheet.getSheetData();
+      var data = sheetData.filter(function (item) {
+        return item[0];
+      }).map(function (item) {
+        var obj = {};
+        item.slice(0, itemsTemp.length).map(function (innerItem, index) {
+          obj[_this.state.items[index].code] = innerItem && innerItem.v;
+        });
+        return obj;
+      });
+      return data;
+    };
+
+    _this.resetData = function () {
+      var _this$props = _this.props,
+          validDataUrl = _this$props.validDataUrl,
+          updateData = _this$props.updateData,
+          columns = _this$props.columns;
+
+      var resultData = _this.getData().filter(function (d) {
+        return _.compact(Object.values(d)).length;
+      });
+
+      axios.post(validDataUrl, {
+        columns: columns,
+        data: resultData
+      }).then(function (result) {
+        result = result.data;
+
+        if (result.status !== '0') {
+          message.error(result.msg);
+          return;
+        }
+
+        var items = _this.state.items;
+        var validIndex = items.length;
+        var res = result.data;
+        var sheetData = luckysheet.getSheetData();
+        sheetData.map(function (item, index) {
+          if (!res[index]) return item;
+
+          if (res[index].flag) {
+            item[validIndex] = _objectSpread2(_objectSpread2({}, item[validIndex]), {}, {
+              v: '通过',
+              m: '通过',
+              fc: 'green' //字体颜色为 "#990000"
+
+            });
+          } else {
+            item[validIndex] = _objectSpread2(_objectSpread2({}, item[validIndex]), {}, {
+              v: res[index].checkResults,
+              m: res[index].checkResults,
+              fc: 'red' //字体颜色为 "#990000"
+
+            });
+          }
+
+          item[validIndex].ct = {
+            fa: 'General',
+            t: 'g'
+          };
+        }); // sheetData.map((item, index) => {
+        //   luckysheet.setCellValue(index + 1, 4, 345)
+        // })
+
+        luckysheet.create(_this.setConfig(luckysheet.transToCellData(sheetData)));
+
+        _this.setState({
+          data: luckysheet.transToCellData(sheetData),
+          errorListCheck: false,
+          resultData: res
+        });
+
+        console.log(setExportData);
+        setExportData([123123]);
+      }).catch(function (err) {});
+    };
+
+    _this.filterData = function (type) {
+      var _this$state = _this.state,
+          showErrorData = _this$state.showErrorData,
+          data = _this$state.data,
+          resultData = _this$state.resultData;
+      var sheetData = luckysheet.transToData(data).filter(function (item, index) {
+        if (type === 'all') {
+          return false;
+        }
+
+        if (type === 'error') {
+          return item[itemsTemp.length] && item[itemsTemp.length].v === '通过';
+        }
+      });
+      luckysheet.create(_this.setConfig(luckysheet.transToCellData(sheetData)));
+
+      _this.setState({
+        data: luckysheet.transToCellData(sheetData),
+        errorListCheck: false,
+        resultData: type === 'all' ? [] : resultData.filter(function (item) {
+          return item.flag;
+        })
+      });
+    };
+
+    _this.toggleData = function () {
+      var _this$state2 = _this.state,
+          showErrorData = _this$state2.showErrorData,
+          data = _this$state2.data;
+
+      if (showErrorData) {
+        luckysheet.create(_this.setConfig(data));
+      } else {
+        var sheetData = luckysheet.getSheetData();
+        sheetData = sheetData.filter(function (item, index) {
+          return !item[itemsTemp.length] || item[itemsTemp.length].v !== '通过';
+        });
+        luckysheet.create(_this.setConfig(luckysheet.transToCellData(sheetData)));
+      }
+
+      _this.setState({
+        showErrorData: !showErrorData
+      });
+    };
+
+    _this.onChange = function (e) {
+      _this.setState({
+        radioValue: e.target.value
+      });
+
+      _this.toggleData();
+    };
+
+    _this.errorChange = function (e) {
+      _this.toggleData();
+
+      _this.setState({
+        errorListCheck: e.target.checked
+      });
+    };
+
+    _this.menuList = /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(Menu.Item, {
+      key: "1",
+      className: "sheet_table-menu_item_text"
+    }, /*#__PURE__*/React.createElement("a", {
+      onClick: function onClick() {
+        return _this.filterData('all');
+      }
+    }, "\u6E05\u7A7A\u5168\u90E8\u6570\u636E")), /*#__PURE__*/React.createElement(Menu.Divider, null), /*#__PURE__*/React.createElement(Menu.Item, {
+      key: "2",
+      className: "sheet_table-menu_item_text"
+    }, /*#__PURE__*/React.createElement("a", {
+      onClick: function onClick() {
+        return _this.filterData('error');
+      }
+    }, "\u4EC5\u6E05\u7A7A\u9519\u8BEF\u6570\u636E")));
+    _this.leftMenu = /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(Menu.Item, {
+      key: "3",
+      className: "sheet_table-menu_item_text"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "sheet_table_text"
+    }, "\u8BF7\u62D6\u52A8\u5B57\u6BB5\u6765\u5BF9\u5E94\u5217")), /*#__PURE__*/React.createElement(Menu.Divider, null), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DragDropContext, {
+      onDragEnd: function onDragEnd(e) {
+        return _this.onDragEnd(e);
+      }
+    }, /*#__PURE__*/React.createElement(Droppable, {
+      droppableId: "droppable",
+      direction: "vertical"
+    }, function (provided, snapshot) {
+      return /*#__PURE__*/React.createElement("div", _objectSpread2({
+        ref: provided.innerRef,
+        style: _objectSpread2(_objectSpread2({}, getListStyle(snapshot.isDraggingOver)), {}, {
+          flexDirection: 'column'
+        })
+      }, provided.droppableProps), _this.state.items.map(function (item, index) {
+        return /*#__PURE__*/React.createElement(Draggable, {
+          key: item.id,
+          draggableId: item.id,
+          index: index
+        }, function (provided, snapshot) {
+          return /*#__PURE__*/React.createElement("div", _objectSpread2(_objectSpread2(_objectSpread2({
+            ref: provided.innerRef
+          }, provided.draggableProps), provided.dragHandleProps), {}, {
+            style: getItemStyle(snapshot.isDragging, provided.draggableProps.style)
+          }), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement("span", null, filterLetters(index), " \u5217 "), /*#__PURE__*/React.createElement(Space, {
+            className: "sheet_table_dnd_text"
+          }, /*#__PURE__*/React.createElement(UnorderedListOutlined$2, null), item.content)));
+        });
+      }), provided.placeholder);
+    }))));
+
+    _this.props.onRef(_assertThisInitialized(_this));
+
+    itemsTemp = props.columns.map(function (item, index) {
+      if (!mapping.get(item)) throw Error("".concat(item, " is not in DataValidation component, please fix this error"));
+      return {
+        id: "item-0".concat(index),
+        content: mapping.get(item),
+        code: item,
+        "ct": {
+          "fa": "General",
+          "t": "s" //格式类型为数字类型
+
+        }
+      };
+    });
+    _this.state = {
+      showErrorData: false,
+      data: [],
+      items: _toConsumableArray(itemsTemp),
+      resultData: [],
+      errorListCheck: false
+    };
+    return _this;
+  }
+
+  _createClass(DataValidation, [{
+    key: "onDragEnd",
+    value: function onDragEnd(result) {
+      // dropped outside the list
+      if (!result.destination) {
+        return;
+      }
+
+      var items = reorder(this.state.items, result.source.index, result.destination.index);
+      this.setState({
+        items: items
+      });
+      itemsTemp = items;
+      luckysheet.refresh();
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      luckysheet.create(this.setConfig([]));
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      // luckysheet.create(this.setConfig([]));
+      luckysheet.destroy();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var errorListCheck = this.state.errorListCheck;
+      var title = this.props.title;
+      var totalSummary = this.getCount();
+      var luckyCss = {
+        margin: '0px',
+        padding: '0px',
+        position: 'absolute',
+        width: '100%',
+        height: '100%',
+        left: '0px',
+        top: '0px'
+      };
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: "sheet_table_top"
+      }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement("span", null, "\u6392\u5E8F\u5217"), /*#__PURE__*/React.createElement(Dropdown, {
+        trigger: ['click'],
+        overlay: this.leftMenu,
+        placement: "bottomLeft"
+      }, /*#__PURE__*/React.createElement("a", null, /*#__PURE__*/React.createElement(ProfileTwoTone$2, null))), /*#__PURE__*/React.createElement(Tooltip, {
+        title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, "\u4F7F\u7528\u6307\u5357\uFF1A"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("span", null, "1\u3001\u62D6\u52A8\u6570\u636E\u9879\uFF0C\u4EE5\u9002\u914D\u6E90\u6570\u636E\u7684\u987A\u5E8F\uFF0C\u5982\u60A8Excel\u4E2D\u6570\u636E\u6392\u5E8F\u4F9D\u6B21\u4E3A\u7F16\u7801\u3001\u4EF7\u683C\u548C\u6570\u91CF\uFF0C\u5219\u60A8\u4E5F\u53EF\u4EE5\u5C06\u6570\u636E\u9879\u7684\u987A\u5E8F\u8C03\u6574\u4E3A\u4E00\u81F4"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("span", null, "2\u3001\u590D\u5236\u6587\u4EF6\u6570\u636E\uFF08\u591A\u5217\u4E00\u8D77\uFF09\uFF0C\u5728\u6587\u672C\u6846\u5185\u8FDB\u884C\u7C98\u8D34"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("span", null, "3\u3001\u70B9\u51FB\u8BC6\u522B\u6309\u94AE\u8FDB\u884C\u6570\u636E\u6821\u9A8C\uFF0C\u5982\u5168\u90E8\u6B63\u786E\uFF0C\u5219\u70B9\u51FB\u5F55\u5165\u6309\u94AE\u53EF\u5F55\u5165\u6570\u636E\uFF0C\u5982\u5B58\u5728\u9519\u8BEF\u6570\u636E\uFF0C\u5219\u9700\u4FEE\u6539\u540E\u518D\u8FDB\u884C\u5F55\u5165"))
+      }, /*#__PURE__*/React.createElement(ExclamationCircleOutlined$2, null))), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Dropdown, {
+        trigger: ['click'],
+        overlay: this.menuList,
+        placement: "bottomRight"
+      }, /*#__PURE__*/React.createElement(Button, null, "\u6E05\u7A7A", /*#__PURE__*/React.createElement(DownOutlined$2, null))), /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        onClick: this.resetData
+      }, "\u8BC6\u522B"))), /*#__PURE__*/React.createElement("div", {
+        style: {
+          position: 'relative',
+          height: '400px'
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        id: "luckysheet",
+        style: luckyCss
+      })), /*#__PURE__*/React.createElement("div", {
+        className: "sheet_table_footer"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "sheet_table_footer_l"
+      }, "\u5171 ", totalSummary.total, " \u6761\u6570\u636E, \u5176\u4E2D\u9519\u8BEF ", totalSummary.error, " \u9879"), /*#__PURE__*/React.createElement(Space, {
+        className: "sheet_table_footer_r"
+      }, /*#__PURE__*/React.createElement(Checkbox, {
+        checked: errorListCheck,
+        onClick: this.errorChange
+      }), "\u4EC5\u5C55\u793A\u9519\u8BEF\u6570\u636E")));
+    }
+  }]);
+
+  return DataValidation;
+}(React.Component);
+
+var css_248z$1 = ".query_input_show {\n  display: flex;\n}\n.query_input_expand_button {\n  position: relative;\n  width: 30px;\n  color: #ffffff;\n  cursor: pointer;\n}\n.query_input_expand_button span {\n  position: absolute;\n  height: 20px;\n  line-height: 14px;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.query_input_wrapper {\n  display: flex;\n}\n.query_input_wrapper_left {\n  width: 100px;\n}\n.query_input_wrapper_right {\n  color: #9e9e9e;\n}\n.query_input_textArea {\n  margin-top: 15px;\n}\n";
+styleInject(css_248z$1);
+
+var QueryMutipleInput = function QueryMutipleInput(_ref) {
+  var onValueChange = _ref.onValueChange;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isModalVisible = _useState2[0],
+      setIsModalVisible = _useState2[1];
+
+  var _useState3 = useState(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      value = _useState4[0],
+      setValue = _useState4[1];
+
+  var _useState5 = useState(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      popvalue = _useState6[0],
+      setPopValue = _useState6[1];
+
+  var _useDebounceFn = useDebounceFn(function () {
+    formaData(value);
+  }, {
+    wait: 1000
+  }),
+      run = _useDebounceFn.run;
+
+  useEffect(function () {
+    setPopValue(value);
+    onValueChange(value);
+  }, [value]);
+
+  var showModal = function showModal() {
+    setIsModalVisible(true);
+  };
+
+  var handleOk = function handleOk() {
+    formaData(popvalue);
+    setIsModalVisible(false);
+  };
+
+  var formaData = function formaData(value) {
+    var formatValue = ToCDB(value).split(/[/\n/\s,;]/).filter(function (item) {
+      return item;
+    }).join(',');
+    setValue(formatValue);
+  };
+
+  var handleCancel = function handleCancel() {
+    setIsModalVisible(false);
+  };
+
+  var outerChange = function outerChange(e) {
+    setValue(e.target.value);
+    run();
+  };
+
+  var onChange = function onChange(e) {
+    setPopValue(e.target.value);
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'query_input'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "query_input_show"
+  }, /*#__PURE__*/React.createElement(Input, {
+    value: value,
+    onChange: outerChange,
+    onBlur: function onBlur(e) {
+      formaData(e.target.value);
+    },
+    onPaste: function onPaste(e) {
+      formaData(e.clipboardData.getData('text'));
+      e.preventDefault();
+    },
+    style: {
+      width: 'calc(100% - 30px)'
+    },
+    placeholder: "\u8BF7\u8F93\u5165\uFF08\u67E5\u8BE2\u591A\u4E2A\u503C\u8BF7\u7528 ; \u6216 , \u5206\u5272\uFF09"
+  }), /*#__PURE__*/React.createElement(Button, {
+    style: {
+      width: '30px',
+      padding: '2px',
+      height: 'auto'
+    },
+    onClick: showModal,
+    type: "primary"
+  }, "...")), /*#__PURE__*/React.createElement(Modal, {
+    width: 600,
+    title: "\u591A\u503C\u5F55\u5165",
+    visible: isModalVisible,
+    onOk: handleOk,
+    onCancel: handleCancel,
+    footer: [/*#__PURE__*/React.createElement(Button, {
+      key: "back",
+      onClick: handleCancel
+    }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+      key: "submit",
+      type: "primary",
+      onClick: handleOk
+    }, "\u5F55\u5165")]
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'query_input_wrapper'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'query_input_wrapper_left'
+  }, "\u5F55\u5165\u533A\uFF1A"), /*#__PURE__*/React.createElement("div", {
+    className: 'query_input_wrapper_right'
+  }, /*#__PURE__*/React.createElement("div", null, "\u5982\u9700\u540C\u65F6\u4F7F\u7528\u591A\u4E2A\u503C\u8FDB\u884C\u67E5\u8BE2\uFF0C\u8BF7\u4F7F\u7528\u9017\u53F7\u3001\u5206\u53F7\u3001\u7A7A\u683C\u6216\u6362\u884C\u8FDB\u884C\u503C\u7684\u5206\u9694\uFF0C\u4E2D\u82F1\u6587\u683C\u5F0F\u7684\u7B26\u53F7\u5747\u652F\u6301"), /*#__PURE__*/React.createElement("div", {
+    className: 'query_input_textArea'
+  }, /*#__PURE__*/React.createElement(Input.TextArea, {
+    value: popvalue,
+    onChange: onChange,
+    rows: 6,
+    showCount: true
+  }))))));
+};
+
+function ToCDB(str) {
+  var tmp = '';
+
+  for (var i = 0; i < str.length; i++) {
+    if (str.charCodeAt(i) > 65248 && str.charCodeAt(i) < 65375) {
+      tmp += String.fromCharCode(str.charCodeAt(i) - 65248);
+    } else {
+      tmp += String.fromCharCode(str.charCodeAt(i));
+    }
+  }
+
+  return tmp;
+}
+
+/*
+ * @Description:
+ * @Author: rodchen
+ * @Date: 2022-01-14 14:12:01
+ * @LastEditTime: 2022-01-14 17:17:26
+ * @LastEditors: rodchen
+ */
+var index = (function (storageKeyString) {
+  var seconds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+  var tipsCallFunction = arguments.length > 2 ? arguments[2] : undefined;
+  if (typeof seconds !== 'number') throw new Error('seconds should be number');
+  var cacheValue = getStorageVale(storageKeyString);
+
+  if (document.hidden !== undefined) {
+    document.addEventListener('visibilitychange', function () {
+      if (!document.hidden) {
+        var currentValue = getStorageVale(storageKeyString);
+
+        if (currentValue !== cacheValue) {
+          if (tipsCallFunction && typeof tipsCallFunction === 'function') {
+            tipsCallFunction();
+          } else {
+            window.alert('检测新用户登录，当前页面会在2s之后刷新!');
+          }
+
+          setTimeout(function () {
+            window.location.reload();
+          }, seconds * 1000);
+        }
+      }
+    });
+  }
+});
+
+function getStorageVale(storageKeyString) {
+  var _storageKeyString$spl = storageKeyString.split('.'),
+      _storageKeyString$spl2 = _toArray(_storageKeyString$spl),
+      localstorage = _storageKeyString$spl2[0],
+      restKeyArrays = _storageKeyString$spl2.slice(1);
+
+  var localStorageInfo = window.localStorage.getItem(localstorage);
+  if (!restKeyArrays.length) return localStorageInfo;
+  var returnVal = JSON.parse(localStorageInfo || '{}');
+
+  for (var i = 0; i < restKeyArrays.length; i++) {
+    returnVal = returnVal[restKeyArrays[i]];
+    if (!returnVal) return '';
+
+    if (typeof returnVal === 'string') {
+      return returnVal;
+    }
+  }
+
+  return "";
+}
+
+var css_248z$2 = ".search_select_show {\n  display: flex;\n}\n.search_select_expand_button {\n  position: relative;\n  width: 30px;\n  color: #ffffff;\n  cursor: pointer;\n}\n.search_select_expand_button span {\n  position: absolute;\n  height: 20px;\n  line-height: 14px;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.search_select_wrapper {\n  position: relative;\n  display: flex;\n  min-height: 60vh;\n  max-height: 60vh;\n  overflow: hidden;\n  font-size: 14px;\n}\n.search_select_wrapper_click_flag {\n  position: absolute;\n  z-index: 10;\n}\n.search_select_wrapper_click_flag_arrow {\n  transform: rotate(0deg);\n  transition: transform 0.5s;\n}\n.search_select_wrapper_click_flag_arrow_1 {\n  transform: rotate(-180deg);\n  transition: transform 0.5s;\n}\n.search_select_wrapper_left {\n  width: 28%;\n  overflow-y: hidden;\n  transition: all 0.3s;\n  margin-left: 20px;\n}\n.search_select_wrapper_left1 {\n  width: 0;\n  height: 0;\n  transition: all 0.3s;\n  display: none;\n}\n.search_select_wrapper_right {\n  width: 70%;\n  margin-left: 1%;\n}\n.search_select_wrapper_right1 {\n  width: 100%;\n  margin-left: 20px;\n}\n.search_select_wrapper_right,\n.search_select_wrapper _right1 {\n  overflow-x: auto;\n}\n.search_select_wrapper .select_list_columns {\n  width: 100%;\n  height: calc(60vh - 60px);\n  overflow-y: auto;\n  border: 1px solid #d8d8d8;\n}\n.search_select_wrapper .select_list_columns_tips {\n  background: #eee;\n  padding: 6px 20px;\n  margin-bottom: 10px;\n}\n.search_select_wrapper .select_list_columns_formItems {\n  padding: 0 20px;\n}\n.search_select_wrapper .select_list_searchButton {\n  display: flex;\n  margin: 10px 0px;\n  justify-content: flex-end;\n}\n.search_select_wrapper .select_list_button_space {\n  margin-right: 10px;\n}\n.search_select_wrapper .select_list_selectTips {\n  display: flex;\n  justify-content: space-between;\n  height: 34px;\n  line-height: 32px;\n  background-color: #eee;\n  margin-bottom: 10px;\n  padding: 0 12px;\n}\n.search_select_wrapper .select_list_selectAll {\n  position: relative;\n  top: -40px;\n  left: 20px;\n  width: 160px;\n}\n";
+styleInject(css_248z$2);
+
+var Option = Select.Option;
+
+var SearchSelect = function SearchSelect(props) {
+  var value = props.value,
+      onChange = props.onChange,
+      _props$selectProps = props.selectProps,
+      selectProps = _props$selectProps === void 0 ? {} : _props$selectProps,
+      _props$modalTableProp = props.modalTableProps,
+      modalTableProps = _props$modalTableProp === void 0 ? {} : _props$modalTableProp,
+      _props$labelInValue = props.labelInValue,
+      labelInValue = _props$labelInValue === void 0 ? false : _props$labelInValue,
+      requestConfig = props.requestConfig,
+      ctx = props.ctx;
+  var selectMode = selectProps === null || selectProps === void 0 ? void 0 : selectProps.mode; // 设定当前选择器 为单选或者多选模式 无设定为单选模式（默认）
+
+  var initVal = value || (selectMode ? [] : null);
+  var pageSize = 100; // 下拉框默认分页 条数
+
+  var tableInitPageSize = 10; // 弹框默认分页 条数
+
+  var currentPage = 1;
+  var selectParamsKey = (requestConfig === null || requestConfig === void 0 ? void 0 : requestConfig.filter) || 'qp-codeAndName-like';
+
+  var currentSelectProps = _objectSpread2(_objectSpread2({}, selectProps), {}, {
+    // 以下属性不可更改----设计配置项
+    showSearch: false,
+    filterOption: false,
+    allowClear: true,
+    listHeight: 160,
+    optionLabelProp: "label",
+    autoClearSearchValue: false
+  });
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      items = _useState2[0],
+      setItems = _useState2[1];
+
+  var _useState3 = useState(1),
+      _useState4 = _slicedToArray(_useState3, 2),
+      scrollPage = _useState4[0],
+      setScrollPage = _useState4[1];
+
+  var _useState5 = useState(0),
+      _useState6 = _slicedToArray(_useState5, 2),
+      itemsTotal = _useState6[0],
+      setItemsTotal = _useState6[1];
+
+  var _useState7 = useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      fetching = _useState8[0],
+      setFetching = _useState8[1];
+
+  var _useState9 = useState(''),
+      _useState10 = _slicedToArray(_useState9, 2),
+      searchValue = _useState10[0],
+      setSearchValue = _useState10[1];
+
+  var _useState11 = useState(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      isModalVisible = _useState12[0],
+      setIsModalVisible = _useState12[1];
+
+  var _useState13 = useState(initVal),
+      _useState14 = _slicedToArray(_useState13, 2),
+      popvalue = _useState14[0],
+      setPopValue = _useState14[1];
+
+  var _useDebounceFn = useDebounceFn(function () {
+    // 防抖函数  待定
+    getData(_defineProperty({}, selectParamsKey, searchValue));
+  }, {
+    wait: 1000
+  }),
+      run = _useDebounceFn.run;
+
+  var _Form$useForm = Form.useForm(),
+      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+      form = _Form$useForm2[0];
+
+  var _useState15 = useState(true),
+      _useState16 = _slicedToArray(_useState15, 2),
+      caretLeftFlag = _useState16[0],
+      setCaretLeftFlag = _useState16[1];
+
+  var _useState17 = useState([]),
+      _useState18 = _slicedToArray(_useState17, 2),
+      tableData = _useState18[0],
+      setTableData = _useState18[1];
+
+  var _useState19 = useState({
+    showQuickJumper: true,
+    total: 0,
+    current: 1,
+    pageSize: tableInitPageSize
+  }),
+      _useState20 = _slicedToArray(_useState19, 2),
+      tablePagination = _useState20[0],
+      setTablePagination = _useState20[1];
+
+  var _useState21 = useState([]),
+      _useState22 = _slicedToArray(_useState21, 2),
+      selectedRowKeys = _useState22[0],
+      setSelectedRowKeys = _useState22[1];
+
+  var _useState23 = useState([]),
+      _useState24 = _slicedToArray(_useState23, 2),
+      selectedRows = _useState24[0],
+      setSelectedRows = _useState24[1];
+
+  var _useState25 = useState([]),
+      _useState26 = _slicedToArray(_useState25, 2),
+      doubleArr = _useState26[0],
+      setDoubleArr = _useState26[1]; // 存放双数组的数组
+
+
+  var _useState27 = useState([]),
+      _useState28 = _slicedToArray(_useState27, 2),
+      filterRows = _useState28[0],
+      setFilterRows = _useState28[1]; // 存放拼接后的一维数组的变量
+
+
+  var _useState29 = useState(false),
+      _useState30 = _slicedToArray(_useState29, 2),
+      checkedAll = _useState30[0],
+      setCheckedAll = _useState30[1];
+
+  var _useState31 = useState(false),
+      _useState32 = _slicedToArray(_useState31, 2),
+      indeterminate = _useState32[0],
+      setIndeterminate = _useState32[1]; // 获取数据源 （type: 1下拉框 2弹框  不传值默认为下拉框）
+
+
+  var getData = function getData() {
+    var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+    if (!requestConfig) return;
+    var url = requestConfig.url,
+        otherParams = requestConfig.otherParams,
+        isMap = requestConfig.isMap;
+    setFetching(true); // 处理dependence参数
+
+    var fixedParam = {};
+
+    if (requestConfig.fixedparameter && requestConfig.fieldValToParam && ctx) {
+      requestConfig.fixedparameter.forEach(function (item, index) {
+        var fixedParamVal = ctx.form.getFieldValue(requestConfig.fieldValToParam[index]);
+
+        if (fixedParamVal) {
+          fixedParam[item] = fixedParamVal;
+        }
+      });
+    }
+
+    var queryParams = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
+      pageSize: pageSize,
+      currentPage: currentPage
+    }, otherParams), fixedParam), params), {}, {
+      sorter: 'desc-createTime'
+    });
+
+    axios.get("".concat(url, "?").concat(stringify(queryParams))).then(function (result) {
+      setFetching(false);
+      result = result.data;
+
+      if (result.status !== '0') {
+        message.error(result.msg);
+        return;
+      }
+
+      var res = result.data;
+      var source = [];
+
+      if (isMap) {
+        source = Object.keys(res).map(function (d, i) {
+          return {
+            text: Object.values(res)[i],
+            value: d
+          };
+        });
+      } else {
+        var keys = res.list ? 'list' : 'items';
+        source = res ? res[keys] ? res[keys].map(function (item) {
+          return _objectSpread2(_objectSpread2({}, item), {}, {
+            text: requestConfig.splicing ? "".concat(item[requestConfig === null || requestConfig === void 0 ? void 0 : requestConfig.mappingValueField], "-").concat(item[requestConfig.mappingTextField]) : item[requestConfig === null || requestConfig === void 0 ? void 0 : requestConfig.mappingTextField],
+            value: item[requestConfig.mappingValueField]
+          });
+        }) : Array.isArray(res) && (res === null || res === void 0 ? void 0 : res.map(function (item) {
+          return _objectSpread2(_objectSpread2({}, item), {}, {
+            text: requestConfig.splicing ? "".concat(item[requestConfig === null || requestConfig === void 0 ? void 0 : requestConfig.mappingValueField], "-").concat(item[requestConfig.mappingTextField]) : item[requestConfig === null || requestConfig === void 0 ? void 0 : requestConfig.mappingTextField],
+            value: item[requestConfig.mappingValueField]
+          });
+        })) : [];
+      }
+
+      source = Array.isArray(source) ? source : [];
+
+      if (type === 1) {
+        var _ctx$form;
+
+        ctx === null || ctx === void 0 ? void 0 : (_ctx$form = ctx.form) === null || _ctx$form === void 0 ? void 0 : _ctx$form.setFieldSource('supplierCode', source);
+        setItems(source);
+        setItemsTotal(Number(res === null || res === void 0 ? void 0 : res.total));
+      } else {
+        setTableData(source);
+        setTablePagination(_objectSpread2(_objectSpread2({}, tablePagination), {}, {
+          total: Number(res === null || res === void 0 ? void 0 : res.total),
+          pageSize: Number(res === null || res === void 0 ? void 0 : res.size),
+          current: Number(res === null || res === void 0 ? void 0 : res.page)
+        }));
+      }
+    }).catch(function (err) {
+      setFetching(false);
+    });
+  };
+
+  var SelectScroll = function SelectScroll(e) {
+    e.persist();
+    var target = e.target;
+    var totalPage = Math.ceil(itemsTotal / pageSize); // 判断是否滑动到底部
+
+    var isTouchGround = target.scrollTop + target.offsetHeight === target.scrollHeight; // 判断数据是否还没有加载到了最后一页
+
+    var canPageAdd = scrollPage < totalPage;
+
+    if (isTouchGround && canPageAdd) {
+      var nextScrollPage = scrollPage + 1;
+      setScrollPage(nextScrollPage);
+      getData({
+        currentPage: nextScrollPage
+      }); // 调用api方法
+    }
+  };
+
+  useEffect(function () {
+    getData();
+  }, []);
+  useEffect(function () {
+    if (value) {
+      setPopValue(value);
+      onChange(value);
+    }
+  }, [value]);
+
+  var showModal = function showModal() {
+    getData({
+      pageSize: tableInitPageSize,
+      currentPage: 1
+    }, 2);
+    setIsModalVisible(true); // 回显
+
+    if (value) {
+      if (selectMode) {
+        setSelectedRowKeys(labelInValue ? value.map(function (i) {
+          return i.key;
+        }) : value);
+        setSelectedRows(labelInValue ? value.map(function (i) {
+          return {
+            value: i.key,
+            text: i.label
+          };
+        }) : value.map(function (i) {
+          return {
+            value: i
+          };
+        }));
+        setPopValue(labelInValue ? value.map(function (i) {
+          return {
+            value: i.key,
+            text: i.label
+          };
+        }) : value.map(function (i) {
+          return {
+            value: i
+          };
+        }));
+        setIndeterminate(!!value.length && value.length < itemsTotal);
+        setCheckedAll(value.length === itemsTotal);
+      } else {
+        setSelectedRowKeys(labelInValue ? [value.key] : [value]);
+        setSelectedRows(labelInValue ? [{
+          value: value.key,
+          text: value.label
+        }] : [{
+          value: value.key
+        }]);
+        setPopValue(labelInValue ? [{
+          value: value.key,
+          text: value.label
+        }] : [{
+          value: value.key
+        }]);
+      }
+    }
+  };
+
+  var handleOk = function handleOk() {
+    if (popvalue === null || popvalue === void 0 ? void 0 : popvalue.length) {
+      formaData(popvalue);
+    }
+
+    setIsModalVisible(false);
+  };
+
+  var formaData = function formaData(value) {
+    if (labelInValue) {
+      var formatResult = value.map(function (i) {
+        return {
+          key: i.code,
+          label: i.name,
+          value: i.code
+        };
+      });
+      onChange(selectMode ? formatResult : formatResult[0]);
+    } else {
+      var _formatResult = selectMode ? value.map(function (i) {
+        return i.value;
+      }) : _.get(value[0], 'value');
+
+      onChange(_formatResult);
+    }
+  };
+
+  var handleCancel = function handleCancel() {
+    setIsModalVisible(false);
+  };
+
+  var onSearchChange = function onSearchChange(e) {
+    setSearchValue(e.target.value);
+    run();
+  };
+
+  var onSearchBlur = function onSearchBlur() {
+    setSearchValue('');
+    run();
+  };
+
+  var onSearchTable = function onSearchTable() {
+    var params = form.getFieldsValue();
+    getData(_objectSpread2(_objectSpread2({}, params), {}, {
+      pageSize: tableInitPageSize
+    }), 2);
+  };
+
+  var onResetTable = function onResetTable() {
+    form.resetFields();
+    handleTableChange({
+      pageSize: tableInitPageSize,
+      currentPage: 1
+    });
+  };
+
+  var handleTableChange = function handleTableChange(pagination) {
+    getData({
+      pageSize: pagination.pageSize,
+      currentPage: pagination.current
+    }, 2);
+  };
+
+  var onChangeCheckAll = function onChangeCheckAll(e) {
+    if (e.target.checked) {
+      // 如果下拉框有所有数据就处理选中所有，如果没有 就默认查出所有数据
+      if (items.length === itemsTotal) {
+        var currentItemsData = JSON.parse(JSON.stringify(items));
+        setSelectedRowKeys(currentItemsData.map(function (i) {
+          return i.value;
+        }));
+        setSelectedRows(currentItemsData);
+        setPopValue(currentItemsData);
+      }
+    } else {
+      setSelectedRowKeys([]);
+      setSelectedRows([]);
+      setPopValue([]);
+    }
+
+    setIndeterminate(false);
+    setCheckedAll(e.target.checked);
+  };
+
+  var LightHeightOption = function LightHeightOption(props) {
+    var filterTxt = props.filterTxt,
+        text = props.text;
+
+    var heightLightTxt = function heightLightTxt(txt, heightTxt) {
+      if (heightTxt === '') {
+        return txt;
+      } // 前面filterOption 不区分大小写，这里用i
+
+
+      var regexp = new RegExp(heightTxt, 'gi');
+      return txt.replace(regexp, "<span style=\"color:red\">".concat(heightTxt, "</span>"));
+    };
+
+    return /*#__PURE__*/React.createElement("div", {
+      ref: function ref(nodeElement) {
+        if (nodeElement) {
+          nodeElement.innerHTML = heightLightTxt(text, filterTxt);
+        }
+      }
+    });
+  }; // 扁平化二维数组的方法
+
+
+  var mapRows = function mapRows(params) {
+    var res = [];
+
+    for (var i = 0; i < params.length; i++) {
+      if (Array.isArray(params[i])) {
+        // 去重
+        res = _.uniqBy(res.concat(mapRows(params[i])), 'value');
+      } else {
+        res.push(params[i]); // 去重
+
+        res = _.uniqBy(res, 'value');
+      }
+    }
+
+    return res.filter(Boolean); //去掉undefined的情况
+  };
+
+  var onChangeSelectedKeys = function onChangeSelectedKeys(selectKeys, selectRows) {
+    var nowPage = tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.current;
+    var filterRows = [];
+    var sksResult = [];
+
+    if (selectMode) {
+      // 处理多选分页累计选中
+      // 勾选生成二维数组
+      doubleArr[nowPage ? nowPage - 1 : 0] = selectRows; // console.log(doubleArr)
+
+      setDoubleArr(doubleArr); // 这块扁平化成为一位数组
+
+      filterRows = mapRows(doubleArr); // console.log(filterRows)
+
+      setFilterRows(filterRows);
+      sksResult = filterRows.map(function (i) {
+        return i.value;
+      });
+    } else {
+      // 处理单选
+      filterRows = selectRows;
+      sksResult = selectRows.map(function (i) {
+        return i.value;
+      });
+    }
+
+    setSelectedRowKeys(sksResult);
+    setSelectedRows(filterRows);
+    setPopValue(filterRows);
+    setIndeterminate(!!filterRows.length && filterRows.length < (tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.total));
+    setCheckedAll(filterRows.length === (tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.total));
+  };
+
+  var rowSelection = {
+    type: selectMode ? 'checkbox' : 'radio',
+    selectedRowKeys: selectedRowKeys,
+    onChange: function onChange(sks, srs) {
+      onChangeSelectedKeys(sks, srs);
+    }
+  };
+
+  var onDoubleClickSelect = function onDoubleClickSelect(e, record) {
+    if (!selectMode) {
+      var srs = [JSON.parse(JSON.stringify(record))];
+      var sks = srs.map(function (i) {
+        return i.value;
+      });
+      onChangeSelectedKeys(sks, srs);
+    }
+  };
+
+  var themeColor = {
+    color: '#1890ff'
+  };
+
+  var formItem = function formItem(list) {
+    if (isModalVisible && (list === null || list === void 0 ? void 0 : list.length)) {
+      return list.map(function (i) {
+        var _i$field, _i$field3;
+
+        if ((i === null || i === void 0 ? void 0 : i.type) === 'select' || (i === null || i === void 0 ? void 0 : (_i$field = i.field) === null || _i$field === void 0 ? void 0 : _i$field.type) === 'select') {
+          var _i$field2, _i$initialSource;
+
+          return /*#__PURE__*/React.createElement(Form.Item, {
+            name: i.name,
+            label: i.label,
+            key: i.name
+          }, /*#__PURE__*/React.createElement(Select, _objectSpread2({
+            style: {
+              width: '100%'
+            },
+            placeholder: "\u8BF7\u9009\u62E9"
+          }, i === null || i === void 0 ? void 0 : (_i$field2 = i.field) === null || _i$field2 === void 0 ? void 0 : _i$field2.props), (i === null || i === void 0 ? void 0 : (_i$initialSource = i.initialSource) === null || _i$initialSource === void 0 ? void 0 : _i$initialSource.length) && (i === null || i === void 0 ? void 0 : i.initialSource.map(function (m) {
+            return /*#__PURE__*/React.createElement(Option, {
+              value: m.value,
+              key: m.value
+            }, m.text);
+          }))));
+        } // 默认type是input
+
+
+        return /*#__PURE__*/React.createElement(Form.Item, {
+          name: i.name,
+          label: i.label,
+          key: i.name
+        }, /*#__PURE__*/React.createElement(Input, _objectSpread2({
+          style: {
+            width: '100%'
+          },
+          placeholder: "\u8BF7\u8F93\u5165",
+          allowClear: true,
+          maxLength: 100
+        }, i === null || i === void 0 ? void 0 : (_i$field3 = i.field) === null || _i$field3 === void 0 ? void 0 : _i$field3.props)));
+      });
+    } else {
+      return null;
+    }
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'search_select'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "search_select_show",
+    id: 'search_select_div'
+  }, /*#__PURE__*/React.createElement(Select, _objectSpread2(_objectSpread2({
+    virtual: true,
+    labelInValue: labelInValue,
+    value: value,
+    onChange: onChange,
+    dropdownRender: function dropdownRender(menu) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
+        value: searchValue,
+        style: {
+          width: '98%',
+          marginLeft: '1%'
+        },
+        placeholder: "\u8BF7\u8F93\u5165",
+        onChange: function onChange(e) {
+          return onSearchChange(e);
+        },
+        onBlur: onSearchBlur,
+        onKeyDown: function onKeyDown(e) {
+          //  阻止多选的冒泡
+          e.stopPropagation();
+        }
+      }), /*#__PURE__*/React.createElement(Divider, {
+        style: {
+          margin: '8px 0'
+        }
+      }), menu);
+    },
+    notFoundContent: fetching ? /*#__PURE__*/React.createElement(Spin, {
+      size: "small"
+    }) : /*#__PURE__*/React.createElement("div", {
+      style: {
+        textAlign: 'center'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        marginBottom: 16
+      }
+    }, /*#__PURE__*/React.createElement(CopyOutlined$2, {
+      style: {
+        fontSize: '50px'
+      }
+    })), /*#__PURE__*/React.createElement("div", null, "\u65E0\u5339\u914D\u7ED3\u679C\uFF0C\u8BF7\u66F4\u6362\u5176\u4ED6\u5185\u5BB9\u518D\u8BD5")),
+    onPopupScroll: SelectScroll
+  }, currentSelectProps), {}, {
+    getPopupContainer: function getPopupContainer() {
+      return document.getElementById('search_select_div');
+    },
+    style: {
+      width: 'calc(100% - 30px)'
+    },
+    placeholder: "\u8BF7\u9009\u62E9"
+  }), items.map(function (item) {
+    return /*#__PURE__*/React.createElement(Option, {
+      key: item.value,
+      label: item.text
+    }, LightHeightOption({
+      text: "".concat(item.value, "       ").concat(item.text),
+      filterTxt: searchValue
+    }));
+  })), /*#__PURE__*/React.createElement(Button, {
+    style: {
+      width: '30px',
+      padding: '2px',
+      height: 'auto'
+    },
+    onClick: showModal,
+    type: "primary"
+  }, /*#__PURE__*/React.createElement(SearchOutlined$2, null))), /*#__PURE__*/React.createElement(Modal, {
+    width: '80%',
+    title: modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.modalTableTitle,
+    visible: isModalVisible,
+    onOk: handleOk,
+    onCancel: handleCancel,
+    footer: [/*#__PURE__*/React.createElement(Button, {
+      key: "back",
+      onClick: handleCancel
+    }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+      key: "submit",
+      type: "primary",
+      onClick: handleOk,
+      disabled: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled)
+    }, "\u786E\u5B9A")]
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'search_select_wrapper'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'search_select_wrapper_click_flag',
+    onClick: function onClick() {
+      return setCaretLeftFlag(!caretLeftFlag);
+    }
+  }, /*#__PURE__*/React.createElement(CaretLeftOutlined$2, {
+    className: caretLeftFlag ? 'search_select_wrapper_click_flag_arrow' : 'search_select_wrapper_click_flag_arrow_1'
+  })), /*#__PURE__*/React.createElement("div", {
+    className: caretLeftFlag ? 'search_select_wrapper_left' : 'search_select_wrapper_left1'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'select_list_columns'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'select_list_columns_tips'
+  }, "\u641C\u7D22"), /*#__PURE__*/React.createElement("div", {
+    className: 'select_list_columns_formItems'
+  }, /*#__PURE__*/React.createElement(Form, {
+    form: form,
+    layout: 'vertical',
+    key: 'modalForm'
+  }, formItem(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableSearchForm)))), /*#__PURE__*/React.createElement("div", {
+    className: 'select_list_searchButton'
+  }, /*#__PURE__*/React.createElement(Button, {
+    key: 'reset',
+    className: 'select_list_button_space',
+    onClick: onResetTable
+  }, "\u91CD\u7F6E"), /*#__PURE__*/React.createElement(Button, {
+    key: 'search',
+    type: "primary",
+    onClick: onSearchTable
+  }, "\u67E5\u8BE2"))), /*#__PURE__*/React.createElement("div", {
+    className: caretLeftFlag ? 'search_select_wrapper_right' : 'search_select_wrapper_right1'
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: 'select_list_selectTips'
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginLeft: 8
+    }
+  }, "\u641C\u7D22\u7ED3\u679C\u5171", /*#__PURE__*/React.createElement("span", {
+    style: themeColor
+  }, (tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.total) || 0), "\u9879", selectMode ? /*#__PURE__*/React.createElement("span", null, "\uFF0C \u672C\u6B21\u5DF2\u9009", /*#__PURE__*/React.createElement("span", {
+    style: themeColor
+  }, (selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length) || 0), "\u9879") : ''), /*#__PURE__*/React.createElement("div", {
+    style: {
+      color: 'rgba(127, 127, 127, 0.6470588235294118)'
+    }
+  }, selectMode ? '勾选后点击确定按钮完成选择' : '双击数据行或单击按钮完成选择')), /*#__PURE__*/React.createElement(Table, {
+    size: 'small',
+    rowSelection: rowSelection,
+    columns: modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableColumns,
+    dataSource: tableData,
+    pagination: tablePagination,
+    onChange: handleTableChange,
+    rowKey: 'code',
+    scroll: {
+      x: modalTableProps.overScrollX || 'max-content',
+      y: modalTableProps.overScrollY || null
+    },
+    onRow: function onRow(record) {
+      return {
+        onDoubleClick: function onDoubleClick(event) {
+          return onDoubleClickSelect(event, record);
+        }
+      };
+    }
+  }), selectMode ? /*#__PURE__*/React.createElement("div", {
+    className: 'select_list_selectAll'
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    indeterminate: indeterminate,
+    checked: checkedAll,
+    onChange: onChangeCheckAll
+  }), " \u5168\u9009\u6240\u6709\u9875\u9762") : '')))));
+};
+
+var getDicData = function getDicData(dicCode) {
+  var dicData = {};
+
+  {
+    var storageDic = localStorage.getItem('dicData') ? JSON.parse(localStorage.getItem('dicData') || '{}') : {};
+    dicData = storageDic[dicCode];
+  }
+
+  if (!dicData || !dicData.length) ;
+
+  return dicData;
+};
+
+var getDictionarySource = function getDictionarySource(dicCode) {
+  var needConvertInterger = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var dicData = getDicData(dicCode);
+
+  try {
+    if (needConvertInterger) {
+      dicData = dicData.map(function (item) {
+        return _objectSpread2(_objectSpread2({}, item), {}, {
+          value: parseFloat(item.value)
+        });
+      });
+    }
+  } catch (e) {}
+
+  return dicData;
+};
+
+var getDictionaryTextByValue = function getDictionaryTextByValue(dicCode, value) {
+  var dicData = getDicData(dicCode);
+  if (value === undefined) return '';
+  var dicItemArray = dicData === null || dicData === void 0 ? void 0 : dicData.filter(function (item) {
+    return item.value === value.toString();
+  });
+
+  if (!(dicItemArray === null || dicItemArray === void 0 ? void 0 : dicItemArray.length)) {
+    // throw new Error(`当前${dicCode}字典值合没有${value}的数据`)
+    return value;
+  }
+
+  return dicItemArray[0].text;
+};
+
+var loadSelectSource = function loadSelectSource(url, params) {
+  return new Promise(function (resolve, reject) {
+    axios.get("".concat(url, "?").concat(stringify(params))).then(function (result) {
+      result = result.data;
+
+      if (result.status !== '0') {
+        message.error(result.msg);
+        return;
+      }
+
+      resolve(result);
+    }).catch(function (err) {
+      reject(err);
+    });
+  });
+};
+
+function commonFun(type) {
+  // 默认type === 'supplier' 供应商选择器
+  var requestConfig = {
+    url: "/bop/api/supplier",
+    filter: 'qp-codeAndName-like',
+    otherParams: {},
+    mappingTextField: 'name',
+    mappingValueField: 'code'
+  };
+  /*
+  * 处理 格式化下拉框数据源
+  * reData 必传 promise返回响应的数据 格式为[{},{},{},...] Promise.all第一个参数数组有多少个数组长度就是多少，其中每个对象为每次请求的结果数据
+  *         每个结果数据格式为{ status: '0', msg: 'success', data: { items: [], total: 1, size: 1, page: 1 }, traceId: 'baba..'}
+  * position  必传 为获取Promise.all请求结果的位置
+  * changePosition 必传 为搜索表单Form中需要更改数据源的Item项的位置
+  * changeSearchForm 必传 为搜索表单Form数据
+  * */
+
+  var formatSource = function formatSource(reData, position, changePosition, changeSearchForm) {
+    var _reData$position, _reData$position$data;
+
+    var data = reData && ((_reData$position = reData[position]) === null || _reData$position === void 0 ? void 0 : (_reData$position$data = _reData$position.data) === null || _reData$position$data === void 0 ? void 0 : _reData$position$data.items) || [];
+    var formatData = (data === null || data === void 0 ? void 0 : data.length) ? data.map(function (v) {
+      return {
+        text: v.name,
+        value: v.code
+      };
+    }) : [];
+    changeSearchForm[changePosition] = _objectSpread2(_objectSpread2({}, changeSearchForm[changePosition]), {}, {
+      initialSource: formatData
+    });
+  };
+
+  var tableSearchForm = [];
+
+  if (type === 'supplier') {
+    tableSearchForm = [{
+      name: 'qp-name-like',
+      label: '客户名称'
+    }, {
+      name: 'qp-code-like',
+      label: '客户编码'
+    }, {
+      name: 'qp-conglomerateCode-in',
+      type: 'select',
+      label: '归属集团',
+      field: {
+        type: 'select',
+        props: {
+          mode: 'multiple',
+          notFoundContent: '暂无数据',
+          allowClear: true,
+          showSearch: true,
+          showArrow: true,
+          maxTagCount: 1,
+          optionFilterProp: 'children',
+          filterOption: function filterOption(input, option) {
+            return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+          }
+        }
+      } // remoteSource: {
+      //   init: true, // 初始请求数据源
+      //   url: '/bop/api/company',
+      //   params: {
+      //     pageSize: 5000,
+      //     currentPage: 1,
+      //     'qp-companyType-eq': '30',
+      //   },
+      //   converter({ data }: any) {
+      //     if (data?.items == undefined || data?.items?.length == 0) {
+      //       return [];
+      //     }
+      //     return data?.items.map((v: any) => ({ text: v.name, value: v.code }));
+      //   },
+      // },
+      // initialSource: [{ text: '英伦宝贝儿童用品有限公司', value: 'A0001' }]
+
+    }, {
+      name: 'qp-accountingCode-in',
+      type: 'select',
+      label: '归属核算主体',
+      field: {
+        type: 'select',
+        props: {
+          mode: 'multiple',
+          notFoundContent: '暂无数据',
+          allowClear: true,
+          showSearch: true,
+          showArrow: true,
+          maxTagCount: 1,
+          optionFilterProp: 'children',
+          filterOption: function filterOption(input, option) {
+            return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+          }
+        }
+      } // remoteSource: {
+      //   init: true, // 初始请求数据源
+      //   url: `/bop/api/accountingSubject`,
+      //   params: {
+      //     pageSize: 5000,
+      //     currentPage: 1,
+      //   },
+      //   converter({ data }: any ) {
+      //     if (data?.items == undefined || data?.items?.length == 0) {
+      //       return [];
+      //     }
+      //     return data?.items.map((v: any) => ({ text: v.name, value: v.code }));
+      //   },
+      // },
+      // initialSource: [{ text: '上海哲雄母婴用品有限公司', value: 'F002' }, { text: '上海英伦宝贝儿童用品有限公司', value: 'F001' }]
+
+    }, {
+      name: 'qp-companyCode-in',
+      type: 'select',
+      label: '归属法人公司',
+      field: {
+        type: 'select',
+        props: {
+          mode: 'multiple',
+          notFoundContent: '暂无数据',
+          allowClear: true,
+          showSearch: true,
+          showArrow: true,
+          maxTagCount: 1,
+          optionFilterProp: 'children',
+          filterOption: function filterOption(input, option) {
+            return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+          }
+        }
+      } // remoteSource: {
+      //   init: true, // 初始请求数据源
+      //   url: '/bop/api/company',
+      //   params: {
+      //     pageSize: 5000,
+      //     currentPage: 1,
+      //     'qp-companyType-eq': '20',
+      //   },
+      //   converter: ({ data }: any) => {
+      //     return data.items
+      //       ? data.items.map((item: any) => {
+      //         return {
+      //           text: item.name,
+      //           value: item.code,
+      //         };
+      //       })
+      //       : [];
+      //   },
+      // },
+      // initialSource: [{ text: '上海哲雄母婴用品有限公司', value: 'F002' }, { text: '上海英伦宝贝儿童用品有限公司', value: 'F001' }]
+
+    }, {
+      name: 'qp-sharingType-eq',
+      type: 'select',
+      label: '共享类型',
+      initialSource: getDictionarySource('UC000013')
+    }];
+    Promise.all([loadSelectSource('/bop/api/company', {
+      pageSize: 5000,
+      currentPage: 1,
+      'qp-companyType-eq': '30'
+    }), loadSelectSource('/bop/api/accountingSubject', {
+      pageSize: 5000,
+      currentPage: 1
+    }), loadSelectSource('/bop/api/company', {
+      pageSize: 5000,
+      currentPage: 1,
+      'qp-companyType-eq': '20'
+    })]).then(function (x) {
+      formatSource(x, 0, 2, tableSearchForm);
+      formatSource(x, 1, 3, tableSearchForm);
+      formatSource(x, 2, 4, tableSearchForm);
+    });
+  }
+
+  var modalTableProps = {
+    modalTableTitle: '选择供应商',
+    tableSearchForm: tableSearchForm,
+    tableColumns: [{
+      title: '客户编码',
+      dataIndex: 'code'
+    }, {
+      title: '客户名称',
+      dataIndex: 'name'
+    }, {
+      title: '归属集团',
+      dataIndex: 'conglomerateName'
+    }, {
+      title: '归属法人公司',
+      dataIndex: 'legalCompanyName'
+    }, {
+      title: '归属核算主体',
+      dataIndex: 'accountingName'
+    }, {
+      title: '共享类型',
+      dataIndex: 'sharingType',
+      render: function render(text) {
+        return getDictionaryTextByValue('UC000013', text);
+      }
+    }]
+  }; // 商品选择器
+
+  return {
+    modalTableProps: modalTableProps,
+    requestConfig: requestConfig
+  };
+}
+
+var BusinessSearchSelect = function BusinessSearchSelect(props) {
+  var businessType = (props === null || props === void 0 ? void 0 : props.SelectBusinessType) || 'supplier';
+
+  var _commonFun = commonFun(businessType),
+      requestConfig = _commonFun.requestConfig,
+      modalTableProps = _commonFun.modalTableProps;
+
+  var currentProps = _objectSpread2(_objectSpread2({
+    requestConfig: requestConfig
+  }, props), {}, {
+    modalTableProps: modalTableProps
+  });
+
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SearchSelect, _objectSpread2({}, currentProps)));
+};
+
+/*
+ * @Description:
+ * @Author: rodchen
+ * @Date: 2021-11-30 22:59:39
+ * @LastEditTime: 2022-01-14 16:10:27
+ * @LastEditors: rodchen
+ */
+
+var resposne = JSON.parse(localStorage.getItem('userInfo') || '{}');
+axios.defaults.headers.common['sso-sessionid'] = (resposne === null || resposne === void 0 ? void 0 : resposne.sessionId) || '';
+
+export { BusinessSearchSelect, index as CheckOneUser, DataValidation, QueryMutipleInput, SearchSelect };