@gobolt/genesis 0.2.14 → 0.2.16

package/dist/node_modules/rc-progress/es/Circle/PtgCircle.cjs

@@ -1 +1,83 @@
-"use strict";const w=require("../../../@babel/runtime/helpers/esm/typeof.cjs");function x(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(c,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return c.default=e,Object.freeze(c)}const n=x(require("react"));var d=function(e){var c=e.bg,t=e.children;return n.createElement("div",{style:{width:"100%",height:"100%",background:c}},t)};function f(e,c){return Object.keys(e).map(function(t){var r=parseFloat(t),a="".concat(Math.floor(r*c),"%");return"".concat(e[t]," ").concat(a)})}var p=n.forwardRef(function(e,c){var t=e.prefixCls,r=e.color,a=e.gradientId,m=e.radius,b=e.style,h=e.ptg,y=e.strokeLinecap,k=e.strokeWidth,i=e.size,o=e.gapDegree,l=r&&w(r)==="object",v=l?"#FFF":void 0,s=i/2,u=n.createElement("circle",{className:"".concat(t,"-circle-path"),r:m,cx:s,cy:s,stroke:v,strokeLinecap:y,strokeWidth:k,opacity:h===0?0:1,style:b,ref:c});if(!l)return u;var g="".concat(a,"-conic"),j=o?"".concat(180+o/2,"deg"):"0deg",E=f(r,(360-o)/360),O=f(r,1),F="conic-gradient(from ".concat(j,", ").concat(E.join(", "),")"),N="linear-gradient(to ".concat(o?"bottom":"top",", ").concat(O.join(", "),")");return n.createElement(n.Fragment,null,n.createElement("mask",{id:g},u),n.createElement("foreignObject",{x:0,y:0,width:i,height:i,mask:"url(#".concat(g,")")},n.createElement(d,{bg:N},n.createElement(d,{bg:F}))))});process.env.NODE_ENV!=="production"&&(p.displayName="PtgCircle"),module.exports=p;
+"use strict";
+var _typeof = require("../../../@babel/runtime/helpers/esm/typeof.cjs");
+var React = require("react");
+function _interopNamespaceDefault(e) {
+  var n = /* @__PURE__ */ Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function(k) {
+      if (k !== "default") {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function() {
+            return e[k];
+          }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+var Block = function Block2(_ref) {
+  var bg = _ref.bg, children = _ref.children;
+  return /* @__PURE__ */ React__namespace.createElement("div", {
+    style: {
+      width: "100%",
+      height: "100%",
+      background: bg
+    }
+  }, children);
+};
+function getPtgColors(color, scale) {
+  return Object.keys(color).map(function(key) {
+    var parsedKey = parseFloat(key);
+    var ptgKey = "".concat(Math.floor(parsedKey * scale), "%");
+    return "".concat(color[key], " ").concat(ptgKey);
+  });
+}
+var PtgCircle = /* @__PURE__ */ React__namespace.forwardRef(function(props, ref) {
+  var prefixCls = props.prefixCls, color = props.color, gradientId = props.gradientId, radius = props.radius, circleStyleForStack = props.style, ptg = props.ptg, strokeLinecap = props.strokeLinecap, strokeWidth = props.strokeWidth, size = props.size, gapDegree = props.gapDegree;
+  var isGradient = color && _typeof(color) === "object";
+  var stroke = isGradient ? "#FFF" : void 0;
+  var halfSize = size / 2;
+  var circleNode = /* @__PURE__ */ React__namespace.createElement("circle", {
+    className: "".concat(prefixCls, "-circle-path"),
+    r: radius,
+    cx: halfSize,
+    cy: halfSize,
+    stroke,
+    strokeLinecap,
+    strokeWidth,
+    opacity: ptg === 0 ? 0 : 1,
+    style: circleStyleForStack,
+    ref
+  });
+  if (!isGradient) {
+    return circleNode;
+  }
+  var maskId = "".concat(gradientId, "-conic");
+  var fromDeg = gapDegree ? "".concat(180 + gapDegree / 2, "deg") : "0deg";
+  var conicColors = getPtgColors(color, (360 - gapDegree) / 360);
+  var linearColors = getPtgColors(color, 1);
+  var conicColorBg = "conic-gradient(from ".concat(fromDeg, ", ").concat(conicColors.join(", "), ")");
+  var linearColorBg = "linear-gradient(to ".concat(gapDegree ? "bottom" : "top", ", ").concat(linearColors.join(", "), ")");
+  return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement("mask", {
+    id: maskId
+  }, circleNode), /* @__PURE__ */ React__namespace.createElement("foreignObject", {
+    x: 0,
+    y: 0,
+    width: size,
+    height: size,
+    mask: "url(#".concat(maskId, ")")
+  }, /* @__PURE__ */ React__namespace.createElement(Block, {
+    bg: linearColorBg
+  }, /* @__PURE__ */ React__namespace.createElement(Block, {
+    bg: conicColorBg
+  }))));
+});
+if (process.env.NODE_ENV !== "production") {
+  PtgCircle.displayName = "PtgCircle";
+}
+module.exports = PtgCircle;

package/dist/node_modules/rc-progress/es/Circle/PtgCircle.js

@@ -1,22 +1,65 @@
-import C from "../../../@babel/runtime/helpers/esm/typeof.js";
-import * as t from "react";
-var m = function(e) {
-  var a = e.bg, c = e.children;
-  return t.createElement("div", { style: { width: "100%", height: "100%", background: a } }, c);
+import _typeof from "../../../@babel/runtime/helpers/esm/typeof.js";
+import * as React from "react";
+var Block = function Block2(_ref) {
+  var bg = _ref.bg, children = _ref.children;
+  return /* @__PURE__ */ React.createElement("div", {
+    style: {
+      width: "100%",
+      height: "100%",
+      background: bg
+    }
+  }, children);
 };
-function p(e, a) {
-  return Object.keys(e).map(function(c) {
-    var o = parseFloat(c), n = "".concat(Math.floor(o * a), "%");
-    return "".concat(e[c], " ").concat(n);
+function getPtgColors(color, scale) {
+  return Object.keys(color).map(function(key) {
+    var parsedKey = parseFloat(key);
+    var ptgKey = "".concat(Math.floor(parsedKey * scale), "%");
+    return "".concat(color[key], " ").concat(ptgKey);
   });
 }
-var N = t.forwardRef(function(e, a) {
-  var c = e.prefixCls, o = e.color, n = e.gradientId, f = e.radius, u = e.style, h = e.ptg, k = e.strokeLinecap, v = e.strokeWidth, i = e.size, r = e.gapDegree, l = o && C(o) === "object", E = l ? "#FFF" : void 0, s = i / 2, d = t.createElement("circle", { className: "".concat(c, "-circle-path"), r: f, cx: s, cy: s, stroke: E, strokeLinecap: k, strokeWidth: v, opacity: h === 0 ? 0 : 1, style: u, ref: a });
-  if (!l) return d;
-  var g = "".concat(n, "-conic"), b = r ? "".concat(180 + r / 2, "deg") : "0deg", y = p(o, (360 - r) / 360), j = p(o, 1), F = "conic-gradient(from ".concat(b, ", ").concat(y.join(", "), ")"), x = "linear-gradient(to ".concat(r ? "bottom" : "top", ", ").concat(j.join(", "), ")");
-  return t.createElement(t.Fragment, null, t.createElement("mask", { id: g }, d), t.createElement("foreignObject", { x: 0, y: 0, width: i, height: i, mask: "url(#".concat(g, ")") }, t.createElement(m, { bg: x }, t.createElement(m, { bg: F }))));
+var PtgCircle = /* @__PURE__ */ React.forwardRef(function(props, ref) {
+  var prefixCls = props.prefixCls, color = props.color, gradientId = props.gradientId, radius = props.radius, circleStyleForStack = props.style, ptg = props.ptg, strokeLinecap = props.strokeLinecap, strokeWidth = props.strokeWidth, size = props.size, gapDegree = props.gapDegree;
+  var isGradient = color && _typeof(color) === "object";
+  var stroke = isGradient ? "#FFF" : void 0;
+  var halfSize = size / 2;
+  var circleNode = /* @__PURE__ */ React.createElement("circle", {
+    className: "".concat(prefixCls, "-circle-path"),
+    r: radius,
+    cx: halfSize,
+    cy: halfSize,
+    stroke,
+    strokeLinecap,
+    strokeWidth,
+    opacity: ptg === 0 ? 0 : 1,
+    style: circleStyleForStack,
+    ref
+  });
+  if (!isGradient) {
+    return circleNode;
+  }
+  var maskId = "".concat(gradientId, "-conic");
+  var fromDeg = gapDegree ? "".concat(180 + gapDegree / 2, "deg") : "0deg";
+  var conicColors = getPtgColors(color, (360 - gapDegree) / 360);
+  var linearColors = getPtgColors(color, 1);
+  var conicColorBg = "conic-gradient(from ".concat(fromDeg, ", ").concat(conicColors.join(", "), ")");
+  var linearColorBg = "linear-gradient(to ".concat(gapDegree ? "bottom" : "top", ", ").concat(linearColors.join(", "), ")");
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("mask", {
+    id: maskId
+  }, circleNode), /* @__PURE__ */ React.createElement("foreignObject", {
+    x: 0,
+    y: 0,
+    width: size,
+    height: size,
+    mask: "url(#".concat(maskId, ")")
+  }, /* @__PURE__ */ React.createElement(Block, {
+    bg: linearColorBg
+  }, /* @__PURE__ */ React.createElement(Block, {
+    bg: conicColorBg
+  }))));
 });
-process.env.NODE_ENV !== "production" && (N.displayName = "PtgCircle");
+if (process.env.NODE_ENV !== "production") {
+  PtgCircle.displayName = "PtgCircle";
+}
 export {
-  N as default
+  PtgCircle as default
 };

package/dist/node_modules/rc-progress/es/Circle/index.cjs

@@ -1 +1,127 @@
-"use strict";const Q=require("../../../@babel/runtime/helpers/esm/extends.cjs"),h=require("../../../@babel/runtime/helpers/esm/typeof.cjs"),A=require("../../../@babel/runtime/helpers/esm/objectSpread2.cjs"),R=require("../../../@babel/runtime/helpers/esm/objectWithoutProperties.cjs"),U=require("react"),Y=require("../../../../_virtual/index.cjs"),L=require("../common.cjs"),$=require("../hooks/useId.cjs"),ee=require("./PtgCircle.cjs"),s=require("./util.cjs");function te(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const c in t)if(c!=="default"){const l=Object.getOwnPropertyDescriptor(t,c);Object.defineProperty(r,c,l.get?l:{enumerable:!0,get:()=>t[c]})}}return r.default=t,Object.freeze(r)}const C=te(U);var re=["id","prefixCls","steps","strokeWidth","trailWidth","gapDegree","gapPosition","trailColor","strokeLinecap","style","className","strokeColor","percent"];function X(t){var r=t??[];return Array.isArray(r)?r:[r]}var Z=function(t){var r,c,l,e=A(A({},L.defaultProps),t),N=e.id,y=e.prefixCls,W=e.steps,i=e.strokeWidth,w=e.trailWidth,S=e.gapDegree,o=S===void 0?0:S,q=e.gapPosition,I=e.trailColor,M=e.strokeLinecap,z=e.style,T=e.className,F=e.strokeColor,G=e.percent,H=R(e,re),p=s.VIEW_BOX_SIZE/2,J=$.default(N),j="".concat(J,"-gradient"),k=p-i/2,m=2*Math.PI*k,O=o>0?90+o/2:-90,f=m*((360-o)/360),D=h(W)==="object"?W:{count:W,gap:2},d=D.count,x=D.gap,P=X(G),g=X(F),B=g.find(function(u){return u&&h(u)==="object"}),v=B&&h(B)==="object"?"butt":M,K=s.getCircleStyle(m,f,0,100,O,o,q,I,v,i),V=L.useTransitionDuration();return C.createElement("svg",Q({className:Y("".concat(y,"-circle"),T),viewBox:"0 0 ".concat(s.VIEW_BOX_SIZE," ").concat(s.VIEW_BOX_SIZE),style:z,id:N,role:"presentation"},H),!d&&C.createElement("circle",{className:"".concat(y,"-circle-trail"),r:k,cx:p,cy:p,stroke:I,strokeLinecap:v,strokeWidth:w||i,style:K}),d?(r=Math.round(d*(P[0]/100)),c=100/d,l=0,new Array(d).fill(null).map(function(u,a){var n=a<=r-1?g[0]:I,E=n&&h(n)==="object"?"url(#".concat(j,")"):void 0,b=s.getCircleStyle(m,f,l,c,O,o,q,n,"butt",i,x);return l+=100*(f-b.strokeDashoffset+x)/f,C.createElement("circle",{key:a,className:"".concat(y,"-circle-path"),r:k,cx:p,cy:p,stroke:E,strokeWidth:i,opacity:1,style:b,ref:function(_){V[a]=_}})})):function(){var u=0;return P.map(function(a,n){var E=g[n]||g[g.length-1],b=s.getCircleStyle(m,f,u,a,O,o,q,E,v,i);return u+=a,C.createElement(ee,{key:n,color:E,ptg:a,radius:k,prefixCls:y,gradientId:j,style:b,strokeLinecap:v,strokeWidth:i,gapDegree:o,ref:function(_){V[n]=_},size:s.VIEW_BOX_SIZE})}).reverse()}())};process.env.NODE_ENV!=="production"&&(Z.displayName="Circle"),module.exports=Z;
+"use strict";
+var _extends = require("../../../@babel/runtime/helpers/esm/extends.cjs");
+var _typeof = require("../../../@babel/runtime/helpers/esm/typeof.cjs");
+var objectSpread2 = require("../../../@babel/runtime/helpers/esm/objectSpread2.cjs");
+var objectWithoutProperties = require("../../../@babel/runtime/helpers/esm/objectWithoutProperties.cjs");
+var React = require("react");
+var index = require("../../../../_virtual/index.cjs");
+var common = require("../common.cjs");
+var useId = require("../hooks/useId.cjs");
+var PtgCircle = require("./PtgCircle.cjs");
+var util = require("./util.cjs");
+function _interopNamespaceDefault(e) {
+  var n = /* @__PURE__ */ Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function(k) {
+      if (k !== "default") {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function() {
+            return e[k];
+          }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+var _excluded = ["id", "prefixCls", "steps", "strokeWidth", "trailWidth", "gapDegree", "gapPosition", "trailColor", "strokeLinecap", "style", "className", "strokeColor", "percent"];
+function toArray(value) {
+  var mergedValue = value !== null && value !== void 0 ? value : [];
+  return Array.isArray(mergedValue) ? mergedValue : [mergedValue];
+}
+var Circle = function Circle2(props) {
+  var _defaultProps$props = objectSpread2(objectSpread2({}, common.defaultProps), props), id = _defaultProps$props.id, prefixCls = _defaultProps$props.prefixCls, steps = _defaultProps$props.steps, strokeWidth = _defaultProps$props.strokeWidth, trailWidth = _defaultProps$props.trailWidth, _defaultProps$props$g = _defaultProps$props.gapDegree, gapDegree = _defaultProps$props$g === void 0 ? 0 : _defaultProps$props$g, gapPosition = _defaultProps$props.gapPosition, trailColor = _defaultProps$props.trailColor, strokeLinecap = _defaultProps$props.strokeLinecap, style = _defaultProps$props.style, className = _defaultProps$props.className, strokeColor = _defaultProps$props.strokeColor, percent = _defaultProps$props.percent, restProps = objectWithoutProperties(_defaultProps$props, _excluded);
+  var halfSize = util.VIEW_BOX_SIZE / 2;
+  var mergedId = useId.default(id);
+  var gradientId = "".concat(mergedId, "-gradient");
+  var radius = halfSize - strokeWidth / 2;
+  var perimeter = Math.PI * 2 * radius;
+  var rotateDeg = gapDegree > 0 ? 90 + gapDegree / 2 : -90;
+  var perimeterWithoutGap = perimeter * ((360 - gapDegree) / 360);
+  var _ref = _typeof(steps) === "object" ? steps : {
+    count: steps,
+    gap: 2
+  }, stepCount = _ref.count, stepGap = _ref.gap;
+  var percentList = toArray(percent);
+  var strokeColorList = toArray(strokeColor);
+  var gradient = strokeColorList.find(function(color) {
+    return color && _typeof(color) === "object";
+  });
+  var isConicGradient = gradient && _typeof(gradient) === "object";
+  var mergedStrokeLinecap = isConicGradient ? "butt" : strokeLinecap;
+  var circleStyle = util.getCircleStyle(perimeter, perimeterWithoutGap, 0, 100, rotateDeg, gapDegree, gapPosition, trailColor, mergedStrokeLinecap, strokeWidth);
+  var paths = common.useTransitionDuration();
+  var getStokeList = function getStokeList2() {
+    var stackPtg = 0;
+    return percentList.map(function(ptg, index2) {
+      var color = strokeColorList[index2] || strokeColorList[strokeColorList.length - 1];
+      var circleStyleForStack = util.getCircleStyle(perimeter, perimeterWithoutGap, stackPtg, ptg, rotateDeg, gapDegree, gapPosition, color, mergedStrokeLinecap, strokeWidth);
+      stackPtg += ptg;
+      return /* @__PURE__ */ React__namespace.createElement(PtgCircle, {
+        key: index2,
+        color,
+        ptg,
+        radius,
+        prefixCls,
+        gradientId,
+        style: circleStyleForStack,
+        strokeLinecap: mergedStrokeLinecap,
+        strokeWidth,
+        gapDegree,
+        ref: function ref(elem) {
+          paths[index2] = elem;
+        },
+        size: util.VIEW_BOX_SIZE
+      });
+    }).reverse();
+  };
+  var getStepStokeList = function getStepStokeList2() {
+    var current = Math.round(stepCount * (percentList[0] / 100));
+    var stepPtg = 100 / stepCount;
+    var stackPtg = 0;
+    return new Array(stepCount).fill(null).map(function(_, index2) {
+      var color = index2 <= current - 1 ? strokeColorList[0] : trailColor;
+      var stroke = color && _typeof(color) === "object" ? "url(#".concat(gradientId, ")") : void 0;
+      var circleStyleForStack = util.getCircleStyle(perimeter, perimeterWithoutGap, stackPtg, stepPtg, rotateDeg, gapDegree, gapPosition, color, "butt", strokeWidth, stepGap);
+      stackPtg += (perimeterWithoutGap - circleStyleForStack.strokeDashoffset + stepGap) * 100 / perimeterWithoutGap;
+      return /* @__PURE__ */ React__namespace.createElement("circle", {
+        key: index2,
+        className: "".concat(prefixCls, "-circle-path"),
+        r: radius,
+        cx: halfSize,
+        cy: halfSize,
+        stroke,
+        strokeWidth,
+        opacity: 1,
+        style: circleStyleForStack,
+        ref: function ref(elem) {
+          paths[index2] = elem;
+        }
+      });
+    });
+  };
+  return /* @__PURE__ */ React__namespace.createElement("svg", _extends({
+    className: index("".concat(prefixCls, "-circle"), className),
+    viewBox: "0 0 ".concat(util.VIEW_BOX_SIZE, " ").concat(util.VIEW_BOX_SIZE),
+    style,
+    id,
+    role: "presentation"
+  }, restProps), !stepCount && /* @__PURE__ */ React__namespace.createElement("circle", {
+    className: "".concat(prefixCls, "-circle-trail"),
+    r: radius,
+    cx: halfSize,
+    cy: halfSize,
+    stroke: trailColor,
+    strokeLinecap: mergedStrokeLinecap,
+    strokeWidth: trailWidth || strokeWidth,
+    style: circleStyle
+  }), stepCount ? getStepStokeList() : getStokeList());
+};
+if (process.env.NODE_ENV !== "production") {
+  Circle.displayName = "Circle";
+}
+module.exports = Circle;

package/dist/node_modules/rc-progress/es/Circle/index.js

@@ -1,38 +1,109 @@
-import R from "../../../@babel/runtime/helpers/esm/extends.js";
-import v from "../../../@babel/runtime/helpers/esm/typeof.js";
-import S from "../../../@babel/runtime/helpers/esm/objectSpread2.js";
-import X from "../../../@babel/runtime/helpers/esm/objectWithoutProperties.js";
-import * as h from "react";
-import Z from "../../../../_virtual/index.js";
-import { defaultProps as U, useTransitionDuration as Y } from "../common.js";
-import $ from "../hooks/useId.js";
-import rr from "./PtgCircle.js";
-import { VIEW_BOX_SIZE as C, getCircleStyle as j } from "./util.js";
-var er = ["id", "prefixCls", "steps", "strokeWidth", "trailWidth", "gapDegree", "gapPosition", "trailColor", "strokeLinecap", "style", "className", "strokeColor", "percent"];
-function V(m) {
-  var i = m ?? [];
-  return Array.isArray(i) ? i : [i];
+import _extends from "../../../@babel/runtime/helpers/esm/extends.js";
+import _typeof from "../../../@babel/runtime/helpers/esm/typeof.js";
+import _objectSpread2 from "../../../@babel/runtime/helpers/esm/objectSpread2.js";
+import _objectWithoutProperties from "../../../@babel/runtime/helpers/esm/objectWithoutProperties.js";
+import * as React from "react";
+import classNames from "../../../../_virtual/index.js";
+import { defaultProps, useTransitionDuration } from "../common.js";
+import useId from "../hooks/useId.js";
+import PtgCircle from "./PtgCircle.js";
+import { VIEW_BOX_SIZE, getCircleStyle } from "./util.js";
+var _excluded = ["id", "prefixCls", "steps", "strokeWidth", "trailWidth", "gapDegree", "gapPosition", "trailColor", "strokeLinecap", "style", "className", "strokeColor", "percent"];
+function toArray(value) {
+  var mergedValue = value !== null && value !== void 0 ? value : [];
+  return Array.isArray(mergedValue) ? mergedValue : [mergedValue];
 }
-var tr = function(m) {
-  var i, A, E, r = S(S({}, U), m), I = r.id, f = r.prefixCls, N = r.steps, e = r.strokeWidth, z = r.trailWidth, L = r.gapDegree, t = L === void 0 ? 0 : L, W = r.gapPosition, x = r.trailColor, T = r.strokeLinecap, q = r.style, F = r.className, G = r.strokeColor, H = r.percent, J = X(r, er), s = C / 2, K = $(I), P = "".concat(K, "-gradient"), u = s - e / 2, d = 2 * Math.PI * u, b = t > 0 ? 90 + t / 2 : -90, n = d * ((360 - t) / 360), _ = v(N) === "object" ? N : { count: N, gap: 2 }, l = _.count, w = _.gap, B = V(H), p = V(G), M = p.find(function(c) {
-    return c && v(c) === "object";
-  }), y = M && v(M) === "object" ? "butt" : T, Q = j(d, n, 0, 100, b, t, W, x, y, e), O = Y();
-  return h.createElement("svg", R({ className: Z("".concat(f, "-circle"), F), viewBox: "0 0 ".concat(C, " ").concat(C), style: q, id: I, role: "presentation" }, J), !l && h.createElement("circle", { className: "".concat(f, "-circle-trail"), r: u, cx: s, cy: s, stroke: x, strokeLinecap: y, strokeWidth: z || e, style: Q }), l ? (i = Math.round(l * (B[0] / 100)), A = 100 / l, E = 0, new Array(l).fill(null).map(function(c, o) {
-    var a = o <= i - 1 ? p[0] : x, g = a && v(a) === "object" ? "url(#".concat(P, ")") : void 0, k = j(d, n, E, A, b, t, W, a, "butt", e, w);
-    return E += 100 * (n - k.strokeDashoffset + w) / n, h.createElement("circle", { key: o, className: "".concat(f, "-circle-path"), r: u, cx: s, cy: s, stroke: g, strokeWidth: e, opacity: 1, style: k, ref: function(D) {
-      O[o] = D;
-    } });
-  })) : function() {
-    var c = 0;
-    return B.map(function(o, a) {
-      var g = p[a] || p[p.length - 1], k = j(d, n, c, o, b, t, W, g, y, e);
-      return c += o, h.createElement(rr, { key: a, color: g, ptg: o, radius: u, prefixCls: f, gradientId: P, style: k, strokeLinecap: y, strokeWidth: e, gapDegree: t, ref: function(D) {
-        O[a] = D;
-      }, size: C });
+var Circle = function Circle2(props) {
+  var _defaultProps$props = _objectSpread2(_objectSpread2({}, defaultProps), props), id = _defaultProps$props.id, prefixCls = _defaultProps$props.prefixCls, steps = _defaultProps$props.steps, strokeWidth = _defaultProps$props.strokeWidth, trailWidth = _defaultProps$props.trailWidth, _defaultProps$props$g = _defaultProps$props.gapDegree, gapDegree = _defaultProps$props$g === void 0 ? 0 : _defaultProps$props$g, gapPosition = _defaultProps$props.gapPosition, trailColor = _defaultProps$props.trailColor, strokeLinecap = _defaultProps$props.strokeLinecap, style = _defaultProps$props.style, className = _defaultProps$props.className, strokeColor = _defaultProps$props.strokeColor, percent = _defaultProps$props.percent, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var halfSize = VIEW_BOX_SIZE / 2;
+  var mergedId = useId(id);
+  var gradientId = "".concat(mergedId, "-gradient");
+  var radius = halfSize - strokeWidth / 2;
+  var perimeter = Math.PI * 2 * radius;
+  var rotateDeg = gapDegree > 0 ? 90 + gapDegree / 2 : -90;
+  var perimeterWithoutGap = perimeter * ((360 - gapDegree) / 360);
+  var _ref = _typeof(steps) === "object" ? steps : {
+    count: steps,
+    gap: 2
+  }, stepCount = _ref.count, stepGap = _ref.gap;
+  var percentList = toArray(percent);
+  var strokeColorList = toArray(strokeColor);
+  var gradient = strokeColorList.find(function(color) {
+    return color && _typeof(color) === "object";
+  });
+  var isConicGradient = gradient && _typeof(gradient) === "object";
+  var mergedStrokeLinecap = isConicGradient ? "butt" : strokeLinecap;
+  var circleStyle = getCircleStyle(perimeter, perimeterWithoutGap, 0, 100, rotateDeg, gapDegree, gapPosition, trailColor, mergedStrokeLinecap, strokeWidth);
+  var paths = useTransitionDuration();
+  var getStokeList = function getStokeList2() {
+    var stackPtg = 0;
+    return percentList.map(function(ptg, index) {
+      var color = strokeColorList[index] || strokeColorList[strokeColorList.length - 1];
+      var circleStyleForStack = getCircleStyle(perimeter, perimeterWithoutGap, stackPtg, ptg, rotateDeg, gapDegree, gapPosition, color, mergedStrokeLinecap, strokeWidth);
+      stackPtg += ptg;
+      return /* @__PURE__ */ React.createElement(PtgCircle, {
+        key: index,
+        color,
+        ptg,
+        radius,
+        prefixCls,
+        gradientId,
+        style: circleStyleForStack,
+        strokeLinecap: mergedStrokeLinecap,
+        strokeWidth,
+        gapDegree,
+        ref: function ref(elem) {
+          paths[index] = elem;
+        },
+        size: VIEW_BOX_SIZE
+      });
     }).reverse();
-  }());
+  };
+  var getStepStokeList = function getStepStokeList2() {
+    var current = Math.round(stepCount * (percentList[0] / 100));
+    var stepPtg = 100 / stepCount;
+    var stackPtg = 0;
+    return new Array(stepCount).fill(null).map(function(_, index) {
+      var color = index <= current - 1 ? strokeColorList[0] : trailColor;
+      var stroke = color && _typeof(color) === "object" ? "url(#".concat(gradientId, ")") : void 0;
+      var circleStyleForStack = getCircleStyle(perimeter, perimeterWithoutGap, stackPtg, stepPtg, rotateDeg, gapDegree, gapPosition, color, "butt", strokeWidth, stepGap);
+      stackPtg += (perimeterWithoutGap - circleStyleForStack.strokeDashoffset + stepGap) * 100 / perimeterWithoutGap;
+      return /* @__PURE__ */ React.createElement("circle", {
+        key: index,
+        className: "".concat(prefixCls, "-circle-path"),
+        r: radius,
+        cx: halfSize,
+        cy: halfSize,
+        stroke,
+        strokeWidth,
+        opacity: 1,
+        style: circleStyleForStack,
+        ref: function ref(elem) {
+          paths[index] = elem;
+        }
+      });
+    });
+  };
+  return /* @__PURE__ */ React.createElement("svg", _extends({
+    className: classNames("".concat(prefixCls, "-circle"), className),
+    viewBox: "0 0 ".concat(VIEW_BOX_SIZE, " ").concat(VIEW_BOX_SIZE),
+    style,
+    id,
+    role: "presentation"
+  }, restProps), !stepCount && /* @__PURE__ */ React.createElement("circle", {
+    className: "".concat(prefixCls, "-circle-trail"),
+    r: radius,
+    cx: halfSize,
+    cy: halfSize,
+    stroke: trailColor,
+    strokeLinecap: mergedStrokeLinecap,
+    strokeWidth: trailWidth || strokeWidth,
+    style: circleStyle
+  }), stepCount ? getStepStokeList() : getStokeList());
 };
-process.env.NODE_ENV !== "production" && (tr.displayName = "Circle");
+if (process.env.NODE_ENV !== "production") {
+  Circle.displayName = "Circle";
+}
 export {
-  tr as default
+  Circle as default
 };

package/dist/node_modules/rc-progress/es/Circle/util.cjs

@@ -1 +1,31 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.VIEW_BOX_SIZE=100,exports.getCircleStyle=function(a,t,n,e,c,r,i,o,g,f){var d=arguments.length>10&&arguments[10]!==void 0?arguments[10]:0,l=n/100*360*((360-r)/360),p=r===0?0:{bottom:0,top:180,left:90,right:-90}[i],s=(100-e)/100*t;return g==="round"&&e!==100&&(s+=f/2)>=t&&(s=t-.01),{stroke:typeof o=="string"?o:void 0,strokeDasharray:"".concat(t,"px ").concat(a),strokeDashoffset:s+d,transform:"rotate(".concat(c+l+p,"deg)"),transformOrigin:"".concat(50,"px ").concat(50,"px"),transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s",fillOpacity:0}};
+"use strict";
+var VIEW_BOX_SIZE = 100;
+var getCircleStyle = function getCircleStyle2(perimeter, perimeterWithoutGap, offset, percent, rotateDeg, gapDegree, gapPosition, strokeColor, strokeLinecap, strokeWidth) {
+  var stepSpace = arguments.length > 10 && arguments[10] !== void 0 ? arguments[10] : 0;
+  var offsetDeg = offset / 100 * 360 * ((360 - gapDegree) / 360);
+  var positionDeg = gapDegree === 0 ? 0 : {
+    bottom: 0,
+    top: 180,
+    left: 90,
+    right: -90
+  }[gapPosition];
+  var strokeDashoffset = (100 - percent) / 100 * perimeterWithoutGap;
+  if (strokeLinecap === "round" && percent !== 100) {
+    strokeDashoffset += strokeWidth / 2;
+    if (strokeDashoffset >= perimeterWithoutGap) {
+      strokeDashoffset = perimeterWithoutGap - 0.01;
+    }
+  }
+  var halfSize = VIEW_BOX_SIZE / 2;
+  return {
+    stroke: typeof strokeColor === "string" ? strokeColor : void 0,
+    strokeDasharray: "".concat(perimeterWithoutGap, "px ").concat(perimeter),
+    strokeDashoffset: strokeDashoffset + stepSpace,
+    transform: "rotate(".concat(rotateDeg + offsetDeg + positionDeg, "deg)"),
+    transformOrigin: "".concat(halfSize, "px ").concat(halfSize, "px"),
+    transition: "stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s",
+    fillOpacity: 0
+  };
+};
+exports.VIEW_BOX_SIZE = VIEW_BOX_SIZE;
+exports.getCircleStyle = getCircleStyle;

package/dist/node_modules/rc-progress/es/Circle/util.js

@@ -1,8 +1,32 @@
-var k = 100, l = function(o, t, n, a, i, e, c, r, f, g) {
-  var p = arguments.length > 10 && arguments[10] !== void 0 ? arguments[10] : 0, d = n / 100 * 360 * ((360 - e) / 360), h = e === 0 ? 0 : { bottom: 0, top: 180, left: 90, right: -90 }[c], s = (100 - a) / 100 * t;
-  return f === "round" && a !== 100 && (s += g / 2) >= t && (s = t - 0.01), { stroke: typeof r == "string" ? r : void 0, strokeDasharray: "".concat(t, "px ").concat(o), strokeDashoffset: s + p, transform: "rotate(".concat(i + d + h, "deg)"), transformOrigin: "".concat(50, "px ").concat(50, "px"), transition: "stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s", fillOpacity: 0 };
+var VIEW_BOX_SIZE = 100;
+var getCircleStyle = function getCircleStyle2(perimeter, perimeterWithoutGap, offset, percent, rotateDeg, gapDegree, gapPosition, strokeColor, strokeLinecap, strokeWidth) {
+  var stepSpace = arguments.length > 10 && arguments[10] !== void 0 ? arguments[10] : 0;
+  var offsetDeg = offset / 100 * 360 * ((360 - gapDegree) / 360);
+  var positionDeg = gapDegree === 0 ? 0 : {
+    bottom: 0,
+    top: 180,
+    left: 90,
+    right: -90
+  }[gapPosition];
+  var strokeDashoffset = (100 - percent) / 100 * perimeterWithoutGap;
+  if (strokeLinecap === "round" && percent !== 100) {
+    strokeDashoffset += strokeWidth / 2;
+    if (strokeDashoffset >= perimeterWithoutGap) {
+      strokeDashoffset = perimeterWithoutGap - 0.01;
+    }
+  }
+  var halfSize = VIEW_BOX_SIZE / 2;
+  return {
+    stroke: typeof strokeColor === "string" ? strokeColor : void 0,
+    strokeDasharray: "".concat(perimeterWithoutGap, "px ").concat(perimeter),
+    strokeDashoffset: strokeDashoffset + stepSpace,
+    transform: "rotate(".concat(rotateDeg + offsetDeg + positionDeg, "deg)"),
+    transformOrigin: "".concat(halfSize, "px ").concat(halfSize, "px"),
+    transition: "stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s",
+    fillOpacity: 0
+  };
 };
 export {
-  k as VIEW_BOX_SIZE,
-  l as getCircleStyle
+  VIEW_BOX_SIZE,
+  getCircleStyle
 };

package/dist/node_modules/rc-progress/es/Line.cjs

@@ -1 +1,4 @@
-"use strict";require("react"),require("../../../_virtual/index.cjs"),process.env.NODE_ENV;
+"use strict";
+require("react");
+require("../../../_virtual/index.cjs");
+if (process.env.NODE_ENV !== "production") ;

package/dist/node_modules/rc-progress/es/Line.js

@@ -1,3 +1,3 @@
 import "react";
 import "../../../_virtual/index.js";
-process.env.NODE_ENV;
+if (process.env.NODE_ENV !== "production") ;

package/dist/node_modules/rc-progress/es/common.cjs

@@ -1 +1,37 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");exports.defaultProps={percent:0,prefixCls:"rc-progress",strokeColor:"#2db7f5",strokeLinecap:"round",strokeWidth:1,trailColor:"#D9D9D9",trailWidth:1,gapPosition:"bottom"},exports.useTransitionDuration=function(){var e=t.useRef([]),r=t.useRef(null);return t.useEffect(function(){var s=Date.now(),o=!1;e.current.forEach(function(n){if(n){o=!0;var i=n.style;i.transitionDuration=".3s, .3s, .3s, .06s",r.current&&s-r.current<100&&(i.transitionDuration="0s, 0s")}}),o&&(r.current=Date.now())}),e.current};
+"use strict";
+var React = require("react");
+var defaultProps = {
+  percent: 0,
+  prefixCls: "rc-progress",
+  strokeColor: "#2db7f5",
+  strokeLinecap: "round",
+  strokeWidth: 1,
+  trailColor: "#D9D9D9",
+  trailWidth: 1,
+  gapPosition: "bottom"
+};
+var useTransitionDuration = function useTransitionDuration2() {
+  var pathsRef = React.useRef([]);
+  var prevTimeStamp = React.useRef(null);
+  React.useEffect(function() {
+    var now = Date.now();
+    var updated = false;
+    pathsRef.current.forEach(function(path) {
+      if (!path) {
+        return;
+      }
+      updated = true;
+      var pathStyle = path.style;
+      pathStyle.transitionDuration = ".3s, .3s, .3s, .06s";
+      if (prevTimeStamp.current && now - prevTimeStamp.current < 100) {
+        pathStyle.transitionDuration = "0s, 0s";
+      }
+    });
+    if (updated) {
+      prevTimeStamp.current = Date.now();
+    }
+  });
+  return pathsRef.current;
+};
+exports.defaultProps = defaultProps;
+exports.useTransitionDuration = useTransitionDuration;

package/dist/node_modules/rc-progress/es/common.js

@@ -1,18 +1,38 @@
-import { useRef as e, useEffect as a } from "react";
-var c = { percent: 0, prefixCls: "rc-progress", strokeColor: "#2db7f5", strokeLinecap: "round", strokeWidth: 1, trailColor: "#D9D9D9", trailWidth: 1, gapPosition: "bottom" }, f = function() {
-  var t = e([]), r = e(null);
-  return a(function() {
-    var i = Date.now(), o = !1;
-    t.current.forEach(function(n) {
-      if (n) {
-        o = !0;
-        var s = n.style;
-        s.transitionDuration = ".3s, .3s, .3s, .06s", r.current && i - r.current < 100 && (s.transitionDuration = "0s, 0s");
+import { useRef, useEffect } from "react";
+var defaultProps = {
+  percent: 0,
+  prefixCls: "rc-progress",
+  strokeColor: "#2db7f5",
+  strokeLinecap: "round",
+  strokeWidth: 1,
+  trailColor: "#D9D9D9",
+  trailWidth: 1,
+  gapPosition: "bottom"
+};
+var useTransitionDuration = function useTransitionDuration2() {
+  var pathsRef = useRef([]);
+  var prevTimeStamp = useRef(null);
+  useEffect(function() {
+    var now = Date.now();
+    var updated = false;
+    pathsRef.current.forEach(function(path) {
+      if (!path) {
+        return;
+      }
+      updated = true;
+      var pathStyle = path.style;
+      pathStyle.transitionDuration = ".3s, .3s, .3s, .06s";
+      if (prevTimeStamp.current && now - prevTimeStamp.current < 100) {
+        pathStyle.transitionDuration = "0s, 0s";
       }
-    }), o && (r.current = Date.now());
-  }), t.current;
+    });
+    if (updated) {
+      prevTimeStamp.current = Date.now();
+    }
+  });
+  return pathsRef.current;
 };
 export {
-  c as defaultProps,
-  f as useTransitionDuration
+  defaultProps,
+  useTransitionDuration
 };