.component-list[data-v-729baf9a]{border-radius:8px;background:#fff;box-shadow:1px 1px 2px 0 rgba(81,89,102,.04),2px 2px 8px 0 rgba(81,89,102,.08)}.component-list .form[data-v-729baf9a]{height:100%;display:flex;flex-direction:column}.component-list .form[data-v-729baf9a] .el-form-item__content{line-height:0}.component-list .form[data-v-729baf9a] .el-form-item{margin-bottom:8px}.component-list .form[data-v-729baf9a] .el-form-item .el-form-item__label{padding-bottom:0}.component-list .form .sample-list-wrapper[data-v-729baf9a]{flex-grow:1;display:flex;flex-direction:column;margin-bottom:0;overflow:auto}.component-list .form .sample-list-wrapper[data-v-729baf9a] .el-form-item__content{flex-grow:1;display:flex;flex-direction:column}.component-list .form .sample-list-wrapper[data-v-729baf9a] .el-form-item__content .sample-list{height:100%;display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;flex-grow:1}.component-list .form .sample-list-wrapper[data-v-729baf9a] .el-form-item__content .sample-list .sample-item{width:90px;height:90px;padding:16px;box-sizing:border-box;margin-bottom:15px;cursor:pointer}.component-list .form .sample-list-wrapper[data-v-729baf9a] .el-form-item__content .sample-list .sample-item:hover{background-color:#dcdfe6}.component-list .form .sample-list-wrapper[data-v-729baf9a] .el-form-item__content .sample-list .sample-item:active{background-color:#c9ccd1}.component-list .form .sample-list-wrapper[data-v-729baf9a] .el-form-item__content .sample-list .sample-item img{width:100%;height:100%}.component-list .form .sample-list-wrapper[data-v-729baf9a] .el-form-item__content .sample-list .active{background-color:#dcdfe6}.sql-editor[data-v-20c11b3a]{position:relative;height:100%}.sql-editor .sql-tabs[data-v-20c11b3a]{height:100%;display:flex;flex-direction:column}.sql-editor .sql-tabs[data-v-20c11b3a] .el-tabs__content{flex:1}.sql-editor .sql-tabs[data-v-20c11b3a] .el-tabs__content .el-tab-pane{height:100%}.sql-editor .sql-tabs .sql-input[data-v-20c11b3a]{height:100%;display:flex;flex-direction:column;justify-content:space-between}.sql-editor .sql-tabs .sql-input .sql-textarea[data-v-20c11b3a]{flex:1}.sql-editor .sql-tabs .sql-input .sql-textarea[data-v-20c11b3a] textarea{height:100%}.sql-editor .sql-tabs .sql-input .error[data-v-20c11b3a]{font-size:12px;color:red;margin-top:8px}.sql-editor .sql-tabs .sql-input .sql-param[data-v-20c11b3a]{display:flex;margin-top:8px}.sql-editor .sql-tabs .sql-input .sql-param .param-option[data-v-20c11b3a]{display:flex;align-items:center}.sql-editor .sql-tabs .sql-input .sql-param .param-option[data-v-20c11b3a]:first-child{margin-right:8px}.sql-editor .sql-tabs .sql-input .sql-param .param-option span[data-v-20c11b3a]{font-size:12px;white-space:nowrap;margin-right:8px}.sql-editor .execute[data-v-20c11b3a]{position:absolute;right:6px;top:6px}.component-props .props-tabs[data-v-17d764eb]{height:100%;display:flex;flex-direction:column;border-radius:8px;background:#fff;box-shadow:1px 1px 2px 0 rgba(81,89,102,.04),2px 2px 8px 0 rgba(81,89,102,.08);border:none}.component-props .props-tabs[data-v-17d764eb] .el-tabs__content{flex:1;overflow:auto}.component-props .props-tabs[data-v-17d764eb] .el-collapse{border:none}.component-props .props-tabs[data-v-17d764eb] .el-collapse .el-collapse-item__header,.component-props .props-tabs[data-v-17d764eb] .el-collapse .el-collapse-item__wrap{border-bottom:none}.component-props .props-tabs .data-filter[data-v-17d764eb]{height:100%}.component-props .props-tabs .data-filter>div[data-v-17d764eb]{height:48%;display:flex;flex-direction:column}.component-props .props-tabs .data-filter>div:last-child .title[data-v-17d764eb]{margin-top:8px}.component-props .props-tabs .data-filter>div .title[data-v-17d764eb]{margin-bottom:8px}.component-props .props-tabs .data-filter>div .content[data-v-17d764eb]{flex:1;padding:8px;overflow:auto;border-radius:8px;background:#fff;box-sizing:border-box;border:1px solid #e6e8eb}.component-props .props-tabs .data-filter>div .content[data-v-17d764eb] .el-form-item{margin-bottom:15px}.component-designer[data-v-5e7542e6]{display:flex;flex-direction:column;height:100vh}.component-designer .formdiv1[data-v-5e7542e6]{height:88px;margin:0 24px 0 15px;border-radius:8px;background:#fff;box-shadow:1px 1px 2px 0 rgba(81,89,102,.04),2px 2px 8px 0 rgba(81,89,102,.08);display:flex;align-items:center;padding-left:18px}.component-designer .formdiv1[data-v-5e7542e6] .el-form-item{margin-bottom:0}.component-designer .content[data-v-5e7542e6]{flex:1;display:flex;height:100%;overflow:auto;margin:0 24px 8px 15px}.component-designer .content .component-list[data-v-5e7542e6]{min-width:240px;box-sizing:border-box;margin:16px 0}.component-designer .content .component-previewer[data-v-5e7542e6]{flex:1;min-width:600px;border:1px solid #dcdfe6;margin:14px;display:flex;overflow:auto}.component-designer .content .component-previewer .component-wrapper[data-v-5e7542e6]{border:1px dashed rgba(0,0,0,.2);margin:auto}.component-designer .content .component-props[data-v-5e7542e6]{min-width:400px;max-width:400px;margin:16px 0}.component-designer .footer[data-v-5e7542e6]{display:flex;justify-content:flex-end;padding-top:16px}