fix: table tree not have animate

feat-css-var
tangjinzhou 2022-03-11 22:17:21 +08:00
parent 3a2a672240
commit b82dd34c72
2 changed files with 14 additions and 1 deletions

View File

@ -10,6 +10,7 @@ import RightOutlined from '@ant-design/icons-vue/RightOutlined';
import useConfigInject from '../_util/hooks/useConfigInject'; import useConfigInject from '../_util/hooks/useConfigInject';
import devWarning from '../vc-util/devWarning'; import devWarning from '../vc-util/devWarning';
import omit from '../_util/omit'; import omit from '../_util/omit';
import getPlacements from '../tooltip/placements';
export type DropdownProps = Partial<ExtractPropTypes<ReturnType<typeof dropdownProps>>>; export type DropdownProps = Partial<ExtractPropTypes<ReturnType<typeof dropdownProps>>>;
@ -121,10 +122,15 @@ const Dropdown = defineComponent({
if (triggerActions && triggerActions.indexOf('contextmenu') !== -1) { if (triggerActions && triggerActions.indexOf('contextmenu') !== -1) {
alignPoint = true; alignPoint = true;
} }
const builtinPlacements = getPlacements({
arrowPointAtCenter: typeof arrow === 'object' && arrow.pointAtCenter,
});
const dropdownProps = omit( const dropdownProps = omit(
{ {
...props, ...props,
...attrs, ...attrs,
builtinPlacements,
overlayClassName: overlayClassNameCustomized, overlayClassName: overlayClassNameCustomized,
arrow, arrow,
alignPoint, alignPoint,

View File

@ -17,8 +17,15 @@ type Align = {
useCssBottom?: boolean; useCssBottom?: boolean;
useCssTransform?: boolean; useCssTransform?: boolean;
}; };
export type DropdownArrowOptions = {
pointAtCenter?: boolean;
};
const dropdownProps = () => ({ const dropdownProps = () => ({
arrow: PropTypes.looseBool, arrow: {
type: [Boolean, Object] as PropType<boolean | DropdownArrowOptions>,
default: undefined,
},
trigger: { trigger: {
type: [Array, String] as PropType< type: [Array, String] as PropType<
('click' | 'hover' | 'contextmenu')[] | 'click' | 'hover' | 'contextmenu' ('click' | 'hover' | 'contextmenu')[] | 'click' | 'hover' | 'contextmenu'