@g1cloud/page-builder-editor 1.0.0-alpha.52 → 1.0.0-alpha.54

package/css/property-editor-image.scss

@@ -1,5 +1,5 @@
 .property-editor-image {
-  button {
+  button.select-button {
     color: #fff;
     border: none;
     padding: 4px 12px;

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

@@ -1,5 +1,5 @@
 .group-editor-media {
-  button {
+  button.select-button {
     color: #fff;
     border: none;
     padding: 4px 12px;

package/dist/{PbPropertyEditorColor-Db3UUuLc.js → PbPropertyEditorColor-kyvEt6xI.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-DkU6TZPE.js";
+import { P as PbColorPicker } from "./index-BrJ6BLmW.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-CoxUtACW.js → PbPropertyEditorHtml-BuKh8j3Z.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-DkU6TZPE.js";
+import { u as usePageBuilderEditor } from "./index-BrJ6BLmW.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-CMomDUUw.js

@@ -0,0 +1,106 @@
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createTextVNode, toDisplayString, createVNode, createCommentVNode, Fragment } from "vue";
+import { u as usePageBuilderEditor, C as ChangePropertyCommand } from "./index-BrJ6BLmW.js";
+import { useModal, vT, BSButton, BSMultiLangTextInput, showNotification } from "@g1cloud/bluesea";
+const _hoisted_1 = { class: "property-editor property-editor-image" };
+const _hoisted_2 = { class: "title" };
+const _hoisted_3 = {
+  key: 0,
+  class: "title mt-12"
+};
+const _hoisted_4 = { class: "mt-8" };
+const _hoisted_5 = { class: "title mt-12" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PbPropertyEditorImage",
+  props: {
+    property: {},
+    value: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const pageBuilder = usePageBuilderEditor();
+    const part = pageBuilder.context.getSelectedParts();
+    const modal = useModal();
+    const selectMedia = () => {
+      const imageProvider = pageBuilder.getProvider("imageProvider");
+      if (imageProvider) {
+        imageProvider({ modal, mediaTypes: ["Image"] }, (media2) => {
+          updateProperty({ [props.property.propertyName]: media2 });
+        });
+      }
+    };
+    const updateProperty = (properties) => {
+      pageBuilder.commandRegistry.executeCommand(ChangePropertyCommand.COMMAND_ID, { properties, targetParts: part });
+    };
+    const updateAltText = (value) => {
+      updateProperty({ [props.property.propertyName]: { ...media.value, altText: value } });
+    };
+    const locales = computed(() => pageBuilder.getLocales());
+    const media = computed(() => {
+      var _a, _b;
+      return (_b = (_a = part == null ? void 0 : part[0]) == null ? void 0 : _a.properties) == null ? void 0 : _b[props.property.propertyName];
+    });
+    const altText = computed(() => {
+      var _a;
+      return (_a = media.value) == null ? void 0 : _a.altText;
+    });
+    const copyUrl = () => {
+      if (!media.value || !media.value.url) return;
+      navigator.clipboard.writeText(media.value.url);
+      showNotification({ key: "pb.prop.copied" });
+    };
+    return (_ctx, _cache) => {
+      var _a, _b, _c;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          withDirectives(createElementVNode("label", null, null, 512), [
+            [unref(vT), { key: _ctx.property.caption || "pb.prop.image" }]
+          ])
+        ]),
+        createElementVNode("div", null, [
+          withDirectives(createElementVNode("button", {
+            class: "select-button",
+            onClick: selectMedia
+          }, null, 512), [
+            [unref(vT), { key: "pb.prop.selectMedia" }]
+          ])
+        ]),
+        ((_a = media.value) == null ? void 0 : _a.url) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          _cache[0] || (_cache[0] = createElementVNode("label", null, "URL", -1)),
+          createElementVNode("div", _hoisted_4, [
+            createTextVNode(toDisplayString((_b = media.value) == null ? void 0 : _b.url) + " ", 1),
+            withDirectives(createVNode(unref(BSButton), {
+              class: "border-0 mb-2 pl-0",
+              "left-icon": "content_copy",
+              onClick: copyUrl
+            }, null, 512), [
+              [
+                unref(vT),
+                { key: "pb.menu.copy" },
+                void 0,
+                { title: true }
+              ]
+            ])
+          ])
+        ])) : createCommentVNode("", true),
+        ((_c = media.value) == null ? void 0 : _c.mediaType) === "Image" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createElementVNode("div", _hoisted_5, [
+            withDirectives(createElementVNode("label", null, null, 512), [
+              [unref(vT), { key: "pb.prop.altText" }]
+            ])
+          ]),
+          createElementVNode("div", null, [
+            createVNode(unref(BSMultiLangTextInput), {
+              locales: locales.value,
+              "model-value": altText.value,
+              width: "100%",
+              "onUpdate:modelValue": updateAltText
+            }, null, 8, ["locales", "model-value"])
+          ])
+        ], 64)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

package/dist/{PbPropertyEditorText-DmTjpx6J.js → PbPropertyEditorText-BPFRUHyB.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-DkU6TZPE.js";
+import { u as usePageBuilderEditor } from "./index-BrJ6BLmW.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-DPX-k3c5.js → PbPropertyEditorYoutube-D88m-cfy.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-DkU6TZPE.js";
+import { s as selectYoutubeVideo } from "./index-BrJ6BLmW.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-CoT-pyXr.js → PbWidgetAddModal-3npSogG0.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-DkU6TZPE.js";
+import { w as widgetPartDefinitions } from "./index-BrJ6BLmW.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/components/sidebar/property/PbPropertyEditorImage.vue.d.ts

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