md/css/app.5c6583c2.css.map
2021-11-30 15:52:50 +00:00

1 line
35 KiB
Plaintext

{"version":3,"sources":["webpack:///src/App.vue","webpack:///src/assets/less/style-mirror.css","webpack:///src/assets/less/github-v2.min.css","webpack:///src/assets/less/theme.less","webpack:///src/assets/less/codeTheme/wechat-code-block.less","webpack:///src/assets/less/codeTheme/github-code-block.less","webpack:///src/components/Loading.vue","webpack:///src/components/CodemirrorEditor/resetDialog.vue","webpack:///src/components/CodemirrorEditor/header.vue","webpack:///src/components/CodemirrorEditor/aboutDialog.vue","webpack:///src/components/CodemirrorEditor/insertForm.vue","webpack:///src/components/CodemirrorEditor/rightClickMenu.vue","webpack:///src/components/CodemirrorEditor/uploadImgDialog.vue","webpack:///src/pages/index/view/CodemirrorEditor.vue","webpack:///src/assets/less/app.less","webpack:///src/pages/index/src/pages/index/index.vue"],"names":[],"mappings":"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","file":"app.5c6583c2.css","sourcesContent":["/* 每个页面公共css */\n@import url(\"./assets/less/style-mirror.css\");\n@import url(\"./assets/less/github-v2.min.css\");\n.container_night {\n background-color: #333333;\n}\n.container_night .el-main {\n background-color: #333333;\n}\n.container_night .CodeMirror {\n caret-color: gray;\n color: gray;\n background-color: #1e1e1e;\n box-shadow: inset 0 0 0 1px rgba(100, 37, 37, 0.102);\n}\n.container_night .output_night .preview {\n background-color: #1e1e1e;\n box-shadow: 0 0 70px rgba(0, 0, 0, 0.3);\n}\n.container_night .output_night .preview-wrapper {\n background-color: #1e1e1e;\n box-shadow: inset 0 0 0 1px rgba(233, 231, 231, 0.102);\n}\n.container_night .output_night .code-snippet__fix {\n background-color: #eeeeee;\n}\n.container_night .cm-s-style-mirror .CodeMirror-matchingbracket {\n color: #f0f0f0 !important;\n background: #1e1e1e !important;\n}\n.container_night .cm-s-xq-light span.cm-variable-2,\n.container_night .cm-s-style-mirror span.cm-tag {\n color: gray;\n}\n.container_night .cm-s-xq-light .CodeMirror-activeline-background {\n background-color: transparent;\n}\n.container_night .cm-s-xq-light span.cm-string {\n color: #8e9eb9;\n}\n.container_night .cm-s-xq-light span.cm-link {\n color: #84868b;\n}\n.container_night .editor__header {\n background-color: #3c3c3c;\n}\n.container_night .el-button {\n color: #f0f0f0;\n background-color: #1e1e1e;\n border: 1px solid transparent;\n}\n.container_night .el-button.is-plain:focus,\n.container_night .el-button.is-plain:hover {\n background: #1e1e1e;\n color: #f0f0f0;\n border: 1px solid #f0f0f0;\n}\n.container_night .el-button.is-plain:focus i,\n.container_night .el-button.is-plain:hover i {\n color: #f0f0f0;\n}\n.container_night .insert__dialog .el-dialog,\n.container_night .about__dialog .el-dialog,\n.container_night .reset__dialog .el-dialog,\n.container_night .upload__dialog .el-dialog {\n background-color: #333333;\n}\n.container_night .insert__dialog .el-dialog__body,\n.container_night .about__dialog .el-dialog__body,\n.container_night .reset__dialog .el-dialog__body,\n.container_night .upload__dialog .el-dialog__body {\n color: #f0f0f0;\n}\n.container_night .insert__dialog .el-dialog__title,\n.container_night .about__dialog .el-dialog__title,\n.container_night .reset__dialog .el-dialog__title,\n.container_night .upload__dialog .el-dialog__title,\n.container_night .insert__dialog .el-form-item__label,\n.container_night .about__dialog .el-form-item__label,\n.container_night .reset__dialog .el-form-item__label,\n.container_night .upload__dialog .el-form-item__label {\n color: #f0f0f0;\n}\n.container_night .insert__dialog .el-tabs__item,\n.container_night .about__dialog .el-tabs__item,\n.container_night .reset__dialog .el-tabs__item,\n.container_night .upload__dialog .el-tabs__item {\n color: gray;\n}\n.container_night .insert__dialog .el-tabs__nav-wrap::after,\n.container_night .about__dialog .el-tabs__nav-wrap::after,\n.container_night .reset__dialog .el-tabs__nav-wrap::after,\n.container_night .upload__dialog .el-tabs__nav-wrap::after {\n background-color: #84868b;\n}\n.container_night .insert__dialog .is-active,\n.container_night .about__dialog .is-active,\n.container_night .reset__dialog .is-active,\n.container_night .upload__dialog .is-active {\n color: #f0f0f0;\n}\n.container_night .insert__dialog .el-upload-dragger,\n.container_night .about__dialog .el-upload-dragger,\n.container_night .reset__dialog .el-upload-dragger,\n.container_night .upload__dialog .el-upload-dragger {\n background-color: #1e1e1e;\n}\n.container_night ::v-deep .el-icon-upload,\n.container_night .el-icon-download,\n.container_night .el-icon-refresh,\n.container_night .el-icon-s-grid,\n.container_night .el-icon-document {\n color: #f0f0f0;\n}\n.container_night ::-webkit-scrollbar {\n background-color: #1e1e1e;\n}\n.CodeMirror {\n padding-bottom: 0;\n height: 100% !important;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n font-size: 14px;\n font-family: \"PingFang SC\", BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif !important;\n}\n.CodeMirror-vscrollbar:focus {\n outline: none;\n}\n.CodeMirror-scroll {\n padding: 0 20px;\n overflow-x: hidden !important;\n overflow-y: scroll !important;\n}\n.CodeMirror-vscrollbar {\n width: 0px;\n height: 0px;\n}\n.CodeMirror-wrap {\n padding-top: 20px;\n padding-bottom: 20px;\n box-sizing: border-box;\n}\n/*wechat code block*/\n.rich_media_content .code-snippet *,\n.rich_media_content .code-snippet__wechat * {\n max-width: 1000% !important;\n}\n.code-snippet__wechat {\n word-wrap: break-word !important;\n font-size: 14px;\n margin: 10px 8px;\n color: #333;\n position: relative;\n background-color: rgba(27, 31, 35, 0.05);\n border: 1px solid #f0f0f0;\n border-radius: 2px;\n display: flex;\n line-height: 24px;\n}\n.code-snippet__wechat .code-snippet__line-index {\n counter-reset: line;\n flex-shrink: 0;\n height: 100%;\n padding: 1em;\n list-style-type: none;\n}\n.code-snippet__wechat .code-snippet__line-index li {\n list-style-type: none;\n text-align: right;\n}\n.code-snippet__wechat .code-snippet__line-index li::before {\n min-width: 1.5em;\n text-align: right;\n left: -2.5em;\n counter-increment: line;\n content: counter(line);\n display: inline;\n color: rgba(0, 0, 0, 0.15);\n}\n.code-snippet__wechat pre {\n overflow-x: auto;\n padding: 1em 1em 1em 1em;\n white-space: normal;\n flex: 1;\n -webkit-overflow-scrolling: touch;\n}\n.code-snippet__wechat code {\n text-align: left;\n font-size: 14px;\n white-space: pre;\n display: flex;\n position: relative;\n font-family: Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n}\n.code-snippet__wechat ul li {\n list-style: none;\n}\n/*github code block*/\n.code-snippet__github {\n display: flex;\n font-size: 12px;\n margin: 10px 8px;\n position: relative;\n height: auto;\n background-color: #f7f7f7;\n border-radius: 8px;\n}\n.code-snippet__github .code-snippet__line-index {\n display: none;\n}\n.code-snippet__github .code__pre {\n display: grid;\n position: relative;\n counter-reset: line;\n overflow-x: auto;\n padding: 1em;\n white-space: normal;\n flex: 1;\n line-height: 20px;\n font-family: Operator Mono, Consolas, Monaco, Menlo, monospace;\n -webkit-overflow-scrolling: touch;\n}\n.code-snippet__github pre {\n display: inline-block;\n font-size: 12px;\n}\n.code-snippet__github code {\n display: flex;\n position: relative;\n padding-right: 8px;\n text-align: left;\n white-space: pre;\n font-family: Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n}\n.code-snippet__github code::before {\n display: none;\n}\n.code-snippet__github ul li {\n list-style: none;\n}\n::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n background-color: #fff;\n}\n::-webkit-scrollbar-track {\n border-radius: 6px;\n background-color: rgba(200, 200, 200, 0.3);\n}\n::-webkit-scrollbar-thumb {\n border-radius: 6px;\n background-color: rgba(144, 146, 152, 0.5);\n transition: background-color 0.3s;\n}\n::-webkit-scrollbar-thumb:hover {\n background-color: rgba(144, 146, 152, 0.5);\n}\n/* CSS-hints */\n.CodeMirror-hints {\n position: absolute;\n z-index: 10;\n overflow: hidden;\n list-style: none;\n margin: 0;\n padding: 2px;\n border-radius: 4px;\n background-color: #ffffff;\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n min-width: 200px;\n font-size: 12px;\n font-family: monospace;\n max-height: 20em;\n overflow-y: auto;\n color: #333333;\n}\n.CodeMirror-hint {\n margin: 0;\n margin-top: 10px;\n padding: 4px 6px;\n border-radius: 2px;\n white-space: pre;\n color: black;\n cursor: pointer;\n}\n.CodeMirror-hint:first-of-type {\n margin-top: 0;\n}\n.CodeMirror-hint:hover {\n background: #f0f0f0;\n}\n","/*\n\n Name: Base16 Default Light\n Author: Chris Kempson (http://chriskempson.com)\n\n CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)\n Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)\n\n*/\n\n.cm-s-style-mirror.CodeMirror {\n color: #444;\n font-size: 16px;\n line-height: 25px;\n}\n\n.cm-s-style-mirror .CodeMirror-scroll {\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n overflow-x: hidden !important;\n overflow-y: scroll !important;\n}\n\n.cm-s-style-mirror div.CodeMirror-selected {\n background: #e0e0e0;\n}\n\n.cm-s-style-mirror .CodeMirror-line::selection,\n.cm-s-style-mirror .CodeMirror-line > span::selection,\n.cm-s-style-mirror .CodeMirror-line > span > span::selection {\n background: #e0e0e0;\n}\n\n.cm-s-style-mirror .CodeMirror-line::-moz-selection,\n.cm-s-style-mirror .CodeMirror-line > span::-moz-selection,\n.cm-s-style-mirror .CodeMirror-line > span > span::-moz-selection {\n background: #e0e0e0;\n}\n\n.cm-s-style-mirror .CodeMirror-gutters {\n background: #f5f5f5;\n border-right: 0px;\n}\n\n.cm-s-style-mirror .CodeMirror-guttermarker {\n color: #ac4142;\n}\n\n.cm-s-style-mirror .CodeMirror-guttermarker-subtle {\n color: #b0b0b0;\n}\n\n.cm-s-style-mirror .CodeMirror-linenumber {\n color: #b0b0b0;\n}\n\n.cm-s-style-mirror .CodeMirror-cursor {\n border-left: 1px solid #505050;\n}\n\n.cm-s-style-mirror span.cm-comment {\n color: green;\n}\n\n.cm-s-style-mirror span.cm-atom {\n color: #aa759f;\n}\n\n.cm-s-style-mirror span.cm-number {\n color: #aa759f;\n}\n\n.cm-s-style-mirror span.cm-property,\n.cm-s-style-mirror span.cm-attribute {\n color: #90a959;\n}\n\n.cm-s-style-mirror span.cm-keyword {\n color: #023a52;\n}\n\n.cm-s-style-mirror span.cm-string {\n color: #e46918;\n}\n\n.cm-s-style-mirror span.cm-variable {\n color: #90a959;\n}\n\n.cm-s-style-mirror span.cm-variable-2 {\n color: #00695f;\n}\n\n.cm-s-style-mirror span.cm-variable-3 {\n color: #2e6e8a;\n}\n\n.cm-s-style-mirror span.cm-def {\n color: #d28445;\n}\n\n.cm-s-style-mirror span.cm-bracket {\n color: #202020;\n}\n\n.cm-s-style-mirror span.cm-tag {\n color: #000;\n}\n\n.cm-s-style-mirror span.cm-link {\n color: #b26a00;\n}\n\n.cm-s-style-mirror span.cm-error {\n /* background: #ac4142;\n color: #f5f5f5; */\n text-decoration: underline;\n text-decoration-style: wavy;\n text-decoration-color: #df8d8e;\n}\n\n.cm-s-style-mirror .CodeMirror-activeline-background {\n background: #dddcdc;\n}\n\n.cm-s-style-mirror .CodeMirror-matchingbracket {\n color: rgb(32, 32, 32) !important;\n background-color: rgba(0, 0, 0, 0.1) !important;\n}\n","/*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */\n.prettyprint {\n font-family: Menlo, Bitstream Vera Sans Mono, DejaVu Sans Mono, Monaco,\n Consolas, monospace;\n border: 0 !important;\n}\n.pln {\n color: #333;\n}\nol.linenums {\n margin-top: 0;\n margin-bottom: 0;\n color: #ccc;\n}\nli.L0,\nli.L1,\nli.L2,\nli.L3,\nli.L4,\nli.L5,\nli.L6,\nli.L7,\nli.L8,\nli.L9 {\n padding-left: 1em;\n background-color: #fff;\n list-style-type: decimal;\n}\n@media screen {\n .str {\n color: #183691;\n }\n .kwd {\n color: #a71d5d;\n }\n .com {\n color: #969896;\n }\n .typ {\n color: #0086b3;\n }\n .lit {\n color: #0086b3;\n }\n .pun {\n color: #333;\n }\n .opn {\n color: #333;\n }\n .clo {\n color: #333;\n }\n .tag {\n color: navy;\n }\n .atn {\n color: #795da3;\n }\n .atv {\n color: #183691;\n }\n .dec {\n color: #333;\n }\n .var {\n color: teal;\n }\n .fun {\n color: #900;\n }\n}\n","@nightBgColor: #333333;\n@nightPreviewColor: #1e1e1e;\n@nightHeaderColor: #3c3c3c;\n@nightCodeMirrorColor: #1e1e1e;\n@nightActiveCodeMirrorColor: gray;\n@nightFontColor: gray;\n@nightLinkColor: #8e9eb9;\n@nightLinkTextColor: #84868b;\n@nightWhiteColor: #f0f0f0;\n@nightButtonBg: #1e1e1e;\n@nightButtonHoverColor: #84868b;\n@nightLineColor: #84868b;\n\n.container_night {\n background-color: @nightBgColor;\n\n .el-main {\n background-color: @nightBgColor;\n }\n\n .CodeMirror {\n caret-color: @nightFontColor;\n color: @nightFontColor;\n background-color: @nightCodeMirrorColor;\n box-shadow: inset 0 0 0 1px rgba(100, 37, 37, 0.102);\n }\n\n .output_night {\n .preview {\n background-color: @nightPreviewColor;\n box-shadow: 0 0 70px rgba(0, 0, 0, 0.3);\n }\n\n .preview-wrapper {\n background-color: @nightCodeMirrorColor;\n box-shadow: inset 0 0 0 1px rgba(233, 231, 231, 0.102);\n }\n\n .code-snippet__fix {\n background-color: rgb(238, 238, 238);\n }\n }\n\n .cm-s-style-mirror .CodeMirror-matchingbracket {\n color: @nightWhiteColor !important;\n background: rgb(30, 30, 30) !important;\n }\n\n .cm-s-xq-light span.cm-variable-2,\n .cm-s-style-mirror span.cm-tag {\n color: @nightFontColor;\n }\n\n .cm-s-xq-light .CodeMirror-activeline-background {\n background-color: transparent;\n }\n\n .cm-s-xq-light span.cm-string {\n color: @nightLinkColor;\n }\n\n .cm-s-xq-light span.cm-link {\n color: @nightLinkTextColor;\n }\n\n .editor__header {\n background-color: @nightHeaderColor;\n }\n\n .el-button {\n color: @nightWhiteColor;\n background-color: @nightCodeMirrorColor;\n border: 1px solid transparent;\n }\n\n .el-button.is-plain:focus,\n .el-button.is-plain:hover {\n background: @nightButtonBg;\n color: @nightWhiteColor;\n border: 1px solid @nightWhiteColor;\n\n i {\n color: @nightWhiteColor;\n }\n }\n\n .insert__dialog,\n .about__dialog,\n .reset__dialog,\n .upload__dialog {\n .el-dialog {\n background-color: @nightBgColor;\n }\n\n .el-dialog__body {\n color: @nightWhiteColor;\n }\n\n .el-dialog__title,\n .el-form-item__label {\n color: @nightWhiteColor;\n }\n\n .el-tabs__item {\n color: @nightActiveCodeMirrorColor;\n }\n\n .el-tabs__nav-wrap::after {\n background-color: @nightLineColor;\n }\n\n .is-active {\n color: @nightWhiteColor;\n }\n\n .el-upload-dragger {\n background-color: @nightButtonBg;\n }\n }\n\n ::v-deep .el-icon-upload,\n .el-icon-download,\n .el-icon-refresh,\n .el-icon-s-grid,\n .el-icon-document {\n color: @nightWhiteColor;\n }\n\n ::-webkit-scrollbar {\n background-color: @nightCodeMirrorColor;\n }\n}\n\n.CodeMirror {\n padding-bottom: 0;\n height: 100% !important;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n font-size: 14px;\n font-family: \"PingFang SC\", BlinkMacSystemFont, Roboto, \"Helvetica Neue\",\n sans-serif !important;\n}\n\n.CodeMirror-vscrollbar:focus {\n outline: none;\n}\n\n.CodeMirror-scroll {\n padding: 0 20px;\n overflow-x: hidden !important;\n overflow-y: scroll !important;\n}\n\n.CodeMirror-vscrollbar {\n width: 0px;\n height: 0px;\n}\n\n.CodeMirror-wrap {\n padding-top: 20px;\n padding-bottom: 20px;\n box-sizing: border-box;\n}\n","/*wechat code block*/\n.rich_media_content .code-snippet *,\n.rich_media_content .code-snippet__wechat * {\n max-width: 1000% !important;\n}\n\n.code-snippet__wechat {\n word-wrap: break-word !important;\n font-size: 14px;\n margin: 10px 8px;\n color: #333;\n position: relative;\n background-color: rgba(27, 31, 35, 0.05);\n border: 1px solid #f0f0f0;\n border-radius: 2px;\n display: flex;\n line-height: 24px;\n}\n\n.code-snippet__wechat .code-snippet__line-index {\n counter-reset: line;\n flex-shrink: 0;\n height: 100%;\n padding: 1em;\n list-style-type: none;\n}\n\n.code-snippet__wechat .code-snippet__line-index li {\n list-style-type: none;\n text-align: right;\n}\n\n.code-snippet__wechat .code-snippet__line-index li::before {\n min-width: 1.5em;\n text-align: right;\n left: -2.5em;\n counter-increment: line;\n content: counter(line);\n display: inline;\n color: rgba(0, 0, 0, 0.15);\n}\n\n.code-snippet__wechat pre {\n overflow-x: auto;\n padding: 1em 1em 1em 1em;\n white-space: normal;\n flex: 1;\n -webkit-overflow-scrolling: touch;\n}\n\n.code-snippet__wechat code {\n text-align: left;\n font-size: 14px;\n white-space: pre;\n display: flex;\n position: relative;\n font-family: Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n}\n\n.code-snippet__wechat ul li {\n list-style: none;\n}\n","@import url(\"../github-v2.min.css\");\n/*github code block*/\n.code-snippet__github {\n display: flex;\n font-size: 12px;\n margin: 10px 8px;\n position: relative;\n height: auto;\n background-color: #f7f7f7;\n border-radius: 8px;\n\n .code-snippet__line-index {\n display: none;\n }\n\n .code__pre {\n display: grid;\n position: relative;\n counter-reset: line;\n overflow-x: auto;\n padding: 1em;\n white-space: normal;\n flex: 1;\n line-height: 20px;\n font-family: Operator Mono, Consolas, Monaco, Menlo, monospace;\n -webkit-overflow-scrolling: touch;\n }\n\n pre {\n display: inline-block;\n font-size: 12px;\n }\n\n code {\n display: flex;\n position: relative;\n padding-right: 8px;\n text-align: left;\n white-space: pre;\n font-family: Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n &::before {\n display: none;\n }\n }\n\n ul li {\n list-style: none;\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n.loading-wrapper {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n.loading {\n text-align: center;\n position: fixed;\n width: 100%;\n height: 100%;\n overflow: hidden;\n z-index: 99999;\n background-color: #f2f2f2;\n}\n\n.loading_night {\n background-color: #303133;\n}\n\n.loading-text {\n font-size: 18px;\n font-weight: bold;\n margin-top: 26px;\n color: #303133;\n}\n\n.loading-anim {\n display: inline-block;\n width: 100px;\n height: 100px;\n background: url(\"../assets/images/favicon.png\") no-repeat;\n background-size: cover;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/deep/ .el-dialog {\n min-width: 440px;\n}\n.reset__dialog {\n text-align: center;\n}\n\n.text {\n text-align: center;\n}\n\n.dialog-footer {\n text-align: center;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.editor__header {\n width: 100%;\n}\n.header__item {\n margin: 0 3px;\n}\n.header__item_last {\n margin-right: 8px;\n}\n.header__switch {\n margin-left: 8px;\n}\n.mode__switch {\n margin-left: 24px;\n margin-right: 24px;\n width: 24px;\n height: 24px;\n background: url(\"../../assets/images/night.png\") no-repeat;\n background-size: cover;\n transition: all 0.3s;\n}\n.mode__switch_black {\n background: url(\"../../assets/images/light.png\") no-repeat;\n background-size: cover;\n}\n.top {\n height: 60px;\n padding: 10px 20px;\n display: flex;\n align-items: center;\n margin-right: 0;\n}\n.el-select {\n margin-right: 12px;\n}\n.left-side {\n display: flex;\n align-items: center;\n flex: 1;\n}\n.right-side {\n display: flex;\n align-items: center;\n}\n\n/*\n.preview table tr:nth-child(even){\n background: rgb(250, 250, 250);\n}\n */\n.select-item-left {\n float: left;\n}\n\n.select-item-right {\n float: right;\n color: #8492a6;\n font-size: 13px;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/deep/ .el-dialog {\n min-width: 420px;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/deep/ .el-dialog {\n width: 55%;\n min-height: 375px;\n min-width: 440px;\n}\n.tb-options {\n margin-bottom: 20px;\n}\n\n.input-table ::v-deep .el-input__inner {\n border-radius: 0;\n}\n\n.head-style /deep/ .el-input__inner {\n background-color: #f2f2f2;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.menu {\n position: absolute;\n border-radius: 4px;\n background-color: #ffffff;\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n z-index: 9999;\n}\n\n.menu_item {\n margin-top: 10px;\n min-width: 200px;\n font-size: 12px;\n line-height: 20px;\n color: #333333;\n cursor: pointer;\n &:first-of-type {\n margin-top: 0;\n }\n &:hover {\n background: #f0f0f0;\n }\n span,\n .btn-upload {\n display: inline-block;\n padding: 4px 0;\n padding-left: 24px;\n width: 100%;\n }\n .btn-upload {\n margin: 0;\n border: none;\n outline: none;\n background: transparent;\n }\n .btn-upload:hover {\n background: #aaaaaa;\n }\n ::v-deep .el-upload {\n width: 100%;\n }\n}\n\n.menu__group {\n padding-top: 6px;\n padding-bottom: 6px;\n border-bottom: 1px solid #eeeeee;\n &:last-of-type {\n border-bottom: none;\n }\n}\n\nli:hover {\n background-color: #1790ff;\n}\n\nli {\n font-size: 15px;\n list-style: none;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/deep/ .el-dialog {\n width: 55%;\n min-height: 615px;\n min-width: 640px;\n}\n/deep/ .el-upload-dragger {\n display: flex;\n flex-flow: column;\n justify-content: center;\n width: 500px;\n height: 360px;\n .el-icon-upload {\n margin-top: 0;\n }\n}\n/deep/ .el-dialog__body {\n padding-bottom: 50px;\n}\n.upload-panel {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n\n .el-select {\n align-self: flex-end;\n margin: 0 67.75px 20px;\n width: 100px;\n }\n}\n\n.github-panel {\n display: flex;\n justify-content: center;\n &.formCustom {\n width: 100%;\n }\n .formCustomElInput {\n /deep/ .CodeMirror {\n border: 1px solid #eee;\n height: 300px !important;\n font-family: \"Fira Mono\", \"DejaVu Sans Mono\", Menlo, Consolas, \"Liberation Mono\", Monaco, \"Lucida Console\", monospace !important;\n line-height: 20px;\n .CodeMirror-scroll {\n padding: 10px;\n }\n }\n }\n}\n\n.setting-form {\n width: 100%;\n\n .el-form-item {\n margin: 15px;\n }\n\n .el-form-item:last-child {\n text-align: right;\n }\n}\n","@import url(\"../../../assets/less/github-v2.min.css\");\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\ninput,\nbutton,\ntextarea {\n font-family: inherit;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-weight: normal;\n}\nem {\n font-style: normal !important;\n}\nhtml,\nbody {\n height: 100%;\n font-family: \"PingFang SC\", BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif;\n}\n.el-message__icon {\n display: none;\n}\n.container {\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n.web-title {\n margin: 0 15px 0 5px;\n}\n.web-icon {\n width: auto;\n height: 1.5rem;\n vertical-align: middle;\n}\n#editor {\n height: 100%;\n display: block;\n border: none;\n width: 100%;\n padding: 10px;\n}\nsection {\n height: 100%;\n}\n.main-body {\n display: flex;\n flex-direction: column;\n padding-top: 0;\n}\n.ctrl {\n flex-basis: 60px;\n flex-grow: 1;\n flex-shrink: 1;\n display: flex;\n align-items: center;\n}\n.preview-wrapper {\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n padding: 0;\n align-items: center;\n justify-content: center;\n display: flex;\n word-break: break-all;\n overflow-y: scroll;\n}\n.main-section {\n display: flex;\n height: 100%;\n}\n.hint {\n opacity: 0.6;\n margin: 20px 0;\n}\n.preview {\n position: relative;\n margin: 0 -20px;\n width: 375px;\n padding: 20px;\n font-size: 14px;\n box-sizing: border-box;\n outline: none;\n box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);\n}\n.preview table {\n margin-bottom: 10px;\n border-collapse: collapse;\n display: table;\n width: 100% !important;\n}\n/* ele ui */\n.el-form-item {\n margin-bottom: 0 !important;\n}\n.el-tooltip {\n cursor: pointer;\n}\nuni-page-body,\nuni-page-refresh {\n display: block;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n}\n","* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\ninput,\nbutton,\ntextarea {\n font-family: inherit;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-weight: normal;\n}\n\nem {\n font-style: normal !important;\n}\n\nhtml,\nbody {\n height: 100%;\n font-family: \"PingFang SC\", BlinkMacSystemFont, Roboto, \"Helvetica Neue\",\n sans-serif;\n}\n\n.el-message__icon {\n display: none;\n}\n\n.container {\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.web-title {\n margin: 0 15px 0 5px;\n}\n\n.web-icon {\n width: auto;\n height: 1.5rem;\n vertical-align: middle;\n}\n\n#editor {\n height: 100%;\n display: block;\n border: none;\n width: 100%;\n padding: 10px;\n}\n\nsection {\n height: 100%;\n}\n\n.main-body {\n display: flex;\n flex-direction: column;\n padding-top: 0;\n}\n\n.ctrl {\n flex-basis: 60px;\n flex-grow: 1;\n flex-shrink: 1;\n display: flex;\n align-items: center;\n}\n\n.preview-wrapper {\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n padding: 0;\n align-items: center;\n justify-content: center;\n display: flex;\n word-break: break-all;\n overflow-y: scroll;\n}\n\n.main-section {\n display: flex;\n height: 100%;\n}\n\n.hint {\n opacity: 0.6;\n margin: 20px 0;\n}\n\n.preview {\n position: relative;\n margin: 0 -20px;\n width: 375px;\n padding: 20px;\n font-size: 14px;\n box-sizing: border-box;\n outline: none;\n box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);\n}\n\n.preview table {\n margin-bottom: 10px;\n border-collapse: collapse;\n display: table;\n width: 100% !important;\n}\n\n/* ele ui */\n.el-form-item {\n margin-bottom: 0 !important;\n}\n\n.el-tooltip {\n cursor: pointer;\n}\n\nuni-page-body,\nuni-page-refresh {\n display: block;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n}\n","<template>\n <transition name=\"fade\" v-if=\"loading\">\n <loading />\n </transition>\n <codemirror-editor v-else />\n</template>\n\n<script>\nimport Loading from \"../../components/Loading\";\nimport CodemirrorEditor from \"./view/CodemirrorEditor\";\nexport default {\n name: \"App\",\n components: {\n Loading,\n CodemirrorEditor,\n },\n data() {\n return {\n loading: true,\n };\n },\n mounted() {\n setTimeout(() => {\n this.loading = false;\n }, 100);\n },\n};\n</script>\n\n<style scoped>\n.fade-enter,\n.fade-leave-to {\n opacity: 0;\n}\n.fade-enter-to,\n.fade-leave {\n opacity: 1;\n}\n.fade-enter-active,\n.fade-leave-active {\n transition: all 1s;\n}\n</style>\n"]}