feat: add drag panel & popover component (1)

[BoBoooooo]

• Popover

 interface PopoverProps {
  open?: boolean;
  /**
   * 浮层内容
   */
  overlay: React.ReactNode;
  /**
   * 浮层打开或关闭时的回调
   */
  onOpenChange?: (open: boolean) => void;
  /**
   * 浮层被遮挡时自动调整位置
   */
  autoAdjustOverflow?: boolean;
  /**
   * 点击蒙层是否允许关闭
   */
  maskClosable?: boolean;
  /**
   * 手动唤起时的位置
   */
  left?: number;
  /**
   * 手动唤起时的位置
   */
  top?: number;
  /**
   * z-index
   */
  zIndex?: number;
  /**
   * popoverStyle
   */
  popoverStyle?: React.CSSProperties;
  children?: React.ReactNode;
}

• DragPanel

interface DragPanelProps extends PopoverProps {
  // 标题
  title?: React.ReactNode | string;
  // 内容
  body?: React.ReactNode | string;
  // 底部
  footer?: ((close: () => void) => React.ReactNode) | React.ReactNode | string;
  // 宽度
  width?: number | string;
  // 右上角区域
  extra?: React.ReactNode | string;
}

<DragPanel
  title="标题"
  extra="右上角内容"
  width={700}
  body={
    <Box>
      内容
    </Box>
  }
  footer={
    <Text>
      底部信息
    </Text>
  }
>
  <Action tooltip="打开表达式变量选择面板" icon={<ExpandAltOutlined />} size="small" />
</DragPanel>