Merge pull request #12989 from dataease/pr@dev-v2@style_editor

style(图表): 编辑区样式调整

core/core-frontend/src/custom-component/common/CommonBorderSetting.vue

@@ -80,7 +80,7 @@ watch(
 </script>
 
 <template>
-  <el-row class="custom-row">
+  <el-row class="custom-row" style="padding-bottom: 8px">
     <el-form label-position="top">
       <template v-if="isSvgComponent">
         <el-row style="display: flex">

core/core-frontend/src/custom-component/common/CommonStyleSet.vue

@@ -649,7 +649,7 @@ watch(
   }
 }
 .custom-row-inner {
-  margin: 8px 0px 24px;
+  margin: 0 0 16px;
 }
 
 .dark-icon {

core/core-frontend/src/custom-component/picture-group/Attr.vue

@@ -85,139 +85,4 @@ const { curComponent, canvasViewInfo, mobileInPc, batchOptStatus } = storeToRefs
     justify-content: flex-start;
   }
 }
-
-.disabled :deep(.el-upload--picture-card) {
-  display: none;
-}
-
-.avatar-uploader :deep(.ed-upload) {
-  width: 80px;
-  height: 80px;
-  line-height: 90px;
-}
-
-.avatar-uploader :deep(.ed-upload-list li) {
-  width: 80px !important;
-  height: 80px !important;
-}
-
-:deep(.ed-upload--picture-card) {
-  background: #eff0f1;
-  border: 1px dashed #dee0e3;
-  border-radius: 4px;
-
-  .ed-icon {
-    color: #1f2329;
-  }
-
-  &:hover {
-    .ed-icon {
-      color: var(--ed-color-primary);
-    }
-  }
-}
-.img-area {
-  height: 80px;
-  width: 80px;
-  margin-top: 10px;
-  overflow: hidden;
-
-  &.img-area_dark {
-    :deep(.ed-upload-list__item).is-success {
-      border-color: #434343;
-    }
-    :deep(.ed-upload--picture-card) {
-      background: #373737;
-      border-color: #434343;
-      .ed-icon {
-        color: #ebebeb;
-      }
-      &:hover {
-        .ed-icon {
-          color: var(--ed-color-primary);
-        }
-      }
-    }
-  }
-
-  &.img-area_light {
-    :deep(.ed-upload-list__item).is-success {
-      border-color: #dee0e3;
-    }
-  }
-}
-
-.image-hint {
-  color: #8f959e;
-  size: 14px;
-  line-height: 22px;
-  font-weight: 400;
-  margin-top: 2px;
-  &.image-hint_dark {
-    color: #757575;
-  }
-}
-
-.re-update-span {
-  cursor: pointer;
-  color: var(--ed-color-primary);
-  size: 14px;
-  line-height: 22px;
-  font-weight: 400;
-}
-
-.pic-adaptor {
-  margin: 8px 0 16px 0;
-  :deep(.ed-form-item__content) {
-    margin-top: 8px !important;
-  }
-}
-
-.form-item-dark {
-  .ed-radio {
-    margin-right: 4px !important;
-  }
-}
-
-.drag-data {
-  padding-top: 8px;
-  padding-bottom: 16px;
-
-  .tree-btn {
-    width: 100%;
-    margin-top: 8px;
-    background: #fff;
-    height: 32px;
-    border-radius: 4px;
-    border: 1px solid #dcdfe6;
-    display: flex;
-    color: #cccccc;
-    align-items: center;
-    cursor: pointer;
-    justify-content: center;
-    font-size: 12px;
-    &.tree-btn--dark {
-      background: rgba(235, 235, 235, 0.05);
-      border-color: #5f5f5f;
-    }
-
-    &.active {
-      color: #3370ff;
-      border-color: #3370ff;
-    }
-  }
-
-  &.no-top-border {
-    border-top: none !important;
-  }
-  &.no-top-padding {
-    padding-top: 0 !important;
-  }
-  &:nth-child(n + 2) {
-    border-top: 1px solid @side-outline-border-color;
-  }
-  &:first-child {
-    border-top: none !important;
-  }
-}
 </style>

core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue

@@ -224,7 +224,6 @@ onBeforeUnmount(() => {
   }
 }
 .img-area {
-  margin-top: 10px;
   overflow: hidden;
 
   &.img-area_dark {
@@ -272,7 +271,7 @@ onBeforeUnmount(() => {
 }
 
 .pic-adaptor {
-  margin: 8px 0 16px 0;
+  margin: 8px 0 8px 0;
   :deep(.ed-form-item__content) {
     margin-top: 8px !important;
   }

core/core-frontend/src/custom-component/picture/Attr.vue

@@ -250,7 +250,6 @@ onBeforeUnmount(() => {
 .img-area {
   height: 80px;
   width: 80px;
-  margin-top: 10px;
   overflow: hidden;
 
   &.img-area_dark {