mirror of
https://github.com/Tencent/tmagic-editor.git
synced 2026-03-23 22:12:26 +00:00
2 lines
39 KiB
CSS
2 lines
39 KiB
CSS
html,body,#app{width:100%;height:100%;margin:0;padding:0}.m-editor-workspace *{user-select:none}.m-editor-workspace .el-slider{opacity:.5;width:250px;transition:opacity 1s;position:absolute;bottom:40px;left:20px}.m-editor-workspace .el-slider:hover{opacity:1}.m-editor-workspace .el-radio-group{z-index:10;position:absolute;top:10px;right:40px}.m-editor-workspace .viewer-scrollbar>.el-scrollbar__bar{display:none}.m-editor-workspace .select-component{text-align:center;transform:translateY(-70px)}.m-editor-workspace .select-component p{margin-top:8px}.m-editor-workspace .close-pop-button{position:absolute;left:50%;transform:translate(-50%)}.m-editor-nav-menu .tmagic-design-form-item{margin-bottom:0}html{overflow:hidden}#app{width:100%;height:100%;display:flex}.editor-app{width:100%;height:100%}.editor-app .m-editor{flex:1;height:100%}.editor-app .el-overlay-dialog{display:flex}.editor-app .pre-viewer{margin:auto}.editor-app .pre-viewer .el-dialog__body{padding:0}.editor-app .menu-left .menu-item-text{margin-left:10px}.m-editor-nav-menu[data-v-ede6516f]{justify-content:flex-end;height:35px}.diff-form{width:500px;margin:20px 0 0 50px}.title{margin:20px 0 0 50px}.form-content{height:800px;display:flex}.form-content .code-editor-content,.form-content .m-form{width:50%}.form-content .m-form{padding:20px;overflow-x:hidden;overflow-y:auto}.table-content{height:calc(100% - 35px);display:flex}.table-content .right-panel,.table-content .left-panel{width:50%}.table-content .code-editor-content{height:calc(100vh - 100px)}.m-fields-ui-select{cursor:pointer}.m-fields-ui-select i{margin-right:3px}.m-fields-ui-select span{color:#2882e0}.m-editor-scroll-bar{opacity:.3;background-color:transparent;transition:background-color .2s linear,opacity .2s linear;position:absolute}.m-editor-scroll-bar .m-editor-scroll-bar-thumb{background-color:#aaa;border-radius:6px;position:absolute}.m-editor-scroll-bar.horizontal{width:100%;height:15px;bottom:0}.m-editor-scroll-bar.horizontal .m-editor-scroll-bar-thumb{height:6px;transition:background-color .2s linear,height .2s ease-in-out;bottom:2px}.m-editor-scroll-bar.vertical{width:15px;height:100%;right:5px}.m-editor-scroll-bar.vertical .m-editor-scroll-bar-thumb{width:6px;transition:background-color .2s linear,width .2s ease-in-out;right:2px}.m-editor-scroll-bar:hover,.m-editor-scroll-bar:focus{opacity:.9;background-color:#eee}.m-editor-scroll-bar:hover .m-editor-scroll-bar-thumb,.m-editor-scroll-bar:focus .m-editor-scroll-bar-thumb{background-color:#999}.m-editor-scroll-bar:hover.horizontal .m-editor-scroll-bar-thumb,.m-editor-scroll-bar:focus.horizontal .m-editor-scroll-bar-thumb{height:11px}.m-editor-scroll-bar:hover.vertical .m-editor-scroll-bar-thumb,.m-editor-scroll-bar:focus.vertical .m-editor-scroll-bar-thumb{width:11px}.tmagic-design-popper{color:#606266;overflow-wrap:break-word;box-sizing:border-box;background-color:#fff;border:1px solid #e4e7ed;border-radius:4px;min-width:150px;padding:10px;font-size:14px;line-height:1.4;box-shadow:0 0 12px rgba(0,0,0,.12)}.tmagic-design-popper:focus{outline:none}.tmagic-design-popper[data-popper-placement^=top]>.tmagic-design-popper-arrow{bottom:-4px}.tmagic-design-popper[data-popper-placement^=bottom]>.tmagic-design-popper-arrow{top:-4px}.tmagic-design-popper[data-popper-placement^=left]>.tmagic-design-popper-arrow{right:-4px}.tmagic-design-popper[data-popper-placement^=right]>.tmagic-design-popper-arrow{left:-4px}.tmagic-design-popper-arrow,.tmagic-design-popper-arrow:before{background:inherit;width:8px;height:8px;position:absolute}.tmagic-design-popper-arrow{visibility:hidden}.tmagic-design-popper-arrow:before{visibility:visible;content:"";transform:rotate(45deg)}.m-table .el-button.action-btn+.el-button.action-btn{margin-left:0}.m-table .keep-all{word-break:keep-all}.m-table .el-table .cell>div{vertical-align:middle;display:inline-block}.m-table .el-table__row.el-table__row--level-1{color:#999}.tmagic-design-form-inline .m-form-container{display:inline-flex}.m-form-container.has-tip{align-items:baseline;display:flex}.m-form-container.has-tip .tmagic-design-form-item{flex:1}.m-form-container .tmagic-design-form-item.show-diff{background:#f7dadd}.m-form-dialog .el-dialog__body{padding:0!important}.m-form-dialog .m-dialog-body{padding:0 20px}.m-form-dialog .el-table .m-form-item .el-form-item{margin-bottom:0}.m-form-drawer .el-drawer__header{margin:0}.m-form-drawer .m-drawer-body{height:100%;overflow-x:hidden;overflow-y:auto}.m-form .m-form-tip{color:rgba(0,0,0,.45);font-size:12px;transition:color .3s cubic-bezier(.215,.61,.355,1)}.m-form .m-form-schematic{max-width:50%;height:100%}.m-form .tmagic-design-table .cell>div.m-form-container{display:block}.m-form .tmagic-design-table .cell>div.m-form-container.has-tip{display:flex}.m-form .tmagic-design-tabs{margin-bottom:10px}.m-form .tmagic-design-form-item.tmagic-form-hidden>.el-form-item__label,.m-form .t-form__item.tmagic-form-hidden>.t-form__label{display:none}.m-form .t-form__item.tmagic-form-hidden>.t-form__controls{margin-left:0!important}.m-form.t-form:not(.t-form-inline) .t-form__item:last-of-type{margin-bottom:var(--td-comp-margin-xxl)}.magic-datetime-picker-popper .el-picker-panel__footer button:first-child{display:none}.m-fields-text{align-items:center;width:100%;display:flex}.m-form-validate__warning{color:var(--el-color-warning);width:100%;font-size:12px;line-height:1.4}.tmagic-form-text-popper{color:#606266;overflow-wrap:break-word;box-sizing:border-box;background-color:#fff;border:1px solid #e4e7ed;border-radius:4px;min-width:150px;padding:10px;font-size:14px;line-height:1.4;box-shadow:0 0 12px rgba(0,0,0,.12)}.tmagic-form-text-popper:focus{outline:none}.tmagic-form-text-popper[data-popper-placement^=top]>.tmagic-form-text-popper-arrow{bottom:-4px}.tmagic-form-text-popper[data-popper-placement^=bottom]>.tmagic-form-text-popper-arrow{top:-4px}.tmagic-form-text-popper[data-popper-placement^=left]>.tmagic-form-text-popper-arrow{right:-4px}.tmagic-form-text-popper[data-popper-placement^=right]>.tmagic-form-text-popper-arrow{left:-4px}.tmagic-form-text-popper-arrow,.tmagic-form-text-popper-arrow:before{background:inherit;width:8px;height:8px;position:absolute}.tmagic-form-text-popper-arrow{visibility:hidden}.tmagic-form-text-popper-arrow:before{visibility:visible;content:"";transform:rotate(45deg)}div.m-fields-link{width:fit-content}fieldset.m-fieldset{border:1px solid #e5e5e5;min-inline-size:auto;margin-top:10px;margin-bottom:10px;position:relative}fieldset.m-fieldset .el-checkbox{height:22px}fieldset.m-fieldset legend{background:#fff;border:0;width:auto;padding:0 3px;font-size:14px;font-weight:700;line-height:20px;position:absolute;top:-10px;left:20px}fieldset.m-fieldset .m-form-tip{margin-left:5px}.m-fields-group-list .el-button--text,.m-fields-group-list .el-tree-node__expand-icon{margin-bottom:7px;padding:0}.m-fields-group-list .el-tree-node__expand-icon.expand{transform:rotate(90deg)}.m-fields-group-list .m-fields-group-list-item{border-bottom:1px solid #ebeef5;margin-bottom:7px}.m-fields-group-list .m-fields-group-list-item:last-of-type{border-bottom:0}.m-fields-group-list .tmagic-design-card .el-card__header{padding:5px 20px}.m-fields-group-list .tmagic-design-card .t-card__header{padding:5px 0}.m-fields-group-list .m-fields-group-list-footer{justify-content:space-between;margin-top:10px;display:flex}.m-form-panel .el-card__header:hover{background:#f2f6fc}.m-form-panel .el-card__header a{color:#409eff}.m-form-panel .el-card__body{padding:10px}.m-form-panel .m-form-tip{margin-left:5px}.m-container-panel:not(:last-of-type){margin-bottom:20px}.m-fields-table-wrap{width:100%}.m-fields-table-wrap.fixed{z-index:100;background:rgba(0,0,0,.5);align-items:center;height:100%;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.m-fields-table-wrap.fixed>.el-form-item__content{z-index:101;max-width:fit-content;margin:10vh auto;position:relative}.m-fields-table-wrap.fixed table{width:95vw!important}.m-fields-table{width:100%}.m-fields-table th{color:#333!important;background-color:#f2f2f2!important}.m-fields-table .el-table th{padding:0!important}.m-fields-table .el-table__column--dropable{cursor:move}.m-fields-table .el-form-item__content .el-input-group{vertical-align:middle}.m-fields-table.m-fields-table-item-extra tr.expanded td{border-bottom:0}.m-fields-table .el-table__expanded-cell .m-form-tip{margin-left:80px}.m-fields-table .el-form-item{margin-bottom:0}.m-fields-table .tmagic-form-table-drag-target{cursor:move}.m-select{width:100%}.magic-form-dynamic-tab .el-tabs__header.is-top{padding-right:8px}.magic-form-dynamic-tab .el-tabs__header.is-top .el-tabs__new-tab{color:#409eff;border-color:#409eff;outline:none;width:10px;min-width:50px;margin-right:auto}.magic-form-dynamic-tab .el-tabs__header.is-top .el-tabs__new-tab:before{content:"添加"}.magic-form-dynamic-tab .el-tabs__header.is-top .el-tabs__new-tab .el-icon-plus{display:none}.magic-form-tab{margin-bottom:10px}.diff-count-badge{top:-10px}.m-fields-number-range{align-items:center;display:flex}.m-fields-number-range .split-tag{margin:0 5px}.m-form-box{flex-direction:column;display:flex}.m-form-box .el-box__header{margin:0}.m-form-box .dialog-footer{justify-content:space-between;align-items:center;display:flex}.tmagic-design-input.search-input{color:#bbb;box-sizing:border-box;z-index:1;background:0 0;padding:10px;position:absolute;top:0;left:0}.tmagic-design-input.search-input .el-input__prefix{padding:7px}.m-editor-nav-menu{z-index:5;color:#313a40;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #d8dee8;flex:0 0 35px;justify-content:space-between;align-items:center;margin:0;font-size:19.2px;font-weight:400;display:flex}.m-editor-nav-menu>div{z-index:1;align-items:center;gap:3px;height:100%;display:flex}.m-editor-nav-menu .menu-center{justify-content:center}.m-editor-nav-menu .menu-right{justify-content:flex-end}.m-editor-nav-menu .menu-item{vertical-align:middle;color:rgba(255,255,255,.7);height:100%;box-sizing:inherit;z-index:1;border-bottom:2px solid transparent;flex-direction:row;align-items:center;margin:0;font-size:14px;line-height:1;transition:all .3s;display:flex!important}.m-editor-nav-menu .menu-item .is-disabled{opacity:.5}.m-editor-nav-menu .menu-item .is-text{padding:5px}.m-editor-nav-menu .menu-item .is-text>i{color:#313a40}.m-editor-nav-menu .menu-item .icon{align-items:center;height:100%;padding:0 8px;display:flex}.m-editor-nav-menu .menu-item .menu-item-text{color:#313a40}.m-editor-nav-menu .menu-item.rule .el-icon{transform:rotate(-90deg)}.m-editor-nav-menu .menu-item .t-button{padding-left:1px;padding-right:1px}.m-editor{flex-direction:column;width:100%;display:flex}.m-editor-content{height:calc(100% - 35px)}.m-editor-framework-center{flex:1;position:relative;transform:translateZ(0)}.m-editor-framework-left{background-color:#fff}.m-editor-framework-center .el-scrollbar__view{justify-content:center;align-items:center;height:100%;min-height:100%;display:flex}.m-editor-empty-panel{flex-direction:column;flex:1;justify-content:center;align-items:center;height:calc(100% - 32px);display:flex}.m-editor-empty-content{flex-direction:row;justify-content:space-evenly;width:100%;display:flex}.m-editor-empty-button{color:rgba(0,0,0,.6);cursor:pointer;border:3px solid rgba(0,0,0,.2);padding:10px 40px}.m-editor-empty-button i{height:180px;font-size:100px;line-height:180px}.m-editor-empty-button p{text-align:center;margin-top:5px;font-size:20px}.m-editor-empty-button:hover{color:#2882e0;border-color:#2882e0}.m-editor-sidebar{height:100%;display:flex;position:relative}.m-editor-sidebar .m-editor-sidebar-header{background:#2882e0;width:40px;height:100%}.m-editor-sidebar .m-editor-sidebar-header .m-editor-sidebar-header-item{color:#fff;box-sizing:border-box;cursor:pointer;height:auto;padding:8px;line-height:15px}.m-editor-sidebar .m-editor-sidebar-header .m-editor-sidebar-header-item.is-active{background:#fff}.m-editor-sidebar .m-editor-sidebar-header .m-editor-sidebar-header-item.is-active i,.m-editor-sidebar .m-editor-sidebar-header .m-editor-sidebar-header-item.is-active .magic-editor-tab-panel-title{color:#353140}.m-editor-sidebar .m-editor-sidebar-header i{color:rgba(255,255,255,.6);font-size:25px}.m-editor-sidebar .m-editor-sidebar-header i:hover{color:#fff}.m-editor-sidebar .m-editor-sidebar-header .magic-editor-tab-panel-title{white-space:normal;user-select:none;font-size:12px}.m-editor-sidebar .m-editor-sidebar-content{width:calc(100% - 40px);height:100%;overflow:auto}.m-editor-sidebar .m-editor-sidebar-tips{text-align:center;color:#e6a23c;background-color:rgba(253,246,236,.9);width:calc(100% - 40px);padding:5px 0;font-size:12px;position:absolute;bottom:0;left:40px}.m-editor-sidebar .m-editor-sidebar-tips .close-icon{cursor:pointer;position:absolute;right:15px}.m-editor-sidebar .fold-icon{color:#fff;opacity:.8;cursor:pointer;width:45px;padding-left:8px;font-size:32px;position:absolute;bottom:8px;left:0}.m-editor-sidebar .fold-icon:hover{background:rgba(0,0,0,.2)}.m-editor-slide-list-box>div:first-child{min-width:240px}.m-editor-slide-list-box .m-form-box{border-left:1px solid #e0e0e0}.m-editor-layer-panel{background:#fff}.m-editor-layer-panel .m-editor-tree{padding-top:48px}.m-editor-layer-panel .m-editor-tree .tree-node-tool{padding-right:10px}.m-editor-layer-panel .m-editor-tree .tree-node-tool .tmagic-design-button+.tmagic-design-button{margin-left:2px}.m-editor-layer-panel .m-editor-tree .tree-node.selected .tree-node-tool .tmagic-design-button{color:#fff}.m-editor-layer-panel .search-wrapper{z-index:1;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:0}.m-editor-layer-panel .search-wrapper .search-input{flex:1;position:relative}.m-editor-layer-panel .search-wrapper .tmagic-design-button{margin-right:10px}.ui-component-panel.tmagic-design-collapse{background-color:#fff;margin-top:48px;border-top:0!important}.ui-component-panel.tmagic-design-collapse .tmagic-design-collapse-item>div:first-of-type{border-bottom:1px solid #d9dbdd;margin-bottom:10px}.ui-component-panel.tmagic-design-collapse .tmagic-design-collapse-item>.el-collapse-item__header{box-sizing:border-box;padding:0 10px}.ui-component-panel.tmagic-design-collapse .el-collapse-item__title{align-items:center;gap:3px;display:flex}.ui-component-panel.tmagic-design-collapse .el-collapse-item__header,.ui-component-panel.tmagic-design-collapse .t-collapse-panel__header{color:#313a40;background:#fff;height:25px;padding-left:10px;font-size:12px;line-height:25px}.ui-component-panel.tmagic-design-collapse .el-collapse-item__header i,.ui-component-panel.tmagic-design-collapse .t-collapse-panel__header i{margin-right:5px;font-size:14px}.ui-component-panel.tmagic-design-collapse .el-collapse-item__wrap,.ui-component-panel.tmagic-design-collapse .t-collapse-panel__body{background:#fff;border-bottom:0}.ui-component-panel.tmagic-design-collapse .el-collapse-item__wrap .el-collapse-item__content,.ui-component-panel.tmagic-design-collapse .el-collapse-item__wrap .t-collapse-panel__content,.ui-component-panel.tmagic-design-collapse .t-collapse-panel__body .el-collapse-item__content,.ui-component-panel.tmagic-design-collapse .t-collapse-panel__body .t-collapse-panel__content{flex-wrap:wrap;padding:10px;display:flex}.ui-component-panel.tmagic-design-collapse .el-collapse-item__wrap .component-item,.ui-component-panel.tmagic-design-collapse .t-collapse-panel__body .component-item{text-overflow:ellipsis;box-sizing:border-box;color:#313a40;cursor:pointer;flex-direction:column;width:42px;margin:5px 10px;display:flex;overflow:hidden}.ui-component-panel.tmagic-design-collapse .el-collapse-item__wrap .component-item i,.ui-component-panel.tmagic-design-collapse .t-collapse-panel__body .component-item i{color:#909090;background:#fff;border:1px solid #d9dbdd;border-radius:5px;justify-content:space-evenly;align-items:center;width:40px;height:40px;margin-bottom:5px;font-size:20px;line-height:40px;display:flex}.ui-component-panel.tmagic-design-collapse .el-collapse-item__wrap .component-item i:hover,.ui-component-panel.tmagic-design-collapse .t-collapse-panel__body .component-item i:hover{color:#fff;background:#2882e0;border-color:#4e8be1}.ui-component-panel.tmagic-design-collapse .el-collapse-item__wrap .component-item span,.ui-component-panel.tmagic-design-collapse .t-collapse-panel__body .component-item span{text-align:center;font-size:12px}.ui-component-panel.tmagic-design-collapse .el-collapse-item__wrap .component-item .el-tooltip,.ui-component-panel.tmagic-design-collapse .t-collapse-panel__body .component-item .el-tooltip{white-space:normal;width:50px;height:30px;margin:0;line-height:15px;display:block}.ui-component-panel .t-collapse{margin-top:0;padding-top:48px;position:relative}.m-editor-resizer{opacity:.8;box-sizing:border-box;cursor:col-resize;z-index:1;background:#d8dee8 padding-box padding-box;border-left:2px solid transparent;border-right:2px solid transparent;width:8px;height:100%;margin:0 -5px;position:relative}.m-editor-resizer:hover{border-color:#d8dee8}.m-editor-resizer:hover .icon-container{visibility:visible;opacity:1}.m-editor-resizer.m-editor-resizer-dragging:after{content:"";width:600px;height:100%;position:absolute;left:0}.m-editor-resizer.m-editor-resizer-dragging:before{content:"";width:600px;height:100%;position:absolute;right:0}.m-editor-resizer .icon-container{visibility:hidden;opacity:0;text-align:center;cursor:pointer;background:#d8dee8;width:20px;height:120px;line-height:120px;transition:opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.m-editor-resizer .icon-container.position-left{transform:translate(calc(-100% - 4px),-50%)}.m-editor-resizer .icon-container.position-right{transform:translate(calc(100% + 4px),-50%)}.m-editor-resizer .icon{color:#fff;font-size:18px}.m-editor-workspace{user-select:none;width:100%;height:100%}.m-editor-workspace:focus-visible{outline:0}.m-editor-page-bar-tabs{user-select:none;width:100%;position:fixed;bottom:0;left:0}.m-editor-page-list-item{color:#313a40;z-index:2;width:100%;height:32px;line-height:32px;display:flex;overflow:hidden}.m-editor-page-list-item:hover{background-color:#f3f5f9}.m-editor-page-bar{color:#313a40;z-index:2;background-color:#f3f3f3;border-top:1px solid #d9dbdd;width:100%;height:32px;line-height:32px;display:flex;overflow:hidden}.m-editor-page-bar-items{transition:transform .3s;display:flex}.m-editor-page-bar-item{cursor:pointer;white-space:nowrap;background-color:#f3f3f3;border-right:1px solid #d9dbdd;place-items:center;padding:0 10px;display:flex}.m-editor-page-bar-item.active{cursor:text;background-color:#fff}.m-editor-page-bar-item.active .m-editor-page-bar-menu-icon{cursor:pointer}.m-editor-page-bar-item-icon{z-index:1;position:relative}.m-editor-page-bar-item-icon .icon-active{color:#2882e0;font-weight:700}.m-editor-page-bar-item-title{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.m-editor-page-bar-item-left-icon,.m-editor-page-bar-item-right-icon{height:100%;position:absolute;top:0;right:0}.m-editor-page-bar-item-left-icon{right:34px}.page-bar-popover.tmagic-design-popper{padding:4px 0}.page-bar-popover .page-bar-popover-wrapper{max-height:calc(100vh - 52px);overflow:auto}.page-bar-popover .menu-item{cursor:pointer;padding:5px 14px;transition:all .2s}.page-bar-popover .menu-item .tmagic-design-button{color:#313a40}.page-bar-popover .menu-item:hover{background-color:#f3f5f9}.page-bar-popover .menu-item.active .tmagic-design-button{color:#2882e0}.m-editor-page-bar-search-panel{box-sizing:border-box;border:1px solid #d9dbdd;width:100%;padding:6px 10px;position:absolute;bottom:32px}.m-editor-page-bar-search-panel .tmagic-design-form-item{margin-bottom:0}.m-editor-props-panel{--props-style-panel-width:300px;height:100%;position:relative}.m-editor-props-panel .m-editor-props-form-panel{box-sizing:border-box;height:100%;padding-bottom:10px;position:relative}.m-editor-props-panel .m-editor-props-form-panel .tmagic-design-scrollbar{height:100%}.m-editor-props-panel .m-editor-props-property-panel.show-style-panel{padding-right:var(--props-style-panel-width)}.m-editor-props-panel .m-editor-props-property-panel.show-style-panel .m-editor-props-panel-src-icon{right:calc(15px + var(--props-style-panel-width))}.m-editor-props-panel .m-editor-props-property-panel .tmagic-design-form{padding-left:10px;padding-right:10px}.m-editor-props-panel .m-editor-props-property-panel .tmagic-design-form>.m-container-tab>.tmagic-design-tabs>.el-tabs__content{padding-top:55px}.m-editor-props-panel .m-editor-props-property-panel .tmagic-design-form>.m-container-tab>.tmagic-design-tabs>.el-tabs__header.is-top{z-index:3;background:#fff;width:100%;position:absolute;top:0}.m-editor-props-panel .m-editor-props-style-panel{width:var(--props-style-panel-width);z-index:12;background:#fff;position:absolute;top:0;right:0}.m-editor-props-panel .m-editor-props-style-panel .tmagic-design-scrollbar{height:calc(100% - 39px)}.m-editor-props-panel .m-editor-props-style-panel .m-editor-props-style-panel-title{text-align:center;border-bottom:2px solid #d9dbdd;justify-content:space-between;align-items:center;height:38px;padding:0 5px;font-size:14px;font-weight:600;display:flex}.m-editor-props-panel .m-editor-props-panel-src-icon{z-index:30;opacity:.5;position:absolute;bottom:15px;right:15px}.m-editor-props-panel .m-editor-props-panel-src-icon:hover{opacity:1}.m-editor-props-panel .m-editor-props-panel-style-icon{z-index:30;opacity:.5;position:absolute;bottom:60px;right:15px}.m-editor-props-panel .m-editor-props-panel-style-icon:hover{opacity:1}.m-editor-props-panel .m-editor-props-panel-src-code.magic-code-editor{z-index:10;position:absolute;top:0;left:0}.m-editor-props-panel .m-editor-resizer{top:0;right:var(--props-style-panel-width);z-index:13;display:block;position:absolute}.m-editor-props-panel.small .el-form-item__label,.m-editor-props-panel.small .m-fieldset legend,.m-editor-props-panel.small .el-tabs__item{font-size:12px}.m-editor-props-panel .el-input__wrapper{border-radius:0}.m-editor-props-panel .m-fields-group-list .tmagic-design-table th,.m-editor-props-panel-popper.small span,.m-editor-props-panel-popper.small a,.m-editor-props-panel-popper.small p{font-size:12px}.magic-editor-content-menu{z-index:1000;transform-origin:0 0;background:#fff;min-width:180px;max-height:80%;padding:4px 0;font-size:12px;font-weight:600;position:fixed;overflow:auto;box-shadow:0 2px 8px 2px rgba(68,73,77,.16)}.magic-editor-content-menu .menu-item{color:#333;cursor:pointer;border-left:2px solid transparent;align-items:center;min-width:140px;padding:5px 14px;transition:all .2s;display:flex}.magic-editor-content-menu .menu-item .el-button{justify-content:flex-start;width:100%}.magic-editor-content-menu .menu-item .el-button--text,.magic-editor-content-menu .menu-item i{color:#313a40}.magic-editor-content-menu .menu-item .magic-editor-icon{margin-right:5px}.magic-editor-content-menu .menu-item.divider{padding:0 14px}.magic-editor-content-menu .menu-item.divider .el-divider{margin:0}.magic-editor-content-menu .menu-item.button:hover{background-color:#f3f5f9}.magic-editor-content-menu .menu-item.button:hover .tmagic-design-button,.magic-editor-content-menu .menu-item.button:hover .tmagic-design-button:active,.magic-editor-content-menu .menu-item.button:hover .tmagic-design-button:focus,.magic-editor-content-menu .menu-item.button:hover.menu-item i{color:#313a40}.magic-editor-content-menu .menu-item.button.active{background-color:#2882e0}.magic-editor-content-menu .menu-item.button.active .tmagic-design-button,.magic-editor-content-menu .menu-item.button.active .tmagic-design-button:active,.magic-editor-content-menu .menu-item.button.active .tmagic-design-button:focus{color:#fff;background-color:transparent}.magic-editor-content-menu .menu-item.button.active.menu-item i{color:#fff}.m-editor-stage{justify-content:center;align-items:center;width:100%;height:calc(100% - 32px);display:flex;position:relative;overflow:hidden}.m-editor-stage:focus-visible{outline:none}.m-editor-stage-container{z-index:0;box-sizing:content-box;width:100%;height:100%;transition:transform .3s;position:relative;box-shadow:0 3px 5px rgba(0,0,0,.04)}.m-editor-stage-container::-webkit-scrollbar{width:0!important}.m-editor-stage-overlay{z-index:20;background-color:#fff;width:100%;height:100%;position:absolute;top:0;left:0}.m-editor-stage-overlay-close.tmagic-design-icon{cursor:pointer;z-index:1;position:fixed;top:10px;right:20px}.m-editor-stage-float-button{cursor:pointer;color:rgba(0,0,0,.88);background-color:#fff;width:12px;padding:5px;font-size:12px;line-height:1.2;transition:background-color .2s;position:absolute;top:50%;left:100%;transform:translateY(-50%);box-shadow:0 6px 16px rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05)}.m-editor-node-list-menu{width:100%;min-width:300px;height:100%;max-height:500px}.m-container-vs-code .el-form-item{margin-bottom:0}.magic-code-editor{width:100%}.magic-code-editor-wrapper{width:100%;height:100%;position:relative}.magic-code-editor-wrapper.full-screen{z-index:10000;position:fixed;top:0;left:0}.magic-code-editor-wrapper .magic-code-editor-content{width:100%;height:100%}.magic-code-editor-wrapper .magic-code-editor-content .margin{margin:0}.magic-code-editor-wrapper .magic-code-editor-full-screen-icon{z-index:11;opacity:.3;position:absolute;top:20px;right:10px}.magic-code-editor-wrapper .magic-code-editor-full-screen-icon:hover{opacity:1}.tmagic-design-icon{--color:inherit;fill:currentColor;width:1em;height:1em;position:relative}.tmagic-design-icon img{max-width:100%;max-height:100%}.m-fields-code-select,.m-fields-event-select,.m-fields-event-select .fullWidth{width:100%}.m-fields-event-select .event-select-code{width:auto;margin-left:20px}.m-fields-event-select .m-form-panel{margin:10px 0}.m-fields-event-select .el-card.is-always-shadow{box-shadow:0 0 5px rgba(0,0,0,.12)}.m-fields-code-select-col,.m-fields-data-source-method-select{width:100%}.code-select-container,.data-source-method-select-container{align-items:center;display:flex}.code-select-container .select,.data-source-method-select-container .select{flex:10 0 100px}.code-select-container .icon,.data-source-method-select-container .icon{cursor:pointer;flex:1 0 20px;margin-right:5px}.m-editor-layout{justify-self:space-between;width:100%;display:flex}.m-editor-layout:has(.m-editor-resizer-dragging){overflow:hidden}.m-editor-breadcrumb{z-index:10;position:absolute;top:5px;left:5px}.data-source-list-panel .list-container .list-item .codeIcon,.data-source-list-panel .list-container .list-item .compIcon{width:22px;height:22px;margin-right:5px}.data-source-list-panel-add-menu{padding:4px 0}.data-source-list-panel-add-menu .menu-item{cursor:pointer;padding:5px 14px;transition:all .2s}.data-source-list-panel-add-menu .menu-item:hover{background-color:#f3f5f9}.m-editor-data-source-fields,.m-editor-data-source-fields .tmagic-design-table{width:100%}.m-editor-data-source-fields .m-editor-data-source-fields-footer{justify-content:flex-end;margin-top:15px;display:flex}.m-editor-data-source-methods,.m-editor-data-source-methods .tmagic-design-table{width:100%}.m-editor-data-source-methods .m-editor-data-source-methods-footer{justify-content:flex-end;margin-top:15px;display:flex}.tmagic-data-source-input-text .el-input__wrapper.tmagic-data-source-input-text-wrapper{padding-right:30px;overflow:hidden}.tmagic-data-source-input-text .el-input__inner{white-space:nowrap;align-items:center;display:flex;overflow:hidden}.tmagic-data-source-input-text .tmagic-data-source-input-icon{position:absolute;right:7px}.m-fields-key-value{justify-items:center;align-items:top;width:100%;display:flex}.m-fields-key-value-item{align-items:center;margin-bottom:10px;display:flex}.m-fields-key-value-delimiter{margin:0 10px}.m-fields-key-value-delete{margin-left:10px}.m-editor-tree{color:#313a40;font-size:13px}.m-editor-tree .m-editor-tree-node{cursor:pointer;white-space:nowrap}.m-editor-tree .m-editor-tree-node .tree-node{align-items:center;display:flex}.m-editor-tree .m-editor-tree-node .tree-node:hover{color:#313a40;background-color:#f3f5f9}.m-editor-tree .m-editor-tree-node .tree-node.selected{color:#f3f5f9;background-color:#2882e0}.m-editor-tree .m-editor-tree-node .tree-node.drag-inner .tree-node-content{color:#f3f5f9;background-color:rgba(40,130,224,.5)}.m-editor-tree .m-editor-tree-node .tree-node.drag-before .tree-node-content{border-top-color:rgba(40,130,224,.5)}.m-editor-tree .m-editor-tree-node .tree-node.drag-after .tree-node-content{border-bottom-color:rgba(40,130,224,.5)}.m-editor-tree .m-editor-tree-node .tree-node .expand-icon{box-sizing:content-box;padding:4px;font-size:14px}.m-editor-tree .m-editor-tree-node .tree-node .tree-node-content{border-top:2px solid transparent;border-bottom:2px solid transparent;flex:1;justify-content:space-between;height:22px;display:flex}.m-editor-tree .m-editor-tree-node .tree-node .tree-node-content .tree-node-label{text-overflow:ellipsis;flex:1;width:100px;line-height:22px;overflow:hidden}.m-editor-tree .m-editor-tree-node .tree-node .tree-node-content .tree-node-label .disabled{cursor:default}.m-editor-tree .m-editor-tree-node .tree-node .tree-node-content .tree-node-label .hook{color:#999}.m-editor-tree .m-editor-tree-node .tree-node .tree-node-tool{align-items:center;display:flex}.m-editor-tree .m-editor-tree-node .tree-node .tree-node-tool .tmagic-design-icon{margin-right:10px}.m-editor-tree .m-editor-tree-empty{text-align:center;color:#909399;font-size:14px}.m-editor-float-box{z-index:100;background-color:#fff;border:1px solid #d9dbdd;flex-direction:column;max-width:100%;max-height:100%;display:flex;position:absolute}.m-editor-float-box .m-editor-float-box-title{text-align:center;cursor:move;border-bottom:1px solid #d9dbdd;justify-content:space-between;align-items:center;padding:5px;font-size:14px;font-weight:600;display:flex}.m-editor-float-box .m-editor-float-box-body{flex:1;padding:0 16px;overflow:auto}.m-editor-floating-box-moveable{opacity:0}.m-fields-page-fragment-select{width:100%}.m-fields-page-fragment-select .page-fragment-select-container{align-items:center;width:100%;display:flex}.m-fields-page-fragment-select .page-fragment-select-container .select{flex:1}.m-fields-page-fragment-select .page-fragment-select-container .icon{margin-left:10px}.m-fields-data-source-select,.m-fields-data-source-field-select,.m-fields-data-source-method-select .data-source-method-select-container,.m-fields-code-select-col .code-select-container{align-items:center;width:100%;display:flex}.m-fields-data-source-select .m-fields-select-action-button,.m-fields-data-source-field-select .m-fields-select-action-button,.m-fields-data-source-method-select .data-source-method-select-container .m-fields-select-action-button,.m-fields-code-select-col .code-select-container .m-fields-select-action-button{margin-left:5px}.m-fields-data-source-field-select{width:100%}.m-fields-data-source-field-select .m-editor-data-source-field-select{width:100%;display:flex}.m-fields-data-source-field-select .m-editor-data-source-field-select .tmagic-design-select{flex:1;margin-right:10px}.m-fields-data-source-field-select .m-editor-data-source-field-select .tmagic-design-cascader{flex:2}.m-fields-data-source-field-select .tmagic-design-button{margin-left:5px;padding:5px 8px}.border-box-container{display:flex}.border-box-container .border-icon-container{flex-direction:column;justify-content:center;width:88px;display:flex}.border-box-container .border-icon-container-row{justify-content:center;align-items:center;display:flex}.border-box-container .border-icon-container-row+.border-icon-container-row{margin-top:8px}.border-box-container .border-icon-container .border-icon{box-sizing:border-box;cursor:pointer;border:1px solid #111;width:16px;height:16px}.border-box-container .border-icon-container .border-icon+.border-icon{margin-left:8px}.border-box-container .border-icon-container .border-icon.active{border-width:1px;border-color:var(--el-color-primary)}.border-box-container .border-icon-container .border-icon.border-icon-top{border-style:solid dashed dashed;border-top-width:2px}.border-box-container .border-icon-container .border-icon.border-icon-right{border-style:dashed solid dashed dashed;border-right-width:2px}.border-box-container .border-icon-container .border-icon.border-icon-bottom{border-style:dashed dashed solid;border-bottom-width:2px}.border-box-container .border-icon-container .border-icon.border-icon-left{border-style:dashed dashed dashed solid;border-left-width:2px}.border-box-container .border-value-container{flex:1;margin-left:16px}.layout-box-container{width:100%;height:130px;position:relative}.layout-box-container .help-txt{float:left;margin-left:-10px;transform:scale(.75)}.layout-box-container .outer-top-border,.layout-box-container .inner-top-border,.layout-box-container .outer-right-border,.layout-box-container .inner-right-border,.layout-box-container .outer-bottom-border,.layout-box-container .inner-bottom-border,.layout-box-container .outer-left-border,.layout-box-container .inner-left-border{transition:all .3s;position:absolute}.layout-box-container .outer-top-border .next-input,.layout-box-container .inner-top-border .next-input,.layout-box-container .outer-right-border .next-input,.layout-box-container .inner-right-border .next-input,.layout-box-container .outer-bottom-border .next-input,.layout-box-container .inner-bottom-border .next-input,.layout-box-container .outer-left-border .next-input,.layout-box-container .inner-left-border .next-input{height:20px;position:absolute}.layout-box-container .outer-top-border .next-input input,.layout-box-container .inner-top-border .next-input input,.layout-box-container .outer-right-border .next-input input,.layout-box-container .inner-right-border .next-input input,.layout-box-container .outer-bottom-border .next-input input,.layout-box-container .inner-bottom-border .next-input input,.layout-box-container .outer-left-border .next-input input,.layout-box-container .inner-left-border .next-input input{vertical-align:top;color:#333;text-align:center;background-color:transparent;border:none;outline:none;width:100%;height:20px;margin:0;padding:0;font-weight:400;line-height:20px}.layout-box-container .outer-top-border,.layout-box-container .inner-top-border{border-top:20px solid #d6e4ff;border-left:20px solid transparent;border-right:20px solid transparent;height:0}.layout-box-container .outer-top-border .next-input,.layout-box-container .inner-top-border .next-input{top:-20px;left:0;right:0}.layout-box-container .outer-top-border{top:0;left:0;right:0}.layout-box-container .inner-top-border{top:25px;left:25px;right:25px}.layout-box-container .outer-top-border:hover,.layout-box-container .inner-top-border:hover{border-top:20px solid #bfd4fb}.layout-box-container .outer-right-border,.layout-box-container .inner-right-border{border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:20px solid #d6e4ff;width:0}.layout-box-container .outer-right-border .next-input,.layout-box-container .inner-right-border .next-input{width:20px;margin:auto;top:0;bottom:0;right:-20px}.layout-box-container .outer-right-border .next-input input,.layout-box-container .inner-right-border .next-input input{width:20px;margin:auto;position:absolute;top:0;bottom:0;left:0}.layout-box-container .outer-right-border{top:5px;bottom:5px;right:0}.layout-box-container .inner-right-border{top:30px;bottom:30px;right:25px}.layout-box-container .outer-right-border:hover,.layout-box-container .inner-right-border:hover{border-right:20px solid #bfd4fb}.layout-box-container .outer-bottom-border,.layout-box-container .inner-bottom-border{border-bottom:20px solid #d6e4ff;border-left:20px solid transparent;border-right:20px solid transparent;height:0}.layout-box-container .outer-bottom-border .next-input,.layout-box-container .inner-bottom-border .next-input{position:absolute;bottom:-20px;left:0;right:0}.layout-box-container .outer-bottom-border{bottom:0;left:0;right:0}.layout-box-container .inner-bottom-border{bottom:25px;left:25px;right:25px}.layout-box-container .outer-bottom-border:hover,.layout-box-container .inner-bottom-border:hover{border-bottom:20px solid #bfd4fb}.layout-box-container .outer-left-border,.layout-box-container .inner-left-border{border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid #d6e4ff;width:0}.layout-box-container .outer-left-border .next-input,.layout-box-container .inner-left-border .next-input{width:20px;margin:auto;position:absolute;top:0;bottom:0;left:-20px}.layout-box-container .outer-left-border .next-input input,.layout-box-container .inner-left-border .next-input input{width:20px;margin:auto;position:absolute;top:0;bottom:0;right:0}.layout-box-container .outer-left-border{top:5px;bottom:5px;left:0}.layout-box-container .inner-left-border{top:30px;bottom:30px;left:25px}.layout-box-container .outer-left-border:hover,.layout-box-container .inner-left-border:hover{border-left:20px solid #bfd4fb}.background-position-container{width:100%;display:flex}.background-position-container .presets-value-list{flex-wrap:wrap;width:80px;height:auto;display:flex}.background-position-container .presets-value-list .tmagic-design-button+.tmagic-design-button{margin-left:2px}.background-position-container .presets-value-list .tmagic-design-button:nth-child(3n+1){margin-left:0!important}.background-position-container .presets-value-list .t-button--variant-text{padding-left:2px;padding-right:2px}.background-position-container .presets-value-list .position-icon{border:1px solid #1d1f24;width:14px;height:14px;position:relative}.background-position-container .presets-value-list .position-icon.active{background-color:#2882e0}.background-position-container .presets-value-list .position-icon.active:after{border:1px solid #fff}.background-position-container .presets-value-list .position-icon:after{content:"";box-sizing:border-box;border:1px solid #1d1f24;position:absolute}.background-position-container .presets-value-list .position-icon.left-top:after{width:6px;height:6px;top:1px;left:1px}.background-position-container .presets-value-list .position-icon.center-top:after{width:12px;height:6px;top:1px;left:1px}.background-position-container .presets-value-list .position-icon.right-top:after{width:6px;height:6px;top:1px;right:1px}.background-position-container .presets-value-list .position-icon.left-center:after{width:6px;height:12px;top:1px;left:1px}.background-position-container .presets-value-list .position-icon.center-center:after{width:12px;height:12px;top:1px;left:1px}.background-position-container .presets-value-list .position-icon.right-center:after{width:6px;height:12px;top:1px;right:1px}.background-position-container .presets-value-list .position-icon.left-bottom:after{width:6px;height:6px;bottom:1px;left:1px}.background-position-container .presets-value-list .position-icon.center-bottom:after{width:12px;height:6px;bottom:1px;left:1px}.background-position-container .presets-value-list .position-icon.right-bottom:after{width:6px;height:6px;bottom:1px;right:1px}.background-position-container .custom-value{flex:1;position:relative}.m-fields-style-setter{width:100%}.m-fields-style-setter .tmagic-design-collapse-item>.el-collapse-item__header{box-sizing:border-box;background-color:#f2f3f7;height:26px;min-height:26px;padding:0 20px;line-height:26px}.m-fields-style-setter .tmagic-design-collapse-item .el-collapse-item__wrap{padding:10px 20px}.m-fields-style-setter .tmagic-design-collapse-item .el-collapse-item__title{align-items:center;gap:3px;display:flex}.m-fields-style-setter .tmagic-design-collapse-item .el-collapse-item__content{padding:0}.text-align-list{height:100%;display:flex}.text-align-list .btn-active{color:var(--el-color-primary)!important}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}
|