{"version":3,"sources":["webpack:///src/App.vue","webpack:///src/assets/less/style-mirror.css","webpack:///src/assets/less/theme.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.836d027d.css","sourcesContent":["/* 每个页面公共css */\n@import url(\"./assets/less/style-mirror.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::-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","@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","\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\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","* {\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"]}