.components-list[data-v-6187d220]{min-width:220px;height:100%;background-color:#fff;flex:0 0 220px;padding:16px}.icon-item[data-v-bee4647a]{width:20px;height:20px}.media-item[data-v-20ecd908]{width:104px;height:104px;border-radius:4px;background:rgba(0,0,0,.04);border:1px dashed #d9d9d9;display:flex;flex-direction:column;justify-content:center;align-items:center}.component-item[data-v-4bcd9884],.component-item[data-v-a51c2682],.component-item[data-v-aeae2c5c]{align-items:center}.component-views{background:#fff;flex:1;margin:0 20px;padding:16px 20px;border-left:1px solid #f0f2f5;border-right:1px solid #f0f2f5}.component-item{display:flex;justify-content:space-between;align-items:flex-end;padding:4px 16px;border-radius:4px}.component-item.active{border:1px solid #1890ff;background:#e6f7ff}.view-wrap{display:flex;flex-direction:column;align-items:center;height:calc(100% - 100px);overflow-y:auto}.view-wrap-item{width:60%;max-width:530px}.component-attrs[data-v-1ebbc000]{min-width:230px;height:100%;background-color:#fff;flex:0 0 230px;padding:16px}[data-v-1ebbc000] .ant-form-item{margin-bottom:16px}.form-model-wrap[data-v-1ebbc000]{display:flex;align-items:center}