@wfrog/vc/es/components/screenfull/index.mjs

`自用` 的基于 `element-plus` 二次封装的 `vue3` 组件库。追求在业务场景中，尽可能使用更少的代码量来实现需求。 因此在组件封装上，以 `方便` 为主，打包仅 `esm` 模式。

import './index.css'
// vue-script:D:\project\_my\vc\src\components\screenfull\index.vue?type=script
import { defineComponent as _defineComponent } from "vue";
import { renderSlot as _renderSlot, createVNode as _createVNode, normalizeClass as _normalizeClass2, unref as _unref, openBlock as _openBlock2, createElementBlock as _createElementBlock, withDirectives as _withDirectives } from "vue";
import { ref } from "vue";
import { vLoading } from "element-plus";
import { loader } from "@wfrog/utils";

// vue-script:D:\project\_my\vc\src\components\el-icon\index.vue?type=script
import { defineComponent } from "vue";
import { ElIcon } from "element-plus";
import * as Icons from "@element-plus/icons-vue";
var el_icon_default = defineComponent({
  components: { ...Icons, ElIcon },
  props: {
    name: { type: String, required: true },
    color: { type: String, default: "" },
    size: { type: [Number, String], default: "" }
  }
});

// vue-template:D:\project\_my\vc\src\components\el-icon\index.vue?type=template
import { resolveDynamicComponent as _resolveDynamicComponent, openBlock as _openBlock, createBlock as _createBlock, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, withCtx as _withCtx } from "vue";
function render(_ctx, _cache) {
  const _component_ElIcon = _resolveComponent("ElIcon");
  return _openBlock(), _createBlock(_component_ElIcon, {
    size: _ctx.size,
    color: _ctx.color,
    class: _normalizeClass(_ctx.$style.icon)
  }, {
    default: _withCtx(() => [
      (_openBlock(), _createBlock(_resolveDynamicComponent(_ctx.name)))
    ]),
    _: 1
  }, 8, ["size", "color", "class"]);
}

// vue-style:D:\project\_my\vc\src\components\el-icon\index.vue?type=style&index=0&isModule=true&isNameImport=true
var el_icon_default2 = { icon: "_icon_1iurh_1" };

// src/components/el-icon/index.vue
el_icon_default.render = render;
var cssModules = {};
el_icon_default.__cssModules = cssModules = {};
cssModules["$style"] = el_icon_default2;
var el_icon_default3 = el_icon_default;

// vue-script:D:\project\_my\vc\src\components\screenfull\index.vue?type=script
var screenfull_default = /* @__PURE__ */ _defineComponent({
  __name: "index",
  setup(__props) {
    const loading = ref(false);
    const handleClick = async () => {
      loading.value = true;
      const screenfull = await loader.loadCdnSingle("screenfull");
      loading.value = false;
      screenfull.toggle();
    };
    return (_ctx, _cache) => {
      return _withDirectives((_openBlock2(), _createElementBlock("span", {
        class: _normalizeClass2(_ctx.$style.main),
        onClick: handleClick
      }, [
        _renderSlot(_ctx.$slots, "default", {}, () => [
          _createVNode(el_icon_default3, { name: "FullScreen" })
        ])
      ], 2)), [
        [_unref(vLoading), loading.value]
      ]);
    };
  }
});

// vue-style:D:\project\_my\vc\src\components\screenfull\index.vue?type=style&index=0&isModule=true&isNameImport=true
var screenfull_default2 = { main: "_main_cnnq4_1" };

// src/components/screenfull/index.vue
var cssModules2 = {};
screenfull_default.__cssModules = cssModules2 = {};
cssModules2["$style"] = screenfull_default2;
var screenfull_default3 = screenfull_default;
export {
  screenfull_default3 as default
};