@xiping/react-components 1.0.49 → 1.0.51

package/dist/es/components/txt-reader/TxtReader.js

@@ -8,12 +8,12 @@ const R = 16, S = 1.5, A = "normal", O = ({
   lineHeight: m = S,
   fontSize: p = R,
   fontWeight: d = A,
-  className: f = "",
-  style: g = {},
-  onProgressChange: u,
+  className: g = "",
+  style: f = {},
+  onProgressChange: x,
   initialScrollPosition: D,
   cacheKey: H,
-  showTopProgress: x = !0,
+  showTopProgress: u = !0,
   topProgressClassName: T,
   showBottomProgress: N = !0,
   bottomProgressClassName: E
@@ -23,9 +23,9 @@ const R = 16, S = 1.5, A = "normal", O = ({
     target: n
   }), i = I(() => (s.get() * 100).toFixed(2).replace(/\.0*$/, "")), F = L`${i}%`;
   return i.on("change", (_) => {
-    u?.(Number(_));
+    x?.(Number(_));
   }), /* @__PURE__ */ h(v, { children: [
-    x && /* @__PURE__ */ t(
+    u && /* @__PURE__ */ t(
       l.div,
       {
         id: "scroll-indicator",
@@ -39,18 +39,18 @@ const R = 16, S = 1.5, A = "normal", O = ({
     /* @__PURE__ */ t(
       "div",
       {
-        className: r(e["xiping-container"], e.textContent),
+        className: r(e["xiping-container"], e["xiping-text-content"]),
         ref: o,
         children: /* @__PURE__ */ t(
           "div",
           {
             ref: n,
-            className: r(e["xiping-content"], f),
+            className: r(e["xiping-content"], g),
             style: {
               fontSize: `${p}px`,
               lineHeight: m,
               fontWeight: d,
-              ...g
+              ...f
             },
             children: a
           }

package/dist/es/components/txt-reader/index.module.css.js

@@ -1,11 +1,10 @@
-const t = "_textContent_yv2bi_63", n = {
-  "xiping-top-progress": "_xiping-top-progress_yv2bi_23",
-  "xiping-container": "_xiping-container_yv2bi_33",
-  "xiping-content": "_xiping-content_yv2bi_41",
-  "xiping-bottom-progress": "_xiping-bottom-progress_yv2bi_48",
-  textContent: t
+const t = {
+  "xiping-top-progress": "_xiping-top-progress_rkm9f_23",
+  "xiping-container": "_xiping-container_rkm9f_33",
+  "xiping-content": "_xiping-content_rkm9f_41",
+  "xiping-bottom-progress": "_xiping-bottom-progress_rkm9f_48",
+  "xiping-text-content": "_xiping-text-content_rkm9f_63"
 };
 export {
-  n as default,
-  t as textContent
+  t as default
 };

package/dist/es/components/variable-proximity/index.js

@@ -110,14 +110,14 @@ const Z = H(
       ...A
     } = n;
     O(P && !g);
-    const b = y([]), v = y([]), S = W(t), F = y({
+    const b = y([]), v = y([]), S = W(t), x = y({
       x: null,
       y: null
     }), $ = N(() => {
       const e = (o) => new Map(
         o.split(",").map((p) => p.trim()).map((p) => {
-          const [h, x] = p.split(" ");
-          return [h.replace(/['"]/g, ""), parseFloat(x)];
+          const [h, F] = p.split(" ");
+          return [h.replace(/['"]/g, ""), parseFloat(F)];
         })
       ), a = e(f), u = e(d);
       return Array.from(a.entries()).map(([o, p]) => ({
@@ -132,7 +132,6 @@ const Z = H(
           return a ** 2;
         case "gaussian":
           return Math.exp(-((e / (s / 2)) ** 2) / 2);
-        case "linear":
         default:
           return a;
       }
@@ -140,16 +139,16 @@ const Z = H(
     Q(() => {
       if (!t?.current) return;
       const { x: e, y: a } = S.current;
-      if (F.current.x === e && F.current.y === a)
+      if (x.current.x === e && x.current.y === a)
         return;
-      F.current = { x: e, y: a };
+      x.current = { x: e, y: a };
       const u = t.current.getBoundingClientRect();
       b.current.forEach((o, p) => {
         if (!o) return;
-        const h = o.getBoundingClientRect(), x = h.left + h.width / 2 - u.left, Y = h.top + h.height / 2 - u.top, L = q(
+        const h = o.getBoundingClientRect(), F = h.left + h.width / 2 - u.left, Y = h.top + h.height / 2 - u.top, L = q(
           S.current.x,
           S.current.y,
-          x,
+          F,
           Y
         );
         if (L >= s) {
@@ -176,7 +175,7 @@ const Z = H(
       "span",
       {
         ref: r,
-        className: `${c} variable-proximity`,
+        className: `${c} xiping-variable-proximity`,
         onClick: E,
         style: X,
         ...A,

package/dist/es/components/video-subtitle-player/VideoSubtitlePlayer.js

@@ -1,37 +1,37 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useRef as x, useEffect as u, useCallback as C } from "react";
+import { useRef as b, useEffect as c, useCallback as C } from "react";
+import I from "xgplayer";
 /* empty css                                                                                               */
-import { SubtitlePlayer as I } from "../subtitle-player/SubtitlePlayer.js";
-import { useVideoSubtitleStore as R } from "./useVideoSubtitleStore.js";
+import { SubtitlePlayer as R } from "../subtitle-player/SubtitlePlayer.js";
+import { useVideoSubtitleStore as j } from "./useVideoSubtitleStore.js";
 /* empty css                        */
-import j from "../../node_modules/.pnpm/xgplayer@3.0.23_core-js@3.47.0/node_modules/xgplayer/es/index.umd.js";
 const z = ({
-  videoUrl: p,
+  videoUrl: u,
   subtitles: o,
   poster: m,
-  className: g = "",
-  style: P,
-  onFetchDetail: c
+  className: N = "",
+  style: w,
+  onFetchDetail: p
 }) => {
-  const d = x(null), r = x(null), {
-    currentTime: s,
+  const n = b(null), d = b(null), {
+    currentTime: r,
     isPlaying: D,
     setCurrentTime: v,
-    setIsPlaying: n,
+    setIsPlaying: s,
     setSubtitles: _,
     currentDetail: l,
-    isLoadingDetail: w,
+    isLoadingDetail: P,
     fetchDetail: y
-  } = R();
-  u(() => {
+  } = j();
+  c(() => {
     _(o);
-  }, [o, _]), u(() => {
-    if (!d.current) return;
-    const t = `video-subtitle-player-${Date.now()}`;
-    d.current && (d.current.id = t);
-    const i = new j({
+  }, [o, _]), c(() => {
+    if (!n.current) return;
+    const t = `xiping-video-subtitle-player-${Date.now()}`;
+    n.current && (n.current.id = t);
+    const i = new I({
       id: t,
-      url: p,
+      url: u,
       poster: m,
       autoplay: !1,
       fluid: !0,
@@ -39,81 +39,81 @@ const z = ({
       height: "100%",
       controls: !0
     });
-    r.current = i;
+    d.current = i;
     const h = () => {
       const T = i.currentTime || 0;
       v(T);
     }, f = () => {
-      n(!0);
-    }, b = () => {
-      n(!1);
-    }, N = () => {
-      n(!1);
+      s(!0);
+    }, x = () => {
+      s(!1);
+    }, g = () => {
+      s(!1);
     };
-    return i.on("timeupdate", h), i.on("play", f), i.on("pause", b), i.on("ended", N), () => {
-      i.off("timeupdate", h), i.off("play", f), i.off("pause", b), i.off("ended", N), i.destroy(), r.current = null;
+    return i.on("timeupdate", h), i.on("play", f), i.on("pause", x), i.on("ended", g), () => {
+      i.off("timeupdate", h), i.off("play", f), i.off("pause", x), i.off("ended", g), i.destroy(), d.current = null;
     };
-  }, [p, m, v, n]), u(() => {
-    if (r.current) {
-      const t = r.current;
-      Math.abs(t.currentTime - s) > 0.5 && (t.currentTime = s);
+  }, [u, m, v, s]), c(() => {
+    if (d.current) {
+      const t = d.current;
+      Math.abs(t.currentTime - r) > 0.5 && (t.currentTime = r);
     }
-  }, [s]);
+  }, [r]);
   const S = C(
     async (t) => {
-      c ? await c(t) : await y(t);
+      p ? await p(t) : await y(t);
     },
-    [c, y]
+    [p, y]
   );
   return /* @__PURE__ */ a(
     "div",
     {
-      className: `video-subtitle-player ${g}`,
-      style: P,
+      className: `xiping-video-subtitle-player ${N}`,
+      style: w,
       children: [
-        /* @__PURE__ */ a("div", { className: "video-subtitle-player__left", children: [
-          /* @__PURE__ */ e("div", { className: "video-subtitle-player__video-container", children: /* @__PURE__ */ e(
+        /* @__PURE__ */ a("div", { className: "xiping-video-subtitle-player__left", children: [
+          /* @__PURE__ */ e("div", { className: "xiping-video-subtitle-player__video-container", children: /* @__PURE__ */ e(
             "div",
             {
-              ref: d,
-              className: "video-subtitle-player__video"
+              ref: n,
+              className: "xiping-video-subtitle-player__video"
             }
           ) }),
-          /* @__PURE__ */ e("div", { className: "video-subtitle-player__subtitle-container", children: /* @__PURE__ */ e(
-            I,
+          /* @__PURE__ */ e("div", { className: "xiping-video-subtitle-player__subtitle-container", children: /* @__PURE__ */ e(
+            R,
             {
               subtitles: o,
-              currentTime: s,
+              currentTime: r,
               mode: "current",
               onWordHoverChange: S
             }
           ) })
         ] }),
-        /* @__PURE__ */ e("div", { className: "video-subtitle-player__right", children: /* @__PURE__ */ e("div", { className: "video-subtitle-player__detail", children: w ? /* @__PURE__ */ a("div", { className: "video-subtitle-player__detail-loading", children: [
-          /* @__PURE__ */ e("div", { className: "video-subtitle-player__detail-loading-spinner" }),
+        /* @__PURE__ */ e("div", { className: "xiping-video-subtitle-player__right", children: /* @__PURE__ */ e("div", { className: "xiping-video-subtitle-player__detail", children: P ? /* @__PURE__ */ a("div", { className: "xiping-video-subtitle-player__detail-loading", children: [
+          /* @__PURE__ */ e("div", { className: "xiping-video-subtitle-player__detail-loading-spinner" }),
           /* @__PURE__ */ e("span", { children: "加载中..." })
-        ] }) : l ? /* @__PURE__ */ a("div", { className: "video-subtitle-player__detail-content", children: [
-          /* @__PURE__ */ e("div", { className: "video-subtitle-player__detail-word", children: l.word }),
-          l.pronunciation && /* @__PURE__ */ e("div", { className: "video-subtitle-player__detail-pronunciation", children: l.pronunciation }),
-          l.partOfSpeech && /* @__PURE__ */ e("div", { className: "video-subtitle-player__detail-pos", children: l.partOfSpeech }),
-          l.translation && /* @__PURE__ */ a("div", { className: "video-subtitle-player__detail-translation", children: [
-            /* @__PURE__ */ e("div", { className: "video-subtitle-player__detail-label", children: "中文翻译" }),
-            /* @__PURE__ */ e("div", { className: "video-subtitle-player__detail-text", children: l.translation })
+        ] }) : l ? /* @__PURE__ */ a("div", { className: "xiping-video-subtitle-player__detail-content", children: [
+          /* @__PURE__ */ e("div", { className: "xiping-video-subtitle-player__detail-word", children: l.word }),
+          l.pronunciation && /* @__PURE__ */ e("div", { className: "xiping-video-subtitle-player__detail-pronunciation", children: l.pronunciation }),
+          l.partOfSpeech && /* @__PURE__ */ e("div", { className: "xiping-video-subtitle-player__detail-pos", children: l.partOfSpeech }),
+          l.translation && /* @__PURE__ */ a("div", { className: "xiping-video-subtitle-player__detail-translation", children: [
+            /* @__PURE__ */ e("div", { className: "xiping-video-subtitle-player__detail-label", children: "中文翻译" }),
+            /* @__PURE__ */ e("div", { className: "xiping-video-subtitle-player__detail-text", children: l.translation })
           ] }),
-          l.definition && /* @__PURE__ */ a("div", { className: "video-subtitle-player__detail-definition", children: [
-            /* @__PURE__ */ e("div", { className: "video-subtitle-player__detail-label", children: "英文解释" }),
-            /* @__PURE__ */ e("div", { className: "video-subtitle-player__detail-text", children: l.definition })
+          l.definition && /* @__PURE__ */ a("div", { className: "xiping-video-subtitle-player__detail-definition", children: [
+            /* @__PURE__ */ e("div", { className: "xiping-video-subtitle-player__detail-label", children: "英文解释" }),
+            /* @__PURE__ */ e("div", { className: "xiping-video-subtitle-player__detail-text", children: l.definition })
           ] }),
-          l.examples && l.examples.length > 0 && /* @__PURE__ */ a("div", { className: "video-subtitle-player__detail-examples", children: [
-            /* @__PURE__ */ e("div", { className: "video-subtitle-player__detail-label", children: "例句" }),
-            l.examples.map((t, i) => /* @__PURE__ */ a("div", { className: "video-subtitle-player__detail-example", children: [
-              /* @__PURE__ */ e("div", { className: "video-subtitle-player__detail-example-en", children: t.sentence }),
-              /* @__PURE__ */ e("div", { className: "video-subtitle-player__detail-example-zh", children: t.translation })
+          l.examples && l.examples.length > 0 && /* @__PURE__ */ a("div", { className: "xiping-video-subtitle-player__detail-examples", children: [
+            /* @__PURE__ */ e("div", { className: "xiping-video-subtitle-player__detail-label", children: "例句" }),
+            l.examples.map((t, i) => /* @__PURE__ */ a("div", { className: "xiping-video-subtitle-player__detail-example", children: [
+              /* @__PURE__ */ e("div", { className: "xiping-video-subtitle-player__detail-example-en", children: t.sentence }),
+              /* @__PURE__ */ e("div", { className: "xiping-video-subtitle-player__detail-example-zh", children: t.translation })
             ] }, i))
           ] })
-        ] }) : /* @__PURE__ */ a("div", { className: "video-subtitle-player__detail-empty", children: [
-          /* @__PURE__ */ e("div", { className: "video-subtitle-player__detail-empty-icon", children: "📖" }),
-          /* @__PURE__ */ e("div", { className: "video-subtitle-player__detail-empty-text", children: "将鼠标悬停在字幕单词上查看详情" })
+        ] }) : /* @__PURE__ */ a("div", { className: "xiping-video-subtitle-player__detail-empty", children: [
+          /* @__PURE__ */ e("div", { className: "xiping-video-subtitle-player__detail-empty-icon", children: "📖" }),
+          /* @__PURE__ */ e("div", { className: "xiping-video-subtitle-player__detail-empty-text", children: "将鼠标悬停在字幕单词上查看详情" })
         ] }) }) })
       ]
     }

package/dist/es/components/video-subtitle-player/useVideoSubtitleStore.js

@@ -1,4 +1,4 @@
-import { create as r } from "../../node_modules/.pnpm/zustand@5.0.9_@types_react@19.2.7_react@19.2.3_use-sync-external-store@1.6.0_react@19.2.3_/node_modules/zustand/esm/react.js";
+import { create as r } from "zustand";
 const t = {
   currentTime: 0,
   isPlaying: !1,