Merge pull request #8 from happy-func/feature_global_220328

Feature global 220328

Author: happy-func

docs/index.md

@@ -13,7 +13,7 @@ $ npm i react-swim-button
 $ yarn add react-swim-button
 ```
 
-<API src="../src/Button/index.tsx"></API>
+<API src="../src/index.tsx"></API>
 
 ## Usage
 
@@ -57,6 +57,7 @@ export default () => {
     <div>
       {Array.from({ length: 2 }).map((_, index) => (
         <ReactSwimButton
+          key={index}
           primary="#ff7426"
           active={activeAt === index}
           style={{ marginRight: 16 }}

package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-swim-button",
   "license": "MIT",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

src/Button/StyledButton.tsx renamed to src/StyledButton.tsx

@@ -8,7 +8,7 @@ import StyledButtonIcon from './StyledButtonIcon';
 import StyledButtonWave from './StyledButtonWave';
 import StyledLoading from './StyledLoading';
 
-export default function ReactSwimButton(props: IProps) {
+function ReactSwimButton(props: ReactSwimButtonProps) {
   const { primary = `#2b65f4`, active, onClick, children, className, style, icon, loading } = props;
   const waveRef = useRef(null);
   function animate(time: number | undefined) {
@@ -98,7 +98,7 @@ function Loading() {
   );
 }
 
-export interface IProps {
+export interface ReactSwimButtonProps {
   /**
    * @description       set primary color
    * @default           #2b65f4
@@ -132,3 +132,5 @@ export interface IProps {
    */
   loading?: boolean;
 }
+
+export default ReactSwimButton;