vue-book-reader 1.1.5 → 1.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.css
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
|
|
2
|
-
.reader[data-v-
|
|
2
|
+
.reader[data-v-45c8d647] {
|
|
3
3
|
position: absolute;
|
|
4
4
|
inset: 50px 50px 20px;
|
|
5
5
|
}
|
|
6
|
-
.viewHolder[data-v-
|
|
6
|
+
.viewHolder[data-v-45c8d647] {
|
|
7
7
|
height: 100%;
|
|
8
8
|
width: 100%;
|
|
9
9
|
position: relative;
|
|
10
10
|
}
|
|
11
|
-
#viewer[data-v-
|
|
11
|
+
#viewer[data-v-45c8d647] {
|
|
12
12
|
height: 100%;
|
|
13
13
|
}
|
|
14
14
|
|
|
@@ -1163,6 +1163,7 @@ const _sfc_main$2 = {
|
|
|
1163
1163
|
const initBook = async () => {
|
|
1164
1164
|
Promise.resolve().then(() => require("./view-BWKNxnVD.cjs")).then((n) => n.view).then(async (res) => {
|
|
1165
1165
|
view = document.createElement("foliate-view");
|
|
1166
|
+
getRendition(view);
|
|
1166
1167
|
viewer.value.append(view);
|
|
1167
1168
|
if (url.value) {
|
|
1168
1169
|
view && view.close();
|
|
@@ -1191,9 +1192,6 @@ const _sfc_main$2 = {
|
|
|
1191
1192
|
})
|
|
1192
1193
|
);
|
|
1193
1194
|
registerEvents();
|
|
1194
|
-
view.addEventListener("load", () => {
|
|
1195
|
-
getRendition(view);
|
|
1196
|
-
});
|
|
1197
1195
|
tocChanged && tocChanged(book.toc);
|
|
1198
1196
|
if (location.value) {
|
|
1199
1197
|
view == null ? void 0 : view.goTo(location.value);
|
|
@@ -1255,7 +1253,7 @@ const _sfc_main$2 = {
|
|
|
1255
1253
|
};
|
|
1256
1254
|
}
|
|
1257
1255
|
};
|
|
1258
|
-
const BookView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-
|
|
1256
|
+
const BookView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-45c8d647"]]);
|
|
1259
1257
|
const _hoisted_1$1 = ["onClick"];
|
|
1260
1258
|
const _hoisted_2$1 = { key: 0 };
|
|
1261
1259
|
const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
@@ -1161,6 +1161,7 @@ const _sfc_main$2 = {
|
|
|
1161
1161
|
const initBook = async () => {
|
|
1162
1162
|
import("./view-DXqPfWdc.js").then((n) => n.v).then(async (res) => {
|
|
1163
1163
|
view = document.createElement("foliate-view");
|
|
1164
|
+
getRendition(view);
|
|
1164
1165
|
viewer.value.append(view);
|
|
1165
1166
|
if (url.value) {
|
|
1166
1167
|
view && view.close();
|
|
@@ -1189,9 +1190,6 @@ const _sfc_main$2 = {
|
|
|
1189
1190
|
})
|
|
1190
1191
|
);
|
|
1191
1192
|
registerEvents();
|
|
1192
|
-
view.addEventListener("load", () => {
|
|
1193
|
-
getRendition(view);
|
|
1194
|
-
});
|
|
1195
1193
|
tocChanged && tocChanged(book.toc);
|
|
1196
1194
|
if (location.value) {
|
|
1197
1195
|
view == null ? void 0 : view.goTo(location.value);
|
|
@@ -1253,7 +1251,7 @@ const _sfc_main$2 = {
|
|
|
1253
1251
|
};
|
|
1254
1252
|
}
|
|
1255
1253
|
};
|
|
1256
|
-
const BookView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-
|
|
1254
|
+
const BookView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-45c8d647"]]);
|
|
1257
1255
|
const _hoisted_1$1 = ["onClick"];
|
|
1258
1256
|
const _hoisted_2$1 = { key: 0 };
|
|
1259
1257
|
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
@@ -34,7 +34,7 @@ var __privateMethod = (obj, member, method) => {
|
|
|
34
34
|
|
|
35
35
|
var _a, _fakeWorkerId, _isWorkerDisabled, _workerPorts, _resolve, resolve_fn, _mainThreadWorkerMessageHandler, mainThreadWorkerMessageHandler_get;
|
|
36
36
|
var __vite_style__ = document.createElement("style");
|
|
37
|
-
__vite_style__.textContent = "\n.reader[data-v-
|
|
37
|
+
__vite_style__.textContent = "\n.reader[data-v-45c8d647] {\r\n position: absolute;\r\n inset: 50px 50px 20px;\n}\n.viewHolder[data-v-45c8d647] {\r\n height: 100%;\r\n width: 100%;\r\n position: relative;\n}\n#viewer[data-v-45c8d647] {\r\n height: 100%;\n}\r\n\r\n/* ↓ */\n.tocAreaButton .expansion[data-v-300395c2]::before {\r\n transform: rotate(-45deg) translateX(2.5px);\n}\n.tocAreaButton .expansion[data-v-300395c2]::after {\r\n transform: rotate(45deg) translateX(-2.5px);\n}\r\n\r\n/* ↑ */\n.tocAreaButton .open[data-v-300395c2]::before {\r\n transform: rotate(45deg) translateX(2.5px);\n}\n.tocAreaButton .open[data-v-300395c2]::after {\r\n transform: rotate(-45deg) translateX(-2.5px);\n}\n.tocAreaButton[data-v-300395c2] {\r\n user-select: none;\r\n appearance: none;\r\n background: none;\r\n border: none;\r\n display: block;\r\n font-family: sans-serif;\r\n width: 100%;\r\n font-size: 0.9em;\r\n text-align: left;\r\n padding: 0.9em 1em;\r\n border-bottom: 1px solid #ddd;\r\n color: #aaa;\r\n box-sizing: border-box;\r\n outline: none;\r\n cursor: pointer;\r\n position: relative;\n}\n.tocAreaButton[data-v-300395c2]:hover {\r\n background: rgba(0, 0, 0, 0.05);\n}\n.tocAreaButton[data-v-300395c2]:active {\r\n background: rgba(0, 0, 0, 0.1);\n}\n.active[data-v-300395c2] {\r\n color: #1565c0;\r\n border-bottom: 2px solid #1565c0;\n}\r\n\r\n/* 二级目录 */\n.tocAreaButton .expansion[data-v-300395c2] {\r\n cursor: pointer;\r\n transform: translateY(-50%);\r\n top: 50%;\r\n right: 12px;\r\n position: absolute;\r\n width: 10px;\r\n background-color: #a2a5b4;\r\n transition:\r\n transform 0.3s ease-in-out,\r\n top 0.3s ease-in-out;\n}\n.tocAreaButton .expansion[data-v-300395c2]::after,\r\n.tocAreaButton .expansion[data-v-300395c2]::before {\r\n content: '';\r\n position: absolute;\r\n width: 6px;\r\n height: 2px;\r\n background-color: currentcolor;\r\n border-radius: 2px;\r\n transition:\r\n transform 0.3s ease-in-out,\r\n top 0.3s ease-in-out;\n}\r\n\r\n/* container */\n.container[data-v-a2442a4b] {\r\n overflow: hidden;\r\n position: relative;\r\n height: 100%;\n}\n.containerExpanded[data-v-a2442a4b] {\r\n transform: translateX(256px);\n}\n.readerArea[data-v-a2442a4b] {\r\n position: relative;\r\n z-index: 1;\r\n height: 100%;\r\n width: 100%;\r\n background-color: #fff;\r\n transition: all 0.3s ease;\n}\n.container .titleArea[data-v-a2442a4b] {\r\n position: absolute;\r\n top: 20px;\r\n left: 50px;\r\n right: 50px;\r\n text-align: center;\r\n color: #999;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\n}\r\n\r\n/* toc */\n.tocBackground[data-v-a2442a4b] {\r\n position: absolute;\r\n left: 256px;\r\n top: 0;\r\n bottom: 0;\r\n right: 0;\r\n z-index: 1;\n}\n.tocArea[data-v-a2442a4b] {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n bottom: 0;\r\n z-index: 0;\r\n width: 256px;\r\n overflow-y: auto;\r\n -webkit-overflow-scrolling: touch;\r\n background: #f2f2f2;\r\n padding: 10px 0;\n}\r\n\r\n/* 滚动条 */\n.tocArea[data-v-a2442a4b]::-webkit-scrollbar {\r\n width: 5px;\r\n height: 5px;\n}\n.tocArea[data-v-a2442a4b]::-webkit-scrollbar-thumb:vertical {\r\n height: 5px;\r\n background-color: rgba(0, 0, 0, 0.1);\r\n border-radius: 0.5rem;\n}\r\n\r\n/* tocButton */\n.tocButton[data-v-a2442a4b] {\r\n background: none;\r\n border: none;\r\n width: 32px;\r\n height: 32px;\r\n position: absolute;\r\n top: 10px;\r\n left: 10px;\r\n border-radius: 2px;\r\n outline: none;\r\n cursor: pointer;\n}\n.tocButtonBar[data-v-a2442a4b] {\r\n position: absolute;\r\n width: 60%;\r\n background: #ccc;\r\n height: 2px;\r\n left: 50%;\r\n margin: -1px -30%;\r\n top: 50%;\r\n transition: all 0.5s ease;\n}\n.tocButtonExpanded[data-v-a2442a4b] {\r\n background: #f2f2f2;\n}\r\n\r\n/* 翻页 */\n.arrow[data-v-a2442a4b] {\r\n outline: none;\r\n border: none;\r\n background: none;\r\n position: absolute;\r\n top: 50%;\r\n margin-top: -32px;\r\n font-size: 64px;\r\n padding: 0 10px;\r\n color: #e2e2e2;\r\n font-family: arial, sans-serif;\r\n cursor: pointer;\r\n user-select: none;\r\n appearance: none;\r\n font-weight: normal;\n}\n.arrow[data-v-a2442a4b]:hover {\r\n color: #777;\n}\n.arrow[data-v-a2442a4b]:disabled {\r\n cursor: not-allowed;\r\n color: #e2e2e2;\n}\n.prev[data-v-a2442a4b] {\r\n left: 1px;\n}\n.next[data-v-a2442a4b] {\r\n right: 1px;\n}\r\n\r\n/* loading */\n.loadingView[data-v-a2442a4b] {\r\n position: absolute;\r\n top: 50%;\r\n left: 10%;\r\n right: 10%;\r\n color: #ccc;\r\n text-align: center;\r\n margin-top: -0.5em;\n}\r\n\r\n/* errorView */\n.errorView[data-v-a2442a4b] {\r\n position: absolute;\r\n top: 50%;\r\n left: 10%;\r\n right: 10%;\r\n color: #c00;\r\n text-align: center;\r\n margin-top: -.5em;\n}\r\n";
|
|
38
38
|
document.head.appendChild(__vite_style__);
|
|
39
39
|
var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
|
|
40
40
|
var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
|
|
@@ -1199,6 +1199,7 @@ var __privateMethod = (obj, member, method) => {
|
|
|
1199
1199
|
const initBook = async () => {
|
|
1200
1200
|
Promise.resolve().then(() => view).then(async (res) => {
|
|
1201
1201
|
view$1 = document.createElement("foliate-view");
|
|
1202
|
+
getRendition(view$1);
|
|
1202
1203
|
viewer.value.append(view$1);
|
|
1203
1204
|
if (url.value) {
|
|
1204
1205
|
view$1 && view$1.close();
|
|
@@ -1227,9 +1228,6 @@ var __privateMethod = (obj, member, method) => {
|
|
|
1227
1228
|
})
|
|
1228
1229
|
);
|
|
1229
1230
|
registerEvents();
|
|
1230
|
-
view$1.addEventListener("load", () => {
|
|
1231
|
-
getRendition(view$1);
|
|
1232
|
-
});
|
|
1233
1231
|
tocChanged && tocChanged(book.toc);
|
|
1234
1232
|
if (location2.value) {
|
|
1235
1233
|
view$1 == null ? void 0 : view$1.goTo(location2.value);
|
|
@@ -1291,7 +1289,7 @@ var __privateMethod = (obj, member, method) => {
|
|
|
1291
1289
|
};
|
|
1292
1290
|
}
|
|
1293
1291
|
};
|
|
1294
|
-
const BookView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-
|
|
1292
|
+
const BookView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-45c8d647"]]);
|
|
1295
1293
|
const _hoisted_1$1 = ["onClick"];
|
|
1296
1294
|
const _hoisted_2$1 = { key: 0 };
|
|
1297
1295
|
const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vue-book-reader",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.6",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "lib/vue-book-reader.umd.js",
|
|
6
6
|
"module": "lib/vue-book-reader.es.js",
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
"keywords": [
|
|
11
11
|
"vue3",
|
|
12
12
|
"reader",
|
|
13
|
+
"ebooks",
|
|
13
14
|
"epub",
|
|
14
15
|
"MOBI",
|
|
15
16
|
"KF8",
|