chore: popover's code style optimization (#6409)

ant-design · Oct 24, 2023 · c75f300 · c75f300
1 parent e9eab30
commit c75f300
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/src/components/popover/popover-menu.tsx b/src/components/popover/popover-menu.tsx
@@ -63,7 +63,7 @@ export const PopoverMenu = forwardRef<PopoverRef, PopoverMenuProps>(
                 className={classNames(
                   `${classPrefix}-item`,
                   'adm-plain-anchor',
-                  action.disabled && `${classPrefix}-item-disabled`
+                  { [`${classPrefix}-item-disabled`]: action.disabled }
                 )}
                 onClick={() => {
                   if (action.disabled) return

diff --git a/src/components/popover/popover.tsx b/src/components/popover/popover.tsx
@@ -63,11 +63,11 @@ const defaultProps = {
   defaultVisible: false,
   stopPropagation: ['click'],
   getContainer: () => document.body,
+  mode: 'light',
 }
 
 export const Popover = forwardRef<PopoverRef, PopoverProps>((p, ref) => {
   const props = mergeProps(defaultProps, p)
-  const { mode = 'light' } = props
   const placement = normalizePlacement(props.placement)
 
   const [visible, setVisible] = usePropsValue<boolean>({
@@ -95,11 +95,9 @@ export const Popover = forwardRef<PopoverRef, PopoverProps>((p, ref) => {
     withNativeProps(
       props,
       <div
-        className={classNames(
-          classPrefix,
-          `${classPrefix}-${mode}`,
-          !visible && `${classPrefix}-hidden`
-        )}
+        className={classNames(classPrefix, `${classPrefix}-${props.mode}`, {
+          [`${classPrefix}-hidden`]: !visible,
+        })}
         ref={floatingRef}
       >
         <div className={`${classPrefix}-arrow`} ref={arrowRef}>