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

package/dist/{PbPropertyEditorColor-BUL8pwCO.js → PbPropertyEditorColor-hFvMuUZC.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-Cuvfu0JI.js";
+import { P as PbColorPicker } from "./index-B-YMeKky.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-DbKD33DT.js → PbPropertyEditorHtml-gzh9Nb2Q.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-Cuvfu0JI.js";
+import { u as usePageBuilderEditor } from "./index-B-YMeKky.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-S-uagL32.js → PbPropertyEditorImage-D4wJ9fgi.js}

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

package/dist/{PbPropertyEditorText-Wd0rvpIX.js → PbPropertyEditorText-BGIyzz1q.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-Cuvfu0JI.js";
+import { u as usePageBuilderEditor } from "./index-B-YMeKky.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-BkXWRMx_.js → PbPropertyEditorYoutube-uRftqvVU.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-Cuvfu0JI.js";
+import { s as selectYoutubeVideo } from "./index-B-YMeKky.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-Br2XZusB.js → PbWidgetAddModal-DF7MRQUS.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-Cuvfu0JI.js";
+import { w as widgetPartDefinitions } from "./index-B-YMeKky.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-Cuvfu0JI.js → index-B-YMeKky.js}

@@ -8268,15 +8268,15 @@ class PartManager {
 const defaultPartPropertyEditors = () => {
   return {
     "readonly-text": () => defineAsyncComponent(() => import("./PbPropertyEditorReadonlyText-BJ5qx69O.js")),
-    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-Wd0rvpIX.js")),
+    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-BGIyzz1q.js")),
     "number": () => defineAsyncComponent(() => import("./PbPropertyEditorNumber-B76ArSb5.js")),
     "boolean": () => defineAsyncComponent(() => import("./PbPropertyEditorBoolean-c5CNiTpt.js")),
-    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-DgNTsKkr.js")),
+    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-Bq1QUweO.js")),
     "select": () => defineAsyncComponent(() => import("./PbPropertyEditorSelect-B5sfulvx.js")),
-    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-BUL8pwCO.js")),
-    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-S-uagL32.js")),
-    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-DbKD33DT.js")),
-    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-BkXWRMx_.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"))
   };
 };
 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-Br2XZusB.js")),
+    component: defineAsyncComponent(() => import("./PbWidgetAddModal-DF7MRQUS.js")),
     style: {
       width: "80%",
       height: "80%",
@@ -14660,6 +14660,10 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         savedPartSelection = null;
       }
     };
+    const contextMenuProvider = (rows) => {
+      const contextMenus = pageBuilder.contextMenuRegistry.composeContextMenuItems(pageBuilder);
+      return contextMenus;
+    };
     onMounted(() => {
       PageBuilderEditorEvent.on.modelUpdatedByUI(modelUpdateHandler);
     });
@@ -14685,6 +14689,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               _cache[1] || (_cache[1] = ($event) => selectedRows.value = $event),
               selectedRowsChanged
             ],
+            "context-menu-provider": contextMenuProvider,
             data: page.value,
             "enable-drag-and-drop": treeDragAndDropPolicy,
             "icon-provider": iconProvider,
@@ -14692,6 +14697,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             "label-provider": labelProvider,
             class: "max-w-320",
             "dont-change-data-when-rowmoved": "",
+            "multi-select": "",
             "show-move-button": "",
             onRowMoved: rowMoved
           }, null, 8, ["expandedRows", "selectedRows", "data", "key-provider"])
@@ -14872,11 +14878,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       var _a, _b;
       if (event.altKey || event.ctrlKey || event.shiftKey) return;
       event.preventDefault();
+      const scale = pageBuilder.scale.value;
       const frame = ((_b = (_a = event.target) == null ? void 0 : _a.ownerDocument.defaultView) == null ? void 0 : _b.frameElement) || void 0;
       const frameRect = frame == null ? void 0 : frame.getBoundingClientRect();
       const fakeEvent = {
-        clientX: event.clientX + frameRect.left,
-        clientY: event.clientY + frameRect.top
+        clientX: event.clientX * scale + frameRect.left,
+        clientY: event.clientY * scale + frameRect.top
       };
       const contextMenus = pageBuilder.contextMenuRegistry.composeContextMenuItems(pageBuilder);
       contextMenu.showContextMenu(fakeEvent, contextMenus);
@@ -15062,7 +15069,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       var _a;
       return (_a = pageBuilder.model.rootPart.children) == null ? void 0 : _a[1];
     });
-    useContextMenu();
     const style = computed(() => {
       const scale = pageBuilder.scale.value;
       return {

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

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

@@ -14661,6 +14661,10 @@ ${_html.style}
           savedPartSelection = null;
         }
       };
+      const contextMenuProvider = (rows) => {
+        const contextMenus = pageBuilder.contextMenuRegistry.composeContextMenuItems(pageBuilder);
+        return contextMenus;
+      };
       vue.onMounted(() => {
         PageBuilderEditorEvent.on.modelUpdatedByUI(modelUpdateHandler);
       });
@@ -14686,6 +14690,7 @@ ${_html.style}
                 _cache[1] || (_cache[1] = ($event) => selectedRows.value = $event),
                 selectedRowsChanged
               ],
+              "context-menu-provider": contextMenuProvider,
               data: page.value,
               "enable-drag-and-drop": treeDragAndDropPolicy,
               "icon-provider": iconProvider,
@@ -14693,6 +14698,7 @@ ${_html.style}
               "label-provider": labelProvider,
               class: "max-w-320",
               "dont-change-data-when-rowmoved": "",
+              "multi-select": "",
               "show-move-button": "",
               onRowMoved: rowMoved
             }, null, 8, ["expandedRows", "selectedRows", "data", "key-provider"])
@@ -14873,11 +14879,12 @@ ${_html.style}
         var _a, _b;
         if (event.altKey || event.ctrlKey || event.shiftKey) return;
         event.preventDefault();
+        const scale = pageBuilder.scale.value;
         const frame = ((_b = (_a = event.target) == null ? void 0 : _a.ownerDocument.defaultView) == null ? void 0 : _b.frameElement) || void 0;
         const frameRect = frame == null ? void 0 : frame.getBoundingClientRect();
         const fakeEvent = {
-          clientX: event.clientX + frameRect.left,
-          clientY: event.clientY + frameRect.top
+          clientX: event.clientX * scale + frameRect.left,
+          clientY: event.clientY * scale + frameRect.top
         };
         const contextMenus = pageBuilder.contextMenuRegistry.composeContextMenuItems(pageBuilder);
         contextMenu.showContextMenu(fakeEvent, contextMenus);
@@ -15063,7 +15070,6 @@ ${_html.style}
         var _a;
         return (_a = pageBuilder.model.rootPart.children) == null ? void 0 : _a[1];
       });
-      bluesea.useContextMenu();
       const style = vue.computed(() => {
         const scale = pageBuilder.scale.value;
         return {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@g1cloud/page-builder-editor",
   "private": false,
-  "version": "1.0.0-alpha.49",
+  "version": "1.0.0-alpha.50",
   "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.49"
+    "@g1cloud/page-builder-viewer": "1.0.0-alpha.50"
   },
   "devDependencies": {
     "@types/node": "^20.12.7",