@g1cloud/page-builder-editor 1.0.0-alpha.2 → 1.0.0-alpha.3

package/dist/{PbPropertyEditorImage-DA92v7AE.js → PbPropertyEditorImage-B4sYTAHu.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
 import { useModal } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor, P as PageBuilderEditorEvent } from "./index-Dwk2ffWe.js";
+import { u as usePageBuilderEditor, P as PageBuilderEditorEvent } from "./index-DSV66_zQ.js";
 const _hoisted_1 = { class: "property-editor property-editor-image flex-align-center" };
 const _hoisted_2 = { class: "label" };
 const _hoisted_3 = ["textContent"];

package/dist/{PbPropertyEditorProduct-CkydxTwD.js → PbPropertyEditorProduct-qHnu5dvM.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
 import { useModal } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor, P as PageBuilderEditorEvent } from "./index-Dwk2ffWe.js";
+import { u as usePageBuilderEditor, P as PageBuilderEditorEvent } from "./index-DSV66_zQ.js";
 const _hoisted_1 = { class: "property-editor property-editor-product flex-align-center" };
 const _hoisted_2 = { class: "label" };
 const _hoisted_3 = ["textContent"];

package/dist/{index-Dwk2ffWe.js → index-DSV66_zQ.js}

@@ -6835,7 +6835,7 @@ let Model$1 = class Model {
     this.rootPart = ref(new RootPart());
   }
 };
-const _hoisted_1$8$1 = ["data-model-id"];
+const _hoisted_1$7$1 = ["data-model-id"];
 const _hoisted_2$3$1 = {
   key: 1,
   class: "pb-nested-widget"
@@ -6870,11 +6870,11 @@ const _sfc_main$8$1 = /* @__PURE__ */ defineComponent({
             }, null, 8, ["part"]);
           }), 128))
         ])) : createCommentVNode("", true)
-      ], 16, _hoisted_1$8$1);
+      ], 16, _hoisted_1$7$1);
     };
   }
 });
-const _hoisted_1$7$1 = ["data-model-id"];
+const _hoisted_1$6$1 = ["data-model-id"];
 const _sfc_main$7$1 = /* @__PURE__ */ defineComponent({
   __name: "PbBlock",
   props: {
@@ -6898,11 +6898,11 @@ const _sfc_main$7$1 = /* @__PURE__ */ defineComponent({
             part: child
           }, null, 8, ["part"]);
         }), 128))
-      ], 16, _hoisted_1$7$1);
+      ], 16, _hoisted_1$6$1);
     };
   }
 });
-const _hoisted_1$6$1 = { class: "pb-block" };
+const _hoisted_1$5$1 = { class: "pb-block" };
 const _hoisted_2$2$1 = /* @__PURE__ */ createElementVNode("div", {
   class: "pb-widget",
   style: { "margin": "0 auto" }
@@ -6921,11 +6921,11 @@ const _sfc_main$6$1 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6$1, _hoisted_3$2$1);
+      return openBlock(), createElementBlock("div", _hoisted_1$5$1, _hoisted_3$2$1);
     };
   }
 });
-const _hoisted_1$5$1 = ["data-model-id"];
+const _hoisted_1$4$1 = ["data-model-id"];
 const _sfc_main$5$1 = /* @__PURE__ */ defineComponent({
   __name: "PbSection",
   props: {
@@ -6951,11 +6951,11 @@ const _sfc_main$5$1 = /* @__PURE__ */ defineComponent({
             part: block
           }, null, 8, ["part"]);
         }), 128)) : createCommentVNode("", true)
-      ], 16, _hoisted_1$5$1);
+      ], 16, _hoisted_1$4$1);
     };
   }
 });
-const _hoisted_1$4$1 = { class: "pb-image-widget" };
+const _hoisted_1$3$1 = { class: "pb-image-widget" };
 const _hoisted_2$1$1 = ["src"];
 const _hoisted_3$1$1 = {
   key: 1,
@@ -6974,7 +6974,7 @@ const _sfc_main$4$1 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       var _a, _b;
-      return openBlock(), createElementBlock("div", _hoisted_1$4$1, [
+      return openBlock(), createElementBlock("div", _hoisted_1$3$1, [
         ((_a = _ctx.part.properties) == null ? void 0 : _a.image) ? (openBlock(), createElementBlock("img", {
           key: 0,
           src: (_b = _ctx.part.properties) == null ? void 0 : _b.image,
@@ -6985,7 +6985,7 @@ const _sfc_main$4$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$3$1 = ["textContent"];
+const _hoisted_1$2$1 = ["textContent"];
 const _sfc_main$3$1 = /* @__PURE__ */ defineComponent({
   __name: "PbTextWidget",
   props: {
@@ -7009,7 +7009,7 @@ const _sfc_main$3$1 = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", mergeProps({ class: "text" }, style.value, {
           textContent: toDisplayString(((_b = _ctx.part.properties) == null ? void 0 : _b.text) || (!_ctx.viewMode ? "Empty text" : " "))
-        }), null, 16, _hoisted_1$3$1)
+        }), null, 16, _hoisted_1$2$1)
       ], 2);
     };
   }
@@ -7048,7 +7048,7 @@ const PageBuilderViewerEvent = {
     }
   }
 };
-const _hoisted_1$2$1 = { class: "pb-product-list-widget" };
+const _hoisted_1$1$1 = { class: "pb-product-list-widget" };
 const _hoisted_2$l = { class: "product" };
 const _hoisted_3$g = { class: "image" };
 const _hoisted_4$d = ["src"];
@@ -7090,7 +7090,7 @@ const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
       return (_a = props.part.properties) == null ? void 0 : _a.products;
     }, () => updateProducts());
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2$1, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1$1, [
         products.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(productCount.value, (index) => {
           return openBlock(), createElementBlock("div", {
             key: index,
@@ -7228,11 +7228,11 @@ const createPartComponent = (part) => {
   }
 };
 const getPartDefinition = (partName) => partDefinitions$1[partName];
-const _hoisted_1$1$1 = { class: "pb-page-content" };
 const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
   __name: "PbPage",
   props: {
-    page: {}
+    page: {},
+    isMobilePage: { type: Boolean }
   },
   setup(__props) {
     const properties = computed(() => ({
@@ -7243,14 +7243,16 @@ const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock("div", mergeProps({ class: "pb-page" }, properties.value), [
-        createElementVNode("div", _hoisted_1$1$1, [
+        createElementVNode("div", {
+          class: normalizeClass([[_ctx.isMobilePage ? "mobile" : "pc"], "pb-page-content"])
+        }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList((_a = _ctx.page) == null ? void 0 : _a.children, (section) => {
             return openBlock(), createBlock$1(_sfc_main$5$1, {
               key: section.partId,
               part: section
             }, null, 8, ["part"]);
           }), 128))
-        ])
+        ], 2)
       ], 16);
     };
   }
@@ -7260,14 +7262,15 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "PageBuilderViewer",
   props: {
     instanceId: {},
-    pageContent: {}
+    pageContent: {},
+    isMobilePage: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
     const pageBuilderViewer = createPageBuilderViewer();
     pageBuilderViewer.instanceId = props.instanceId;
     providePageBuilderViewer(pageBuilderViewer);
-    const page = computed(() => pageBuilderViewer.model.rootPart.value.children && pageBuilderViewer.model.rootPart.value.children[0]);
+    const page = computed(() => pageBuilderViewer.model.rootPart.value.children && pageBuilderViewer.model.rootPart.value.children[props.isMobilePage ? 0 : 1]);
     onMounted(() => {
       if (props.pageContent) {
         pageBuilderViewer.render(props.pageContent);
@@ -7285,8 +7288,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$u, [
         page.value ? (openBlock(), createBlock$1(_sfc_main$1$1, {
           key: 0,
+          "is-mobile-page": _ctx.isMobilePage,
           page: page.value
-        }, null, 8, ["page"])) : createCommentVNode("", true)
+        }, null, 8, ["is-mobile-page", "page"])) : createCommentVNode("", true)
       ]);
     };
   }
@@ -7864,8 +7868,8 @@ const defaultPartPropertyEditors = () => {
     "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-DNdXl-Tr.js")),
     "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-BMeNUGm8.js")),
     "select": () => defineAsyncComponent(() => import("./PbPropertyEditorSelect-BJovN1su.js")),
-    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-DA92v7AE.js")),
-    "product": () => defineAsyncComponent(() => import("./PbPropertyEditorProduct-CkydxTwD.js"))
+    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-B4sYTAHu.js")),
+    "product": () => defineAsyncComponent(() => import("./PbPropertyEditorProduct-qHnu5dvM.js"))
   };
 };
 const getPropertyValueOfParts = (parts, propertyName) => {

package/dist/page-builder-editor.js

@@ -1,4 +1,4 @@
-import { B, a, M, b, c, _, P, d, e, f, g, h, i, R, j, S, k, W, l, m, n, o, p, q } from "./index-Dwk2ffWe.js";
+import { B, a, M, b, c, _, P, d, e, f, g, h, i, R, j, S, k, W, l, m, n, o, p, q } from "./index-DSV66_zQ.js";
 export {
   B as BLOCK_TYPE,
   a as Block,

package/dist/page-builder-editor.umd.cjs

@@ -6837,7 +6837,7 @@ var __publicField = (obj, key, value) => {
       this.rootPart = vue.ref(new RootPart());
     }
   };
-  const _hoisted_1$8$1 = ["data-model-id"];
+  const _hoisted_1$7$1 = ["data-model-id"];
   const _hoisted_2$3$1 = {
     key: 1,
     class: "pb-nested-widget"
@@ -6872,11 +6872,11 @@ var __publicField = (obj, key, value) => {
               }, null, 8, ["part"]);
             }), 128))
           ])) : vue.createCommentVNode("", true)
-        ], 16, _hoisted_1$8$1);
+        ], 16, _hoisted_1$7$1);
       };
     }
   });
-  const _hoisted_1$7$1 = ["data-model-id"];
+  const _hoisted_1$6$1 = ["data-model-id"];
   const _sfc_main$7$1 = /* @__PURE__ */ vue.defineComponent({
     __name: "PbBlock",
     props: {
@@ -6900,11 +6900,11 @@ var __publicField = (obj, key, value) => {
               part: child
             }, null, 8, ["part"]);
           }), 128))
-        ], 16, _hoisted_1$7$1);
+        ], 16, _hoisted_1$6$1);
       };
     }
   });
-  const _hoisted_1$6$1 = { class: "pb-block" };
+  const _hoisted_1$5$1 = { class: "pb-block" };
   const _hoisted_2$2$1 = /* @__PURE__ */ vue.createElementVNode("div", {
     class: "pb-widget",
     style: { "margin": "0 auto" }
@@ -6923,11 +6923,11 @@ var __publicField = (obj, key, value) => {
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6$1, _hoisted_3$2$1);
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5$1, _hoisted_3$2$1);
       };
     }
   });
-  const _hoisted_1$5$1 = ["data-model-id"];
+  const _hoisted_1$4$1 = ["data-model-id"];
   const _sfc_main$5$1 = /* @__PURE__ */ vue.defineComponent({
     __name: "PbSection",
     props: {
@@ -6953,11 +6953,11 @@ var __publicField = (obj, key, value) => {
               part: block
             }, null, 8, ["part"]);
           }), 128)) : vue.createCommentVNode("", true)
-        ], 16, _hoisted_1$5$1);
+        ], 16, _hoisted_1$4$1);
       };
     }
   });
-  const _hoisted_1$4$1 = { class: "pb-image-widget" };
+  const _hoisted_1$3$1 = { class: "pb-image-widget" };
   const _hoisted_2$1$1 = ["src"];
   const _hoisted_3$1$1 = {
     key: 1,
@@ -6976,7 +6976,7 @@ var __publicField = (obj, key, value) => {
     setup(__props) {
       return (_ctx, _cache) => {
         var _a, _b;
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4$1, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3$1, [
           ((_a = _ctx.part.properties) == null ? void 0 : _a.image) ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 0,
             src: (_b = _ctx.part.properties) == null ? void 0 : _b.image,
@@ -6987,7 +6987,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$3$1 = ["textContent"];
+  const _hoisted_1$2$1 = ["textContent"];
   const _sfc_main$3$1 = /* @__PURE__ */ vue.defineComponent({
     __name: "PbTextWidget",
     props: {
@@ -7011,7 +7011,7 @@ var __publicField = (obj, key, value) => {
         }, [
           vue.createElementVNode("div", vue.mergeProps({ class: "text" }, style.value, {
             textContent: vue.toDisplayString(((_b = _ctx.part.properties) == null ? void 0 : _b.text) || (!_ctx.viewMode ? "Empty text" : " "))
-          }), null, 16, _hoisted_1$3$1)
+          }), null, 16, _hoisted_1$2$1)
         ], 2);
       };
     }
@@ -7050,7 +7050,7 @@ var __publicField = (obj, key, value) => {
       }
     }
   };
-  const _hoisted_1$2$1 = { class: "pb-product-list-widget" };
+  const _hoisted_1$1$1 = { class: "pb-product-list-widget" };
   const _hoisted_2$t = { class: "product" };
   const _hoisted_3$o = { class: "image" };
   const _hoisted_4$f = ["src"];
@@ -7092,7 +7092,7 @@ var __publicField = (obj, key, value) => {
         return (_a = props.part.properties) == null ? void 0 : _a.products;
       }, () => updateProducts());
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2$1, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1$1, [
           products.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(productCount.value, (index) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: index,
@@ -7230,11 +7230,11 @@ var __publicField = (obj, key, value) => {
     }
   };
   const getPartDefinition = (partName) => partDefinitions$1[partName];
-  const _hoisted_1$1$1 = { class: "pb-page-content" };
   const _sfc_main$1$1 = /* @__PURE__ */ vue.defineComponent({
     __name: "PbPage",
     props: {
-      page: {}
+      page: {},
+      isMobilePage: { type: Boolean }
     },
     setup(__props) {
       const properties = vue.computed(() => ({
@@ -7245,14 +7245,16 @@ var __publicField = (obj, key, value) => {
       return (_ctx, _cache) => {
         var _a;
         return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "pb-page" }, properties.value), [
-          vue.createElementVNode("div", _hoisted_1$1$1, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass([[_ctx.isMobilePage ? "mobile" : "pc"], "pb-page-content"])
+          }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_a = _ctx.page) == null ? void 0 : _a.children, (section) => {
               return vue.openBlock(), vue.createBlock(_sfc_main$5$1, {
                 key: section.partId,
                 part: section
               }, null, 8, ["part"]);
             }), 128))
-          ])
+          ], 2)
         ], 16);
       };
     }
@@ -7262,14 +7264,15 @@ var __publicField = (obj, key, value) => {
     __name: "PageBuilderViewer",
     props: {
       instanceId: {},
-      pageContent: {}
+      pageContent: {},
+      isMobilePage: { type: Boolean }
     },
     setup(__props) {
       const props = __props;
       const pageBuilderViewer = createPageBuilderViewer();
       pageBuilderViewer.instanceId = props.instanceId;
       providePageBuilderViewer(pageBuilderViewer);
-      const page = vue.computed(() => pageBuilderViewer.model.rootPart.value.children && pageBuilderViewer.model.rootPart.value.children[0]);
+      const page = vue.computed(() => pageBuilderViewer.model.rootPart.value.children && pageBuilderViewer.model.rootPart.value.children[props.isMobilePage ? 0 : 1]);
       vue.onMounted(() => {
         if (props.pageContent) {
           pageBuilderViewer.render(props.pageContent);
@@ -7287,8 +7290,9 @@ var __publicField = (obj, key, value) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
           page.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1$1, {
             key: 0,
+            "is-mobile-page": _ctx.isMobilePage,
             page: page.value
-          }, null, 8, ["page"])) : vue.createCommentVNode("", true)
+          }, null, 8, ["is-mobile-page", "page"])) : vue.createCommentVNode("", true)
         ]);
       };
     }

package/package.json

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