react-av-timeline 1.2.3 → 1.2.4

package/dist/index.js

@@ -4,27 +4,27 @@ var q;
 function oe() {
   if (q) return y;
   q = 1;
-  var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-  function i(l, u, c) {
+  var t = Symbol.for("react.transitional.element"), a = Symbol.for("react.fragment");
+  function s(l, c, u) {
     var m = null;
-    if (c !== void 0 && (m = "" + c), u.key !== void 0 && (m = "" + u.key), "key" in u) {
-      c = {};
-      for (var f in u)
-        f !== "key" && (c[f] = u[f]);
-    } else c = u;
-    return u = c.ref, {
+    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]);
+    } else u = c;
+    return c = u.ref, {
       $$typeof: t,
       type: l,
       key: m,
-      ref: u !== void 0 ? u : null,
-      props: c
+      ref: c !== void 0 ? c : null,
+      props: u
     };
   }
-  return y.Fragment = n, 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;
@@ -69,24 +69,24 @@ function se() {
         }
       return null;
     }
-    function n(e) {
+    function a(e) {
       return "" + e;
     }
-    function i(e) {
+    function s(e) {
       try {
-        n(e);
+        a(e);
         var r = !1;
       } catch {
         r = !0;
       }
       if (r) {
         r = console;
-        var a = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return a.call(
+        var n = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return n.call(
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           o
-        ), n(e);
+        ), a(e);
       }
     }
     function l(e) {
@@ -100,11 +100,11 @@ function se() {
         return "<...>";
       }
     }
-    function u() {
+    function c() {
       var e = $.A;
       return e === null ? null : e.getOwner();
     }
-    function c() {
+    function u() {
       return Error("react-stack-top-frame");
     }
     function m(e) {
@@ -115,14 +115,14 @@ function se() {
       return e.key !== void 0;
     }
     function f(e, r) {
-      function a() {
+      function n() {
         F || (F = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           r
         ));
       }
-      a.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: a,
+      n.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: n,
         configurable: !0
       });
     }
@@ -132,15 +132,15 @@ function se() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function R(e, r, a, o, A, Y) {
-      var s = a.ref;
+    function R(e, r, n, o, A, Y) {
+      var i = n.ref;
       return e = {
         $$typeof: h,
         type: e,
         key: r,
-        props: a,
+        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 d(e, r, a, 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,24 +191,24 @@ 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, a !== void 0 && (i(a), s = "" + a), m(r) && (i(r.key), s = "" + r.key), "key" in r) {
-        a = {};
+      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" && (a[D] = r[D]);
-      } else a = r;
-      return s && f(
-        a,
+          D !== "key" && (n[D] = r[D]);
+      } else n = r;
+      return i && f(
+        n,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), R(
         e,
-        s,
-        a,
-        u(),
+        i,
+        n,
+        c(),
         A,
         Y
       );
@@ -229,24 +229,24 @@ React keys must be passed directly to JSX without using spread:
     };
     var F, L = {}, W = p.react_stack_bottom_frame.bind(
       p,
-      c
-    )(), U = C(l(c)), V = {};
-    T.Fragment = k, T.jsx = function(e, r, a) {
+      u
+    )(), U = C(l(u)), V = {};
+    T.Fragment = k, T.jsx = function(e, r, n) {
       var o = 1e4 > $.recentlyCreatedOwnerStacks++;
       return d(
         e,
         r,
-        a,
+        n,
         !1,
         o ? Error("react-stack-top-frame") : W,
         o ? C(l(e)) : U
       );
-    }, T.jsxs = function(e, r, a) {
+    }, T.jsxs = function(e, r, n) {
       var o = 1e4 > $.recentlyCreatedOwnerStacks++;
       return d(
         e,
         r,
-        a,
+        n,
         !0,
         o ? Error("react-stack-top-frame") : W,
         o ? C(l(e)) : U
@@ -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,27 +266,30 @@ const le = "_timeline_100yd_1", j = {
   "timeline-indicator": "_timeline-indicator_100yd_24"
 };
 function G() {
-  var t = Math.floor(120 + Math.random() * 91), n = Math.floor(120 + Math.random() * 91), i = Math.floor(120 + Math.random() * 91);
-  return `rgb(${t},${n},${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, n) {
-  return n === 0 ? t[n + 1] : n === t.length - 1 ? t[n] - t[n - 1] : t[n + 1] - t[n];
+function M(t, a) {
+  return a === t.length - 1 ? t[a] - t[a - 1] : t[a + 1] - t[a];
 }
-function ue(t, n, i = 1) {
-  return n + i >= t.length ? t.at(-1) : t[n + i];
+function ce(t, a, s = 1) {
+  return a + s >= t.length ? t.at(-1) : t[a + s];
 }
-const ce = new Array(20).fill(0).map(G);
-function _e({ items: t, currentTime: n, totalTime: i, scale: l = 1, indicator: u, itemStyle: c }) {
-  t = t.filter((f) => f.time >= 0);
+const ue = new Array(20).fill(0).map(G);
+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"], ...u }), _.jsx("div", { className: j["timeline-items"], style: {
-    "--translate": `${l * 50 / l - (n - 1) / i * l * 100}%`
+  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 / s * l * 100}%`
   }, children: t.map((f, E) => {
-    const d = M(m, E) / i * l * 100 + "%";
+    const d = M(m, E) / s * l * 100 + "%";
     return _.jsx("span", { className: j["timeline-item"], style: {
-      "--bg": f.style?.background || ce[E % 20],
+      "--bg": f.style?.background || ue[E % 20],
       width: d,
-      ...c
+      ...u
     }, children: f.content });
   }) })] });
 }
@@ -296,21 +299,21 @@ 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: n, totalTime: i, scale: l = 1, indicator: u, itemStyle: c, prev: m = 2, height: f, left: E = 10 }) {
+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"], ...u, style: { left: `${E}%` } }), _.jsx("div", { className: O["timeline-items"], style: {
-    "--translate": `${l * E / l - n / i * l * 100}%`
+  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 / s * l * 100}%`
   }, children: t.map((d, v) => {
-    const p = M(R, v) / i * l * 100 + "%", h = t.slice(0, v).reduce((x, k, S) => {
+    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 (n <= ue(t, v, m).time)
+    if (a <= ce(t, v, m).time)
       return _.jsx("div", { className: O["timeline-item"], style: {
         "--bg": d.style?.background || me[v % 20],
         width: p,
         left: h,
-        ...c
+        ...u
       }, children: d.content });
   }) })] });
 }

package/package.json

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