fix(dropdown): 修复Dropdown组件中placement方向的问题，由12个方向改为只有上下6个方向可选，默认方向为下 (#…

…333) affects: @gio-design/components, website 修复Dropdown组件中placement方向的问题，由12个方向改为只有上下6个方向可选，默认方向为下
growingio · Oct 22, 2020 · 74babad · 74babad
1 parent f3e1d10
commit 74babad
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/packages/components/src/components/dropdown/Dropdown.tsx b/packages/components/src/components/dropdown/Dropdown.tsx
@@ -1,11 +1,12 @@
 import React, { useContext, cloneElement } from 'react';
+import { isFunction } from 'lodash';
 import Tooltip from '../tooltip';
 import { DropdownProps } from './interface';
 import { ConfigContext } from '../config-provider';
 import useControlledState from '../../utils/hooks/useControlledState';
-import { isFunction } from 'lodash';
 
 const Dropdown = (props: DropdownProps) => {
+  const placementList = ['top','bottom','topLeft','topRight','bottomLeft','bottomRight'];
   const {
     children,
     prefixCls: customizePrefixCls,
@@ -33,7 +34,7 @@ const Dropdown = (props: DropdownProps) => {
     <Tooltip
       prefixCls={prefixCls}
       trigger={trigger}
-      placement={placement}
+      placement={placementList.includes(placement) ? placement : 'bottom'}
       visible={controlledVisible}
       overlay={getOverlay()}
       onVisibleChange={(_visible) => {

diff --git a/packages/website/src/components/functional/dropdown/demo/base.tsx b/packages/website/src/components/functional/dropdown/demo/base.tsx
@@ -4,7 +4,7 @@ import '@gio-design/components/es/components/dropdown/style/index.css';
 
 export default () => (
   <Dropdown
-    overlay={
+    overlay={(
       <div
         style={{
           width: 294,
@@ -19,7 +19,7 @@ export default () => (
       >
         内容区域
       </div>
-    }
+    )}
     placement="bottomRight"
   >
     <Button type="secondary">更多操作</Button>