react-av-timeline 1.2.2 → 1.2.4

package/dist/index.js

@@ -5,9 +5,9 @@ function oe() {
   if (q) return y;
   q = 1;
   var t = Symbol.for("react.transitional.element"), a = Symbol.for("react.fragment");
-  function i(l, c, u) {
-    var d = null;
-    if (u !== void 0 && (d = "" + u), c.key !== void 0 && (d = "" + c.key), "key" in c) {
+  function s(l, c, u) {
+    var m = null;
+    if (u !== void 0 && (m = "" + u), c.key !== void 0 && (m = "" + c.key), "key" in c) {
       u = {};
       for (var f in c)
         f !== "key" && (u[f] = c[f]);
@@ -15,16 +15,16 @@ function oe() {
     return c = u.ref, {
       $$typeof: t,
       type: l,
-      key: d,
+      key: m,
       ref: c !== void 0 ? c : null,
       props: u
     };
   }
-  return y.Fragment = a, y.jsx = i, y.jsxs = i, y;
+  return y.Fragment = a, y.jsx = s, y.jsxs = s, y;
 }
 var T = {};
 var J;
-function se() {
+function ie() {
   return J || (J = 1, process.env.NODE_ENV !== "production" && (function() {
     function t(e) {
       if (e == null) return null;
@@ -72,7 +72,7 @@ function se() {
     function a(e) {
       return "" + e;
     }
-    function i(e) {
+    function s(e) {
       try {
         a(e);
         var r = !1;
@@ -107,7 +107,7 @@ function se() {
     function u() {
       return Error("react-stack-top-frame");
     }
-    function d(e) {
+    function m(e) {
       if (I.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
@@ -133,14 +133,14 @@ function se() {
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
     function R(e, r, n, o, A, Y) {
-      var s = n.ref;
+      var i = n.ref;
       return e = {
         $$typeof: h,
         type: e,
         key: r,
         props: n,
         _owner: o
-      }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(e, "ref", {
+      }, (i !== void 0 ? i : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
         get: E
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
@@ -165,25 +165,25 @@ function se() {
         value: Y
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function m(e, r, n, o, A, Y) {
-      var s = r.children;
-      if (s !== void 0)
+    function d(e, r, n, o, A, Y) {
+      var i = r.children;
+      if (i !== void 0)
         if (o)
-          if (te(s)) {
-            for (o = 0; o < s.length; o++)
-              v(s[o]);
-            Object.freeze && Object.freeze(s);
+          if (te(i)) {
+            for (o = 0; o < i.length; o++)
+              v(i[o]);
+            Object.freeze && Object.freeze(i);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else v(s);
+        else v(i);
       if (I.call(r, "key")) {
-        s = t(e);
+        i = t(e);
         var b = Object.keys(r).filter(function(ne) {
           return ne !== "key";
         });
-        o = 0 < b.length ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}", V[s + o] || (b = 0 < b.length ? "{" + b.join(": ..., ") + ": ...}" : "{}", console.error(
+        o = 0 < b.length ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}", V[i + o] || (b = 0 < b.length ? "{" + b.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -191,22 +191,22 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           o,
-          s,
+          i,
           b,
-          s
-        ), V[s + o] = !0);
+          i
+        ), V[i + o] = !0);
       }
-      if (s = null, n !== void 0 && (i(n), s = "" + n), d(r) && (i(r.key), s = "" + r.key), "key" in r) {
+      if (i = null, n !== void 0 && (s(n), i = "" + n), m(r) && (s(r.key), i = "" + r.key), "key" in r) {
         n = {};
         for (var D in r)
           D !== "key" && (n[D] = r[D]);
       } else n = r;
-      return s && f(
+      return i && f(
         n,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), R(
         e,
-        s,
+        i,
         n,
         c(),
         A,
@@ -233,7 +233,7 @@ React keys must be passed directly to JSX without using spread:
     )(), U = C(l(u)), V = {};
     T.Fragment = k, T.jsx = function(e, r, n) {
       var o = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return m(
+      return d(
         e,
         r,
         n,
@@ -243,7 +243,7 @@ React keys must be passed directly to JSX without using spread:
       );
     }, T.jsxs = function(e, r, n) {
       var o = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return m(
+      return d(
         e,
         r,
         n,
@@ -255,10 +255,10 @@ React keys must be passed directly to JSX without using spread:
   })()), T;
 }
 var z;
-function ie() {
-  return z || (z = 1, process.env.NODE_ENV === "production" ? g.exports = oe() : g.exports = se()), g.exports;
+function se() {
+  return z || (z = 1, process.env.NODE_ENV === "production" ? g.exports = oe() : g.exports = ie()), g.exports;
 }
-var _ = ie();
+var _ = se();
 const le = "_timeline_100yd_1", j = {
   timeline: le,
   "timeline-items": "_timeline-items_100yd_6",
@@ -266,26 +266,29 @@ const le = "_timeline_100yd_1", j = {
   "timeline-indicator": "_timeline-indicator_100yd_24"
 };
 function G() {
-  var t = Math.floor(120 + Math.random() * 91), a = Math.floor(120 + Math.random() * 91), i = Math.floor(120 + Math.random() * 91);
-  return `rgb(${t},${a},${i})`;
+  var t = Math.floor(120 + Math.random() * 91), a = Math.floor(120 + Math.random() * 91), s = Math.floor(120 + Math.random() * 91);
+  return `rgb(${t},${a},${s})`;
 }
 function M(t, a) {
   return a === t.length - 1 ? t[a] - t[a - 1] : t[a + 1] - t[a];
 }
-function ce(t, a, i = 1) {
-  return a + i >= t.length ? t.at(-1) : t[a + i];
+function ce(t, a, s = 1) {
+  return a + s >= t.length ? t.at(-1) : t[a + s];
 }
 const ue = new Array(20).fill(0).map(G);
-function _e({ items: t, currentTime: a, totalTime: i, scale: l = 1, indicator: c, itemStyle: u }) {
-  const d = t.map((f) => f.time);
+function _e({ items: t, currentTime: a, totalTime: s, scale: l = 1, indicator: c, itemStyle: u }) {
+  t = t.filter((f) => f.time >= 0), t[0].time !== 0 && t.unshift({
+    time: 0,
+    content: void 0
+  });
+  const m = t.map((f) => f.time);
   return _.jsxs("div", { className: j.timeline, children: [_.jsx("div", { className: j["timeline-indicator"], ...c }), _.jsx("div", { className: j["timeline-items"], style: {
-    "--translate": `${l * 50 / l - a / i * l * 100}%`
+    "--translate": `${l * 50 / l - a / s * l * 100}%`
   }, children: t.map((f, E) => {
-    const m = M(d, E) / i * l * 100 + "%";
+    const d = M(m, E) / s * l * 100 + "%";
     return _.jsx("span", { className: j["timeline-item"], style: {
       "--bg": f.style?.background || ue[E % 20],
-      width: m,
-      left: m,
+      width: d,
       ...u
     }, children: f.content });
   }) })] });
@@ -296,22 +299,22 @@ const fe = "_timeline_212s7_1", O = {
   "timeline-item": "_timeline-item_212s7_6",
   "timeline-indicator": "_timeline-indicator_212s7_20"
 }, me = new Array(20).fill(0).map(G);
-function Ee({ items: t, currentTime: a, totalTime: i, scale: l = 1, indicator: c, itemStyle: u, prev: d = 2, height: f, left: E = 10 }) {
-  const R = t.map((m) => m.time);
+function Ee({ items: t, currentTime: a, totalTime: s, scale: l = 1, indicator: c, itemStyle: u, prev: m = 2, height: f, left: E = 10 }) {
+  const R = t.map((d) => d.time);
   return _.jsxs("div", { className: O.timeline, style: { height: f }, children: [_.jsx("div", { className: O["timeline-indicator"], ...c, style: { left: `${E}%` } }), _.jsx("div", { className: O["timeline-items"], style: {
-    "--translate": `${l * E / l - a / i * l * 100}%`
-  }, children: t.map((m, v) => {
-    const p = M(R, v) / i * l * 100 + "%", h = t.slice(0, v).reduce((x, k, S) => {
+    "--translate": `${l * E / l - a / s * l * 100}%`
+  }, children: t.map((d, v) => {
+    const p = M(R, v) / s * l * 100 + "%", h = t.slice(0, v).reduce((x, k, S) => {
       const N = M(R, S);
-      return x + N / i * l * 100;
+      return x + N / s * l * 100;
     }, 0) + "%";
-    if (a <= ce(t, v, d).time)
+    if (a <= ce(t, v, m).time)
       return _.jsx("div", { className: O["timeline-item"], style: {
-        "--bg": m.style?.background || me[v % 20],
+        "--bg": d.style?.background || me[v % 20],
         width: p,
         left: h,
         ...u
-      }, children: m.content });
+      }, children: d.content });
   }) })] });
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-av-timeline",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "React 音视频时间线组件",
   "type": "module",
   "files": [