@g1cloud/page-builder-editor 1.0.0-alpha.73 → 1.0.0-alpha.74

package/dist/{PbPropertyEditorColor-Bburxcfo.js → PbPropertyEditorColor-Gyf7NmiL.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-CEBGHWjv.js";
+import { P as PbColorPicker } from "./index-CBy4UB6h.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/{PbPropertyEditorCssLength-Cku7TH0H.js → PbPropertyEditorCssLength-lQ3q_Hcj.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createVNode } from "vue";
 import { vT, BSTextInput } from "@g1cloud/bluesea";
-import { t as toCssLength } from "./index-CEBGHWjv.js";
+import { t as toCssLength } from "./index-CBy4UB6h.js";
 const _hoisted_1 = { class: "property-editor property-editor-number flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbPropertyEditorHtml-BlzCBvjh.js → PbPropertyEditorHtml-CZt1GGd3.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-CEBGHWjv.js";
+import { u as usePageBuilderEditor } from "./index-CBy4UB6h.js";
 const _hoisted_1 = { class: "property-editor property-editor-html flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbPropertyEditorImage-D-ZvZqEl.js → PbPropertyEditorImage-XRvUWl4r.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createTextVNode, toDisplayString, createVNode, createCommentVNode, Fragment } from "vue";
-import { u as usePageBuilderEditor, C as ChangePropertyCommand } from "./index-CEBGHWjv.js";
+import { u as usePageBuilderEditor, C as ChangePropertyCommand } from "./index-CBy4UB6h.js";
 import { useModal, vT, BSButton, BSMultiLangTextInput, showNotification } from "@g1cloud/bluesea";
 const _hoisted_1 = { class: "property-editor property-editor-image" };
 const _hoisted_2 = { class: "title" };

package/dist/{PbPropertyEditorMultilineText-Lm27UPXU.js → PbPropertyEditorMultilineText-BihLD7YL.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-CEBGHWjv.js";
+import { u as usePageBuilderEditor } from "./index-CBy4UB6h.js";
 const _hoisted_1 = { class: "property-editor property-editor-multiline-text" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbPropertyEditorText-BFZszY0B.js → PbPropertyEditorText-B71kpUsZ.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-CEBGHWjv.js";
+import { u as usePageBuilderEditor } from "./index-CBy4UB6h.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-veiAlowu.js → PbPropertyEditorYoutube-CTziBWaJ.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-CEBGHWjv.js";
+import { s as selectYoutubeVideo } from "./index-CBy4UB6h.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-8BvUYv62.js → PbWidgetAddModal-BM6etjo4.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-CEBGHWjv.js";
+import { w as widgetPartDefinitions } from "./index-CBy4UB6h.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-CEBGHWjv.js → index-CBy4UB6h.js}

@@ -7620,9 +7620,13 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     const props = __props;
     const pageBuilder = usePageBuilder();
     const comp = computed(() => pageBuilder.getCustomWidgetComponent(props.part));
-    const bind = computed(() => ({
-      ...props.part.properties || {}
-    }));
+    const bind = computed(() => {
+      var _a;
+      return {
+        "class": ((_a = props.part.properties) == null ? void 0 : _a.widgetClassNames) || void 0,
+        ...props.part.properties || {}
+      };
+    });
     return (_ctx, _cache) => {
       return comp.value ? (openBlock(), createBlock$1(resolveDynamicComponent(comp.value), normalizeProps(mergeProps({ key: 0 }, bind.value)), null, 16)) : createCommentVNode("", true);
     };
@@ -8210,16 +8214,16 @@ class PartManager {
 const defaultPartPropertyEditors = () => {
   return {
     "readonly-text": () => defineAsyncComponent(() => import("./PbPropertyEditorReadonlyText-BJ5qx69O.js")),
-    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-BFZszY0B.js")),
+    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-B71kpUsZ.js")),
     "number": () => defineAsyncComponent(() => import("./PbPropertyEditorNumber-B76ArSb5.js")),
     "boolean": () => defineAsyncComponent(() => import("./PbPropertyEditorBoolean-c5CNiTpt.js")),
-    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-Lm27UPXU.js")),
+    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-BihLD7YL.js")),
     "select": () => defineAsyncComponent(() => import("./PbPropertyEditorSelect-B5sfulvx.js")),
-    "css-length": () => defineAsyncComponent(() => import("./PbPropertyEditorCssLength-Cku7TH0H.js")),
-    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-Bburxcfo.js")),
-    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-D-ZvZqEl.js")),
-    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-BlzCBvjh.js")),
-    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-veiAlowu.js"))
+    "css-length": () => defineAsyncComponent(() => import("./PbPropertyEditorCssLength-lQ3q_Hcj.js")),
+    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-Gyf7NmiL.js")),
+    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-XRvUWl4r.js")),
+    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-CZt1GGd3.js")),
+    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-CTziBWaJ.js"))
   };
 };
 const getPropertyValueOfParts = (parts, propertyName) => {
@@ -12068,6 +12072,11 @@ const commonGroup = () => {
         caption: "pb.prop.style",
         propertyType: "multiline-text"
       },
+      {
+        propertyName: "widgetClassNames",
+        caption: "pb.prop.widgetClassNames",
+        propertyType: "text"
+      },
       {
         propertyName: "partId",
         caption: "pb.prop.partId",
@@ -12770,7 +12779,7 @@ __publicField(_OpenAddWidgetModalCommand, "COMMAND_ID", "OpenAddWidgetModal");
 let OpenAddWidgetModalCommand = _OpenAddWidgetModalCommand;
 const openWidgetAddModal = (modal, args, callback) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./PbWidgetAddModal-8BvUYv62.js")),
+    component: defineAsyncComponent(() => import("./PbWidgetAddModal-BM6etjo4.js")),
     style: {
       width: "80%",
       height: "80%",
@@ -15179,7 +15188,7 @@ const enTexts = [
   },
   {
     key: "pb.prop.classNames",
-    text: "Class Names"
+    text: "CSS Class Names"
   },
   {
     key: "pb.prop.inlineStyle",
@@ -15189,6 +15198,10 @@ const enTexts = [
     key: "pb.prop.style",
     text: "CSS Style"
   },
+  {
+    key: "pb.prop.widgetClassNames",
+    text: "Widget Class Names"
+  },
   {
     key: "pb.prop.partId",
     text: "ID"
@@ -15509,7 +15522,7 @@ const jaTexts = [
   },
   {
     key: "pb.prop.classNames",
-    text: "クラス名"
+    text: "CSS クラス"
   },
   {
     key: "pb.prop.inlineStyle",
@@ -15519,6 +15532,10 @@ const jaTexts = [
     key: "pb.prop.style",
     text: "CSS スタイル"
   },
+  {
+    key: "pb.prop.widgetClassNames",
+    text: "ウィジェットの CSS クラス"
+  },
   {
     key: "pb.prop.partId",
     text: "ID"
@@ -15849,6 +15866,10 @@ const koTexts = [
     key: "pb.prop.style",
     text: "CSS 스타일"
   },
+  {
+    key: "pb.prop.widgetClassNames",
+    text: "위젯 CSS 클래스"
+  },
   {
     key: "pb.prop.partId",
     text: "ID"
@@ -16169,7 +16190,7 @@ const zhTexts = [
   },
   {
     key: "pb.prop.classNames",
-    text: "类名"
+    text: "CSS 类名"
   },
   {
     key: "pb.prop.inlineStyle",
@@ -16179,6 +16200,10 @@ const zhTexts = [
     key: "pb.prop.style",
     text: "CSS 样式"
   },
+  {
+    key: "pb.prop.widgetClassNames",
+    text: "小部件的 CSS 类名"
+  },
   {
     key: "pb.prop.partId",
     text: "ID"

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, v, x, y, z, A, D, E } from "./index-CEBGHWjv.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, v, x, y, z, A, D, E } from "./index-CBy4UB6h.js";
 export {
   B as BLOCK_TYPE,
   b as Block,

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

@@ -7621,9 +7621,13 @@ ${_html.style}
       const props = __props;
       const pageBuilder = usePageBuilder();
       const comp = vue.computed(() => pageBuilder.getCustomWidgetComponent(props.part));
-      const bind = vue.computed(() => ({
-        ...props.part.properties || {}
-      }));
+      const bind = vue.computed(() => {
+        var _a;
+        return {
+          "class": ((_a = props.part.properties) == null ? void 0 : _a.widgetClassNames) || void 0,
+          ...props.part.properties || {}
+        };
+      });
       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);
       };
@@ -12069,6 +12073,11 @@ ${_html.style}
           caption: "pb.prop.style",
           propertyType: "multiline-text"
         },
+        {
+          propertyName: "widgetClassNames",
+          caption: "pb.prop.widgetClassNames",
+          propertyType: "text"
+        },
         {
           propertyName: "partId",
           caption: "pb.prop.partId",
@@ -15180,7 +15189,7 @@ ${_html.style}
     },
     {
       key: "pb.prop.classNames",
-      text: "Class Names"
+      text: "CSS Class Names"
     },
     {
       key: "pb.prop.inlineStyle",
@@ -15190,6 +15199,10 @@ ${_html.style}
       key: "pb.prop.style",
       text: "CSS Style"
     },
+    {
+      key: "pb.prop.widgetClassNames",
+      text: "Widget Class Names"
+    },
     {
       key: "pb.prop.partId",
       text: "ID"
@@ -15510,7 +15523,7 @@ ${_html.style}
     },
     {
       key: "pb.prop.classNames",
-      text: "クラス名"
+      text: "CSS クラス"
     },
     {
       key: "pb.prop.inlineStyle",
@@ -15520,6 +15533,10 @@ ${_html.style}
       key: "pb.prop.style",
       text: "CSS スタイル"
     },
+    {
+      key: "pb.prop.widgetClassNames",
+      text: "ウィジェットの CSS クラス"
+    },
     {
       key: "pb.prop.partId",
       text: "ID"
@@ -15850,6 +15867,10 @@ ${_html.style}
       key: "pb.prop.style",
       text: "CSS 스타일"
     },
+    {
+      key: "pb.prop.widgetClassNames",
+      text: "위젯 CSS 클래스"
+    },
     {
       key: "pb.prop.partId",
       text: "ID"
@@ -16170,7 +16191,7 @@ ${_html.style}
     },
     {
       key: "pb.prop.classNames",
-      text: "类名"
+      text: "CSS 类名"
     },
     {
       key: "pb.prop.inlineStyle",
@@ -16180,6 +16201,10 @@ ${_html.style}
       key: "pb.prop.style",
       text: "CSS 样式"
     },
+    {
+      key: "pb.prop.widgetClassNames",
+      text: "小部件的 CSS 类名"
+    },
     {
       key: "pb.prop.partId",
       text: "ID"

package/package.json

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