[popover]修改样式

Author: Hui

src/components/popover/index.js

@@ -36,13 +36,13 @@ function Popover(props) {
 
   const ref = createRef();
 
-  const closeTooltipExec = (evtPath) => evtPath.find((ele) => (
-    ele.classList
+  const closeTooltipExec = (evtPath) => evtPath.find(
+    (ele) => ele.classList
         && ele.classList.contains
         && (ele.classList.contains(cancelBtnClass)
           || ele.classList.contains(confirmBtnClass)
-          || ele.classList.contains(closeIconClass))
-  ));
+          || ele.classList.contains(closeIconClass)),
+  );
 
   const handleCancelClick = () => {
     props.onCancelClick();
@@ -61,7 +61,13 @@ function Popover(props) {
   const handleConfirmClick = async () => {
     const isInvalidate = props.onConfirmClick();
     if (isInvalidate && isInvalidate.then) {
-      isInvalidate.then((res) => { removeClass(res); }).catch(() => { removeClass(true); });
+      isInvalidate
+        .then((res) => {
+          removeClass(res);
+        })
+        .catch(() => {
+          removeClass(true);
+        });
       return;
     }
     removeClass(isInvalidate);
@@ -74,13 +80,17 @@ function Popover(props) {
     popoverContent = (
       <div className={classSelector}>
         <section className={`${classSelector}-content`}>
-          {showIcon && (iconTpl || <Icon className={`${classSelector}-icon`} type="info_1" />)}
+          {showIcon
+            && (iconTpl || (
+              <Icon className={`${classSelector}-icon`} type="info_1" />
+            ))}
 
           <div className={`${classSelector}-main-content`}>
             {title && <p className={`${classSelector}-title`}>{title}</p>}
             {content && (
               <p
-                className={`${classSelector}-desc ${title ? `${classSelector}-has-title` : ''
+                className={`${classSelector}-desc ${
+                  title ? `${classSelector}-has-title` : ''
                 }`}
               >
                 {content}
@@ -91,7 +101,12 @@ function Popover(props) {
 
         <section className={`${classSelector}-btn`} ref={ref}>
           {showCancelBtn && (
-            <Button onClick={handleCancelClick} size="small" className={cancelBtnClass} {...cancelBtnOpts}>
+            <Button
+              onClick={handleCancelClick}
+              size="small"
+              className={cancelBtnClass}
+              {...cancelBtnOpts}
+            >
               {cancelBtnText}
             </Button>
           )}
@@ -131,9 +146,11 @@ function Popover(props) {
       onVisibleChange={onVisibleChange}
       className={classnames(className, {
         [`${classSelector}-tooltip-${size}`]:
-        title || showCancelBtn || showConfirmBtn,
+          title || showCancelBtn || showConfirmBtn,
       })}
-      overlayStyle={{ width, maxWidth: width }}
+      overlayStyle={{
+        width, maxWidth: width, maxHeight: 280, padding: 12,
+      }}
       {...otherProps}
     >
       {children}
@@ -169,7 +186,7 @@ Popover.defaultProps = {
   showCancelBtn: false,
   showConfirmBtn: false,
   cancelBtnText: '取消',
-  confirmText: '确认',
+  confirmText: '确定',
   size: 'default',
   type: 'default',
   onCancelClick: noop,