@g1cloud/page-builder-editor 1.0.0-alpha.51 → 1.0.0-alpha.52

package/dist/{PbPropertyEditorColor-BgdKzOQf.js → PbPropertyEditorColor-Db3UUuLc.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createVNode } from "vue";
 import { vT, BSTextInput } from "@g1cloud/bluesea";
-import { P as PbColorPicker } from "./index-UCsCqthV.js";
+import { P as PbColorPicker } from "./index-DkU6TZPE.js";
 const _hoisted_1 = { class: "property-editor property-editor-color" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = { class: "bs-layout-horizontal flex-align-center color" };

package/dist/{PbPropertyEditorHtml-BYJROwnL.js → PbPropertyEditorHtml-CoxUtACW.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createTextVNode, defineAsyncComponent } from "vue";
 import { useModal, vT } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor } from "./index-UCsCqthV.js";
+import { u as usePageBuilderEditor } from "./index-DkU6TZPE.js";
 const _hoisted_1 = { class: "property-editor property-editor-image flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbPropertyEditorImage-DD4Da4xq.js → PbPropertyEditorImage-B73oOweb.js}

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref } from "vue";
-import { u as usePageBuilderEditor } from "./index-UCsCqthV.js";
+import { u as usePageBuilderEditor } from "./index-DkU6TZPE.js";
 import { useModal, vT } from "@g1cloud/bluesea";
 const _hoisted_1 = { class: "property-editor property-editor-image flex-align-center" };
 const _hoisted_2 = { class: "title" };

package/dist/{PbPropertyEditorMultilineText-DvG2dPEk.js → PbPropertyEditorMultilineText-C43eDCgk.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createBlock } from "vue";
 import { vT, BSMultiLangTextArea, BSTextArea } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor } from "./index-UCsCqthV.js";
+import { u as usePageBuilderEditor } from "./index-DkU6TZPE.js";
 const _hoisted_1 = { class: "property-editor property-editor-multiline-text" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbPropertyEditorText-C7ghs_Ju.js → PbPropertyEditorText-DmTjpx6J.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createBlock } from "vue";
 import { vT, BSMultiLangTextInput, BSTextInput } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor } from "./index-UCsCqthV.js";
+import { u as usePageBuilderEditor } from "./index-DkU6TZPE.js";
 const _hoisted_1 = { class: "property-editor property-editor-text flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbPropertyEditorYoutube-CM1sXU-v.js → PbPropertyEditorYoutube-DPX-k3c5.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref } from "vue";
 import { useModal, vT } from "@g1cloud/bluesea";
-import { s as selectYoutubeVideo } from "./index-UCsCqthV.js";
+import { s as selectYoutubeVideo } from "./index-DkU6TZPE.js";
 const _hoisted_1 = { class: "property-editor property-editor-image flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbWidgetAddModal-DBa9-1_f.js → PbWidgetAddModal-CoT-pyXr.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString } from "vue";
 import { useModalHandle, BSModalFrame } from "@g1cloud/bluesea";
-import { w as widgetPartDefinitions } from "./index-UCsCqthV.js";
+import { w as widgetPartDefinitions } from "./index-DkU6TZPE.js";
 const _hoisted_1 = { class: "bs-layout-vertical pb-part-add-modal" };
 const _hoisted_2 = { class: "bs-layout-horizontal-wrap ml-16 mb-8 gap-8" };
 const _hoisted_3 = ["onClick", "textContent"];

package/dist/{index-UCsCqthV.js → index-DkU6TZPE.js}

@@ -6891,8 +6891,9 @@ const _sfc_main$c$1 = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const visible = ref(true);
     const updateVisible = (value) => {
+      var _a;
       visible.value = value;
-      emit("update:visible", value);
+      emit("update:visible", value, !!((_a = props.part.properties) == null ? void 0 : _a.hideParentWhenInvisible));
     };
     const classNames = computed(() => [getPartClassName(props.part), props.part.getClassNames()]);
     const styleTag = computed(() => props.part.getStyleTag());
@@ -6936,11 +6937,11 @@ const _sfc_main$b$1 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const visible = ref(true);
-    const childrenVisible = {};
-    const updateVisible = (partId, value) => {
-      childrenVisible[partId] = value;
-      visible.value = props.part.children.some((child) => !(child.partId in childrenVisible) || childrenVisible[child.partId]);
-      emit("update:visible", visible.value);
+    const updateVisible = (value, hideParentWhenInvisible) => {
+      if (hideParentWhenInvisible && !value) {
+        visible.value = false;
+      }
+      emit("update:visible", visible.value, hideParentWhenInvisible);
     };
     const classNames = computed(() => [getPartClassName(props.part), props.part.getClassNames()]);
     const styleTag = computed(() => props.part.getStyleTag());
@@ -6963,8 +6964,8 @@ const _sfc_main$b$1 = /* @__PURE__ */ defineComponent({
             return openBlock(), createBlock$1(_sfc_main$c$1, {
               key: child.partId,
               part: child,
-              "onUpdate:visible": (value) => updateVisible(child.partId, value)
-            }, null, 8, ["part", "onUpdate:visible"]);
+              "onUpdate:visible": _cache[0] || (_cache[0] = (value, hideParentWhenInvisible) => updateVisible(value, hideParentWhenInvisible))
+            }, null, 8, ["part"]);
           }), 128)) : createCommentVNode("", true)
         ], 14, _hoisted_1$a$1), [
           [vShow, visible.value]
@@ -6983,10 +6984,10 @@ const _sfc_main$a$1 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const visible = ref(true);
-    const childrenVisible = {};
-    const updateVisible = (partId, value) => {
-      childrenVisible[partId] = value;
-      visible.value = props.part.children.some((child) => !(child.partId in childrenVisible) || childrenVisible[child.partId]);
+    const updateVisible = (value, hideParentWhenInvisible) => {
+      if (hideParentWhenInvisible && !value) {
+        visible.value = false;
+      }
     };
     const classNames = computed(() => [getPartClassName(props.part), props.part.getClassNames()]);
     const styleTag = computed(() => props.part.getStyleTag());
@@ -7010,8 +7011,8 @@ const _sfc_main$a$1 = /* @__PURE__ */ defineComponent({
               key: child.partId,
               "is-mobile-page": _ctx.isMobilePage,
               part: child,
-              "onUpdate:visible": (value) => updateVisible(child.partId, value)
-            }, null, 8, ["is-mobile-page", "part", "onUpdate:visible"]);
+              "onUpdate:visible": _cache[0] || (_cache[0] = (value, hideParentWhenInvisible) => updateVisible(value, hideParentWhenInvisible))
+            }, null, 8, ["is-mobile-page", "part"]);
           }), 128)) : createCommentVNode("", true)
         ], 14, _hoisted_1$9$1), [
           [vShow, visible.value]
@@ -7474,6 +7475,7 @@ class PageBuilderViewerImpl {
   parsePartContent(partContent) {
     const part = this.createPart(partContent.partType);
     if (!part) return;
+    part.partId = partContent.partId;
     part.partType = partContent.partType;
     part.partName = partContent.partName;
     part.properties = partContent.properties ? JSON.parse(JSON.stringify(partContent.properties)) : null;
@@ -8268,15 +8270,15 @@ class PartManager {
 const defaultPartPropertyEditors = () => {
   return {
     "readonly-text": () => defineAsyncComponent(() => import("./PbPropertyEditorReadonlyText-BJ5qx69O.js")),
-    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-C7ghs_Ju.js")),
+    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-DmTjpx6J.js")),
     "number": () => defineAsyncComponent(() => import("./PbPropertyEditorNumber-B76ArSb5.js")),
     "boolean": () => defineAsyncComponent(() => import("./PbPropertyEditorBoolean-c5CNiTpt.js")),
-    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-DvG2dPEk.js")),
+    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-C43eDCgk.js")),
     "select": () => defineAsyncComponent(() => import("./PbPropertyEditorSelect-B5sfulvx.js")),
-    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-BgdKzOQf.js")),
-    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-DD4Da4xq.js")),
-    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-BYJROwnL.js")),
-    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-CM1sXU-v.js"))
+    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-Db3UUuLc.js")),
+    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-B73oOweb.js")),
+    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-CoxUtACW.js")),
+    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-DPX-k3c5.js"))
   };
 };
 const getPropertyValueOfParts = (parts, propertyName) => {
@@ -12268,11 +12270,24 @@ const borderGroup = () => {
     propertyGroupEditor: () => _sfc_main$h
   };
 };
+const hideParentGroup = () => {
+  return {
+    groupName: "hideParentGroup",
+    caption: "pb.prop.hideParent",
+    properties: [
+      {
+        propertyName: "hideParentWhenInvisible",
+        caption: "pb.prop.hideParentWhenInvisible",
+        propertyType: "boolean"
+      }
+    ]
+  };
+};
 const defaultPropertyGroups = () => {
   return [layoutGroup(), alignGroup(), sizeGroup(), marginGroup(), paddingGroup(), backgroundGroup(), commonGroup()];
 };
 const defaultWidgetPropertyGroups = () => {
-  return [alignSelfGroup(), positionGroup(), sizeGroup(), marginGroup(), paddingGroup(), borderGroup(), backgroundGroup(), commonGroup()];
+  return [alignSelfGroup(), positionGroup(), sizeGroup(), marginGroup(), paddingGroup(), borderGroup(), backgroundGroup(), commonGroup(), hideParentGroup()];
 };
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "PbContainerWidget",
@@ -12835,7 +12850,7 @@ __publicField(_OpenAddWidgetModalCommand, "COMMAND_ID", "OpenAddWidgetModal");
 let OpenAddWidgetModalCommand = _OpenAddWidgetModalCommand;
 const openWidgetAddModal = (modal, args, callback) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./PbWidgetAddModal-DBa9-1_f.js")),
+    component: defineAsyncComponent(() => import("./PbWidgetAddModal-CoT-pyXr.js")),
     style: {
       width: "80%",
       height: "80%",
@@ -15442,6 +15457,10 @@ const enTexts = [
   {
     key: "pb.modal.htmlEditor.style",
     text: "Style"
+  },
+  {
+    key: "pb.prop.hideParentWhenInvisible",
+    text: "Hide block and section when invisible"
   }
 ];
 const jaTexts = [
@@ -15764,6 +15783,10 @@ const jaTexts = [
   {
     key: "pb.modal.htmlEditor.style",
     text: "スタイル"
+  },
+  {
+    key: "pb.prop.hideParentWhenInvisible",
+    text: "非表示の場合はブロックとセクションも隠す"
   }
 ];
 const koTexts = [
@@ -16086,6 +16109,10 @@ const koTexts = [
   {
     key: "pb.modal.htmlEditor.style",
     text: "스타일"
+  },
+  {
+    key: "pb.prop.hideParentWhenInvisible",
+    text: "블록과 섹션도 함께 숨김처리하기"
   }
 ];
 const zhTexts = [
@@ -16408,6 +16435,10 @@ const zhTexts = [
   {
     key: "pb.modal.htmlEditor.style",
     text: "样式"
+  },
+  {
+    key: "pb.prop.hideParentWhenInvisible",
+    text: "不可见时隐藏区块和区域"
   }
 ];
 i18n.addTexts("en", enTexts);

package/dist/model/default-part-property-group.d.ts

@@ -11,5 +11,6 @@ export declare const alignItemsGroup: () => PartPropertyGroup;
 export declare const alignSelfGroup: () => PartPropertyGroup;
 export declare const backgroundGroup: () => PartPropertyGroup;
 export declare const borderGroup: () => PartPropertyGroup;
+export declare const hideParentGroup: () => PartPropertyGroup;
 export declare const defaultPropertyGroups: () => PartPropertyGroup[];
 export declare const defaultWidgetPropertyGroups: () => PartPropertyGroup[];

package/dist/page-builder-editor.js

@@ -1,4 +1,4 @@
-import { B, b, M, c, d, e, _, a, f, g, h, i, j, k, l, m, n, o, R, p, S, q, W, r, t, v, x, y, z, A, C, D } from "./index-UCsCqthV.js";
+import { B, b, M, c, d, e, _, a, f, g, h, i, j, k, l, m, n, o, R, p, S, q, W, r, t, v, x, y, z, A, C, D } from "./index-DkU6TZPE.js";
 export {
   B as BLOCK_TYPE,
   b as Block,

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

@@ -6892,8 +6892,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const emit = __emit;
       const visible = vue.ref(true);
       const updateVisible = (value) => {
+        var _a;
         visible.value = value;
-        emit("update:visible", value);
+        emit("update:visible", value, !!((_a = props.part.properties) == null ? void 0 : _a.hideParentWhenInvisible));
       };
       const classNames = vue.computed(() => [getPartClassName(props.part), props.part.getClassNames()]);
       const styleTag = vue.computed(() => props.part.getStyleTag());
@@ -6937,11 +6938,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const props = __props;
       const emit = __emit;
       const visible = vue.ref(true);
-      const childrenVisible = {};
-      const updateVisible = (partId, value) => {
-        childrenVisible[partId] = value;
-        visible.value = props.part.children.some((child) => !(child.partId in childrenVisible) || childrenVisible[child.partId]);
-        emit("update:visible", visible.value);
+      const updateVisible = (value, hideParentWhenInvisible) => {
+        if (hideParentWhenInvisible && !value) {
+          visible.value = false;
+        }
+        emit("update:visible", visible.value, hideParentWhenInvisible);
       };
       const classNames = vue.computed(() => [getPartClassName(props.part), props.part.getClassNames()]);
       const styleTag = vue.computed(() => props.part.getStyleTag());
@@ -6964,8 +6965,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               return vue.openBlock(), vue.createBlock(_sfc_main$c$1, {
                 key: child.partId,
                 part: child,
-                "onUpdate:visible": (value) => updateVisible(child.partId, value)
-              }, null, 8, ["part", "onUpdate:visible"]);
+                "onUpdate:visible": _cache[0] || (_cache[0] = (value, hideParentWhenInvisible) => updateVisible(value, hideParentWhenInvisible))
+              }, null, 8, ["part"]);
             }), 128)) : vue.createCommentVNode("", true)
           ], 14, _hoisted_1$a$1), [
             [vue.vShow, visible.value]
@@ -6984,10 +6985,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     setup(__props) {
       const props = __props;
       const visible = vue.ref(true);
-      const childrenVisible = {};
-      const updateVisible = (partId, value) => {
-        childrenVisible[partId] = value;
-        visible.value = props.part.children.some((child) => !(child.partId in childrenVisible) || childrenVisible[child.partId]);
+      const updateVisible = (value, hideParentWhenInvisible) => {
+        if (hideParentWhenInvisible && !value) {
+          visible.value = false;
+        }
       };
       const classNames = vue.computed(() => [getPartClassName(props.part), props.part.getClassNames()]);
       const styleTag = vue.computed(() => props.part.getStyleTag());
@@ -7011,8 +7012,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 key: child.partId,
                 "is-mobile-page": _ctx.isMobilePage,
                 part: child,
-                "onUpdate:visible": (value) => updateVisible(child.partId, value)
-              }, null, 8, ["is-mobile-page", "part", "onUpdate:visible"]);
+                "onUpdate:visible": _cache[0] || (_cache[0] = (value, hideParentWhenInvisible) => updateVisible(value, hideParentWhenInvisible))
+              }, null, 8, ["is-mobile-page", "part"]);
             }), 128)) : vue.createCommentVNode("", true)
           ], 14, _hoisted_1$9$1), [
             [vue.vShow, visible.value]
@@ -7475,6 +7476,7 @@ ${_html.style}
     parsePartContent(partContent) {
       const part = this.createPart(partContent.partType);
       if (!part) return;
+      part.partId = partContent.partId;
       part.partType = partContent.partType;
       part.partName = partContent.partName;
       part.properties = partContent.properties ? JSON.parse(JSON.stringify(partContent.properties)) : null;
@@ -12269,11 +12271,24 @@ ${_html.style}
       propertyGroupEditor: () => _sfc_main$v
     };
   };
+  const hideParentGroup = () => {
+    return {
+      groupName: "hideParentGroup",
+      caption: "pb.prop.hideParent",
+      properties: [
+        {
+          propertyName: "hideParentWhenInvisible",
+          caption: "pb.prop.hideParentWhenInvisible",
+          propertyType: "boolean"
+        }
+      ]
+    };
+  };
   const defaultPropertyGroups = () => {
     return [layoutGroup(), alignGroup(), sizeGroup(), marginGroup(), paddingGroup(), backgroundGroup(), commonGroup()];
   };
   const defaultWidgetPropertyGroups = () => {
-    return [alignSelfGroup(), positionGroup(), sizeGroup(), marginGroup(), paddingGroup(), borderGroup(), backgroundGroup(), commonGroup()];
+    return [alignSelfGroup(), positionGroup(), sizeGroup(), marginGroup(), paddingGroup(), borderGroup(), backgroundGroup(), commonGroup(), hideParentGroup()];
   };
   const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     __name: "PbContainerWidget",
@@ -15443,6 +15458,10 @@ ${_html.style}
     {
       key: "pb.modal.htmlEditor.style",
       text: "Style"
+    },
+    {
+      key: "pb.prop.hideParentWhenInvisible",
+      text: "Hide block and section when invisible"
     }
   ];
   const jaTexts = [
@@ -15765,6 +15784,10 @@ ${_html.style}
     {
       key: "pb.modal.htmlEditor.style",
       text: "スタイル"
+    },
+    {
+      key: "pb.prop.hideParentWhenInvisible",
+      text: "非表示の場合はブロックとセクションも隠す"
     }
   ];
   const koTexts = [
@@ -16087,6 +16110,10 @@ ${_html.style}
     {
       key: "pb.modal.htmlEditor.style",
       text: "스타일"
+    },
+    {
+      key: "pb.prop.hideParentWhenInvisible",
+      text: "블록과 섹션도 함께 숨김처리하기"
     }
   ];
   const zhTexts = [
@@ -16409,6 +16436,10 @@ ${_html.style}
     {
       key: "pb.modal.htmlEditor.style",
       text: "样式"
+    },
+    {
+      key: "pb.prop.hideParentWhenInvisible",
+      text: "不可见时隐藏区块和区域"
     }
   ];
   bluesea.i18n.addTexts("en", enTexts);

package/package.json

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