fix: 字段绑定样式 & bump: 5.2.0-beta.21

Change-Id: Ifd2d9e4f89bfa4c452047d222ab0bef2672dd410

packages/amis-editor-core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amis-editor-core",
-  "version": "5.2.0-beta.18",
+  "version": "5.2.0-beta.21",
   "description": "amis 可视化编辑器",
   "main": "lib/index.min.js",
   "types": "lib/index.d.ts",

packages/amis-editor-core/scss/control/_databinding-control.scss

@@ -6,6 +6,14 @@
   height: px2rem(350px);
   border: 1px solid rgba(232, 233, 235, 1);
   border-radius: px2rem(4px);
+  overflow: scroll;
+
+  &-hint {
+    width: 100%;
+    line-height: 3;
+    text-align: center;
+    color: var(--text--muted-color);
+  }
 
   &-searchBox {
     width: auto;
@@ -57,6 +65,9 @@
   }
 
   &-item {
+    display: flex;
+    flex-direction: row;
+    align-items: baseline;
     cursor: pointer;
     padding: 0 var(--gap-xl); // 和标题对齐不好看，加个缩进
     height: px2rem(32px);
@@ -64,6 +75,10 @@
     color: #303540;
     font-weight: 400;
 
+    span {
+      flex-grow: 1;
+    }
+
     &:hover {
       background: var(--Tree-item-onHover-bg);
     }