diff --git a/src/components/CodeEditor.vue b/src/components/CodeEditor.vue index 5823ed9..ed46553 100644 --- a/src/components/CodeEditor.vue +++ b/src/components/CodeEditor.vue @@ -50,12 +50,7 @@ import 'codemirror/addon/fold/indent-fold.js' import 'codemirror/addon/fold/markdown-fold.js' import 'codemirror/addon/fold/xml-fold.js' -// require(['axios'], axios => { -// self.axios = axios.create({ -// baseURL: '', -// timeout: 1000, -// }); -// }); +import axios from 'axios'; export default { props: ['initCode', 'mode'], @@ -64,6 +59,14 @@ export default { components: { Codemirror }, + + created() { + self.axios = axios.create({ + baseURL: '', + timeout: 1000, + }); + }, + computed: { code: { get() { @@ -75,7 +78,7 @@ export default { } }, watch: { - initCode(){ + initCode() { this.codeStore = this.initCode; } }, diff --git a/src/components/halower-tree.min.css b/src/components/halower-tree.min.css index fc8cdb9..08baaf6 100644 --- a/src/components/halower-tree.min.css +++ b/src/components/halower-tree.min.css @@ -1,2 +1 @@ -.halo-tree li span:hover{background-color:transparent}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}.halo-tree .expand-enter-active{transition:all 3s ease;height:50px;overflow:hidden}.halo-tree .expand-leave-active{transition:all 3s ease;height:0;overflow:hidden}.halo-tree .expand-enter,.halo-tree .expand-leave{height:0;opacity:0}.halo-tree{font-size:14px;-webkit-transition:height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;transition:height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out}.halo-tree ul{box-sizing:border-box}.halo-tree li,.halo-tree ul{list-style-type:none;text-align:left}.halo-tree .inputCheck{display:inline-block;position:relative;width:14px;height:14px;border:1px solid #888;border-radius:2px;top:4px;text-align:center;font-size:14px;line-height:14px}.halo-tree .inputCheck.notAllNodes:before{content:"\2713";display:block;position:absolute;width:100%;height:100%;background-color:#888;z-index:1;color:#fff}.halo-tree .inputCheck.box-checked:after{content:"\2713";display:block;position:absolute;z-index:1;width:100%;text-align:center}.halo-tree .box-halfchecked{background-color:#888}.halo-tree .box-halfchecked:after{content:"\2713";display:block;position:absolute;z-index:1;width:100%;text-align:center;color:#fff}.halo-tree .check{display:block;position:absolute;font-size:14px;width:16px;height:16px;left:-5px;top:-4px;border:1px solid #000;opacity:0;cursor:pointer;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);z-index:2}.halo-tree .chkDisabled{background-color:#f5f5f5;opacity:1;cursor:not-allowed}.halo-tree li{margin:0;padding:5px 5px 5px 15px;position:relative;list-style:none}.halo-tree li:after,.halo-tree li:before{content:"";left:-8px;position:absolute;right:auto;border-width:1px}.halo-tree li:before{border-left:1px dashed #999;bottom:50px;height:100%;top:-8px;width:1px}.halo-tree li:after{border-top:1px dashed #999;height:20px;top:17px;width:28px}.halo-tree li:last-child:before{height:26px}.halo-tree>li.first-node:before{top:17px}.halo-tree>li.second-node:before{top:4px}.halo-tree>li.first-node.only-node:before{border-left:none}.halo-tree>li.only-node:after{border-top:none}.halo-tree>ul{padding-left:0}.halo-tree ul{padding-left:17px;padding-top:10px}.halo-tree .tree-expand{display:inline-block;width:14px;height:14px;text-align:center;line-height:13px;border:1px solid #888;border-radius:2px;background:#fff;font-style:normal}.halo-tree .tree-open{line-height:13px}.halo-tree .tree-close:after{content:"+"}.halo-tree .tree-open:after{content:"\2013"}.halo-tree .tree-empty:after{content:""}.halo-tree .tree-node-el{background-color:#fff;padding-left:2px;position:relative;z-index:3}.halo-tree li.leaf{padding-left:15px}.halo-tree li.leaf:after{content:"";left:-7px;position:absolute;right:auto;border-width:1px;border-top:1px dashed #999;height:20px;top:17px;width:25px}.halo-tree-search-box{height:18px;line-height:18px;outline:none;border:1px solid #888;border-radius:3px}.halo-tree-search-box:focus{border:1px solid #108ee9;-webkit-box-shadow:0 2px 2px rgba(16,142,233,.2);box-shadow:0 2px 2px rgba(16,142,233,.2);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.halo-tree .node-title{padding:3px;border-radius:3px;cursor:pointer;margin:0 2px}.halo-tree .node-title:hover{background-color:#ccc}.halo-tree .node-title-disabled{padding:3px;border-radius:3px;background-color:#f5f5f5;opacity:1;cursor:not-allowed;margin:0 2px}.halo-tree .node-title-disabled:hover{background-color:#f5f5f5}.halo-tree .node-selected{border:1px solid #ddd;background-color:#ddd}.halo-tree .node-title.node-searched{border:1px solid #ff8247}svg[data-v-033bfdd8]{height:14px;width:14px;overflow:visible;line-height:14px}circle[data-v-033bfdd8]{fill:#1e90ff;fill-opacity:0;-webkit-animation:opacity-data-v-033bfdd8 1.2s linear infinite;animation:opacity-data-v-033bfdd8 1.2s linear infinite}circle[data-v-033bfdd8]:nth-child(12n+1){-webkit-animation-delay:-.1s;animation-delay:-.1s}circle[data-v-033bfdd8]:nth-child(12n+2){-webkit-animation-delay:-.2s;animation-delay:-.2s}circle[data-v-033bfdd8]:nth-child(12n+3){-webkit-animation-delay:-.3s;animation-delay:-.3s}circle[data-v-033bfdd8]:nth-child(12n+4){-webkit-animation-delay:-.4s;animation-delay:-.4s}circle[data-v-033bfdd8]:nth-child(12n+5){-webkit-animation-delay:-.5s;animation-delay:-.5s}circle[data-v-033bfdd8]:nth-child(12n+6){-webkit-animation-delay:-.6s;animation-delay:-.6s}circle[data-v-033bfdd8]:nth-child(12n+7){-webkit-animation-delay:-.7s;animation-delay:-.7s}circle[data-v-033bfdd8]:nth-child(12n+8){-webkit-animation-delay:-.8s;animation-delay:-.8s}circle[data-v-033bfdd8]:nth-child(12n+9){-webkit-animation-delay:-.9s;animation-delay:-.9s}circle[data-v-033bfdd8]:nth-child(12n+10){-webkit-animation-delay:-1s;animation-delay:-1s}circle[data-v-033bfdd8]:nth-child(12n+11){-webkit-animation-delay:-1.1s;animation-delay:-1.1s}circle[data-v-033bfdd8]:nth-child(12n+12){-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.g-circles--v2 circle[data-v-033bfdd8]{fill-opacity:0;stroke-opacity:0;stroke-width:1;stroke:#9acd32;-webkit-animation-name:opacity-stroke-data-v-033bfdd8,colors-data-v-033bfdd8,colors-stroke-data-v-033bfdd8,transform-2-data-v-033bfdd8;animation-name:opacity-stroke-data-v-033bfdd8,colors-data-v-033bfdd8,colors-stroke-data-v-033bfdd8,transform-2-data-v-033bfdd8}.g-circles--v3 circle[data-v-033bfdd8]{fill-opacity:1;-webkit-animation-name:opacity-data-v-033bfdd8,colors-data-v-033bfdd8;animation-name:opacity-data-v-033bfdd8,colors-data-v-033bfdd8}.g-circles--v4 circle[data-v-033bfdd8]{fill-opacity:1;fill:orange;-webkit-transform-origin:60px 60px;-ms-transform-origin:60px 60px;transform-origin:60px 60px;-webkit-animation-name:opacity-data-v-033bfdd8,colors-3-data-v-033bfdd8,transform-data-v-033bfdd8;animation-name:opacity-data-v-033bfdd8,colors-3-data-v-033bfdd8,transform-data-v-033bfdd8}@-webkit-keyframes opacity-data-v-033bfdd8{3%{fill-opacity:1}75%{fill-opacity:0}}@keyframes opacity-data-v-033bfdd8{3%{fill-opacity:1}75%{fill-opacity:0}}@-webkit-keyframes opacity-stroke-data-v-033bfdd8{10%{stroke-opacity:1}85%{stroke-opacity:0}}@keyframes opacity-stroke-data-v-033bfdd8{10%{stroke-opacity:1}85%{stroke-opacity:0}}@-webkit-keyframes colors-data-v-033bfdd8{0%{fill:#9acd32}10%{fill:gold}75%{fill:crimson}}@keyframes colors-data-v-033bfdd8{0%{fill:#9acd32}10%{fill:gold}75%{fill:crimson}}@-webkit-keyframes colors-stroke-data-v-033bfdd8{0%{stroke:#9acd32}10%{stroke:gold}75%{stroke:crimson}}@keyframes colors-stroke-data-v-033bfdd8{0%{stroke:#9acd32}10%{stroke:gold}75%{stroke:crimson}}@-webkit-keyframes colors-2-data-v-033bfdd8{0%{fill:#ff0}50%{fill:red}65%{fill:#ff4500}95%{fill:gold}}@keyframes colors-2-data-v-033bfdd8{0%{fill:#ff0}50%{fill:red}65%{fill:#ff4500}95%{fill:gold}}@-webkit-keyframes colors-3-data-v-033bfdd8{0%{fill:#9acd32}50%{fill:#40e0d0}65%{fill:#ff0}95%{fill:orange}}@keyframes colors-3-data-v-033bfdd8{0%{fill:#9acd32}50%{fill:#40e0d0}65%{fill:#ff0}95%{fill:orange}}@-webkit-keyframes transform-data-v-033bfdd8{10%{-webkit-transform:scale(.75);transform:scale(.75)}}@keyframes transform-data-v-033bfdd8{10%{-webkit-transform:scale(.75);transform:scale(.75)}}@-webkit-keyframes transform-2-data-v-033bfdd8{40%{-webkit-transform:scale(.85);transform:scale(.85)}60%{stroke-width:20}}@keyframes transform-2-data-v-033bfdd8{40%{-webkit-transform:scale(.85);transform:scale(.85)}60%{stroke-width:20}}.tree-container[data-v-1678f5ea]{position:relative;width:90%;height:36px;border:1px solid #ccc;border-radius:6px}.tag-box-container[data-v-1678f5ea]{position:relative;width:100%;height:36px;overflow:hidden}.tag-box[data-v-1678f5ea]{width:2000%;height:36px}.tree-box[data-v-1678f5ea]{margin-top:3px;border-radius:6px;border:1px solid #ccc;box-shadow:0 0 5px rgba(0,0,0,.4)}.tree-box ul[data-v-1678f5ea]{margin-left:0;-webkit-padding-start:10px}.search-input[data-v-1678f5ea]{width:96%;height:30px;box-sizing:border-box;margin:5px auto 0;border:1px solid #ccc;font-size:14px;text-indent:1em;border-radius:6px;outline:none}.tag[data-v-1678f5ea]{float:left;position:relative;min-width:50px;height:26px;margin:4px;padding:0 10px;line-height:26px;text-align:center;border-radius:6px;background-color:#fff;border:1px solid #ccc;user-select:none;cursor:default;transition:padding .3s}.tag .rmNode[data-v-1678f5ea]{display:none}.tag[data-v-1678f5ea]:hover{padding-right:25px}.tag:hover>.rmNode[data-v-1678f5ea]{display:block!important}.blank[data-v-1678f5ea]{background-color:#fff;border:0}.rmNode[data-v-1678f5ea]{position:absolute;right:5px;top:5px;width:15px;height:15px;line-height:15px;font-size:12px;background-color:#b3b3b3;color:#ececec;border-radius:50%;cursor:pointer}.fade-enter-active[data-v-1678f5ea],.fade-leave-active[data-v-1678f5ea]{transition:opacity .5s,transform .5s}.fade-enter[data-v-1678f5ea],.fade-leave-active[data-v-1678f5ea]{opacity:0;transform:translateY(-10px)} -/*# sourceMappingURL=halower-tree.min.css.map*/ \ No newline at end of file +.halo-tree li span:hover{background-color:transparent}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}.halo-tree .expand-enter-active{transition:all 3s ease;height:50px;overflow:hidden}.halo-tree .expand-leave-active{transition:all 3s ease;height:0;overflow:hidden}.halo-tree .expand-enter,.halo-tree .expand-leave{height:0;opacity:0}.halo-tree{font-size:14px;-webkit-transition:height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;transition:height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out}.halo-tree ul{box-sizing:border-box}.halo-tree li,.halo-tree ul{list-style-type:none;text-align:left}.halo-tree .inputCheck{display:inline-block;position:relative;width:14px;height:14px;border:1px solid #888;border-radius:2px;top:4px;text-align:center;font-size:14px;line-height:14px}.halo-tree .inputCheck.notAllNodes:before{content:"\2713";display:block;position:absolute;width:100%;height:100%;background-color:#888;z-index:1;color:#fff}.halo-tree .inputCheck.box-checked:after{content:"\2713";display:block;position:absolute;z-index:1;width:100%;text-align:center}.halo-tree .box-halfchecked{background-color:#888}.halo-tree .box-halfchecked:after{content:"\2713";display:block;position:absolute;z-index:1;width:100%;text-align:center;color:#fff}.halo-tree .check{display:block;position:absolute;font-size:14px;width:16px;height:16px;left:-5px;top:-4px;border:1px solid #000;opacity:0;cursor:pointer;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);z-index:2}.halo-tree .chkDisabled{background-color:#f5f5f5;opacity:1;cursor:not-allowed}.halo-tree li{margin:0;padding:5px 5px 5px 15px;position:relative;list-style:none}.halo-tree li:after,.halo-tree li:before{content:"";left:-8px;position:absolute;right:auto;border-width:1px}.halo-tree li:before{border-left:1px dashed #999;bottom:50px;height:100%;top:-8px;width:1px}.halo-tree li:after{border-top:1px dashed #999;height:20px;top:17px;width:28px}.halo-tree li:last-child:before{height:26px}.halo-tree>li.first-node:before{top:17px}.halo-tree>li.second-node:before{top:4px}.halo-tree>li.first-node.only-node:before{border-left:none}.halo-tree>li.only-node:after{border-top:none}.halo-tree>ul{padding-left:0}.halo-tree ul{padding-left:17px;padding-top:10px}.halo-tree .tree-expand{display:inline-block;width:14px;height:14px;text-align:center;line-height:13px;border:1px solid #888;border-radius:2px;background:#fff;font-style:normal}.halo-tree .tree-open{line-height:13px}.halo-tree .tree-close:after{content:"+"}.halo-tree .tree-open:after{content:"\2013"}.halo-tree .tree-empty:after{content:""}.halo-tree .tree-node-el{background-color:#fff;padding-left:2px;position:relative;z-index:3}.halo-tree li.leaf{padding-left:15px}.halo-tree li.leaf:after{content:"";left:-7px;position:absolute;right:auto;border-width:1px;border-top:1px dashed #999;height:20px;top:17px;width:25px}.halo-tree-search-box{height:18px;line-height:18px;outline:none;border:1px solid #888;border-radius:3px}.halo-tree-search-box:focus{border:1px solid #108ee9;-webkit-box-shadow:0 2px 2px rgba(16,142,233,.2);box-shadow:0 2px 2px rgba(16,142,233,.2);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.halo-tree .node-title{padding:3px;border-radius:3px;cursor:pointer;margin:0 2px}.halo-tree .node-title:hover{background-color:#ccc}.halo-tree .node-title-disabled{padding:3px;border-radius:3px;background-color:#f5f5f5;opacity:1;cursor:not-allowed;margin:0 2px}.halo-tree .node-title-disabled:hover{background-color:#f5f5f5}.halo-tree .node-selected{border:1px solid #ddd;background-color:#ddd}.halo-tree .node-title.node-searched{border:1px solid #ff8247}svg[data-v-033bfdd8]{height:14px;width:14px;overflow:visible;line-height:14px}circle[data-v-033bfdd8]{fill:#1e90ff;fill-opacity:0;-webkit-animation:opacity-data-v-033bfdd8 1.2s linear infinite;animation:opacity-data-v-033bfdd8 1.2s linear infinite}circle[data-v-033bfdd8]:nth-child(12n+1){-webkit-animation-delay:-.1s;animation-delay:-.1s}circle[data-v-033bfdd8]:nth-child(12n+2){-webkit-animation-delay:-.2s;animation-delay:-.2s}circle[data-v-033bfdd8]:nth-child(12n+3){-webkit-animation-delay:-.3s;animation-delay:-.3s}circle[data-v-033bfdd8]:nth-child(12n+4){-webkit-animation-delay:-.4s;animation-delay:-.4s}circle[data-v-033bfdd8]:nth-child(12n+5){-webkit-animation-delay:-.5s;animation-delay:-.5s}circle[data-v-033bfdd8]:nth-child(12n+6){-webkit-animation-delay:-.6s;animation-delay:-.6s}circle[data-v-033bfdd8]:nth-child(12n+7){-webkit-animation-delay:-.7s;animation-delay:-.7s}circle[data-v-033bfdd8]:nth-child(12n+8){-webkit-animation-delay:-.8s;animation-delay:-.8s}circle[data-v-033bfdd8]:nth-child(12n+9){-webkit-animation-delay:-.9s;animation-delay:-.9s}circle[data-v-033bfdd8]:nth-child(12n+10){-webkit-animation-delay:-1s;animation-delay:-1s}circle[data-v-033bfdd8]:nth-child(12n+11){-webkit-animation-delay:-1.1s;animation-delay:-1.1s}circle[data-v-033bfdd8]:nth-child(12n+12){-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.g-circles--v2 circle[data-v-033bfdd8]{fill-opacity:0;stroke-opacity:0;stroke-width:1;stroke:#9acd32;-webkit-animation-name:opacity-stroke-data-v-033bfdd8,colors-data-v-033bfdd8,colors-stroke-data-v-033bfdd8,transform-2-data-v-033bfdd8;animation-name:opacity-stroke-data-v-033bfdd8,colors-data-v-033bfdd8,colors-stroke-data-v-033bfdd8,transform-2-data-v-033bfdd8}.g-circles--v3 circle[data-v-033bfdd8]{fill-opacity:1;-webkit-animation-name:opacity-data-v-033bfdd8,colors-data-v-033bfdd8;animation-name:opacity-data-v-033bfdd8,colors-data-v-033bfdd8}.g-circles--v4 circle[data-v-033bfdd8]{fill-opacity:1;fill:orange;-webkit-transform-origin:60px 60px;-ms-transform-origin:60px 60px;transform-origin:60px 60px;-webkit-animation-name:opacity-data-v-033bfdd8,colors-3-data-v-033bfdd8,transform-data-v-033bfdd8;animation-name:opacity-data-v-033bfdd8,colors-3-data-v-033bfdd8,transform-data-v-033bfdd8}@-webkit-keyframes opacity-data-v-033bfdd8{3%{fill-opacity:1}75%{fill-opacity:0}}@keyframes opacity-data-v-033bfdd8{3%{fill-opacity:1}75%{fill-opacity:0}}@-webkit-keyframes opacity-stroke-data-v-033bfdd8{10%{stroke-opacity:1}85%{stroke-opacity:0}}@keyframes opacity-stroke-data-v-033bfdd8{10%{stroke-opacity:1}85%{stroke-opacity:0}}@-webkit-keyframes colors-data-v-033bfdd8{0%{fill:#9acd32}10%{fill:gold}75%{fill:crimson}}@keyframes colors-data-v-033bfdd8{0%{fill:#9acd32}10%{fill:gold}75%{fill:crimson}}@-webkit-keyframes colors-stroke-data-v-033bfdd8{0%{stroke:#9acd32}10%{stroke:gold}75%{stroke:crimson}}@keyframes colors-stroke-data-v-033bfdd8{0%{stroke:#9acd32}10%{stroke:gold}75%{stroke:crimson}}@-webkit-keyframes colors-2-data-v-033bfdd8{0%{fill:#ff0}50%{fill:red}65%{fill:#ff4500}95%{fill:gold}}@keyframes colors-2-data-v-033bfdd8{0%{fill:#ff0}50%{fill:red}65%{fill:#ff4500}95%{fill:gold}}@-webkit-keyframes colors-3-data-v-033bfdd8{0%{fill:#9acd32}50%{fill:#40e0d0}65%{fill:#ff0}95%{fill:orange}}@keyframes colors-3-data-v-033bfdd8{0%{fill:#9acd32}50%{fill:#40e0d0}65%{fill:#ff0}95%{fill:orange}}@-webkit-keyframes transform-data-v-033bfdd8{10%{-webkit-transform:scale(.75);transform:scale(.75)}}@keyframes transform-data-v-033bfdd8{10%{-webkit-transform:scale(.75);transform:scale(.75)}}@-webkit-keyframes transform-2-data-v-033bfdd8{40%{-webkit-transform:scale(.85);transform:scale(.85)}60%{stroke-width:20}}@keyframes transform-2-data-v-033bfdd8{40%{-webkit-transform:scale(.85);transform:scale(.85)}60%{stroke-width:20}}.tree-container[data-v-1678f5ea]{position:relative;width:90%;height:36px;border:1px solid #ccc;border-radius:6px}.tag-box-container[data-v-1678f5ea]{position:relative;width:100%;height:36px;overflow:hidden}.tag-box[data-v-1678f5ea]{width:2000%;height:36px}.tree-box[data-v-1678f5ea]{margin-top:3px;border-radius:6px;border:1px solid #ccc;box-shadow:0 0 5px rgba(0,0,0,.4)}.tree-box ul[data-v-1678f5ea]{margin-left:0;-webkit-padding-start:10px}.search-input[data-v-1678f5ea]{width:96%;height:30px;box-sizing:border-box;margin:5px auto 0;border:1px solid #ccc;font-size:14px;text-indent:1em;border-radius:6px;outline:none}.tag[data-v-1678f5ea]{float:left;position:relative;min-width:50px;height:26px;margin:4px;padding:0 10px;line-height:26px;text-align:center;border-radius:6px;background-color:#fff;border:1px solid #ccc;user-select:none;cursor:default;transition:padding .3s}.tag .rmNode[data-v-1678f5ea]{display:none}.tag[data-v-1678f5ea]:hover{padding-right:25px}.tag:hover>.rmNode[data-v-1678f5ea]{display:block!important}.blank[data-v-1678f5ea]{background-color:#fff;border:0}.rmNode[data-v-1678f5ea]{position:absolute;right:5px;top:5px;width:15px;height:15px;line-height:15px;font-size:12px;background-color:#b3b3b3;color:#ececec;border-radius:50%;cursor:pointer}.fade-enter-active[data-v-1678f5ea],.fade-leave-active[data-v-1678f5ea]{transition:opacity .5s,transform .5s}.fade-enter[data-v-1678f5ea],.fade-leave-active[data-v-1678f5ea]{opacity:0;transform:translateY(-10px)} \ No newline at end of file