vue-book-reader 1.2.0 → 1.2.1
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-1350176b] {
|
|
3
3
|
position: absolute;
|
|
4
4
|
inset: 50px 50px 20px;
|
|
5
5
|
}
|
|
6
|
-
.viewHolder[data-v-
|
|
6
|
+
.viewHolder[data-v-1350176b] {
|
|
7
7
|
height: 100%;
|
|
8
8
|
width: 100%;
|
|
9
9
|
position: relative;
|
|
10
10
|
}
|
|
11
|
-
#viewer[data-v-
|
|
11
|
+
#viewer[data-v-1350176b] {
|
|
12
12
|
height: 100%;
|
|
13
13
|
}
|
|
14
14
|
|
|
@@ -1060,10 +1060,10 @@ const _sfc_main$2 = {
|
|
|
1060
1060
|
view.close();
|
|
1061
1061
|
} else {
|
|
1062
1062
|
view = document.createElement("foliate-view");
|
|
1063
|
-
getRendition(view);
|
|
1064
1063
|
viewer.value.append(view);
|
|
1065
1064
|
}
|
|
1066
1065
|
await view.open(url.value);
|
|
1066
|
+
getRendition(view);
|
|
1067
1067
|
initReader();
|
|
1068
1068
|
}
|
|
1069
1069
|
} catch (error) {
|
|
@@ -1137,7 +1137,7 @@ const _sfc_main$2 = {
|
|
|
1137
1137
|
};
|
|
1138
1138
|
}
|
|
1139
1139
|
};
|
|
1140
|
-
const BookView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-
|
|
1140
|
+
const BookView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-1350176b"]]);
|
|
1141
1141
|
const _hoisted_1$1 = ["onClick"];
|
|
1142
1142
|
const _hoisted_2$1 = { key: 0 };
|
|
1143
1143
|
const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
@@ -1058,10 +1058,10 @@ const _sfc_main$2 = {
|
|
|
1058
1058
|
view.close();
|
|
1059
1059
|
} else {
|
|
1060
1060
|
view = document.createElement("foliate-view");
|
|
1061
|
-
getRendition(view);
|
|
1062
1061
|
viewer.value.append(view);
|
|
1063
1062
|
}
|
|
1064
1063
|
await view.open(url.value);
|
|
1064
|
+
getRendition(view);
|
|
1065
1065
|
initReader();
|
|
1066
1066
|
}
|
|
1067
1067
|
} catch (error) {
|
|
@@ -1135,7 +1135,7 @@ const _sfc_main$2 = {
|
|
|
1135
1135
|
};
|
|
1136
1136
|
}
|
|
1137
1137
|
};
|
|
1138
|
-
const BookView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-
|
|
1138
|
+
const BookView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-1350176b"]]);
|
|
1139
1139
|
const _hoisted_1$1 = ["onClick"];
|
|
1140
1140
|
const _hoisted_2$1 = { key: 0 };
|
|
1141
1141
|
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
})(this, function(exports2, vue) {
|
|
4
4
|
"use strict";
|
|
5
5
|
var __vite_style__ = document.createElement("style");
|
|
6
|
-
__vite_style__.textContent = "\n.reader[data-v-
|
|
6
|
+
__vite_style__.textContent = "\n.reader[data-v-1350176b] {\r\n position: absolute;\r\n inset: 50px 50px 20px;\n}\n.viewHolder[data-v-1350176b] {\r\n height: 100%;\r\n width: 100%;\r\n position: relative;\n}\n#viewer[data-v-1350176b] {\r\n height: 100%;\n}\r\n\r\n/* ↓ */\n.tocAreaButton .expansion[data-v-faba9f3e]::before {\r\n transform: rotate(-45deg) translateX(2.5px);\n}\n.tocAreaButton .expansion[data-v-faba9f3e]::after {\r\n transform: rotate(45deg) translateX(-2.5px);\n}\r\n\r\n/* ↑ */\n.tocAreaButton .open[data-v-faba9f3e]::before {\r\n transform: rotate(45deg) translateX(2.5px);\n}\n.tocAreaButton .open[data-v-faba9f3e]::after {\r\n transform: rotate(-45deg) translateX(-2.5px);\n}\n.tocAreaButton[data-v-faba9f3e] {\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-faba9f3e]:hover {\r\n background: rgba(0, 0, 0, 0.05);\n}\n.tocAreaButton[data-v-faba9f3e]:active {\r\n background: rgba(0, 0, 0, 0.1);\n}\n.active[data-v-faba9f3e] {\r\n color: #1565c0;\r\n border-bottom: 2px solid #1565c0;\n}\r\n\r\n/* 二级目录 */\n.tocAreaButton .expansion[data-v-faba9f3e] {\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-faba9f3e]::after,\r\n.tocAreaButton .expansion[data-v-faba9f3e]::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-e3dfdabb] {\r\n overflow: hidden;\r\n position: relative;\r\n height: 100%;\n}\n.containerExpanded[data-v-e3dfdabb] {\r\n transform: translateX(256px);\n}\n.readerArea[data-v-e3dfdabb] {\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-e3dfdabb] {\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-e3dfdabb] {\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-e3dfdabb] {\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-e3dfdabb]::-webkit-scrollbar {\r\n width: 5px;\r\n height: 5px;\n}\n.tocArea[data-v-e3dfdabb]::-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-e3dfdabb] {\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-e3dfdabb] {\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-e3dfdabb] {\r\n background: #f2f2f2;\n}\r\n\r\n/* 翻页 */\n.arrow[data-v-e3dfdabb] {\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-e3dfdabb]:hover {\r\n color: #777;\n}\n.arrow[data-v-e3dfdabb]:disabled {\r\n cursor: not-allowed;\r\n color: #e2e2e2;\n}\n.prev[data-v-e3dfdabb] {\r\n left: 1px;\n}\n.next[data-v-e3dfdabb] {\r\n right: 1px;\n}\r\n\r\n/* loading */\n.loadingView[data-v-e3dfdabb] {\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-e3dfdabb] {\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: -0.5em;\n}\r\n/*$vite$:1*/";
|
|
7
7
|
document.head.appendChild(__vite_style__);
|
|
8
8
|
function keyListener(el, fn) {
|
|
9
9
|
el.addEventListener(
|
|
@@ -1064,10 +1064,10 @@
|
|
|
1064
1064
|
view$1.close();
|
|
1065
1065
|
} else {
|
|
1066
1066
|
view$1 = document.createElement("foliate-view");
|
|
1067
|
-
getRendition(view$1);
|
|
1068
1067
|
viewer.value.append(view$1);
|
|
1069
1068
|
}
|
|
1070
1069
|
await view$1.open(url.value);
|
|
1070
|
+
getRendition(view$1);
|
|
1071
1071
|
initReader();
|
|
1072
1072
|
}
|
|
1073
1073
|
} catch (error) {
|
|
@@ -1141,7 +1141,7 @@
|
|
|
1141
1141
|
};
|
|
1142
1142
|
}
|
|
1143
1143
|
};
|
|
1144
|
-
const BookView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-
|
|
1144
|
+
const BookView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-1350176b"]]);
|
|
1145
1145
|
const _hoisted_1$1 = ["onClick"];
|
|
1146
1146
|
const _hoisted_2$1 = { key: 0 };
|
|
1147
1147
|
const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|