usemodal 打开默认全屏

在编程中，`useModal`可能并不是一个通用的函数或方法名，因此没有一个标准的定义。但是，如果我们假设你正在谈论一个用于显示模态对话框（modal dialog）的自定义函数或组件，那么这个函数可能是用来控制模态对话框如何显示和行为的。

通常，模态对话框可以设计为全屏显示或部分覆盖页面，具体取决于设计需求或用户交互。在不同的前端框架或库中，可能会有不同的方法来实现全屏模态对话框。例如，在React中，你可以通过设置样式使模态对话框覆盖整个视窗。在Vue.js中，可能涉及到使用v-show或v-if指令来控制模态对话框的显示。

如果你的`useModal`是自定义的逻辑来控制模态框的显示，那么你可能需要添加一个选项或参数来控制模态框是否全屏显示。这通常涉及到CSS样式的应用，比如设置模态框的宽度和高度属性为100%，或者使用flexbox布局来调整模态框的位置和大小，使其占据整个屏幕。

以下是一个假设的例子，假设`useModal`是一个函数，可以控制模态框是否全屏：

function useModal(isFullScreen) {
  // ...其他逻辑...
  const modalStyle = isFullScreen ? { width: '100vw', height: '100vh' } : {};
  return {
    // 返回模态框组件和样式
    ModalComponent: <MyModal />,
    style: modalStyle,
  };
}

在这个例子中，`useModal`函数接受一个`isFullScreen`参数，用来决定模态框是否应该全屏显示。如果`isFullScreen`为`true`，则模态框样式设置为全屏（100vw宽度和100vh高度），否则使用默认样式。