markmap-view-plus 0.0.3 → 0.0.4
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/dist/browser/index.js +2 -2
- package/package.json +3 -3
package/dist/browser/index.js
CHANGED
|
@@ -962,7 +962,7 @@
|
|
|
962
962
|
next: lastLows
|
|
963
963
|
};
|
|
964
964
|
};
|
|
965
|
-
var style_default = ".markmap {\
|
|
965
|
+
var style_default = ".markmap {\n --markmap-max-width: 9999px;\n --markmap-a-color: #0097e6;\n --markmap-a-hover-color: #00a8ff;\n --markmap-code-bg: #f0f0f0;\n --markmap-code-color: #555;\n --markmap-highlight-bg: #ffeaa7;\n --markmap-table-border: 1px solid currentColor;\n --markmap-font: 300 16px/20px sans-serif;\n --markmap-circle-open-bg: #fff;\n --markmap-text-color: #333;\n --markmap-highlight-node-bg: #ff02;\n\n font: var(--markmap-font);\n color: var(--markmap-text-color);\n}\n\n .markmap-link {\n fill: none;\n }\n\n .markmap-node > circle {\n cursor: pointer;\n }\n\n .markmap-node-hovered > foreignObject > div > div {\n padding: 2px 6px;\n border-radius: 14px;\n border: 2px solid #d9d9d9;\n }\n\n .markmap-selected > foreignObject > div > div,\n .markmap-selected.markmap-node-hovered > foreignObject > div > div {\n padding: 2px 6px;\n border-radius: 14px;\n border: 2px solid #b4b4b4;\n }\n\n .markmap-selected > circle {\n opacity: 0 !important;\n pointer-events: none;\n }\n\n .markmap-collapse-on-hover .markmap-node > circle {\n opacity: 0;\n transition: opacity 0.2s;\n }\n\n .markmap-collapse-on-hover .markmap-node:hover > circle {\n opacity: 1;\n }\n\n .markmap-foreign {\n display: inline-block;\n }\n\n .markmap-foreign > div > div {\n padding: 4px 6px;\n }\n\n .markmap-foreign .markmap-edit-wrapper {\n position: relative;\n width: 100%;\n padding: 4px;\n background: white;\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n animation: fadeIn 0.2s ease-in;\n }\n\n .markmap-foreign .markmap-edit-input {\n width: 100%;\n padding: 8px 12px;\n border: 2px solid #4a90e2;\n border-radius: 4px;\n font-size: 14px;\n font-family: inherit;\n outline: none;\n background: #f8f9fa;\n transition: all 0.2s;\n }\n\n .markmap-foreign .markmap-edit-input:focus {\n border-color: #2d7dd2;\n background: white;\n box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);\n }\n\n .markmap-foreign p {\n margin: 0;\n }\n\n .markmap-foreign a {\n color: var(--markmap-a-color);\n }\n\n .markmap-foreign a:hover {\n color: var(--markmap-a-hover-color);\n }\n\n .markmap-foreign code {\n padding: 0.25em;\n font-size: calc(1em - 2px);\n color: var(--markmap-code-color);\n background-color: var(--markmap-code-bg);\n border-radius: 2px;\n }\n\n .markmap-foreign pre {\n margin: 0;\n }\n\n .markmap-foreign pre > code {\n display: block;\n }\n\n .markmap-foreign del {\n text-decoration: line-through;\n }\n\n .markmap-foreign em {\n font-style: italic;\n }\n\n .markmap-foreign strong {\n font-weight: bold;\n }\n\n .markmap-foreign mark {\n background: var(--markmap-highlight-bg);\n }\n\n .markmap-foreign table,\n .markmap-foreign th,\n .markmap-foreign td {\n border-collapse: collapse;\n border: var(--markmap-table-border);\n }\n\n .markmap-foreign img {\n display: inline-block;\n }\n\n .markmap-foreign svg {\n fill: currentColor;\n }\n\n .markmap-foreign > div {\n width: var(--markmap-max-width);\n text-align: left;\n }\n\n .markmap-foreign > div > div {\n display: inline-block;\n max-width: var(--markmap-wrap-width, 30em);\n overflow-wrap: break-word;\n word-break: break-word;\n white-space: normal;\n }\n\n .markmap-highlight rect {\n fill: var(--markmap-highlight-node-bg);\n }\n\n.markmap-dark .markmap {\n --markmap-code-bg: #1a1b26;\n --markmap-code-color: #ddd;\n --markmap-circle-open-bg: #444;\n --markmap-text-color: #eee;\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n";
|
|
966
966
|
var SELECTOR_NODE$1 = "g.markmap-node";
|
|
967
967
|
/**
|
|
968
968
|
* Manages all node add / edit / delete actions and their associated UI overlays.
|
|
@@ -1583,7 +1583,7 @@
|
|
|
1583
1583
|
const { style } = this.options;
|
|
1584
1584
|
const { id } = this.state;
|
|
1585
1585
|
const styleText = typeof style === "function" ? style(id) : "";
|
|
1586
|
-
return [this.options.embedGlobalCSS && ".markmap {\
|
|
1586
|
+
return [this.options.embedGlobalCSS && ".markmap {\n --markmap-max-width: 9999px;\n --markmap-a-color: #0097e6;\n --markmap-a-hover-color: #00a8ff;\n --markmap-code-bg: #f0f0f0;\n --markmap-code-color: #555;\n --markmap-highlight-bg: #ffeaa7;\n --markmap-table-border: 1px solid currentColor;\n --markmap-font: 300 16px/20px sans-serif;\n --markmap-circle-open-bg: #fff;\n --markmap-text-color: #333;\n --markmap-highlight-node-bg: #ff02;\n\n font: var(--markmap-font);\n color: var(--markmap-text-color);\n}\n\n .markmap-link {\n fill: none;\n }\n\n .markmap-node > circle {\n cursor: pointer;\n }\n\n .markmap-node-hovered > foreignObject > div > div {\n padding: 2px 6px;\n border-radius: 14px;\n border: 2px solid #d9d9d9;\n }\n\n .markmap-selected > foreignObject > div > div,\n .markmap-selected.markmap-node-hovered > foreignObject > div > div {\n padding: 2px 6px;\n border-radius: 14px;\n border: 2px solid #b4b4b4;\n }\n\n .markmap-selected > circle {\n opacity: 0 !important;\n pointer-events: none;\n }\n\n .markmap-collapse-on-hover .markmap-node > circle {\n opacity: 0;\n transition: opacity 0.2s;\n }\n\n .markmap-collapse-on-hover .markmap-node:hover > circle {\n opacity: 1;\n }\n\n .markmap-foreign {\n display: inline-block;\n }\n\n .markmap-foreign > div > div {\n padding: 4px 6px;\n }\n\n .markmap-foreign .markmap-edit-wrapper {\n position: relative;\n width: 100%;\n padding: 4px;\n background: white;\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n animation: fadeIn 0.2s ease-in;\n }\n\n .markmap-foreign .markmap-edit-input {\n width: 100%;\n padding: 8px 12px;\n border: 2px solid #4a90e2;\n border-radius: 4px;\n font-size: 14px;\n font-family: inherit;\n outline: none;\n background: #f8f9fa;\n transition: all 0.2s;\n }\n\n .markmap-foreign .markmap-edit-input:focus {\n border-color: #2d7dd2;\n background: white;\n box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);\n }\n\n .markmap-foreign p {\n margin: 0;\n }\n\n .markmap-foreign a {\n color: var(--markmap-a-color);\n }\n\n .markmap-foreign a:hover {\n color: var(--markmap-a-hover-color);\n }\n\n .markmap-foreign code {\n padding: 0.25em;\n font-size: calc(1em - 2px);\n color: var(--markmap-code-color);\n background-color: var(--markmap-code-bg);\n border-radius: 2px;\n }\n\n .markmap-foreign pre {\n margin: 0;\n }\n\n .markmap-foreign pre > code {\n display: block;\n }\n\n .markmap-foreign del {\n text-decoration: line-through;\n }\n\n .markmap-foreign em {\n font-style: italic;\n }\n\n .markmap-foreign strong {\n font-weight: bold;\n }\n\n .markmap-foreign mark {\n background: var(--markmap-highlight-bg);\n }\n\n .markmap-foreign table,\n .markmap-foreign th,\n .markmap-foreign td {\n border-collapse: collapse;\n border: var(--markmap-table-border);\n }\n\n .markmap-foreign img {\n display: inline-block;\n }\n\n .markmap-foreign svg {\n fill: currentColor;\n }\n\n .markmap-foreign > div {\n width: var(--markmap-max-width);\n text-align: left;\n }\n\n .markmap-foreign > div > div {\n display: inline-block;\n max-width: var(--markmap-wrap-width, 30em);\n overflow-wrap: break-word;\n word-break: break-word;\n white-space: normal;\n }\n\n .markmap-highlight rect {\n fill: var(--markmap-highlight-node-bg);\n }\n\n.markmap-dark .markmap {\n --markmap-code-bg: #1a1b26;\n --markmap-code-color: #ddd;\n --markmap-circle-open-bg: #444;\n --markmap-text-color: #eee;\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n", styleText].filter(Boolean).join("\n");
|
|
1587
1587
|
}
|
|
1588
1588
|
updateStyle() {
|
|
1589
1589
|
const baseClass = addClass("", "markmap", this.state.id);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "markmap-view-plus",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.4",
|
|
4
4
|
"description": "View markmaps in browser",
|
|
5
5
|
"author": "Lin Jiman <temman_lin@qq.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
},
|
|
17
17
|
"repository": {
|
|
18
18
|
"type": "git",
|
|
19
|
-
"url": "git+https://github.com/
|
|
19
|
+
"url": "git+https://github.com/Tem-man/markmap-plus.git"
|
|
20
20
|
},
|
|
21
21
|
"scripts": {
|
|
22
22
|
"clean": "del-cli dist tsconfig.tsbuildinfo",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"prepublishOnly": "pnpm build"
|
|
28
28
|
},
|
|
29
29
|
"bugs": {
|
|
30
|
-
"url": "https://github.com/
|
|
30
|
+
"url": "https://github.com/Tem-man/markmap-plus/issues"
|
|
31
31
|
},
|
|
32
32
|
"type": "module",
|
|
33
33
|
"main": "dist/index.js",
|