@geektech/geek-ui - npm Package Compare versions

Comparing version 1.2.4 to 1.2.5

dist/progress.js

@@ -67,6 +67,4 @@ import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, computed, renderSlot, createTextVNode, toDisplayString, createStaticVNode, createBlock, createCommentVNode } from "vue";
 const _hoisted_1$1 = ["viewBox"];
-const _hoisted_2$1 = ["cx", "cy", "r", "stroke-width"];
-const _hoisted_3 = ["cx", "cy", "r", "stroke-width"];
-const _hoisted_4 = ["cx", "cy", "r", "fill"];
-const _hoisted_5 = ["cx", "cy", "r", "fill"];
+const _hoisted_2 = ["cx", "cy", "r", "stroke-width", "stroke"];
+const _hoisted_3 = ["cx", "cy", "r", "stroke-width", "stroke", "stroke-dasharray", "stroke-dashoffset"];
 const COMPONENT$2 = "g-progress-circle";
@@ -85,18 +83,4 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const center = computed(() => mergedWidth.value / 2);
-    const beginCircle = computed(() => {
-      return {
-        cx: radius.value * 2 + props.strokeWidth / 2,
-        cy: radius.value + props.strokeWidth / 2,
-        r: props.strokeWidth / 2
-      };
-    });
-    const endCircle = computed(() => {
-      return {
-        cx: radius.value + radius.value * Math.cos(props.percent * 2 * Math.PI) + props.strokeWidth / 2,
-        cy: radius.value + radius.value * Math.sin(props.percent * 2 * Math.PI) + props.strokeWidth / 2,
-        r: props.strokeWidth / 2
-      };
-    });
     return (_ctx, _cache) => {
-      var _a, _b, _c;
+      var _a;
       return openBlock(), createElementBlock("div", {
@@ -116,6 +100,4 @@ class: normalizeClass(`${COMPONENT$2}`)
             "stroke-width": _ctx.strokeWidth,
-            style: normalizeStyle({
-              stroke: _ctx.trackColor
-            })
-          }, null, 14, _hoisted_2$1),
+            stroke: _ctx.trackColor
+          }, null, 10, _hoisted_2),
           createElementVNode("circle", {
@@ -128,25 +110,15 @@ class: normalizeClass(`${COMPONENT$2}-svg-bar`),
             "stroke-width": _ctx.strokeWidth,
-            style: normalizeStyle({
-              stroke: (_a = _ctx.color) != null ? _a : "var(--primary-color)",
-              strokeDasharray: perimeter.value,
-              strokeDashoffset: (_ctx.percent >= 1 ? 0 : 1 - _ctx.percent) * perimeter.value
-            })
-          }, null, 14, _hoisted_3),
-          createElementVNode("circle", {
-            class: normalizeClass(`${COMPONENT$2}-svg-point`),
-            cx: beginCircle.value.cx,
-            cy: beginCircle.value.cy,
-            r: beginCircle.value.r,
-            stroke: "none",
-            fill: (_b = _ctx.color) != null ? _b : "var(--primary-color)"
-          }, null, 10, _hoisted_4),
-          createElementVNode("circle", {
-            class: normalizeClass(`${COMPONENT$2}-svg-point`),
-            cx: endCircle.value.cx,
-            cy: endCircle.value.cy,
-            r: endCircle.value.r,
-            stroke: "none",
-            fill: (_c = _ctx.color) != null ? _c : "var(--primary-color)"
-          }, null, 10, _hoisted_5)
-        ], 10, _hoisted_1$1))
+            "stroke-linecap": "round",
+            stroke: (_a = _ctx.color) != null ? _a : "var(--primary-color)",
+            "stroke-dasharray": perimeter.value,
+            "stroke-dashoffset": (_ctx.percent >= 1 ? 0 : 1 - _ctx.percent) * perimeter.value
+          }, null, 10, _hoisted_3)
+        ], 10, _hoisted_1$1)),
+        createElementVNode("div", {
+          class: normalizeClass(`${COMPONENT$2}-text`)
+        }, [
+          renderSlot(_ctx.$slots, "text", {}, () => [
+            createTextVNode(toDisplayString(_ctx.percent * 100) + "% ", 1)
+          ])
+        ], 2)
       ], 2);
@@ -158,3 +130,2 @@ };
 const _hoisted_1 = /* @__PURE__ */ createStaticVNode('<div class="water"><svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 600 140" class="water-waves"><path d="M 0 40 Q 75 20,150 40 T 300 40 T 450 40 T 600 40 L 600 140 L 0 140 L 0 70Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 600 140" class="water-waves"><path d="M 0 40 Q 75 20,150 40 T 300 40 T 450 40 T 600 40 L 600 140 L 0 140 L 0 70Z"></path></svg></div>', 1);
-const _hoisted_2 = { class: "percent" };
 const COMPONENT$1 = "g-progress-water";
@@ -174,7 +145,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         _hoisted_1,
-        createElementVNode("div", _hoisted_2, [
+        createElementVNode("div", {
+          class: normalizeClass(`${COMPONENT$1}-text`)
+        }, [
           renderSlot(_ctx.$slots, "text", {}, () => [
             createTextVNode(toDisplayString(_ctx.percent * 100) + "% ", 1)
           ])
-        ])
+        ], 2)
       ], 4);
@@ -181,0 +154,0 @@ };

package.json

 {
   "name": "@geektech/geek-ui",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "type": "module",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Worsened metrics

Total package byte prevSize

175985

decreased by-0.4%

Lines of code

5722

decreased by-0.19%

No dependency changes