fix: remove height

CHANGELOG.md

@@ -1,5 +1,11 @@
 # 🗓 Changelog
 
+## 1.2.0
+
+`2020-01-06`
+
+- remove height. [#2](https://github.com/image-component/react-image-follow/pull/2)
+
 ## 1.1.0
 
 `2021-01-06`

assets/index.less

@@ -1,5 +1,6 @@
 .react-image-follow {
   width: 100%;
+  height: 400px;
   position: relative;
   display: flex;
   align-items: center;

docs/example/base.tsx

@@ -13,7 +13,7 @@ const src =
 const App = () => {
   return (
     <div className="demo">
-      <ImageFollow src={src} height={400} />
+      <ImageFollow src={src} />
     </div>
   );
 };

docs/example/extra.tsx

@@ -13,7 +13,7 @@ const src =
 const App = () => {
   return (
     <div className="demo">
-      <ImageFollow src={src} height={400}>
+      <ImageFollow src={src}>
         <h1 style={{ color: '#fff' }}>Image Follow</h1>
       </ImageFollow>
     </div>

docs/example/link.tsx

@@ -16,7 +16,6 @@ const App = () => {
       <ImageFollow
         href="https://github.com/image-component/react-image-follow"
         src={src}
-        height={400}
       >
         <h1 style={{ color: '#fff' }}>Can Click</h1>
       </ImageFollow>

src/template.tsx

@@ -7,24 +7,14 @@ type ImageFollowProps = {
   radius?: number;
   src: string;
   style?: React.CSSProperties;
-  height?: number;
   href?: string;
   children?: React.ReactNode;
 };
 
 export { ImageFollowProps };
 
 const ImageFollow = (props: ImageFollowProps) => {
-  const {
-    alt,
-    className,
-    radius = 8,
-    src,
-    style,
-    height = 200,
-    href,
-    children,
-  } = props;
+  const { alt, className, radius = 8, src, style, href, children } = props;
 
   const [cardStyle, setCardStyle] = React.useState({});
   const [wrapperStyle, setWrapperStyle] = React.useState({});
@@ -33,7 +23,6 @@ const ImageFollow = (props: ImageFollowProps) => {
   const cardRef = React.useRef<HTMLElement>();
 
   const cardBaseStyle = {
-    height: `${height}px`,
     borderRadius: `${radius}px`,
     ...style,
   };

tests/__snapshots__/index.spec.tsx.snap

@@ -9,7 +9,6 @@ exports[`temp render 1`] = `
     style={
       Object {
         "borderRadius": "8px",
-        "height": "200px",
       }
     }
     target="_blank"