feat: badge

packages/fnx-ui/src/badge/__test__/__snapshots__/index.spec.tsx.snap

@@ -75,9 +75,7 @@ exports[`<Badge/> should render children correctly 1`] = `
     children
     <span
       class="fnx-badge fnx-badge--top-right fnx-badge--fixed"
-    >
-      8
-    </span>
+    />
   </div>
 </div>
 `;
@@ -86,9 +84,7 @@ exports[`<Badge/> should render default count when children is not exist 1`] = `
 <div>
   <span
     class="fnx-badge fnx-badge--top-right"
-  >
-    8
-  </span>
+  />
 </div>
 `;
 

packages/fnx-ui/src/badge/index.tsx

@@ -7,11 +7,10 @@ const NS = 'fnx-badge';
 const bem = createBEM(NS);
 
 const useProps = configComponentProps<
-	Required<Pick<BadgeProps, 'showZero' | 'max' | 'count' | 'position'>>
+	Required<Pick<BadgeProps, 'showZero' | 'max' | 'position'>>
 >({
 	showZero: true,
 	max: 99,
-	count: 8,
 	position: 'top-right',
 });
 
@@ -20,12 +19,11 @@ const Badge: React.FC<BadgeProps> = (_props) => {
 		{
 			showZero,
 			max,
-			count,
 			position,
 
 			...restProps
 		},
-		{ color, dot, offset, className, children, style },
+		{ color, dot, count, offset, className, children, style },
 	] = useProps(_props);
 
 	const renderCount = () => {

packages/fnx-ui/src/badge/interface.ts

@@ -13,7 +13,7 @@ export interface BadgeComponentProps {
 	count?: ReactNode;
 	showZero?: boolean;
 	dot?: boolean;
-	max?: string | number;
+	max?: number;
 	color?: string;
 	offset?: [number | string, number | string];
 	position?: BadgePosition;