@g1cloud/page-builder-editor 1.0.0-alpha.29 → 1.0.0-alpha.30

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

package/dist/{PbPropertyEditorHtml-DOIdxTYF.js → PbPropertyEditorHtml-Cpy0eI4_.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-D0CfudH-.js";
+import { u as usePageBuilderEditor } from "./index-jGbCiM-P.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-CyRHBdCX.js → PbPropertyEditorImage-DO7YS7Xn.js}

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

package/dist/{PbPropertyEditorMultilineText-BgUqY40C.js → PbPropertyEditorMultilineText-D4ONFS76.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-D0CfudH-.js";
+import { u as usePageBuilderEditor } from "./index-jGbCiM-P.js";
 const _hoisted_1 = { class: "property-editor property-editor-multiline-text" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];

package/dist/{PbPropertyEditorText-C01cWJn3.js → PbPropertyEditorText-BV9QDXbJ.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createBlock, unref } from "vue";
 import { BSMultiLangTextInput, BSTextInput } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor } from "./index-D0CfudH-.js";
+import { u as usePageBuilderEditor } from "./index-jGbCiM-P.js";
 const _hoisted_1 = { class: "property-editor property-editor-text flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];

package/dist/{PbPropertyEditorYoutube-ybr-RA1K.js → PbPropertyEditorYoutube-C5Qzdu6N.js}

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

package/dist/{PbWidgetAddModal-axGuf3UA.js → PbWidgetAddModal-9vxg06Q_.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-D0CfudH-.js";
+import { w as widgetPartDefinitions } from "./index-jGbCiM-P.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-D0CfudH-.js → index-jGbCiM-P.js}

@@ -7288,20 +7288,6 @@ class PageBuilderViewerImpl {
       }
     }
   }
-  watchCustomWidgetData(part) {
-    const def = partDefinitions$1[part.partName];
-    if (!def || !def.dataWatcher) return false;
-    const watcher = this.watchers[def.dataWatcher];
-    if (!watcher) return false;
-    return watcher(part.properties);
-  }
-  provideCustomWidgetData(part) {
-    const def = partDefinitions$1[part.partName];
-    if (!def || !def.dataProvider) return Promise.resolve();
-    const provider = this.providers[def.dataProvider];
-    if (!provider) return Promise.resolve();
-    return provider(part.properties);
-  }
   render(data) {
     const _data = JSON.parse(data || "{}") || {};
     const rootPart = this.parsePartContent(_data);
@@ -7522,28 +7508,16 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "PbCustomWidget",
   props: {
     part: {},
-    placeholder: { type: Boolean },
-    dataWatcher: { type: Function },
-    dataProvider: { type: Function }
+    placeholder: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
     const pageBuilder = usePageBuilder();
     const comp = computed(() => pageBuilder.getCustomWidgetComponent(props.part));
-    const data = ref({});
     const bind = computed(() => ({
       ...props.part.properties || {},
-      ...data.value || {},
       placeholder: props.placeholder
     }));
-    const updateData = async () => {
-      data.value = await pageBuilder.provideCustomWidgetData(props.part);
-    };
-    onMounted(updateData);
-    watch(
-      () => pageBuilder.watchCustomWidgetData(props.part),
-      () => updateData()
-    );
     return (_ctx, _cache) => {
       return comp.value ? (openBlock(), createBlock$1(resolveDynamicComponent(comp.value), normalizeProps(mergeProps({ key: 0 }, bind.value)), null, 16)) : createCommentVNode("", true);
     };
@@ -7810,14 +7784,11 @@ class Model2 {
     });
     return parts;
   }
-  serializeModel(mediaExtractor, providerExtractor) {
+  serializeModel(mediaExtractor) {
     const root = partToJsonObject(this.rootPart);
     if (mediaExtractor) {
       root.media = mediaExtractor(this.rootPart);
     }
-    if (providerExtractor) {
-      providerExtractor(root);
-    }
     return JSON.stringify(root);
   }
   parseModel(json, keepPartId = false) {
@@ -8131,13 +8102,13 @@ class PartManager {
 const defaultPartPropertyEditors = () => {
   return {
     "readonly-text": () => defineAsyncComponent(() => import("./PbPropertyEditorReadonlyText-Dgp_AVOD.js")),
-    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-C01cWJn3.js")),
-    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-BgUqY40C.js")),
+    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-BV9QDXbJ.js")),
+    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-D4ONFS76.js")),
     "select": () => defineAsyncComponent(() => import("./PbPropertyEditorSelect-CWedbXJI.js")),
-    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-DD1lLnyZ.js")),
-    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-CyRHBdCX.js")),
-    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-DOIdxTYF.js")),
-    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-ybr-RA1K.js"))
+    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-DRZ3JPbE.js")),
+    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-DO7YS7Xn.js")),
+    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-Cpy0eI4_.js")),
+    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-C5Qzdu6N.js"))
   };
 };
 const getPropertyValueOfParts = (parts, propertyName) => {
@@ -12415,7 +12386,7 @@ __publicField(_OpenAddWidgetModalCommand, "COMMAND_ID", "OpenAddWidgetModal");
 let OpenAddWidgetModalCommand = _OpenAddWidgetModalCommand;
 const openWidgetAddModal = (modal, args, callback) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./PbWidgetAddModal-axGuf3UA.js")),
+    component: defineAsyncComponent(() => import("./PbWidgetAddModal-9vxg06Q_.js")),
     style: {
       width: "80%",
       height: "80%",
@@ -12930,10 +12901,7 @@ const _CopyAllCommand = class _CopyAllCommand {
     __publicField(this, "commandId", _CopyAllCommand.COMMAND_ID);
   }
   async execute(pageBuilder) {
-    const json = pageBuilder.model.serializeModel(
-      (part) => pageBuilder.extractMedia(part),
-      (partObject) => pageBuilder.extractProvider(partObject)
-    );
+    const json = pageBuilder.model.serializeModel((part) => pageBuilder.extractMedia(part));
     await navigator.clipboard.writeText(json);
   }
 };
@@ -13553,20 +13521,6 @@ class PageBuilderEditorImpl {
   getProvider(name) {
     return this.providers[name];
   }
-  watchCustomWidgetData(part) {
-    const def = this.partManager.getPartDefinition(part.partName);
-    if (!def || !def.dataWatcher) return false;
-    const watcher = this.watchers[def.dataWatcher];
-    if (!watcher) return false;
-    return watcher(part.properties);
-  }
-  provideCustomWidgetData(part) {
-    const def = this.partManager.getPartDefinition(part.partName);
-    if (!def || !def.dataProvider) return Promise.resolve();
-    const provider = this.providers[def.dataProvider];
-    if (!provider) return Promise.resolve();
-    return provider(part.properties);
-  }
   registerPlugin(plugin) {
     if (plugin.partDefinitions) this.partManager.registerPartDefinitions(plugin.partDefinitions);
     if (plugin.partPropertyGroupEditors) this.partManager.registerPartPropertyGroupEditors(plugin.partPropertyGroupEditors);
@@ -13714,17 +13668,6 @@ class PageBuilderEditorImpl {
     this.extractMediaFromPart(part, urls);
     return Array.from(urls);
   }
-  extractProvider(part) {
-    const def = this.partManager.getPartDefinition(part.partName);
-    if (def && (def == null ? void 0 : def.dataProvider)) {
-      part.dataProvider = def.dataProvider;
-    }
-    if (part.children && part.children.length) {
-      for (const child of part.children) {
-        this.extractProvider(child);
-      }
-    }
-  }
   getExternalCss() {
     return `${this.externalCssLinks}
     <style>${this.externalCssContent}</style>`;
@@ -14556,10 +14499,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const colorHistory = ref([]);
     provide("colorHistory", colorHistory);
     const getPageContent = () => {
-      return pageBuilderEditor.model.serializeModel(
-        (part) => pageBuilderEditor.extractMedia(part),
-        (partObject) => pageBuilderEditor.extractProvider(partObject)
-      );
+      return pageBuilderEditor.model.serializeModel((part) => pageBuilderEditor.extractMedia(part));
     };
     __expose({
       getPageContent

package/dist/model/model.d.ts

@@ -6,7 +6,6 @@ export declare const SECTION_TYPE = "Section";
 export declare const BLOCK_TYPE = "Block";
 export declare const WIDGET_TYPE = "Widget";
 type MediaExtractor = (part: IPart) => string[];
-type ProviderExtractor = (partObject: Record<string, unknown>) => void;
 export declare const getNewPartId: () => string;
 export declare const partsToJsonString: (parts: IPart[]) => string;
 export declare const partFromJsonObject: (object: any, keepPartId?: boolean) => IPart | undefined;
@@ -21,7 +20,7 @@ export declare class Model {
     updateModel(param: ModelUpdateParam): ModelUpdateResult;
     findPartById(partId?: string): IPart | undefined;
     findPartsByIds(partIds: string[]): IPart[];
-    serializeModel(mediaExtractor?: MediaExtractor, providerExtractor?: ProviderExtractor): string;
+    serializeModel(mediaExtractor?: MediaExtractor): string;
     parseModel(json: string, keepPartId?: boolean): IPart;
     serializeParts(partIds: string[]): string;
     parseParts(json: string, keepPartId?: boolean): IPart[] | undefined;

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

@@ -39,7 +39,6 @@ export interface PageBuilderEditor extends PageBuilder {
     getCustomWidgets(): PartDefinition[];
     getProvider(name: string): (args?: any, callback?: (result?: any) => void) => unknown;
     extractMedia(part: IPart): string[];
-    extractProvider(part: Record<string, unknown>): void;
 }
 export declare class PageBuilderEditorImpl implements PageBuilderEditor {
     instanceId?: string;
@@ -66,8 +65,6 @@ export declare class PageBuilderEditorImpl implements PageBuilderEditor {
     setLocales(locales?: string[]): void;
     getCustomWidgetComponent(part: IPart): Component | undefined;
     getProvider(name: string): (args?: any, callback?: (result?: any) => void) => unknown;
-    watchCustomWidgetData(part: IPart): unknown;
-    provideCustomWidgetData(part: IPart): Promise<unknown>;
     registerPlugin(plugin: PageBuilderPlugin): void;
     registerCustomPlugin(plugin: any): void;
     initData(data?: string): void;
@@ -78,7 +75,6 @@ export declare class PageBuilderEditorImpl implements PageBuilderEditor {
     makeMultipleScreen(): void;
     getCustomWidgets(): PartDefinition[];
     extractMedia(part: IPart): string[];
-    extractProvider(part: Record<string, unknown>): void;
     getExternalCss(): string;
     private extractMediaFromPart;
     private extractMediaFromHtml;

package/dist/model/part-definintion.d.ts

@@ -14,8 +14,6 @@ export type PartDefinition = {
     allowsChild: (partOrName?: IPart | string | undefined) => boolean;
     creator: PartCreator;
     component?: Component;
-    dataWatcher?: string;
-    dataProvider?: string;
 };
 export type PartDefinitionGroup = {
     groupName: 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, R, o, S, p, W, q, r, t, v, x, y, z, A, C } from "./index-D0CfudH-.js";
+import { B, b, M, c, d, e, _, a, f, g, h, i, j, k, l, m, n, R, o, S, p, W, q, r, t, v, x, y, z, A, C } from "./index-jGbCiM-P.js";
 export {
   B as BLOCK_TYPE,
   b as Block,

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

@@ -7289,20 +7289,6 @@ ${_html.style}
         }
       }
     }
-    watchCustomWidgetData(part) {
-      const def = partDefinitions$1[part.partName];
-      if (!def || !def.dataWatcher) return false;
-      const watcher = this.watchers[def.dataWatcher];
-      if (!watcher) return false;
-      return watcher(part.properties);
-    }
-    provideCustomWidgetData(part) {
-      const def = partDefinitions$1[part.partName];
-      if (!def || !def.dataProvider) return Promise.resolve();
-      const provider = this.providers[def.dataProvider];
-      if (!provider) return Promise.resolve();
-      return provider(part.properties);
-    }
     render(data) {
       const _data = JSON.parse(data || "{}") || {};
       const rootPart = this.parsePartContent(_data);
@@ -7523,28 +7509,16 @@ ${_html.style}
     __name: "PbCustomWidget",
     props: {
       part: {},
-      placeholder: { type: Boolean },
-      dataWatcher: { type: Function },
-      dataProvider: { type: Function }
+      placeholder: { type: Boolean }
     },
     setup(__props) {
       const props = __props;
       const pageBuilder = usePageBuilder();
       const comp = vue.computed(() => pageBuilder.getCustomWidgetComponent(props.part));
-      const data = vue.ref({});
       const bind = vue.computed(() => ({
         ...props.part.properties || {},
-        ...data.value || {},
         placeholder: props.placeholder
       }));
-      const updateData = async () => {
-        data.value = await pageBuilder.provideCustomWidgetData(props.part);
-      };
-      vue.onMounted(updateData);
-      vue.watch(
-        () => pageBuilder.watchCustomWidgetData(props.part),
-        () => updateData()
-      );
       return (_ctx, _cache) => {
         return comp.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(comp.value), vue.normalizeProps(vue.mergeProps({ key: 0 }, bind.value)), null, 16)) : vue.createCommentVNode("", true);
       };
@@ -7811,14 +7785,11 @@ ${_html.style}
       });
       return parts;
     }
-    serializeModel(mediaExtractor, providerExtractor) {
+    serializeModel(mediaExtractor) {
       const root = partToJsonObject(this.rootPart);
       if (mediaExtractor) {
         root.media = mediaExtractor(this.rootPart);
       }
-      if (providerExtractor) {
-        providerExtractor(root);
-      }
       return JSON.stringify(root);
     }
     parseModel(json, keepPartId = false) {
@@ -12931,10 +12902,7 @@ ${_html.style}
       __publicField(this, "commandId", _CopyAllCommand.COMMAND_ID);
     }
     async execute(pageBuilder) {
-      const json = pageBuilder.model.serializeModel(
-        (part) => pageBuilder.extractMedia(part),
-        (partObject) => pageBuilder.extractProvider(partObject)
-      );
+      const json = pageBuilder.model.serializeModel((part) => pageBuilder.extractMedia(part));
       await navigator.clipboard.writeText(json);
     }
   };
@@ -13554,20 +13522,6 @@ ${_html.style}
     getProvider(name) {
       return this.providers[name];
     }
-    watchCustomWidgetData(part) {
-      const def = this.partManager.getPartDefinition(part.partName);
-      if (!def || !def.dataWatcher) return false;
-      const watcher = this.watchers[def.dataWatcher];
-      if (!watcher) return false;
-      return watcher(part.properties);
-    }
-    provideCustomWidgetData(part) {
-      const def = this.partManager.getPartDefinition(part.partName);
-      if (!def || !def.dataProvider) return Promise.resolve();
-      const provider = this.providers[def.dataProvider];
-      if (!provider) return Promise.resolve();
-      return provider(part.properties);
-    }
     registerPlugin(plugin) {
       if (plugin.partDefinitions) this.partManager.registerPartDefinitions(plugin.partDefinitions);
       if (plugin.partPropertyGroupEditors) this.partManager.registerPartPropertyGroupEditors(plugin.partPropertyGroupEditors);
@@ -13715,17 +13669,6 @@ ${_html.style}
       this.extractMediaFromPart(part, urls);
       return Array.from(urls);
     }
-    extractProvider(part) {
-      const def = this.partManager.getPartDefinition(part.partName);
-      if (def && (def == null ? void 0 : def.dataProvider)) {
-        part.dataProvider = def.dataProvider;
-      }
-      if (part.children && part.children.length) {
-        for (const child of part.children) {
-          this.extractProvider(child);
-        }
-      }
-    }
     getExternalCss() {
       return `${this.externalCssLinks}
     <style>${this.externalCssContent}</style>`;
@@ -14557,10 +14500,7 @@ ${_html.style}
       const colorHistory = vue.ref([]);
       vue.provide("colorHistory", colorHistory);
       const getPageContent = () => {
-        return pageBuilderEditor.model.serializeModel(
-          (part) => pageBuilderEditor.extractMedia(part),
-          (partObject) => pageBuilderEditor.extractProvider(partObject)
-        );
+        return pageBuilderEditor.model.serializeModel((part) => pageBuilderEditor.extractMedia(part));
       };
       __expose({
         getPageContent

package/package.json

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