sun-card-design 1.1.2 → 1.1.10

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.es13.js

@@ -61,7 +61,7 @@ const _sfc_main = {
     };
   }
 };
-const Panorama = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3226efd4"]]);
+const Panorama = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-829605cc"]]);
 export {
   Panorama as default
 };

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

@@ -10,9 +10,9 @@ const _sfc_main = {
   setup(__props) {
     const props = __props;
     const queryCanvasEl = () => {
-      const elTo = document.querySelector(".canvasTo");
+      const elTo = document.querySelector(".mb-main");
       if (elTo) return elTo;
-      const el = document.querySelector(".canvas");
+      const el = document.querySelector(".pc-main");
       return el;
     };
     const onGenerate = async () => {
@@ -53,7 +53,7 @@ const _sfc_main = {
     };
   }
 };
-const GenerateImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cd034976"]]);
+const GenerateImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2048419e"]]);
 export {
   GenerateImg as default
 };

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

@@ -6,13 +6,16 @@ const _hoisted_1 = { class: "main-grid" };
 const _sfc_main = {
   __name: "gridComp",
   props: ["record"],
-  emits: ["clickEvent"],
+  emits: ["clickEvent", "fileUpdateEvent"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const onClick = (record) => {
       emit("clickEvent", record);
     };
+    const onUpdate = (record) => {
+      emit("fileUpdateEvent", record);
+    };
     return (_ctx, _cache) => {
       const _component_a_col = resolveComponent("a-col");
       const _component_a_row = resolveComponent("a-row");
@@ -43,7 +46,8 @@ const _sfc_main = {
                       return openBlock(), createBlock(FormItem, {
                         record: element,
                         key: index2,
-                        onClickEvent: onClick
+                        onClickEvent: onClick,
+                        onFileUpdateEvent: onUpdate
                       }, null, 8, ["record"]);
                     }), 128))
                   ], 4)
@@ -58,7 +62,7 @@ const _sfc_main = {
     };
   }
 };
-const Grid = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-92d93041"]]);
+const Grid = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4c32288a"]]);
 export {
   Grid as default
 };

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

@@ -6,7 +6,7 @@ import _export_sfc from "./sun-card-design-pc.es28.js";
 const _sfc_main = {
   __name: "pcPanel",
   props: ["record", "config"],
-  emits: ["clickEvent"],
+  emits: ["clickEvent", "fileUpdateEvent"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     if (props?.config?.variableList) {
@@ -17,9 +17,12 @@ const _sfc_main = {
     const onClick = (record) => {
       emit("clickEvent", record);
     };
+    const onUpdate = (record) => {
+      emit("fileUpdateEvent", record);
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "msg-main",
+        class: "msg-main pc-main",
         style: normalizeStyle({
           background: props.record.config.background,
           padding: props.record.config.padding + "px",
@@ -31,14 +34,15 @@ const _sfc_main = {
             recordData: props.record,
             record: item,
             key: index,
-            onClickEvent: onClick
+            onClickEvent: onClick,
+            onFileUpdateEvent: onUpdate
           }, null, 8, ["recordData", "record"]);
         }), 128))
       ], 4);
     };
   }
 };
-const PcPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4111dedf"]]);
+const PcPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-31e053ac"]]);
 export {
   PcPanel as default
 };

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

@@ -31,13 +31,16 @@ const _hoisted_1 = {
 const _sfc_main = {
   __name: "formItem",
   props: ["record"],
-  emits: ["clickEvent"],
+  emits: ["clickEvent", "fileUpdateEvent"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const onClick = (record) => {
       emit("clickEvent", record);
     };
+    const onUpdate = (record) => {
+      emit("fileUpdateEvent", record);
+    };
     return (_ctx, _cache) => {
       return __props.record.state !== false ? (openBlock(), createElementBlock("div", _hoisted_1, [
         __props.record.type === "title" ? (openBlock(), createBlock(Title, {
@@ -57,7 +60,8 @@ const _sfc_main = {
         __props.record.type === "file" ? (openBlock(), createBlock(File, {
           key: 3,
           record: props.record,
-          onClickEvent: onClick
+          onClickEvent: onClick,
+          onFileUpdateEvent: onUpdate
         }, null, 8, ["record"])) : createCommentVNode("", true),
         __props.record.type === "upload" ? (openBlock(), createBlock(Upload, {
           key: 4,
@@ -104,7 +108,8 @@ const _sfc_main = {
         __props.record.type === "grid" ? (openBlock(), createBlock(Grid, {
           key: 14,
           record: props.record,
-          onClickEvent: onClick
+          onClickEvent: onClick,
+          onFileUpdateEvent: onUpdate
         }, null, 8, ["record"])) : createCommentVNode("", true),
         __props.record.type === "enterpriseSearch" ? (openBlock(), createBlock(EnterpriseSearch, {
           key: 15,
@@ -142,7 +147,7 @@ const _sfc_main = {
     };
   }
 };
-const FormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f93442bd"]]);
+const FormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0fe9e516"]]);
 export {
   FormItem as default
 };

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.es49.js

@@ -1,4 +1,4 @@
-import { ref, onUnmounted, createElementBlock, createCommentVNode, openBlock, createElementVNode, createBlock, unref } from "vue";
+import { ref, onUnmounted, createElementBlock, createCommentVNode, openBlock, createBlock, createElementVNode, unref } from "vue";
 import * as THREE from "three";
 import { OrbitControls } from "./sun-card-design-pc.es58.js";
 import TWEEN from "@tweenjs/tween.js";
@@ -172,22 +172,21 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       return show.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        isClose.value ? (openBlock(), createBlock(unref(CloseCircleFilled), {
+          key: 0,
+          class: "icon",
+          onClick: closeView
+        })) : createCommentVNode("", true),
         createElementVNode("div", {
           ref_key: "containerRef",
           ref: containerRef,
           class: "canvas-view"
-        }, [
-          isClose.value ? (openBlock(), createBlock(unref(CloseCircleFilled), {
-            key: 0,
-            class: "icon",
-            onClick: closeView
-          })) : createCommentVNode("", true)
-        ], 512)
+        }, null, 512)
       ])) : createCommentVNode("", true);
     };
   }
 };
-const PanoramaView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9c7cbcbe"]]);
+const PanoramaView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d6ec0f1f"]]);
 export {
   PanoramaView as default
 };

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

@@ -25,27 +25,21 @@ const _sfc_main = {
       EditOutlined
     };
     const emit = __emit;
-    const obj = {
-      primary: "#0066ff",
-      default: "#fff",
-      unimportant: "#f0f0f0",
-      important: "#4e40e5"
-    };
     const getWidth = () => {
-      const obj2 = {
+      const obj = {
         auto: "auto",
         all: "100%",
         fixed: props.record.options.style.widthValue + "px"
       };
-      return obj2[props.record.options.style.widthType];
+      return obj[props.record.options.style.widthType];
     };
     const getAlign = () => {
-      const obj2 = {
+      const obj = {
         left: "flex-start",
         center: "center",
         right: "flex-end"
       };
-      return obj2[props.record.options.style.align];
+      return obj[props.record.options.style.align];
     };
     const onClick = () => {
       emit("clickEvent", props.record);
@@ -62,8 +56,9 @@ const _sfc_main = {
           type: "primary",
           size: props.record.options.style.size,
           style: normalizeStyle({
-            background: obj[props.record.options.style.type],
+            background: props.record.options.style.background,
             color: props.record.options.style.color,
+            borderRadius: props.record.options.style.borderRadius + "px",
             width: getWidth(),
             float: props.record.options.style.align
           }),
@@ -86,7 +81,7 @@ const _sfc_main = {
     };
   }
 };
-const Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-af850fd7"]]);
+const Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-444f05bb"]]);
 export {
   Button as default
 };

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.es7.js

@@ -1,4 +1,4 @@
-import { createElementBlock, openBlock, createElementVNode, unref, normalizeStyle, toDisplayString } from "vue";
+import { resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, unref, normalizeStyle, toDisplayString, createVNode, withCtx, createTextVNode } from "vue";
 import { fileIconSvg } from "./sun-card-design-pc.es41.js";
 import { renderTextByVariables } from "./sun-card-design-pc.es26.js";
 /* empty css                        */
@@ -8,14 +8,18 @@ const _hoisted_2 = ["innerHTML"];
 const _sfc_main = {
   __name: "fileComp",
   props: ["record"],
-  emits: ["clickEvent"],
+  emits: ["clickEvent", "fileUpdateEvent"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const onClick = () => {
       emit("clickEvent", props.record);
     };
+    const onUpdate = () => {
+      emit("fileUpdateEvent", props.record);
+    };
     return (_ctx, _cache) => {
+      const _component_a_button = resolveComponent("a-button");
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", null, [
           createElementVNode("div", {
@@ -39,13 +43,28 @@ const _sfc_main = {
               lineHeight: "20px",
               margin: "5px 0 0"
             })
-          }, toDisplayString(unref(renderTextByVariables)(props.record.options.subtitle)), 5)
+          }, toDisplayString(unref(renderTextByVariables)(props.record.options.subtitle)), 5),
+          props.record.options?.isUpdate ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            style: { "margin-top": "8px" },
+            onClick: onUpdate
+          }, [
+            createVNode(_component_a_button, {
+              type: "primary",
+              size: "small"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(props.record.options.updateText), 1)
+              ]),
+              _: 1
+            })
+          ])) : createCommentVNode("", true)
         ])
       ]);
     };
   }
 };
-const File = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-57bf4aca"]]);
+const File = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8e4c7abb"]]);
 export {
   File as default
 };

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 {