@g1cloud/bluesea 5.0.0-alpha.87 → 5.0.0-alpha.89

package/css/user-text.scss

@@ -9,6 +9,11 @@
     margin-bottom: 4px;
   }
 
+  p:empty:before {
+    content: ' ';
+    white-space: pre;
+  }
+
   pre {
     background-color: #eee;
     padding: 8px;

package/dist/{BSAlertModal-X21XOZQH.js → BSAlertModal-CSAY6m-x.js}

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createBlock, withCtx, createElementVNode, withDirectives, createVNode, unref } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, v as vFocusOnLoad, i as vT } from "./index-BpZ4E6SC.js";
+import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, v as vFocusOnLoad, i as vT } from "./index-CZ9WU3n0.js";
 const _hoisted_1 = { class: "text-right" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BSAlertModal",

package/dist/{BSGridColumnSettingModal-B5xY515c.js → BSGridColumnSettingModal-DVdSXdMx.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, onMounted, openBlock, createBlock, withCtx, createVNode, mergeProps, unref, toHandlers, createElementVNode, nextTick } from "vue";
-import { d as createInputGridHandler, u as useModalHandle, _ as _sfc_main$1, f as _sfc_main$2, g as _sfc_main$3, h as _sfc_main$4, B as BSButton, n as notNull } from "./index-BpZ4E6SC.js";
+import { d as createInputGridHandler, u as useModalHandle, _ as _sfc_main$1, f as _sfc_main$2, g as _sfc_main$3, h as _sfc_main$4, B as BSButton, n as notNull } from "./index-CZ9WU3n0.js";
 const _hoisted_1 = { class: "text-center" };
 const _hoisted_2 = { class: "text-center" };
 const _hoisted_3 = { class: "bs-layout-horizontal" };

package/dist/{BSYesNoModal-amPihhRt.js → BSYesNoModal-_AeoEVxn.js}

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, withDirectives, unref } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, i as vT } from "./index-BpZ4E6SC.js";
+import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, i as vT } from "./index-CZ9WU3n0.js";
 const _hoisted_1 = { class: "text-right" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BSYesNoModal",

package/dist/{BSYoutubeInputModal-DqwD_TDh.js → BSYoutubeInputModal-DyHwlciu.js}

@@ -1,5 +1,5 @@
 import { defineComponent, useModel, ref, openBlock, createBlock, withCtx, createElementVNode, createVNode, unref, createCommentVNode } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, B as BSButton, e as extractYoutubeVideoId } from "./index-BpZ4E6SC.js";
+import { u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, B as BSButton, e as extractYoutubeVideoId } from "./index-CZ9WU3n0.js";
 import YouTube from "vue3-youtube";
 const _hoisted_1 = { class: "bs-layout-vertical gap-16" };
 const _hoisted_2 = { class: "bs-layout-horizontal align-items-center" };

package/dist/{ImageInsertModal-O7_gSVjM.js → ImageInsertModal-Cy0hU-R3.js}

@@ -1,11 +1,9 @@
-import { defineComponent, ref, openBlock, createBlock, withCtx, createVNode, withDirectives, createElementVNode, vShow } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, a as _sfc_main$2, b as _sfc_main$3, c as _sfc_main$4, B as BSButton } from "./index-BpZ4E6SC.js";
+import { defineComponent, computed, ref, openBlock, createBlock, withCtx, createVNode, withDirectives, createElementVNode, vShow } from "vue";
+import { u as useModalHandle, _ as _sfc_main$1, a as _sfc_main$2, b as _sfc_main$3, c as _sfc_main$4, B as BSButton } from "./index-CZ9WU3n0.js";
+import { _ as _sfc_main$5 } from "./ImageProperties.vue_vue_type_script_setup_true_lang-DddzKMfG.js";
 const _hoisted_1 = { class: "bs-layout-form title-w-8" };
 const _hoisted_2 = { class: "title" };
-const _hoisted_3 = { class: "title" };
-const _hoisted_4 = { class: "title" };
-const _hoisted_5 = { class: "title" };
-const _hoisted_6 = { class: "bs-layout-horizontal justify-content-end gap-8" };
+const _hoisted_3 = { class: "bs-layout-horizontal justify-content-end gap-8" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ImageInsertModal",
   props: {
@@ -13,6 +11,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["insertImage"],
   setup(__props, { emit: __emit }) {
+    const props = __props;
+    const disabled = computed(() => !props.editor.isEditable);
     const emit = __emit;
     const tabs = [
       // {tabId: 'upload', caption: {key: 'Upload'}},
@@ -20,31 +20,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     ];
     const currentTab = ref("upload");
     const image = ref();
-    const data = ref({ url: "" });
+    const data = ref({ src: "" });
     const modalHandle = useModalHandle();
     const insert = () => {
       if (currentTab.value === "upload" && (image.value && image.value.fileUrl)) {
         emit("insertImage", {
-          url: image.value.fileUrl,
+          src: image.value.fileUrl,
           alt: image.value.altText
         });
         modalHandle.close();
-      } else if (currentTab.value === "input" && data.value.url) {
+      } else if (currentTab.value === "input" && data.value.src) {
         emit("insertImage", data.value);
         modalHandle.close();
       }
     };
     const close = () => modalHandle.close();
     modalHandle.setDefaultStyle({
-      width: "460px",
-      height: "420px"
+      width: "540px"
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, { title: { key: "bs.richtext.insertImage" } }, {
         default: withCtx(() => [
           createVNode(_sfc_main$2, {
             "tab-id": currentTab.value,
-            "onUpdate:tabId": _cache[4] || (_cache[4] = ($event) => currentTab.value = $event),
+            "onUpdate:tabId": _cache[1] || (_cache[1] = ($event) => currentTab.value = $event),
             tabs,
             class: "compact",
             "keep-tabs": ""
@@ -60,54 +59,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   createElementVNode("div", null, [
                     createVNode(_sfc_main$4, {
-                      modelValue: data.value.url,
-                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.url = $event),
+                      modelValue: data.value.src,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.src = $event),
+                      disabled: disabled.value,
                       class: "flex-grow-1",
                       name: "url",
+                      required: "",
                       width: "100%"
-                    }, null, 8, ["modelValue"])
+                    }, null, 8, ["modelValue", "disabled"])
                   ])
                 ]),
-                createElementVNode("div", null, [
-                  createElementVNode("div", _hoisted_3, [
-                    createVNode(_sfc_main$3, { label: { key: "bs.fileupload.alt" } })
-                  ]),
-                  createElementVNode("div", null, [
-                    createVNode(_sfc_main$4, {
-                      modelValue: data.value.alt,
-                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => data.value.alt = $event),
-                      class: "flex-grow-1",
-                      name: "altText",
-                      width: "100%"
-                    }, null, 8, ["modelValue"])
-                  ])
-                ]),
-                createElementVNode("div", null, [
-                  createElementVNode("div", _hoisted_4, [
-                    createVNode(_sfc_main$3, { label: { key: "bs.width" } })
-                  ]),
-                  createElementVNode("div", null, [
-                    createVNode(_sfc_main$4, {
-                      modelValue: data.value.width,
-                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => data.value.width = $event),
-                      name: "width",
-                      width: "100px"
-                    }, null, 8, ["modelValue"])
-                  ])
-                ]),
-                createElementVNode("div", null, [
-                  createElementVNode("div", _hoisted_5, [
-                    createVNode(_sfc_main$3, { label: { key: "bs.height" } })
-                  ]),
-                  createElementVNode("div", null, [
-                    createVNode(_sfc_main$4, {
-                      modelValue: data.value.height,
-                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => data.value.height = $event),
-                      name: "height",
-                      width: "100px"
-                    }, null, 8, ["modelValue"])
-                  ])
-                ])
+                createVNode(_sfc_main$5, {
+                  disabled: disabled.value,
+                  "image-info": data.value
+                }, null, 8, ["disabled", "image-info"])
               ], 512), [
                 [vShow, active]
               ])
@@ -116,7 +81,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["tab-id"])
         ]),
         buttons: withCtx(() => [
-          createElementVNode("div", _hoisted_6, [
+          createElementVNode("div", _hoisted_3, [
             createVNode(BSButton, {
               caption: { key: "btn.ok" },
               "button-color": "blue",

package/dist/ImageProperties.vue_vue_type_script_setup_true_lang-DddzKMfG.js

@@ -0,0 +1,180 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, withDirectives, unref, createTextVNode } from "vue";
+import { b as _sfc_main$1, c as _sfc_main$2, i as vT } from "./index-CZ9WU3n0.js";
+const _hoisted_1 = { class: "title" };
+const _hoisted_2 = { class: "title" };
+const _hoisted_3 = { class: "title" };
+const _hoisted_4 = { class: "title" };
+const _hoisted_5 = { class: "bs-layout-horizontal gap-2" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ImageProperties",
+  props: {
+    imageInfo: {},
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", null, [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(_sfc_main$1, { label: { key: "bs.fileupload.alt" } })
+          ]),
+          createElementVNode("div", null, [
+            createVNode(_sfc_main$2, {
+              modelValue: _ctx.imageInfo.alt,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.imageInfo.alt = $event),
+              disabled: _ctx.disabled,
+              name: "alt",
+              width: "100%"
+            }, null, 8, ["modelValue", "disabled"])
+          ])
+        ]),
+        createElementVNode("div", null, [
+          createElementVNode("div", _hoisted_2, [
+            createVNode(_sfc_main$1, { label: { key: "bs.size" } })
+          ]),
+          createElementVNode("div", null, [
+            withDirectives(createVNode(_sfc_main$2, {
+              modelValue: _ctx.imageInfo.width,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.imageInfo.width = $event),
+              disabled: _ctx.disabled,
+              name: "width",
+              prefix: "W",
+              width: "100px"
+            }, null, 8, ["modelValue", "disabled"]), [
+              [
+                unref(vT),
+                { key: "bs.width" },
+                void 0,
+                { title: true }
+              ]
+            ]),
+            _cache[9] || (_cache[9] = createTextVNode(" x ")),
+            withDirectives(createVNode(_sfc_main$2, {
+              modelValue: _ctx.imageInfo.height,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.imageInfo.height = $event),
+              disabled: _ctx.disabled,
+              name: "height",
+              prefix: "H",
+              width: "100px"
+            }, null, 8, ["modelValue", "disabled"]), [
+              [
+                unref(vT),
+                { key: "bs.height" },
+                void 0,
+                { title: true }
+              ]
+            ])
+          ])
+        ]),
+        createElementVNode("div", null, [
+          createElementVNode("div", _hoisted_3, [
+            createVNode(_sfc_main$1, { label: { key: "bs.maxSize" } })
+          ]),
+          createElementVNode("div", null, [
+            withDirectives(createVNode(_sfc_main$2, {
+              modelValue: _ctx.imageInfo.maxWidth,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.imageInfo.maxWidth = $event),
+              disabled: _ctx.disabled,
+              name: "maxWidth",
+              prefix: "W",
+              width: "100px"
+            }, null, 8, ["modelValue", "disabled"]), [
+              [
+                unref(vT),
+                { key: "bs.maxWidth" },
+                void 0,
+                { title: true }
+              ]
+            ]),
+            _cache[10] || (_cache[10] = createTextVNode(" x ")),
+            withDirectives(createVNode(_sfc_main$2, {
+              modelValue: _ctx.imageInfo.maxHeight,
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.imageInfo.maxHeight = $event),
+              disabled: _ctx.disabled,
+              name: "maxHeight",
+              prefix: "H",
+              width: "100px"
+            }, null, 8, ["modelValue", "disabled"]), [
+              [
+                unref(vT),
+                { key: "bs.maxHeight" },
+                void 0,
+                { title: true }
+              ]
+            ])
+          ])
+        ]),
+        createElementVNode("div", null, [
+          createElementVNode("div", _hoisted_4, [
+            createVNode(_sfc_main$1, { label: { key: "bs.margin" } })
+          ]),
+          createElementVNode("div", _hoisted_5, [
+            withDirectives(createVNode(_sfc_main$2, {
+              modelValue: _ctx.imageInfo.marginLeft,
+              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.imageInfo.marginLeft = $event),
+              disabled: _ctx.disabled,
+              prefix: { type: "font-icon", value: "keyboard_arrow_left" },
+              name: "marginLeft",
+              width: "80px"
+            }, null, 8, ["modelValue", "disabled"]), [
+              [
+                unref(vT),
+                { key: "bs.left" },
+                void 0,
+                { title: true }
+              ]
+            ]),
+            withDirectives(createVNode(_sfc_main$2, {
+              modelValue: _ctx.imageInfo.marginTop,
+              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.imageInfo.marginTop = $event),
+              disabled: _ctx.disabled,
+              prefix: { type: "font-icon", value: "keyboard_arrow_up" },
+              name: "marginTop",
+              width: "80px"
+            }, null, 8, ["modelValue", "disabled"]), [
+              [
+                unref(vT),
+                { key: "bs.top" },
+                void 0,
+                { title: true }
+              ]
+            ]),
+            withDirectives(createVNode(_sfc_main$2, {
+              modelValue: _ctx.imageInfo.marginBottom,
+              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => _ctx.imageInfo.marginBottom = $event),
+              disabled: _ctx.disabled,
+              prefix: { type: "font-icon", value: "keyboard_arrow_down" },
+              name: "marginBottom",
+              width: "80px"
+            }, null, 8, ["modelValue", "disabled"]), [
+              [
+                unref(vT),
+                { key: "bs.bottom" },
+                void 0,
+                { title: true }
+              ]
+            ]),
+            withDirectives(createVNode(_sfc_main$2, {
+              modelValue: _ctx.imageInfo.marginRight,
+              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => _ctx.imageInfo.marginRight = $event),
+              disabled: _ctx.disabled,
+              prefix: { type: "font-icon", value: "keyboard_arrow_right" },
+              name: "marginRight",
+              width: "80px"
+            }, null, 8, ["modelValue", "disabled"]), [
+              [
+                unref(vT),
+                { key: "bs.right" },
+                void 0,
+                { title: true }
+              ]
+            ])
+          ])
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/ImagePropertiesModal-BMxxJcB7.js

@@ -0,0 +1,98 @@
+import { defineComponent, computed, ref, onMounted, useTemplateRef, openBlock, createBlock, withCtx, createElementBlock, createElementVNode, createVNode, createCommentVNode } from "vue";
+import { j as findImageNode, u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, B as BSButton, k as imageInfoNumberToPixel, l as formValidator } from "./index-CZ9WU3n0.js";
+import { _ as _sfc_main$4 } from "./ImageProperties.vue_vue_type_script_setup_true_lang-DddzKMfG.js";
+const _hoisted_1 = { class: "title" };
+const _hoisted_2 = { class: "bs-layout-horizontal justify-content-end gap-8" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ImagePropertiesModal",
+  props: {
+    editor: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const disabled = computed(() => !props.editor.isEditable);
+    const data = ref();
+    onMounted(() => {
+      const selection = props.editor.state.selection;
+      const { node } = findImageNode(selection);
+      if (node) {
+        data.value = {
+          ...node.attrs,
+          src: node.attrs.src
+        };
+      }
+    });
+    const modalHandle = useModalHandle();
+    const form = useTemplateRef("form");
+    const validator = formValidator({ element: form });
+    const save = async () => {
+      await validator.validate();
+      props.editor.chain().focus().command(({ tr }) => {
+        const { node, nodePos } = findImageNode(tr.selection);
+        if (node && nodePos && data.value) {
+          tr.setNodeMarkup(nodePos - 1, null, {
+            ...node.attrs,
+            ...imageInfoNumberToPixel(data.value)
+          });
+        }
+        return true;
+      }).run();
+      modalHandle.close();
+    };
+    const close = () => modalHandle.close();
+    modalHandle.setDefaultStyle({
+      width: "540px"
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, { title: { key: "bs.contenteditor.image" } }, {
+        default: withCtx(() => [
+          data.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "form",
+            ref: form,
+            class: "bs-layout-form title-w-8"
+          }, [
+            createElementVNode("div", null, [
+              createElementVNode("div", _hoisted_1, [
+                createVNode(_sfc_main$2, { label: { key: "bs.url" } })
+              ]),
+              createElementVNode("div", null, [
+                createVNode(_sfc_main$3, {
+                  modelValue: data.value.src,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.src = $event),
+                  disabled: "",
+                  name: "src",
+                  required: "",
+                  width: "100%"
+                }, null, 8, ["modelValue"])
+              ])
+            ]),
+            createVNode(_sfc_main$4, {
+              disabled: disabled.value,
+              "image-info": data.value
+            }, null, 8, ["disabled", "image-info"])
+          ], 512)) : createCommentVNode("", true)
+        ]),
+        buttons: withCtx(() => [
+          createElementVNode("div", _hoisted_2, [
+            createVNode(BSButton, {
+              caption: { key: "btn.ok" },
+              "button-color": "blue",
+              "data-id": "okBtn",
+              onClick: save
+            }),
+            createVNode(BSButton, {
+              caption: { key: "btn.cancel" },
+              "data-id": "cancelBtn",
+              onClick: close
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/{LinkPropertiesModal-OrgRwFq9.js → LinkPropertiesModal-B7x_jnpK.js}

@@ -1,9 +1,10 @@
-import { defineComponent, ref, onMounted, openBlock, createBlock, withCtx, createElementVNode, createVNode } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, B as BSButton } from "./index-BpZ4E6SC.js";
+import { defineComponent, ref, onMounted, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, withModifiers } from "vue";
+import { u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, B as BSButton } from "./index-CZ9WU3n0.js";
 const _hoisted_1 = { class: "bs-layout-form title-w-8" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = { class: "title" };
-const _hoisted_4 = { class: "bs-layout-horizontal justify-content-end gap-8" };
+const _hoisted_4 = { class: "ml-8" };
+const _hoisted_5 = { class: "bs-layout-horizontal justify-content-end gap-4" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LinkPropertiesModal",
   props: {
@@ -34,6 +35,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       props.editor.chain().focus().extendMarkRange("link").unsetLink().run();
       modalHandle.close();
     };
+    const setBlank = () => {
+      link.value.target = "_blank";
+    };
     const close = () => {
       modalHandle.close();
     };
@@ -46,13 +50,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_1, [
             createElementVNode("div", null, [
               createElementVNode("div", _hoisted_2, [
-                createVNode(_sfc_main$2, { label: { key: "bs.linkUrl" } })
+                createVNode(_sfc_main$2, {
+                  label: { key: "bs.linkUrl" },
+                  required: ""
+                })
               ]),
               createElementVNode("div", null, [
                 createVNode(_sfc_main$3, {
                   modelValue: link.value.url,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => link.value.url = $event),
                   name: "url",
+                  required: "",
                   width: "100%"
                 }, null, 8, ["modelValue"])
               ])
@@ -67,13 +75,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => link.value.target = $event),
                   name: "target",
                   width: "100px"
-                }, null, 8, ["modelValue"])
+                }, null, 8, ["modelValue"]),
+                createElementVNode("span", _hoisted_4, [
+                  _cache[2] || (_cache[2] = createTextVNode(" (ex: ")),
+                  createElementVNode("a", {
+                    class: "text-decoration-none",
+                    href: "#",
+                    onClick: withModifiers(setBlank, ["prevent"])
+                  }, "_blank"),
+                  _cache[3] || (_cache[3] = createTextVNode(") "))
+                ])
               ])
             ])
           ])
         ]),
         buttons: withCtx(() => [
-          createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_5, [
             createVNode(BSButton, {
               caption: { key: "bs.richtext.removeLink" },
               "data-id": "removeLinkBtn",

package/dist/{TableInsertModal-xhx0jflB.js → TableInsertModal-dWhd9ZtU.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, openBlock, createBlock, withCtx, createElementVNode, createVNode } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, h as _sfc_main$3, B as BSButton } from "./index-BpZ4E6SC.js";
+import { u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, h as _sfc_main$3, B as BSButton } from "./index-CZ9WU3n0.js";
 const _hoisted_1 = { class: "bs-layout-form" };
 const _hoisted_2 = { class: "bs-form-label" };
 const _hoisted_3 = { class: "bs-form-label" };

package/dist/{YoutubeInsertModal-C7zAFv7s.js → YoutubeInsertModal-CgS3KPA9.js}

@@ -1,10 +1,9 @@
-import { defineComponent, ref, openBlock, createBlock, withCtx, createElementVNode, createVNode } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, h as _sfc_main$4, B as BSButton } from "./index-BpZ4E6SC.js";
+import { defineComponent, computed, ref, openBlock, createBlock, withCtx, createElementVNode, createVNode } from "vue";
+import { u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, B as BSButton, y as youtubeInfoNumberToPixel } from "./index-CZ9WU3n0.js";
+import { _ as _sfc_main$4 } from "./YoutubeProperties.vue_vue_type_script_setup_true_lang-CJu6r-45.js";
 const _hoisted_1 = { class: "bs-layout-form" };
 const _hoisted_2 = { class: "title" };
-const _hoisted_3 = { class: "title" };
-const _hoisted_4 = { class: "title" };
-const _hoisted_5 = { class: "bs-layout-horizontal justify-content-end gap-8" };
+const _hoisted_3 = { class: "bs-layout-horizontal justify-content-end gap-8" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "YoutubeInsertModal",
   props: {
@@ -12,21 +11,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const data = ref({ url: "" });
+    const disabled = computed(() => !props.editor.isEditable);
+    const data = ref({ src: "", aspectRatio: "16/9" });
     const modalHandle = useModalHandle();
     const insert = () => {
-      if (data.value.url) {
-        props.editor.chain().focus().setYoutubeVideo({
-          src: data.value.url,
-          width: data.value.width || 640,
-          height: data.value.height || 480
+      if (data.value.src) {
+        props.editor.chain().focus().command(({ commands }) => {
+          commands.insertContent({
+            type: "youtube",
+            attrs: youtubeInfoNumberToPixel(data.value)
+          });
+          return true;
         }).run();
         modalHandle.close();
       }
     };
     const close = () => modalHandle.close();
     modalHandle.setDefaultStyle({
-      width: "500px",
+      width: "540px",
       height: "400px"
     });
     return (_ctx, _cache) => {
@@ -42,42 +44,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               createElementVNode("div", null, [
                 createVNode(_sfc_main$3, {
-                  modelValue: data.value.url,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.url = $event),
+                  modelValue: data.value.src,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.src = $event),
                   name: "youtubeUrl",
                   placeholder: "https://www.youtube.com/watch?v=...",
+                  required: "",
                   width: "100%"
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            createElementVNode("div", null, [
-              createElementVNode("div", _hoisted_3, [
-                createVNode(_sfc_main$2, { label: { key: "bs.width" } })
-              ]),
-              createElementVNode("div", null, [
-                createVNode(_sfc_main$4, {
-                  modelValue: data.value.width,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => data.value.width = $event),
-                  width: "100px"
-                }, null, 8, ["modelValue"])
-              ])
-            ]),
-            createElementVNode("div", null, [
-              createElementVNode("div", _hoisted_4, [
-                createVNode(_sfc_main$2, { label: { key: "bs.height" } })
-              ]),
-              createElementVNode("div", null, [
-                createVNode(_sfc_main$4, {
-                  modelValue: data.value.height,
-                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => data.value.height = $event),
-                  width: "100px"
-                }, null, 8, ["modelValue"])
-              ])
-            ])
+            createVNode(_sfc_main$4, {
+              disabled: disabled.value,
+              "youtube-info": data.value
+            }, null, 8, ["disabled", "youtube-info"])
           ])
         ]),
         buttons: withCtx(() => [
-          createElementVNode("div", _hoisted_5, [
+          createElementVNode("div", _hoisted_3, [
             createVNode(BSButton, {
               caption: { key: "btn.ok" },
               "button-color": "blue",