feat: process empty logic

Author: mumiao

src/common/className.ts

@@ -1,3 +1,4 @@
+import { isEmpty } from 'loadsh';
 import { APP_PREFIX } from 'mo/common/const';
 /**
  * This function help you prefix a css class name, default is molecule.
@@ -11,6 +12,7 @@ export function prefixClaName(name: string, prefix: string = APP_PREFIX) {
 }
 
 export function classNames(...args) {
+    if (isEmpty(args)) return
     let classList: string[] = [];
     for (let arg of args) {
         if (!arg) continue;

src/components/tabs/tabButton.tsx

@@ -44,7 +44,7 @@ export default function TabButton({
         <div
             className={classNames(
                 'tab-button',
-                { 'tab-button--active': true },
+                { 'tab-button--active': active },
                 className
             )}
             onClick={handleClick}