bp-aicc-editor 1.0.0

package/lib/index-BbUCT3bG.js

@@ -0,0 +1,66 @@
+import { _ as d, l as v } from "./index-Bjs1bW2W.js";
+import { defineComponent as f, toRef as c, ref as w, computed as o, createElementBlock as S, openBlock as y, normalizeStyle as s, createElementVNode as i } from "vue";
+const h = f({
+  name: "VFullScreen",
+  props: {
+    com: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const t = c(e.com, "config"), n = c(e.com, "attr"), l = w(!1), u = o(() => ({
+      width: `${n.value.w}px`,
+      height: `${n.value.h}px`
+    })), a = o(() => ({
+      display: "flex",
+      "justify-content": "center",
+      "align-items": "center",
+      "user-select": "none",
+      width: `${n.value.w}px`,
+      height: `${n.value.h}px`,
+      borderRadius: `${t.value.borderRadius}%`,
+      background: l.value || t.value.alwaysShow ? t.value.bgColor : "transparent"
+    })), r = o(() => ({
+      "user-select": "none",
+      width: `${n.value.w * 0.6}px`,
+      height: `${n.value.h * 0.6}px`,
+      display: l.value || t.value.alwaysShow ? "block" : "none"
+    })), p = o(() => l.value || t.value.alwaysShow ? document.fullscreenElement ? t.value.exit : t.value.request : "unknown");
+    return {
+      wrapperStyle: u,
+      btnStyle: a,
+      imgStyle: r,
+      imgSrc: p,
+      isEnter: l,
+      switchFullScreen: () => {
+        document.fullscreenElement ? document.exitFullscreen && document.exitFullscreen() : document.documentElement.requestFullscreen();
+      }
+    };
+  }
+}), g = ["src"];
+function $(e, t, n, l, u, a) {
+  return y(), S("div", {
+    class: "datav-wrapper",
+    style: s(e.wrapperStyle)
+  }, [
+    i("div", {
+      style: s(e.btnStyle),
+      onClick: t[0] || (t[0] = (...r) => e.switchFullScreen && e.switchFullScreen(...r)),
+      onMouseenter: t[1] || (t[1] = (r) => e.isEnter = !0),
+      onMouseleave: t[2] || (t[2] = (r) => e.isEnter = !1)
+    }, [
+      i("img", {
+        style: s(e.imgStyle),
+        src: e.imgSrc
+      }, null, 12, g)
+    ], 36)
+  ], 4);
+}
+const m = /* @__PURE__ */ d(h, [["render", $]]);
+m.install = (e) => {
+  e.component("VFullScreen", m), e.component("VFullScreenProp", v(() => import("./config-CjMfBTu9.js")));
+};
+export {
+  m as default
+};