fix(modal): ensure that the full screen height is calculated correctly

Vben

2021-06-11 1c1755cf5b4ada7263c05ddf4105abb52a2abb2f

 src/components/Modal/src/components/ModalClose.vue

@@ -2,7 +2,6 @@
  <div :class="getClass">
    <template v-if="canFullscreen">
      <FullscreenExitOutlined role="full" @click="handleFullScreen" v-if="fullScreen" />

      <FullscreenOutlined role="close" @click="handleFullScreen" v-else />
    </template>
    <CloseOutlined @click="handleCancel" />
@@ -12,14 +11,13 @@
  import { defineComponent, computed } from 'vue';
  import { FullscreenExitOutlined, FullscreenOutlined, CloseOutlined } from '@ant-design/icons-vue';
  import { useDesign } from '/@/hooks/web/useDesign';
  import { propTypes } from '/@/utils/propTypes';

  export default defineComponent({
    name: 'ModalClose',
    components: { FullscreenExitOutlined, FullscreenOutlined, CloseOutlined },
    props: {
      canFullscreen: propTypes.bool.def(true),
      fullScreen: propTypes.bool,
      canFullscreen: { type: Boolean, default: true },
      fullScreen: { type: Boolean },
    },
    emits: ['cancel', 'fullscreen'],
    setup(props, { emit }) {
@@ -38,6 +36,7 @@
      function handleCancel(e: Event) {
        emit('cancel', e);
      }

      function handleFullScreen(e: Event) {
        e?.stopPropagation();
        e?.preventDefault();