overlay about ant-design-vue HOT 3 OPEN

const renderOverlay = () => {
  // rc-dropdown already can process the function of overlay, but we have check logic here.
  // So we need render the element to check and pass back to rc-dropdown.
  const overlay = props.overlay || slots.overlay?.();
  const overlayNode = Array.isArray(overlay) ? overlay[0] : overlay;


  if (!overlayNode) return null;
  const overlayProps = overlayNode.props || {};


  // Warning if use other mode
  devWarning(
    !overlayProps.mode || overlayProps.mode === 'vertical',
    'Dropdown',
    `mode="${overlayProps.mode}" is not supported for Dropdown's Menu.`,
  );


  // menu cannot be selectable in dropdown defaultly
  const { selectable = false, expandIcon = (overlayNode.children as any)?.expandIcon?.() } =
    overlayProps;


  const overlayNodeExpandIcon =
    typeof expandIcon !== 'undefined' && isValidElement(expandIcon) ? (
      expandIcon
    ) : (
      <span class={`${prefixCls.value}-menu-submenu-arrow`}>
        <RightOutlined class={`${prefixCls.value}-menu-submenu-arrow-icon`} />
      </span>
    );


  const fixedModeOverlay = isValidElement(overlayNode)
    ? cloneElement(overlayNode, {
        mode: 'vertical',
        selectable,
        expandIcon: () => overlayNodeExpandIcon,
      })
    : overlayNode;


  return fixedModeOverlay;
};