@vrx-arco/pro-components/dist/ToggleFullScreen/index.js

<p align="center"> <img src="https://vrx-arco.github.io/arco-design-pro/favicon.svg" width="200" height="250"> </p>

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const vue = require("vue");
const webVue = require("@arco-design/web-vue");
const core = require("@vueuse/core");
const IconFullscreen = require("@vrx-arco/icons-vue/IconFullscreen");
const IconFullscreenExit = require("@vrx-arco/icons-vue/IconFullscreenExit");
const ToggleFullScreen = /* @__PURE__ */ vue.defineComponent({
  name: "vrx-arco-toggle-full-screen",
  setup: () => {
    const {
      isSupported,
      isFullscreen,
      toggle
    } = core.useFullscreen();
    return () => vue.createVNode(webVue.Button, {
      "shape": "circle",
      "disabled": !isSupported,
      "onClick": () => toggle()
    }, {
      default: () => [isFullscreen.value ? vue.createVNode(IconFullscreenExit, {
        "class": "arco-icon"
      }, null) : vue.createVNode(IconFullscreen, {
        "class": "arco-icon"
      }, null)]
    });
  }
});
exports.ToggleFullScreen = ToggleFullScreen;