@xiping/react-components 1.0.45 → 1.0.50

package/dist/es/components/subtitle-player/SubtitlePlayer.js

@@ -1,103 +1,301 @@
-import { jsx as s, jsxs as T } from "react/jsx-runtime";
-import { useRef as N, useMemo as S, useEffect as H } from "react";
-import { parseSRT as $, parseVTT as C } from "../../subtitle/lib/src/parser.js";
+import { jsx as p, jsxs as $ } from "react/jsx-runtime";
+import { useMemo as x, useRef as D, useState as G, useEffect as O, useCallback as R } from "react";
+import { parseSRT as I, parseVTT as A } from "../../packages/subtitle/lib/src/parser.js";
+import { srtToJson as U, vttToJson as X } from "../../packages/subtitle/lib/src/json-converter.js";
 /* empty css                   */
-function d(i) {
-  const r = i.replace(",", ".").split(":");
-  if (r.length !== 3)
+function E(l) {
+  const c = l.replace(",", ".").split(":");
+  if (c.length !== 3)
     return 0;
-  const c = parseInt(r[0], 10) || 0, o = parseInt(r[1], 10) || 0, m = parseFloat(r[2]) || 0;
-  return c * 3600 + o * 60 + m;
+  const h = parseInt(c[0], 10) || 0, g = parseInt(c[1], 10) || 0, i = parseFloat(c[2]) || 0;
+  return h * 3600 + g * 60 + i;
 }
-function E(i, n) {
-  for (const r of i) {
-    const c = d(r.startTime), o = d(r.endTime);
-    if (n >= c && n <= o)
-      return r;
+function Y(l) {
+  const a = Math.floor(l / 3600), c = Math.floor(l % 3600 / 60), h = Math.floor(l % 60);
+  return a > 0 ? `${a.toString().padStart(2, "0")}:${c.toString().padStart(2, "0")}:${h.toString().padStart(2, "0")}` : `${c.toString().padStart(2, "0")}:${h.toString().padStart(2, "0")}`;
+}
+function Z(l, a) {
+  for (const c of l) {
+    const h = E(c.startTime), g = E(c.endTime);
+    if (a >= h && a <= g)
+      return c;
   }
   return null;
 }
-const B = ({
-  subtitles: i,
-  currentTime: n,
-  mode: r = "current",
-  className: c = "",
-  style: o
+function q(l, a, c, h, g) {
+  if (!a || a.length === 0)
+    return { nodes: l, nextWordIndex: c };
+  const i = [];
+  let d = 0;
+  for (let u = c; u < a.length; u++) {
+    const m = a[u], f = l.substring(d).indexOf(m);
+    if (f === -1)
+      return {
+        nodes: i.length > 0 ? i : l,
+        nextWordIndex: u
+      };
+    const b = d + f;
+    if (b > d) {
+      const S = l.substring(d, b);
+      S && i.push(
+        /* @__PURE__ */ p("span", { className: "subtitle-word-before", children: S }, `before-${h}-${u}`)
+      );
+    }
+    const y = g?.(m, u, h);
+    if (i.push(
+      /* @__PURE__ */ p(
+        "span",
+        {
+          className: "subtitle-word",
+          "data-word": m,
+          onMouseEnter: y?.onMouseEnter,
+          onMouseLeave: y?.onMouseLeave,
+          children: m
+        },
+        `word-${h}-${u}`
+      )
+    ), d = b + m.length, d >= l.length)
+      return { nodes: i, nextWordIndex: u + 1 };
+  }
+  if (d < l.length) {
+    const u = l.substring(d);
+    u && i.push(
+      /* @__PURE__ */ p("span", { className: "subtitle-word-after", children: u }, `after-${h}`)
+    );
+  }
+  return {
+    nodes: i.length > 0 ? i : l,
+    nextWordIndex: a.length
+  };
+}
+const st = ({
+  subtitles: l,
+  currentTime: a,
+  mode: c = "current",
+  className: h = "",
+  style: g,
+  onWordHoverChange: i,
+  renderWordOverlay: d
 }) => {
-  const m = Array.isArray(i) ? i : [i], f = N(null), y = N(null), b = S(() => m.map((e) => {
+  const u = x(
+    () => Array.isArray(l) ? l : [l],
+    [l]
+  ), m = D(null), N = D(null), [f, b] = G(null), [y, S] = G([]);
+  O(() => {
+    let n = !0;
+    async function s() {
+      try {
+        const e = await Promise.all(
+          u.map(async (t) => {
+            try {
+              const r = t.language || "zh", o = t.type === "srt" ? await U(t.content, r) : await X(t.content, r);
+              return {
+                entries: JSON.parse(o),
+                label: t.label
+              };
+            } catch (r) {
+              return console.error("字幕解析失败:", r), {
+                entries: t.type === "srt" ? I(t.content) : A(t.content),
+                label: t.label
+              };
+            }
+          })
+        );
+        n && S(e);
+      } catch (e) {
+        if (console.error("加载字幕失败:", e), n) {
+          const t = u.map((r) => {
+            try {
+              return {
+                entries: r.type === "srt" ? I(r.content) : A(r.content),
+                label: r.label
+              };
+            } catch (o) {
+              return console.error("字幕解析失败:", o), {
+                entries: [],
+                label: r.label
+              };
+            }
+          });
+          S(t);
+        }
+      }
+    }
+    return s(), () => {
+      n = !1;
+    };
+  }, [u]);
+  const w = x(() => y.length > 0 ? y : u.map((n) => {
     try {
       return {
-        entries: e.type === "srt" ? $(e.content) : C(e.content),
-        label: e.label
+        entries: n.type === "srt" ? I(n.content) : A(n.content),
+        label: n.label
       };
-    } catch (t) {
-      return console.error("字幕解析失败:", t), {
+    } catch (s) {
+      return console.error("字幕解析失败:", s), {
         entries: [],
-        label: e.label
+        label: n.label
       };
     }
-  }), [m]), h = S(() => b.map(({ entries: e, label: t }) => ({
-    entry: E(e, n),
-    label: t,
-    entries: e
+  }), [y, u]), L = x(() => w.map(({ entries: n, label: s }) => ({
+    entry: Z(n, a),
+    label: s,
+    entries: n
     // 保留所有条目用于歌词模式
-  })), [b, n]);
-  return H(() => {
-    if (r === "lyrics" && y.current && f.current) {
-      const e = f.current, t = y.current;
-      e.getBoundingClientRect(), t.getBoundingClientRect(), e.scrollTop;
-      const l = t.offsetTop, a = e.clientHeight, u = t.clientHeight, p = l - a / 2 + u / 2;
-      e.scrollTo({
-        top: p,
+  })), [w, a]), H = x(() => {
+    const n = [];
+    w.forEach(({ entries: t, label: r }) => {
+      t.forEach((o) => {
+        n.push({
+          entry: o,
+          label: r,
+          startTime: E(o.startTime),
+          endTime: E(o.endTime)
+        });
+      });
+    }), n.sort((t, r) => t.startTime - r.startTime);
+    const s = [];
+    let e = [];
+    for (const t of n)
+      if (e.length === 0)
+        e.push(t);
+      else {
+        const r = e[e.length - 1];
+        t.startTime <= r.endTime ? e.push(t) : (s.push(e), e = [t]);
+      }
+    return e.length > 0 && s.push(e), s;
+  }, [w]);
+  O(() => {
+    if (c === "lyrics" && N.current && m.current) {
+      const n = m.current, s = N.current, e = s.offsetTop, t = n.clientHeight, r = s.clientHeight, o = e - t / 2 + r / 2;
+      n.scrollTo({
+        top: o,
         behavior: "smooth"
       });
     }
-  }, [r, n]), r === "current" ? h.some(({ entry: t }) => t !== null) ? /* @__PURE__ */ s(
+  }, [c, a]);
+  const P = R(
+    (n, s) => {
+      const e = n.currentTarget.getBoundingClientRect(), t = m.current?.getBoundingClientRect(), r = t !== void 0 ? new DOMRect(
+        e.left - t.left,
+        e.top - t.top,
+        e.width,
+        e.height
+      ) : e, o = {
+        ...s,
+        rect: r
+      };
+      b(o), i?.(o);
+    },
+    [i]
+  ), j = R(() => {
+    b(null), i?.(null);
+  }, [i]), z = R(
+    (n, s) => (e, t, r) => ({
+      onMouseEnter: (o) => P(o, {
+        word: e,
+        wordIndex: t,
+        lineIndex: r,
+        entry: n,
+        label: s
+      }),
+      onMouseLeave: j
+    }),
+    [P, j]
+  ), B = d && f ? /* @__PURE__ */ p(
     "div",
     {
-      className: `subtitle-player subtitle-player--current ${c}`,
-      style: o,
-      children: h.map(({ entry: t, label: l }, a) => t ? /* @__PURE__ */ T(
-        "div",
-        {
-          className: "subtitle-player-item",
-          "data-label": l || void 0,
-          children: [
-            l && /* @__PURE__ */ s("span", { className: "subtitle-player-label", children: l }),
-            /* @__PURE__ */ s("div", { className: "subtitle-player-text", children: t.text.split(`
-`).map((u, p) => /* @__PURE__ */ s("div", { className: "subtitle-player-line", children: u }, p)) })
-          ]
-        },
-        a
-      ) : null)
+      className: "subtitle-player-hover-overlay",
+      style: {
+        left: f.rect.x + f.rect.width / 2,
+        top: f.rect.y + f.rect.height
+      },
+      children: d(f)
+    }
+  ) : null;
+  return c === "current" ? L.some(({ entry: s }) => s !== null) ? /* @__PURE__ */ $(
+    "div",
+    {
+      ref: m,
+      className: `subtitle-player subtitle-player--current ${h}`,
+      style: g,
+      children: [
+        L.map(({ entry: s, label: e }, t) => s ? /* @__PURE__ */ $(
+          "div",
+          {
+            className: "subtitle-player-item",
+            "data-label": e || void 0,
+            children: [
+              e && /* @__PURE__ */ p("span", { className: "subtitle-player-label", children: e }),
+              /* @__PURE__ */ p("div", { className: "subtitle-player-text", children: (() => {
+                let r = 0;
+                return s.text.split(`
+`).map((o, T) => {
+                  if (!s.words || s.words.length === 0)
+                    return /* @__PURE__ */ p("div", { className: "subtitle-player-line", children: o }, T);
+                  const v = q(
+                    o,
+                    s.words,
+                    r,
+                    T,
+                    d || i ? z(s, e) : void 0
+                  );
+                  return r = v.nextWordIndex, /* @__PURE__ */ p("div", { className: "subtitle-player-line", children: v.nodes }, T);
+                });
+              })() })
+            ]
+          },
+          t
+        ) : null),
+        (d || i) && /* @__PURE__ */ p("div", { className: "subtitle-player-hover-layer", children: B })
+      ]
     }
-  ) : null : /* @__PURE__ */ s(
+  ) : null : /* @__PURE__ */ $(
     "div",
     {
-      ref: f,
-      className: `subtitle-player subtitle-player--lyrics ${c}`,
-      style: o,
-      children: b.map(({ entries: e, label: t }, l) => /* @__PURE__ */ T("div", { className: "subtitle-player-group", children: [
-        t && /* @__PURE__ */ s("span", { className: "subtitle-player-label", children: t }),
-        e.map((a, u) => {
-          const p = d(a.startTime), v = d(a.endTime), g = n >= p && n <= v, x = n > v;
-          return /* @__PURE__ */ s(
-            "div",
-            {
-              ref: g ? y : null,
-              className: `subtitle-player-item ${g ? "subtitle-player-item--active" : ""} ${x ? "subtitle-player-item--past" : ""}`,
-              "data-label": t || void 0,
-              children: /* @__PURE__ */ s("div", { className: "subtitle-player-text", children: a.text.split(`
-`).map((R, A) => /* @__PURE__ */ s("div", { className: "subtitle-player-line", children: R }, A)) })
-            },
-            u
-          );
-        })
-      ] }, l))
+      ref: m,
+      className: `subtitle-player subtitle-player--lyrics ${h}`,
+      style: g,
+      children: [
+        H.map((n, s) => {
+          const e = n[0]?.startTime ?? 0, t = Y(e);
+          return /* @__PURE__ */ p("div", { className: "subtitle-player-group", children: n.map(({ entry: r, label: o, startTime: T, endTime: v }, F) => {
+            const J = a >= T && a <= v, K = a > v, Q = F === 0;
+            let V = 0;
+            return /* @__PURE__ */ $(
+              "div",
+              {
+                ref: J ? N : null,
+                className: `subtitle-player-item ${J ? "subtitle-player-item--active" : ""} ${K ? "subtitle-player-item--past" : ""}`,
+                "data-label": o || void 0,
+                children: [
+                  Q && /* @__PURE__ */ p("span", { className: "subtitle-player-time", children: t }),
+                  o && /* @__PURE__ */ p("span", { className: "subtitle-player-label", children: o }),
+                  /* @__PURE__ */ p("div", { className: "subtitle-player-text", children: r.text.split(`
+`).map((W, M) => {
+                    if (!r.words || r.words.length === 0)
+                      return /* @__PURE__ */ p("div", { className: "subtitle-player-line", children: W }, M);
+                    const k = q(
+                      W,
+                      r.words,
+                      V,
+                      M,
+                      d || i ? z(r, o) : void 0
+                    );
+                    return V = k.nextWordIndex, /* @__PURE__ */ p("div", { className: "subtitle-player-line", children: k.nodes }, M);
+                  }) })
+                ]
+              },
+              `${s}-${F}`
+            );
+          }) }, s);
+        }),
+        (d || i) && /* @__PURE__ */ p("div", { className: "subtitle-player-hover-layer", children: B })
+      ]
     }
   );
 };
 export {
-  B as SubtitlePlayer,
-  B as default
+  st as SubtitlePlayer,
+  st as default
 };

package/dist/es/components/txt-editor/TxtEditor.js

@@ -15,7 +15,10 @@ const U = ({
   onMount: s,
   className: u
 }) => {
-  const l = o !== void 0, g = P(() => d || o || "", [d, o]), e = M({
+  const l = o !== void 0, g = P(
+    () => d || o || "",
+    [d, o]
+  ), e = M({
     extensions: [
       C.configure({
         // 禁用大部分格式化功能，保持纯文本编辑体验

package/dist/es/components/video-subtitle-player/VideoSubtitlePlayer.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { SubtitleData, HoverTarget } from '../subtitle-player/SubtitlePlayer';
+export interface VideoSubtitlePlayerProps {
+    /** 视频URL */
+    videoUrl: string;
+    /** 字幕数据 */
+    subtitles: SubtitleData[];
+    /** 视频封面图 */
+    poster?: string;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 自定义详情获取函数，用于调用大模型API */
+    onFetchDetail?: (target: HoverTarget | null) => Promise<void>;
+}
+/**
+ * 视频字幕播放器组件
+ * 左侧：上部分16:9视频播放器，下部分字幕显示
+ * 右侧：字幕详情（单词/短语的发音、解释等）
+ */
+export declare const VideoSubtitlePlayer: React.FC<VideoSubtitlePlayerProps>;
+export default VideoSubtitlePlayer;

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

@@ -0,0 +1,125 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { useRef as x, useEffect as u, useCallback as C } from "react";
+/* empty css                                                                                               */
+import { SubtitlePlayer as I } from "../subtitle-player/SubtitlePlayer.js";
+import { useVideoSubtitleStore as R } 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,
+  subtitles: o,
+  poster: m,
+  className: g = "",
+  style: P,
+  onFetchDetail: c
+}) => {
+  const d = x(null), r = x(null), {
+    currentTime: s,
+    isPlaying: D,
+    setCurrentTime: v,
+    setIsPlaying: n,
+    setSubtitles: _,
+    currentDetail: l,
+    isLoadingDetail: w,
+    fetchDetail: y
+  } = R();
+  u(() => {
+    _(o);
+  }, [o, _]), u(() => {
+    if (!d.current) return;
+    const t = `video-subtitle-player-${Date.now()}`;
+    d.current && (d.current.id = t);
+    const i = new j({
+      id: t,
+      url: p,
+      poster: m,
+      autoplay: !1,
+      fluid: !0,
+      width: "100%",
+      height: "100%",
+      controls: !0
+    });
+    r.current = i;
+    const h = () => {
+      const T = i.currentTime || 0;
+      v(T);
+    }, f = () => {
+      n(!0);
+    }, b = () => {
+      n(!1);
+    }, N = () => {
+      n(!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;
+    };
+  }, [p, m, v, n]), u(() => {
+    if (r.current) {
+      const t = r.current;
+      Math.abs(t.currentTime - s) > 0.5 && (t.currentTime = s);
+    }
+  }, [s]);
+  const S = C(
+    async (t) => {
+      c ? await c(t) : await y(t);
+    },
+    [c, y]
+  );
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: `video-subtitle-player ${g}`,
+      style: P,
+      children: [
+        /* @__PURE__ */ a("div", { className: "video-subtitle-player__left", children: [
+          /* @__PURE__ */ e("div", { className: "video-subtitle-player__video-container", children: /* @__PURE__ */ e(
+            "div",
+            {
+              ref: d,
+              className: "video-subtitle-player__video"
+            }
+          ) }),
+          /* @__PURE__ */ e("div", { className: "video-subtitle-player__subtitle-container", children: /* @__PURE__ */ e(
+            I,
+            {
+              subtitles: o,
+              currentTime: s,
+              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("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.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.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 })
+            ] }, 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: "将鼠标悬停在字幕单词上查看详情" })
+        ] }) }) })
+      ]
+    }
+  );
+};
+export {
+  z as VideoSubtitlePlayer,
+  z as default
+};

package/dist/es/components/video-subtitle-player/index.d.ts

@@ -0,0 +1,3 @@
+export * from './VideoSubtitlePlayer';
+export * from './useVideoSubtitleStore';
+export { default } from './VideoSubtitlePlayer';

package/dist/es/components/video-subtitle-player/useVideoSubtitleStore.d.ts

@@ -0,0 +1,61 @@
+import { SubtitleData, HoverTarget } from '../subtitle-player/SubtitlePlayer';
+/**
+ * 字幕详情信息
+ */
+export interface SubtitleDetail {
+    /** 单词或短语 */
+    word: string;
+    /** 发音（音标） */
+    pronunciation?: string;
+    /** 中文解释 */
+    translation?: string;
+    /** 英文解释 */
+    definition?: string;
+    /** 例句 */
+    examples?: Array<{
+        sentence: string;
+        translation: string;
+    }>;
+    /** 词性 */
+    partOfSpeech?: string;
+}
+/**
+ * 视频字幕播放器状态
+ */
+export interface VideoSubtitleState {
+    /** 播放进度（秒数） */
+    currentTime: number;
+    /** 是否正在播放 */
+    isPlaying: boolean;
+    /** 字幕数据 */
+    subtitles: SubtitleData[];
+    /** 当前hover的单词详情 */
+    currentDetail: SubtitleDetail | null;
+    /** 是否正在加载详情 */
+    isLoadingDetail: boolean;
+}
+/**
+ * 视频字幕播放器操作
+ */
+export interface VideoSubtitleActions {
+    /** 设置播放进度 */
+    setCurrentTime: (time: number) => void;
+    /** 设置播放状态 */
+    setIsPlaying: (playing: boolean) => void;
+    /** 设置字幕数据 */
+    setSubtitles: (subtitles: SubtitleData[]) => void;
+    /** 设置当前详情 */
+    setCurrentDetail: (detail: SubtitleDetail | null) => void;
+    /** 设置加载状态 */
+    setIsLoadingDetail: (loading: boolean) => void;
+    /** 根据hover目标获取详情（可以在这里调用大模型API） */
+    fetchDetail: (target: HoverTarget | null) => Promise<void>;
+    /** 重置状态 */
+    reset: () => void;
+}
+export type VideoSubtitleStore = VideoSubtitleState & VideoSubtitleActions;
+/**
+ * 创建视频字幕播放器store
+ * @param fetchDetailFn 可选的详情获取函数，如果不提供则使用默认实现
+ */
+export declare const useVideoSubtitleStore: import('zustand').UseBoundStore<import('zustand').StoreApi<VideoSubtitleStore>>;

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

@@ -0,0 +1,57 @@
+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";
+const t = {
+  currentTime: 0,
+  isPlaying: !1,
+  subtitles: [],
+  currentDetail: null,
+  isLoadingDetail: !1
+}, s = r((i, o) => ({
+  ...t,
+  setCurrentTime: (e) => {
+    i({ currentTime: e });
+  },
+  setIsPlaying: (e) => {
+    i({ isPlaying: e });
+  },
+  setSubtitles: (e) => {
+    i({ subtitles: e });
+  },
+  setCurrentDetail: (e) => {
+    i({ currentDetail: e });
+  },
+  setIsLoadingDetail: (e) => {
+    i({ isLoadingDetail: e });
+  },
+  fetchDetail: async (e) => {
+    if (!e) {
+      i({ currentDetail: null, isLoadingDetail: !1 });
+      return;
+    }
+    i({ isLoadingDetail: !0 });
+    try {
+      await new Promise((a) => setTimeout(a, 300));
+      const n = {
+        word: e.word,
+        pronunciation: `/${e.word.toLowerCase()}/`,
+        translation: `${e.word}的中文翻译`,
+        definition: `Definition of ${e.word}`,
+        examples: [
+          {
+            sentence: `This is an example sentence with ${e.word}.`,
+            translation: `这是一个包含${e.word}的例句。`
+          }
+        ],
+        partOfSpeech: "noun"
+      };
+      i({ currentDetail: n, isLoadingDetail: !1 });
+    } catch (n) {
+      console.error("获取详情失败:", n), i({ currentDetail: null, isLoadingDetail: !1 });
+    }
+  },
+  reset: () => {
+    i(t);
+  }
+}));
+export {
+  s as useVideoSubtitleStore
+};