@g1cloud/bluesea 5.0.0-alpha.86 → 5.0.0-alpha.88

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-CypVU-TC.js → BSAlertModal-B5tGkY04.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-CHXTAZgw.js";
+import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, v as vFocusOnLoad, i as vT } from "./index-DHcVe0Gr.js";
 const _hoisted_1 = { class: "text-right" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BSAlertModal",

package/dist/{BSGridColumnSettingModal-DLuK3BLl.js → BSGridColumnSettingModal-BUt4caRa.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-CHXTAZgw.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-DHcVe0Gr.js";
 const _hoisted_1 = { class: "text-center" };
 const _hoisted_2 = { class: "text-center" };
 const _hoisted_3 = { class: "bs-layout-horizontal" };

package/dist/{BSYesNoModal-DK9x7PPE.js → BSYesNoModal-DGqh7VUK.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-CHXTAZgw.js";
+import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, i as vT } from "./index-DHcVe0Gr.js";
 const _hoisted_1 = { class: "text-right" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BSYesNoModal",

package/dist/{BSYoutubeInputModal-C3XNuoRt.js → BSYoutubeInputModal-CrUbJbSF.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-CHXTAZgw.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-DHcVe0Gr.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-DGkf6BYL.js → ImageInsertModal-PtjaQ-tL.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-CHXTAZgw.js";
+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-DHcVe0Gr.js";
+import { _ as _sfc_main$5 } from "./ImageProperties.vue_vue_type_script_setup_true_lang-BPes-zaF.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: {
@@ -20,31 +18,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 +57,16 @@ 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),
                       class: "flex-grow-1",
                       name: "url",
+                      required: "",
                       width: "100%"
                     }, null, 8, ["modelValue"])
                   ])
                 ]),
-                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, { "image-info": data.value }, null, 8, ["image-info"])
               ], 512), [
                 [vShow, active]
               ])
@@ -116,7 +75,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-BPes-zaF.js

@@ -0,0 +1,170 @@
+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-DHcVe0Gr.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: {}
+  },
+  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),
+              name: "alt",
+              width: "100%"
+            }, null, 8, ["modelValue"])
+          ])
+        ]),
+        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),
+              name: "width",
+              prefix: "W",
+              width: "100px"
+            }, null, 8, ["modelValue"]), [
+              [
+                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),
+              name: "height",
+              prefix: "H",
+              width: "100px"
+            }, null, 8, ["modelValue"]), [
+              [
+                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),
+              name: "maxWidth",
+              prefix: "W",
+              width: "100px"
+            }, null, 8, ["modelValue"]), [
+              [
+                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),
+              name: "maxHeight",
+              prefix: "H",
+              width: "100px"
+            }, null, 8, ["modelValue"]), [
+              [
+                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),
+              prefix: { type: "font-icon", value: "keyboard_arrow_left" },
+              name: "marginLeft",
+              width: "80px"
+            }, null, 8, ["modelValue"]), [
+              [
+                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),
+              prefix: { type: "font-icon", value: "keyboard_arrow_up" },
+              name: "marginTop",
+              width: "80px"
+            }, null, 8, ["modelValue"]), [
+              [
+                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),
+              prefix: { type: "font-icon", value: "keyboard_arrow_down" },
+              name: "marginBottom",
+              width: "80px"
+            }, null, 8, ["modelValue"]), [
+              [
+                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),
+              prefix: { type: "font-icon", value: "keyboard_arrow_right" },
+              name: "marginRight",
+              width: "80px"
+            }, null, 8, ["modelValue"]), [
+              [
+                unref(vT),
+                { key: "bs.right" },
+                void 0,
+                { title: true }
+              ]
+            ])
+          ])
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/{ImagePropertiesModal-BySz6JBD.js → ImagePropertiesModal-Brh3HoT5.js}

@@ -1,10 +1,8 @@
 import { defineComponent, 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 numberToPixel, l as formValidator } from "./index-CHXTAZgw.js";
+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-DHcVe0Gr.js";
+import { _ as _sfc_main$4 } from "./ImageProperties.vue_vue_type_script_setup_true_lang-BPes-zaF.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 justify-content-end gap-8" };
+const _hoisted_2 = { class: "bs-layout-horizontal justify-content-end gap-8" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ImagePropertiesModal",
   props: {
@@ -18,10 +16,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const { node } = findImageNode(selection);
       if (node) {
         data.value = {
-          url: node.attrs.src,
-          alt: node.attrs.alt,
-          width: node.attrs.width,
-          height: node.attrs.height
+          ...node.attrs,
+          src: node.attrs.src
         };
       }
     });
@@ -35,10 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (node && nodePos && data.value) {
           tr.setNodeMarkup(nodePos - 1, null, {
             ...node.attrs,
-            src: data.value.url,
-            alt: data.value.alt,
-            width: numberToPixel(data.value.width),
-            height: numberToPixel(data.value.height)
+            ...imageInfoNumberToPixel(data.value)
           });
         }
         return true;
@@ -47,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const close = () => modalHandle.close();
     modalHandle.setDefaultStyle({
-      width: "500px"
+      width: "540px"
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, { title: { key: "bs.contenteditor.image" } }, {
@@ -64,57 +57,20 @@ 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),
-                  name: "url",
+                  modelValue: data.value.src,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.src = $event),
+                  disabled: "",
+                  name: "src",
                   required: "",
                   width: "100%"
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            createElementVNode("div", null, [
-              createElementVNode("div", _hoisted_2, [
-                createVNode(_sfc_main$2, { label: { key: "bs.fileupload.alt" } })
-              ]),
-              createElementVNode("div", null, [
-                createVNode(_sfc_main$3, {
-                  modelValue: data.value.alt,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => data.value.alt = $event),
-                  name: "alt",
-                  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$3, {
-                  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_4, [
-                createVNode(_sfc_main$2, { label: { key: "bs.height" } })
-              ]),
-              createElementVNode("div", null, [
-                createVNode(_sfc_main$3, {
-                  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$4, { "image-info": data.value }, null, 8, ["image-info"])
           ], 512)) : createCommentVNode("", true)
         ]),
         buttons: withCtx(() => [
-          createElementVNode("div", _hoisted_5, [
+          createElementVNode("div", _hoisted_2, [
             createVNode(BSButton, {
               caption: { key: "btn.ok" },
               "button-color": "blue",

package/dist/{LinkPropertiesModal-TQOSjPZJ.js → LinkPropertiesModal-CK5YgiK-.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-CHXTAZgw.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-DHcVe0Gr.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-CapiIi5Y.js → TableInsertModal-AfjPyTRn.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-CHXTAZgw.js";
+import { u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, h as _sfc_main$3, B as BSButton } from "./index-DHcVe0Gr.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-CRvP9uhi.js → YoutubeInsertModal-coMcylhc.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-CHXTAZgw.js";
+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-DHcVe0Gr.js";
+import { _ as _sfc_main$4 } from "./YoutubeProperties.vue_vue_type_script_setup_true_lang-BeA4uS9k.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,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const data = ref({ url: "" });
+    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 +43,20 @@ 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, { "youtube-info": data.value }, null, 8, ["youtube-info"])
           ])
         ]),
         buttons: withCtx(() => [
-          createElementVNode("div", _hoisted_5, [
+          createElementVNode("div", _hoisted_3, [
             createVNode(BSButton, {
               caption: { key: "btn.ok" },
               "button-color": "blue",