fix(react): fix studiopanel className setting (#153)

alibaba · Dec 2, 2021 · a279713 · a279713
1 parent a9943dd
commit a279713
Showing 1 changed file with 3 additions and 7 deletions.
diff --git a/packages/react/src/panels/StudioPanel.tsx b/packages/react/src/panels/StudioPanel.tsx
@@ -19,16 +19,12 @@ const StudioPanelInternal: React.FC<IStudioPanelProps> = ({
 }) => {
   const prefix = usePrefix('main-panel')
   const position = usePosition()
+  const classNameBase = cls('root', position, props.className)
   if (logo || actions) {
     return (
       <div
         {...props}
-        className={cls(
-          prefix + '-container',
-          'root',
-          position,
-          props.className
-        )}
+        className={cls(`${prefix}-container`, classNameBase)}
       >
         <div className={prefix + '-header'}>
           <div className={prefix + '-header-logo'}>{logo}</div>
@@ -39,7 +35,7 @@ const StudioPanelInternal: React.FC<IStudioPanelProps> = ({
     )
   }
   return (
-    <div {...props} className={cls(prefix, 'root', position)}>
+    <div {...props} className={cls(prefix, classNameBase)}>
       {props.children}
     </div>
   )