{"version":3,"sources":["webpack:///src/App.vue?7c55","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/App.vue?94fb","webpack:///src/components/Loading.vue?11ef","webpack:///src/components/Loading.vue","webpack:///src/components/CodemirrorEditor/resetDialog.vue?0518","webpack:///src/components/CodemirrorEditor/resetDialog.vue","webpack:///src/components/CodemirrorEditor/header.vue?d3c1","webpack:///src/components/CodemirrorEditor/header.vue","webpack:///src/components/CodemirrorEditor/aboutDialog.vue?c081","webpack:///src/components/CodemirrorEditor/aboutDialog.vue","webpack:///src/components/CodemirrorEditor/insertForm.vue?64e1","webpack:///src/components/CodemirrorEditor/insertForm.vue","webpack:///src/components/CodemirrorEditor/rightClickMenu.vue?c6c5","webpack:///src/components/CodemirrorEditor/rightClickMenu.vue","webpack:///src/components/CodemirrorEditor/uploadImgDialog.vue?e925","webpack:///src/components/CodemirrorEditor/uploadImgDialog.vue","webpack:///src/pages/index/view/CodemirrorEditor.vue?90fc","webpack:///src/pages/index/view/CodemirrorEditor.vue","webpack:///src/pages/index/view/CodemirrorEditor.vue?8078","webpack:///src/assets/less/app.less","webpack:///src/pages/index/src/pages/index/index.vue"],"names":[],"mappings":"AAQA,eAGE,QAAA,CACA,SAAA,CACA,WAAA,CACA,UCPF,CCGA,8BACE,UAAW,CACX,cAAe,CACf,gBACF,CAEA,sCACE,YAAa,CACb,UAAW,CACX,qBAAsB,CACtB,2BAA6B,CAC7B,2BACF,CAEA,2CACE,kBACF,CAEA,4JAGE,kBACF,CAEA,2KAGE,kBACF,CAEA,uCACE,kBAAmB,CACnB,cACF,CAEA,4CACE,aACF,CAMA,6FACE,aACF,CAEA,sCACE,6BACF,CAEA,mCACE,WACF,CAMA,kEACE,aACF,CAEA,yEAEE,aACF,CAEA,mCACE,aACF,CAEA,kCACE,aACF,CAEA,oCACE,aACF,CAEA,sCACE,aACF,CAEA,sCACE,aACF,CAEA,+BACE,aACF,CAEA,mCACE,aACF,CAEA,+BACE,UACF,CAEA,gCACE,aACF,CAEA,iCAGE,yBAA0B,CAC1B,kCAA2B,CAA3B,0BAA2B,CAC3B,qCAA8B,CAA9B,6BACF,CAEA,qDACE,kBACF,CAEA,+CACE,uBAAiC,CACjC,yCACF;;ACjIA,mHAAmH,CACnH,aACE,qFACqB,CACrB,kBACF,CACA,KACE,UACF,CACA,YACE,YAAa,CACb,eAAgB,CAChB,UACF,CACA,4DAUE,gBAAiB,CACjB,qBAAsB,CACtB,uBACF,CACA,cACE,KACE,aACF,CACA,KACE,aACF,CACA,KACE,aACF,CAIA,UACE,aACF,CAOA,eACE,UACF,CACA,KACE,UACF,CACA,KACE,aACF,CACA,KACE,aACF,CACA,KACE,UACF,CACA,KACE,UACF,CACA,KACE,UACF,CACF,CC1DA,2CAII,qBHTJ,CGKA,6BAQI,gBAAA,CACA,UAAA,CACA,wBAAA,CACA,+CHVJ,CGDA,wCAgBM,wBAAA,CACA,kCHZN,CGLA,gDAqBM,wBAAA,CACA,gDHbN,CGTA,kDA0BM,qBHdN,CGZA,gEA+BI,uBAAA,CACA,4BHhBJ,CGhBA,mGAqCI,UHjBJ,CGpBA,kEAyCI,wBHlBJ,CGvBA,+CA6CI,aHnBJ,CG1BA,6CAiDI,aHpBJ,CG7BA,iCAqDI,wBHrBJ,CGhCA,4BAyDI,aAAA,CACA,wBAAA,CACA,4BHtBJ,CGrCA,sFAgEI,kBAAA,CACA,aAAA,CACA,wBHvBJ,CG3CA,0FAqEM,aHtBN,CG/CA,8KA8EM,qBHzBN,CGrDA,smBAuFM,aHlBN,CGrEA,8LA2FM,UHhBN,CG3EA,sOA+FM,wBHdN,CGjFA,8KAmGM,aHZN,CGvFA,8MAuGM,wBHVN,CG7FA,mLAgHI,aHZJ,CGpGA,qCAoHI,wBHbJ,CGiBA,YACE,gBAAA,CACA,qBAAA,CACA,yCAAA,CACA,cAAA,CACA,qFHfF,CGmBA,6BACE,YHjBF,CGoBA,mBACE,cAAA,CACA,2BAAA,CACA,2BHlBF,CGqBA,uBACE,OAAA,CACA,QHnBF,CGsBA,iBACE,gBAAA,CACA,mBAAA,CACA,qBHpBF,CI3IA,gFAEE,yBJ8IF,CI3IA,sBACE,8BAAA,CACA,cAAA,CACA,eAAA,CACA,UAAA,CACA,iBAAA,CACA,mCAAA,CACA,wBAAA,CACA,iBAAA,CACA,mBAAA,CAAA,oBAAA,CAAA,YAAA,CACA,gBJ6IF,CI1IA,gDACE,kBAAA,CACA,qBAAA,CAAA,aAAA,CACA,WAAA,CACA,WAAA,CACA,oBJ4IF,CIzIA,mDACE,oBAAA,CACA,gBJ2IF,CIxIA,0DACE,eAAA,CACA,gBAAA,CACA,WAAA,CACA,sBAAA,CACA,qBAAA,CACA,cAAA,CACA,qBJ0IF,CIvIA,0BACE,eAAA,CACA,uBAAA,CACA,kBAAA,CACA,kBAAA,CAAA,cAAA,CAAA,MAAA,CACA,gCJyIF,CItIA,2BACE,eAAA,CACA,cAAA,CACA,eAAA,CACA,mBAAA,CAAA,oBAAA,CAAA,YAAA,CACA,iBAAA,CACA,4DJwIF,CIrIA,4BACE,eJuIF,CKjMA,sBACE,mBAAA,CAAA,oBAAA,CAAA,YAAA,CACA,cAAA,CACA,eAAA,CACA,iBAAA,CACA,WAAA,CACA,wBAAA,CACA,iBLoMF,CK3MA,gDAUI,YLoMJ,CK9MA,iCAcI,YAAA,CACA,iBAAA,CACA,kBAAA,CACA,eAAA,CACA,WAAA,CACA,kBAAA,CACA,kBAAA,CAAA,cAAA,CAAA,MAAA,CACA,gBAAA,CACA,yDAAA,CACA,gCLmMJ,CK1NA,0BA2BI,oBAAA,CACA,cLkMJ,CK9NA,2BAgCI,mBAAA,CAAA,oBAAA,CAAA,YAAA,CACA,iBAAA,CACA,iBAAA,CACA,eAAA,CACA,eAAA,CACA,4DLiMJ,CKhMI,kCACE,YLkMN,CKzOA,4BA4CI,eLgMJ,CMvNA,oBACE,SAAA,CACA,UAAA,CACA,qBNyNF,CMtNA,0BACE,iBAAA,CACA,oCNwNF,CMrNA,0BACE,iBAAA,CAEA,uCAAA,CAAA,+BNuNF,CMpNA,0DAJE,qCN2NF,CMnNA,kBACE,iBAAA,CACA,UAAA,CACA,eAAA,CACA,eAAA,CAEA,QAAA,CACA,WAAA,CAEA,iBAAA,CACA,qBAAA,CACA,kEAAA,CACA,eAAA,CACA,cAAA,CACA,qBAAA,CAEA,eAAA,CACA,eAAA,CACA,UNmNF,CMhNA,iBACE,QAAA,CACA,eAAA,CACA,eAAA,CACA,iBAAA,CACA,eAAA,CACA,UAAA,CACA,cNkNF,CMhNA,+BACE,YNkNF,CMhNA,uBACE,kBNkNF,COpRA,kCACE,cAAA,CACA,OAAA,CACA,QAAA,CACA,mDAAA,CAAA,2CCXF,CDaA,0BACE,iBAAA,CACA,cAAA,CACA,UAAA,CACA,WAAA,CACA,eAAA,CACA,aAAA,CACA,wBCXF,CDcA,gCACE,wBCZF,CDeA,+BACE,cAAA,CACA,eAAA,CACA,eAAA,CACA,aCbF,CDgBA,+BACE,oBAAA,CACA,WAAA,CACA,YAAA,CACA,44CAAA,CACA,qBCdF,CCQA,6BACE,eCrCF,CD+CA,uFACE,iBCvCF,CC6VA,iCACE,UCvWF,CDyWA,+BACE,YCvWF,CDyWA,oCACE,gBCvWF,CDyWA,iCACE,eCvWF,CDyWA,+BACE,gBAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,4tGAAA,CACA,qBAAA,CACA,0BAAA,CAAA,kBCvWF,CDyWA,qCACE,wtGAAA,CACA,qBCvWF,CDyWA,sBACE,WAAA,CACA,iBAAA,CACA,mBAAA,CAAA,oBAAA,CAAA,YAAA,CACA,wBAAA,CAAA,0BAAA,CAAA,kBAAA,CACA,cCvWF,CDyWA,4BACE,iBCvWF,CDyWA,4BAGE,kBAAA,CAAA,cAAA,CAAA,MCvWF,CDyWA,yDAJE,mBAAA,CAAA,oBAAA,CAAA,YAAA,CACA,wBAAA,CAAA,0BAAA,CAAA,kBClWF,CD+WA,mCACE,UCxWF,CD2WA,oCACE,WAAA,CACA,aAAA,CACA,cCzWF,CCHA,6BACE,eCpDF,CCuGA,6BACE,SAAA,CACA,gBAAA,CACA,eCxGF,CD0GA,6BACE,kBCxGF,CD2GA,+CACE,eCzGF,CD4GA,8CACE,wBC1GF,CCsEA,uBACE,iBAAA,CACA,iBAAA,CACA,qBAAA,CACA,kEAAA,CACA,YClFF,CDqFA,4BACE,eAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,UAAA,CACA,cCnFF,CDoFE,0CACE,YClFJ,CDoFE,kCACE,kBClFJ,CDuEA,yEAeI,oBAAA,CACA,aAAA,CACA,iBAAA,CACA,UClFJ,CDgEA,wCAqBI,QAAA,CACA,WAAA,CACA,YAAA,CACA,sBClFJ,CD0DA,8CA2BI,eClFJ,CDuDA,uCA8BI,UClFJ,CDsFA,8BACE,eAAA,CACA,kBAAA,CACA,4BCpFF,CDqFE,2CACE,kBCnFJ,CDuFA,0BACE,wBCrFF,CDwFA,oBACE,cAAA,CACA,eCtFF,CC+aA,6BACE,SAAA,CACA,gBAAA,CACA,eCpeF,CDseA,qCACE,mBAAA,CAAA,oBAAA,CAAA,YAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,wBAAA,CAAA,gBAAA,CACA,uBAAA,CAAA,8BAAA,CAAA,sBAAA,CACA,WAAA,CACA,YCpeF,CD+dA,qDAOI,YCneJ,CDseA,mCACE,mBCpeF,CDseA,+BACE,mBAAA,CAAA,oBAAA,CAAA,YAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,6BAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,8BAAA,CAAA,sBAAA,CACA,wBAAA,CAAA,0BAAA,CAAA,kBAAA,CACA,iBCpeF,CD+dA,0CAQI,2BAAA,CAAA,mBAAA,CACA,qBAAA,CACA,WCpeJ,CDweA,+BACE,mBAAA,CAAA,oBAAA,CAAA,YAAA,CACA,uBAAA,CAAA,8BAAA,CAAA,sBCteF,CDyeA,+BACE,UCveF,CDseA,6CAII,WCveJ,CDmeA,wDAQI,gBCxeJ,CCwWA,iCACE,SCjZF,CCsZA,4BACE,gBAAA,CACA,eDvZF,CCyZA,0BAEE,SAAA,CACA,WAAA,CACA,YDvZF,CCyZA,sDALE,0BAAA,CAAA,kBDjZF,CCyZA,mCACE,WDvZF,CCyZA,wCACE,kBAAA,CACA,iBAAA,CACA,SDvZF,CCoZA,iDAKI,qBDtZJ,CCyZA,iCACE,iBAAA,CACA,wBAAA,CAAA,gBDvZF,CCyZA,+BAEE,OAAA,CAGA,WAAA,CACA,WAAA,CACA,eAAA,CACA,cAAA,CACA,UAAA,CACA,wBDvZF,CC6YA,4EACE,iBAAA,CAEA,QAAA,CACA,sCAAA,CAAA,8BDvYF,CCmYA,6CAcI,SAAA,CACA,UAAA,CACA,WAAA,CAEA,44CAAA,CACA,qBDtZJ,CCmYA,oCAsBI,iBAAA,CACA,QAAA,CACA,SAAA,CACA,sCAAA,CAAA,8BDtZJ,CCyZA,gCACE,oDAAA,CAAA,4CAAA,CACA,6BAAA,CAAA,qBAAA,CACA,gCAAA,CAAA,wBDvZF,CCyZA,iCACE,gBDvZF,CC0ZA,iDACE,kBAKE,gEAAA,CAAA,wDDxZF,CC0ZA,GACE,SAAA,CACA,yCAAA,CAAA,iCDxZF,CC0ZA,IACE,SAAA,CACA,wCAAA,CAAA,gCDxZF,CC0ZA,IACE,uCAAA,CAAA,+BDxZF,CC0ZA,IACE,uCAAA,CAAA,+BDxZF,CC0ZA,GACE,sBAAA,CAAA,cDxZF,CACF,CCgYA,yCACE,kBAKE,gEAAA,CAAA,wDDxZF,CC0ZA,GACE,SAAA,CACA,yCAAA,CAAA,iCDxZF,CC0ZA,IACE,SAAA,CACA,wCAAA,CAAA,gCDxZF,CC0ZA,IACE,uCAAA,CAAA,+BDxZF,CC0ZA,IACE,uCAAA,CAAA,+BDxZF,CC0ZA,GACE,sBAAA,CAAA,cDxZF,CACF,CEzFA,kBACE,qBAAA,CACA,QAAA,CACA,SFEF,CECA,yEAGE,mBFCF,CEEA,wHAME,eFAF,CEGA,oBACE,2BFDF,CEIA,4CAEE,WAAA,CACA,2EFFF,CEMA,mCACE,YFJF,CEOA,4BACE,WAAA,CACA,mBAAA,CAAA,oBAAA,CAAA,YAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,6BAAA,CAAA,qBFLF,CEQA,4BACE,mBFNF,CESA,2BACE,UAAA,CACA,aAAA,CACA,qBFPF,CEUA,yBACE,WAAA,CACA,aAAA,CACA,WAAA,CACA,UAAA,CACA,YFRF,CEWA,yBACE,WFTF,CEYA,4BACE,mBAAA,CAAA,oBAAA,CAAA,YAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,6BAAA,CAAA,qBAAA,CACA,aFVF,CEaA,uBACE,uBAAA,CAAA,eAAA,CACA,kBAAA,CAAA,mBAAA,CAAA,WAAA,CACA,qBAAA,CAAA,aFTF,CEcA,yDAJE,mBAAA,CAAA,oBAAA,CAAA,YAAA,CACA,wBAAA,CAAA,0BAAA,CAAA,kBFFF,CEKA,kCACE,yCAAA,CACA,SAAA,CAEA,uBAAA,CAAA,8BAAA,CAAA,sBAAA,CAEA,oBAAA,CACA,iBFZF,CEeA,+BACE,mBAAA,CAAA,oBAAA,CAAA,YAAA,CACA,WFbF,CEgBA,uBACE,UAAA,CACA,aFdF,CEiBA,0BACE,iBAAA,CACA,cAAA,CACA,WAAA,CACA,YAAA,CACA,cAAA,CACA,qBAAA,CACA,YAAA,CACA,kCFfF,CEkBA,gCACE,kBAAA,CACA,wBAAA,CACA,aAAA,CACA,oBFhBF,CEoBA,+BACE,yBFjBF,CEoBA,6BACE,cFlBF,CEqBA,iEAEE,aAAA,CACA,qBAAA,CACA,UAAA,CACA,WFnBF,CGjFA,6DAEA,SACA,CACA,6DAEA,SACA,CACA,wEAEA,yBAAA,CAAA,iBACA","file":"app.315a838f.css","sourcesContent":["\n\n\n\n\n\n\n// 仿 uniapp 外层全屏\nhtml,\nbody,\n#app {\n  margin: 0;\n  padding: 0;\n  height: 100%;\n  width: 100%;\n}\n","/* 每个页面公共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\n\n\n\n\n\n\n/* 每个页面公共css */\n@import url(\"./assets/less/style-mirror.css\");\n@import url(\"./assets/less/theme.less\");\n@import url(\"./assets/less/code-theme.less\");\n::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n  background-color: #fff;\n}\n\n::-webkit-scrollbar-track {\n  border-radius: 6px;\n  background-color: rgba(200, 200, 200, 0.3);\n}\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\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\n  margin: 0;\n  padding: 2px;\n\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\n  max-height: 20em;\n  overflow-y: auto;\n  color: #333333;\n}\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\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",".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.loading_night {\n  background-color: #303133;\n}\n.loading-text {\n  font-size: 18px;\n  font-weight: bold;\n  margin-top: 26px;\n  color: #303133;\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"," /deep/ .el-dialog {\n  min-width: 440px;\n}\n.reset__dialog {\n  text-align: center;\n}\n.text {\n  text-align: center;\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",".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.preview table tr:nth-child(even){\n  background: rgb(250, 250, 250);\n}\n */\n.select-item-left {\n  float: left;\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"," /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"," /deep/ .el-dialog {\n  width: 55%;\n  min-height: 375px;\n  min-width: 440px;\n}\n.tb-options {\n  margin-bottom: 20px;\n}\n.input-table ::v-deep .el-input__inner {\n  border-radius: 0;\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.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",".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.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}\n.menu_item:first-of-type {\n  margin-top: 0;\n}\n.menu_item:hover {\n  background: #f0f0f0;\n}\n.menu_item span,\n.menu_item .btn-upload {\n  display: inline-block;\n  padding: 4px 0;\n  padding-left: 24px;\n  width: 100%;\n}\n.menu_item .btn-upload {\n  margin: 0;\n  border: none;\n  outline: none;\n  background: transparent;\n}\n.menu_item .btn-upload:hover {\n  background: #aaaaaa;\n}\n.menu_item ::v-deep .el-upload {\n  width: 100%;\n}\n.menu__group {\n  padding-top: 6px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid #eeeeee;\n}\n.menu__group:last-of-type {\n  border-bottom: none;\n}\nli:hover {\n  background-color: #1790ff;\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/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}\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"," /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}\n /deep/ .el-upload-dragger .el-icon-upload {\n  margin-top: 0;\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.upload-panel .el-select {\n  align-self: flex-end;\n  margin: 0 67.75px 20px;\n  width: 100px;\n}\n.github-panel {\n  display: flex;\n  justify-content: center;\n}\n.setting-form {\n  width: 100%;\n}\n.setting-form .el-form-item {\n  margin: 15px;\n}\n.setting-form .el-form-item:last-child {\n  text-align: right;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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  padding: 0;\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.main-body {\n  padding-top: 12px;\n  overflow: hidden;\n}\n.el-main {\n  transition: all 0.3s;\n  padding: 0;\n  margin: 20px;\n  margin-top: 0;\n}\n.container {\n  transition: all 0.3s;\n}\n.textarea-wrapper {\n  height: 100%;\n}\n.preview-wrapper_night {\n  overflow-y: inherit;\n  position: relative;\n  left: -3px;\n  .preview {\n    background-color: #fff;\n  }\n}\n#output-wrapper {\n  position: relative;\n  user-select: text;\n}\n.loading-mask {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 376px;\n  height: 101%;\n  padding-top: 1px;\n  font-size: 15px;\n  color: gray;\n  background-color: #1e1e1e;\n  .loading__img {\n    position: absolute;\n    left: 50%;\n    top: 330px;\n    width: 50px;\n    height: 50px;\n    transform: translate(-50%, -50%);\n    background: url(\"../../../assets/images/favicon.png\") no-repeat;\n    background-size: cover;\n  }\n  span {\n    position: absolute;\n    left: 50%;\n    top: 390px;\n    transform: translate(-50%, -50%);\n  }\n}\n.bounceInRight {\n  animation-name: bounceInRight;\n  animation-duration: 1s;\n  animation-fill-mode: both;\n}\n/deep/ .preview-table {\n  border-spacing: 0px;\n}\n\n@keyframes bounceInRight {\n  0%,\n  60%,\n  75%,\n  90%,\n  100% {\n    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  0% {\n    opacity: 0;\n    transform: translate3d(3000px, 0, 0);\n  }\n  60% {\n    opacity: 1;\n    transform: translate3d(-25px, 0, 0);\n  }\n  75% {\n    transform: translate3d(10px, 0, 0);\n  }\n  90% {\n    transform: translate3d(-5px, 0, 0);\n  }\n  100% {\n    transform: none;\n  }\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"]}