.container[data-v-4fb34576]{width:20vw;height:90vh}.container[data-v-565c6858]{width:19.5vw;height:90vh}.search[data-v-565c6858]{width:17.5vw;height:5vh;margin:1vh .5vw}.classify[data-v-565c6858]{margin:0;padding:0;width:19.5vw;height:83vh;display:flex;justify-content:space-between;overflow-y:scroll;position:relative}.container .classify .menu[data-v-565c6858]{width:4vw;height:80vh;list-style:none;display:block;position:fixed}.container .classify .menu li[data-v-565c6858]{height:8vh;line-height:8vh;cursor:pointer;font-size:24px;text-align:center;border-radius:0 4vh 4vh 0}.menu-item .iconfont[data-v-565c6858]{font-size:22px}.active[data-v-565c6858],.menu-item[data-v-565c6858]:hover{background-color:#f5f6fa}.menu-right[data-v-565c6858]{height:80vh;overflow-y:auto;width:16vw;position:relative;left:4vw}.elements[data-v-565c6858]{width:15.5vw;display:flex;background-color:#fff;list-style:none;flex-wrap:wrap;height:81vh;align-content:flex-start;position:absolute;right:0}.element[data-v-565c6858]{width:6.5vw;height:8vh;background-color:#f5f6fa;border-radius:4px;margin-right:.5vw;margin-bottom:1vh;cursor:pointer}.element[data-v-565c6858]:hover{background-color:#fafafa}.emptyResult[data-v-565c6858]{width:19.5vw;display:flex;justify-content:center;align-content:center}.component-list[data-v-28cefbca]{display:flex;flex-wrap:wrap}.list.active[data-v-28cefbca]{cursor:-webkit-grabbing;cursor:grabbing}.list .text[data-v-28cefbca]{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;border:1px solid #dcdfe6;padding:12px 2px;font-size:14px;margin-left:10px;transition:.1s;border-radius:4px;font-weight:500;height:14px;width:80px;color:#1d1d1f;text-align:center}.toolbar[data-v-11a5c314]{padding:8px;display:flex;width:60vw;margin:auto;margin-bottom:8vh;justify-content:space-between}.left[data-v-11a5c314]{width:50%;display:flex;justify-content:space-between}.insert[data-v-11a5c314]{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;border:1px solid #dcdfe6;padding:12px 2px;font-size:14px;transition:.1s;border-radius:4px;font-weight:500;height:14px;min-width:80px;color:#1d1d1f;text-align:center}.insert[data-v-11a5c314]:hover{background-color:#ecf5ff;color:#3a8ee6}.export[data-v-11a5c314]{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;border:1px solid #dcdfe6;padding:12px 20px;font-size:14px;margin-left:10px;transition:.1s;border-radius:4px;font-weight:500;height:14px;width:56px;color:#fff;text-align:center;background-color:#71c563}.export[data-v-11a5c314]:hover{background-color:#a99bd6}.shape[data-v-2ae31014]{position:absolute}.shape[data-v-2ae31014]:hover{cursor:move}.active[data-v-2ae31014]{outline:1px solid #70c0ff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.shape-point[data-v-2ae31014]{position:absolute;background-color:#fff;border:1px solid #59c7f9;width:8px;height:8px;border-radius:50%;z-index:1}.icon-xiangyouxuanzhuan[data-v-2ae31014]{position:absolute;top:-34px;left:50%;transform:translateX(-50%);cursor:-webkit-grab;cursor:grab;color:#59c7f9;font-size:20px;font-weight:600}.icon-xiangyouxuanzhuan[data-v-2ae31014]:active{cursor:-webkit-grabbing;cursor:grabbing}.icon-suo[data-v-2ae31014]{position:absolute;top:0;right:0}.grid[data-v-41ac05ae]{position:absolute;top:0;left:0;z-index:-9999}.contextmenu[data-v-32a94101]{position:absolute;z-index:10000}ul[data-v-32a94101]{border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-sizing:border-box;margin:5px 0;padding:6px 0}li[data-v-32a94101]{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}li[data-v-32a94101]:hover{background-color:#f5f7f5}.editor[data-v-5c0938e6]{position:relative;margin:auto;background-color:#fff;perspective:100px}.component[data-v-5c0938e6]{outline:none;width:100%;height:100%}#div2[data-v-5c0938e6]{width:100px;height:75px;background-color:red;border:1px solid #000}

/*!
 * Cropper.js v1.5.12
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-06-12T08:00:11.623Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.cropper-content[data-v-44c9766b]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1001}.cropper_area[data-v-44c9766b]{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;display:flex;flex-direction:column}.top-btn[data-v-44c9766b]{flex:4;display:flex;max-height:417px}.footer-btn[data-v-44c9766b]{flex:1;margin-top:20px;min-height:50px}.cropper[data-v-44c9766b]{flex:4;overflow:hidden;background:#87ceeb;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.show-preview[data-v-44c9766b]{flex:1;background-color:#f5f5f5;text-align:center;font-size:16px}.before[data-v-44c9766b]{width:100%;height:100%;overflow:hidden}.preview[data-v-44c9766b]{overflow:hidden;border:1px solid #468ac8;background:#ccc}.attr-list[data-v-73965bd6]{overflow-y:auto;padding:20px;padding-top:0;min-height:70vh}main[data-v-04e1c6a3]{height:90vh;width:100vw;display:flex}.left[data-v-04e1c6a3]{height:90vh;width:19.5vw;left:0;top:0}.right[data-v-04e1c6a3]{height:90vh;width:10vw;right:0;top:0}.center[data-v-04e1c6a3]{background-color:#f5f5f5;width:70.5vw;height:88vh;margin:auto;border-radius:4px;overflow-y:scroll}.content[data-v-04e1c6a3]{margin:2vh auto;width:66vw;height:43vw;overflow:hidden;z-index:100}.placeholder[data-v-04e1c6a3]{text-align:center;color:#333;font-size:14px}