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

package/dist/PageBuilderEditor.vue.d.ts

@@ -10,6 +10,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     plugin?: unknown;
 }>>, {
     getPageContent: () => string;
+    pastePageContent: (contentJson: string) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update-model": (modified: boolean) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{

package/dist/{PbPropertyEditorColor-hFvMuUZC.js → PbPropertyEditorColor-BgdKzOQf.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-B-YMeKky.js";
+import { P as PbColorPicker } from "./index-UCsCqthV.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-gzh9Nb2Q.js → PbPropertyEditorHtml-BYJROwnL.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-B-YMeKky.js";
+import { u as usePageBuilderEditor } from "./index-UCsCqthV.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-D4wJ9fgi.js → PbPropertyEditorImage-DD4Da4xq.js}

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref } from "vue";
-import { u as usePageBuilderEditor } from "./index-B-YMeKky.js";
+import { u as usePageBuilderEditor } from "./index-UCsCqthV.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-Bq1QUweO.js → PbPropertyEditorMultilineText-DvG2dPEk.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-B-YMeKky.js";
+import { u as usePageBuilderEditor } from "./index-UCsCqthV.js";
 const _hoisted_1 = { class: "property-editor property-editor-multiline-text" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbPropertyEditorText-BGIyzz1q.js → PbPropertyEditorText-C7ghs_Ju.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-B-YMeKky.js";
+import { u as usePageBuilderEditor } from "./index-UCsCqthV.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-uRftqvVU.js → PbPropertyEditorYoutube-CM1sXU-v.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-B-YMeKky.js";
+import { s as selectYoutubeVideo } from "./index-UCsCqthV.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-DF7MRQUS.js → PbWidgetAddModal-DBa9-1_f.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-B-YMeKky.js";
+import { w as widgetPartDefinitions } from "./index-UCsCqthV.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"];
@@ -21,7 +21,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const modalHandle = useModalHandle();
     const customWidgets = computed(() => props.pageBuilder.getCustomWidgets());
     const select = (partDefinition) => {
-      console.log(partDefinition);
       emit("selectHandler", partDefinition);
       modalHandle.close();
     };

package/dist/{index-B-YMeKky.js → index-UCsCqthV.js}

@@ -8268,15 +8268,15 @@ class PartManager {
 const defaultPartPropertyEditors = () => {
   return {
     "readonly-text": () => defineAsyncComponent(() => import("./PbPropertyEditorReadonlyText-BJ5qx69O.js")),
-    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-BGIyzz1q.js")),
+    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-C7ghs_Ju.js")),
     "number": () => defineAsyncComponent(() => import("./PbPropertyEditorNumber-B76ArSb5.js")),
     "boolean": () => defineAsyncComponent(() => import("./PbPropertyEditorBoolean-c5CNiTpt.js")),
-    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-Bq1QUweO.js")),
+    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-DvG2dPEk.js")),
     "select": () => defineAsyncComponent(() => import("./PbPropertyEditorSelect-B5sfulvx.js")),
-    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-hFvMuUZC.js")),
-    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-D4wJ9fgi.js")),
-    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-gzh9Nb2Q.js")),
-    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-uRftqvVU.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"))
   };
 };
 const getPropertyValueOfParts = (parts, propertyName) => {
@@ -12835,7 +12835,7 @@ __publicField(_OpenAddWidgetModalCommand, "COMMAND_ID", "OpenAddWidgetModal");
 let OpenAddWidgetModalCommand = _OpenAddWidgetModalCommand;
 const openWidgetAddModal = (modal, args, callback) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./PbWidgetAddModal-DF7MRQUS.js")),
+    component: defineAsyncComponent(() => import("./PbWidgetAddModal-DBa9-1_f.js")),
     style: {
       width: "80%",
       height: "80%",
@@ -12911,6 +12911,177 @@ const insertParts = (pageBuilder, partId, index, parts, selectAfterInsert) => {
     if (part) pageBuilder.context.setSelection([part]);
   }
 };
+const pasteContentJson = (pageBuilder, json) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const object = JSON.parse(json);
+  if (object.partType === ROOT_TYPE) {
+    const rootPart = partFromJsonObject(object, true);
+    if (!rootPart) throw new Error("Invalid data format");
+    let partIdsToDelete = void 0;
+    if ((_a = pageBuilder.model.rootPart.children) == null ? void 0 : _a.length) {
+      partIdsToDelete = pageBuilder.model.rootPart.children.map((v) => v.partId);
+    }
+    const param = {
+      delete: partIdsToDelete,
+      insert: [
+        {
+          partId: pageBuilder.model.getRootPartId(),
+          index: 0,
+          parts: rootPart.children || []
+        }
+      ]
+    };
+    pageBuilder.model.updateModel(param);
+  } else if (Array.isArray(object) && object[0] && object[0].partType === PAGE_TYPE) {
+    const newPages = pageBuilder.model.parseParts(json);
+    if (!newPages) throw new Error("Invalid data format");
+    const newPage = newPages[0];
+    const selectedPage = pageBuilder.context.getSelectedPage();
+    if (!selectedPage) return;
+    const pages = pageBuilder.model.rootPart.children;
+    if (!pages) return;
+    let index = 0;
+    if (pages.length == 1) {
+      newPage.properties = {
+        ...newPage.properties || {},
+        name: "Page"
+      };
+    } else if (selectedPage === pages[0]) {
+      newPage.properties = {
+        ...newPage.properties || {},
+        name: "Page (Mobile)"
+      };
+    } else if (selectedPage === pages[1]) {
+      newPage.properties = {
+        ...newPage.properties || {},
+        name: "Page (PC)"
+      };
+      index = 1;
+    }
+    const param = {
+      delete: [selectedPage.partId],
+      insert: [
+        {
+          partId: pageBuilder.model.getRootPartId(),
+          index,
+          parts: [newPage]
+        }
+      ]
+    };
+    pageBuilder.model.updateModel(param);
+  } else {
+    const parts = pageBuilder.model.parseParts(json);
+    if (!parts) return;
+    let pasteType = "";
+    parts.forEach((part) => {
+      if (part.partType === SECTION_TYPE) pasteType = SECTION_TYPE;
+      else if (part.partType === BLOCK_TYPE && (!pasteType || pasteType === WIDGET_TYPE)) pasteType = BLOCK_TYPE;
+      else if (part.partType === WIDGET_TYPE && !pasteType) pasteType = WIDGET_TYPE;
+    });
+    if (!pasteType) return;
+    const partsToPaste = parts.map((part) => {
+      if (pasteType === SECTION_TYPE) {
+        if (part.partType === SECTION_TYPE) {
+          return part;
+        } else if (part.partType === BLOCK_TYPE) {
+          const section = createSection(pageBuilder);
+          if (!section) return;
+          section.children = [part];
+          return section;
+        } else {
+          const block = createBlock(pageBuilder);
+          if (!block) return;
+          block.children = [part];
+          const section = createSection(pageBuilder);
+          if (!section) return;
+          section.children = [block];
+          return section;
+        }
+      } else if (pasteType === BLOCK_TYPE) {
+        if (part.partType === BLOCK_TYPE) {
+          return part;
+        } else {
+          const block = createBlock(pageBuilder);
+          if (!block) return;
+          block.children = [part];
+          return block;
+        }
+      } else {
+        return part;
+      }
+    }).filter(notNull);
+    const selectedPage = pageBuilder.context.getSelectedPage();
+    const selected = pageBuilder.context.getSelectedParts()[0] || selectedPage;
+    if (!selectedPage || !selected) return;
+    let selectedWidget;
+    if (selected && selected.isWidget()) selectedWidget = selected;
+    if (selectedWidget && selectedWidget.isNestedWidget()) selectedWidget = selectedWidget.parent;
+    let selectedBlock;
+    if (selectedWidget) selectedBlock = selectedWidget.parent;
+    else if (selected && selected.isBlock()) selectedBlock = selected;
+    let selectedSection;
+    if (selectedBlock) selectedSection = selectedBlock.parent;
+    else if (selected && selected.isSection()) selectedSection = selected;
+    let targetPartId;
+    let targetIndex = -1;
+    let partsToInsert;
+    if (pasteType === SECTION_TYPE) {
+      targetPartId = selectedPage.partId;
+      targetIndex = selectedSection ? selectedPage.children.indexOf(selectedSection) + 1 : ((_b = selectedPage.children) == null ? void 0 : _b.length) || 0;
+      partsToInsert = partsToPaste;
+    } else if (pasteType === BLOCK_TYPE) {
+      if (selectedSection) {
+        targetPartId = selectedSection.partId;
+        targetIndex = selectedBlock ? selectedSection.children.indexOf(selectedBlock) + 1 : ((_c = selectedSection.children) == null ? void 0 : _c.length) || 0;
+        partsToInsert = partsToPaste;
+      } else if ((_d = selectedPage.children) == null ? void 0 : _d.length) {
+        selectedSection = selectedPage.children[selectedPage.children.length - 1];
+        targetPartId = selectedSection.partId;
+        targetIndex = ((_e = selectedSection.children) == null ? void 0 : _e.length) || 0;
+        partsToInsert = partsToPaste;
+      } else {
+        const newSection = createSection(pageBuilder);
+        if (!newSection) return;
+        newSection.children = partsToPaste;
+        targetPartId = selectedPage.partId;
+        targetIndex = 0;
+        partsToInsert = [newSection];
+      }
+    } else if (pasteType === WIDGET_TYPE) {
+      if (selectedBlock) {
+        targetPartId = selectedBlock.partId;
+        targetIndex = selectedWidget ? selectedBlock.children.indexOf(selectedWidget) + 1 : ((_f = selectedBlock.children) == null ? void 0 : _f.length) || 0;
+        partsToInsert = partsToPaste;
+      } else if (selectedSection || ((_g = selectedPage.children) == null ? void 0 : _g.length)) {
+        if (!selectedSection) selectedSection = selectedPage.children[selectedPage.children.length - 1];
+        if ((_h = selectedSection.children) == null ? void 0 : _h.length) {
+          selectedBlock = selectedSection.children[selectedSection.children.length - 1];
+          targetPartId = selectedBlock.partId;
+          targetIndex = ((_i = selectedBlock.children) == null ? void 0 : _i.length) || 0;
+          partsToInsert = partsToPaste;
+        } else {
+          const newBlock = createBlock(pageBuilder);
+          if (!newBlock) return;
+          newBlock.children = partsToPaste;
+          targetPartId = selectedSection.partId;
+          targetIndex = 0;
+          partsToInsert = [newBlock];
+        }
+      } else {
+        const newBlock = createBlock(pageBuilder);
+        const newSection = createSection(pageBuilder);
+        if (!newBlock || !newSection) return;
+        newSection.children = [newBlock];
+        newBlock.children = partsToPaste;
+        targetPartId = selectedPage.partId;
+        targetIndex = 0;
+        partsToInsert = [newSection];
+      }
+    }
+    if (!targetPartId || targetIndex < 0 || !partsToInsert) return;
+    insertParts(pageBuilder, targetPartId, targetIndex, partsToInsert, false);
+  }
+};
 const _AddPartCommand = class _AddPartCommand {
   constructor(modal) {
     __publicField(this, "commandId", _AddPartCommand.COMMAND_ID);
@@ -13396,176 +13567,8 @@ const _PastePartCommand = class _PastePartCommand {
     __publicField(this, "commandId", _PastePartCommand.COMMAND_ID);
   }
   async execute(pageBuilder) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
     const json = await navigator.clipboard.readText();
-    const object = JSON.parse(json);
-    if (object.partType === ROOT_TYPE) {
-      const rootPart = partFromJsonObject(object, true);
-      if (!rootPart) throw new Error("Invalid data format");
-      let partIdsToDelete = void 0;
-      if ((_a = pageBuilder.model.rootPart.children) == null ? void 0 : _a.length) {
-        partIdsToDelete = pageBuilder.model.rootPart.children.map((v) => v.partId);
-      }
-      const param = {
-        delete: partIdsToDelete,
-        insert: [
-          {
-            partId: pageBuilder.model.getRootPartId(),
-            index: 0,
-            parts: rootPart.children || []
-          }
-        ]
-      };
-      pageBuilder.model.updateModel(param);
-    } else if (Array.isArray(object) && object[0] && object[0].partType === PAGE_TYPE) {
-      const newPages = pageBuilder.model.parseParts(json);
-      if (!newPages) throw new Error("Invalid data format");
-      const newPage = newPages[0];
-      const selectedPage = pageBuilder.context.getSelectedPage();
-      if (!selectedPage) return;
-      const pages = pageBuilder.model.rootPart.children;
-      if (!pages) return;
-      let index = 0;
-      if (pages.length == 1) {
-        newPage.properties = {
-          ...newPage.properties || {},
-          name: "Page"
-        };
-      } else if (selectedPage === pages[0]) {
-        newPage.properties = {
-          ...newPage.properties || {},
-          name: "Page (Mobile)"
-        };
-      } else if (selectedPage === pages[1]) {
-        newPage.properties = {
-          ...newPage.properties || {},
-          name: "Page (PC)"
-        };
-        index = 1;
-      }
-      const param = {
-        delete: [selectedPage.partId],
-        insert: [
-          {
-            partId: pageBuilder.model.getRootPartId(),
-            index,
-            parts: [newPage]
-          }
-        ]
-      };
-      pageBuilder.model.updateModel(param);
-    } else {
-      const parts = pageBuilder.model.parseParts(json);
-      if (!parts) return;
-      let pasteType = "";
-      parts.forEach((part) => {
-        if (part.partType === SECTION_TYPE) pasteType = SECTION_TYPE;
-        else if (part.partType === BLOCK_TYPE && (!pasteType || pasteType === WIDGET_TYPE)) pasteType = BLOCK_TYPE;
-        else if (part.partType === WIDGET_TYPE && !pasteType) pasteType = WIDGET_TYPE;
-      });
-      if (!pasteType) return;
-      const partsToPaste = parts.map((part) => {
-        if (pasteType === SECTION_TYPE) {
-          if (part.partType === SECTION_TYPE) {
-            return part;
-          } else if (part.partType === BLOCK_TYPE) {
-            const section = createSection(pageBuilder);
-            if (!section) return;
-            section.children = [part];
-            return section;
-          } else {
-            const block = createBlock(pageBuilder);
-            if (!block) return;
-            block.children = [part];
-            const section = createSection(pageBuilder);
-            if (!section) return;
-            section.children = [block];
-            return section;
-          }
-        } else if (pasteType === BLOCK_TYPE) {
-          if (part.partType === BLOCK_TYPE) {
-            return part;
-          } else {
-            const block = createBlock(pageBuilder);
-            if (!block) return;
-            block.children = [part];
-            return block;
-          }
-        } else {
-          return part;
-        }
-      }).filter(notNull);
-      const selectedPage = pageBuilder.context.getSelectedPage();
-      const selected = pageBuilder.context.getSelectedParts()[0] || selectedPage;
-      if (!selectedPage || !selected) return;
-      let selectedWidget;
-      if (selected && selected.isWidget()) selectedWidget = selected;
-      if (selectedWidget && selectedWidget.isNestedWidget()) selectedWidget = selectedWidget.parent;
-      let selectedBlock;
-      if (selectedWidget) selectedBlock = selectedWidget.parent;
-      else if (selected && selected.isBlock()) selectedBlock = selected;
-      let selectedSection;
-      if (selectedBlock) selectedSection = selectedBlock.parent;
-      else if (selected && selected.isSection()) selectedSection = selected;
-      let targetPartId;
-      let targetIndex = -1;
-      let partsToInsert;
-      if (pasteType === SECTION_TYPE) {
-        targetPartId = selectedPage.partId;
-        targetIndex = selectedSection ? selectedPage.children.indexOf(selectedSection) + 1 : ((_b = selectedPage.children) == null ? void 0 : _b.length) || 0;
-        partsToInsert = partsToPaste;
-      } else if (pasteType === BLOCK_TYPE) {
-        if (selectedSection) {
-          targetPartId = selectedSection.partId;
-          targetIndex = selectedBlock ? selectedSection.children.indexOf(selectedBlock) + 1 : ((_c = selectedSection.children) == null ? void 0 : _c.length) || 0;
-          partsToInsert = partsToPaste;
-        } else if ((_d = selectedPage.children) == null ? void 0 : _d.length) {
-          selectedSection = selectedPage.children[selectedPage.children.length - 1];
-          targetPartId = selectedSection.partId;
-          targetIndex = ((_e = selectedSection.children) == null ? void 0 : _e.length) || 0;
-          partsToInsert = partsToPaste;
-        } else {
-          const newSection = createSection(pageBuilder);
-          if (!newSection) return;
-          newSection.children = partsToPaste;
-          targetPartId = selectedPage.partId;
-          targetIndex = 0;
-          partsToInsert = [newSection];
-        }
-      } else if (pasteType === WIDGET_TYPE) {
-        if (selectedBlock) {
-          targetPartId = selectedBlock.partId;
-          targetIndex = selectedWidget ? selectedBlock.children.indexOf(selectedWidget) + 1 : ((_f = selectedBlock.children) == null ? void 0 : _f.length) || 0;
-          partsToInsert = partsToPaste;
-        } else if (selectedSection || ((_g = selectedPage.children) == null ? void 0 : _g.length)) {
-          if (!selectedSection) selectedSection = selectedPage.children[selectedPage.children.length - 1];
-          if ((_h = selectedSection.children) == null ? void 0 : _h.length) {
-            selectedBlock = selectedSection.children[selectedSection.children.length - 1];
-            targetPartId = selectedBlock.partId;
-            targetIndex = ((_i = selectedBlock.children) == null ? void 0 : _i.length) || 0;
-            partsToInsert = partsToPaste;
-          } else {
-            const newBlock = createBlock(pageBuilder);
-            if (!newBlock) return;
-            newBlock.children = partsToPaste;
-            targetPartId = selectedSection.partId;
-            targetIndex = 0;
-            partsToInsert = [newBlock];
-          }
-        } else {
-          const newBlock = createBlock(pageBuilder);
-          const newSection = createSection(pageBuilder);
-          if (!newBlock || !newSection) return;
-          newSection.children = [newBlock];
-          newBlock.children = partsToPaste;
-          targetPartId = selectedPage.partId;
-          targetIndex = 0;
-          partsToInsert = [newSection];
-        }
-      }
-      if (!targetPartId || targetIndex < 0 || !partsToInsert) return;
-      insertParts(pageBuilder, targetPartId, targetIndex, partsToInsert, false);
-    }
+    pasteContentJson(pageBuilder, json);
   }
 };
 __publicField(_PastePartCommand, "COMMAND_ID", "PastePart");
@@ -14144,7 +14147,7 @@ class PageBuilderEditorImpl {
     if (plugin.keyHandlers) this.keyHandlers.appendKeyHandlers(plugin.keyHandlers);
     if (plugin.toolButtonGroups) this.toolButtonRegistry.registerToolButtonGroups(plugin.toolButtonGroups);
   }
-  registerCustomPlugin(plugin) {
+  registerCustomPlugin(plugin, modal) {
     if (plugin.widgets) {
       const partDefinitions2 = {};
       plugin.widgets.forEach((group) => {
@@ -14183,6 +14186,29 @@ class PageBuilderEditorImpl {
         this.externalCssContent = plugin.css.content;
       }
     }
+    if (plugin.contextMenus) {
+      const self = this;
+      const contextMenus = plugin.contextMenus.map((menu) => {
+        return {
+          commandId: menu.menuId,
+          groupId: "external",
+          precedence: 10,
+          getMenuItem(pageBuilder) {
+            const selected = self.context.getSelectedParts();
+            if (menu.visible(selected)) {
+              return {
+                menuId: menu.menuId,
+                caption: menu.caption,
+                handler() {
+                  menu.handler(selected, self.model, modal);
+                }
+              };
+            }
+          }
+        };
+      });
+      this.contextMenuRegistry.registerContextMenus(contextMenus);
+    }
   }
   initData(data) {
     const _data = JSON.parse(data || "{}") || {};
@@ -16414,7 +16440,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     if (props.locales) pageBuilderEditor.setLocales(props.locales);
     if (props.locale) pageBuilderEditor.setLocale(props.locale);
-    if (props.plugin) pageBuilderEditor.registerCustomPlugin(props.plugin);
+    if (props.plugin) pageBuilderEditor.registerCustomPlugin(props.plugin, modal);
     pageBuilderEditor.registerPlugin({
       // TODO
       commands: createDefaultCommands(modal)
@@ -16434,8 +16460,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const getPageContent = () => {
       return pageBuilderEditor.model.serializeModel((part) => pageBuilderEditor.extractMedia(part));
     };
+    const pastePageContent = (contentJson) => {
+      pasteContentJson(pageBuilderEditor, contentJson);
+    };
     __expose({
-      getPageContent
+      getPageContent,
+      pastePageContent
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [

package/dist/index.d.ts

@@ -1,8 +1,9 @@
+import { Model as PageBuilderEditorModel } from './model/model.ts';
 import { PartDefinition, PartDefinitionGroup } from './model/part-definintion.ts';
 import { PartProperty } from './model/part-property.ts';
 
 export { default as PageBuilderEditor } from './PageBuilderEditor.vue';
-export type { PartProperty, PartDefinitionGroup, PartDefinition };
+export type { PartProperty, PartDefinitionGroup, PartDefinition, PageBuilderEditorModel };
 export * from './model/event';
 export * from './model/plugin';
 export * from '@g1cloud/page-builder-viewer';

package/dist/model/command.d.ts

@@ -37,6 +37,7 @@ export declare class OpenAddWidgetModalCommand implements Command {
 export declare const createSection: (pageBuilder: PageBuilderEditor) => IPart | undefined;
 export declare const createBlock: (pageBuilder: PageBuilderEditor) => IPart | undefined;
 export declare const findLeafPart: (part: IPart | undefined) => IPart | undefined;
+export declare const pasteContentJson: (pageBuilder: PageBuilderEditor, json: string) => void;
 export declare class AddPartCommand implements Command {
     private modal;
     static readonly COMMAND_ID = "AddPart";

package/dist/model/page-builder-editor.d.ts

@@ -1,3 +1,4 @@
+import { BSModal } from '@g1cloud/bluesea';
 import { PartDefinitionGroup } from './part-definintion.ts';
 import { ContextMenuRegistry, ContextMenuRegistryImpl, KeyHandlers, PageBuilderContext, PageBuilderContextImpl } from './context.ts';
 import { ToolButtonRegistry } from './toolbar.ts';
@@ -28,7 +29,7 @@ export interface PageBuilderEditor extends PageBuilder {
     locales: Ref<string[]>;
     onModelUpdated?: (modified: boolean) => void;
     registerPlugin(plugin: PageBuilderPlugin): void;
-    registerCustomPlugin(plugin: any): void;
+    registerCustomPlugin(plugin: any, modal: BSModal): void;
     initData(data?: string): void;
     undo(): void;
     redo(): void;
@@ -68,7 +69,7 @@ export declare class PageBuilderEditorImpl implements PageBuilderEditor {
     getCustomWidgetComponent(part: IPart): Component | undefined;
     getProvider(name: string): (args?: any, callback?: (result?: any) => void) => unknown;
     registerPlugin(plugin: PageBuilderPlugin): void;
-    registerCustomPlugin(plugin: any): void;
+    registerCustomPlugin(plugin: any, modal: BSModal): void;
     initData(data?: string): void;
     undo(): void;
     redo(): void;

package/dist/model/plugin.d.ts

@@ -1,4 +1,6 @@
-import { BSModal } from '@g1cloud/bluesea';
+import { Model } from './model.ts';
+import { IPart } from '@g1cloud/page-builder-viewer';
+import { BSModal, MultiLangText } from '@g1cloud/bluesea';
 import { Component } from 'vue';
 import { PartPropertyEditor, PartPropertyGroupEditor, PartPropertyType } from './part-property.ts';
 import { PartDefinition } from './part-definintion.ts';
@@ -24,6 +26,12 @@ export type PageBuilderToolbarPlugin = {
         [key: string]: Function | Function[];
     };
 };
+export type PageBuilderContextMenu = {
+    menuId: string;
+    caption: MultiLangText;
+    visible: (selected: IPart[]) => boolean;
+    handler: (selected: IPart[], model: Model, modal: BSModal) => void;
+};
 export type ImageProviderArg = {
     modal: BSModal;
     mediaTypes: string[];

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-B-YMeKky.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-UCsCqthV.js";
 export {
   B as BLOCK_TYPE,
   b as Block,

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

@@ -12912,6 +12912,177 @@ ${_html.style}
       if (part) pageBuilder.context.setSelection([part]);
     }
   };
+  const pasteContentJson = (pageBuilder, json) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    const object = JSON.parse(json);
+    if (object.partType === ROOT_TYPE) {
+      const rootPart = partFromJsonObject(object, true);
+      if (!rootPart) throw new Error("Invalid data format");
+      let partIdsToDelete = void 0;
+      if ((_a = pageBuilder.model.rootPart.children) == null ? void 0 : _a.length) {
+        partIdsToDelete = pageBuilder.model.rootPart.children.map((v) => v.partId);
+      }
+      const param = {
+        delete: partIdsToDelete,
+        insert: [
+          {
+            partId: pageBuilder.model.getRootPartId(),
+            index: 0,
+            parts: rootPart.children || []
+          }
+        ]
+      };
+      pageBuilder.model.updateModel(param);
+    } else if (Array.isArray(object) && object[0] && object[0].partType === PAGE_TYPE) {
+      const newPages = pageBuilder.model.parseParts(json);
+      if (!newPages) throw new Error("Invalid data format");
+      const newPage = newPages[0];
+      const selectedPage = pageBuilder.context.getSelectedPage();
+      if (!selectedPage) return;
+      const pages = pageBuilder.model.rootPart.children;
+      if (!pages) return;
+      let index = 0;
+      if (pages.length == 1) {
+        newPage.properties = {
+          ...newPage.properties || {},
+          name: "Page"
+        };
+      } else if (selectedPage === pages[0]) {
+        newPage.properties = {
+          ...newPage.properties || {},
+          name: "Page (Mobile)"
+        };
+      } else if (selectedPage === pages[1]) {
+        newPage.properties = {
+          ...newPage.properties || {},
+          name: "Page (PC)"
+        };
+        index = 1;
+      }
+      const param = {
+        delete: [selectedPage.partId],
+        insert: [
+          {
+            partId: pageBuilder.model.getRootPartId(),
+            index,
+            parts: [newPage]
+          }
+        ]
+      };
+      pageBuilder.model.updateModel(param);
+    } else {
+      const parts = pageBuilder.model.parseParts(json);
+      if (!parts) return;
+      let pasteType = "";
+      parts.forEach((part) => {
+        if (part.partType === SECTION_TYPE) pasteType = SECTION_TYPE;
+        else if (part.partType === BLOCK_TYPE && (!pasteType || pasteType === WIDGET_TYPE)) pasteType = BLOCK_TYPE;
+        else if (part.partType === WIDGET_TYPE && !pasteType) pasteType = WIDGET_TYPE;
+      });
+      if (!pasteType) return;
+      const partsToPaste = parts.map((part) => {
+        if (pasteType === SECTION_TYPE) {
+          if (part.partType === SECTION_TYPE) {
+            return part;
+          } else if (part.partType === BLOCK_TYPE) {
+            const section = createSection(pageBuilder);
+            if (!section) return;
+            section.children = [part];
+            return section;
+          } else {
+            const block = createBlock(pageBuilder);
+            if (!block) return;
+            block.children = [part];
+            const section = createSection(pageBuilder);
+            if (!section) return;
+            section.children = [block];
+            return section;
+          }
+        } else if (pasteType === BLOCK_TYPE) {
+          if (part.partType === BLOCK_TYPE) {
+            return part;
+          } else {
+            const block = createBlock(pageBuilder);
+            if (!block) return;
+            block.children = [part];
+            return block;
+          }
+        } else {
+          return part;
+        }
+      }).filter(bluesea.notNull);
+      const selectedPage = pageBuilder.context.getSelectedPage();
+      const selected = pageBuilder.context.getSelectedParts()[0] || selectedPage;
+      if (!selectedPage || !selected) return;
+      let selectedWidget;
+      if (selected && selected.isWidget()) selectedWidget = selected;
+      if (selectedWidget && selectedWidget.isNestedWidget()) selectedWidget = selectedWidget.parent;
+      let selectedBlock;
+      if (selectedWidget) selectedBlock = selectedWidget.parent;
+      else if (selected && selected.isBlock()) selectedBlock = selected;
+      let selectedSection;
+      if (selectedBlock) selectedSection = selectedBlock.parent;
+      else if (selected && selected.isSection()) selectedSection = selected;
+      let targetPartId;
+      let targetIndex = -1;
+      let partsToInsert;
+      if (pasteType === SECTION_TYPE) {
+        targetPartId = selectedPage.partId;
+        targetIndex = selectedSection ? selectedPage.children.indexOf(selectedSection) + 1 : ((_b = selectedPage.children) == null ? void 0 : _b.length) || 0;
+        partsToInsert = partsToPaste;
+      } else if (pasteType === BLOCK_TYPE) {
+        if (selectedSection) {
+          targetPartId = selectedSection.partId;
+          targetIndex = selectedBlock ? selectedSection.children.indexOf(selectedBlock) + 1 : ((_c = selectedSection.children) == null ? void 0 : _c.length) || 0;
+          partsToInsert = partsToPaste;
+        } else if ((_d = selectedPage.children) == null ? void 0 : _d.length) {
+          selectedSection = selectedPage.children[selectedPage.children.length - 1];
+          targetPartId = selectedSection.partId;
+          targetIndex = ((_e = selectedSection.children) == null ? void 0 : _e.length) || 0;
+          partsToInsert = partsToPaste;
+        } else {
+          const newSection = createSection(pageBuilder);
+          if (!newSection) return;
+          newSection.children = partsToPaste;
+          targetPartId = selectedPage.partId;
+          targetIndex = 0;
+          partsToInsert = [newSection];
+        }
+      } else if (pasteType === WIDGET_TYPE) {
+        if (selectedBlock) {
+          targetPartId = selectedBlock.partId;
+          targetIndex = selectedWidget ? selectedBlock.children.indexOf(selectedWidget) + 1 : ((_f = selectedBlock.children) == null ? void 0 : _f.length) || 0;
+          partsToInsert = partsToPaste;
+        } else if (selectedSection || ((_g = selectedPage.children) == null ? void 0 : _g.length)) {
+          if (!selectedSection) selectedSection = selectedPage.children[selectedPage.children.length - 1];
+          if ((_h = selectedSection.children) == null ? void 0 : _h.length) {
+            selectedBlock = selectedSection.children[selectedSection.children.length - 1];
+            targetPartId = selectedBlock.partId;
+            targetIndex = ((_i = selectedBlock.children) == null ? void 0 : _i.length) || 0;
+            partsToInsert = partsToPaste;
+          } else {
+            const newBlock = createBlock(pageBuilder);
+            if (!newBlock) return;
+            newBlock.children = partsToPaste;
+            targetPartId = selectedSection.partId;
+            targetIndex = 0;
+            partsToInsert = [newBlock];
+          }
+        } else {
+          const newBlock = createBlock(pageBuilder);
+          const newSection = createSection(pageBuilder);
+          if (!newBlock || !newSection) return;
+          newSection.children = [newBlock];
+          newBlock.children = partsToPaste;
+          targetPartId = selectedPage.partId;
+          targetIndex = 0;
+          partsToInsert = [newSection];
+        }
+      }
+      if (!targetPartId || targetIndex < 0 || !partsToInsert) return;
+      insertParts(pageBuilder, targetPartId, targetIndex, partsToInsert, false);
+    }
+  };
   const _AddPartCommand = class _AddPartCommand {
     constructor(modal) {
       __publicField(this, "commandId", _AddPartCommand.COMMAND_ID);
@@ -13397,176 +13568,8 @@ ${_html.style}
       __publicField(this, "commandId", _PastePartCommand.COMMAND_ID);
     }
     async execute(pageBuilder) {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       const json = await navigator.clipboard.readText();
-      const object = JSON.parse(json);
-      if (object.partType === ROOT_TYPE) {
-        const rootPart = partFromJsonObject(object, true);
-        if (!rootPart) throw new Error("Invalid data format");
-        let partIdsToDelete = void 0;
-        if ((_a = pageBuilder.model.rootPart.children) == null ? void 0 : _a.length) {
-          partIdsToDelete = pageBuilder.model.rootPart.children.map((v) => v.partId);
-        }
-        const param = {
-          delete: partIdsToDelete,
-          insert: [
-            {
-              partId: pageBuilder.model.getRootPartId(),
-              index: 0,
-              parts: rootPart.children || []
-            }
-          ]
-        };
-        pageBuilder.model.updateModel(param);
-      } else if (Array.isArray(object) && object[0] && object[0].partType === PAGE_TYPE) {
-        const newPages = pageBuilder.model.parseParts(json);
-        if (!newPages) throw new Error("Invalid data format");
-        const newPage = newPages[0];
-        const selectedPage = pageBuilder.context.getSelectedPage();
-        if (!selectedPage) return;
-        const pages = pageBuilder.model.rootPart.children;
-        if (!pages) return;
-        let index = 0;
-        if (pages.length == 1) {
-          newPage.properties = {
-            ...newPage.properties || {},
-            name: "Page"
-          };
-        } else if (selectedPage === pages[0]) {
-          newPage.properties = {
-            ...newPage.properties || {},
-            name: "Page (Mobile)"
-          };
-        } else if (selectedPage === pages[1]) {
-          newPage.properties = {
-            ...newPage.properties || {},
-            name: "Page (PC)"
-          };
-          index = 1;
-        }
-        const param = {
-          delete: [selectedPage.partId],
-          insert: [
-            {
-              partId: pageBuilder.model.getRootPartId(),
-              index,
-              parts: [newPage]
-            }
-          ]
-        };
-        pageBuilder.model.updateModel(param);
-      } else {
-        const parts = pageBuilder.model.parseParts(json);
-        if (!parts) return;
-        let pasteType = "";
-        parts.forEach((part) => {
-          if (part.partType === SECTION_TYPE) pasteType = SECTION_TYPE;
-          else if (part.partType === BLOCK_TYPE && (!pasteType || pasteType === WIDGET_TYPE)) pasteType = BLOCK_TYPE;
-          else if (part.partType === WIDGET_TYPE && !pasteType) pasteType = WIDGET_TYPE;
-        });
-        if (!pasteType) return;
-        const partsToPaste = parts.map((part) => {
-          if (pasteType === SECTION_TYPE) {
-            if (part.partType === SECTION_TYPE) {
-              return part;
-            } else if (part.partType === BLOCK_TYPE) {
-              const section = createSection(pageBuilder);
-              if (!section) return;
-              section.children = [part];
-              return section;
-            } else {
-              const block = createBlock(pageBuilder);
-              if (!block) return;
-              block.children = [part];
-              const section = createSection(pageBuilder);
-              if (!section) return;
-              section.children = [block];
-              return section;
-            }
-          } else if (pasteType === BLOCK_TYPE) {
-            if (part.partType === BLOCK_TYPE) {
-              return part;
-            } else {
-              const block = createBlock(pageBuilder);
-              if (!block) return;
-              block.children = [part];
-              return block;
-            }
-          } else {
-            return part;
-          }
-        }).filter(bluesea.notNull);
-        const selectedPage = pageBuilder.context.getSelectedPage();
-        const selected = pageBuilder.context.getSelectedParts()[0] || selectedPage;
-        if (!selectedPage || !selected) return;
-        let selectedWidget;
-        if (selected && selected.isWidget()) selectedWidget = selected;
-        if (selectedWidget && selectedWidget.isNestedWidget()) selectedWidget = selectedWidget.parent;
-        let selectedBlock;
-        if (selectedWidget) selectedBlock = selectedWidget.parent;
-        else if (selected && selected.isBlock()) selectedBlock = selected;
-        let selectedSection;
-        if (selectedBlock) selectedSection = selectedBlock.parent;
-        else if (selected && selected.isSection()) selectedSection = selected;
-        let targetPartId;
-        let targetIndex = -1;
-        let partsToInsert;
-        if (pasteType === SECTION_TYPE) {
-          targetPartId = selectedPage.partId;
-          targetIndex = selectedSection ? selectedPage.children.indexOf(selectedSection) + 1 : ((_b = selectedPage.children) == null ? void 0 : _b.length) || 0;
-          partsToInsert = partsToPaste;
-        } else if (pasteType === BLOCK_TYPE) {
-          if (selectedSection) {
-            targetPartId = selectedSection.partId;
-            targetIndex = selectedBlock ? selectedSection.children.indexOf(selectedBlock) + 1 : ((_c = selectedSection.children) == null ? void 0 : _c.length) || 0;
-            partsToInsert = partsToPaste;
-          } else if ((_d = selectedPage.children) == null ? void 0 : _d.length) {
-            selectedSection = selectedPage.children[selectedPage.children.length - 1];
-            targetPartId = selectedSection.partId;
-            targetIndex = ((_e = selectedSection.children) == null ? void 0 : _e.length) || 0;
-            partsToInsert = partsToPaste;
-          } else {
-            const newSection = createSection(pageBuilder);
-            if (!newSection) return;
-            newSection.children = partsToPaste;
-            targetPartId = selectedPage.partId;
-            targetIndex = 0;
-            partsToInsert = [newSection];
-          }
-        } else if (pasteType === WIDGET_TYPE) {
-          if (selectedBlock) {
-            targetPartId = selectedBlock.partId;
-            targetIndex = selectedWidget ? selectedBlock.children.indexOf(selectedWidget) + 1 : ((_f = selectedBlock.children) == null ? void 0 : _f.length) || 0;
-            partsToInsert = partsToPaste;
-          } else if (selectedSection || ((_g = selectedPage.children) == null ? void 0 : _g.length)) {
-            if (!selectedSection) selectedSection = selectedPage.children[selectedPage.children.length - 1];
-            if ((_h = selectedSection.children) == null ? void 0 : _h.length) {
-              selectedBlock = selectedSection.children[selectedSection.children.length - 1];
-              targetPartId = selectedBlock.partId;
-              targetIndex = ((_i = selectedBlock.children) == null ? void 0 : _i.length) || 0;
-              partsToInsert = partsToPaste;
-            } else {
-              const newBlock = createBlock(pageBuilder);
-              if (!newBlock) return;
-              newBlock.children = partsToPaste;
-              targetPartId = selectedSection.partId;
-              targetIndex = 0;
-              partsToInsert = [newBlock];
-            }
-          } else {
-            const newBlock = createBlock(pageBuilder);
-            const newSection = createSection(pageBuilder);
-            if (!newBlock || !newSection) return;
-            newSection.children = [newBlock];
-            newBlock.children = partsToPaste;
-            targetPartId = selectedPage.partId;
-            targetIndex = 0;
-            partsToInsert = [newSection];
-          }
-        }
-        if (!targetPartId || targetIndex < 0 || !partsToInsert) return;
-        insertParts(pageBuilder, targetPartId, targetIndex, partsToInsert, false);
-      }
+      pasteContentJson(pageBuilder, json);
     }
   };
   __publicField(_PastePartCommand, "COMMAND_ID", "PastePart");
@@ -14145,7 +14148,7 @@ ${_html.style}
       if (plugin.keyHandlers) this.keyHandlers.appendKeyHandlers(plugin.keyHandlers);
       if (plugin.toolButtonGroups) this.toolButtonRegistry.registerToolButtonGroups(plugin.toolButtonGroups);
     }
-    registerCustomPlugin(plugin) {
+    registerCustomPlugin(plugin, modal) {
       if (plugin.widgets) {
         const partDefinitions2 = {};
         plugin.widgets.forEach((group) => {
@@ -14184,6 +14187,29 @@ ${_html.style}
           this.externalCssContent = plugin.css.content;
         }
       }
+      if (plugin.contextMenus) {
+        const self2 = this;
+        const contextMenus = plugin.contextMenus.map((menu) => {
+          return {
+            commandId: menu.menuId,
+            groupId: "external",
+            precedence: 10,
+            getMenuItem(pageBuilder) {
+              const selected = self2.context.getSelectedParts();
+              if (menu.visible(selected)) {
+                return {
+                  menuId: menu.menuId,
+                  caption: menu.caption,
+                  handler() {
+                    menu.handler(selected, self2.model, modal);
+                  }
+                };
+              }
+            }
+          };
+        });
+        this.contextMenuRegistry.registerContextMenus(contextMenus);
+      }
     }
     initData(data) {
       const _data = JSON.parse(data || "{}") || {};
@@ -16415,7 +16441,7 @@ ${_html.style}
       };
       if (props.locales) pageBuilderEditor.setLocales(props.locales);
       if (props.locale) pageBuilderEditor.setLocale(props.locale);
-      if (props.plugin) pageBuilderEditor.registerCustomPlugin(props.plugin);
+      if (props.plugin) pageBuilderEditor.registerCustomPlugin(props.plugin, modal);
       pageBuilderEditor.registerPlugin({
         // TODO
         commands: createDefaultCommands(modal)
@@ -16435,8 +16461,12 @@ ${_html.style}
       const getPageContent = () => {
         return pageBuilderEditor.model.serializeModel((part) => pageBuilderEditor.extractMedia(part));
       };
+      const pastePageContent = (contentJson) => {
+        pasteContentJson(pageBuilderEditor, contentJson);
+      };
       __expose({
-        getPageContent
+        getPageContent,
+        pastePageContent
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
@@ -17005,7 +17035,6 @@ ${_html.style}
       const modalHandle = bluesea.useModalHandle();
       const customWidgets = vue.computed(() => props.pageBuilder.getCustomWidgets());
       const select = (partDefinition) => {
-        console.log(partDefinition);
         emit("selectHandler", partDefinition);
         modalHandle.close();
       };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@g1cloud/page-builder-editor",
   "private": false,
-  "version": "1.0.0-alpha.50",
+  "version": "1.0.0-alpha.51",
   "engins": {
     "node": ">= 20.0.0"
   },
@@ -16,7 +16,7 @@
   "author": "zag@g1project.net",
   "license": "LicenseRef-LICENSE",
   "peerDependencies": {
-    "@g1cloud/bluesea": "5.0.0-alpha.91",
+    "@g1cloud/bluesea": "5.0.0-alpha.92",
     "vue3-youtube": "^0.1.9"
   },
   "dependencies": {
@@ -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.50"
+    "@g1cloud/page-builder-viewer": "1.0.0-alpha.51"
   },
   "devDependencies": {
     "@types/node": "^20.12.7",