sun-card-design 1.1.3 → 1.1.10

package/dist/mobile/sun-card-design-mobile.es88.js

@@ -1,148 +1,153 @@
-import { rgbToRgb, hsvToRgb, hslToRgb, convertHexToDecimal, parseIntFromHex } from "./sun-card-design-mobile.es89.js";
-import { names } from "./sun-card-design-mobile.es90.js";
-import { convertToPercentage, boundAlpha } from "./sun-card-design-mobile.es91.js";
-function inputToRGB(color) {
-  var rgb = { r: 0, g: 0, b: 0 };
-  var a = 1;
-  var s = null;
-  var v = null;
-  var l = null;
-  var ok = false;
-  var format = false;
-  if (typeof color === "string") {
-    color = stringInputToObject(color);
-  }
-  if (typeof color === "object") {
-    if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
-      rgb = rgbToRgb(color.r, color.g, color.b);
-      ok = true;
-      format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb";
-    } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
-      s = convertToPercentage(color.s);
-      v = convertToPercentage(color.v);
-      rgb = hsvToRgb(color.h, s, v);
-      ok = true;
-      format = "hsv";
-    } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
-      s = convertToPercentage(color.s);
-      l = convertToPercentage(color.l);
-      rgb = hslToRgb(color.h, s, l);
-      ok = true;
-      format = "hsl";
-    }
-    if (Object.prototype.hasOwnProperty.call(color, "a")) {
-      a = color.a;
-    }
-  }
-  a = boundAlpha(a);
-  return {
-    ok,
-    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
-  };
-}
-var CSS_INTEGER = "[-\\+]?\\d+%?";
-var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
-var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
-var matchers = {
-  CSS_UNIT: new RegExp(CSS_UNIT),
-  rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
-  rgba: new RegExp("rgba" + PERMISSIVE_MATCH4),
-  hsl: new RegExp("hsl" + PERMISSIVE_MATCH3),
-  hsla: new RegExp("hsla" + PERMISSIVE_MATCH4),
-  hsv: new RegExp("hsv" + PERMISSIVE_MATCH3),
-  hsva: new RegExp("hsva" + PERMISSIVE_MATCH4),
-  hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
-  hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
-  hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
-  hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
+var names = {
+  aliceblue: "#f0f8ff",
+  antiquewhite: "#faebd7",
+  aqua: "#00ffff",
+  aquamarine: "#7fffd4",
+  azure: "#f0ffff",
+  beige: "#f5f5dc",
+  bisque: "#ffe4c4",
+  black: "#000000",
+  blanchedalmond: "#ffebcd",
+  blue: "#0000ff",
+  blueviolet: "#8a2be2",
+  brown: "#a52a2a",
+  burlywood: "#deb887",
+  cadetblue: "#5f9ea0",
+  chartreuse: "#7fff00",
+  chocolate: "#d2691e",
+  coral: "#ff7f50",
+  cornflowerblue: "#6495ed",
+  cornsilk: "#fff8dc",
+  crimson: "#dc143c",
+  cyan: "#00ffff",
+  darkblue: "#00008b",
+  darkcyan: "#008b8b",
+  darkgoldenrod: "#b8860b",
+  darkgray: "#a9a9a9",
+  darkgreen: "#006400",
+  darkgrey: "#a9a9a9",
+  darkkhaki: "#bdb76b",
+  darkmagenta: "#8b008b",
+  darkolivegreen: "#556b2f",
+  darkorange: "#ff8c00",
+  darkorchid: "#9932cc",
+  darkred: "#8b0000",
+  darksalmon: "#e9967a",
+  darkseagreen: "#8fbc8f",
+  darkslateblue: "#483d8b",
+  darkslategray: "#2f4f4f",
+  darkslategrey: "#2f4f4f",
+  darkturquoise: "#00ced1",
+  darkviolet: "#9400d3",
+  deeppink: "#ff1493",
+  deepskyblue: "#00bfff",
+  dimgray: "#696969",
+  dimgrey: "#696969",
+  dodgerblue: "#1e90ff",
+  firebrick: "#b22222",
+  floralwhite: "#fffaf0",
+  forestgreen: "#228b22",
+  fuchsia: "#ff00ff",
+  gainsboro: "#dcdcdc",
+  ghostwhite: "#f8f8ff",
+  goldenrod: "#daa520",
+  gold: "#ffd700",
+  gray: "#808080",
+  green: "#008000",
+  greenyellow: "#adff2f",
+  grey: "#808080",
+  honeydew: "#f0fff0",
+  hotpink: "#ff69b4",
+  indianred: "#cd5c5c",
+  indigo: "#4b0082",
+  ivory: "#fffff0",
+  khaki: "#f0e68c",
+  lavenderblush: "#fff0f5",
+  lavender: "#e6e6fa",
+  lawngreen: "#7cfc00",
+  lemonchiffon: "#fffacd",
+  lightblue: "#add8e6",
+  lightcoral: "#f08080",
+  lightcyan: "#e0ffff",
+  lightgoldenrodyellow: "#fafad2",
+  lightgray: "#d3d3d3",
+  lightgreen: "#90ee90",
+  lightgrey: "#d3d3d3",
+  lightpink: "#ffb6c1",
+  lightsalmon: "#ffa07a",
+  lightseagreen: "#20b2aa",
+  lightskyblue: "#87cefa",
+  lightslategray: "#778899",
+  lightslategrey: "#778899",
+  lightsteelblue: "#b0c4de",
+  lightyellow: "#ffffe0",
+  lime: "#00ff00",
+  limegreen: "#32cd32",
+  linen: "#faf0e6",
+  magenta: "#ff00ff",
+  maroon: "#800000",
+  mediumaquamarine: "#66cdaa",
+  mediumblue: "#0000cd",
+  mediumorchid: "#ba55d3",
+  mediumpurple: "#9370db",
+  mediumseagreen: "#3cb371",
+  mediumslateblue: "#7b68ee",
+  mediumspringgreen: "#00fa9a",
+  mediumturquoise: "#48d1cc",
+  mediumvioletred: "#c71585",
+  midnightblue: "#191970",
+  mintcream: "#f5fffa",
+  mistyrose: "#ffe4e1",
+  moccasin: "#ffe4b5",
+  navajowhite: "#ffdead",
+  navy: "#000080",
+  oldlace: "#fdf5e6",
+  olive: "#808000",
+  olivedrab: "#6b8e23",
+  orange: "#ffa500",
+  orangered: "#ff4500",
+  orchid: "#da70d6",
+  palegoldenrod: "#eee8aa",
+  palegreen: "#98fb98",
+  paleturquoise: "#afeeee",
+  palevioletred: "#db7093",
+  papayawhip: "#ffefd5",
+  peachpuff: "#ffdab9",
+  peru: "#cd853f",
+  pink: "#ffc0cb",
+  plum: "#dda0dd",
+  powderblue: "#b0e0e6",
+  purple: "#800080",
+  rebeccapurple: "#663399",
+  red: "#ff0000",
+  rosybrown: "#bc8f8f",
+  royalblue: "#4169e1",
+  saddlebrown: "#8b4513",
+  salmon: "#fa8072",
+  sandybrown: "#f4a460",
+  seagreen: "#2e8b57",
+  seashell: "#fff5ee",
+  sienna: "#a0522d",
+  silver: "#c0c0c0",
+  skyblue: "#87ceeb",
+  slateblue: "#6a5acd",
+  slategray: "#708090",
+  slategrey: "#708090",
+  snow: "#fffafa",
+  springgreen: "#00ff7f",
+  steelblue: "#4682b4",
+  tan: "#d2b48c",
+  teal: "#008080",
+  thistle: "#d8bfd8",
+  tomato: "#ff6347",
+  turquoise: "#40e0d0",
+  violet: "#ee82ee",
+  wheat: "#f5deb3",
+  white: "#ffffff",
+  whitesmoke: "#f5f5f5",
+  yellow: "#ffff00",
+  yellowgreen: "#9acd32"
 };
-function stringInputToObject(color) {
-  color = color.trim().toLowerCase();
-  if (color.length === 0) {
-    return false;
-  }
-  var named = false;
-  if (names[color]) {
-    color = names[color];
-    named = true;
-  } else if (color === "transparent") {
-    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
-  }
-  var match = matchers.rgb.exec(color);
-  if (match) {
-    return { r: match[1], g: match[2], b: match[3] };
-  }
-  match = matchers.rgba.exec(color);
-  if (match) {
-    return { r: match[1], g: match[2], b: match[3], a: match[4] };
-  }
-  match = matchers.hsl.exec(color);
-  if (match) {
-    return { h: match[1], s: match[2], l: match[3] };
-  }
-  match = matchers.hsla.exec(color);
-  if (match) {
-    return { h: match[1], s: match[2], l: match[3], a: match[4] };
-  }
-  match = matchers.hsv.exec(color);
-  if (match) {
-    return { h: match[1], s: match[2], v: match[3] };
-  }
-  match = matchers.hsva.exec(color);
-  if (match) {
-    return { h: match[1], s: match[2], v: match[3], a: match[4] };
-  }
-  match = matchers.hex8.exec(color);
-  if (match) {
-    return {
-      r: parseIntFromHex(match[1]),
-      g: parseIntFromHex(match[2]),
-      b: parseIntFromHex(match[3]),
-      a: convertHexToDecimal(match[4]),
-      format: named ? "name" : "hex8"
-    };
-  }
-  match = matchers.hex6.exec(color);
-  if (match) {
-    return {
-      r: parseIntFromHex(match[1]),
-      g: parseIntFromHex(match[2]),
-      b: parseIntFromHex(match[3]),
-      format: named ? "name" : "hex"
-    };
-  }
-  match = matchers.hex4.exec(color);
-  if (match) {
-    return {
-      r: parseIntFromHex(match[1] + match[1]),
-      g: parseIntFromHex(match[2] + match[2]),
-      b: parseIntFromHex(match[3] + match[3]),
-      a: convertHexToDecimal(match[4] + match[4]),
-      format: named ? "name" : "hex8"
-    };
-  }
-  match = matchers.hex3.exec(color);
-  if (match) {
-    return {
-      r: parseIntFromHex(match[1] + match[1]),
-      g: parseIntFromHex(match[2] + match[2]),
-      b: parseIntFromHex(match[3] + match[3]),
-      format: named ? "name" : "hex"
-    };
-  }
-  return false;
-}
-function isValidCSSUnit(color) {
-  return Boolean(matchers.CSS_UNIT.exec(String(color)));
-}
 export {
-  inputToRGB,
-  isValidCSSUnit,
-  stringInputToObject
+  names
 };

package/dist/mobile/sun-card-design-mobile.es89.js

@@ -1,112 +1,49 @@
-import { bound01, pad2 } from "./sun-card-design-mobile.es91.js";
-function rgbToRgb(r, g, b) {
-  return {
-    r: bound01(r, 255) * 255,
-    g: bound01(g, 255) * 255,
-    b: bound01(b, 255) * 255
-  };
-}
-function hue2rgb(p, q, t) {
-  if (t < 0) {
-    t += 1;
-  }
-  if (t > 1) {
-    t -= 1;
+function bound01(n, max) {
+  if (isOnePointZero(n)) {
+    n = "100%";
   }
-  if (t < 1 / 6) {
-    return p + (q - p) * (6 * t);
+  var isPercent = isPercentage(n);
+  n = max === 360 ? n : Math.min(max, Math.max(0, parseFloat(n)));
+  if (isPercent) {
+    n = parseInt(String(n * max), 10) / 100;
   }
-  if (t < 1 / 2) {
-    return q;
+  if (Math.abs(n - max) < 1e-6) {
+    return 1;
   }
-  if (t < 2 / 3) {
-    return p + (q - p) * (2 / 3 - t) * 6;
-  }
-  return p;
-}
-function hslToRgb(h, s, l) {
-  var r;
-  var g;
-  var b;
-  h = bound01(h, 360);
-  s = bound01(s, 100);
-  l = bound01(l, 100);
-  if (s === 0) {
-    g = l;
-    b = l;
-    r = l;
+  if (max === 360) {
+    n = (n < 0 ? n % max + max : n % max) / parseFloat(String(max));
   } 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);
+    n = n % max / parseFloat(String(max));
   }
-  return { r: r * 255, g: g * 255, b: b * 255 };
+  return n;
 }
-function rgbToHsv(r, g, b) {
-  r = bound01(r, 255);
-  g = bound01(g, 255);
-  b = bound01(b, 255);
-  var max = Math.max(r, g, b);
-  var min = Math.min(r, g, b);
-  var h = 0;
-  var v = max;
-  var d = max - min;
-  var s = max === 0 ? 0 : d / max;
-  if (max === min) {
-    h = 0;
-  } 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, s, v };
+function isOnePointZero(n) {
+  return typeof n === "string" && n.indexOf(".") !== -1 && parseFloat(n) === 1;
 }
-function hsvToRgb(h, s, v) {
-  h = bound01(h, 360) * 6;
-  s = bound01(s, 100);
-  v = bound01(v, 100);
-  var i = Math.floor(h);
-  var f = h - i;
-  var p = v * (1 - s);
-  var q = v * (1 - f * s);
-  var t = v * (1 - (1 - f) * s);
-  var mod = i % 6;
-  var r = [v, q, p, p, t, v][mod];
-  var g = [t, v, v, q, p, p][mod];
-  var b = [p, p, t, v, v, q][mod];
-  return { r: r * 255, g: g * 255, b: b * 255 };
+function isPercentage(n) {
+  return typeof n === "string" && n.indexOf("%") !== -1;
 }
-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 hex.join("");
+function boundAlpha(a) {
+  a = parseFloat(a);
+  if (isNaN(a) || a < 0 || a > 1) {
+    a = 1;
+  }
+  return a;
 }
-function convertHexToDecimal(h) {
-  return parseIntFromHex(h) / 255;
+function convertToPercentage(n) {
+  if (n <= 1) {
+    return "".concat(Number(n) * 100, "%");
+  }
+  return n;
 }
-function parseIntFromHex(val) {
-  return parseInt(val, 16);
+function pad2(c) {
+  return c.length === 1 ? "0" + c : String(c);
 }
 export {
-  convertHexToDecimal,
-  hslToRgb,
-  hsvToRgb,
-  parseIntFromHex,
-  rgbToHex,
-  rgbToHsv,
-  rgbToRgb
+  bound01,
+  boundAlpha,
+  convertToPercentage,
+  isOnePointZero,
+  isPercentage,
+  pad2
 };

package/dist/pc/sun-card-design-pc.es32.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import EditOutlined$1 from "./sun-card-design-pc.es84.js";
-import Icon from "./sun-card-design-pc.es78.js";
+import EditOutlined$1 from "./sun-card-design-pc.es81.js";
+import Icon from "./sun-card-design-pc.es75.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/pc/sun-card-design-pc.es33.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import DeleteOutlined$1 from "./sun-card-design-pc.es82.js";
-import Icon from "./sun-card-design-pc.es78.js";
+import DeleteOutlined$1 from "./sun-card-design-pc.es79.js";
+import Icon from "./sun-card-design-pc.es75.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/pc/sun-card-design-pc.es34.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import CloseOutlined$1 from "./sun-card-design-pc.es81.js";
-import Icon from "./sun-card-design-pc.es78.js";
+import CloseOutlined$1 from "./sun-card-design-pc.es78.js";
+import Icon from "./sun-card-design-pc.es75.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/pc/sun-card-design-pc.es35.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import CheckOutlined$1 from "./sun-card-design-pc.es77.js";
-import Icon from "./sun-card-design-pc.es78.js";
+import CheckOutlined$1 from "./sun-card-design-pc.es74.js";
+import Icon from "./sun-card-design-pc.es75.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/pc/sun-card-design-pc.es36.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import ClearOutlined$1 from "./sun-card-design-pc.es79.js";
-import Icon from "./sun-card-design-pc.es78.js";
+import ClearOutlined$1 from "./sun-card-design-pc.es76.js";
+import Icon from "./sun-card-design-pc.es75.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/pc/sun-card-design-pc.es37.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import DownloadOutlined$1 from "./sun-card-design-pc.es83.js";
-import Icon from "./sun-card-design-pc.es78.js";
+import DownloadOutlined$1 from "./sun-card-design-pc.es80.js";
+import Icon from "./sun-card-design-pc.es75.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/pc/sun-card-design-pc.es38.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SearchOutlined$1 from "./sun-card-design-pc.es85.js";
-import Icon from "./sun-card-design-pc.es78.js";
+import SearchOutlined$1 from "./sun-card-design-pc.es82.js";
+import Icon from "./sun-card-design-pc.es75.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/pc/sun-card-design-pc.es68.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import CloseCircleFilled$1 from "./sun-card-design-pc.es80.js";
-import Icon from "./sun-card-design-pc.es78.js";
+import CloseCircleFilled$1 from "./sun-card-design-pc.es77.js";
+import Icon from "./sun-card-design-pc.es75.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/pc/sun-card-design-pc.es70.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import UploadOutlined$1 from "./sun-card-design-pc.es86.js";
-import Icon from "./sun-card-design-pc.es78.js";
+import UploadOutlined$1 from "./sun-card-design-pc.es83.js";
+import Icon from "./sun-card-design-pc.es75.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/pc/sun-card-design-pc.es72.js

@@ -1,5 +1,4 @@
-import { getSecondaryColor, warning, isIconDefinition, generate } from "./sun-card-design-pc.es73.js";
-import { reactive } from "vue";
+import { getSecondaryColor, useInsertStyles, warning, isIconDefinition, generate } from "./sun-card-design-pc.es73.js";
 var _excluded = ["icon", "primaryColor", "secondaryColor"];
 function _objectWithoutProperties(source, excluded) {
   if (source == null) return {};
@@ -51,11 +50,11 @@ function _defineProperty(obj, key, value) {
   }
   return obj;
 }
-var twoToneColorPalette = reactive({
+var twoToneColorPalette = {
   primaryColor: "#333",
   secondaryColor: "#E6E6E6",
   calculated: false
-});
+};
 function setTwoToneColors(_ref) {
   var primaryColor = _ref.primaryColor, secondaryColor = _ref.secondaryColor;
   twoToneColorPalette.primaryColor = primaryColor;
@@ -74,6 +73,7 @@ var IconBase = function IconBase2(props, context) {
       secondaryColor: secondaryColor || getSecondaryColor(primaryColor)
     };
   }
+  useInsertStyles();
   warning(isIconDefinition(icon), "icon should be icon definiton, but got ".concat(icon));
   if (!isIconDefinition(icon)) {
     return null;

package/dist/pc/sun-card-design-pc.es73.js

@@ -1,7 +1,6 @@
-import { h, getCurrentInstance, nextTick } from "vue";
-import { generate as generate$1 } from "./sun-card-design-pc.es74.js";
-import { useInjectIconContext } from "./sun-card-design-pc.es75.js";
-import { canUseDom, updateCSS } from "./sun-card-design-pc.es76.js";
+import { nextTick, h } from "vue";
+import { generate as generate$1 } from "./sun-card-design-pc.es84.js";
+import insertCss from "./sun-card-design-pc.es85.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};
@@ -60,36 +59,18 @@ function normalizeTwoToneColors(twoToneColor) {
   return Array.isArray(twoToneColor) ? twoToneColor : [twoToneColor];
 }
 var iconStyles = "\n.anticon {\n  display: inline-block;\n  color: inherit;\n  font-style: normal;\n  line-height: 0;\n  text-align: center;\n  text-transform: none;\n  vertical-align: -0.125em;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n  line-height: 1;\n}\n\n.anticon svg {\n  display: inline-block;\n}\n\n.anticon::before {\n  display: none;\n}\n\n.anticon .anticon-icon {\n  display: block;\n}\n\n.anticon[tabindex] {\n  cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n  display: inline-block;\n  -webkit-animation: loadingCircle 1s infinite linear;\n  animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n";
-function getRoot(ele) {
-  return ele && ele.getRootNode && ele.getRootNode();
-}
-function inShadow(ele) {
-  if (!canUseDom()) {
-    return false;
-  }
-  return getRoot(ele) instanceof ShadowRoot;
-}
-function getShadowRoot(ele) {
-  return inShadow(ele) ? getRoot(ele) : null;
-}
+var cssInjectedFlag = false;
 var useInsertStyles = function useInsertStyles2() {
-  var _useInjectIconContext = useInjectIconContext(), prefixCls = _useInjectIconContext.prefixCls, csp = _useInjectIconContext.csp;
-  var instance = getCurrentInstance();
-  var mergedStyleStr = iconStyles;
-  if (prefixCls) {
-    mergedStyleStr = mergedStyleStr.replace(/anticon/g, prefixCls.value);
-  }
+  var styleStr = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : iconStyles;
   nextTick(function() {
-    if (!canUseDom()) {
-      return;
+    if (!cssInjectedFlag) {
+      if (typeof window !== "undefined" && window.document && window.document.documentElement) {
+        insertCss(styleStr, {
+          prepend: true
+        });
+      }
+      cssInjectedFlag = true;
     }
-    var ele = instance.vnode.el;
-    var shadowRoot = getShadowRoot(ele);
-    updateCSS(mergedStyleStr, "@ant-design-vue-icons", {
-      prepend: true,
-      csp: csp.value,
-      attachTo: shadowRoot
-    });
   });
 };
 export {