@aliyun-obv/app-loader - npm Package Compare versions

Comparing version 0.3.14 to 0.3.15

dist/es/index.js

@@ -0,1 +1,14 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.id = "obviz-core-20";
+      elementStyle.appendChild(document.createTextNode("@keyframes _skeleton-frames_mzgf1_1 {\n  0% {\n    background-position: -200px 0;\n  }\n  100% {\n    background-position: calc(200px + 100%) 0;\n  }\n}\n._skeleton-item_mzgf1_9 {\n  background-color: var(--skeleton-base-color);\n  background-image: linear-gradient(90deg, var(--skeleton-base-color), var(--skeleton-highlight-color), var(--skeleton-base-color));\n  background-size: 200px 100%;\n  background-repeat: no-repeat;\n  border-radius: 4px;\n  display: inline-block;\n  width: 100%;\n  margin-top: 12px;\n  line-height: 18px;\n}\n._skeleton_mzgf1_9._light_mzgf1_20 {\n  --skeleton-base-color: #eee;\n  --skeleton-highlight-color: #f5f5f5;\n}\n._skeleton_mzgf1_9._dark_mzgf1_24 {\n  --skeleton-base-color: rgba(0, 0, 0, 0.8);\n  --skeleton-highlight-color: rgba(255, 255, 255, 0.16);\n}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
 var __defProp = Object.defineProperty;
@@ -495,2 +508,7 @@ var __defProps = Object.defineProperties;
 }
+const skeletonItem = "_skeleton-item_mzgf1_9";
+const skeleton = "_skeleton_mzgf1_9";
+const light = "_light_mzgf1_20";
+const dark = "_dark_mzgf1_24";
+const skeletonFrames = "_skeleton-frames_mzgf1_1";
 function Skeleton({
@@ -508,3 +526,3 @@ count = 1,
     return __spreadValues({
-      animation: `${void 0} ${duration}s ease-in-out infinite`
+      animation: `${skeletonFrames} ${duration}s ease-in-out infinite`
     }, customStyle);
@@ -524,3 +542,3 @@ }, [customStyle, duration]);
       els.push(
-        /* @__PURE__ */ React.createElement("span", { key: i, className: `${void 0} ${customClassName}`, style }, "‌")
+        /* @__PURE__ */ React.createElement("span", { key: i, className: `${skeletonItem} ${customClassName}`, style }, "‌")
       );
@@ -530,3 +548,3 @@ }
   }, [circle, count, customClassName, defaultStyle, height, width]);
-  return /* @__PURE__ */ React.createElement("span", { className: `${void 0} ${theme === "dark" ? void 0 : void 0}` }, elements);
+  return /* @__PURE__ */ React.createElement("span", { className: `${skeleton} ${theme === "dark" ? dark : light}` }, elements);
 }
@@ -533,0 +551,0 @@ function _Application(_d, ref) {

package.json

@@ -16,4 +16,6 @@ {
   },
-  "devDependencies": {},
-  "version": "0.3.14"
+  "devDependencies": {
+    "vite-plugin-css-injected-by-js": "3.5.1"
+  },
+  "version": "0.3.15"
 }

No alert changes

Improved metrics

Total package byte prevSize

63671

increased by3.41%

Lines of code

1501

increased by1.01%

Worsened metrics

Dev dependency count

1

increased byInfinity%

Number of package files

28

decreased by-3.45%

No dependency changes