fix(legacy/dropdown): fix prefix-cls (#1514)

* fix(legacy/dropdown): fix prefix-cls

* fix(popover): fix popover error

Co-authored-by: maxin <maxin@growingio.com>

src/legacy/dropdown/style/index.less

@@ -1,12 +1,12 @@
 @import '../../../stylesheet/index.less';
 @import '../../../stylesheet/mixin/trigger.less';
 
-@dropdown-prefix-cls: ~'@{component-prefix}-dropdown';
+@old-dropdown-prefix-cls: ~'@{component-prefix}-dropdown';
 @dropdown-arrow-width: 0px;
 @dropdown-distance: 0px;
 @dropdown-duration: 10ms;
 
-.@{dropdown-prefix-cls} {
+.@{old-dropdown-prefix-cls} {
   position: absolute;
   z-index: 399;
   margin: auto;
@@ -55,7 +55,7 @@
       pointer-events: auto;
     }
   }
-  .trigger-placement(@dropdown-prefix-cls, @color-background-dropdown, @dropdown-arrow-width, @dropdown-distance);
+  .trigger-placement(@old-dropdown-prefix-cls, @color-background-dropdown, @dropdown-arrow-width, @dropdown-distance);
 }
 
-.trigger-transition(@dropdown-prefix-cls, @dropdown-duration);
+.trigger-transition(@old-dropdown-prefix-cls, @dropdown-duration);

src/legacy/selector-pro/style/index.less

@@ -104,7 +104,7 @@
   box-shadow: 0 6px 14px rgba(223, 226, 237, 0.8);
 }
 .@{selector-prefix-cls}-overlay-dropdown {
-  .@{dropdown-prefix-cls}-inner {
+  .@{old-dropdown-prefix-cls}-inner {
     overflow: visible;
   }
 }

src/popover/Popover.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useMemo, useCallback, useEffect, useRef, useLayoutEffect } from 'react';
 import classNames from 'classnames';
-import { debounce, isUndefined } from 'lodash';
+import { debounce, isUndefined, isFunction } from 'lodash';
 import { usePopper } from 'react-popper';
 import ReactDOM from 'react-dom';
 import { PopoverProps, placements } from './interface';
@@ -87,8 +87,10 @@ const Popover = (props: PopoverProps) => {
   const onDocumentClick = useCallback(
     (event: MouseEvent) => {
       const { target } = event;
-      if (!referenceElement?.contains(target as Node) && !popperElement?.contains(target as Node)) {
-        updateVisible(false);
+      if (isFunction(referenceElement?.contains) && isFunction(popperElement?.contains)) {
+        if (!referenceElement?.contains(target as Node) && !popperElement?.contains(target as Node)) {
+          updateVisible(false);
+        }
       }
     },
     [popperElement, referenceElement, updateVisible]