@somecat/epub-reader 0.1.0

package/dist/vue.js

@@ -0,0 +1,1700 @@
+import { defineComponent, getCurrentInstance, ref, onMounted, nextTick, onBeforeUnmount, watch, h, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, normalizeClass, createBlock, withKeys, createTextVNode, createCommentVNode, normalizeStyle, computed, resolveComponent, Fragment, renderList } from 'vue';
+import 'foliate-js/view.js';
+
+// src/vue/EBookReaderVue.ts
+var getContentCSS = (fontSize, isDark, extraCSS) => `
+@namespace epub "http://www.idpf.org/2007/ops";
+html {
+  color-scheme: ${isDark ? "dark" : "light"} !important;
+}
+body {
+  background-color: transparent !important;
+  color: ${isDark ? "#e0e0e0" : "black"} !important;
+  font-size: ${fontSize}% !important;
+}
+p {
+  line-height: 1.6;
+  margin-bottom: 1em;
+}
+a {
+  color: ${isDark ? "#64b5f6" : "#2563eb"} !important;
+}
+img {
+  max-width: 100%;
+  height: auto;
+  object-fit: contain;
+  ${isDark ? "filter: brightness(0.8) contrast(1.2);" : ""}
+}
+${extraCSS ?? ""}
+`;
+function createEBookReader(container, options = {}) {
+  if (!container) throw new Error("container is required");
+  if (!customElements.get("foliate-view")) throw new Error("foliate-view is not defined");
+  const {
+    darkMode: initialDarkMode = false,
+    fontSize: initialFontSize = 100,
+    extraContentCSS,
+    onReady,
+    onError,
+    onProgress,
+    onToc,
+    onSearchProgress,
+    onContentLoad
+  } = options;
+  let destroyed = false;
+  let toc = [];
+  let fontSize = initialFontSize;
+  let darkMode = initialDarkMode;
+  let searchToken = 0;
+  container.innerHTML = "";
+  const viewer = document.createElement("foliate-view");
+  viewer.style.display = "block";
+  viewer.style.width = "100%";
+  viewer.style.height = "100%";
+  viewer.setAttribute("margin", "48");
+  viewer.setAttribute("gap", "0.07");
+  const applyStyles = () => {
+    if (destroyed) return;
+    if (!viewer.renderer?.setStyles) return;
+    viewer.renderer.setStyles(getContentCSS(fontSize, darkMode, extraContentCSS));
+    requestAnimationFrame(() => {
+      setTimeout(() => {
+        if (destroyed) return;
+        viewer.renderer?.render?.();
+        viewer.renderer?.expand?.();
+      }, 50);
+    });
+  };
+  const handleLoad = (e) => {
+    applyStyles();
+    const detail = e.detail;
+    if (detail?.doc) onContentLoad?.(detail.doc);
+  };
+  const handleRelocate = (e) => {
+    const detail = e.detail;
+    onProgress?.(detail);
+  };
+  viewer.addEventListener("load", handleLoad);
+  viewer.addEventListener("relocate", handleRelocate);
+  container.appendChild(viewer);
+  const handle = {
+    async open(file) {
+      if (destroyed) return;
+      if (!file) return;
+      try {
+        viewer.clearSearch?.();
+        searchToken++;
+        await viewer.open?.(file);
+        const nextToc = viewer.book?.toc ?? [];
+        toc = nextToc;
+        onToc?.(toc);
+        await viewer.init?.({ showTextStart: true });
+        applyStyles();
+      } catch (error) {
+        onError?.(error);
+        throw error;
+      }
+    },
+    destroy() {
+      if (destroyed) return;
+      destroyed = true;
+      searchToken++;
+      viewer.removeEventListener("load", handleLoad);
+      viewer.removeEventListener("relocate", handleRelocate);
+      container.innerHTML = "";
+    },
+    prevPage() {
+      viewer.goLeft?.();
+    },
+    nextPage() {
+      viewer.goRight?.();
+    },
+    prevSection() {
+      viewer.renderer?.prevSection?.();
+    },
+    nextSection() {
+      viewer.renderer?.nextSection?.();
+    },
+    goTo(target) {
+      if (!target) return;
+      viewer.goTo?.(target);
+    },
+    goToFraction(fraction) {
+      const safe = Math.min(1, Math.max(0, fraction));
+      viewer.goToFraction?.(safe);
+    },
+    setDarkMode(nextDarkMode) {
+      darkMode = nextDarkMode;
+      applyStyles();
+    },
+    setFontSize(nextFontSize) {
+      const safe = Math.min(300, Math.max(50, nextFontSize));
+      fontSize = safe;
+      applyStyles();
+    },
+    async search(query, opts = {}) {
+      const normalized = query.trim();
+      if (!normalized) {
+        viewer.clearSearch?.();
+        return [];
+      }
+      const token = ++searchToken;
+      const results = [];
+      try {
+        for await (const item of viewer.search?.({
+          query: normalized,
+          matchCase: Boolean(opts.matchCase),
+          matchWholeWords: Boolean(opts.wholeWords),
+          matchDiacritics: Boolean(opts.matchDiacritics)
+        }) ?? []) {
+          if (destroyed || token !== searchToken) return results;
+          if (item === "done") {
+            onSearchProgress?.({ done: true, progress: 1 });
+            break;
+          }
+          if (typeof item === "object" && item && "progress" in item) {
+            const progress = item.progress;
+            if (typeof progress === "number") onSearchProgress?.({ progress });
+            continue;
+          }
+          const anyItem = item;
+          if (anyItem?.subitems?.length) {
+            for (const sub of anyItem.subitems) {
+              results.push({
+                label: anyItem.label,
+                cfi: sub?.cfi,
+                excerpt: sub?.excerpt,
+                title: sub?.title
+              });
+            }
+          } else if (anyItem?.cfi) {
+            results.push({
+              cfi: anyItem.cfi,
+              excerpt: anyItem.excerpt,
+              title: anyItem.title
+            });
+          }
+        }
+      } catch (error) {
+        onError?.(error);
+        throw error;
+      }
+      return results;
+    },
+    cancelSearch() {
+      searchToken++;
+    },
+    clearSearch() {
+      viewer.clearSearch?.();
+    },
+    getToc() {
+      return toc;
+    }
+  };
+  onReady?.(handle);
+  return handle;
+}
+
+// src/vue/types.ts
+var EBookReaderVuePropsDef = {
+  file: { type: Object, required: false },
+  defaultFontSize: { type: Number, required: false, default: 100 },
+  fontSize: { type: Number, required: false },
+  defaultDarkMode: { type: Boolean, required: false, default: false },
+  darkMode: { type: Boolean, required: false },
+  enableKeyboardNav: { type: Boolean, required: false, default: true },
+  defaultSearchOptions: {
+    type: Object,
+    required: false,
+    default: () => ({ matchCase: false, wholeWords: false, matchDiacritics: false })
+  }
+};
+
+// src/core/icons.ts
+var icons = {
+  list: '<path d="M3 12h18M3 6h18M3 18h18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>',
+  search: '<path d="M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM21 21l-4.35-4.35" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>',
+  "chevron-left": '<path d="M15 18l-6-6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>',
+  "chevron-right": '<path d="M9 18l6-6-6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>',
+  "chevrons-left": '<path d="M11 17l-5-5 5-5M18 17l-5-5 5-5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>',
+  "chevrons-right": '<path d="M13 17l5-5-5-5M6 17l5-5-5-5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>',
+  sun: '<circle cx="12" cy="12" r="5" stroke="currentColor" stroke-width="2"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>',
+  moon: '<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>',
+  plus: '<path d="M12 5v14M5 12h14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>',
+  minus: '<path d="M5 12h14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>',
+  x: '<path d="M18 6L6 18M6 6l12 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>',
+  type: '<path d="M4 7V4h16v3M9 20h6M12 4v16" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>',
+  sliders: '<path d="M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>'
+};
+
+// unplugin-vue:/plugin-vue/export-helper
+var export_helper_default = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+// src/vue/components/SvgIcon.vue
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SvgIcon",
+  props: {
+    name: {
+      type: String,
+      required: true
+    },
+    size: {
+      type: [Number, String],
+      required: false,
+      default: 24
+    },
+    color: {
+      type: String,
+      required: false,
+      default: "currentColor"
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const iconPath = computed(() => icons[props.name] || "");
+    const iconStyle = computed(() => {
+      const sizeVal = typeof props.size === "number" ? `${props.size}px` : props.size;
+      return {
+        width: sizeVal,
+        height: sizeVal,
+        color: props.color,
+        minWidth: sizeVal
+      };
+    });
+    const __returned__ = {
+      props,
+      iconPath,
+      iconStyle
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+var _hoisted_1 = ["innerHTML"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return $setup.iconPath ? (openBlock(), createElementBlock("svg", {
+    key: 0,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    style: normalizeStyle($setup.iconStyle),
+    class: "ebook-reader-icon",
+    innerHTML: $setup.iconPath
+  }, null, 12, _hoisted_1)) : createCommentVNode("v-if", true);
+}
+var SvgIcon_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "D:\\Project\\Demo\\EBook\\plugin\\ebook-reader\\src\\vue\\components\\SvgIcon.vue"]]);
+var _sfc_main2 = /* @__PURE__ */ defineComponent({
+  __name: "DesktopToolbar",
+  props: {
+    darkMode: {
+      type: Boolean,
+      required: true
+    },
+    fontSize: {
+      type: Number,
+      required: true
+    }
+  },
+  emits: [
+    "toggleToc",
+    "toggleSearch",
+    "prevSection",
+    "prevPage",
+    "nextPage",
+    "nextSection",
+    "toggleDarkMode",
+    "changeFontSize"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const emit = __emit;
+    const __returned__ = {
+      emit,
+      SvgIcon: SvgIcon_default
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+var _hoisted_12 = { class: "ebook-reader__toolbar" };
+var _hoisted_2 = { class: "ebook-reader__panel" };
+var _hoisted_3 = { class: "ebook-reader__panel" };
+var _hoisted_4 = { class: "ebook-reader__font" };
+function _sfc_render2(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_12, [createElementVNode("div", _hoisted_2, [
+    createElementVNode("button", {
+      type: "button",
+      class: "ebook-reader__btn",
+      title: "\u76EE\u5F55",
+      onClick: _cache[0] || (_cache[0] = ($event) => $setup.emit("toggleToc"))
+    }, [createVNode($setup["SvgIcon"], { name: "list" })]),
+    createElementVNode("button", {
+      type: "button",
+      class: "ebook-reader__btn",
+      title: "\u641C\u7D22",
+      onClick: _cache[1] || (_cache[1] = ($event) => $setup.emit("toggleSearch"))
+    }, [createVNode($setup["SvgIcon"], { name: "search" })]),
+    _cache[9] || (_cache[9] = createElementVNode(
+      "div",
+      { class: "ebook-reader__divider" },
+      null,
+      -1
+      /* CACHED */
+    )),
+    createElementVNode("button", {
+      type: "button",
+      class: "ebook-reader__btn",
+      title: "\u4E0A\u4E00\u7AE0",
+      onClick: _cache[2] || (_cache[2] = ($event) => $setup.emit("prevSection"))
+    }, [createVNode($setup["SvgIcon"], { name: "chevrons-left" })]),
+    createElementVNode("button", {
+      type: "button",
+      class: "ebook-reader__btn",
+      title: "\u4E0A\u4E00\u9875",
+      onClick: _cache[3] || (_cache[3] = ($event) => $setup.emit("prevPage"))
+    }, [createVNode($setup["SvgIcon"], { name: "chevron-left" })]),
+    createElementVNode("button", {
+      type: "button",
+      class: "ebook-reader__btn",
+      title: "\u4E0B\u4E00\u9875",
+      onClick: _cache[4] || (_cache[4] = ($event) => $setup.emit("nextPage"))
+    }, [createVNode($setup["SvgIcon"], { name: "chevron-right" })]),
+    createElementVNode("button", {
+      type: "button",
+      class: "ebook-reader__btn",
+      title: "\u4E0B\u4E00\u7AE0",
+      onClick: _cache[5] || (_cache[5] = ($event) => $setup.emit("nextSection"))
+    }, [createVNode($setup["SvgIcon"], { name: "chevrons-right" })])
+  ]), createElementVNode("div", _hoisted_3, [
+    createElementVNode("button", {
+      type: "button",
+      class: "ebook-reader__btn",
+      title: "\u4E3B\u9898",
+      onClick: _cache[6] || (_cache[6] = ($event) => $setup.emit("toggleDarkMode"))
+    }, [createVNode($setup["SvgIcon"], { name: $props.darkMode ? "sun" : "moon" }, null, 8, ["name"])]),
+    _cache[10] || (_cache[10] = createElementVNode(
+      "div",
+      { class: "ebook-reader__divider" },
+      null,
+      -1
+      /* CACHED */
+    )),
+    createElementVNode("button", {
+      type: "button",
+      class: "ebook-reader__btn",
+      title: "\u589E\u5927\u5B57\u53F7",
+      onClick: _cache[7] || (_cache[7] = ($event) => $setup.emit("changeFontSize", $props.fontSize + 10))
+    }, [createVNode($setup["SvgIcon"], { name: "plus" })]),
+    createElementVNode(
+      "div",
+      _hoisted_4,
+      toDisplayString($props.fontSize) + "%",
+      1
+      /* TEXT */
+    ),
+    createElementVNode("button", {
+      type: "button",
+      class: "ebook-reader__btn",
+      title: "\u51CF\u5C0F\u5B57\u53F7",
+      onClick: _cache[8] || (_cache[8] = ($event) => $setup.emit("changeFontSize", $props.fontSize - 10))
+    }, [createVNode($setup["SvgIcon"], { name: "minus" })])
+  ])]);
+}
+var DesktopToolbar_default = /* @__PURE__ */ export_helper_default(_sfc_main2, [["render", _sfc_render2], ["__file", "D:\\Project\\Demo\\EBook\\plugin\\ebook-reader\\src\\vue\\components\\DesktopToolbar.vue"]]);
+var _sfc_main3 = /* @__PURE__ */ defineComponent({
+  __name: "DesktopBottomBar",
+  props: {
+    status: {
+      type: String,
+      required: true
+    },
+    errorText: {
+      type: String,
+      required: true
+    },
+    sectionLabel: {
+      type: String,
+      required: true
+    },
+    displayedPercent: {
+      type: Number,
+      required: true
+    }
+  },
+  emits: [
+    "seekStart",
+    "seekChange",
+    "seekEnd",
+    "seekCommit"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const emit = __emit;
+    const __returned__ = { emit };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+var _hoisted_13 = { class: "ebook-reader__bottom" };
+var _hoisted_22 = { class: "ebook-reader__bottom-left" };
+var _hoisted_32 = { class: "ebook-reader__status" };
+var _hoisted_42 = {
+  key: 0,
+  class: "ebook-reader__section"
+};
+var _hoisted_5 = { class: "ebook-reader__bottom-right" };
+var _hoisted_6 = ["value"];
+var _hoisted_7 = { class: "ebook-reader__percent" };
+function _sfc_render3(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_13, [createElementVNode("div", _hoisted_22, [createElementVNode(
+    "span",
+    _hoisted_32,
+    toDisplayString($props.status === "error" ? $props.errorText || "\u9519\u8BEF" : $props.status === "opening" ? "\u6B63\u5728\u6253\u5F00\u2026" : "\u5C31\u7EEA"),
+    1
+    /* TEXT */
+  ), $props.sectionLabel ? (openBlock(), createElementBlock(
+    "span",
+    _hoisted_42,
+    toDisplayString($props.sectionLabel),
+    1
+    /* TEXT */
+  )) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_5, [createElementVNode("input", {
+    class: "ebook-reader__range",
+    type: "range",
+    min: 0,
+    max: 100,
+    step: 1,
+    value: $props.displayedPercent,
+    onInput: _cache[0] || (_cache[0] = (e) => {
+      $setup.emit("seekStart");
+      $setup.emit("seekChange", Number(e.target.value));
+    }),
+    onPointerup: _cache[1] || (_cache[1] = (e) => $setup.emit("seekEnd", Number(e.target.value))),
+    onKeyup: _cache[2] || (_cache[2] = withKeys((e) => $setup.emit("seekCommit", Number(e.target.value)), ["enter"]))
+  }, null, 40, _hoisted_6), createElementVNode(
+    "span",
+    _hoisted_7,
+    toDisplayString($props.displayedPercent) + "%",
+    1
+    /* TEXT */
+  )])]);
+}
+var DesktopBottomBar_default = /* @__PURE__ */ export_helper_default(_sfc_main3, [["render", _sfc_render3], ["__file", "D:\\Project\\Demo\\EBook\\plugin\\ebook-reader\\src\\vue\\components\\DesktopBottomBar.vue"]]);
+var _sfc_main4 = /* @__PURE__ */ defineComponent({
+  __name: "TocTree",
+  props: { items: {
+    type: Array,
+    required: true
+  } },
+  emits: ["select"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const emit = __emit;
+    const __returned__ = { emit };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+var _hoisted_14 = { class: "ebook-reader__toc-list" };
+var _hoisted_23 = ["onClick"];
+var _hoisted_33 = {
+  key: 1,
+  class: "ebook-reader__toc-details"
+};
+var _hoisted_43 = { class: "ebook-reader__toc-summary" };
+function _sfc_render4(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_TocTree = resolveComponent("TocTree", true);
+  return openBlock(), createElementBlock("ul", _hoisted_14, [(openBlock(true), createElementBlock(
+    Fragment,
+    null,
+    renderList($props.items, (item, idx) => {
+      return openBlock(), createElementBlock("li", {
+        key: item.href || `${item.label ?? "item"}-${idx}`,
+        class: "ebook-reader__toc-item"
+      }, [!item.subitems?.length ? (openBlock(), createElementBlock("button", {
+        key: 0,
+        type: "button",
+        class: "ebook-reader__toc-btn",
+        onClick: ($event) => $setup.emit("select", item.href)
+      }, toDisplayString(item.label || item.href || "\u672A\u547D\u540D"), 9, _hoisted_23)) : (openBlock(), createElementBlock("details", _hoisted_33, [createElementVNode(
+        "summary",
+        _hoisted_43,
+        toDisplayString(item.label || item.href || "\u672A\u547D\u540D"),
+        1
+        /* TEXT */
+      ), createVNode(_component_TocTree, {
+        items: item.subitems,
+        onSelect: _cache[0] || (_cache[0] = ($event) => $setup.emit("select", $event))
+      }, null, 8, ["items"])]))]);
+    }),
+    128
+    /* KEYED_FRAGMENT */
+  ))]);
+}
+var TocTree_default = /* @__PURE__ */ export_helper_default(_sfc_main4, [["render", _sfc_render4], ["__file", "D:\\Project\\Demo\\EBook\\plugin\\ebook-reader\\src\\vue\\components\\TocTree.vue"]]);
+var _sfc_main5 = /* @__PURE__ */ defineComponent({
+  __name: "TocDrawer",
+  props: {
+    isOpen: {
+      type: Boolean,
+      required: true
+    },
+    toc: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: ["close", "select"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const emit = __emit;
+    const __returned__ = {
+      emit,
+      TocTree: TocTree_default,
+      SvgIcon: SvgIcon_default
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+var _hoisted_15 = ["aria-hidden"];
+var _hoisted_24 = { class: "ebook-reader__drawer-header" };
+var _hoisted_34 = { class: "ebook-reader__drawer-body" };
+var _hoisted_44 = {
+  key: 1,
+  class: "ebook-reader__empty"
+};
+function _sfc_render5(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("aside", {
+    class: normalizeClass(["ebook-reader__drawer", { "is-open": $props.isOpen }]),
+    "aria-hidden": !$props.isOpen
+  }, [createElementVNode("div", _hoisted_24, [_cache[2] || (_cache[2] = createElementVNode(
+    "div",
+    { class: "ebook-reader__drawer-title" },
+    "\u76EE\u5F55",
+    -1
+    /* CACHED */
+  )), createElementVNode("button", {
+    type: "button",
+    class: "ebook-reader__btn",
+    onClick: _cache[0] || (_cache[0] = ($event) => $setup.emit("close"))
+  }, [createVNode($setup["SvgIcon"], { name: "x" })])]), createElementVNode("div", _hoisted_34, [$props.toc.length ? (openBlock(), createBlock($setup["TocTree"], {
+    key: 0,
+    items: $props.toc,
+    onSelect: _cache[1] || (_cache[1] = (href) => {
+      $setup.emit("select", href);
+      $setup.emit("close");
+    })
+  }, null, 8, ["items"])) : (openBlock(), createElementBlock("div", _hoisted_44, "\u672A\u627E\u5230\u76EE\u5F55"))])], 10, _hoisted_15);
+}
+var TocDrawer_default = /* @__PURE__ */ export_helper_default(_sfc_main5, [["render", _sfc_render5], ["__file", "D:\\Project\\Demo\\EBook\\plugin\\ebook-reader\\src\\vue\\components\\TocDrawer.vue"]]);
+var _sfc_main6 = /* @__PURE__ */ defineComponent({
+  __name: "SearchResultList",
+  props: { results: {
+    type: Array,
+    required: true
+  } },
+  emits: ["select"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const emit = __emit;
+    const __returned__ = { emit };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+var _hoisted_16 = { class: "ebook-reader__search-list" };
+var _hoisted_25 = ["onClick"];
+var _hoisted_35 = {
+  key: 0,
+  class: "ebook-reader__search-label"
+};
+var _hoisted_45 = { class: "ebook-reader__search-excerpt" };
+function _sfc_render6(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("ul", _hoisted_16, [(openBlock(true), createElementBlock(
+    Fragment,
+    null,
+    renderList($props.results, (r, idx) => {
+      return openBlock(), createElementBlock("li", {
+        key: `${r.cfi ?? "no-cfi"}-${idx}`,
+        class: "ebook-reader__search-item"
+      }, [createElementVNode("button", {
+        type: "button",
+        class: "ebook-reader__search-btn",
+        onClick: ($event) => r.cfi && $setup.emit("select", r.cfi)
+      }, [r.label ? (openBlock(), createElementBlock(
+        "div",
+        _hoisted_35,
+        toDisplayString(r.label),
+        1
+        /* TEXT */
+      )) : createCommentVNode("v-if", true), createElementVNode(
+        "div",
+        _hoisted_45,
+        toDisplayString(typeof r.excerpt === "string" ? r.excerpt : `${r.excerpt?.pre ?? ""}${r.excerpt?.match ?? ""}${r.excerpt?.post ?? ""}`),
+        1
+        /* TEXT */
+      )], 8, _hoisted_25)]);
+    }),
+    128
+    /* KEYED_FRAGMENT */
+  ))]);
+}
+var SearchResultList_default = /* @__PURE__ */ export_helper_default(_sfc_main6, [["render", _sfc_render6], ["__file", "D:\\Project\\Demo\\EBook\\plugin\\ebook-reader\\src\\vue\\components\\SearchResultList.vue"]]);
+var _sfc_main7 = /* @__PURE__ */ defineComponent({
+  __name: "SearchDrawer",
+  props: {
+    isOpen: {
+      type: Boolean,
+      required: true
+    },
+    status: {
+      type: String,
+      required: true
+    },
+    query: {
+      type: String,
+      required: true
+    },
+    options: {
+      type: Object,
+      required: true
+    },
+    progressPercent: {
+      type: Number,
+      required: true
+    },
+    searching: {
+      type: Boolean,
+      required: true
+    },
+    results: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: [
+    "close",
+    "search",
+    "update:query",
+    "update:options",
+    "cancelSearch",
+    "selectResult"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const emit = __emit;
+    const updateOption = (key, value) => {
+      emit("update:options", { [key]: value });
+    };
+    const __returned__ = {
+      emit,
+      updateOption,
+      SearchResultList: SearchResultList_default,
+      SvgIcon: SvgIcon_default
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+var _hoisted_17 = ["aria-hidden"];
+var _hoisted_26 = { class: "ebook-reader__drawer-header" };
+var _hoisted_36 = { class: "ebook-reader__drawer-body" };
+var _hoisted_46 = { class: "ebook-reader__field" };
+var _hoisted_52 = ["value", "disabled"];
+var _hoisted_62 = ["disabled"];
+var _hoisted_72 = { class: "ebook-reader__checks" };
+var _hoisted_8 = { class: "ebook-reader__check" };
+var _hoisted_9 = ["checked"];
+var _hoisted_10 = { class: "ebook-reader__check" };
+var _hoisted_11 = ["checked"];
+var _hoisted_122 = { class: "ebook-reader__check" };
+var _hoisted_132 = ["checked"];
+var _hoisted_142 = { class: "ebook-reader__meta" };
+var _hoisted_152 = { key: 0 };
+var _hoisted_162 = {
+  key: 1,
+  class: "ebook-reader__empty"
+};
+function _sfc_render7(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("aside", {
+    class: normalizeClass([
+      "ebook-reader__drawer",
+      "right",
+      { "is-open": $props.isOpen }
+    ]),
+    "aria-hidden": !$props.isOpen
+  }, [createElementVNode("div", _hoisted_26, [_cache[9] || (_cache[9] = createElementVNode(
+    "div",
+    { class: "ebook-reader__drawer-title" },
+    "\u641C\u7D22",
+    -1
+    /* CACHED */
+  )), createElementVNode("button", {
+    type: "button",
+    class: "ebook-reader__btn",
+    onClick: _cache[0] || (_cache[0] = ($event) => $setup.emit("close"))
+  }, [createVNode($setup["SvgIcon"], { name: "x" })])]), createElementVNode("div", _hoisted_36, [
+    createElementVNode("div", _hoisted_46, [createElementVNode("input", {
+      class: "ebook-reader__input",
+      placeholder: "\u8F93\u5165\u5173\u952E\u8BCD",
+      value: $props.query,
+      disabled: $props.status !== "ready",
+      onInput: _cache[1] || (_cache[1] = (e) => {
+        const v = e.target.value;
+        $setup.emit("update:query", v);
+        if (!v.trim()) $setup.emit("search", "");
+      }),
+      onKeydown: _cache[2] || (_cache[2] = withKeys(($event) => $setup.emit("search", $props.query), ["enter"]))
+    }, null, 40, _hoisted_52), createElementVNode("button", {
+      type: "button",
+      class: "ebook-reader__btn",
+      disabled: $props.status !== "ready",
+      onClick: _cache[3] || (_cache[3] = ($event) => $setup.emit("search", $props.query))
+    }, [createVNode($setup["SvgIcon"], { name: "search" })], 8, _hoisted_62)]),
+    createElementVNode("div", _hoisted_72, [
+      createElementVNode("label", _hoisted_8, [createElementVNode("input", {
+        type: "checkbox",
+        checked: Boolean($props.options.matchCase),
+        onChange: _cache[4] || (_cache[4] = (e) => $setup.updateOption("matchCase", e.target.checked))
+      }, null, 40, _hoisted_9), _cache[10] || (_cache[10] = createTextVNode(
+        " \u533A\u5206\u5927\u5C0F\u5199 ",
+        -1
+        /* CACHED */
+      ))]),
+      createElementVNode("label", _hoisted_10, [createElementVNode("input", {
+        type: "checkbox",
+        checked: Boolean($props.options.wholeWords),
+        onChange: _cache[5] || (_cache[5] = (e) => $setup.updateOption("wholeWords", e.target.checked))
+      }, null, 40, _hoisted_11), _cache[11] || (_cache[11] = createTextVNode(
+        " \u5168\u8BCD\u5339\u914D ",
+        -1
+        /* CACHED */
+      ))]),
+      createElementVNode("label", _hoisted_122, [createElementVNode("input", {
+        type: "checkbox",
+        checked: Boolean($props.options.matchDiacritics),
+        onChange: _cache[6] || (_cache[6] = (e) => $setup.updateOption("matchDiacritics", e.target.checked))
+      }, null, 40, _hoisted_132), _cache[12] || (_cache[12] = createTextVNode(
+        " \u533A\u5206\u53D8\u97F3 ",
+        -1
+        /* CACHED */
+      ))])
+    ]),
+    createElementVNode("div", _hoisted_142, [
+      createElementVNode(
+        "span",
+        null,
+        "\u8FDB\u5EA6 " + toDisplayString($props.progressPercent) + "%",
+        1
+        /* TEXT */
+      ),
+      $props.searching ? (openBlock(), createElementBlock("span", _hoisted_152, "\u641C\u7D22\u4E2D\u2026")) : createCommentVNode("v-if", true),
+      $props.searching ? (openBlock(), createElementBlock("button", {
+        key: 1,
+        type: "button",
+        class: "ebook-reader__link",
+        onClick: _cache[7] || (_cache[7] = ($event) => $setup.emit("cancelSearch"))
+      }, " \u53D6\u6D88 ")) : createCommentVNode("v-if", true)
+    ]),
+    $props.results.length ? (openBlock(), createBlock($setup["SearchResultList"], {
+      key: 0,
+      results: $props.results,
+      onSelect: _cache[8] || (_cache[8] = (cfi) => $setup.emit("selectResult", cfi))
+    }, null, 8, ["results"])) : (openBlock(), createElementBlock(
+      "div",
+      _hoisted_162,
+      toDisplayString($props.query.trim() ? "\u65E0\u5339\u914D\u7ED3\u679C" : "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD"),
+      1
+      /* TEXT */
+    ))
+  ])], 10, _hoisted_17);
+}
+var SearchDrawer_default = /* @__PURE__ */ export_helper_default(_sfc_main7, [["render", _sfc_render7], ["__file", "D:\\Project\\Demo\\EBook\\plugin\\ebook-reader\\src\\vue\\components\\SearchDrawer.vue"]]);
+var _sfc_main8 = /* @__PURE__ */ defineComponent({
+  __name: "MobileUI",
+  props: {
+    barVisible: {
+      type: Boolean,
+      required: true
+    },
+    activePanel: {
+      type: [String, null],
+      required: true
+    },
+    toc: {
+      type: Array,
+      required: true
+    },
+    status: {
+      type: String,
+      required: true
+    },
+    errorText: {
+      type: String,
+      required: true
+    },
+    sectionLabel: {
+      type: String,
+      required: true
+    },
+    displayedPercent: {
+      type: Number,
+      required: true
+    },
+    darkMode: {
+      type: Boolean,
+      required: true
+    },
+    fontSize: {
+      type: Number,
+      required: true
+    },
+    searchQuery: {
+      type: String,
+      required: true
+    },
+    searchOptions: {
+      type: Object,
+      required: true
+    },
+    searchProgressPercent: {
+      type: Number,
+      required: true
+    },
+    searching: {
+      type: Boolean,
+      required: true
+    },
+    searchResults: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: [
+    "togglePanel",
+    "closePanel",
+    "tocSelect",
+    "search",
+    "update:searchQuery",
+    "update:searchOptions",
+    "cancelSearch",
+    "searchResultSelect",
+    "seekStart",
+    "seekChange",
+    "seekEnd",
+    "seekCommit",
+    "toggleDarkMode",
+    "changeFontSize"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const mobileTitle = computed(() => {
+      switch (props.activePanel) {
+        case "menu":
+          return "\u76EE\u5F55";
+        case "search":
+          return "\u641C\u7D22";
+        case "progress":
+          return "\u8FDB\u5EA6";
+        case "theme":
+          return "\u660E\u6697";
+        case "font":
+          return "\u5B57\u53F7";
+        default:
+          return "";
+      }
+    });
+    const updateSearchOption = (key, value) => {
+      emit("update:searchOptions", { [key]: value });
+    };
+    const tooltip = ref(null);
+    let timer = null;
+    const handleTouchStart = (e, text) => {
+      const target = e.currentTarget;
+      const rect = target.getBoundingClientRect();
+      timer = window.setTimeout(() => {
+        tooltip.value = {
+          text,
+          left: rect.left + rect.width / 2
+        };
+      }, 500);
+    };
+    const handleTouchEnd = () => {
+      if (timer) {
+        clearTimeout(timer);
+        timer = null;
+      }
+      tooltip.value = null;
+    };
+    const __returned__ = {
+      props,
+      emit,
+      mobileTitle,
+      updateSearchOption,
+      tooltip,
+      get timer() {
+        return timer;
+      },
+      set timer(v) {
+        timer = v;
+      },
+      handleTouchStart,
+      handleTouchEnd,
+      TocTree: TocTree_default,
+      SearchResultList: SearchResultList_default,
+      SvgIcon: SvgIcon_default
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+var _hoisted_18 = ["aria-pressed"];
+var _hoisted_27 = ["aria-pressed"];
+var _hoisted_37 = ["aria-pressed"];
+var _hoisted_47 = ["aria-pressed"];
+var _hoisted_53 = ["aria-pressed"];
+var _hoisted_63 = ["aria-hidden"];
+var _hoisted_73 = { class: "ebook-reader__msheet-header" };
+var _hoisted_82 = { class: "ebook-reader__msheet-title" };
+var _hoisted_92 = { class: "ebook-reader__msheet-body" };
+var _hoisted_102 = {
+  key: 1,
+  class: "ebook-reader__empty"
+};
+var _hoisted_112 = { class: "ebook-reader__field" };
+var _hoisted_123 = ["value", "disabled"];
+var _hoisted_133 = ["disabled"];
+var _hoisted_143 = { class: "ebook-reader__checks" };
+var _hoisted_153 = { class: "ebook-reader__check" };
+var _hoisted_163 = ["checked"];
+var _hoisted_172 = { class: "ebook-reader__check" };
+var _hoisted_182 = ["checked"];
+var _hoisted_19 = { class: "ebook-reader__check" };
+var _hoisted_20 = ["checked"];
+var _hoisted_21 = { class: "ebook-reader__meta" };
+var _hoisted_222 = { key: 0 };
+var _hoisted_232 = {
+  key: 1,
+  class: "ebook-reader__empty"
+};
+var _hoisted_242 = { class: "ebook-reader__meta" };
+var _hoisted_252 = { class: "ebook-reader__status" };
+var _hoisted_262 = { key: 0 };
+var _hoisted_272 = { class: "ebook-reader__mprogress" };
+var _hoisted_28 = ["value"];
+var _hoisted_29 = { class: "ebook-reader__mprogress-percent" };
+var _hoisted_30 = {
+  key: 4,
+  class: "ebook-reader__mfont"
+};
+var _hoisted_31 = { class: "ebook-reader__font" };
+function _sfc_render8(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", null, [
+    createElementVNode(
+      "div",
+      { class: normalizeClass(["ebook-reader__mbar", { "is-visible": $props.barVisible }]) },
+      [
+        $setup.tooltip ? (openBlock(), createElementBlock(
+          "div",
+          {
+            key: 0,
+            class: "ebook-reader__tooltip",
+            style: normalizeStyle({
+              position: "fixed",
+              bottom: "60px",
+              left: `${$setup.tooltip.left}px`,
+              transform: "translateX(-50%)",
+              background: "rgba(0,0,0,0.8)",
+              color: "#fff",
+              padding: "4px 8px",
+              borderRadius: "4px",
+              fontSize: "12px",
+              pointerEvents: "none",
+              zIndex: 1e3,
+              whiteSpace: "nowrap"
+            })
+          },
+          toDisplayString($setup.tooltip.text),
+          5
+          /* TEXT, STYLE */
+        )) : createCommentVNode("v-if", true),
+        createElementVNode("button", {
+          type: "button",
+          class: "ebook-reader__btn",
+          "aria-pressed": $props.activePanel === "menu",
+          onClick: _cache[0] || (_cache[0] = ($event) => $setup.emit("togglePanel", "menu")),
+          onTouchstart: _cache[1] || (_cache[1] = (e) => $setup.handleTouchStart(e, "\u76EE\u5F55")),
+          onTouchend: $setup.handleTouchEnd,
+          onTouchcancel: $setup.handleTouchEnd,
+          title: "\u76EE\u5F55"
+        }, [createVNode($setup["SvgIcon"], { name: "list" })], 40, _hoisted_18),
+        createElementVNode("button", {
+          type: "button",
+          class: "ebook-reader__btn",
+          "aria-pressed": $props.activePanel === "search",
+          onClick: _cache[2] || (_cache[2] = ($event) => $setup.emit("togglePanel", "search")),
+          onTouchstart: _cache[3] || (_cache[3] = (e) => $setup.handleTouchStart(e, "\u641C\u7D22")),
+          onTouchend: $setup.handleTouchEnd,
+          onTouchcancel: $setup.handleTouchEnd,
+          title: "\u641C\u7D22"
+        }, [createVNode($setup["SvgIcon"], { name: "search" })], 40, _hoisted_27),
+        createElementVNode("button", {
+          type: "button",
+          class: "ebook-reader__btn",
+          "aria-pressed": $props.activePanel === "progress",
+          onClick: _cache[4] || (_cache[4] = ($event) => $setup.emit("togglePanel", "progress")),
+          onTouchstart: _cache[5] || (_cache[5] = (e) => $setup.handleTouchStart(e, "\u8FDB\u5EA6")),
+          onTouchend: $setup.handleTouchEnd,
+          onTouchcancel: $setup.handleTouchEnd,
+          title: "\u8FDB\u5EA6"
+        }, [createVNode($setup["SvgIcon"], { name: "sliders" })], 40, _hoisted_37),
+        createElementVNode("button", {
+          type: "button",
+          class: "ebook-reader__btn",
+          "aria-pressed": $props.activePanel === "theme",
+          onClick: _cache[6] || (_cache[6] = ($event) => $setup.emit("togglePanel", "theme")),
+          onTouchstart: _cache[7] || (_cache[7] = (e) => $setup.handleTouchStart(e, "\u660E\u6697")),
+          onTouchend: $setup.handleTouchEnd,
+          onTouchcancel: $setup.handleTouchEnd,
+          title: "\u660E\u6697"
+        }, [createVNode($setup["SvgIcon"], { name: "sun" })], 40, _hoisted_47),
+        createElementVNode("button", {
+          type: "button",
+          class: "ebook-reader__btn",
+          "aria-pressed": $props.activePanel === "font",
+          onClick: _cache[8] || (_cache[8] = ($event) => $setup.emit("togglePanel", "font")),
+          onTouchstart: _cache[9] || (_cache[9] = (e) => $setup.handleTouchStart(e, "\u5B57\u53F7")),
+          onTouchend: $setup.handleTouchEnd,
+          onTouchcancel: $setup.handleTouchEnd,
+          title: "\u5B57\u53F7"
+        }, [createVNode($setup["SvgIcon"], { name: "type" })], 40, _hoisted_53)
+      ],
+      2
+      /* CLASS */
+    ),
+    $props.activePanel ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: "ebook-reader__moverlay",
+      onClick: _cache[10] || (_cache[10] = ($event) => $setup.emit("closePanel"))
+    })) : createCommentVNode("v-if", true),
+    createElementVNode("div", {
+      class: normalizeClass(["ebook-reader__msheet", { "is-open": $props.activePanel }]),
+      "aria-hidden": !$props.activePanel
+    }, [createElementVNode("div", _hoisted_73, [createElementVNode(
+      "div",
+      _hoisted_82,
+      toDisplayString($setup.mobileTitle),
+      1
+      /* TEXT */
+    ), createElementVNode("button", {
+      type: "button",
+      class: "ebook-reader__btn",
+      onClick: _cache[11] || (_cache[11] = ($event) => $setup.emit("closePanel"))
+    }, [createVNode($setup["SvgIcon"], { name: "x" })])]), createElementVNode("div", _hoisted_92, [
+      $props.activePanel === "menu" ? (openBlock(), createElementBlock(
+        Fragment,
+        { key: 0 },
+        [$props.toc.length ? (openBlock(), createBlock($setup["TocTree"], {
+          key: 0,
+          items: $props.toc,
+          onSelect: _cache[12] || (_cache[12] = (href) => {
+            $setup.emit("tocSelect", href);
+            $setup.emit("closePanel");
+          })
+        }, null, 8, ["items"])) : (openBlock(), createElementBlock("div", _hoisted_102, "\u672A\u627E\u5230\u76EE\u5F55"))],
+        64
+        /* STABLE_FRAGMENT */
+      )) : createCommentVNode("v-if", true),
+      $props.activePanel === "search" ? (openBlock(), createElementBlock(
+        Fragment,
+        { key: 1 },
+        [
+          createElementVNode("div", _hoisted_112, [createElementVNode("input", {
+            class: "ebook-reader__input",
+            placeholder: "\u8F93\u5165\u5173\u952E\u8BCD",
+            value: $props.searchQuery,
+            disabled: $props.status !== "ready",
+            onInput: _cache[13] || (_cache[13] = (e) => {
+              const v = e.target.value;
+              $setup.emit("update:searchQuery", v);
+              if (!v.trim()) $setup.emit("search", "");
+            }),
+            onKeydown: _cache[14] || (_cache[14] = withKeys(($event) => $setup.emit("search", $props.searchQuery), ["enter"]))
+          }, null, 40, _hoisted_123), createElementVNode("button", {
+            type: "button",
+            class: "ebook-reader__btn",
+            disabled: $props.status !== "ready",
+            onClick: _cache[15] || (_cache[15] = ($event) => $setup.emit("search", $props.searchQuery))
+          }, " \u641C\u7D22 ", 8, _hoisted_133)]),
+          createElementVNode("div", _hoisted_143, [
+            createElementVNode("label", _hoisted_153, [createElementVNode("input", {
+              type: "checkbox",
+              checked: Boolean($props.searchOptions.matchCase),
+              onChange: _cache[16] || (_cache[16] = (e) => $setup.updateSearchOption("matchCase", e.target.checked))
+            }, null, 40, _hoisted_163), _cache[27] || (_cache[27] = createTextVNode(
+              " \u533A\u5206\u5927\u5C0F\u5199 ",
+              -1
+              /* CACHED */
+            ))]),
+            createElementVNode("label", _hoisted_172, [createElementVNode("input", {
+              type: "checkbox",
+              checked: Boolean($props.searchOptions.wholeWords),
+              onChange: _cache[17] || (_cache[17] = (e) => $setup.updateSearchOption("wholeWords", e.target.checked))
+            }, null, 40, _hoisted_182), _cache[28] || (_cache[28] = createTextVNode(
+              " \u5168\u8BCD\u5339\u914D ",
+              -1
+              /* CACHED */
+            ))]),
+            createElementVNode("label", _hoisted_19, [createElementVNode("input", {
+              type: "checkbox",
+              checked: Boolean($props.searchOptions.matchDiacritics),
+              onChange: _cache[18] || (_cache[18] = (e) => $setup.updateSearchOption("matchDiacritics", e.target.checked))
+            }, null, 40, _hoisted_20), _cache[29] || (_cache[29] = createTextVNode(
+              " \u533A\u5206\u53D8\u97F3 ",
+              -1
+              /* CACHED */
+            ))])
+          ]),
+          createElementVNode("div", _hoisted_21, [
+            createElementVNode(
+              "span",
+              null,
+              "\u8FDB\u5EA6 " + toDisplayString($props.searchProgressPercent) + "%",
+              1
+              /* TEXT */
+            ),
+            $props.searching ? (openBlock(), createElementBlock("span", _hoisted_222, "\u641C\u7D22\u4E2D\u2026")) : createCommentVNode("v-if", true),
+            $props.searching ? (openBlock(), createElementBlock("button", {
+              key: 1,
+              type: "button",
+              class: "ebook-reader__link",
+              onClick: _cache[19] || (_cache[19] = ($event) => $setup.emit("cancelSearch"))
+            }, " \u53D6\u6D88 ")) : createCommentVNode("v-if", true)
+          ]),
+          $props.searchResults.length ? (openBlock(), createBlock($setup["SearchResultList"], {
+            key: 0,
+            results: $props.searchResults,
+            onSelect: _cache[20] || (_cache[20] = (cfi) => $setup.emit("searchResultSelect", cfi))
+          }, null, 8, ["results"])) : (openBlock(), createElementBlock(
+            "div",
+            _hoisted_232,
+            toDisplayString($props.searchQuery.trim() ? "\u65E0\u5339\u914D\u7ED3\u679C" : "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD"),
+            1
+            /* TEXT */
+          ))
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      )) : createCommentVNode("v-if", true),
+      $props.activePanel === "progress" ? (openBlock(), createElementBlock(
+        Fragment,
+        { key: 2 },
+        [createElementVNode("div", _hoisted_242, [createElementVNode(
+          "span",
+          _hoisted_252,
+          toDisplayString($props.status === "error" ? $props.errorText || "\u9519\u8BEF" : $props.status === "opening" ? "\u6B63\u5728\u6253\u5F00\u2026" : "\u5C31\u7EEA"),
+          1
+          /* TEXT */
+        ), $props.sectionLabel ? (openBlock(), createElementBlock(
+          "span",
+          _hoisted_262,
+          toDisplayString($props.sectionLabel),
+          1
+          /* TEXT */
+        )) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_272, [createElementVNode("input", {
+          class: "ebook-reader__range",
+          type: "range",
+          min: 0,
+          max: 100,
+          step: 1,
+          value: $props.displayedPercent,
+          onInput: _cache[21] || (_cache[21] = (e) => {
+            $setup.emit("seekStart");
+            $setup.emit("seekChange", Number(e.target.value));
+          }),
+          onPointerup: _cache[22] || (_cache[22] = (e) => $setup.emit("seekEnd", Number(e.target.value))),
+          onKeyup: _cache[23] || (_cache[23] = withKeys((e) => $setup.emit("seekCommit", Number(e.target.value)), ["enter"]))
+        }, null, 40, _hoisted_28), createElementVNode(
+          "div",
+          _hoisted_29,
+          toDisplayString($props.displayedPercent) + "%",
+          1
+          /* TEXT */
+        )])],
+        64
+        /* STABLE_FRAGMENT */
+      )) : createCommentVNode("v-if", true),
+      $props.activePanel === "theme" ? (openBlock(), createElementBlock(
+        "button",
+        {
+          key: 3,
+          type: "button",
+          class: "ebook-reader__btn",
+          onClick: _cache[24] || (_cache[24] = ($event) => $setup.emit("toggleDarkMode", !$props.darkMode))
+        },
+        toDisplayString($props.darkMode ? "\u5207\u6362\u5230\u4EAE\u8272" : "\u5207\u6362\u5230\u6697\u9ED1"),
+        1
+        /* TEXT */
+      )) : createCommentVNode("v-if", true),
+      $props.activePanel === "font" ? (openBlock(), createElementBlock("div", _hoisted_30, [
+        createElementVNode("button", {
+          type: "button",
+          class: "ebook-reader__btn",
+          onClick: _cache[25] || (_cache[25] = ($event) => $setup.emit("changeFontSize", $props.fontSize - 10))
+        }, " A- "),
+        createElementVNode(
+          "div",
+          _hoisted_31,
+          toDisplayString($props.fontSize) + "%",
+          1
+          /* TEXT */
+        ),
+        createElementVNode("button", {
+          type: "button",
+          class: "ebook-reader__btn",
+          onClick: _cache[26] || (_cache[26] = ($event) => $setup.emit("changeFontSize", $props.fontSize + 10))
+        }, " A+ ")
+      ])) : createCommentVNode("v-if", true)
+    ])], 10, _hoisted_63)
+  ]);
+}
+var MobileUI_default = /* @__PURE__ */ export_helper_default(_sfc_main8, [["render", _sfc_render8], ["__file", "D:\\Project\\Demo\\EBook\\plugin\\ebook-reader\\src\\vue\\components\\MobileUI.vue"]]);
+
+// src/vue/EBookReaderVue.ts
+var MOBILE_MAX_WIDTH = 768;
+var WIDE_MIN_WIDTH = 1024;
+var clamp = (n, min, max) => Math.min(max, Math.max(min, n));
+var EBookReaderVue = defineComponent({
+  name: "EBookReaderVue",
+  props: EBookReaderVuePropsDef,
+  emits: ["ready", "error", "progress", "fontSizeChange", "darkModeChange", "update:fontSize", "update:darkMode"],
+  setup(props, { emit, expose }) {
+    const instance = getCurrentInstance();
+    const isPropProvided = (key) => {
+      const vnodeProps = instance?.vnode.props;
+      if (!vnodeProps) return false;
+      return Object.prototype.hasOwnProperty.call(vnodeProps, key);
+    };
+    const rootEl = ref(null);
+    const viewerHost = ref(null);
+    const reader = ref(null);
+    const status = ref("idle");
+    const errorText = ref("");
+    const toc = ref([]);
+    const tocOpen = ref(false);
+    const searchOpen = ref(false);
+    const progressInfo = ref(null);
+    const isSeeking = ref(false);
+    const seekPercent = ref(0);
+    const layout = ref("default");
+    const mobileBarVisible = ref(false);
+    const mobilePanel = ref(null);
+    const uncontrolledFontSize = ref(props.defaultFontSize ?? 100);
+    const uncontrolledDarkMode = ref(Boolean(props.defaultDarkMode));
+    const fontSize = () => props.fontSize ?? uncontrolledFontSize.value;
+    const darkMode = () => isPropProvided("darkMode") ? Boolean(props.darkMode) : uncontrolledDarkMode.value;
+    const searchQuery = ref("");
+    const searchOptions = ref(props.defaultSearchOptions ?? { matchCase: false, wholeWords: false, matchDiacritics: false });
+    const searchProgressPercent = ref(0);
+    const searching = ref(false);
+    const searchResults = ref([]);
+    const closeDrawers = () => {
+      tocOpen.value = false;
+      searchOpen.value = false;
+    };
+    const closeMobileSheet = () => {
+      mobilePanel.value = null;
+    };
+    const toggleMobilePanel = (panel) => {
+      mobileBarVisible.value = true;
+      mobilePanel.value = mobilePanel.value === panel ? null : panel;
+    };
+    const setDarkModeInternal = (next) => {
+      if (!isPropProvided("darkMode")) uncontrolledDarkMode.value = next;
+      emit("update:darkMode", next);
+      emit("darkModeChange", next);
+      reader.value?.setDarkMode(next);
+    };
+    const setFontSizeInternal = (next) => {
+      const safe = clamp(next, 50, 300);
+      if (props.fontSize == null) uncontrolledFontSize.value = safe;
+      emit("update:fontSize", safe);
+      emit("fontSizeChange", safe);
+      reader.value?.setFontSize(safe);
+    };
+    const openFile = async (nextFile) => {
+      if (!reader.value) return;
+      status.value = "opening";
+      errorText.value = "";
+      toc.value = [];
+      progressInfo.value = null;
+      isSeeking.value = false;
+      seekPercent.value = 0;
+      searchResults.value = [];
+      searchProgressPercent.value = 0;
+      searching.value = false;
+      try {
+        await reader.value.open(nextFile);
+        status.value = "ready";
+      } catch (e) {
+        status.value = "error";
+        errorText.value = e?.message ? String(e.message) : "\u6253\u5F00\u5931\u8D25";
+        emit("error", e);
+      }
+    };
+    const runSearch = async (query) => {
+      const r = reader.value;
+      const normalized = query.trim();
+      searchQuery.value = query;
+      searchProgressPercent.value = 0;
+      searching.value = Boolean(normalized);
+      if (!r || !normalized) {
+        r?.clearSearch();
+        searchResults.value = [];
+        searching.value = false;
+        return;
+      }
+      r.cancelSearch();
+      try {
+        const results = await r.search(normalized, searchOptions.value);
+        searchResults.value = results;
+        searchProgressPercent.value = 100;
+      } catch (e) {
+        emit("error", e);
+      } finally {
+        searching.value = false;
+      }
+    };
+    const keydownHandler = (e) => {
+      if (!props.enableKeyboardNav) return;
+      if (e.key === "ArrowLeft") reader.value?.prevPage();
+      if (e.key === "ArrowRight") reader.value?.nextPage();
+      if (e.key === "Escape") closeDrawers();
+    };
+    let gestureStartX = 0;
+    let gestureStartY = 0;
+    let gestureTracking = false;
+    let gestureMoved = false;
+    let gestureActionTaken = false;
+    let gestureStartAt = 0;
+    const boundDocs = /* @__PURE__ */ new WeakSet();
+    const pointerDownHandler = (e) => {
+      if (layout.value !== "mobile") return;
+      const t = e.target;
+      if (!t) return;
+      if (t.closest(".ebook-reader__mbar") || t.closest(".ebook-reader__msheet")) return;
+      if (t.closest('a,button,input,textarea,select,label,[role="button"],[contenteditable="true"]')) return;
+      gestureTracking = true;
+      gestureMoved = false;
+      gestureActionTaken = false;
+      gestureStartAt = e.timeStamp;
+      gestureStartX = e.screenX;
+      gestureStartY = e.screenY;
+    };
+    const pointerMoveHandler = (e) => {
+      if (!gestureTracking) return;
+      const dx = e.screenX - gestureStartX;
+      const dy = e.screenY - gestureStartY;
+      if (Math.abs(dx) > 8 || Math.abs(dy) > 8) gestureMoved = true;
+      if (Math.abs(dy) < 8) return;
+      if (Math.abs(dy) < Math.abs(dx)) {
+        if (Math.abs(dx) >= 8) gestureTracking = false;
+        return;
+      }
+      if (dy <= -24) {
+        gestureActionTaken = true;
+        gestureTracking = false;
+        mobileBarVisible.value = true;
+        return;
+      }
+      if (dy >= 24) {
+        gestureActionTaken = true;
+        gestureTracking = false;
+        mobileBarVisible.value = false;
+        mobilePanel.value = null;
+      }
+    };
+    const pointerEndHandler = (e) => {
+      if (layout.value !== "mobile") {
+        gestureTracking = false;
+        return;
+      }
+      if (gestureActionTaken) {
+        gestureTracking = false;
+        gestureMoved = false;
+        gestureActionTaken = false;
+        return;
+      }
+      if (!gestureTracking) {
+        gestureMoved = false;
+        return;
+      }
+      const dx = e.screenX - gestureStartX;
+      const dy = e.screenY - gestureStartY;
+      const dt = e.timeStamp - gestureStartAt;
+      const isTap = !gestureMoved && Math.hypot(dx, dy) <= 10 && dt <= 300;
+      if (isTap) {
+        const next = !mobileBarVisible.value;
+        mobileBarVisible.value = next;
+        if (!next) mobilePanel.value = null;
+      }
+      gestureTracking = false;
+      gestureMoved = false;
+    };
+    const bindContentPointerListeners = (doc) => {
+      if (boundDocs.has(doc)) return;
+      boundDocs.add(doc);
+      doc.addEventListener("pointerdown", pointerDownHandler);
+      doc.addEventListener("pointermove", pointerMoveHandler);
+      doc.addEventListener("pointerup", pointerEndHandler);
+      doc.addEventListener("pointercancel", pointerEndHandler);
+    };
+    let ro = null;
+    onMounted(async () => {
+      await nextTick();
+      const host = viewerHost.value;
+      if (!host) return;
+      try {
+        reader.value = createEBookReader(host, {
+          darkMode: darkMode(),
+          fontSize: fontSize(),
+          onReady: (h2) => emit("ready", h2),
+          onError: (e) => emit("error", e),
+          onProgress: (info) => {
+            progressInfo.value = info;
+            emit("progress", info);
+          },
+          onToc: (items) => toc.value = items,
+          onSearchProgress: (info) => {
+            if (typeof info.progress === "number") searchProgressPercent.value = Math.round(info.progress * 100);
+          },
+          onContentLoad: (doc) => bindContentPointerListeners(doc)
+        });
+        status.value = "ready";
+      } catch (e) {
+        status.value = "error";
+        errorText.value = e?.message ? String(e.message) : "\u521D\u59CB\u5316\u5931\u8D25";
+        emit("error", e);
+        return;
+      }
+      const root = rootEl.value;
+      if (root) {
+        root.addEventListener("keydown", keydownHandler);
+        root.addEventListener("pointerdown", pointerDownHandler);
+        root.addEventListener("pointermove", pointerMoveHandler);
+        root.addEventListener("pointerup", pointerEndHandler);
+        root.addEventListener("pointercancel", pointerEndHandler);
+      }
+      if (root) {
+        ro = new ResizeObserver((entries) => {
+          const w = entries[0]?.contentRect?.width ?? root.getBoundingClientRect().width;
+          layout.value = w <= MOBILE_MAX_WIDTH ? "mobile" : w >= WIDE_MIN_WIDTH ? "wide" : "default";
+        });
+        ro.observe(root);
+      }
+    });
+    onBeforeUnmount(() => {
+      const root = rootEl.value;
+      if (root) {
+        root.removeEventListener("keydown", keydownHandler);
+        root.removeEventListener("pointerdown", pointerDownHandler);
+        root.removeEventListener("pointermove", pointerMoveHandler);
+        root.removeEventListener("pointerup", pointerEndHandler);
+        root.removeEventListener("pointercancel", pointerEndHandler);
+      }
+      ro?.disconnect();
+      reader.value?.destroy();
+      reader.value = null;
+    });
+    watch(
+      () => props.file,
+      (next) => {
+        if (next) void openFile(next);
+      }
+    );
+    watch(
+      () => darkMode(),
+      (v) => reader.value?.setDarkMode(Boolean(v))
+    );
+    watch(
+      () => fontSize(),
+      (v) => reader.value?.setFontSize(Number(v))
+    );
+    watch(
+      () => layout.value,
+      (v) => {
+        closeDrawers();
+        if (v !== "mobile") {
+          mobilePanel.value = null;
+          mobileBarVisible.value = false;
+        }
+      }
+    );
+    expose({
+      prevPage: () => reader.value?.prevPage(),
+      nextPage: () => reader.value?.nextPage(),
+      prevSection: () => reader.value?.prevSection(),
+      nextSection: () => reader.value?.nextSection(),
+      goTo: (t) => reader.value?.goTo(t),
+      goToFraction: (f) => reader.value?.goToFraction(f),
+      search: (q, o) => reader.value ? reader.value.search(q, o) : Promise.resolve([]),
+      cancelSearch: () => reader.value?.cancelSearch(),
+      clearSearch: () => reader.value?.clearSearch()
+    });
+    return () => {
+      const pct = Math.round((progressInfo.value?.fraction ?? 0) * 100);
+      const displayed = isSeeking.value ? seekPercent.value : pct;
+      const sectionLabel = progressInfo.value?.tocItem?.label ?? "";
+      const isMobile = layout.value === "mobile";
+      const viewer = h("div", { class: "ebook-reader__viewer", ref: viewerHost });
+      const children = isMobile ? [
+        viewer,
+        h(MobileUI_default, {
+          barVisible: mobileBarVisible.value,
+          activePanel: mobilePanel.value,
+          toc: toc.value,
+          status: status.value,
+          errorText: errorText.value,
+          sectionLabel,
+          displayedPercent: displayed,
+          darkMode: darkMode(),
+          fontSize: fontSize(),
+          searchQuery: searchQuery.value,
+          searchOptions: searchOptions.value,
+          searchProgressPercent: searchProgressPercent.value,
+          searching: searching.value,
+          searchResults: searchResults.value,
+          onTogglePanel: toggleMobilePanel,
+          onClosePanel: closeMobileSheet,
+          onTocSelect: (href) => {
+            if (href) reader.value?.goTo(href);
+          },
+          onSearch: (q) => void runSearch(q),
+          "onUpdate:searchQuery": (v) => searchQuery.value = v,
+          "onUpdate:searchOptions": (v) => searchOptions.value = { ...searchOptions.value, ...v },
+          onCancelSearch: () => reader.value?.cancelSearch(),
+          onSearchResultSelect: (cfi) => {
+            if (cfi) reader.value?.goTo(cfi);
+          },
+          onSeekStart: () => isSeeking.value = true,
+          onSeekChange: (v) => seekPercent.value = v,
+          onSeekEnd: (v) => {
+            isSeeking.value = false;
+            reader.value?.goToFraction(v / 100);
+          },
+          onSeekCommit: (v) => {
+            isSeeking.value = false;
+            reader.value?.goToFraction(v / 100);
+          },
+          onToggleDarkMode: setDarkModeInternal,
+          onChangeFontSize: setFontSizeInternal
+        })
+      ] : [
+        viewer,
+        h(DesktopToolbar_default, {
+          darkMode: darkMode(),
+          fontSize: fontSize(),
+          onToggleToc: () => tocOpen.value = true,
+          onToggleSearch: () => searchOpen.value = true,
+          onPrevSection: () => reader.value?.prevSection(),
+          onPrevPage: () => reader.value?.prevPage(),
+          onNextPage: () => reader.value?.nextPage(),
+          onNextSection: () => reader.value?.nextSection(),
+          onToggleDarkMode: () => setDarkModeInternal(!darkMode()),
+          onChangeFontSize: setFontSizeInternal
+        }),
+        tocOpen.value || searchOpen.value ? h("div", { class: "ebook-reader__overlay", onClick: closeDrawers }) : null,
+        h(TocDrawer_default, {
+          isOpen: tocOpen.value,
+          toc: toc.value,
+          onClose: () => tocOpen.value = false,
+          onSelect: (href) => {
+            if (href) reader.value?.goTo(href);
+          }
+        }),
+        h(SearchDrawer_default, {
+          isOpen: searchOpen.value,
+          status: status.value,
+          query: searchQuery.value,
+          options: searchOptions.value,
+          progressPercent: searchProgressPercent.value,
+          searching: searching.value,
+          results: searchResults.value,
+          onClose: () => searchOpen.value = false,
+          onSearch: (q) => void runSearch(q),
+          "onUpdate:query": (v) => searchQuery.value = v,
+          "onUpdate:options": (v) => searchOptions.value = { ...searchOptions.value, ...v },
+          onCancelSearch: () => reader.value?.cancelSearch(),
+          onSelectResult: (cfi) => {
+            if (cfi) reader.value?.goTo(cfi);
+          }
+        }),
+        h(DesktopBottomBar_default, {
+          status: status.value,
+          errorText: errorText.value,
+          sectionLabel,
+          displayedPercent: displayed,
+          onSeekStart: () => isSeeking.value = true,
+          onSeekChange: (v) => seekPercent.value = v,
+          onSeekEnd: (v) => {
+            isSeeking.value = false;
+            reader.value?.goToFraction(v / 100);
+          },
+          onSeekCommit: (v) => {
+            isSeeking.value = false;
+            reader.value?.goToFraction(v / 100);
+          }
+        })
+      ];
+      return h(
+        "div",
+        {
+          ref: rootEl,
+          class: "ebook-reader",
+          "data-theme": darkMode() ? "dark" : "light",
+          "data-layout": layout.value,
+          tabindex: 0
+        },
+        children
+      );
+    };
+  }
+});
+
+export { EBookReaderVue };
+//# sourceMappingURL=vue.js.map
+//# sourceMappingURL=vue.js.map