feat(Popover): add overlay-style prop (#8354)

src/popover/Popover.tsx

@@ -4,6 +4,7 @@ import {
   nextTick,
   PropType,
   onMounted,
+  CSSProperties,
   TeleportProps,
   onBeforeUnmount,
   defineComponent,
@@ -32,6 +33,7 @@ const popupProps = [
   'show',
   'overlay',
   'teleport',
+  'overlayStyle',
   'overlayClass',
   'closeOnClickOverlay',
 ] as const;
@@ -67,6 +69,7 @@ export default defineComponent({
     show: Boolean,
     overlay: Boolean,
     overlayClass: UnknownProp,
+    overlayStyle: Object as PropType<CSSProperties>,
     offset: {
       type: (Array as unknown) as PropType<[number, number]>,
       default: () => [0, 8],

src/popover/README.md

@@ -212,6 +212,7 @@ export default {
 | offset | Distance to reference | _[number, number]_ | `[0, 8]` |
 | overlay | Whether to show overlay | _boolean_ | `false` |
 | overlay-class `v3.0.10` | Custom overlay class | _string \| Array \| object_ | - |
+| overlay-style `v3.0.10` | Custom overlay style | _object_ | - |
 | close-on-click-action | Whether to close when clicking action | _boolean_ | `true` |
 | close-on-click-outside | Whether to close when clicking outside | _boolean_ | `true` |
 | close-on-click-overlay `v3.0.10` | Whether to close when clicking overlay | _boolean_ | `true` |

src/popover/README.zh-CN.md

@@ -226,6 +226,7 @@ export default {
 | offset | 出现位置的偏移量 | _[number, number]_ | `[0, 8]` |
 | overlay | 是否显示遮罩层 | _boolean_ | `false` |
 | overlay-class `v3.0.10` | 自定义遮罩层类名 | _string \| Array \| object_ | - |
+| overlay-style `v3.0.10` | 自定义遮罩层样式 | _object_ | - |
 | close-on-click-action | 是否在点击选项后关闭 | _boolean_ | `true` |
 | close-on-click-outside | 是否在点击外部元素后关闭菜单 | _boolean_ | `true` |
 | close-on-click-overlay `v3.0.10` | 是否在点击遮罩层后关闭菜单 | _boolean_ | `true` |