fix(collapse): fix calc content height failed because of height: 100% (#194)

Author: mortalYoung

src/components/collapse/index.tsx

@@ -112,9 +112,13 @@ export function Collapse(props: ICollapseProps) {
             const dom = select<HTMLElement>(
                 `.${collapseItemClassName}[data-content='${panel.id}']`
             );
-            if (dom) {
+            const contentDom = select<HTMLElement>(
+                `.${collapseContentClassName}[data-content='${panel.id}']`
+            );
+            if (dom && contentDom) {
                 dom.style.height = `${height}px`;
                 dom.style.top = `${top}px`;
+                contentDom.style.height = `${height - HEADER_HEIGTH - 2}px`;
             }
         });
     }, [filterData]);

src/components/collapse/style.scss

@@ -71,7 +71,6 @@ $collapse__extra: #{$collapse}__extra;
 
     &__content {
         border: 1px solid transparent;
-        height: calc(100% - 2px);
         width: calc(100% - 3px);
 
         &:focus {