@g1cloud/bluesea 5.0.0-beta.9 → 6.0.0-alpha.0

package/dist/VideoInsertModal-C-b0-PU0.js

@@ -1,106 +0,0 @@
-import { defineComponent, computed, ref, createBlock, openBlock, withCtx, createElementVNode, createVNode, withDirectives, vShow } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, a as _sfc_main$2, b as _sfc_main$3, c as _sfc_main$4 } from "./index-DxMqs72-.js";
-import { _ as _sfc_main$5 } from "./VideoProperties.vue_vue_type_script_setup_true_lang-zYZJtiR2.js";
-const _hoisted_1 = { class: "bs-layout-form title-w-8" };
-const _hoisted_2 = { class: "title" };
-const _hoisted_3 = { class: "bs-layout-horizontal justify-content-end gap-8" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VideoInsertModal",
-  props: {
-    editor: {}
-  },
-  emits: ["insertVideo"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const disabled = computed(() => !props.editor.isEditable);
-    const emit = __emit;
-    const tabs = [
-      // {tabId: 'upload', caption: {key: 'Upload'}},
-      { tabId: "input", caption: { key: "bs.url" } }
-    ];
-    const currentTab = ref("upload");
-    const video = ref();
-    const data = ref({ src: "", controls: true });
-    const modalHandle = useModalHandle();
-    const insert = () => {
-      if (currentTab.value === "upload" && (video.value && video.value.fileUrl)) {
-        emit("insertVideo", {
-          src: video.value.fileUrl,
-          controls: true
-        });
-        modalHandle.close();
-      } else if (currentTab.value === "input" && data.value.src) {
-        emit("insertVideo", data.value);
-        modalHandle.close();
-      }
-    };
-    const close = () => modalHandle.close();
-    modalHandle.setDefaultStyle({
-      width: "540px",
-      height: "460px"
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, { title: { key: "bs.richtext.insertVideo" } }, {
-        default: withCtx(() => [
-          createVNode(_sfc_main$2, {
-            "tab-id": currentTab.value,
-            "onUpdate:tabId": _cache[1] || (_cache[1] = ($event) => currentTab.value = $event),
-            tabs,
-            class: "compact",
-            "keep-tabs": ""
-          }, {
-            input: withCtx(({ active }) => [
-              withDirectives(createElementVNode("div", _hoisted_1, [
-                createElementVNode("div", null, [
-                  createElementVNode("div", _hoisted_2, [
-                    createVNode(_sfc_main$3, {
-                      label: { key: "bs.url" },
-                      required: ""
-                    })
-                  ]),
-                  createElementVNode("div", null, [
-                    createVNode(_sfc_main$4, {
-                      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", "disabled"])
-                  ])
-                ]),
-                createVNode(_sfc_main$5, {
-                  disabled: disabled.value,
-                  "video-info": data.value
-                }, null, 8, ["disabled", "video-info"])
-              ], 512), [
-                [vShow, active]
-              ])
-            ]),
-            _: 1
-          }, 8, ["tab-id"])
-        ]),
-        buttons: withCtx(() => [
-          createElementVNode("div", _hoisted_3, [
-            createVNode(BSButton, {
-              caption: { key: "bs.ok" },
-              "button-color": "blue",
-              "data-id": "okBtn",
-              onClick: insert
-            }),
-            createVNode(BSButton, {
-              caption: { key: "bs.cancel" },
-              "data-id": "cancelBtn",
-              onClick: close
-            })
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/VideoProperties.vue_vue_type_script_setup_true_lang-zYZJtiR2.js

@@ -1,194 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, withDirectives, createTextVNode, unref } from "vue";
-import { i as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, v as vT } from "./index-DxMqs72-.js";
-const _hoisted_1 = { class: "bs-layout-horizontal gap-8" };
-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: "VideoProperties",
-  props: {
-    videoInfo: {},
-    disabled: { type: Boolean }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", null, [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(_sfc_main$1, {
-              modelValue: _ctx.videoInfo.controls,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.videoInfo.controls = $event),
-              disabled: _ctx.disabled,
-              label: { key: "bs.richtext.showVideoControl" }
-            }, null, 8, ["modelValue", "disabled"]),
-            createVNode(_sfc_main$1, {
-              modelValue: _ctx.videoInfo.autoplay,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.videoInfo.autoplay = $event),
-              disabled: _ctx.disabled,
-              label: { key: "bs.richtext.videoAutoplay" }
-            }, null, 8, ["modelValue", "disabled"]),
-            createVNode(_sfc_main$1, {
-              modelValue: _ctx.videoInfo.loop,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.videoInfo.loop = $event),
-              disabled: _ctx.disabled,
-              label: { key: "bs.richtext.videoLoop" }
-            }, null, 8, ["modelValue", "disabled"]),
-            createVNode(_sfc_main$1, {
-              modelValue: _ctx.videoInfo.muted,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.videoInfo.muted = $event),
-              disabled: _ctx.disabled,
-              label: { key: "bs.richtext.videoMuted" }
-            }, null, 8, ["modelValue", "disabled"])
-          ])
-        ]),
-        createElementVNode("div", null, [
-          createElementVNode("div", _hoisted_2, [
-            createVNode(_sfc_main$2, { label: { key: "bs.size" } })
-          ]),
-          createElementVNode("div", null, [
-            withDirectives(createVNode(_sfc_main$3, {
-              modelValue: _ctx.videoInfo.width,
-              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.videoInfo.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[12] || (_cache[12] = createTextVNode(" x ")),
-            withDirectives(createVNode(_sfc_main$3, {
-              modelValue: _ctx.videoInfo.height,
-              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.videoInfo.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$2, { label: { key: "bs.maxSize" } })
-          ]),
-          createElementVNode("div", null, [
-            withDirectives(createVNode(_sfc_main$3, {
-              modelValue: _ctx.videoInfo.maxWidth,
-              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.videoInfo.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[13] || (_cache[13] = createTextVNode(" x ")),
-            withDirectives(createVNode(_sfc_main$3, {
-              modelValue: _ctx.videoInfo.maxHeight,
-              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => _ctx.videoInfo.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$2, { label: { key: "bs.margin" } })
-          ]),
-          createElementVNode("div", _hoisted_5, [
-            withDirectives(createVNode(_sfc_main$3, {
-              modelValue: _ctx.videoInfo.marginLeft,
-              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => _ctx.videoInfo.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$3, {
-              modelValue: _ctx.videoInfo.marginTop,
-              "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => _ctx.videoInfo.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$3, {
-              modelValue: _ctx.videoInfo.marginBottom,
-              "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => _ctx.videoInfo.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$3, {
-              modelValue: _ctx.videoInfo.marginRight,
-              "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => _ctx.videoInfo.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/VideoPropertiesModal-zlEThjim.js

@@ -1,98 +0,0 @@
-import { defineComponent, computed, ref, onMounted, useTemplateRef, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode } from "vue";
-import { s as findVideoNode, u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, m as formValidator, t as videoInfoNumberToPixel } from "./index-DxMqs72-.js";
-import { _ as _sfc_main$4 } from "./VideoProperties.vue_vue_type_script_setup_true_lang-zYZJtiR2.js";
-const _hoisted_1 = { class: "title" };
-const _hoisted_2 = { class: "bs-layout-horizontal justify-content-end gap-8" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VideoPropertiesModal",
-  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 } = findVideoNode(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 } = findVideoNode(tr.selection);
-        if (node && nodePos && data.value) {
-          tr.setNodeMarkup(nodePos - 1, null, {
-            ...node.attrs,
-            ...videoInfoNumberToPixel(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.richtext.videoProperties" } }, {
-        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,
-              "video-info": data.value
-            }, null, 8, ["disabled", "video-info"])
-          ], 512)) : createCommentVNode("", true)
-        ]),
-        buttons: withCtx(() => [
-          createElementVNode("div", _hoisted_2, [
-            createVNode(BSButton, {
-              caption: { key: "bs.ok" },
-              "button-color": "blue",
-              "data-id": "okBtn",
-              onClick: save
-            }),
-            createVNode(BSButton, {
-              caption: { key: "bs.cancel" },
-              "data-id": "cancelBtn",
-              onClick: close
-            })
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/YoutubeInsertModal-Gpob0la3.js

@@ -1,84 +0,0 @@
-import { defineComponent, computed, ref, createBlock, openBlock, withCtx, createElementVNode, createVNode } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, y as youtubeInfoNumberToPixel } from "./index-DxMqs72-.js";
-import { _ as _sfc_main$4 } from "./YoutubeProperties.vue_vue_type_script_setup_true_lang-CDvDzheM.js";
-const _hoisted_1 = { class: "bs-layout-form" };
-const _hoisted_2 = { class: "title" };
-const _hoisted_3 = { class: "bs-layout-horizontal justify-content-end gap-8" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "YoutubeInsertModal",
-  props: {
-    editor: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const disabled = computed(() => !props.editor.isEditable);
-    const data = ref({ src: "", aspectRatio: "16/9", width: "480px" });
-    const modalHandle = useModalHandle();
-    const insert = () => {
-      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: "540px",
-      height: "460px"
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, { title: { key: "bs.richtext.youtube" } }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createElementVNode("div", null, [
-              createElementVNode("div", _hoisted_2, [
-                createVNode(_sfc_main$2, {
-                  label: { key: "bs.richtext.youtubeUrl" },
-                  required: ""
-                })
-              ]),
-              createElementVNode("div", null, [
-                createVNode(_sfc_main$3, {
-                  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"])
-              ])
-            ]),
-            createVNode(_sfc_main$4, {
-              disabled: disabled.value,
-              "youtube-info": data.value
-            }, null, 8, ["disabled", "youtube-info"])
-          ])
-        ]),
-        buttons: withCtx(() => [
-          createElementVNode("div", _hoisted_3, [
-            createVNode(BSButton, {
-              caption: { key: "bs.ok" },
-              "button-color": "blue",
-              "data-id": "okBtn",
-              onClick: insert
-            }),
-            createVNode(BSButton, {
-              caption: { key: "bs.cancel" },
-              "data-id": "cancelBtn",
-              onClick: close
-            })
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/YoutubeProperties.vue_vue_type_script_setup_true_lang-CDvDzheM.js

@@ -1,181 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, withDirectives, createTextVNode, unref } from "vue";
-import { b as _sfc_main$1, c as _sfc_main$2, v as vT } from "./index-DxMqs72-.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: "YoutubeProperties",
-  props: {
-    youtubeInfo: {},
-    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.widthHeightRatio" } })
-          ]),
-          createElementVNode("div", null, [
-            createVNode(_sfc_main$2, {
-              modelValue: _ctx.youtubeInfo.aspectRatio,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.youtubeInfo.aspectRatio = $event),
-              disabled: _ctx.disabled,
-              name: "aspectRatio",
-              placeholder: "16/9",
-              width: "100px"
-            }, 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.youtubeInfo.width,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.youtubeInfo.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.youtubeInfo.height,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.youtubeInfo.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.youtubeInfo.maxWidth,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.youtubeInfo.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.youtubeInfo.maxHeight,
-              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.youtubeInfo.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.youtubeInfo.marginLeft,
-              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.youtubeInfo.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.youtubeInfo.marginTop,
-              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.youtubeInfo.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.youtubeInfo.marginBottom,
-              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => _ctx.youtubeInfo.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.youtubeInfo.marginRight,
-              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => _ctx.youtubeInfo.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 _
-};