@g1cloud/page-builder-editor 1.0.0-alpha.14 → 1.0.0-alpha.16

package/dist/PageBuilderEditor.vue.d.ts

@@ -8,8 +8,9 @@ declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimePr
     locales?: string[] | undefined;
     locale?: string | undefined;
     toolbarPlugin?: PageBuilderToolbarPlugin | undefined;
+    plugin?: unknown;
 }>, {
-    getLocalDesignPartContent: () => any[] | undefined;
+    getPageContent: () => string;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     instanceId?: string | undefined;
     title?: string | undefined;
@@ -18,6 +19,7 @@ declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimePr
     locales?: string[] | undefined;
     locale?: string | undefined;
     toolbarPlugin?: PageBuilderToolbarPlugin | undefined;
+    plugin?: unknown;
 }>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/{PbPropertyEditorColor-CZHXz7K6.js → PbPropertyEditorColor-Bw7qz0-r.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref } from "vue";
 import { BSTextInput } from "@g1cloud/bluesea";
-import { P as PbColorPicker } from "./index-CuI4K01B.js";
+import { P as PbColorPicker } from "./index-BcD7YsdY.js";
 const _hoisted_1 = { class: "property-editor property-editor-color" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];

package/dist/{PbPropertyEditorHtml-Bid2WYyb.js → PbPropertyEditorHtml-DH2Qep1X.js}

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

package/dist/{PbPropertyEditorImage-N4VYkBhB.js → PbPropertyEditorImage-GN536Jw2.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
+import { u as usePageBuilderEditor } from "./index-BcD7YsdY.js";
 import { useModal } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor, a as PageBuilderEditorEvent } from "./index-CuI4K01B.js";
 const _hoisted_1 = { class: "property-editor property-editor-image flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];
@@ -12,16 +12,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update-property-value"],
   setup(__props, { emit: __emit }) {
-    useModal();
     const pageBuilder = usePageBuilderEditor();
+    const modal = useModal();
     const emit = __emit;
     const selectImage = () => {
-      PageBuilderEditorEvent.emit.requestImage({
-        pageBuilderId: pageBuilder.instanceId,
-        callback: (url) => {
+      const imageProvider = pageBuilder.getProvider("image");
+      if (imageProvider) {
+        imageProvider({ modal }, (url) => {
           emit("update-property-value", { image: url });
-        }
-      });
+        });
+      }
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [

package/dist/{PbPropertyEditorMultilineText-BFGht6hc.js → PbPropertyEditorMultilineText-B5HryveI.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createBlock, unref } from "vue";
 import { BSMultiLangTextArea, BSTextArea } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor } from "./index-CuI4K01B.js";
+import { u as usePageBuilderEditor } from "./index-BcD7YsdY.js";
 const _hoisted_1 = { class: "property-editor property-editor-multiline-text" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];

package/dist/{PbWidgetAddModal-CQvFYzfU.js → PbWidgetAddModal-Zpo-ZeNH.js}

@@ -1,9 +1,20 @@
-import { defineComponent, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString } from "vue";
+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-BcD7YsdY.js";
 const _hoisted_1 = { class: "bs-layout-vertical pb-part-add-modal" };
-const _hoisted_2 = ["textContent"];
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", {
+  class: "mb-8",
+  textContent: "Basic Widgets"
+}, null, -1);
 const _hoisted_3 = { class: "bs-layout-horizontal-wrap ml-16 mb-8 gap-8" };
 const _hoisted_4 = ["onClick", "textContent"];
+const _hoisted_5 = { class: "group mb-16" };
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", {
+  class: "mb-8",
+  textContent: "Custom Widgets"
+}, null, -1);
+const _hoisted_7 = { class: "bs-layout-horizontal-wrap ml-16 mb-8 gap-8" };
+const _hoisted_8 = ["onClick", "textContent"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PbWidgetAddModal",
   props: {
@@ -12,9 +23,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["selectHandler"],
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emit = __emit;
     const modalHandle = useModalHandle();
+    const customWidgets = computed(() => props.pageBuilder.getCustomWidgets());
     const select = (partDefinition) => {
+      console.log(partDefinition);
       emit("selectHandler", partDefinition);
       modalHandle.close();
     };
@@ -22,15 +36,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(BSModalFrame), { title: "Add Block/Widget" }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.partDefinitionGroups, (group) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(widgetPartDefinitions), (group) => {
               return openBlock(), createElementBlock("div", {
                 key: group.groupName,
                 class: "group mb-16"
               }, [
-                createElementVNode("div", {
-                  class: "mb-8",
-                  textContent: toDisplayString(group.caption)
-                }, null, 8, _hoisted_2),
+                _hoisted_2,
                 createElementVNode("div", _hoisted_3, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(group.partDefinitions, (part) => {
                     return openBlock(), createElementBlock("div", {
@@ -42,7 +53,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }), 128))
                 ])
               ]);
-            }), 128))
+            }), 128)),
+            createElementVNode("div", _hoisted_5, [
+              _hoisted_6,
+              createElementVNode("div", _hoisted_7, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(customWidgets.value, (part) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: part.partName,
+                    class: "part",
+                    onClick: ($event) => select(part),
+                    textContent: toDisplayString(part.caption)
+                  }, null, 8, _hoisted_8);
+                }), 128))
+              ])
+            ])
           ])
         ]),
         _: 1