@nywqs/vue-markdown-editor 0.1.2 → 2.0.0

package/README.md

@@ -192,8 +192,6 @@ const handlePreviewScroll = (percentage) => {
 </template>
 ```
 
-> **注意**：`MarkdownPreviewPanel` 同时支持 `content` 和 `modelValue` 属性，推荐使用 `content`。
-
 ---
 
 ## 🔌 插件系统

package/dist-lib/vue-markdown-editor.css

@@ -1,2 +1,19 @@
-.canvas-toolbar[data-v-46e06aed]{background:#f5f5f5;border-bottom:1px solid #ddd;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 12px;display:flex}.toolbar-btn[data-v-46e06aed]{cursor:pointer;color:#666;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-size:16px;transition:all .2s;display:flex}.toolbar-btn .icon[data-v-46e06aed]{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.toolbar-btn[data-v-46e06aed]:hover{color:#333;background:#e9e9e9;border-color:#999;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.toolbar-btn[data-v-46e06aed]:active{box-shadow:none;transform:translateY(0)}.toolbar-btn.divider[data-v-46e06aed]{cursor:default;background:#ddd;border:none;width:1px;min-width:1px;height:20px;margin:0 4px;padding:0}.toolbar-btn.divider[data-v-46e06aed]:hover{box-shadow:none;background:#ddd;transform:none}.search-panel[data-v-46382544]{z-index:1000;background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:420px;padding:16px;position:absolute;top:8px;right:8px;box-shadow:0 4px 16px #0000001f}.search-row[data-v-46382544],.replace-row[data-v-46382544]{align-items:center;gap:8px;margin-bottom:10px;display:flex}.search-input[data-v-46382544]{border:1px solid #d0d0d0;border-radius:6px;outline:none;flex:1;padding:8px 12px;font-size:13px;transition:all .2s}.search-input[data-v-46382544]:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.search-count[data-v-46382544]{color:#666;text-align:center;background:#f5f5f5;border-radius:4px;min-width:45px;padding:4px 8px;font-size:12px;font-weight:500}.search-btn[data-v-46382544],.action-btn[data-v-46382544]{cursor:pointer;color:#555;background:#fff;border:1px solid #d0d0d0;border-radius:6px;padding:8px 12px;font-size:13px;transition:all .2s}.search-btn[data-v-46382544]:hover,.action-btn[data-v-46382544]:hover{color:#4a90e2;background:#f8f8f8;border-color:#4a90e2}.search-btn[data-v-46382544]:active,.action-btn[data-v-46382544]:active{background:#e8e8e8}.close-btn[data-v-46382544]{color:#999;font-weight:700}.close-btn[data-v-46382544]:hover{color:#f44;background:#fff5f5;border-color:#f44}.action-btn[data-v-46382544]{color:#fff;background:#4a90e2;border-color:#4a90e2;padding:8px 16px;font-weight:500}.action-btn[data-v-46382544]:hover{color:#fff;background:#357abd;border-color:#357abd}.search-options[data-v-46382544]{border-top:1px solid #f0f0f0;gap:20px;padding-top:12px;display:flex}.search-options label[data-v-46382544]{color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;transition:color .2s;display:flex}.search-options label[data-v-46382544]:hover{color:#4a90e2}.search-options input[type=checkbox][data-v-46382544]{cursor:pointer;width:14px;height:14px}.canvas-editor-container[data-v-ddb360e3]{flex-direction:column;width:100%;height:100%;display:flex}.canvas-editor[data-v-ddb360e3]{flex:1;width:100%;position:relative;overflow:hidden}canvas[data-v-ddb360e3]{cursor:text;z-index:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always;text-rendering:optimizeLegibility;display:block;position:absolute;top:0;left:0}.preview-panel[data-v-cef068b8]{background:#fff;width:100%;height:100%;transition:background-color .3s;overflow:hidden auto}.preview-panel[data-v-cef068b8]::-webkit-scrollbar{width:8px}.preview-panel[data-v-cef068b8]::-webkit-scrollbar-track{background:#f1f1f1}.preview-panel[data-v-cef068b8]::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.preview-panel[data-v-cef068b8]::-webkit-scrollbar-thumb:hover{background:#555}.preview-content[data-v-cef068b8]{color:#333;max-width:900px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6}.preview-panel[data-theme=dark][data-v-cef068b8]{background:#1e1e1e}.preview-panel[data-theme=dark] .preview-content[data-v-cef068b8]{color:#ccc}.preview-content[data-v-cef068b8] h1,.preview-content[data-v-cef068b8] h2,.preview-content[data-v-cef068b8] h3,.preview-content[data-v-cef068b8] h4,.preview-content[data-v-cef068b8] h5,.preview-content[data-v-cef068b8] h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.preview-content[data-v-cef068b8] h1{border-bottom:1px solid #eaecef;padding-bottom:.3em;font-size:2em}.preview-content[data-v-cef068b8] h2{border-bottom:1px solid #eaecef;padding-bottom:.3em;font-size:1.5em}.preview-content[data-v-cef068b8] h3{font-size:1.25em}.preview-content[data-v-cef068b8] h4{font-size:1em}.preview-content[data-v-cef068b8] h5{font-size:.875em}.preview-content[data-v-cef068b8] h6{color:#6a737d;font-size:.85em}.preview-content[data-v-cef068b8] p{margin-top:0;margin-bottom:16px}.preview-content[data-v-cef068b8] a{color:#0366d6;text-decoration:none}.preview-content[data-v-cef068b8] a:hover{text-decoration:underline}.preview-content[data-v-cef068b8] strong{font-weight:600}.preview-content[data-v-cef068b8] em{font-style:italic}.preview-content[data-v-cef068b8] code{background-color:#1b1f230d;border-radius:3px;margin:0;padding:.2em .4em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:85%}.preview-content[data-v-cef068b8] pre{background-color:#f6f8fa;border-radius:6px;margin-bottom:16px;padding:16px;font-size:85%;line-height:1.45;overflow:auto}.preview-content[data-v-cef068b8] pre code{line-height:inherit;word-wrap:normal;background-color:#0000;border:0;margin:0;padding:0;display:inline;overflow:visible}.preview-content[data-v-cef068b8] blockquote{color:#6a737d;border-left:.25em solid #dfe2e5;margin:0 0 16px;padding:0 1em}.preview-content[data-v-cef068b8] ul,.preview-content[data-v-cef068b8] ol{margin-top:0;margin-bottom:16px;padding-left:2em}.preview-content[data-v-cef068b8] li{margin-bottom:.25em}.preview-content[data-v-cef068b8] li>p{margin-bottom:0}.preview-content[data-v-cef068b8] img{box-sizing:content-box;background-color:#fff;max-width:100%}.preview-content[data-v-cef068b8] hr{background-color:#e1e4e8;border:0;height:.25em;margin:24px 0;padding:0}.preview-content[data-v-cef068b8] table{border-spacing:0;border-collapse:collapse;width:100%;margin-bottom:16px;display:block;overflow:auto}.preview-content[data-v-cef068b8] table th{background-color:#f6f8fa;border:1px solid #dfe2e5;padding:6px 13px;font-weight:600}.preview-content[data-v-cef068b8] table td{border:1px solid #dfe2e5;padding:6px 13px}.preview-content[data-v-cef068b8] table tr{background-color:#fff;border-top:1px solid #c6cbd1}.preview-content[data-v-cef068b8] table tr:nth-child(2n){background-color:#f6f8fa}.preview-content[data-v-cef068b8] input[type=checkbox]{margin-right:.5em}.preview-panel[data-theme=dark] .preview-content[data-v-cef068b8] code{background-color:#6e768166}.preview-panel[data-theme=dark] .preview-content[data-v-cef068b8] pre{background-color:#2d2d2d}.preview-panel[data-theme=dark] .preview-content[data-v-cef068b8] table th{background-color:#2d2d2d;border-color:#444}.preview-panel[data-theme=dark] .preview-content[data-v-cef068b8] table td{border-color:#444}.preview-panel[data-theme=dark] .preview-content[data-v-cef068b8] table tr{background-color:#1e1e1e;border-color:#444}.preview-panel[data-theme=dark] .preview-content[data-v-cef068b8] table tr:nth-child(2n){background-color:#252525}.preview-panel[data-theme=dark] .preview-content[data-v-cef068b8] blockquote{color:#8b949e;border-left-color:#3b3b3b}.preview-panel[data-theme=dark] .preview-content[data-v-cef068b8] hr{background-color:#3b3b3b}.preview-panel[data-theme=dark] .preview-content[data-v-cef068b8] h1,.preview-panel[data-theme=dark] .preview-content[data-v-cef068b8] h2{border-bottom-color:#3b3b3b}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.editor-config[data-v-2ff40722]{z-index:1000;background:#fff;border-radius:8px;width:600px;max-height:80vh;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 4px 24px #0003}.config-header[data-v-2ff40722]{background:#f9f9f9;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.config-header h3[data-v-2ff40722]{margin:0;font-size:18px;font-weight:600}.close-btn[data-v-2ff40722]{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:all .2s;display:flex}.close-btn[data-v-2ff40722]:hover{color:#333;background:#e5e5e5}.config-body[data-v-2ff40722]{max-height:calc(80vh - 140px);padding:20px;overflow-y:auto}.config-section[data-v-2ff40722]{margin-bottom:24px}.config-section h4[data-v-2ff40722]{color:#333;margin:0 0 12px;font-size:16px;font-weight:600}.hint[data-v-2ff40722]{color:#999;margin:0 0 12px;font-size:13px}.config-item[data-v-2ff40722]{align-items:center;gap:12px;margin-bottom:12px;display:flex}.config-item label[data-v-2ff40722]{color:#666;min-width:80px;font-size:14px}.config-item select[data-v-2ff40722],.config-item input[type=number][data-v-2ff40722]{border:1px solid #ddd;border-radius:4px;flex:1;padding:6px 10px;font-size:14px}.config-item input[type=checkbox][data-v-2ff40722]{cursor:pointer;margin:0}.unit[data-v-2ff40722]{color:#999;font-size:12px}.color-grid[data-v-2ff40722]{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.color-item[data-v-2ff40722]{background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;align-items:center;gap:8px;padding:8px;display:flex}.color-item label[data-v-2ff40722]{color:#666;flex:1;font-size:13px}.color-item input[type=color][data-v-2ff40722]{cursor:pointer;border:none;border-radius:4px;width:36px;height:36px}.color-value[data-v-2ff40722]{color:#999;font-family:monospace;font-size:12px}.config-footer[data-v-2ff40722]{background:#f9f9f9;border-top:1px solid #e5e5e5;justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.btn[data-v-2ff40722]{cursor:pointer;border:1px solid #ddd;border-radius:4px;padding:8px 16px;font-size:14px;transition:all .2s}.btn-secondary[data-v-2ff40722]{color:#666;background:#fff}.btn-secondary[data-v-2ff40722]:hover{background:#f5f5f5}.btn-primary[data-v-2ff40722]{color:#fff;background:#4a90e2;border-color:#4a90e2}.btn-primary[data-v-2ff40722]:hover{background:#357abd}
-/*$vite$:1*/
+.canvas-toolbar[data-v-00f9230a]{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#f5f5f5;border-bottom:1px solid #ddd;flex-wrap:wrap}.toolbar-btn[data-v-00f9230a]{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:16px;color:#666;transition:all .2s;white-space:nowrap}.toolbar-btn .icon[data-v-00f9230a]{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.toolbar-btn .icon-text[data-v-00f9230a]{font-size:12px;font-weight:700}.toolbar-btn[data-v-00f9230a]:hover{background:#e9e9e9;border-color:#999;color:#333;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.toolbar-btn[data-v-00f9230a]:active{transform:translateY(0);box-shadow:none}.toolbar-btn.divider[data-v-00f9230a]{width:1px;min-width:1px;height:20px;padding:0;margin:0 4px;background:#ddd;border:none;cursor:default}.toolbar-btn.divider[data-v-00f9230a]:hover{background:#ddd;transform:none;box-shadow:none}.search-panel[data-v-fb8eb5e2]{position:absolute;top:8px;right:8px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px #0000001f;padding:16px;z-index:1000;min-width:420px}.search-row[data-v-fb8eb5e2],.replace-row[data-v-fb8eb5e2]{display:flex;gap:8px;align-items:center;margin-bottom:10px}.search-input[data-v-fb8eb5e2]{flex:1;padding:8px 12px;border:1px solid #d0d0d0;border-radius:6px;font-size:13px;outline:none;transition:all .2s}.search-input[data-v-fb8eb5e2]:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.search-count[data-v-fb8eb5e2]{font-size:12px;color:#666;background:#f5f5f5;padding:4px 8px;border-radius:4px;min-width:45px;text-align:center;font-weight:500}.search-btn[data-v-fb8eb5e2],.action-btn[data-v-fb8eb5e2]{padding:8px 12px;border:1px solid #d0d0d0;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s;color:#555}.search-btn[data-v-fb8eb5e2]:hover,.action-btn[data-v-fb8eb5e2]:hover{background:#f8f8f8;border-color:#4a90e2;color:#4a90e2}.search-btn[data-v-fb8eb5e2]:active,.action-btn[data-v-fb8eb5e2]:active{background:#e8e8e8}.close-btn[data-v-fb8eb5e2]{font-weight:700;color:#999}.close-btn[data-v-fb8eb5e2]:hover{color:#f44;border-color:#f44;background:#fff5f5}.action-btn[data-v-fb8eb5e2]{padding:8px 16px;background:#4a90e2;color:#fff;border-color:#4a90e2;font-weight:500}.action-btn[data-v-fb8eb5e2]:hover{background:#357abd;border-color:#357abd;color:#fff}.search-options[data-v-fb8eb5e2]{display:flex;gap:20px;padding-top:12px;border-top:1px solid #f0f0f0}.search-options label[data-v-fb8eb5e2]{display:flex;align-items:center;gap:6px;font-size:12px;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.search-options label[data-v-fb8eb5e2]:hover{color:#4a90e2}.search-options input[type=checkbox][data-v-fb8eb5e2]{cursor:pointer;width:14px;height:14px}.canvas-editor-container[data-v-1f42f28b]{width:100%;height:100%;display:flex;flex-direction:column}.canvas-editor[data-v-1f42f28b]{flex:1;width:100%;overflow:hidden;position:relative}canvas[data-v-1f42f28b]{display:block;cursor:text;position:absolute;left:0;top:0;z-index:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always;text-rendering:optimizeLegibility}.preview-panel[data-v-b66d6e11]{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background:#fff;transition:background-color .3s}.preview-panel[data-v-b66d6e11]::-webkit-scrollbar{width:8px}.preview-panel[data-v-b66d6e11]::-webkit-scrollbar-track{background:#f1f1f1}.preview-panel[data-v-b66d6e11]::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.preview-panel[data-v-b66d6e11]::-webkit-scrollbar-thumb:hover{background:#555}.preview-content[data-v-b66d6e11]{padding:20px;max-width:900px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6;color:#333}.preview-panel[data-theme=dark][data-v-b66d6e11]{background:#1e1e1e}.preview-panel[data-theme=dark] .preview-content[data-v-b66d6e11]{color:#ccc}.preview-content[data-v-b66d6e11] h1,.preview-content[data-v-b66d6e11] h2,.preview-content[data-v-b66d6e11] h3,.preview-content[data-v-b66d6e11] h4,.preview-content[data-v-b66d6e11] h5,.preview-content[data-v-b66d6e11] h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.preview-content[data-v-b66d6e11] h1{font-size:2em;border-bottom:1px solid #eaecef;padding-bottom:.3em}.preview-content[data-v-b66d6e11] h2{font-size:1.5em;border-bottom:1px solid #eaecef;padding-bottom:.3em}.preview-content[data-v-b66d6e11] h3{font-size:1.25em}.preview-content[data-v-b66d6e11] h4{font-size:1em}.preview-content[data-v-b66d6e11] h5{font-size:.875em}.preview-content[data-v-b66d6e11] h6{font-size:.85em;color:#6a737d}.preview-content[data-v-b66d6e11] p{margin-top:0;margin-bottom:16px}.preview-content[data-v-b66d6e11] a{color:#0366d6;text-decoration:none}.preview-content[data-v-b66d6e11] a:hover{text-decoration:underline}.preview-content[data-v-b66d6e11] strong{font-weight:600}.preview-content[data-v-b66d6e11] em{font-style:italic}.preview-content[data-v-b66d6e11] code{padding:.2em .4em;margin:0;font-size:85%;background-color:#1b1f230d;border-radius:3px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.preview-content[data-v-b66d6e11] pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f6f8fa;border-radius:6px;margin-bottom:16px}.preview-content[data-v-b66d6e11] pre code{display:inline;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.preview-content[data-v-b66d6e11] blockquote{padding:0 1em;color:#6a737d;border-left:.25em solid #dfe2e5;margin:0 0 16px}.preview-content[data-v-b66d6e11] ul,.preview-content[data-v-b66d6e11] ol{padding-left:2em;margin-top:0;margin-bottom:16px}.preview-content[data-v-b66d6e11] li{margin-bottom:.25em}.preview-content[data-v-b66d6e11] li>p{margin-bottom:0}.preview-content[data-v-b66d6e11] img{max-width:100%;box-sizing:content-box;background-color:#fff}.preview-content[data-v-b66d6e11] hr{height:.25em;padding:0;margin:24px 0;background-color:#e1e4e8;border:0}.preview-content[data-v-b66d6e11] table{border-spacing:0;border-collapse:collapse;display:block;width:100%;overflow:auto;margin-bottom:16px}.preview-content[data-v-b66d6e11] table th{font-weight:600;padding:6px 13px;border:1px solid #dfe2e5;background-color:#f6f8fa}.preview-content[data-v-b66d6e11] table td{padding:6px 13px;border:1px solid #dfe2e5}.preview-content[data-v-b66d6e11] table tr{background-color:#fff;border-top:1px solid #c6cbd1}.preview-content[data-v-b66d6e11] table tr:nth-child(2n){background-color:#f6f8fa}.preview-content[data-v-b66d6e11] input[type=checkbox]{margin-right:.5em}.preview-panel[data-theme=dark] .preview-content[data-v-b66d6e11] code{background-color:#6e768166}.preview-panel[data-theme=dark] .preview-content[data-v-b66d6e11] pre{background-color:#2d2d2d}.preview-panel[data-theme=dark] .preview-content[data-v-b66d6e11] table th{background-color:#2d2d2d;border-color:#444}.preview-panel[data-theme=dark] .preview-content[data-v-b66d6e11] table td{border-color:#444}.preview-panel[data-theme=dark] .preview-content[data-v-b66d6e11] table tr{background-color:#1e1e1e;border-color:#444}.preview-panel[data-theme=dark] .preview-content[data-v-b66d6e11] table tr:nth-child(2n){background-color:#252525}.preview-panel[data-theme=dark] .preview-content[data-v-b66d6e11] blockquote{color:#8b949e;border-left-color:#3b3b3b}.preview-panel[data-theme=dark] .preview-content[data-v-b66d6e11] hr{background-color:#3b3b3b}.preview-panel[data-theme=dark] .preview-content[data-v-b66d6e11] h1,.preview-panel[data-theme=dark] .preview-content[data-v-b66d6e11] h2{border-bottom-color:#3b3b3b}.editor-config[data-v-c86daa5e]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;max-height:80vh;background:#fff;border-radius:8px;box-shadow:0 4px 24px #0003;overflow:hidden;z-index:1000}.config-header[data-v-c86daa5e]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e5e5;background:#f9f9f9}.config-header h3[data-v-c86daa5e]{margin:0;font-size:18px;font-weight:600}.close-btn[data-v-c86daa5e]{width:32px;height:32px;border:none;background:transparent;font-size:24px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn[data-v-c86daa5e]:hover{background:#e5e5e5;color:#333}.config-body[data-v-c86daa5e]{padding:20px;max-height:calc(80vh - 140px);overflow-y:auto}.config-section[data-v-c86daa5e]{margin-bottom:24px}.config-section h4[data-v-c86daa5e]{margin:0 0 12px;font-size:16px;font-weight:600;color:#333}.hint[data-v-c86daa5e]{margin:0 0 12px;font-size:13px;color:#999}.config-item[data-v-c86daa5e]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.config-item label[data-v-c86daa5e]{min-width:80px;font-size:14px;color:#666}.config-item select[data-v-c86daa5e],.config-item input[type=number][data-v-c86daa5e]{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;flex:1}.config-item input[type=checkbox][data-v-c86daa5e]{margin:0;cursor:pointer}.unit[data-v-c86daa5e]{font-size:12px;color:#999}.color-grid[data-v-c86daa5e]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.color-item[data-v-c86daa5e]{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #e5e5e5;border-radius:4px;background:#fafafa}.color-item label[data-v-c86daa5e]{flex:1;font-size:13px;color:#666}.color-item input[type=color][data-v-c86daa5e]{width:36px;height:36px;border:none;border-radius:4px;cursor:pointer}.color-value[data-v-c86daa5e]{font-size:12px;color:#999;font-family:monospace}.config-footer[data-v-c86daa5e]{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e5e5e5;background:#f9f9f9}.btn[data-v-c86daa5e]{padding:8px 16px;border:1px solid #ddd;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s}.btn-secondary[data-v-c86daa5e]{background:#fff;color:#666}.btn-secondary[data-v-c86daa5e]:hover{background:#f5f5f5}.btn-primary[data-v-c86daa5e]{background:#4a90e2;color:#fff;border-color:#4a90e2}.btn-primary[data-v-c86daa5e]:hover{background:#357abd}/*!
+  Theme: GitHub Dark
+  Description: Dark theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Outdated base version: https://github.com/primer/github-syntax-dark
+  Current colors taken from GitHub's CSS
+*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: GitHub
+  Description: Light theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Outdated base version: https://github.com/primer/github-syntax-light
+  Current colors taken from GitHub's CSS
+*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}