.component-list[data-v-1cff8c47]{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-1cff8c47]{height:100%;display:flex;flex-direction:column}.component-list .form[data-v-1cff8c47].el-form-item__content{line-height:0}.component-list .form[data-v-1cff8c47].el-form-item{margin-bottom:8px}.component-list .form[data-v-1cff8c47].el-form-item .el-form-item__label{padding-bottom:0}.component-list .form .sample-list-wrapper[data-v-1cff8c47]{flex-grow:1;display:flex;flex-direction:column;margin-bottom:0;overflow:auto}.component-list .form .sample-list-wrapper[data-v-1cff8c47] .el-form-item__content{flex-grow:1;display:flex;flex-direction:column}.component-list .form .sample-list-wrapper[data-v-1cff8c47] .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-1cff8c47] .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-1cff8c47] .el-form-item__content .sample-list .sample-item:hover{background-color:#dcdfe6}.component-list .form .sample-list-wrapper[data-v-1cff8c47] .el-form-item__content .sample-list .sample-item:active{background-color:#c9ccd1}.component-list .form .sample-list-wrapper[data-v-1cff8c47] .el-form-item__content .sample-list .sample-item img{width:100%;height:100%}.component-list .form .sample-list-wrapper[data-v-1cff8c47] .el-form-item__content .sample-list .active{background-color:#dcdfe6}.sql-editor[data-v-101953c1]{position:relative;height:100%}.sql-editor .sql-tabs[data-v-101953c1]{height:100%;display:flex;flex-direction:column}.sql-editor .sql-tabs[data-v-101953c1].el-tabs__content{flex:1}.sql-editor .sql-tabs[data-v-101953c1].el-tabs__content .el-tab-pane{height:100%}.sql-editor .sql-tabs .sql-input[data-v-101953c1]{height:100%;display:flex;flex-direction:column;justify-content:space-between}.sql-editor .sql-tabs .sql-input .sql-textarea[data-v-101953c1]{flex:1}.sql-editor .sql-tabs .sql-input .sql-textarea[data-v-101953c1] textarea{height:100%}.sql-editor .sql-tabs .sql-input .error[data-v-101953c1]{font-size:12px;color:red;margin-top:8px}.sql-editor .sql-tabs .sql-input .sql-param[data-v-101953c1]{display:flex;margin-top:8px}.sql-editor .sql-tabs .sql-input .sql-param .param-option[data-v-101953c1]{display:flex;align-items:center}.sql-editor .sql-tabs .sql-input .sql-param .param-option[data-v-101953c1]:first-child{margin-right:8px}.sql-editor .sql-tabs .sql-input .sql-param .param-option span[data-v-101953c1]{font-size:12px;white-space:nowrap;margin-right:8px}.sql-editor .execute[data-v-101953c1]{position:absolute;right:6px;top:6px}.component-props .props-tabs[data-v-74f87514]{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-74f87514].el-tabs__content{flex:1;overflow:auto}.component-props .props-tabs[data-v-74f87514].el-collapse{border:none}.component-props .props-tabs[data-v-74f87514].el-collapse .el-collapse-item__header,.component-props .props-tabs[data-v-74f87514].el-collapse .el-collapse-item__wrap{border-bottom:none}.component-props .props-tabs .data-filter[data-v-74f87514]{height:100%}.component-props .props-tabs .data-filter>div[data-v-74f87514]{height:48%;display:flex;flex-direction:column}.component-props .props-tabs .data-filter>div:last-child .title[data-v-74f87514]{margin-top:8px}.component-props .props-tabs .data-filter>div .title[data-v-74f87514]{margin-bottom:8px}.component-props .props-tabs .data-filter>div .content[data-v-74f87514]{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-74f87514] .el-form-item{margin-bottom:15px}.component-designer[data-v-61b872b6]{display:flex;flex-direction:column;height:100vh}.component-designer .formdiv1[data-v-61b872b6]{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-61b872b6] .el-form-item{margin-bottom:0}.component-designer .content[data-v-61b872b6]{flex:1;display:flex;height:100%;overflow:auto;margin:0 24px 8px 15px}.component-designer .content .component-list[data-v-61b872b6]{min-width:240px;box-sizing:border-box;margin:16px 0}.component-designer .content .component-previewer[data-v-61b872b6]{flex:1;min-width:600px;border:1px solid #dcdfe6;margin:14px;display:flex;overflow:auto}.component-designer .content .component-previewer .component-wrapper[data-v-61b872b6]{border:1px dashed rgba(0,0,0,.2);margin:auto}.component-designer .content .component-props[data-v-61b872b6]{min-width:400px;max-width:400px;margin:16px 0}.component-designer .footer[data-v-61b872b6]{display:flex;justify-content:flex-end;padding-top:16px}