@ant-design/pro-components 2.3.48 → 2.3.50

package/dist/components.js

@@ -12113,1234 +12113,6 @@ module.exports = function shallowEqual(objA, objB, compare, compareContext) {
 
 /***/ }),
 
-/***/ 1438:
-/***/ (function(module, exports, __webpack_require__) {
-
-var __WEBPACK_AMD_DEFINE_RESULT__;// TinyColor v1.4.2
-// https://github.com/bgrins/TinyColor
-// Brian Grinstead, MIT License
-
-(function (Math) {
-  var trimLeft = /^\s+/,
-    trimRight = /\s+$/,
-    tinyCounter = 0,
-    mathRound = Math.round,
-    mathMin = Math.min,
-    mathMax = Math.max,
-    mathRandom = Math.random;
-  function tinycolor(color, opts) {
-    color = color ? color : '';
-    opts = opts || {};
-
-    // If input is already a tinycolor, return itself
-    if (color instanceof tinycolor) {
-      return color;
-    }
-    // If we are called as a function, call using new instead
-    if (!(this instanceof tinycolor)) {
-      return new tinycolor(color, opts);
-    }
-    var rgb = inputToRGB(color);
-    this._originalInput = color, this._r = rgb.r, this._g = rgb.g, this._b = rgb.b, this._a = rgb.a, this._roundA = mathRound(100 * this._a) / 100, this._format = opts.format || rgb.format;
-    this._gradientType = opts.gradientType;
-
-    // Don't let the range of [0,255] come back in [0,1].
-    // Potentially lose a little bit of precision here, but will fix issues where
-    // .5 gets interpreted as half of the total, instead of half of 1
-    // If it was supposed to be 128, this was already taken care of by `inputToRgb`
-    if (this._r < 1) {
-      this._r = mathRound(this._r);
-    }
-    if (this._g < 1) {
-      this._g = mathRound(this._g);
-    }
-    if (this._b < 1) {
-      this._b = mathRound(this._b);
-    }
-    this._ok = rgb.ok;
-    this._tc_id = tinyCounter++;
-  }
-  tinycolor.prototype = {
-    isDark: function isDark() {
-      return this.getBrightness() < 128;
-    },
-    isLight: function isLight() {
-      return !this.isDark();
-    },
-    isValid: function isValid() {
-      return this._ok;
-    },
-    getOriginalInput: function getOriginalInput() {
-      return this._originalInput;
-    },
-    getFormat: function getFormat() {
-      return this._format;
-    },
-    getAlpha: function getAlpha() {
-      return this._a;
-    },
-    getBrightness: function getBrightness() {
-      //http://www.w3.org/TR/AERT#color-contrast
-      var rgb = this.toRgb();
-      return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;
-    },
-    getLuminance: function getLuminance() {
-      //http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
-      var rgb = this.toRgb();
-      var RsRGB, GsRGB, BsRGB, R, G, B;
-      RsRGB = rgb.r / 255;
-      GsRGB = rgb.g / 255;
-      BsRGB = rgb.b / 255;
-      if (RsRGB <= 0.03928) {
-        R = RsRGB / 12.92;
-      } else {
-        R = Math.pow((RsRGB + 0.055) / 1.055, 2.4);
-      }
-      if (GsRGB <= 0.03928) {
-        G = GsRGB / 12.92;
-      } else {
-        G = Math.pow((GsRGB + 0.055) / 1.055, 2.4);
-      }
-      if (BsRGB <= 0.03928) {
-        B = BsRGB / 12.92;
-      } else {
-        B = Math.pow((BsRGB + 0.055) / 1.055, 2.4);
-      }
-      return 0.2126 * R + 0.7152 * G + 0.0722 * B;
-    },
-    setAlpha: function setAlpha(value) {
-      this._a = boundAlpha(value);
-      this._roundA = mathRound(100 * this._a) / 100;
-      return this;
-    },
-    toHsv: function toHsv() {
-      var hsv = rgbToHsv(this._r, this._g, this._b);
-      return {
-        h: hsv.h * 360,
-        s: hsv.s,
-        v: hsv.v,
-        a: this._a
-      };
-    },
-    toHsvString: function toHsvString() {
-      var hsv = rgbToHsv(this._r, this._g, this._b);
-      var h = mathRound(hsv.h * 360),
-        s = mathRound(hsv.s * 100),
-        v = mathRound(hsv.v * 100);
-      return this._a == 1 ? "hsv(" + h + ", " + s + "%, " + v + "%)" : "hsva(" + h + ", " + s + "%, " + v + "%, " + this._roundA + ")";
-    },
-    toHsl: function toHsl() {
-      var hsl = rgbToHsl(this._r, this._g, this._b);
-      return {
-        h: hsl.h * 360,
-        s: hsl.s,
-        l: hsl.l,
-        a: this._a
-      };
-    },
-    toHslString: function toHslString() {
-      var hsl = rgbToHsl(this._r, this._g, this._b);
-      var h = mathRound(hsl.h * 360),
-        s = mathRound(hsl.s * 100),
-        l = mathRound(hsl.l * 100);
-      return this._a == 1 ? "hsl(" + h + ", " + s + "%, " + l + "%)" : "hsla(" + h + ", " + s + "%, " + l + "%, " + this._roundA + ")";
-    },
-    toHex: function toHex(allow3Char) {
-      return rgbToHex(this._r, this._g, this._b, allow3Char);
-    },
-    toHexString: function toHexString(allow3Char) {
-      return '#' + this.toHex(allow3Char);
-    },
-    toHex8: function toHex8(allow4Char) {
-      return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char);
-    },
-    toHex8String: function toHex8String(allow4Char) {
-      return '#' + this.toHex8(allow4Char);
-    },
-    toRgb: function toRgb() {
-      return {
-        r: mathRound(this._r),
-        g: mathRound(this._g),
-        b: mathRound(this._b),
-        a: this._a
-      };
-    },
-    toRgbString: function toRgbString() {
-      return this._a == 1 ? "rgb(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ")" : "rgba(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ", " + this._roundA + ")";
-    },
-    toPercentageRgb: function toPercentageRgb() {
-      return {
-        r: mathRound(bound01(this._r, 255) * 100) + "%",
-        g: mathRound(bound01(this._g, 255) * 100) + "%",
-        b: mathRound(bound01(this._b, 255) * 100) + "%",
-        a: this._a
-      };
-    },
-    toPercentageRgbString: function toPercentageRgbString() {
-      return this._a == 1 ? "rgb(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%)" : "rgba(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")";
-    },
-    toName: function toName() {
-      if (this._a === 0) {
-        return "transparent";
-      }
-      if (this._a < 1) {
-        return false;
-      }
-      return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false;
-    },
-    toFilter: function toFilter(secondColor) {
-      var hex8String = '#' + rgbaToArgbHex(this._r, this._g, this._b, this._a);
-      var secondHex8String = hex8String;
-      var gradientType = this._gradientType ? "GradientType = 1, " : "";
-      if (secondColor) {
-        var s = tinycolor(secondColor);
-        secondHex8String = '#' + rgbaToArgbHex(s._r, s._g, s._b, s._a);
-      }
-      return "progid:DXImageTransform.Microsoft.gradient(" + gradientType + "startColorstr=" + hex8String + ",endColorstr=" + secondHex8String + ")";
-    },
-    toString: function toString(format) {
-      var formatSet = !!format;
-      format = format || this._format;
-      var formattedString = false;
-      var hasAlpha = this._a < 1 && this._a >= 0;
-      var needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "hex4" || format === "hex8" || format === "name");
-      if (needsAlphaFormat) {
-        // Special case for "transparent", all other non-alpha formats
-        // will return rgba when there is transparency.
-        if (format === "name" && this._a === 0) {
-          return this.toName();
-        }
-        return this.toRgbString();
-      }
-      if (format === "rgb") {
-        formattedString = this.toRgbString();
-      }
-      if (format === "prgb") {
-        formattedString = this.toPercentageRgbString();
-      }
-      if (format === "hex" || format === "hex6") {
-        formattedString = this.toHexString();
-      }
-      if (format === "hex3") {
-        formattedString = this.toHexString(true);
-      }
-      if (format === "hex4") {
-        formattedString = this.toHex8String(true);
-      }
-      if (format === "hex8") {
-        formattedString = this.toHex8String();
-      }
-      if (format === "name") {
-        formattedString = this.toName();
-      }
-      if (format === "hsl") {
-        formattedString = this.toHslString();
-      }
-      if (format === "hsv") {
-        formattedString = this.toHsvString();
-      }
-      return formattedString || this.toHexString();
-    },
-    clone: function clone() {
-      return tinycolor(this.toString());
-    },
-    _applyModification: function _applyModification(fn, args) {
-      var color = fn.apply(null, [this].concat([].slice.call(args)));
-      this._r = color._r;
-      this._g = color._g;
-      this._b = color._b;
-      this.setAlpha(color._a);
-      return this;
-    },
-    lighten: function lighten() {
-      return this._applyModification(_lighten, arguments);
-    },
-    brighten: function brighten() {
-      return this._applyModification(_brighten, arguments);
-    },
-    darken: function darken() {
-      return this._applyModification(_darken, arguments);
-    },
-    desaturate: function desaturate() {
-      return this._applyModification(_desaturate, arguments);
-    },
-    saturate: function saturate() {
-      return this._applyModification(_saturate, arguments);
-    },
-    greyscale: function greyscale() {
-      return this._applyModification(_greyscale, arguments);
-    },
-    spin: function spin() {
-      return this._applyModification(_spin, arguments);
-    },
-    _applyCombination: function _applyCombination(fn, args) {
-      return fn.apply(null, [this].concat([].slice.call(args)));
-    },
-    analogous: function analogous() {
-      return this._applyCombination(_analogous, arguments);
-    },
-    complement: function complement() {
-      return this._applyCombination(_complement, arguments);
-    },
-    monochromatic: function monochromatic() {
-      return this._applyCombination(_monochromatic, arguments);
-    },
-    splitcomplement: function splitcomplement() {
-      return this._applyCombination(_splitcomplement, arguments);
-    },
-    triad: function triad() {
-      return this._applyCombination(_triad, arguments);
-    },
-    tetrad: function tetrad() {
-      return this._applyCombination(_tetrad, arguments);
-    }
-  };
-
-  // If input is an object, force 1 into "1.0" to handle ratios properly
-  // String input requires "1.0" as input, so 1 will be treated as 1
-  tinycolor.fromRatio = function (color, opts) {
-    if (typeof color == "object") {
-      var newColor = {};
-      for (var i in color) {
-        if (color.hasOwnProperty(i)) {
-          if (i === "a") {
-            newColor[i] = color[i];
-          } else {
-            newColor[i] = convertToPercentage(color[i]);
-          }
-        }
-      }
-      color = newColor;
-    }
-    return tinycolor(color, opts);
-  };
-
-  // 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 (color.hasOwnProperty("a")) {
-        a = color.a;
-      }
-    }
-    a = boundAlpha(a);
-    return {
-      ok: ok,
-      format: color.format || format,
-      r: mathMin(255, mathMax(rgb.r, 0)),
-      g: mathMin(255, mathMax(rgb.g, 0)),
-      b: mathMin(255, mathMax(rgb.b, 0)),
-      a: a
-    };
-  }
-
-  // Conversion Functions
-  // --------------------
-
-  // `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from:
-  // <http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript>
-
-  // `rgbToRgb`
-  // 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
-    };
-  }
-
-  // `rgbToHsl`
-  // Converts an RGB color value to HSL.
-  // *Assumes:* r, g, and b are contained in [0, 255] or [0, 1]
-  // *Returns:* { h, s, l } in [0,1]
-  function rgbToHsl(r, g, b) {
-    r = bound01(r, 255);
-    g = bound01(g, 255);
-    b = bound01(b, 255);
-    var max = mathMax(r, g, b),
-      min = mathMin(r, g, b);
-    var h,
-      s,
-      l = (max + min) / 2;
-    if (max == min) {
-      h = s = 0; // achromatic
-    } else {
-      var d = max - min;
-      s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-      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,
-      l: l
-    };
-  }
-
-  // `hslToRgb`
-  // 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, g, b;
-    h = bound01(h, 360);
-    s = bound01(s, 100);
-    l = bound01(l, 100);
-    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;
-    }
-    if (s === 0) {
-      r = g = b = l; // achromatic
-    } 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
-    };
-  }
-
-  // `rgbToHsv`
-  // 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 = mathMax(r, g, b),
-      min = mathMin(r, g, b);
-    var h,
-      s,
-      v = max;
-    var d = max - min;
-    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
-    };
-  }
-
-  // `hsvToRgb`
-  // 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),
-      f = h - i,
-      p = v * (1 - s),
-      q = v * (1 - f * s),
-      t = v * (1 - (1 - f) * s),
-      mod = i % 6,
-      r = [v, q, p, p, t, v][mod],
-      g = [t, v, v, q, p, p][mod],
-      b = [p, p, t, v, v, q][mod];
-    return {
-      r: r * 255,
-      g: g * 255,
-      b: b * 255
-    };
-  }
-
-  // `rgbToHex`
-  // 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(mathRound(r).toString(16)), pad2(mathRound(g).toString(16)), pad2(mathRound(b).toString(16))];
-
-    // Return a 3 character hex if possible
-    if (allow3Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1)) {
-      return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
-    }
-    return hex.join("");
-  }
-
-  // `rgbaToHex`
-  // Converts an RGBA color plus alpha transparency to hex
-  // Assumes r, g, b are contained in the set [0, 255] and
-  // a in [0, 1]. Returns a 4 or 8 character rgba hex
-  function rgbaToHex(r, g, b, a, allow4Char) {
-    var hex = [pad2(mathRound(r).toString(16)), pad2(mathRound(g).toString(16)), pad2(mathRound(b).toString(16)), pad2(convertDecimalToHex(a))];
-
-    // Return a 4 character hex if possible
-    if (allow4Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1) && hex[3].charAt(0) == hex[3].charAt(1)) {
-      return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0);
-    }
-    return hex.join("");
-  }
-
-  // `rgbaToArgbHex`
-  // Converts an RGBA color to an ARGB Hex8 string
-  // Rarely used, but required for "toFilter()"
-  function rgbaToArgbHex(r, g, b, a) {
-    var hex = [pad2(convertDecimalToHex(a)), pad2(mathRound(r).toString(16)), pad2(mathRound(g).toString(16)), pad2(mathRound(b).toString(16))];
-    return hex.join("");
-  }
-
-  // `equals`
-  // Can be called with any tinycolor input
-  tinycolor.equals = function (color1, color2) {
-    if (!color1 || !color2) {
-      return false;
-    }
-    return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString();
-  };
-  tinycolor.random = function () {
-    return tinycolor.fromRatio({
-      r: mathRandom(),
-      g: mathRandom(),
-      b: mathRandom()
-    });
-  };
-
-  // Modification Functions
-  // ----------------------
-  // Thanks to less.js for some of the basics here
-  // <https://github.com/cloudhead/less.js/blob/master/lib/less/functions.js>
-
-  function _desaturate(color, amount) {
-    amount = amount === 0 ? 0 : amount || 10;
-    var hsl = tinycolor(color).toHsl();
-    hsl.s -= amount / 100;
-    hsl.s = clamp01(hsl.s);
-    return tinycolor(hsl);
-  }
-  function _saturate(color, amount) {
-    amount = amount === 0 ? 0 : amount || 10;
-    var hsl = tinycolor(color).toHsl();
-    hsl.s += amount / 100;
-    hsl.s = clamp01(hsl.s);
-    return tinycolor(hsl);
-  }
-  function _greyscale(color) {
-    return tinycolor(color).desaturate(100);
-  }
-  function _lighten(color, amount) {
-    amount = amount === 0 ? 0 : amount || 10;
-    var hsl = tinycolor(color).toHsl();
-    hsl.l += amount / 100;
-    hsl.l = clamp01(hsl.l);
-    return tinycolor(hsl);
-  }
-  function _brighten(color, amount) {
-    amount = amount === 0 ? 0 : amount || 10;
-    var rgb = tinycolor(color).toRgb();
-    rgb.r = mathMax(0, mathMin(255, rgb.r - mathRound(255 * -(amount / 100))));
-    rgb.g = mathMax(0, mathMin(255, rgb.g - mathRound(255 * -(amount / 100))));
-    rgb.b = mathMax(0, mathMin(255, rgb.b - mathRound(255 * -(amount / 100))));
-    return tinycolor(rgb);
-  }
-  function _darken(color, amount) {
-    amount = amount === 0 ? 0 : amount || 10;
-    var hsl = tinycolor(color).toHsl();
-    hsl.l -= amount / 100;
-    hsl.l = clamp01(hsl.l);
-    return tinycolor(hsl);
-  }
-
-  // Spin takes a positive or negative amount within [-360, 360] indicating the change of hue.
-  // Values outside of this range will be wrapped into this range.
-  function _spin(color, amount) {
-    var hsl = tinycolor(color).toHsl();
-    var hue = (hsl.h + amount) % 360;
-    hsl.h = hue < 0 ? 360 + hue : hue;
-    return tinycolor(hsl);
-  }
-
-  // Combination Functions
-  // ---------------------
-  // Thanks to jQuery xColor for some of the ideas behind these
-  // <https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js>
-
-  function _complement(color) {
-    var hsl = tinycolor(color).toHsl();
-    hsl.h = (hsl.h + 180) % 360;
-    return tinycolor(hsl);
-  }
-  function _triad(color) {
-    var hsl = tinycolor(color).toHsl();
-    var h = hsl.h;
-    return [tinycolor(color), tinycolor({
-      h: (h + 120) % 360,
-      s: hsl.s,
-      l: hsl.l
-    }), tinycolor({
-      h: (h + 240) % 360,
-      s: hsl.s,
-      l: hsl.l
-    })];
-  }
-  function _tetrad(color) {
-    var hsl = tinycolor(color).toHsl();
-    var h = hsl.h;
-    return [tinycolor(color), tinycolor({
-      h: (h + 90) % 360,
-      s: hsl.s,
-      l: hsl.l
-    }), tinycolor({
-      h: (h + 180) % 360,
-      s: hsl.s,
-      l: hsl.l
-    }), tinycolor({
-      h: (h + 270) % 360,
-      s: hsl.s,
-      l: hsl.l
-    })];
-  }
-  function _splitcomplement(color) {
-    var hsl = tinycolor(color).toHsl();
-    var h = hsl.h;
-    return [tinycolor(color), tinycolor({
-      h: (h + 72) % 360,
-      s: hsl.s,
-      l: hsl.l
-    }), tinycolor({
-      h: (h + 216) % 360,
-      s: hsl.s,
-      l: hsl.l
-    })];
-  }
-  function _analogous(color, results, slices) {
-    results = results || 6;
-    slices = slices || 30;
-    var hsl = tinycolor(color).toHsl();
-    var part = 360 / slices;
-    var ret = [tinycolor(color)];
-    for (hsl.h = (hsl.h - (part * results >> 1) + 720) % 360; --results;) {
-      hsl.h = (hsl.h + part) % 360;
-      ret.push(tinycolor(hsl));
-    }
-    return ret;
-  }
-  function _monochromatic(color, results) {
-    results = results || 6;
-    var hsv = tinycolor(color).toHsv();
-    var h = hsv.h,
-      s = hsv.s,
-      v = hsv.v;
-    var ret = [];
-    var modification = 1 / results;
-    while (results--) {
-      ret.push(tinycolor({
-        h: h,
-        s: s,
-        v: v
-      }));
-      v = (v + modification) % 1;
-    }
-    return ret;
-  }
-
-  // Utility Functions
-  // ---------------------
-
-  tinycolor.mix = function (color1, color2, amount) {
-    amount = amount === 0 ? 0 : amount || 50;
-    var rgb1 = tinycolor(color1).toRgb();
-    var rgb2 = tinycolor(color2).toRgb();
-    var p = amount / 100;
-    var rgba = {
-      r: (rgb2.r - rgb1.r) * p + rgb1.r,
-      g: (rgb2.g - rgb1.g) * p + rgb1.g,
-      b: (rgb2.b - rgb1.b) * p + rgb1.b,
-      a: (rgb2.a - rgb1.a) * p + rgb1.a
-    };
-    return tinycolor(rgba);
-  };
-
-  // Readability Functions
-  // ---------------------
-  // <http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef (WCAG Version 2)
-
-  // `contrast`
-  // Analyze the 2 colors and returns the color contrast defined by (WCAG Version 2)
-  tinycolor.readability = function (color1, color2) {
-    var c1 = tinycolor(color1);
-    var c2 = tinycolor(color2);
-    return (Math.max(c1.getLuminance(), c2.getLuminance()) + 0.05) / (Math.min(c1.getLuminance(), c2.getLuminance()) + 0.05);
-  };
-
-  // `isReadable`
-  // Ensure that foreground and background color combinations meet WCAG2 guidelines.
-  // The third argument is an optional Object.
-  //      the 'level' property states 'AA' or 'AAA' - if missing or invalid, it defaults to 'AA';
-  //      the 'size' property states 'large' or 'small' - if missing or invalid, it defaults to 'small'.
-  // If the entire object is absent, isReadable defaults to {level:"AA",size:"small"}.
-
-  // *Example*
-  //    tinycolor.isReadable("#000", "#111") => false
-  //    tinycolor.isReadable("#000", "#111",{level:"AA",size:"large"}) => false
-  tinycolor.isReadable = function (color1, color2, wcag2) {
-    var readability = tinycolor.readability(color1, color2);
-    var wcag2Parms, out;
-    out = false;
-    wcag2Parms = validateWCAG2Parms(wcag2);
-    switch (wcag2Parms.level + wcag2Parms.size) {
-      case "AAsmall":
-      case "AAAlarge":
-        out = readability >= 4.5;
-        break;
-      case "AAlarge":
-        out = readability >= 3;
-        break;
-      case "AAAsmall":
-        out = readability >= 7;
-        break;
-    }
-    return out;
-  };
-
-  // `mostReadable`
-  // Given a base color and a list of possible foreground or background
-  // colors for that base, returns the most readable color.
-  // Optionally returns Black or White if the most readable color is unreadable.
-  // *Example*
-  //    tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:false}).toHexString(); // "#112255"
-  //    tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:true}).toHexString();  // "#ffffff"
-  //    tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"large"}).toHexString(); // "#faf3f3"
-  //    tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"small"}).toHexString(); // "#ffffff"
-  tinycolor.mostReadable = function (baseColor, colorList, args) {
-    var bestColor = null;
-    var bestScore = 0;
-    var readability;
-    var includeFallbackColors, level, size;
-    args = args || {};
-    includeFallbackColors = args.includeFallbackColors;
-    level = args.level;
-    size = args.size;
-    for (var i = 0; i < colorList.length; i++) {
-      readability = tinycolor.readability(baseColor, colorList[i]);
-      if (readability > bestScore) {
-        bestScore = readability;
-        bestColor = tinycolor(colorList[i]);
-      }
-    }
-    if (tinycolor.isReadable(baseColor, bestColor, {
-      "level": level,
-      "size": size
-    }) || !includeFallbackColors) {
-      return bestColor;
-    } else {
-      args.includeFallbackColors = false;
-      return tinycolor.mostReadable(baseColor, ["#fff", "#000"], args);
-    }
-  };
-
-  // Big List of Colors
-  // ------------------
-  // <http://www.w3.org/TR/css3-color/#svg-color>
-  var names = tinycolor.names = {
-    aliceblue: "f0f8ff",
-    antiquewhite: "faebd7",
-    aqua: "0ff",
-    aquamarine: "7fffd4",
-    azure: "f0ffff",
-    beige: "f5f5dc",
-    bisque: "ffe4c4",
-    black: "000",
-    blanchedalmond: "ffebcd",
-    blue: "00f",
-    blueviolet: "8a2be2",
-    brown: "a52a2a",
-    burlywood: "deb887",
-    burntsienna: "ea7e5d",
-    cadetblue: "5f9ea0",
-    chartreuse: "7fff00",
-    chocolate: "d2691e",
-    coral: "ff7f50",
-    cornflowerblue: "6495ed",
-    cornsilk: "fff8dc",
-    crimson: "dc143c",
-    cyan: "0ff",
-    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: "f0f",
-    gainsboro: "dcdcdc",
-    ghostwhite: "f8f8ff",
-    gold: "ffd700",
-    goldenrod: "daa520",
-    gray: "808080",
-    green: "008000",
-    greenyellow: "adff2f",
-    grey: "808080",
-    honeydew: "f0fff0",
-    hotpink: "ff69b4",
-    indianred: "cd5c5c",
-    indigo: "4b0082",
-    ivory: "fffff0",
-    khaki: "f0e68c",
-    lavender: "e6e6fa",
-    lavenderblush: "fff0f5",
-    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: "789",
-    lightslategrey: "789",
-    lightsteelblue: "b0c4de",
-    lightyellow: "ffffe0",
-    lime: "0f0",
-    limegreen: "32cd32",
-    linen: "faf0e6",
-    magenta: "f0f",
-    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: "f00",
-    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: "fff",
-    whitesmoke: "f5f5f5",
-    yellow: "ff0",
-    yellowgreen: "9acd32"
-  };
-
-  // Make it easy to access colors via `hexNames[hex]`
-  var hexNames = tinycolor.hexNames = flip(names);
-
-  // Utilities
-  // ---------
-
-  // `{ 'name1': 'val1' }` becomes `{ 'val1': 'name1' }`
-  function flip(o) {
-    var flipped = {};
-    for (var i in o) {
-      if (o.hasOwnProperty(i)) {
-        flipped[o[i]] = i;
-      }
-    }
-    return flipped;
-  }
-
-  // Return a valid alpha value [0,1] with all invalid values being set to 1
-  function boundAlpha(a) {
-    a = parseFloat(a);
-    if (isNaN(a) || a < 0 || a > 1) {
-      a = 1;
-    }
-    return a;
-  }
-
-  // Take input from [0, n] and return it as [0, 1]
-  function bound01(n, max) {
-    if (isOnePointZero(n)) {
-      n = "100%";
-    }
-    var processPercent = isPercentage(n);
-    n = mathMin(max, mathMax(0, parseFloat(n)));
-
-    // Automatically convert percentage into number
-    if (processPercent) {
-      n = parseInt(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
-    return n % max / parseFloat(max);
-  }
-
-  // Force a number between 0 and 1
-  function clamp01(val) {
-    return mathMin(1, mathMax(0, val));
-  }
-
-  // Parse a base-16 hex value into a base-10 integer
-  function parseIntFromHex(val) {
-    return parseInt(val, 16);
-  }
-
-  // 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>
-  function isOnePointZero(n) {
-    return typeof n == "string" && n.indexOf('.') != -1 && parseFloat(n) === 1;
-  }
-
-  // Check to see if string passed in is a percentage
-  function isPercentage(n) {
-    return typeof n === "string" && n.indexOf('%') != -1;
-  }
-
-  // Force a hex value to have 2 characters
-  function pad2(c) {
-    return c.length == 1 ? '0' + c : '' + c;
-  }
-
-  // Replace a decimal with it's percentage value
-  function convertToPercentage(n) {
-    if (n <= 1) {
-      n = n * 100 + "%";
-    }
-    return n;
-  }
-
-  // Converts a decimal to a hex value
-  function convertDecimalToHex(d) {
-    return Math.round(parseFloat(d) * 255).toString(16);
-  }
-  // Converts a hex value to a decimal
-  function convertHexToDecimal(h) {
-    return parseIntFromHex(h) / 255;
-  }
-  var matchers = function () {
-    // <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*\\)?";
-    return {
-      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})$/
-    };
-  }();
-
-  // `isValidCSSUnit`
-  // Take in a single string / number and check to see if it looks like a CSS unit
-  // (see `matchers` above for definition).
-  function isValidCSSUnit(color) {
-    return !!matchers.CSS_UNIT.exec(color);
-  }
-
-  // `stringInputToObject`
-  // 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.replace(trimLeft, '').replace(trimRight, '').toLowerCase();
-    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;
-    if (match = matchers.rgb.exec(color)) {
-      return {
-        r: match[1],
-        g: match[2],
-        b: match[3]
-      };
-    }
-    if (match = matchers.rgba.exec(color)) {
-      return {
-        r: match[1],
-        g: match[2],
-        b: match[3],
-        a: match[4]
-      };
-    }
-    if (match = matchers.hsl.exec(color)) {
-      return {
-        h: match[1],
-        s: match[2],
-        l: match[3]
-      };
-    }
-    if (match = matchers.hsla.exec(color)) {
-      return {
-        h: match[1],
-        s: match[2],
-        l: match[3],
-        a: match[4]
-      };
-    }
-    if (match = matchers.hsv.exec(color)) {
-      return {
-        h: match[1],
-        s: match[2],
-        v: match[3]
-      };
-    }
-    if (match = matchers.hsva.exec(color)) {
-      return {
-        h: match[1],
-        s: match[2],
-        v: match[3],
-        a: match[4]
-      };
-    }
-    if (match = matchers.hex8.exec(color)) {
-      return {
-        r: parseIntFromHex(match[1]),
-        g: parseIntFromHex(match[2]),
-        b: parseIntFromHex(match[3]),
-        a: convertHexToDecimal(match[4]),
-        format: named ? "name" : "hex8"
-      };
-    }
-    if (match = matchers.hex6.exec(color)) {
-      return {
-        r: parseIntFromHex(match[1]),
-        g: parseIntFromHex(match[2]),
-        b: parseIntFromHex(match[3]),
-        format: named ? "name" : "hex"
-      };
-    }
-    if (match = matchers.hex4.exec(color)) {
-      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"
-      };
-    }
-    if (match = matchers.hex3.exec(color)) {
-      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;
-  }
-  function validateWCAG2Parms(parms) {
-    // return valid WCAG2 parms for isReadable.
-    // If input parms are invalid, return {"level":"AA", "size":"small"}
-    var level, size;
-    parms = parms || {
-      "level": "AA",
-      "size": "small"
-    };
-    level = (parms.level || "AA").toUpperCase();
-    size = (parms.size || "small").toLowerCase();
-    if (level !== "AA" && level !== "AAA") {
-      level = "AA";
-    }
-    if (size !== "small" && size !== "large") {
-      size = "small";
-    }
-    return {
-      "level": level,
-      "size": size
-    };
-  }
-
-  // Node: Export function
-  if ( true && module.exports) {
-    module.exports = tinycolor;
-  }
-  // AMD/requirejs: Define the module
-  else if (true) {
-    !(__WEBPACK_AMD_DEFINE_RESULT__ = (function () {
-      return tinycolor;
-    }).call(exports, __webpack_require__, exports, module),
-		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
-  }
-  // Browser: Expose to window
-  else {}
-})(Math);
-
-/***/ }),
-
 /***/ 2618:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
@@ -15657,9 +14429,89 @@ function useMemo_useMemo(getValue, condition, shouldUpdate) {
   }
   return cacheRef.current.value;
 }
-// EXTERNAL MODULE: ./node_modules/shallowequal/index.js
-var shallowequal = __webpack_require__(2460);
-var shallowequal_default = /*#__PURE__*/__webpack_require__.n(shallowequal);
+;// CONCATENATED MODULE: ./node_modules/rc-util/es/warning.js
+/* eslint-disable no-console */
+var warned = {};
+function warning_warning(valid, message) {
+  // Support uglify
+  if (false) {}
+}
+function note(valid, message) {
+  // Support uglify
+  if (false) {}
+}
+function resetWarned() {
+  warned = {};
+}
+function call(method, valid, message) {
+  if (!valid && !warned[message]) {
+    method(false, message);
+    warned[message] = true;
+  }
+}
+function warningOnce(valid, message) {
+  call(warning_warning, valid, message);
+}
+function noteOnce(valid, message) {
+  call(note, valid, message);
+}
+/* harmony default export */ var es_warning = (warningOnce);
+/* eslint-enable */
+;// CONCATENATED MODULE: ./node_modules/rc-util/es/isEqual.js
+
+
+/**
+ * Deeply compares two object literals.
+ * @param obj1 object 1
+ * @param obj2 object 2
+ * @param shallow shallow compare
+ * @returns
+ */
+function isEqual_isEqual(obj1, obj2) {
+  var shallow = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  // https://github.com/mapbox/mapbox-gl-js/pull/5979/files#diff-fde7145050c47cc3a306856efd5f9c3016e86e859de9afbd02c879be5067e58f
+  var refSet = new Set();
+  function deepEqual(a, b) {
+    var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+    var circular = refSet.has(a);
+    es_warning(!circular, 'Warning: There may be circular references');
+    if (circular) {
+      return false;
+    }
+    if (a === b) {
+      return true;
+    }
+    if (shallow && level > 1) {
+      return false;
+    }
+    refSet.add(a);
+    var newLevel = level + 1;
+    if (Array.isArray(a)) {
+      if (!Array.isArray(b) || a.length !== b.length) {
+        return false;
+      }
+      for (var i = 0; i < a.length; i++) {
+        if (!deepEqual(a[i], b[i], newLevel)) {
+          return false;
+        }
+      }
+      return true;
+    }
+    if (a && b && typeof_typeof(a) === 'object' && typeof_typeof(b) === 'object') {
+      var keys = Object.keys(a);
+      if (keys.length !== Object.keys(b).length) {
+        return false;
+      }
+      return keys.every(function (key) {
+        return deepEqual(a[key], b[key], newLevel);
+      });
+    }
+    // other
+    return false;
+  }
+  return deepEqual(obj1, obj2);
+}
+/* harmony default export */ var es_isEqual = (isEqual_isEqual);
 ;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -15778,7 +14630,7 @@ var StyleProvider = function StyleProvider(props) {
     mergedContext.defaultCache = !cache && parentContext.defaultCache;
     return mergedContext;
   }, [parentContext, restProps], function (prev, next) {
-    return !shallowEqual(prev[0], next[0]) || !shallowEqual(prev[1], next[1]);
+    return !isEqual(prev[0], next[0], true) || !isEqual(prev[1], next[1], true);
   });
   return /*#__PURE__*/React.createElement(StyleContext.Provider, {
     value: context
@@ -15845,34 +14697,6 @@ function useClientCache(prefix, keyPath, cacheFn, onCacheRemove) {
   }, fullPath);
   return globalCache.get(fullPath)[1];
 }
-;// CONCATENATED MODULE: ./node_modules/rc-util/es/warning.js
-/* eslint-disable no-console */
-var warned = {};
-function warning_warning(valid, message) {
-  // Support uglify
-  if (false) {}
-}
-function note(valid, message) {
-  // Support uglify
-  if (false) {}
-}
-function resetWarned() {
-  warned = {};
-}
-function call(method, valid, message) {
-  if (!valid && !warned[message]) {
-    method(false, message);
-    warned[message] = true;
-  }
-}
-function warningOnce(valid, message) {
-  call(warning_warning, valid, message);
-}
-function noteOnce(valid, message) {
-  call(note, valid, message);
-}
-/* harmony default export */ var es_warning = (warningOnce);
-/* eslint-enable */
 ;// CONCATENATED MODULE: ./node_modules/@ant-design/cssinjs/es/util.js
 
 
@@ -16648,7 +15472,28 @@ function splitValues(value) {
   if (typeof value === 'number') {
     return [value];
   }
-  return String(value).split(/\s+/);
+  var splitStyle = String(value).split(/\s+/); // Combine styles split in brackets, like `calc(1px + 2px)`
+
+  var temp = '';
+  var brackets = 0;
+  return splitStyle.reduce(function (list, item) {
+    if (item.includes('(')) {
+      temp += item;
+      brackets += item.split('(').length - 1;
+    } else if (item.includes(')')) {
+      temp += item;
+      brackets -= item.split(')').length - 1;
+      if (brackets === 0) {
+        list.push(temp);
+        temp = '';
+      }
+    } else if (brackets > 0) {
+      temp += item;
+    } else {
+      list.push(item);
+    }
+    return list;
+  }, []);
 }
 function noSplit(list) {
   list.notSplit = true;
@@ -21196,7 +20041,7 @@ var ConfigProVidContainer = function ConfigProVidContainer(props) {
     var _process$env$NODE_ENV2;
     var themeConfig = objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, restConfig.theme), {}, {
       hashId: hashId,
-      hashed: ((_process$env$NODE_ENV2 = "production") === null || _process$env$NODE_ENV2 === void 0 ? void 0 : _process$env$NODE_ENV2.toLowerCase()) !== 'test' && proProvide.hashed
+      hashed: ((_process$env$NODE_ENV2 = "production") === null || _process$env$NODE_ENV2 === void 0 ? void 0 : _process$env$NODE_ENV2.toLowerCase()) !== 'test' && props.hashed !== false && proProvide.hashed !== false
     });
     var provide = (0,jsx_runtime.jsx)(external_antd_.ConfigProvider, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, restConfig), {}, {
       theme: objectSpread2_objectSpread2({}, themeConfig),
@@ -26905,7 +25750,7 @@ var LightWrapper = function LightWrapper(props) {
       size: size,
       onClear: function onClear() {
         onChange === null || onChange === void 0 ? void 0 : onChange();
-        setTempValue(undefined);
+        setTempValue('');
       },
       bordered: bordered,
       style: style,
@@ -26920,7 +25765,7 @@ var LightWrapper = function LightWrapper(props) {
     }),
     footer: {
       onClear: function onClear() {
-        return setTempValue(undefined);
+        return setTempValue('');
       },
       onConfirm: function onConfirm() {
         onChange === null || onChange === void 0 ? void 0 : onChange(tempValue);
@@ -32087,7 +30932,7 @@ var SearchSelect = function SearchSelect(props, ref) {
     onChange: function onChange(value, optionList) {
       // 将搜索框置空 和 antd 行为保持一致
       if (showSearch && autoClearSearchValue) {
-        if (!searchValue) fetchData('');
+        fetchData('');
         onSearch === null || onSearch === void 0 ? void 0 : onSearch('');
         setSearchValue(undefined);
       }
@@ -33831,9 +32676,1176 @@ var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce);
 // EXTERNAL MODULE: ./node_modules/lodash/each.js
 var each = __webpack_require__(6350);
 var each_default = /*#__PURE__*/__webpack_require__.n(each);
-// EXTERNAL MODULE: ./node_modules/tinycolor2/tinycolor.js
-var tinycolor2_tinycolor = __webpack_require__(1438);
-var tinycolor_default = /*#__PURE__*/__webpack_require__.n(tinycolor2_tinycolor);
+;// CONCATENATED MODULE: ./node_modules/tinycolor2/esm/tinycolor.js
+// This file is autogenerated. It's used to publish ESM to npm.
+// https://github.com/bgrins/TinyColor
+// Brian Grinstead, MIT License
+
+var trimLeft = /^\s+/;
+var trimRight = /\s+$/;
+function tinycolor_tinycolor(color, opts) {
+  color = color ? color : "";
+  opts = opts || {};
+
+  // If input is already a tinycolor, return itself
+  if (color instanceof tinycolor_tinycolor) {
+    return color;
+  }
+  // If we are called as a function, call using new instead
+  if (!(this instanceof tinycolor_tinycolor)) {
+    return new tinycolor_tinycolor(color, opts);
+  }
+  var rgb = inputToRGB(color);
+  this._originalInput = color, this._r = rgb.r, this._g = rgb.g, this._b = rgb.b, this._a = rgb.a, this._roundA = Math.round(100 * this._a) / 100, this._format = opts.format || rgb.format;
+  this._gradientType = opts.gradientType;
+
+  // Don't let the range of [0,255] come back in [0,1].
+  // Potentially lose a little bit of precision here, but will fix issues where
+  // .5 gets interpreted as half of the total, instead of half of 1
+  // If it was supposed to be 128, this was already taken care of by `inputToRgb`
+  if (this._r < 1) this._r = Math.round(this._r);
+  if (this._g < 1) this._g = Math.round(this._g);
+  if (this._b < 1) this._b = Math.round(this._b);
+  this._ok = rgb.ok;
+}
+tinycolor_tinycolor.prototype = {
+  isDark: function isDark() {
+    return this.getBrightness() < 128;
+  },
+  isLight: function isLight() {
+    return !this.isDark();
+  },
+  isValid: function isValid() {
+    return this._ok;
+  },
+  getOriginalInput: function getOriginalInput() {
+    return this._originalInput;
+  },
+  getFormat: function getFormat() {
+    return this._format;
+  },
+  getAlpha: function getAlpha() {
+    return this._a;
+  },
+  getBrightness: function getBrightness() {
+    //http://www.w3.org/TR/AERT#color-contrast
+    var rgb = this.toRgb();
+    return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;
+  },
+  getLuminance: function getLuminance() {
+    //http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
+    var rgb = this.toRgb();
+    var RsRGB, GsRGB, BsRGB, R, G, B;
+    RsRGB = rgb.r / 255;
+    GsRGB = rgb.g / 255;
+    BsRGB = rgb.b / 255;
+    if (RsRGB <= 0.03928) R = RsRGB / 12.92;else R = Math.pow((RsRGB + 0.055) / 1.055, 2.4);
+    if (GsRGB <= 0.03928) G = GsRGB / 12.92;else G = Math.pow((GsRGB + 0.055) / 1.055, 2.4);
+    if (BsRGB <= 0.03928) B = BsRGB / 12.92;else B = Math.pow((BsRGB + 0.055) / 1.055, 2.4);
+    return 0.2126 * R + 0.7152 * G + 0.0722 * B;
+  },
+  setAlpha: function setAlpha(value) {
+    this._a = boundAlpha(value);
+    this._roundA = Math.round(100 * this._a) / 100;
+    return this;
+  },
+  toHsv: function toHsv() {
+    var hsv = rgbToHsv(this._r, this._g, this._b);
+    return {
+      h: hsv.h * 360,
+      s: hsv.s,
+      v: hsv.v,
+      a: this._a
+    };
+  },
+  toHsvString: function toHsvString() {
+    var hsv = rgbToHsv(this._r, this._g, this._b);
+    var h = Math.round(hsv.h * 360),
+      s = Math.round(hsv.s * 100),
+      v = Math.round(hsv.v * 100);
+    return this._a == 1 ? "hsv(" + h + ", " + s + "%, " + v + "%)" : "hsva(" + h + ", " + s + "%, " + v + "%, " + this._roundA + ")";
+  },
+  toHsl: function toHsl() {
+    var hsl = rgbToHsl(this._r, this._g, this._b);
+    return {
+      h: hsl.h * 360,
+      s: hsl.s,
+      l: hsl.l,
+      a: this._a
+    };
+  },
+  toHslString: function toHslString() {
+    var hsl = rgbToHsl(this._r, this._g, this._b);
+    var h = Math.round(hsl.h * 360),
+      s = Math.round(hsl.s * 100),
+      l = Math.round(hsl.l * 100);
+    return this._a == 1 ? "hsl(" + h + ", " + s + "%, " + l + "%)" : "hsla(" + h + ", " + s + "%, " + l + "%, " + this._roundA + ")";
+  },
+  toHex: function toHex(allow3Char) {
+    return rgbToHex(this._r, this._g, this._b, allow3Char);
+  },
+  toHexString: function toHexString(allow3Char) {
+    return "#" + this.toHex(allow3Char);
+  },
+  toHex8: function toHex8(allow4Char) {
+    return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char);
+  },
+  toHex8String: function toHex8String(allow4Char) {
+    return "#" + this.toHex8(allow4Char);
+  },
+  toRgb: function toRgb() {
+    return {
+      r: Math.round(this._r),
+      g: Math.round(this._g),
+      b: Math.round(this._b),
+      a: this._a
+    };
+  },
+  toRgbString: function toRgbString() {
+    return this._a == 1 ? "rgb(" + Math.round(this._r) + ", " + Math.round(this._g) + ", " + Math.round(this._b) + ")" : "rgba(" + Math.round(this._r) + ", " + Math.round(this._g) + ", " + Math.round(this._b) + ", " + this._roundA + ")";
+  },
+  toPercentageRgb: function toPercentageRgb() {
+    return {
+      r: Math.round(bound01(this._r, 255) * 100) + "%",
+      g: Math.round(bound01(this._g, 255) * 100) + "%",
+      b: Math.round(bound01(this._b, 255) * 100) + "%",
+      a: this._a
+    };
+  },
+  toPercentageRgbString: function toPercentageRgbString() {
+    return this._a == 1 ? "rgb(" + Math.round(bound01(this._r, 255) * 100) + "%, " + Math.round(bound01(this._g, 255) * 100) + "%, " + Math.round(bound01(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(bound01(this._r, 255) * 100) + "%, " + Math.round(bound01(this._g, 255) * 100) + "%, " + Math.round(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")";
+  },
+  toName: function toName() {
+    if (this._a === 0) {
+      return "transparent";
+    }
+    if (this._a < 1) {
+      return false;
+    }
+    return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false;
+  },
+  toFilter: function toFilter(secondColor) {
+    var hex8String = "#" + rgbaToArgbHex(this._r, this._g, this._b, this._a);
+    var secondHex8String = hex8String;
+    var gradientType = this._gradientType ? "GradientType = 1, " : "";
+    if (secondColor) {
+      var s = tinycolor_tinycolor(secondColor);
+      secondHex8String = "#" + rgbaToArgbHex(s._r, s._g, s._b, s._a);
+    }
+    return "progid:DXImageTransform.Microsoft.gradient(" + gradientType + "startColorstr=" + hex8String + ",endColorstr=" + secondHex8String + ")";
+  },
+  toString: function toString(format) {
+    var formatSet = !!format;
+    format = format || this._format;
+    var formattedString = false;
+    var hasAlpha = this._a < 1 && this._a >= 0;
+    var needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "hex4" || format === "hex8" || format === "name");
+    if (needsAlphaFormat) {
+      // Special case for "transparent", all other non-alpha formats
+      // will return rgba when there is transparency.
+      if (format === "name" && this._a === 0) {
+        return this.toName();
+      }
+      return this.toRgbString();
+    }
+    if (format === "rgb") {
+      formattedString = this.toRgbString();
+    }
+    if (format === "prgb") {
+      formattedString = this.toPercentageRgbString();
+    }
+    if (format === "hex" || format === "hex6") {
+      formattedString = this.toHexString();
+    }
+    if (format === "hex3") {
+      formattedString = this.toHexString(true);
+    }
+    if (format === "hex4") {
+      formattedString = this.toHex8String(true);
+    }
+    if (format === "hex8") {
+      formattedString = this.toHex8String();
+    }
+    if (format === "name") {
+      formattedString = this.toName();
+    }
+    if (format === "hsl") {
+      formattedString = this.toHslString();
+    }
+    if (format === "hsv") {
+      formattedString = this.toHsvString();
+    }
+    return formattedString || this.toHexString();
+  },
+  clone: function clone() {
+    return tinycolor_tinycolor(this.toString());
+  },
+  _applyModification: function _applyModification(fn, args) {
+    var color = fn.apply(null, [this].concat([].slice.call(args)));
+    this._r = color._r;
+    this._g = color._g;
+    this._b = color._b;
+    this.setAlpha(color._a);
+    return this;
+  },
+  lighten: function lighten() {
+    return this._applyModification(_lighten, arguments);
+  },
+  brighten: function brighten() {
+    return this._applyModification(_brighten, arguments);
+  },
+  darken: function darken() {
+    return this._applyModification(_darken, arguments);
+  },
+  desaturate: function desaturate() {
+    return this._applyModification(_desaturate, arguments);
+  },
+  saturate: function saturate() {
+    return this._applyModification(_saturate, arguments);
+  },
+  greyscale: function greyscale() {
+    return this._applyModification(_greyscale, arguments);
+  },
+  spin: function spin() {
+    return this._applyModification(_spin, arguments);
+  },
+  _applyCombination: function _applyCombination(fn, args) {
+    return fn.apply(null, [this].concat([].slice.call(args)));
+  },
+  analogous: function analogous() {
+    return this._applyCombination(_analogous, arguments);
+  },
+  complement: function complement() {
+    return this._applyCombination(_complement, arguments);
+  },
+  monochromatic: function monochromatic() {
+    return this._applyCombination(_monochromatic, arguments);
+  },
+  splitcomplement: function splitcomplement() {
+    return this._applyCombination(_splitcomplement, arguments);
+  },
+  // Disabled until https://github.com/bgrins/TinyColor/issues/254
+  // polyad: function (number) {
+  //   return this._applyCombination(polyad, [number]);
+  // },
+  triad: function triad() {
+    return this._applyCombination(polyad, [3]);
+  },
+  tetrad: function tetrad() {
+    return this._applyCombination(polyad, [4]);
+  }
+};
+
+// If input is an object, force 1 into "1.0" to handle ratios properly
+// String input requires "1.0" as input, so 1 will be treated as 1
+tinycolor_tinycolor.fromRatio = function (color, opts) {
+  if (typeof color == "object") {
+    var newColor = {};
+    for (var i in color) {
+      if (color.hasOwnProperty(i)) {
+        if (i === "a") {
+          newColor[i] = color[i];
+        } else {
+          newColor[i] = convertToPercentage(color[i]);
+        }
+      }
+    }
+    color = newColor;
+  }
+  return tinycolor_tinycolor(color, opts);
+};
+
+// 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 (color.hasOwnProperty("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
+  };
+}
+
+// Conversion Functions
+// --------------------
+
+// `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from:
+// <http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript>
+
+// `rgbToRgb`
+// 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
+  };
+}
+
+// `rgbToHsl`
+// Converts an RGB color value to HSL.
+// *Assumes:* r, g, and b are contained in [0, 255] or [0, 1]
+// *Returns:* { h, s, l } in [0,1]
+function rgbToHsl(r, g, b) {
+  r = bound01(r, 255);
+  g = bound01(g, 255);
+  b = bound01(b, 255);
+  var max = Math.max(r, g, b),
+    min = Math.min(r, g, b);
+  var h,
+    s,
+    l = (max + min) / 2;
+  if (max == min) {
+    h = s = 0; // achromatic
+  } else {
+    var d = max - min;
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    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,
+    l: l
+  };
+}
+
+// `hslToRgb`
+// 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, g, b;
+  h = bound01(h, 360);
+  s = bound01(s, 100);
+  l = bound01(l, 100);
+  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;
+  }
+  if (s === 0) {
+    r = g = b = l; // achromatic
+  } 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
+  };
+}
+
+// `rgbToHsv`
+// 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),
+    min = Math.min(r, g, b);
+  var h,
+    s,
+    v = max;
+  var d = max - min;
+  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
+  };
+}
+
+// `hsvToRgb`
+// 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),
+    f = h - i,
+    p = v * (1 - s),
+    q = v * (1 - f * s),
+    t = v * (1 - (1 - f) * s),
+    mod = i % 6,
+    r = [v, q, p, p, t, v][mod],
+    g = [t, v, v, q, p, p][mod],
+    b = [p, p, t, v, v, q][mod];
+  return {
+    r: r * 255,
+    g: g * 255,
+    b: b * 255
+  };
+}
+
+// `rgbToHex`
+// 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].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1)) {
+    return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
+  }
+  return hex.join("");
+}
+
+// `rgbaToHex`
+// Converts an RGBA color plus alpha transparency to hex
+// Assumes r, g, b are contained in the set [0, 255] and
+// a in [0, 1]. Returns a 4 or 8 character rgba hex
+function rgbaToHex(r, g, b, a, allow4Char) {
+  var hex = [pad2(Math.round(r).toString(16)), pad2(Math.round(g).toString(16)), pad2(Math.round(b).toString(16)), pad2(convertDecimalToHex(a))];
+
+  // Return a 4 character hex if possible
+  if (allow4Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1) && hex[3].charAt(0) == hex[3].charAt(1)) {
+    return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0);
+  }
+  return hex.join("");
+}
+
+// `rgbaToArgbHex`
+// Converts an RGBA color to an ARGB Hex8 string
+// Rarely used, but required for "toFilter()"
+function rgbaToArgbHex(r, g, b, a) {
+  var hex = [pad2(convertDecimalToHex(a)), pad2(Math.round(r).toString(16)), pad2(Math.round(g).toString(16)), pad2(Math.round(b).toString(16))];
+  return hex.join("");
+}
+
+// `equals`
+// Can be called with any tinycolor input
+tinycolor_tinycolor.equals = function (color1, color2) {
+  if (!color1 || !color2) return false;
+  return tinycolor_tinycolor(color1).toRgbString() == tinycolor_tinycolor(color2).toRgbString();
+};
+tinycolor_tinycolor.random = function () {
+  return tinycolor_tinycolor.fromRatio({
+    r: Math.random(),
+    g: Math.random(),
+    b: Math.random()
+  });
+};
+
+// Modification Functions
+// ----------------------
+// Thanks to less.js for some of the basics here
+// <https://github.com/cloudhead/less.js/blob/master/lib/less/functions.js>
+
+function _desaturate(color, amount) {
+  amount = amount === 0 ? 0 : amount || 10;
+  var hsl = tinycolor_tinycolor(color).toHsl();
+  hsl.s -= amount / 100;
+  hsl.s = clamp01(hsl.s);
+  return tinycolor_tinycolor(hsl);
+}
+function _saturate(color, amount) {
+  amount = amount === 0 ? 0 : amount || 10;
+  var hsl = tinycolor_tinycolor(color).toHsl();
+  hsl.s += amount / 100;
+  hsl.s = clamp01(hsl.s);
+  return tinycolor_tinycolor(hsl);
+}
+function _greyscale(color) {
+  return tinycolor_tinycolor(color).desaturate(100);
+}
+function _lighten(color, amount) {
+  amount = amount === 0 ? 0 : amount || 10;
+  var hsl = tinycolor_tinycolor(color).toHsl();
+  hsl.l += amount / 100;
+  hsl.l = clamp01(hsl.l);
+  return tinycolor_tinycolor(hsl);
+}
+function _brighten(color, amount) {
+  amount = amount === 0 ? 0 : amount || 10;
+  var rgb = tinycolor_tinycolor(color).toRgb();
+  rgb.r = Math.max(0, Math.min(255, rgb.r - Math.round(255 * -(amount / 100))));
+  rgb.g = Math.max(0, Math.min(255, rgb.g - Math.round(255 * -(amount / 100))));
+  rgb.b = Math.max(0, Math.min(255, rgb.b - Math.round(255 * -(amount / 100))));
+  return tinycolor_tinycolor(rgb);
+}
+function _darken(color, amount) {
+  amount = amount === 0 ? 0 : amount || 10;
+  var hsl = tinycolor_tinycolor(color).toHsl();
+  hsl.l -= amount / 100;
+  hsl.l = clamp01(hsl.l);
+  return tinycolor_tinycolor(hsl);
+}
+
+// Spin takes a positive or negative amount within [-360, 360] indicating the change of hue.
+// Values outside of this range will be wrapped into this range.
+function _spin(color, amount) {
+  var hsl = tinycolor_tinycolor(color).toHsl();
+  var hue = (hsl.h + amount) % 360;
+  hsl.h = hue < 0 ? 360 + hue : hue;
+  return tinycolor_tinycolor(hsl);
+}
+
+// Combination Functions
+// ---------------------
+// Thanks to jQuery xColor for some of the ideas behind these
+// <https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js>
+
+function _complement(color) {
+  var hsl = tinycolor_tinycolor(color).toHsl();
+  hsl.h = (hsl.h + 180) % 360;
+  return tinycolor_tinycolor(hsl);
+}
+function polyad(color, number) {
+  if (isNaN(number) || number <= 0) {
+    throw new Error("Argument to polyad must be a positive number");
+  }
+  var hsl = tinycolor_tinycolor(color).toHsl();
+  var result = [tinycolor_tinycolor(color)];
+  var step = 360 / number;
+  for (var i = 1; i < number; i++) {
+    result.push(tinycolor_tinycolor({
+      h: (hsl.h + i * step) % 360,
+      s: hsl.s,
+      l: hsl.l
+    }));
+  }
+  return result;
+}
+function _splitcomplement(color) {
+  var hsl = tinycolor_tinycolor(color).toHsl();
+  var h = hsl.h;
+  return [tinycolor_tinycolor(color), tinycolor_tinycolor({
+    h: (h + 72) % 360,
+    s: hsl.s,
+    l: hsl.l
+  }), tinycolor_tinycolor({
+    h: (h + 216) % 360,
+    s: hsl.s,
+    l: hsl.l
+  })];
+}
+function _analogous(color, results, slices) {
+  results = results || 6;
+  slices = slices || 30;
+  var hsl = tinycolor_tinycolor(color).toHsl();
+  var part = 360 / slices;
+  var ret = [tinycolor_tinycolor(color)];
+  for (hsl.h = (hsl.h - (part * results >> 1) + 720) % 360; --results;) {
+    hsl.h = (hsl.h + part) % 360;
+    ret.push(tinycolor_tinycolor(hsl));
+  }
+  return ret;
+}
+function _monochromatic(color, results) {
+  results = results || 6;
+  var hsv = tinycolor_tinycolor(color).toHsv();
+  var h = hsv.h,
+    s = hsv.s,
+    v = hsv.v;
+  var ret = [];
+  var modification = 1 / results;
+  while (results--) {
+    ret.push(tinycolor_tinycolor({
+      h: h,
+      s: s,
+      v: v
+    }));
+    v = (v + modification) % 1;
+  }
+  return ret;
+}
+
+// Utility Functions
+// ---------------------
+
+tinycolor_tinycolor.mix = function (color1, color2, amount) {
+  amount = amount === 0 ? 0 : amount || 50;
+  var rgb1 = tinycolor_tinycolor(color1).toRgb();
+  var rgb2 = tinycolor_tinycolor(color2).toRgb();
+  var p = amount / 100;
+  var rgba = {
+    r: (rgb2.r - rgb1.r) * p + rgb1.r,
+    g: (rgb2.g - rgb1.g) * p + rgb1.g,
+    b: (rgb2.b - rgb1.b) * p + rgb1.b,
+    a: (rgb2.a - rgb1.a) * p + rgb1.a
+  };
+  return tinycolor_tinycolor(rgba);
+};
+
+// Readability Functions
+// ---------------------
+// <http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef (WCAG Version 2)
+
+// `contrast`
+// Analyze the 2 colors and returns the color contrast defined by (WCAG Version 2)
+tinycolor_tinycolor.readability = function (color1, color2) {
+  var c1 = tinycolor_tinycolor(color1);
+  var c2 = tinycolor_tinycolor(color2);
+  return (Math.max(c1.getLuminance(), c2.getLuminance()) + 0.05) / (Math.min(c1.getLuminance(), c2.getLuminance()) + 0.05);
+};
+
+// `isReadable`
+// Ensure that foreground and background color combinations meet WCAG2 guidelines.
+// The third argument is an optional Object.
+//      the 'level' property states 'AA' or 'AAA' - if missing or invalid, it defaults to 'AA';
+//      the 'size' property states 'large' or 'small' - if missing or invalid, it defaults to 'small'.
+// If the entire object is absent, isReadable defaults to {level:"AA",size:"small"}.
+
+// *Example*
+//    tinycolor.isReadable("#000", "#111") => false
+//    tinycolor.isReadable("#000", "#111",{level:"AA",size:"large"}) => false
+tinycolor_tinycolor.isReadable = function (color1, color2, wcag2) {
+  var readability = tinycolor_tinycolor.readability(color1, color2);
+  var wcag2Parms, out;
+  out = false;
+  wcag2Parms = validateWCAG2Parms(wcag2);
+  switch (wcag2Parms.level + wcag2Parms.size) {
+    case "AAsmall":
+    case "AAAlarge":
+      out = readability >= 4.5;
+      break;
+    case "AAlarge":
+      out = readability >= 3;
+      break;
+    case "AAAsmall":
+      out = readability >= 7;
+      break;
+  }
+  return out;
+};
+
+// `mostReadable`
+// Given a base color and a list of possible foreground or background
+// colors for that base, returns the most readable color.
+// Optionally returns Black or White if the most readable color is unreadable.
+// *Example*
+//    tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:false}).toHexString(); // "#112255"
+//    tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:true}).toHexString();  // "#ffffff"
+//    tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"large"}).toHexString(); // "#faf3f3"
+//    tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"small"}).toHexString(); // "#ffffff"
+tinycolor_tinycolor.mostReadable = function (baseColor, colorList, args) {
+  var bestColor = null;
+  var bestScore = 0;
+  var readability;
+  var includeFallbackColors, level, size;
+  args = args || {};
+  includeFallbackColors = args.includeFallbackColors;
+  level = args.level;
+  size = args.size;
+  for (var i = 0; i < colorList.length; i++) {
+    readability = tinycolor_tinycolor.readability(baseColor, colorList[i]);
+    if (readability > bestScore) {
+      bestScore = readability;
+      bestColor = tinycolor_tinycolor(colorList[i]);
+    }
+  }
+  if (tinycolor_tinycolor.isReadable(baseColor, bestColor, {
+    level: level,
+    size: size
+  }) || !includeFallbackColors) {
+    return bestColor;
+  } else {
+    args.includeFallbackColors = false;
+    return tinycolor_tinycolor.mostReadable(baseColor, ["#fff", "#000"], args);
+  }
+};
+
+// Big List of Colors
+// ------------------
+// <https://www.w3.org/TR/css-color-4/#named-colors>
+var names = tinycolor_tinycolor.names = {
+  aliceblue: "f0f8ff",
+  antiquewhite: "faebd7",
+  aqua: "0ff",
+  aquamarine: "7fffd4",
+  azure: "f0ffff",
+  beige: "f5f5dc",
+  bisque: "ffe4c4",
+  black: "000",
+  blanchedalmond: "ffebcd",
+  blue: "00f",
+  blueviolet: "8a2be2",
+  brown: "a52a2a",
+  burlywood: "deb887",
+  burntsienna: "ea7e5d",
+  cadetblue: "5f9ea0",
+  chartreuse: "7fff00",
+  chocolate: "d2691e",
+  coral: "ff7f50",
+  cornflowerblue: "6495ed",
+  cornsilk: "fff8dc",
+  crimson: "dc143c",
+  cyan: "0ff",
+  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: "f0f",
+  gainsboro: "dcdcdc",
+  ghostwhite: "f8f8ff",
+  gold: "ffd700",
+  goldenrod: "daa520",
+  gray: "808080",
+  green: "008000",
+  greenyellow: "adff2f",
+  grey: "808080",
+  honeydew: "f0fff0",
+  hotpink: "ff69b4",
+  indianred: "cd5c5c",
+  indigo: "4b0082",
+  ivory: "fffff0",
+  khaki: "f0e68c",
+  lavender: "e6e6fa",
+  lavenderblush: "fff0f5",
+  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: "789",
+  lightslategrey: "789",
+  lightsteelblue: "b0c4de",
+  lightyellow: "ffffe0",
+  lime: "0f0",
+  limegreen: "32cd32",
+  linen: "faf0e6",
+  magenta: "f0f",
+  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: "f00",
+  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: "fff",
+  whitesmoke: "f5f5f5",
+  yellow: "ff0",
+  yellowgreen: "9acd32"
+};
+
+// Make it easy to access colors via `hexNames[hex]`
+var hexNames = tinycolor_tinycolor.hexNames = flip(names);
+
+// Utilities
+// ---------
+
+// `{ 'name1': 'val1' }` becomes `{ 'val1': 'name1' }`
+function flip(o) {
+  var flipped = {};
+  for (var i in o) {
+    if (o.hasOwnProperty(i)) {
+      flipped[o[i]] = i;
+    }
+  }
+  return flipped;
+}
+
+// Return a valid alpha value [0,1] with all invalid values being set to 1
+function boundAlpha(a) {
+  a = parseFloat(a);
+  if (isNaN(a) || a < 0 || a > 1) {
+    a = 1;
+  }
+  return a;
+}
+
+// Take input from [0, n] and return it as [0, 1]
+function bound01(n, max) {
+  if (isOnePointZero(n)) n = "100%";
+  var processPercent = isPercentage(n);
+  n = Math.min(max, Math.max(0, parseFloat(n)));
+
+  // Automatically convert percentage into number
+  if (processPercent) {
+    n = parseInt(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
+  return n % max / parseFloat(max);
+}
+
+// Force a number between 0 and 1
+function clamp01(val) {
+  return Math.min(1, Math.max(0, val));
+}
+
+// Parse a base-16 hex value into a base-10 integer
+function parseIntFromHex(val) {
+  return parseInt(val, 16);
+}
+
+// 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>
+function isOnePointZero(n) {
+  return typeof n == "string" && n.indexOf(".") != -1 && parseFloat(n) === 1;
+}
+
+// Check to see if string passed in is a percentage
+function isPercentage(n) {
+  return typeof n === "string" && n.indexOf("%") != -1;
+}
+
+// Force a hex value to have 2 characters
+function pad2(c) {
+  return c.length == 1 ? "0" + c : "" + c;
+}
+
+// Replace a decimal with it's percentage value
+function convertToPercentage(n) {
+  if (n <= 1) {
+    n = n * 100 + "%";
+  }
+  return n;
+}
+
+// Converts a decimal to a hex value
+function convertDecimalToHex(d) {
+  return Math.round(parseFloat(d) * 255).toString(16);
+}
+// Converts a hex value to a decimal
+function convertHexToDecimal(h) {
+  return parseIntFromHex(h) / 255;
+}
+var matchers = function () {
+  // <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*\\)?";
+  return {
+    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})$/
+  };
+}();
+
+// `isValidCSSUnit`
+// Take in a single string / number and check to see if it looks like a CSS unit
+// (see `matchers` above for definition).
+function isValidCSSUnit(color) {
+  return !!matchers.CSS_UNIT.exec(color);
+}
+
+// `stringInputToObject`
+// 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.replace(trimLeft, "").replace(trimRight, "").toLowerCase();
+  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;
+  if (match = matchers.rgb.exec(color)) {
+    return {
+      r: match[1],
+      g: match[2],
+      b: match[3]
+    };
+  }
+  if (match = matchers.rgba.exec(color)) {
+    return {
+      r: match[1],
+      g: match[2],
+      b: match[3],
+      a: match[4]
+    };
+  }
+  if (match = matchers.hsl.exec(color)) {
+    return {
+      h: match[1],
+      s: match[2],
+      l: match[3]
+    };
+  }
+  if (match = matchers.hsla.exec(color)) {
+    return {
+      h: match[1],
+      s: match[2],
+      l: match[3],
+      a: match[4]
+    };
+  }
+  if (match = matchers.hsv.exec(color)) {
+    return {
+      h: match[1],
+      s: match[2],
+      v: match[3]
+    };
+  }
+  if (match = matchers.hsva.exec(color)) {
+    return {
+      h: match[1],
+      s: match[2],
+      v: match[3],
+      a: match[4]
+    };
+  }
+  if (match = matchers.hex8.exec(color)) {
+    return {
+      r: parseIntFromHex(match[1]),
+      g: parseIntFromHex(match[2]),
+      b: parseIntFromHex(match[3]),
+      a: convertHexToDecimal(match[4]),
+      format: named ? "name" : "hex8"
+    };
+  }
+  if (match = matchers.hex6.exec(color)) {
+    return {
+      r: parseIntFromHex(match[1]),
+      g: parseIntFromHex(match[2]),
+      b: parseIntFromHex(match[3]),
+      format: named ? "name" : "hex"
+    };
+  }
+  if (match = matchers.hex4.exec(color)) {
+    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"
+    };
+  }
+  if (match = matchers.hex3.exec(color)) {
+    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;
+}
+function validateWCAG2Parms(parms) {
+  // return valid WCAG2 parms for isReadable.
+  // If input parms are invalid, return {"level":"AA", "size":"small"}
+  var level, size;
+  parms = parms || {
+    level: "AA",
+    size: "small"
+  };
+  level = (parms.level || "AA").toUpperCase();
+  size = (parms.size || "small").toLowerCase();
+  if (level !== "AA" && level !== "AAA") {
+    level = "AA";
+  }
+  if (size !== "small" && size !== "large") {
+    size = "small";
+  }
+  return {
+    level: level,
+    size: size
+  };
+}
+
 ;// CONCATENATED MODULE: ./node_modules/@chenshuai2144/sketch-color/es/helpers/color.js
 
 
@@ -33860,7 +33872,7 @@ var simpleCheckForValidColor = function simpleCheckForValidColor(data) {
 };
 var toState = function toState(data, oldHue) {
   // @ts-ignore
-  var color = data.hex ? tinycolor_default()(data.hex) : tinycolor_default()(data);
+  var color = data.hex ? tinycolor_tinycolor(data.hex) : tinycolor_tinycolor(data);
   var hsl = color.toHsl();
   var hsv = color.toHsv();
   var rgb = color.toRgb();
@@ -33886,7 +33898,7 @@ var isValidHex = function isValidHex(hex) {
 
   var lh = String(hex).charAt(0) === '#' ? 1 : 0; // @ts-ignore
 
-  return hex.length !== 4 + lh && hex.length < 7 + lh && tinycolor_default()(hex).isValid();
+  return hex.length !== 4 + lh && hex.length < 7 + lh && tinycolor_tinycolor(hex).isValid();
 };
 var getContrastingColor = function getContrastingColor(data) {
   if (!data) {
@@ -47382,6 +47394,20 @@ var DefaultContent = function DefaultContent(props) {
     children: (0,jsx_runtime.jsx)("ul", {
       className: "".concat(baseClassName, "-content-list ").concat(hashId),
       children: appList === null || appList === void 0 ? void 0 : appList.map(function (app, index) {
+        var _app$children;
+        if (app === null || app === void 0 ? void 0 : (_app$children = app.children) === null || _app$children === void 0 ? void 0 : _app$children.length) {
+          return (0,jsx_runtime.jsxs)("div", {
+            className: "".concat(baseClassName, "-content-list-item-group ").concat(hashId),
+            children: [(0,jsx_runtime.jsx)("div", {
+              className: "".concat(baseClassName, "-content-list-item-group-title ").concat(hashId),
+              children: app.title
+            }), (0,jsx_runtime.jsx)(DefaultContent, {
+              hashId: hashId,
+              appList: app === null || app === void 0 ? void 0 : app.children,
+              baseClassName: baseClassName
+            })]
+          });
+        }
         return (0,jsx_runtime.jsx)("li", {
           className: "".concat(baseClassName, "-content-list-item ").concat(hashId),
           children: (0,jsx_runtime.jsxs)("a", {
@@ -47463,6 +47489,20 @@ var SimpleContent = function SimpleContent(props) {
     children: (0,jsx_runtime.jsx)("ul", {
       className: "".concat(baseClassName, "-content-list ").concat(hashId),
       children: appList === null || appList === void 0 ? void 0 : appList.map(function (app, index) {
+        var _app$children;
+        if (app === null || app === void 0 ? void 0 : (_app$children = app.children) === null || _app$children === void 0 ? void 0 : _app$children.length) {
+          return (0,jsx_runtime.jsxs)("div", {
+            className: "".concat(baseClassName, "-content-list-item-group ").concat(hashId),
+            children: [(0,jsx_runtime.jsx)("div", {
+              className: "".concat(baseClassName, "-content-list-item-group-title ").concat(hashId),
+              children: app.title
+            }), (0,jsx_runtime.jsx)(SimpleContent, {
+              hashId: hashId,
+              appList: app === null || app === void 0 ? void 0 : app.children,
+              baseClassName: baseClassName
+            })]
+          });
+        }
         return (0,jsx_runtime.jsx)("li", {
           className: "".concat(baseClassName, "-content-list-item ").concat(hashId),
           children: (0,jsx_runtime.jsxs)("a", {
@@ -47485,6 +47525,8 @@ var SimpleContent = function SimpleContent(props) {
 var genAppsLogoComponentsDefaultListStyle = function genAppsLogoComponentsDefaultListStyle(token) {
   return {
     '&-content': {
+      maxHeight: 'calc(100vh - 48px)',
+      overflow: 'auto',
       '&-list': {
         boxSizing: 'content-box',
         maxWidth: 656,
@@ -47508,6 +47550,20 @@ var genAppsLogoComponentsDefaultListStyle = function genAppsLogoComponentsDefaul
           listStyleType: 'none',
           transition: 'transform 0.2s cubic-bezier(0.333, 0, 0, 1)',
           borderRadius: token.borderRadius,
+          '&-group': {
+            marginBottom: 16,
+            '&-title': {
+              margin: '16px 0 8px 12px',
+              fontWeight: 600,
+              color: 'rgba(0, 0, 0, 0.88)',
+              fontSize: 16,
+              opacity: 0.85,
+              lineHeight: 1.5,
+              '&:first-child': {
+                marginTop: 12
+              }
+            }
+          },
           '&:hover': {
             backgroundColor: token.colorBgTextHover
           },
@@ -47549,6 +47605,8 @@ var genAppsLogoComponentsDefaultListStyle = function genAppsLogoComponentsDefaul
 var genAppsLogoComponentsSimpleListStyle = function genAppsLogoComponentsSimpleListStyle(token) {
   return {
     '&-content': {
+      maxHeight: 'calc(100vh - 48px)',
+      overflow: 'auto',
       '&-list': {
         boxSizing: 'border-box',
         maxWidth: 376,
@@ -47574,6 +47632,20 @@ var genAppsLogoComponentsSimpleListStyle = function genAppsLogoComponentsSimpleL
           listStyleType: 'none',
           transition: 'transform 0.2s cubic-bezier(0.333, 0, 0, 1)',
           borderRadius: token.borderRadius,
+          '&-group': {
+            marginBottom: 16,
+            '&-title': {
+              margin: '16px 0 8px 12px',
+              fontWeight: 600,
+              color: 'rgba(0, 0, 0, 0.88)',
+              fontSize: 16,
+              opacity: 0.85,
+              lineHeight: 1.5,
+              '&:first-child': {
+                marginTop: 12
+              }
+            }
+          },
           '&:hover': {
             backgroundColor: token.colorBgTextHover
           },
@@ -47651,7 +47723,7 @@ var genAppsLogoComponentsStyle = function genAppsLogoComponentsStyle(token) {
       }
     },
     '&-item-title': {
-      margin: '16px 0 8px 12px',
+      marginInline: '16px 0 8px 12px',
       fontWeight: 600,
       color: 'rgba(0, 0, 0, 0.88)',
       fontSize: 16,
@@ -48800,7 +48872,7 @@ var SiderMenu = function SiderMenu(props) {
               colorItemTextSelected: (token === null || token === void 0 ? void 0 : (_token$layout5 = token.layout) === null || _token$layout5 === void 0 ? void 0 : (_token$layout5$sider = _token$layout5.sider) === null || _token$layout5$sider === void 0 ? void 0 : _token$layout5$sider.colorTextMenuSelected) || 'rgba(0, 0, 0, 1)',
               colorItemBg: 'transparent',
               colorSubItemBg: 'transparent',
-              colorBgElevated: (token === null || token === void 0 ? void 0 : (_token$layout6 = token.layout) === null || _token$layout6 === void 0 ? void 0 : (_token$layout6$sider = _token$layout6.sider) === null || _token$layout6$sider === void 0 ? void 0 : _token$layout6$sider.colorBgMenuItemCollapsedElevated) || 'transparent'
+              colorBgElevated: (token === null || token === void 0 ? void 0 : (_token$layout6 = token.layout) === null || _token$layout6 === void 0 ? void 0 : (_token$layout6$sider = _token$layout6.sider) === null || _token$layout6$sider === void 0 ? void 0 : _token$layout6$sider.colorBgMenuItemCollapsedElevated) || '#fff'
             }
           }
         },
@@ -51116,7 +51188,7 @@ var react = __webpack_require__(3948);
 var safeIsNaN = Number.isNaN || function ponyfill(value) {
   return typeof value === 'number' && value !== value;
 };
-function isEqual(first, second) {
+function memoize_one_esm_isEqual(first, second) {
   if (first === second) {
     return true;
   }
@@ -51130,7 +51202,7 @@ function areInputsEqual(newInputs, lastInputs) {
     return false;
   }
   for (var i = 0; i < newInputs.length; i++) {
-    if (!isEqual(newInputs[i], lastInputs[i])) {
+    if (!memoize_one_esm_isEqual(newInputs[i], lastInputs[i])) {
       return false;
     }
   }
@@ -56235,7 +56307,7 @@ function useContainer(container) {
 
 
 function container_useContainer() {
-  var _props$columnsState3, _props$columnsState4, _props$columnsState8, _props$columnsState9;
+  var _props$columnsState4, _props$columnsState5, _props$columnsState9, _props$columnsState10;
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var actionRef = (0,external_React_.useRef)();
   var rootDomRef = (0,external_React_.useRef)(null);
@@ -56261,7 +56333,8 @@ function container_useContainer() {
     setTableSize = _useMergedState2[1];
   /** 默认全选中 */
   var defaultColumnKeyMap = (0,external_React_.useMemo)(function () {
-    var _props$columns;
+    var _props$columnsState, _props$columns;
+    if (props === null || props === void 0 ? void 0 : (_props$columnsState = props.columnsState) === null || _props$columnsState === void 0 ? void 0 : _props$columnsState.defaultValue) return props.columnsState.defaultValue;
     var columnKeyMap = {};
     (_props$columns = props.columns) === null || _props$columns === void 0 ? void 0 : _props$columns.forEach(function (_ref, index) {
       var key = _ref.key,
@@ -56280,7 +56353,7 @@ function container_useContainer() {
     return columnKeyMap;
   }, [props.columns]);
   var _useMergedState3 = (0,useMergedState/* default */.Z)(function () {
-      var _props$columnsState, _props$columnsState2;
+      var _props$columnsState2, _props$columnsState3;
       var _ref2 = props.columnsState || {},
         persistenceType = _ref2.persistenceType,
         persistenceKey = _ref2.persistenceKey;
@@ -56296,10 +56369,10 @@ function container_useContainer() {
           console.warn(error);
         }
       }
-      return props.columnsStateMap || ((_props$columnsState = props.columnsState) === null || _props$columnsState === void 0 ? void 0 : _props$columnsState.value) || ((_props$columnsState2 = props.columnsState) === null || _props$columnsState2 === void 0 ? void 0 : _props$columnsState2.defaultValue) || defaultColumnKeyMap;
+      return props.columnsStateMap || ((_props$columnsState2 = props.columnsState) === null || _props$columnsState2 === void 0 ? void 0 : _props$columnsState2.value) || ((_props$columnsState3 = props.columnsState) === null || _props$columnsState3 === void 0 ? void 0 : _props$columnsState3.defaultValue) || defaultColumnKeyMap;
     }, {
-      value: ((_props$columnsState3 = props.columnsState) === null || _props$columnsState3 === void 0 ? void 0 : _props$columnsState3.value) || props.columnsStateMap,
-      onChange: ((_props$columnsState4 = props.columnsState) === null || _props$columnsState4 === void 0 ? void 0 : _props$columnsState4.onChange) || props.onColumnsStateChange
+      value: ((_props$columnsState4 = props.columnsState) === null || _props$columnsState4 === void 0 ? void 0 : _props$columnsState4.value) || props.columnsStateMap,
+      onChange: ((_props$columnsState5 = props.columnsState) === null || _props$columnsState5 === void 0 ? void 0 : _props$columnsState5.onChange) || props.onColumnsStateChange
     }),
     _useMergedState4 = slicedToArray_slicedToArray(_useMergedState3, 2),
     columnsMap = _useMergedState4[0],
@@ -56341,15 +56414,15 @@ function container_useContainer() {
     }
   }, [props.columnsState]);
   (0,external_React_.useEffect)(function () {
-    var _props$columnsState5, _props$columnsState6;
-    if (!((_props$columnsState5 = props.columnsState) === null || _props$columnsState5 === void 0 ? void 0 : _props$columnsState5.persistenceKey) || !((_props$columnsState6 = props.columnsState) === null || _props$columnsState6 === void 0 ? void 0 : _props$columnsState6.persistenceType)) {
+    var _props$columnsState6, _props$columnsState7;
+    if (!((_props$columnsState6 = props.columnsState) === null || _props$columnsState6 === void 0 ? void 0 : _props$columnsState6.persistenceKey) || !((_props$columnsState7 = props.columnsState) === null || _props$columnsState7 === void 0 ? void 0 : _props$columnsState7.persistenceType)) {
       return;
     }
     if (typeof window === 'undefined') return;
     /** 给持久化中设置数据 */
-    var _props$columnsState7 = props.columnsState,
-      persistenceType = _props$columnsState7.persistenceType,
-      persistenceKey = _props$columnsState7.persistenceKey;
+    var _props$columnsState8 = props.columnsState,
+      persistenceType = _props$columnsState8.persistenceType,
+      persistenceKey = _props$columnsState8.persistenceKey;
     var storage = window[persistenceType];
     try {
       storage === null || storage === void 0 ? void 0 : storage.setItem(persistenceKey, JSON.stringify(columnsMap));
@@ -56358,7 +56431,7 @@ function container_useContainer() {
       clearPersistenceStorage();
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [(_props$columnsState8 = props.columnsState) === null || _props$columnsState8 === void 0 ? void 0 : _props$columnsState8.persistenceKey, columnsMap, (_props$columnsState9 = props.columnsState) === null || _props$columnsState9 === void 0 ? void 0 : _props$columnsState9.persistenceType]);
+  }, [(_props$columnsState9 = props.columnsState) === null || _props$columnsState9 === void 0 ? void 0 : _props$columnsState9.persistenceKey, columnsMap, (_props$columnsState10 = props.columnsState) === null || _props$columnsState10 === void 0 ? void 0 : _props$columnsState10.persistenceType]);
   var renderValue = {
     action: actionRef.current,
     setAction: function setAction(newAction) {
@@ -60792,6 +60865,9 @@ function pickAttrs(props) {
   });
   return attrs;
 }
+// EXTERNAL MODULE: ./node_modules/shallowequal/index.js
+var shallowequal = __webpack_require__(2460);
+var shallowequal_default = /*#__PURE__*/__webpack_require__.n(shallowequal);
 ;// CONCATENATED MODULE: ./node_modules/rc-util/es/hooks/useEvent.js
 
 function useEvent(callback) {
@@ -65242,7 +65318,7 @@ var genFocusStyle = function genFocusStyle(token) {
   };
 };
 ;// CONCATENATED MODULE: ./node_modules/antd/es/version/version.js
-/* harmony default export */ var version = ('5.1.1');
+/* harmony default export */ var version = ('5.1.2');
 ;// CONCATENATED MODULE: ./node_modules/antd/es/version/index.js
 /* eslint import/no-unresolved: 0 */
 // @ts-ignore
@@ -66025,7 +66101,10 @@ var genCheckboxStyle = function genCheckboxStyle(token) {
   }), _$concat$con2)), _ref5), (_ref6 = {}, esm_defineProperty_defineProperty(_ref6, "".concat(wrapperCls, "-disabled"), {
     cursor: 'not-allowed'
   }), esm_defineProperty_defineProperty(_ref6, "".concat(checkboxCls, "-disabled"), (_$concat3 = {}, esm_defineProperty_defineProperty(_$concat3, "&, ".concat(checkboxCls, "-input"), {
-    cursor: 'not-allowed'
+    cursor: 'not-allowed',
+    // Disabled for native input to enable Tooltip event handler
+    // ref: https://github.com/ant-design/ant-design/issues/39822#issuecomment-1365075901
+    pointerEvents: 'none'
   }), esm_defineProperty_defineProperty(_$concat3, "".concat(checkboxCls, "-inner"), {
     background: token.colorBgContainerDisabled,
     borderColor: token.colorBorder,
@@ -68242,7 +68321,7 @@ function isCompleteFailX(elFuturePos, elRegion, visibleRect) {
 function isCompleteFailY(elFuturePos, elRegion, visibleRect) {
   return elFuturePos.top > visibleRect.bottom || elFuturePos.top + elRegion.height < visibleRect.top;
 }
-function flip(points, reg, map) {
+function dist_web_flip(points, reg, map) {
   var ret = [];
   utils.each(points, function (p) {
     ret.push(p.replace(reg, function (m) {
@@ -68304,7 +68383,7 @@ function doAlign(el, tgtRegion, align, isTgtRegionVisible) {
       // 如果横向不能放下
       if (isFailX(elFuturePos, elRegion, visibleRect)) {
         // 对齐位置反下
-        var newPoints = flip(points, /[lr]/gi, {
+        var newPoints = dist_web_flip(points, /[lr]/gi, {
           l: 'r',
           r: 'l'
         });
@@ -68324,7 +68403,7 @@ function doAlign(el, tgtRegion, align, isTgtRegionVisible) {
       // 如果纵向不能放下
       if (isFailY(elFuturePos, elRegion, visibleRect)) {
         // 对齐位置反下
-        var _newPoints = flip(points, /[tb]/gi, {
+        var _newPoints = dist_web_flip(points, /[tb]/gi, {
           t: 'b',
           b: 't'
         });
@@ -68355,13 +68434,13 @@ function doAlign(el, tgtRegion, align, isTgtRegionVisible) {
 
       // 重置对应部分的翻转逻辑
       if (isStillFailX) {
-        _newPoints2 = flip(points, /[lr]/gi, {
+        _newPoints2 = dist_web_flip(points, /[lr]/gi, {
           l: 'r',
           r: 'l'
         });
       }
       if (isStillFailY) {
-        _newPoints2 = flip(points, /[tb]/gi, {
+        _newPoints2 = dist_web_flip(points, /[tb]/gi, {
           t: 'b',
           b: 't'
         });
@@ -68470,61 +68549,6 @@ function alignPoint(el, tgtPoint, align) {
 }
 /* harmony default export */ var dist_web = ((/* unused pure expression or super */ null && (alignElement)));
 
-;// CONCATENATED MODULE: ./node_modules/rc-util/es/isEqual.js
-
-
-/**
- * Deeply compares two object literals.
- * @param obj1 object 1
- * @param obj2 object 2
- * @param shallow shallow compare
- * @returns
- */
-function isEqual_isEqual(obj1, obj2) {
-  var shallow = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  // https://github.com/mapbox/mapbox-gl-js/pull/5979/files#diff-fde7145050c47cc3a306856efd5f9c3016e86e859de9afbd02c879be5067e58f
-  var refSet = new Set();
-  function deepEqual(a, b) {
-    var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-    var circular = refSet.has(a);
-    es_warning(!circular, 'Warning: There may be circular references');
-    if (circular) {
-      return false;
-    }
-    if (a === b) {
-      return true;
-    }
-    if (shallow && level > 1) {
-      return false;
-    }
-    refSet.add(a);
-    var newLevel = level + 1;
-    if (Array.isArray(a)) {
-      if (!Array.isArray(b) || a.length !== b.length) {
-        return false;
-      }
-      for (var i = 0; i < a.length; i++) {
-        if (!deepEqual(a[i], b[i], newLevel)) {
-          return false;
-        }
-      }
-      return true;
-    }
-    if (a && b && typeof_typeof(a) === 'object' && typeof_typeof(b) === 'object') {
-      var keys = Object.keys(a);
-      if (keys.length !== Object.keys(b).length) {
-        return false;
-      }
-      return keys.every(function (key) {
-        return deepEqual(a[key], b[key], newLevel);
-      });
-    }
-    // other
-    return false;
-  }
-  return deepEqual(obj1, obj2);
-}
-/* harmony default export */ var es_isEqual = (isEqual_isEqual);
 ;// CONCATENATED MODULE: ./node_modules/rc-align/es/hooks/useBuffer.js
 
 /* harmony default export */ var useBuffer = (function (callback, buffer) {
@@ -73651,14 +73675,14 @@ var getThemeStyle = function getThemeStyle(token, themeSuffix) {
     }
   }, esm_defineProperty_defineProperty(_$concat$concat3, "&:hover, &-active, &-open", {
     '&::after': {
-      borderWidth: "".concat(colorActiveBarHeight, "px"),
+      borderBottomWidth: colorActiveBarHeight,
       borderBottomColor: colorItemTextSelectedHorizontal
     }
   }), esm_defineProperty_defineProperty(_$concat$concat3, "&-selected", {
     color: colorItemTextSelectedHorizontal,
     backgroundColor: colorItemBgSelectedHorizontal,
     '&::after': {
-      borderWidth: "".concat(colorActiveBarHeight, "px"),
+      borderBottomWidth: colorActiveBarHeight,
       borderBottomColor: colorItemTextSelectedHorizontal
     }
   }), _$concat$concat3)))), esm_defineProperty_defineProperty(_$concat$concat4, "&".concat(componentCls, "-root"), esm_defineProperty_defineProperty({}, "&".concat(componentCls, "-inline, &").concat(componentCls, "-vertical"), {
@@ -74984,7 +75008,7 @@ var genTooltipStyle = function genTooltipStyle(token) {
       tooltipBg: colorBgDefault,
       tooltipRadiusOuter: borderRadiusOuter > 4 ? 4 : borderRadiusOuter
     });
-    return [genTooltipStyle(TooltipToken), initZoomMotion(token, 'zoom-big-fast'), initZoomMotion(token, 'zoom-down')];
+    return [genTooltipStyle(TooltipToken), initZoomMotion(token, 'zoom-big-fast')];
   }, function (_ref) {
     var zIndexPopupBase = _ref.zIndexPopupBase,
       colorBgSpotlight = _ref.colorBgSpotlight;
@@ -76062,7 +76086,7 @@ function useTheme(theme, parentTheme) {
   }, [themeConfig, parentThemeConfig], function (prev, next) {
     return prev.some(function (prevTheme, index) {
       var nextTheme = next[index];
-      return !shallowequal_default()(prevTheme, nextTheme);
+      return !es_isEqual(prevTheme, nextTheme, true);
     });
   });
   return mergedTheme;
@@ -76542,123 +76566,138 @@ var Compact = function Compact(props) {
   }, restProps), nodes));
 };
 /* harmony default export */ var space_Compact = (Compact);
-;// CONCATENATED MODULE: ./node_modules/antd/es/_util/raf.js
-
-var id = 0;
-var ids = {};
-// Support call raf with delay specified frame
-function raf_wrapperRaf(callback) {
-  var delayFrames = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-  var myId = id++;
-  var restFrames = delayFrames;
-  function internalCallback() {
-    restFrames -= 1;
-    if (restFrames <= 0) {
-      callback();
-      delete ids[myId];
-    } else {
-      ids[myId] = es_raf(internalCallback);
-    }
-  }
-  ids[myId] = es_raf(internalCallback);
-  return myId;
-}
-raf_wrapperRaf.cancel = function cancel(pid) {
-  if (pid === undefined) return;
-  es_raf.cancel(ids[pid]);
-  delete ids[pid];
-};
-raf_wrapperRaf.ids = ids; // export this for test usage
 ;// CONCATENATED MODULE: ./node_modules/antd/es/_util/wave/style.js
 
 
-
-
-
-
 var genWaveStyle = function genWaveStyle(token) {
-  var _ref;
-  var waveEffect = new Keyframes('waveEffect', {
-    '100%': {
-      boxShadow: "0 0 0 6px var(--antd-wave-shadow-color)"
-    }
-  });
-  var fadeEffect = new Keyframes('fadeEffect', {
-    '100%': {
-      opacity: 0
+  var componentCls = token.componentCls,
+    colorPrimary = token.colorPrimary;
+  return esm_defineProperty_defineProperty({}, componentCls, {
+    position: 'fixed',
+    background: 'transparent',
+    pointerEvents: 'none',
+    boxSizing: 'border-box',
+    color: "var(--wave-color, ".concat(colorPrimary, ")"),
+    boxShadow: "0 0 0 0 currentcolor",
+    opacity: 0.2,
+    // =================== Motion ===================
+    '&.wave-motion-appear': {
+      transition: ["box-shadow 0.4s ".concat(token.motionEaseOutCirc), "opacity 2s ".concat(token.motionEaseOutCirc)].join(','),
+      '&-active': {
+        boxShadow: "0 0 0 calc(6px * var(--wave-scale)) currentcolor",
+        opacity: 0
+      }
     }
   });
-  return [(_ref = {}, esm_defineProperty_defineProperty(_ref, "".concat(token.clickAnimatingWithoutExtraNodeTrue, ",\n      ").concat(token.clickAnimatingTrue), {
-    '--antd-wave-shadow-color': token.colorPrimary,
-    '--scroll-bar': 0,
-    position: 'relative'
-  }), esm_defineProperty_defineProperty(_ref, "".concat(token.clickAnimatingWithoutExtraNodeTrueAfter, ",\n      & ").concat(token.clickAnimatingNode), {
-    position: 'absolute',
-    top: 0,
-    insetInlineStart: 0,
-    insetInlineEnd: 0,
-    bottom: 0,
-    display: 'block',
-    borderRadius: 'inherit',
-    boxShadow: "0 0 0 0 var(--antd-wave-shadow-color)",
-    opacity: 0.2,
-    animation: {
-      _skip_check_: true,
-      value: "".concat(fadeEffect.getName(token.hashId), " 2s ").concat(token.motionEaseOutCirc, ", ").concat(waveEffect.getName(token.hashId), " 0.4s ").concat(token.motionEaseOutCirc)
-    },
-    animationFillMode: 'forwards',
-    content: '""',
-    pointerEvents: 'none'
-  }), _ref), {}, waveEffect, fadeEffect];
 };
-/* harmony default export */ var wave_style = (function () {
-  var _useToken = internal_useToken(),
-    _useToken2 = esm_slicedToArray_slicedToArray(_useToken, 3),
-    theme = _useToken2[0],
-    token = _useToken2[1],
-    hashId = _useToken2[2];
-  var _useContext = (0,external_React_.useContext)(context_ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
-  var rootPrefixCls = getPrefixCls();
-  var clickAnimatingTrue = "[".concat(rootPrefixCls, "-click-animating='true']");
-  var clickAnimatingWithoutExtraNodeTrue = "[".concat(rootPrefixCls, "-click-animating-without-extra-node='true']");
-  var clickAnimatingNode = ".".concat(rootPrefixCls, "-click-animating-node");
-  var waveToken = Object.assign(Object.assign({}, token), {
-    hashId: hashId,
-    clickAnimatingNode: clickAnimatingNode,
-    clickAnimatingTrue: clickAnimatingTrue,
-    clickAnimatingWithoutExtraNodeTrue: clickAnimatingWithoutExtraNodeTrue,
-    clickAnimatingWithoutExtraNodeTrueAfter: "".concat(clickAnimatingWithoutExtraNodeTrue, "::after")
-  });
-  return [useStyleRegister({
-    theme: theme,
-    token: token,
-    hashId: hashId,
-    path: ['wave']
-  }, function () {
-    return [genWaveStyle(waveToken)];
-  }), hashId];
-});
-;// CONCATENATED MODULE: ./node_modules/antd/es/_util/wave/index.js
-
-
-
-
-
-
-
-
+/* harmony default export */ var wave_style = (genComponentStyleHook('Wave', function (token) {
+  return [genWaveStyle(token)];
+}));
+;// CONCATENATED MODULE: ./node_modules/rc-util/es/React/render.js
 
 
 
 
 
-var styleForPseudo;
-// Where el is the DOM element you'd like to test for visibility
-function isHidden(element) {
+// Let compiler not to search module usage
+var fullClone = objectSpread2_objectSpread2({}, external_ReactDOM_);
+var render_version = fullClone.version,
+  reactRender = fullClone.render,
+  unmountComponentAtNode = fullClone.unmountComponentAtNode;
+var createRoot;
+try {
+  var mainVersion = Number((render_version || '').split('.')[0]);
+  if (mainVersion >= 18) {
+    createRoot = fullClone.createRoot;
+  }
+} catch (e) {
+  // Do nothing;
+}
+function toggleWarning(skip) {
+  var __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = fullClone.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && typeof_typeof(__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === 'object') {
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
+  }
+}
+var MARK = '__rc_react_root__';
+function modernRender(node, container) {
+  toggleWarning(true);
+  var root = container[MARK] || createRoot(container);
+  toggleWarning(false);
+  root.render(node);
+  container[MARK] = root;
+}
+function legacyRender(node, container) {
+  reactRender(node, container);
+}
+/** @private Test usage. Not work in prod */
+function _r(node, container) {
+  if (false) {}
+}
+function render_render(node, container) {
+  if (createRoot) {
+    modernRender(node, container);
+    return;
+  }
+  legacyRender(node, container);
+}
+// ========================= Unmount ==========================
+function modernUnmount(_x) {
+  return _modernUnmount.apply(this, arguments);
+}
+function _modernUnmount() {
+  _modernUnmount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(container) {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            return _context.abrupt("return", Promise.resolve().then(function () {
+              var _container$MARK;
+              (_container$MARK = container[MARK]) === null || _container$MARK === void 0 ? void 0 : _container$MARK.unmount();
+              delete container[MARK];
+            }));
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _modernUnmount.apply(this, arguments);
+}
+function legacyUnmount(container) {
+  unmountComponentAtNode(container);
+}
+/** @private Test usage. Not work in prod */
+function _u(container) {
   if (false) {}
-  return !element || element.offsetParent === null || element.hidden;
 }
+function unmount(_x2) {
+  return _unmount.apply(this, arguments);
+}
+function _unmount() {
+  _unmount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(container) {
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!(createRoot !== undefined)) {
+              _context2.next = 2;
+              break;
+            }
+            return _context2.abrupt("return", modernUnmount(container));
+          case 2:
+            legacyUnmount(container);
+          case 3:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+  return _unmount.apply(this, arguments);
+}
+;// CONCATENATED MODULE: ./node_modules/antd/es/_util/wave/util.js
 function getValidateContainer(nodeRoot) {
   if (nodeRoot instanceof Document) {
     return nodeRoot.body;
@@ -76681,185 +76720,175 @@ function isValidWaveColor(color) {
   color !== 'transparent';
 }
 function getTargetWaveColor(node) {
-  var computedStyle = getComputedStyle(node);
-  var borderTopColor = computedStyle.getPropertyValue('border-top-color');
-  var borderColor = computedStyle.getPropertyValue('border-color');
-  var backgroundColor = computedStyle.getPropertyValue('background-color');
+  var _getComputedStyle = getComputedStyle(node),
+    borderTopColor = _getComputedStyle.borderTopColor,
+    borderColor = _getComputedStyle.borderColor,
+    backgroundColor = _getComputedStyle.backgroundColor;
   if (isValidWaveColor(borderTopColor)) {
     return borderTopColor;
   }
   if (isValidWaveColor(borderColor)) {
     return borderColor;
   }
-  return backgroundColor;
+  if (isValidWaveColor(backgroundColor)) {
+    return backgroundColor;
+  }
+  return null;
 }
-var InternalWave = /*#__PURE__*/function (_React$Component) {
-  _inherits(InternalWave, _React$Component);
-  var _super = _createSuper(InternalWave);
-  function InternalWave() {
-    var _this;
-    _classCallCheck(this, InternalWave);
-    _this = _super.apply(this, arguments);
-    _this.containerRef = /*#__PURE__*/external_React_.createRef();
-    _this.animationStart = false;
-    _this.destroyed = false;
-    _this.onClick = function (node, waveColor) {
-      var _a, _b;
-      var _this$props = _this.props,
-        insertExtraNode = _this$props.insertExtraNode,
-        disabled = _this$props.disabled;
-      if (disabled || !node || isHidden(node) || node.className.includes('-leave')) {
-        return;
-      }
-      _this.extraNode = document.createElement('div');
-      var _assertThisInitialize = _assertThisInitialized(_this),
-        extraNode = _assertThisInitialize.extraNode;
-      var getPrefixCls = _this.context.getPrefixCls;
-      extraNode.className = "".concat(getPrefixCls(''), "-click-animating-node");
-      var attributeName = _this.getAttributeName();
-      node.setAttribute(attributeName, 'true');
-      // Not white or transparent or grey
-      if (isValidWaveColor(waveColor)) {
-        extraNode.style.borderColor = waveColor;
-        var nodeRoot = ((_a = node.getRootNode) === null || _a === void 0 ? void 0 : _a.call(node)) || node.ownerDocument;
-        var nodeBody = (_b = getValidateContainer(nodeRoot)) !== null && _b !== void 0 ? _b : nodeRoot;
-        styleForPseudo = updateCSS("\n      [".concat(getPrefixCls(''), "-click-animating-without-extra-node='true']::after, .").concat(getPrefixCls(''), "-click-animating-node {\n        --antd-wave-shadow-color: ").concat(waveColor, ";\n      }"), 'antd-wave', {
-          csp: _this.csp,
-          attachTo: nodeBody
+;// CONCATENATED MODULE: ./node_modules/antd/es/_util/wave/WaveEffect.js
+
+
+
+
+
+var WaveEffect = function WaveEffect(props) {
+  var className = props.className,
+    left = props.left,
+    top = props.top,
+    width = props.width,
+    height = props.height,
+    color = props.color,
+    borderRadius = props.borderRadius,
+    scale = props.scale;
+  var divRef = external_React_.useRef(null);
+  var waveStyle = {
+    left: left,
+    top: top,
+    width: width,
+    height: height,
+    borderRadius: borderRadius.map(function (radius) {
+      return "".concat(radius, "px");
+    }).join(' '),
+    '--wave-scale': scale
+  };
+  if (color) {
+    waveStyle['--wave-color'] = color;
+  }
+  return /*#__PURE__*/external_React_.createElement(rc_motion_es, {
+    visible: true,
+    motionAppear: true,
+    motionName: "wave-motion",
+    motionDeadline: 5000,
+    onAppearEnd: function onAppearEnd(_, event) {
+      var _a;
+      if (event.deadline || event.propertyName === 'opacity') {
+        var holder = (_a = divRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+        unmount(holder).then(function () {
+          var _a;
+          (_a = holder.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(holder);
         });
       }
-      if (insertExtraNode) {
-        node.appendChild(extraNode);
-      }
-      ['transition', 'animation'].forEach(function (name) {
-        node.addEventListener("".concat(name, "start"), _this.onTransitionStart);
-        node.addEventListener("".concat(name, "end"), _this.onTransitionEnd);
-      });
-    };
-    _this.onTransitionStart = function (e) {
-      if (_this.destroyed) {
-        return;
-      }
-      var node = _this.containerRef.current;
-      if (!e || e.target !== node || _this.animationStart) {
-        return;
-      }
-      _this.resetEffect(node);
-    };
-    _this.onTransitionEnd = function (e) {
-      if (!e || e.animationName !== 'fadeEffect') {
-        return;
-      }
-      _this.resetEffect(e.target);
-    };
-    _this.bindAnimationEvent = function (node) {
-      if (!node || !node.getAttribute || node.getAttribute('disabled') || node.className.includes('disabled')) {
-        return;
-      }
-      var onClick = function onClick(e) {
-        // Fix radio button click twice
-        if (e.target.tagName === 'INPUT' || isHidden(e.target)) {
-          return;
-        }
-        _this.resetEffect(node);
-        // Get wave color from target
-        var waveColor = getTargetWaveColor(node);
-        _this.clickWaveTimeoutId = window.setTimeout(function () {
-          return _this.onClick(node, waveColor);
-        }, 0);
-        raf_wrapperRaf.cancel(_this.animationStartId);
-        _this.animationStart = true;
-        // Render to trigger transition event cost 3 frames. Let's delay 10 frames to reset this.
-        _this.animationStartId = raf_wrapperRaf(function () {
-          _this.animationStart = false;
-        }, 10);
-      };
-      node.addEventListener('click', onClick, true);
-      return {
-        cancel: function cancel() {
-          node.removeEventListener('click', onClick, true);
-        }
-      };
-    };
-    _this.renderWave = function (_ref) {
-      var csp = _ref.csp;
-      var children = _this.props.children;
-      _this.csp = csp;
-      if (! /*#__PURE__*/external_React_.isValidElement(children)) return children;
-      var ref = _this.containerRef;
-      if (supportRef(children)) {
-        ref = composeRef(children.ref, _this.containerRef);
-      }
-      return cloneElement(children, {
-        ref: ref
-      });
-    };
-    return _this;
-  }
-  _createClass(InternalWave, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.destroyed = false;
-      var node = this.containerRef.current;
-      if (!node || node.nodeType !== 1) {
-        return;
-      }
-      this.instance = this.bindAnimationEvent(node);
+      return false;
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.instance) {
-        this.instance.cancel();
-      }
-      if (this.clickWaveTimeoutId) {
-        clearTimeout(this.clickWaveTimeoutId);
-      }
-      this.destroyed = true;
+  }, function (_ref) {
+    var motionClassName = _ref.className;
+    return /*#__PURE__*/external_React_.createElement("div", {
+      ref: divRef,
+      className: classnames_default()(className, motionClassName),
+      style: waveStyle
+    });
+  });
+};
+function validateNum(value) {
+  return Number.isNaN(value) ? 0 : value;
+}
+function showWaveEffect(container, node, className) {
+  var nodeStyle = getComputedStyle(node);
+  var nodeRect = node.getBoundingClientRect();
+  // Get wave color from target
+  var waveColor = getTargetWaveColor(node);
+  // Get border radius
+  var borderTopLeftRadius = nodeStyle.borderTopLeftRadius,
+    borderTopRightRadius = nodeStyle.borderTopRightRadius,
+    borderBottomLeftRadius = nodeStyle.borderBottomLeftRadius,
+    borderBottomRightRadius = nodeStyle.borderBottomRightRadius;
+  // Do scale calc
+  var offsetWidth = node.offsetWidth;
+  var scale = validateNum(nodeRect.width / offsetWidth);
+  // Create holder
+  var holder = document.createElement('div');
+  getValidateContainer(container).appendChild(holder);
+  render_render( /*#__PURE__*/external_React_.createElement(WaveEffect, {
+    left: nodeRect.left,
+    top: nodeRect.top,
+    width: nodeRect.width,
+    height: nodeRect.height,
+    color: waveColor,
+    className: className,
+    scale: scale,
+    borderRadius: [borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius].map(function (radius) {
+      return validateNum(parseFloat(radius) * scale);
+    })
+  }), holder);
+}
+;// CONCATENATED MODULE: ./node_modules/antd/es/_util/wave/useWave.js
+
+function useWave(nodeRef, className) {
+  function showWave() {
+    var _a;
+    var node = nodeRef.current;
+    // Skip if not exist doc
+    var container = ((_a = node.getRootNode) === null || _a === void 0 ? void 0 : _a.call(node)) || (node === null || node === void 0 ? void 0 : node.ownerDocument);
+    if (container) {
+      showWaveEffect(container, node, className);
     }
-  }, {
-    key: "getAttributeName",
-    value: function getAttributeName() {
-      var getPrefixCls = this.context.getPrefixCls;
-      var insertExtraNode = this.props.insertExtraNode;
-      return insertExtraNode ? "".concat(getPrefixCls(''), "-click-animating") : "".concat(getPrefixCls(''), "-click-animating-without-extra-node");
+  }
+  return showWave;
+}
+;// CONCATENATED MODULE: ./node_modules/antd/es/_util/wave/index.js
+
+
+
+
+
+
+
+
+
+var Wave = function Wave(props) {
+  var children = props.children,
+    disabled = props.disabled;
+  var _useContext = (0,external_React_.useContext)(context_ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var containerRef = (0,external_React_.useRef)(null);
+  // ============================== Style ===============================
+  var prefixCls = getPrefixCls('wave');
+  var _useStyle = wave_style(prefixCls),
+    _useStyle2 = esm_slicedToArray_slicedToArray(_useStyle, 2),
+    hashId = _useStyle2[1];
+  // =============================== Wave ===============================
+  var showWave = useWave(containerRef, classnames_default()(prefixCls, hashId));
+  // ============================== Effect ==============================
+  external_React_default().useEffect(function () {
+    var node = containerRef.current;
+    if (!node || node.nodeType !== 1 || disabled) {
+      return;
     }
-  }, {
-    key: "resetEffect",
-    value: function resetEffect(node) {
-      var _this2 = this;
-      if (!node || node === this.extraNode || !(node instanceof Element)) {
+    // Click handler
+    var onClick = function onClick(e) {
+      // Fix radio button click twice
+      if (e.target.tagName === 'INPUT' || !Dom_isVisible(e.target) ||
+      // No need wave
+      !node.getAttribute || node.getAttribute('disabled') || node.disabled || node.className.includes('disabled') || node.className.includes('-leave')) {
         return;
       }
-      var insertExtraNode = this.props.insertExtraNode;
-      var attributeName = this.getAttributeName();
-      node.setAttribute(attributeName, 'false'); // edge has bug on `removeAttribute` #14466
-      if (styleForPseudo) {
-        styleForPseudo.innerHTML = '';
-      }
-      if (insertExtraNode && this.extraNode && node.contains(this.extraNode)) {
-        node.removeChild(this.extraNode);
-      }
-      ['transition', 'animation'].forEach(function (name) {
-        node.removeEventListener("".concat(name, "start"), _this2.onTransitionStart);
-        node.removeEventListener("".concat(name, "end"), _this2.onTransitionEnd);
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/external_React_.createElement(context_ConfigConsumer, null, this.renderWave);
-    }
-  }]);
-  return InternalWave;
-}(external_React_.Component);
-InternalWave.contextType = context_ConfigContext;
-var Wave = /*#__PURE__*/(0,external_React_.forwardRef)(function (props, ref) {
-  wave_style();
-  return /*#__PURE__*/external_React_.createElement(InternalWave, Object.assign({
+      showWave();
+    };
+    // Bind events
+    node.addEventListener('click', onClick, true);
+    return function () {
+      node.removeEventListener('click', onClick, true);
+    };
+  }, [disabled]);
+  // ============================== Render ==============================
+  if (! /*#__PURE__*/external_React_default().isValidElement(children)) {
+    return children !== null && children !== void 0 ? children : null;
+  }
+  var ref = supportRef(children) ? composeRef(children.ref, containerRef) : containerRef;
+  return cloneElement(children, {
     ref: ref
-  }, props));
-});
+  });
+};
 /* harmony default export */ var wave = (Wave);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/button/button-group.js
 
@@ -78025,7 +78054,7 @@ var genStatusStyle = function genStatusStyle(token) {
     colorError = token.colorError,
     colorTextLightSolid = token.colorTextLightSolid;
   var itemCls = "".concat(menuCls, "-item");
-  return esm_defineProperty_defineProperty({}, "".concat(componentCls, ", ").concat(componentCls, "-menu-submenu"), esm_defineProperty_defineProperty({}, "".concat(menuCls, " ").concat(itemCls), esm_defineProperty_defineProperty({}, "&".concat(itemCls, "-danger"), {
+  return esm_defineProperty_defineProperty({}, "".concat(componentCls, ", ").concat(componentCls, "-menu-submenu"), esm_defineProperty_defineProperty({}, "".concat(menuCls, " ").concat(itemCls), esm_defineProperty_defineProperty({}, "&".concat(itemCls, "-danger:not(").concat(itemCls, "-disabled)"), {
     color: colorError,
     '&:hover': {
       color: colorTextLightSolid,
@@ -78057,7 +78086,6 @@ var genBaseStyle = function genBaseStyle(token) {
     dropdownPaddingVertical = token.dropdownPaddingVertical,
     fontSize = token.fontSize,
     dropdownEdgeChildPadding = token.dropdownEdgeChildPadding,
-    borderRadius = token.borderRadius,
     colorTextDisabled = token.colorTextDisabled,
     fontSizeIcon = token.fontSizeIcon,
     controlPaddingHorizontal = token.controlPaddingHorizontal,
@@ -78204,13 +78232,7 @@ var genBaseStyle = function genBaseStyle(token) {
     fontSize: fontSize,
     lineHeight: token.lineHeight,
     cursor: 'pointer',
-    transition: "all ".concat(motionDurationMid),
-    '&:first-child': !dropdownEdgeChildPadding ? {
-      borderRadius: "".concat(borderRadius, "px ").concat(borderRadius, "px 0 0")
-    } : [],
-    '&:last-child': !dropdownEdgeChildPadding ? {
-      borderRadius: "0 0 ".concat(borderRadius, "px ").concat(borderRadius, "px")
-    } : []
+    transition: "all ".concat(motionDurationMid)
   }, "&:hover, &-active", {
     backgroundColor: token.controlItemBgHover
   }), genFocusStyle(token)), esm_defineProperty_defineProperty({
@@ -80410,7 +80432,8 @@ var es_style_genProListStyle = function genProListStyle(token) {
   }), defineProperty_defineProperty(_$concat5, "".concat(token.componentCls, "-row-show-extra-hover"), defineProperty_defineProperty({}, "".concat(token.antCls, "-list-item-extra "), {
     display: 'none'
   })), _$concat5)), defineProperty_defineProperty(_row, "".concat(token.antCls, "-list-pagination"), {
-    marginBlockEnd: token.marginLG
+    marginBlockStart: token.margin,
+    marginBlockEnd: token.margin
   }), defineProperty_defineProperty(_row, "".concat(token.antCls, "-list-list"), {
     '&-item': {
       cursor: 'pointer',
@@ -80651,17 +80674,17 @@ function ProList(props) {
 
 ;// CONCATENATED MODULE: ./packages/components/src/version.ts
 var version_version = {
-  "@ant-design/pro-card": "2.1.6",
-  "@ant-design/pro-components": "2.3.47",
-  "@ant-design/pro-descriptions": "2.0.39",
-  "@ant-design/pro-field": "2.2.0",
-  "@ant-design/pro-form": "2.4.7",
-  "@ant-design/pro-layout": "7.4.0",
-  "@ant-design/pro-list": "2.0.40",
-  "@ant-design/pro-provider": "2.2.0",
+  "@ant-design/pro-card": "2.1.8",
+  "@ant-design/pro-components": "2.3.49",
+  "@ant-design/pro-descriptions": "2.0.41",
+  "@ant-design/pro-field": "2.2.2",
+  "@ant-design/pro-form": "2.5.1",
+  "@ant-design/pro-layout": "7.5.1",
+  "@ant-design/pro-list": "2.0.42",
+  "@ant-design/pro-provider": "2.3.1",
   "@ant-design/pro-skeleton": "2.0.7",
-  "@ant-design/pro-table": "3.2.7",
-  "@ant-design/pro-utils": "2.5.0"
+  "@ant-design/pro-table": "3.2.9",
+  "@ant-design/pro-utils": "2.5.2"
 };
 ;// CONCATENATED MODULE: ./packages/components/src/index.tsx