{"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.84a6f5aa.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.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"]}