@g1cloud/page-builder-editor 1.0.0-alpha.101 → 1.0.0-alpha.103

package/dist/style.css

@@ -386,8 +386,9 @@
   height: 28px;
   background-color: var(--primary);
 }
-.preview-container[data-v-c0ba6980] {
+.preview-wrapper[data-v-b8f2a18d] {
+  width: 100%;
+}
+.preview-empty[data-v-b8f2a18d] {
   width: 100%;
-  min-height: 300px;
-  overflow: hidden;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@g1cloud/page-builder-editor",
   "private": false,
-  "version": "1.0.0-alpha.101",
+  "version": "1.0.0-alpha.103",
   "engins": {
     "node": ">= 20.0.0"
   },
@@ -31,7 +31,7 @@
     "vue-router": "^4.4.3",
     "vue3-click-away": "^1.2.4",
     "yjs": "^13.6.14",
-    "@g1cloud/page-builder-viewer": "1.0.0-alpha.101"
+    "@g1cloud/page-builder-viewer": "1.0.0-alpha.103"
   },
   "devDependencies": {
     "@types/node": "^20.12.7",

package/dist/PbYoutubeModal-BaL5gsKK.js

@@ -1,117 +0,0 @@
-import { defineComponent, ref, onMounted, openBlock, createBlock, unref, withCtx, createElementVNode, withDirectives, createVNode, normalizeStyle, createCommentVNode } from "vue";
-import { useModalHandle, BSModalFrame, vT, BSTextInput } from "@g1cloud/bluesea";
-import YouTube from "vue3-youtube";
-import { _ as _export_sfc } from "./index-SyHEuk0H.js";
-const _hoisted_1 = { class: "bs-layout-vertical flex-grow-1 h-full" };
-const _hoisted_2 = { class: "pt-8" };
-const _hoisted_3 = { class: "bs-layout-horizontal justify-content-center" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "PbYoutubeModal",
-  props: {
-    url: {}
-  },
-  emits: ["selectUrl"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const modalHandle = useModalHandle();
-    const previewContainer = ref();
-    const url = ref(props.url);
-    const aspectRatio = ref();
-    const previewWidth = ref(480);
-    const previewHeight = ref(360);
-    const fetchAspectRatio = async (videoUrl) => {
-      try {
-        const oembedUrl = `https://www.youtube.com/oembed?url=${encodeURIComponent(videoUrl)}&format=json`;
-        const response = await fetch(oembedUrl);
-        if (!response.ok) return;
-        const data = await response.json();
-        if (data.width && data.height) {
-          aspectRatio.value = `${data.width}/${data.height}`;
-          previewHeight.value = Math.round(previewWidth.value * data.height / data.width);
-        }
-      } catch {
-      }
-    };
-    const updateUrl = (value) => {
-      url.value = value;
-      aspectRatio.value = void 0;
-      if (value) {
-        fetchAspectRatio(value);
-      }
-    };
-    if (props.url) {
-      fetchAspectRatio(props.url);
-    }
-    const measureContainer = () => {
-      var _a;
-      const w = (_a = previewContainer.value) == null ? void 0 : _a.clientWidth;
-      if (w && w > 0) {
-        previewWidth.value = w;
-        previewHeight.value = Math.round(w * 9 / 16);
-        return true;
-      }
-      return false;
-    };
-    onMounted(() => {
-      if (!measureContainer()) {
-        requestAnimationFrame(() => measureContainer());
-      }
-    });
-    const ok = () => {
-      emit("selectUrl", url.value, aspectRatio.value);
-      modalHandle.close();
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(BSModalFrame), {
-        title: { key: "pb.modal.youtube.title" },
-        class: "pb-youtube-modal"
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            withDirectives(createElementVNode("div", null, null, 512), [
-              [unref(vT), { key: "pb.modal.youtube.url" }]
-            ]),
-            createVNode(unref(BSTextInput), {
-              "model-value": url.value,
-              width: "100%",
-              "onUpdate:modelValue": updateUrl
-            }, null, 8, ["model-value"]),
-            withDirectives(createElementVNode("div", _hoisted_2, null, 512), [
-              [unref(vT), { key: "pb.modal.youtube.preview" }]
-            ]),
-            createElementVNode("div", {
-              ref_key: "previewContainer",
-              ref: previewContainer,
-              class: "preview-container border-w-1 border border-gray",
-              style: normalizeStyle({ minHeight: url.value ? void 0 : "300px", overflow: "hidden" })
-            }, [
-              url.value ? (openBlock(), createBlock(unref(YouTube), {
-                key: 0,
-                ref: "youtube",
-                src: url.value,
-                width: previewWidth.value,
-                height: previewHeight.value
-              }, null, 8, ["src", "width", "height"])) : createCommentVNode("", true)
-            ], 4)
-          ])
-        ]),
-        buttons: withCtx(() => [
-          createElementVNode("div", _hoisted_3, [
-            withDirectives(createElementVNode("button", {
-              class: "mr-4",
-              onClick: ok
-            }, null, 512), [
-              [unref(vT), { key: "pb.button.ok" }]
-            ])
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-const PbYoutubeModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c0ba6980"]]);
-export {
-  PbYoutubeModal as default
-};