react-av-timeline 1.2.2 → 1.2.3

package/dist/index.js

@@ -4,23 +4,23 @@ var q;
 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) {
-      u = {};
-      for (var f in c)
-        f !== "key" && (u[f] = c[f]);
-    } else u = c;
-    return c = u.ref, {
+  var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+  function i(l, u, c) {
+    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, {
       $$typeof: t,
       type: l,
-      key: d,
-      ref: c !== void 0 ? c : null,
-      props: u
+      key: m,
+      ref: u !== void 0 ? u : null,
+      props: c
     };
   }
-  return y.Fragment = a, y.jsx = i, y.jsxs = i, y;
+  return y.Fragment = n, y.jsx = i, y.jsxs = i, y;
 }
 var T = {};
 var J;
@@ -69,24 +69,24 @@ function se() {
         }
       return null;
     }
-    function a(e) {
+    function n(e) {
       return "" + e;
     }
     function i(e) {
       try {
-        a(e);
+        n(e);
         var r = !1;
       } catch {
         r = !0;
       }
       if (r) {
         r = console;
-        var n = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return n.call(
+        var a = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return a.call(
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           o
-        ), a(e);
+        ), n(e);
       }
     }
     function l(e) {
@@ -100,14 +100,14 @@ function se() {
         return "<...>";
       }
     }
-    function c() {
+    function u() {
       var e = $.A;
       return e === null ? null : e.getOwner();
     }
-    function u() {
+    function c() {
       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;
@@ -115,14 +115,14 @@ function se() {
       return e.key !== void 0;
     }
     function f(e, r) {
-      function n() {
+      function a() {
         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
         ));
       }
-      n.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: n,
+      a.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: a,
         configurable: !0
       });
     }
@@ -132,13 +132,13 @@ 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, n, o, A, Y) {
-      var s = n.ref;
+    function R(e, r, a, o, A, Y) {
+      var s = a.ref;
       return e = {
         $$typeof: h,
         type: e,
         key: r,
-        props: n,
+        props: a,
         _owner: o
       }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
@@ -165,7 +165,7 @@ function se() {
         value: Y
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function m(e, r, n, o, A, Y) {
+    function d(e, r, a, o, A, Y) {
       var s = r.children;
       if (s !== void 0)
         if (o)
@@ -196,19 +196,19 @@ React keys must be passed directly to JSX without using spread:
           s
         ), V[s + o] = !0);
       }
-      if (s = null, n !== void 0 && (i(n), s = "" + n), d(r) && (i(r.key), s = "" + r.key), "key" in r) {
-        n = {};
+      if (s = null, a !== void 0 && (i(a), s = "" + a), m(r) && (i(r.key), s = "" + r.key), "key" in r) {
+        a = {};
         for (var D in r)
-          D !== "key" && (n[D] = r[D]);
-      } else n = r;
+          D !== "key" && (a[D] = r[D]);
+      } else a = r;
       return s && f(
-        n,
+        a,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), R(
         e,
         s,
-        n,
-        c(),
+        a,
+        u(),
         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,
-      u
-    )(), U = C(l(u)), V = {};
-    T.Fragment = k, T.jsx = function(e, r, n) {
+      c
+    )(), U = C(l(c)), V = {};
+    T.Fragment = k, T.jsx = function(e, r, a) {
       var o = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return m(
+      return d(
         e,
         r,
-        n,
+        a,
         !1,
         o ? Error("react-stack-top-frame") : W,
         o ? C(l(e)) : U
       );
-    }, T.jsxs = function(e, r, n) {
+    }, T.jsxs = function(e, r, a) {
       var o = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return m(
+      return d(
         e,
         r,
-        n,
+        a,
         !0,
         o ? Error("react-stack-top-frame") : W,
         o ? C(l(e)) : U
@@ -266,27 +266,27 @@ 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), n = Math.floor(120 + Math.random() * 91), i = Math.floor(120 + Math.random() * 91);
+  return `rgb(${t},${n},${i})`;
 }
-function M(t, a) {
-  return a === t.length - 1 ? t[a] - t[a - 1] : t[a + 1] - t[a];
+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 ce(t, a, i = 1) {
-  return a + i >= t.length ? t.at(-1) : t[a + i];
+function ue(t, n, i = 1) {
+  return n + i >= t.length ? t.at(-1) : t[n + i];
 }
-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);
-  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}%`
+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 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}%`
   }, children: t.map((f, E) => {
-    const m = M(d, E) / i * l * 100 + "%";
+    const d = M(m, E) / i * l * 100 + "%";
     return _.jsx("span", { className: j["timeline-item"], style: {
-      "--bg": f.style?.background || ue[E % 20],
-      width: m,
-      left: m,
-      ...u
+      "--bg": f.style?.background || ce[E % 20],
+      width: d,
+      ...c
     }, children: f.content });
   }) })] });
 }
@@ -296,22 +296,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);
-  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) => {
+function Ee({ items: t, currentTime: n, totalTime: i, scale: l = 1, indicator: u, itemStyle: c, 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}%`
+  }, children: t.map((d, v) => {
     const p = M(R, v) / i * l * 100 + "%", h = t.slice(0, v).reduce((x, k, S) => {
       const N = M(R, S);
       return x + N / i * l * 100;
     }, 0) + "%";
-    if (a <= ce(t, v, d).time)
+    if (n <= ue(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 });
+        ...c
+      }, children: d.content });
   }) })] });
 }
 export {

package/package.json

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