@g1cloud/page-builder-editor 1.0.0-alpha.10 → 1.0.0-alpha.100

package/dist/PbHtmlEditorModal-C0MLYY66.js

@@ -0,0 +1,193 @@
+import { defineComponent, ref, computed, onMounted, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createSlots, renderList, withDirectives, normalizeStyle } from "vue";
+import { useModalHandle, waitDuring, BSModalFrame, BSTabSheet, vT, BSSelect, BSCodeEditor } from "@g1cloud/bluesea";
+const _hoisted_1 = { class: "bs-layout-vertical flex-grow-1 h-full" };
+const _hoisted_2 = { class: "bs-layout-horizontal h-full pt-8" };
+const _hoisted_3 = { class: "preview" };
+const _hoisted_4 = { class: "bs-layout-vertical w-full h-full" };
+const _hoisted_5 = { class: "bs-layout-horizontal pb-4 align-items-center justify-content-between" };
+const _hoisted_6 = { class: "title pb-4" };
+const _hoisted_7 = { class: "content flex-grow-1 overflow-y-hidden" };
+const _hoisted_8 = ["srcdoc"];
+const _hoisted_9 = { class: "editor bs-layout-vertical pl-8 h-full" };
+const _hoisted_10 = { class: "bs-layout-horizontal justify-content-center" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PbHtmlEditorModal",
+  props: {
+    html: {},
+    locales: {},
+    localeTabs: {},
+    pageBuilder: {}
+  },
+  emits: ["updateHtml"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const localeTabId = ref(props.localeTabs && props.localeTabs[0].tabId);
+    const modalHandle = useModalHandle();
+    const html = ref(props.html || {});
+    const previewWidth = ref(480);
+    const previewStyle = computed(() => ({
+      width: `${previewWidth.value}px`,
+      height: "100%",
+      overflow: "auto",
+      transformOrigin: `top left`
+    }));
+    const preview = computed(() => {
+      var _a;
+      let data = {};
+      const externalCss = props.pageBuilder.getExternalCss();
+      (_a = props.locales) == null ? void 0 : _a.forEach((locale) => {
+        const _html = html.value[locale] || { tags: "", style: "" };
+        data[locale] = _html.tags ? `${externalCss}
+<style>${_html.style}</style>
+${_html.tags}` : "";
+      });
+      return data;
+    });
+    const editorTabs = [
+      { tabId: "tags", caption: { key: "pb.modal.htmlEditor.tags" } },
+      { tabId: "style", caption: { key: "pb.modal.htmlEditor.style" } }
+    ];
+    const editorTabId = ref("tags");
+    const updateTags = (locale, value) => {
+      if (!html.value) html.value = {};
+      if (!html.value[locale]) html.value[locale] = {};
+      html.value[locale].tags = value;
+    };
+    const updateStyle = (locale, value) => {
+      if (!html.value) html.value = {};
+      if (!html.value[locale]) html.value[locale] = {};
+      html.value[locale].style = value;
+    };
+    const ok = () => {
+      emit("updateHtml", html.value);
+      modalHandle.close();
+    };
+    const editorHeight = ref("");
+    const updateEditorHeight = async () => {
+      await waitDuring(50);
+      if (editorHeight.value) {
+        const editor = document.querySelector(".bs-code-editor");
+        if (editor) {
+          editor.style.height = editorHeight.value;
+        }
+      }
+    };
+    let resizeObserver;
+    onMounted(async () => {
+      await waitDuring(50);
+      const editorParent = document.querySelector(".editor > .bs-tab-sheet > .bs-layout-vertical");
+      resizeObserver = new ResizeObserver(() => {
+        if (editorParent && editorParent.clientHeight) {
+          editorHeight.value = `${editorParent.clientHeight}px`;
+          updateEditorHeight();
+        }
+      });
+      if (editorParent) {
+        resizeObserver.observe(editorParent);
+      }
+    });
+    onBeforeUnmount(() => {
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(BSModalFrame), {
+        title: { key: "pb.modal.htmlEditor.title" },
+        class: "pb-html-editor-modal"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(unref(BSTabSheet), {
+              "tab-id": localeTabId.value,
+              "onUpdate:tabId": [
+                _cache[2] || (_cache[2] = ($event) => localeTabId.value = $event),
+                updateEditorHeight
+              ],
+              tabs: _ctx.localeTabs,
+              class: "flex-grow-1"
+            }, createSlots({ _: 2 }, [
+              renderList(_ctx.locales, (locale) => {
+                return {
+                  name: `tab-${locale}`,
+                  fn: withCtx(() => [
+                    createElementVNode("div", _hoisted_2, [
+                      createElementVNode("div", _hoisted_3, [
+                        createElementVNode("div", _hoisted_4, [
+                          createElementVNode("div", _hoisted_5, [
+                            withDirectives(createElementVNode("div", _hoisted_6, null, 512), [
+                              [unref(vT), { key: "pb.modal.htmlEditor.preview" }]
+                            ]),
+                            createVNode(unref(BSSelect), {
+                              modelValue: previewWidth.value,
+                              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => previewWidth.value = $event),
+                              items: [480, 768, 1024, 1280],
+                              "label-provider": (v) => `Screen Size: ${v}px`,
+                              "view-model": false
+                            }, null, 8, ["modelValue", "label-provider"])
+                          ]),
+                          createElementVNode("div", _hoisted_7, [
+                            createElementVNode("iframe", {
+                              srcdoc: preview.value[locale],
+                              style: normalizeStyle(previewStyle.value)
+                            }, null, 12, _hoisted_8)
+                          ])
+                        ])
+                      ]),
+                      createElementVNode("div", _hoisted_9, [
+                        createVNode(unref(BSTabSheet), {
+                          "tab-id": editorTabId.value,
+                          "onUpdate:tabId": [
+                            _cache[1] || (_cache[1] = ($event) => editorTabId.value = $event),
+                            updateEditorHeight
+                          ],
+                          tabs: editorTabs,
+                          class: "compact flex-grow-1"
+                        }, {
+                          tags: withCtx(() => [
+                            createVNode(unref(BSCodeEditor), {
+                              "model-value": (html.value[locale] || {}).tags,
+                              class: "border-top-0",
+                              "editor-height": "100%",
+                              lang: "html",
+                              "onUpdate:modelValue": (value) => updateTags(locale, value)
+                            }, null, 8, ["model-value", "onUpdate:modelValue"])
+                          ]),
+                          style: withCtx(() => [
+                            createVNode(unref(BSCodeEditor), {
+                              "model-value": (html.value[locale] || {}).style,
+                              class: "border-top-0",
+                              "editor-height": "100%",
+                              lang: "css",
+                              "onUpdate:modelValue": (value) => updateStyle(locale, value)
+                            }, null, 8, ["model-value", "onUpdate:modelValue"])
+                          ]),
+                          _: 2
+                        }, 1032, ["tab-id"])
+                      ])
+                    ])
+                  ])
+                };
+              })
+            ]), 1032, ["tab-id", "tabs"])
+          ])
+        ]),
+        buttons: withCtx(() => [
+          createElementVNode("div", _hoisted_10, [
+            withDirectives(createElementVNode("button", {
+              class: "mr-4",
+              onClick: ok
+            }, null, 512), [
+              [unref(vT), { key: "pb.button.ok" }]
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/PbPropertyEditorBoolean-c5CNiTpt.js

@@ -0,0 +1,38 @@
+import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, createVNode, unref } from "vue";
+import { BSCheckbox } from "@g1cloud/bluesea";
+const _hoisted_1 = { class: "property-editor property-editor-boolean flex-align-center my-12" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PbPropertyEditorBoolean",
+  props: {
+    property: {},
+    value: {}
+  },
+  emits: ["update-property-value"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const booleanValue = ref((props == null ? void 0 : props.value) === "true");
+    const emit = __emit;
+    const emitUpdatePropertyValue = (value) => {
+      const properties = {};
+      properties[props.property.propertyName] = value ? "true" : "false";
+      emit("update-property-value", properties);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", null, [
+          createVNode(unref(BSCheckbox), {
+            modelValue: booleanValue.value,
+            "onUpdate:modelValue": [
+              _cache[0] || (_cache[0] = ($event) => booleanValue.value = $event),
+              emitUpdatePropertyValue
+            ],
+            label: { key: _ctx.property.caption }
+          }, null, 8, ["modelValue", "label"])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/{PbPropertyEditorColor-B9I99uQK.js → PbPropertyEditorColor-CwgsFX20.js}

@@ -1,10 +1,9 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref } from "vue";
-import { BSTextInput } from "@g1cloud/bluesea";
-import { P as PbColorPicker } from "./index-jUNIezk-.js";
+import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createVNode } from "vue";
+import { vT, BSTextInput } from "@g1cloud/bluesea";
+import { P as PbColorPicker } from "./index-gTlPRaWE.js";
 const _hoisted_1 = { class: "property-editor property-editor-color" };
 const _hoisted_2 = { class: "title" };
-const _hoisted_3 = ["textContent"];
-const _hoisted_4 = { class: "bs-layout-horizontal flex-align-center color" };
+const _hoisted_3 = { class: "bs-layout-horizontal flex-align-center color" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyEditorColor",
   props: {
@@ -27,11 +26,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("label", {
-            textContent: toDisplayString(_ctx.property.caption)
-          }, null, 8, _hoisted_3)
+          withDirectives(createElementVNode("label", null, null, 512), [
+            [unref(vT), { key: _ctx.property.caption }]
+          ])
         ]),
-        createElementVNode("div", _hoisted_4, [
+        createElementVNode("div", _hoisted_3, [
           createVNode(PbColorPicker, {
             value: _ctx.value,
             "hide-delete": "",

package/dist/{PbPropertyEditorText-BWOKvwD9.js → PbPropertyEditorCssLength-BimevQPh.js}

@@ -1,10 +1,10 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref } from "vue";
-import { BSTextInput } from "@g1cloud/bluesea";
-const _hoisted_1 = { class: "property-editor property-editor-text flex-align-center" };
+import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createVNode } from "vue";
+import { vT, BSTextInput } from "@g1cloud/bluesea";
+import { t as toCssLength } from "./index-gTlPRaWE.js";
+const _hoisted_1 = { class: "property-editor property-editor-number flex-align-center" };
 const _hoisted_2 = { class: "title" };
-const _hoisted_3 = ["textContent"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "PbPropertyEditorText",
+  __name: "PbPropertyEditorCssLength",
   props: {
     property: {},
     value: {}
@@ -14,16 +14,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const emitUpdatePropertyValue = (value) => {
+      const cssLength = toCssLength(value || "");
       const properties = {};
-      properties[props.property.propertyName] = value;
+      properties[props.property.propertyName] = `${cssLength}`;
       emit("update-property-value", properties);
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("label", {
-            textContent: toDisplayString(_ctx.property.caption)
-          }, null, 8, _hoisted_3)
+          withDirectives(createElementVNode("label", null, null, 512), [
+            [unref(vT), { key: _ctx.property.caption }]
+          ])
         ]),
         createElementVNode("div", null, [
           createVNode(unref(BSTextInput), {

package/dist/PbPropertyEditorHtml-Dq5TqAEK.js

@@ -0,0 +1,62 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createTextVNode, defineAsyncComponent } from "vue";
+import { useModal, vT } from "@g1cloud/bluesea";
+import { u as usePageBuilderEditor } from "./index-gTlPRaWE.js";
+const _hoisted_1 = { class: "property-editor property-editor-html flex-align-center" };
+const _hoisted_2 = { class: "title" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PbPropertyEditorHtml",
+  props: {
+    property: {},
+    value: {}
+  },
+  emits: ["update-property-value"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const modal = useModal();
+    const pageBuilder = usePageBuilderEditor();
+    const emit = __emit;
+    const editHtml = () => {
+      const locales = pageBuilder.getLocales();
+      const localeTabs = locales.map((v) => ({ tabId: `tab-${v}`, caption: v }));
+      modal.openModal({
+        component: defineAsyncComponent(() => import("./PbHtmlEditorModal-C0MLYY66.js")),
+        style: {
+          width: "80%",
+          height: "80%",
+          minWidth: "500px",
+          minHeight: "400px"
+        },
+        bind: {
+          html: JSON.parse(JSON.stringify(props.value || {})),
+          locales,
+          localeTabs,
+          pageBuilder
+        },
+        on: {
+          updateHtml: (html) => {
+            emit("update-property-value", { html });
+          }
+        }
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          withDirectives(createElementVNode("label", null, null, 512), [
+            [unref(vT), { key: _ctx.property.caption }]
+          ])
+        ]),
+        createElementVNode("div", null, [
+          withDirectives((openBlock(), createElementBlock("button", { onClick: editHtml }, _cache[0] || (_cache[0] = [
+            createTextVNode("Edit HTML")
+          ]))), [
+            [unref(vT), { key: "pb.prop.editHtml" }]
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/PbPropertyEditorImage-Bn9LMbEK.js

@@ -0,0 +1,122 @@
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createTextVNode, toDisplayString, createVNode, createCommentVNode, Fragment } from "vue";
+import { u as usePageBuilderEditor, C as ChangePropertyCommand } from "./index-gTlPRaWE.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 = () => {
+      var _a;
+      const imageProvider = pageBuilder.getProvider("imageProvider");
+      if (imageProvider) {
+        imageProvider({ modal, mediaTypes: ["Image"], selectedMediaUrls: ((_a = media.value) == null ? void 0 : _a.fileUrl) ? [media.value.fileUrl] : [] }, (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 clearMedia = () => {
+      updateProperty({ [props.property.propertyName]: void 0 });
+    };
+    const copyUrl = () => {
+      if (!media.value || !media.value.fileUrl) return;
+      navigator.clipboard.writeText(media.value.fileUrl);
+      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.fileUrl) ? (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.fileUrl) + " ", 1),
+            withDirectives(createVNode(unref(BSButton), {
+              class: "border-0 mb-2 px-1",
+              "left-icon": "content_copy",
+              onClick: copyUrl
+            }, null, 512), [
+              [
+                unref(vT),
+                { key: "pb.menu.copy" },
+                void 0,
+                { title: true }
+              ]
+            ]),
+            withDirectives(createVNode(unref(BSButton), {
+              class: "border-0 mb-2 px-1",
+              "left-icon": "close",
+              onClick: clearMedia
+            }, null, 512), [
+              [
+                unref(vT),
+                { key: "pb.menu.delete" },
+                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-Bv4luXWg.js → PbPropertyEditorMultilineText-gDifsouH.js}

@@ -1,9 +1,8 @@
-import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref } from "vue";
-import { BSTextArea } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor } from "./index-jUNIezk-.js";
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createBlock } from "vue";
+import { vT, BSMultiLangTextArea, BSTextArea } from "@g1cloud/bluesea";
+import { u as usePageBuilderEditor } from "./index-gTlPRaWE.js";
 const _hoisted_1 = { class: "property-editor property-editor-multiline-text" };
 const _hoisted_2 = { class: "title" };
-const _hoisted_3 = ["textContent"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyEditorMultilineText",
   props: {
@@ -14,47 +13,49 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const emitUpdatePropertyValue = (value) => {
-      const properties = {};
-      if (props.value && typeof props.value === "object") {
-        properties[props.property.propertyName] = {
-          ...props.value,
-          [language.value]: value
-        };
-      } else {
-        properties[props.property.propertyName] = {
-          [language.value]: value
-        };
-      }
-      emit("update-property-value", properties);
-    };
     const pageBuilder = usePageBuilderEditor();
-    const language = computed(() => pageBuilder.language.value);
+    const locales = computed(() => pageBuilder.getLocales());
     const text = computed({
       get() {
-        return props.value && typeof props.value === "object" ? props.value[language.value] : "";
+        return props.value;
       },
-      set() {
+      // @ts-ignore
+      set(value) {
       }
     });
+    const emitUpdatePropertyValue = (value) => {
+      const properties = {};
+      properties[props.property.propertyName] = value;
+      emit("update-property-value", properties);
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("label", {
-            textContent: toDisplayString(_ctx.property.caption)
-          }, null, 8, _hoisted_3)
+          withDirectives(createElementVNode("label", null, null, 512), [
+            [unref(vT), { key: _ctx.property.caption }]
+          ])
         ]),
         createElementVNode("div", null, [
-          createVNode(unref(BSTextArea), {
+          _ctx.property.multiLang ? (openBlock(), createBlock(unref(BSMultiLangTextArea), {
+            key: 0,
             modelValue: text.value,
             "onUpdate:modelValue": [
               _cache[0] || (_cache[0] = ($event) => text.value = $event),
               emitUpdatePropertyValue
             ],
-            prefix: language.value,
+            locales: locales.value,
+            height: "60px",
+            width: "100%"
+          }, null, 8, ["modelValue", "locales"])) : (openBlock(), createBlock(unref(BSTextArea), {
+            key: 1,
+            modelValue: text.value,
+            "onUpdate:modelValue": [
+              _cache[1] || (_cache[1] = ($event) => text.value = $event),
+              emitUpdatePropertyValue
+            ],
             height: "60px",
             width: "100%"
-          }, null, 8, ["modelValue", "prefix"])
+          }, null, 8, ["modelValue"]))
         ])
       ]);
     };

package/dist/PbPropertyEditorNumber-B76ArSb5.js

@@ -0,0 +1,47 @@
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createVNode } from "vue";
+import { vT, BSNumberInput } from "@g1cloud/bluesea";
+const _hoisted_1 = { class: "property-editor property-editor-number flex-align-center" };
+const _hoisted_2 = { class: "title" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PbPropertyEditorNumber",
+  props: {
+    property: {},
+    value: {}
+  },
+  emits: ["update-property-value"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const modelValue = computed(() => {
+      if (props.value && !isNaN(Number(props.value))) {
+        return Number(props.value);
+      } else {
+        return void 0;
+      }
+    });
+    const emitUpdatePropertyValue = (value) => {
+      const properties = {};
+      properties[props.property.propertyName] = `${value}`;
+      emit("update-property-value", properties);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          withDirectives(createElementVNode("label", null, null, 512), [
+            [unref(vT), { key: _ctx.property.caption }]
+          ])
+        ]),
+        createElementVNode("div", null, [
+          createVNode(unref(BSNumberInput), {
+            "model-value": modelValue.value,
+            width: "100%",
+            "onUpdate:modelValue": emitUpdatePropertyValue
+          }, null, 8, ["model-value"])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/{PbPropertyEditorReadonlyText-Dgp_AVOD.js → PbPropertyEditorReadonlyText-BJ5qx69O.js}

@@ -1,8 +1,8 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
+import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref, toDisplayString } from "vue";
+import { vT } from "@g1cloud/bluesea";
 const _hoisted_1 = { class: "property-editor property-editor-readonly-text" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];
-const _hoisted_4 = ["textContent"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyEditorReadonlyText",
   props: {
@@ -13,14 +13,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("label", {
-            textContent: toDisplayString(_ctx.property.caption)
-          }, null, 8, _hoisted_3)
+          withDirectives(createElementVNode("label", null, null, 512), [
+            [unref(vT), { key: _ctx.property.caption }]
+          ])
         ]),
         createElementVNode("div", null, [
           createElementVNode("div", {
             textContent: toDisplayString(_ctx.value)
-          }, null, 8, _hoisted_4)
+          }, null, 8, _hoisted_3)
         ])
       ]);
     };