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>