fix:样式fieSet、image、collapse (#2856)

Co-authored-by: dqc <qianchuan.deng@gmail.com>

scss/components/_collapse.scss

@@ -39,6 +39,10 @@
     }
   }
 
+  &-TplField {
+    display: inline-block;
+  }
+
   &.is-collapsed &-arrow:before {
     transform: rotate(45deg);
     transform-origin: 0% 50%;

scss/components/_images.scss

@@ -21,6 +21,7 @@
 
   &-thumbWrap {
     position: relative;
+    height: 100%;
   }
 
   &-image {

scss/components/form/_fieldset.scss

@@ -44,8 +44,7 @@ fieldset.#{$ns}Collapse {
     border-bottom: 0;
     display: flex;
     flex-direction: row;
-    justify-content: space-between;
+    // width: 100%;
-    width: 100%;
   }
 
   &--xs {

scss/themes/cxd.scss

@@ -127,7 +127,7 @@
   .#{$ns}InputGroup-btn .#{$ns}Button {
     border-radius: px2rem(3px);
   }
-  
+
   .#{$ns}InputGroup-btn:last-child .#{$ns}Button {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
@@ -338,3 +338,23 @@
     }
   }
 }
+
+//FieldSet Form + Collapse
+.#{$ns}Form {
+  .#{$ns}Collapse {
+    border: none;
+
+    &-arrow {
+      margin-left: px2rem(8px);
+    }
+    &-header {
+      background-color: var(--white);
+      display: inline-flex;
+      justify-content: flex-end;
+      flex-direction: row-reverse;
+    }
+    &-content {
+      padding: 0;
+    }
+  }
+}

src/components/Collapse.tsx

@@ -101,7 +101,10 @@ export class Collapse extends React.Component<CollapseProps, any> {
             this.contentDom.offsetWidth;
           }
           return (
-            <div className={cx('Collapse-contentWrapper', collapseStyles[status])} ref={this.contentRef}>
+            <div
+              className={cx('Collapse-contentWrapper', collapseStyles[status])}
+              ref={this.contentRef}
+            >
               {React.cloneElement(children as any, {
                 ...(children as React.ReactElement).props,
                 className: cx(