@g1cloud/page-builder-editor 1.0.0-alpha.15 → 1.0.0-alpha.17

package/css/property-editor-image.scss

@@ -5,7 +5,7 @@
     padding: 4px 12px;
     cursor: pointer;
     line-height: 1;
-    width: 100px;
+    width: 120px;
     height: 28px;
     background-color: #1f8fff;
   }

package/css/property-group-editor-background.scss

@@ -20,7 +20,7 @@
       padding: 4px 12px;
       cursor: pointer;
       line-height: 1;
-      width: 100px;
+      width: 120px;
       height: 28px;
       background-color: #1f8fff;
     }

package/dist/{PbPropertyEditorColor-DI5Bm25g.js → PbPropertyEditorColor-DEVkcUND.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-BIoyBfxM.js";
+import { P as PbColorPicker } from "./index-rPBXWjSz.js";
 const _hoisted_1 = { class: "property-editor property-editor-color" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];

package/dist/{PbPropertyEditorHtml-Bb_kuc4m.js → PbPropertyEditorHtml-CxPlqBYx.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-BIoyBfxM.js";
+import { u as usePageBuilderEditor } from "./index-rPBXWjSz.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-DbxF_eg7.js → PbPropertyEditorImage-DAEVOkpl.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
+import { u as usePageBuilderEditor } from "./index-rPBXWjSz.js";
 import { useModal } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor, a as PageBuilderEditorEvent } from "./index-BIoyBfxM.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-CefJbbiM.js → PbPropertyEditorMultilineText-zmUCXJQZ.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-BIoyBfxM.js";
+import { u as usePageBuilderEditor } from "./index-rPBXWjSz.js";
 const _hoisted_1 = { class: "property-editor property-editor-multiline-text" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];

package/dist/{PbPropertyEditorText-BWOKvwD9.js → PbPropertyEditorText-CleInrev.js}

@@ -1,5 +1,6 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref } from "vue";
-import { BSTextInput } from "@g1cloud/bluesea";
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createBlock, unref } from "vue";
+import { BSMultiLangTextInput, BSTextInput } from "@g1cloud/bluesea";
+import { u as usePageBuilderEditor } from "./index-rPBXWjSz.js";
 const _hoisted_1 = { class: "property-editor property-editor-text flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];
@@ -13,6 +14,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const pageBuilder = usePageBuilderEditor();
+    const locales = computed(() => pageBuilder.getLocales());
     const emitUpdatePropertyValue = (value) => {
       const properties = {};
       properties[props.property.propertyName] = value;
@@ -26,11 +29,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 8, _hoisted_3)
         ]),
         createElementVNode("div", null, [
-          createVNode(unref(BSTextInput), {
+          _ctx.property.multiLang ? (openBlock(), createBlock(unref(BSMultiLangTextInput), {
+            key: 0,
+            locales: locales.value,
             "model-value": _ctx.value,
             width: "100%",
             "onUpdate:modelValue": emitUpdatePropertyValue
-          }, null, 8, ["model-value"])
+          }, null, 8, ["locales", "model-value"])) : (openBlock(), createBlock(unref(BSTextInput), {
+            key: 1,
+            "model-value": _ctx.value,
+            width: "100%",
+            "onUpdate:modelValue": emitUpdatePropertyValue
+          }, null, 8, ["model-value"]))
         ])
       ]);
     };

package/dist/{PbWidgetAddModal-CQvFYzfU.js → PbWidgetAddModal-DoR8HJUd.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-rPBXWjSz.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

package/dist/components/sidebar/property/PbPropertyEditorText.vue.d.ts

@@ -1,15 +1,16 @@
 import { PartProperty } from '../../../model/part-property.ts';
+import { MultiLangString } from '@g1cloud/bluesea';
 
 declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
     property: PartProperty;
-    value?: string | undefined;
+    value?: string | MultiLangString | undefined;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update-property-value": (properties: Record<string, string>) => void;
+    "update-property-value": (properties: Record<string, unknown>) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     property: PartProperty;
-    value?: string | undefined;
+    value?: string | MultiLangString | undefined;
 }>>> & {
-    "onUpdate-property-value"?: ((properties: Record<string, string>) => any) | undefined;
+    "onUpdate-property-value"?: ((properties: Record<string, unknown>) => any) | undefined;
 }, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;