@g1cloud/bluesea 5.0.0-beta.2 → 5.0.0-beta.20

package/dist/TablePropertiesModal-Dn_ozHTt.js

@@ -0,0 +1,353 @@
+import { defineComponent, computed, ref, onMounted, useTemplateRef, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode, withDirectives, createTextVNode, unref, Fragment, renderList, toDisplayString } from "vue";
+import { k as componentUtil, u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, v as vT, l as _sfc_main$4, m as formValidator } from "./index-uI4FYMrx.js";
+const findTableNode = (selection, type) => {
+  const head = selection.$head;
+  let depth = head.depth;
+  let node = head.node(depth);
+  while (depth > 0 && node && node.type.name !== type) {
+    node = head.node(--depth);
+  }
+  if (node && node.type.name === type) {
+    const nodePos = head.start(depth);
+    return { node, nodePos };
+  } else {
+    return {};
+  }
+};
+const tableInfoNumberToPixel = (data) => {
+  return {
+    ...data,
+    width: componentUtil.numberToPixel(data.width),
+    height: componentUtil.numberToPixel(data.height),
+    maxWidth: componentUtil.numberToPixel(data.maxWidth),
+    maxHeight: componentUtil.numberToPixel(data.maxHeight),
+    marginLeft: componentUtil.numberToPixel(data.marginLeft),
+    marginTop: componentUtil.numberToPixel(data.marginTop),
+    marginRight: componentUtil.numberToPixel(data.marginRight),
+    marginBottom: componentUtil.numberToPixel(data.marginBottom)
+  };
+};
+const setTableColumnWidth = (node, tablePos, colIndex, width, tr) => {
+  node.forEach((row, rowOffset) => {
+    let col = 0;
+    row.forEach((cell, cellOffset) => {
+      const colspan = cell.attrs.colspan || 1;
+      if (col <= colIndex && col + colspan > colIndex) {
+        tr.setNodeMarkup(
+          tablePos + 1 + rowOffset + cellOffset,
+          void 0,
+          {
+            ...cell.attrs,
+            width
+          }
+        );
+      }
+      col += colspan;
+    });
+  });
+};
+const _hoisted_1 = { class: "title" };
+const _hoisted_2 = { class: "title" };
+const _hoisted_3 = { class: "title" };
+const _hoisted_4 = { class: "bs-layout-horizontal gap-2" };
+const _hoisted_5 = { class: "title" };
+const _hoisted_6 = { class: "title" };
+const _hoisted_7 = { class: "py-2 pr-8" };
+const _hoisted_8 = { class: "pt-4" };
+const _hoisted_9 = { class: "bs-layout-horizontal justify-content-end gap-8" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TablePropertiesModal",
+  props: {
+    editor: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const disabled = computed(() => !props.editor.isEditable);
+    const data = ref();
+    const columns = ref([]);
+    onMounted(() => {
+      const selection = props.editor.state.selection;
+      const { node } = findTableNode(selection, "table");
+      if (node) {
+        data.value = {
+          ...node.attrs
+        };
+        if (node.firstChild && (node.firstChild.children.length || 0) > 0) {
+          columns.value = node.firstChild.children.map((col) => ({
+            width: col.attrs.width || void 0
+          }));
+        }
+      }
+    });
+    const resetAllColumns = () => {
+      var _a;
+      (_a = columns.value) == null ? void 0 : _a.forEach((col) => {
+        col.width = void 0;
+      });
+    };
+    const alignItems = [
+      { value: "", caption: "", icon: "format_align_justify" },
+      { value: "start", caption: "", icon: "format_align_left", tooltip: { key: "bs.richtext.alignLeft" } },
+      { value: "center", caption: "", icon: "format_align_center", tooltip: { key: "bs.richtext.alignCenter" } },
+      { value: "end", caption: "", icon: "format_align_right", tooltip: { key: "bs.richtext.alignRight" } }
+    ];
+    const modalHandle = useModalHandle();
+    const form = useTemplateRef("form");
+    const validator = formValidator({ element: form });
+    const save = async () => {
+      await validator.validate();
+      props.editor.chain().focus().command(({ tr }) => {
+        var _a;
+        const { node, nodePos } = findTableNode(tr.selection, "table");
+        if (node && nodePos && data.value) {
+          tr.setNodeMarkup(nodePos - 1, null, {
+            ...node.attrs,
+            ...tableInfoNumberToPixel(data.value)
+          });
+          (_a = columns.value) == null ? void 0 : _a.forEach((column, index) => {
+            setTableColumnWidth(node, nodePos, index, column.width, tr);
+          });
+        }
+        return true;
+      }).run();
+      modalHandle.close();
+    };
+    const close = () => {
+      modalHandle.close();
+    };
+    modalHandle.setDefaultStyle({
+      width: "500px",
+      maxHeight: "80%"
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, { title: { key: "bs.richtext.table" } }, {
+        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.size" } })
+              ]),
+              createElementVNode("div", null, [
+                withDirectives(createVNode(_sfc_main$3, {
+                  modelValue: data.value.width,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.width = $event),
+                  disabled: disabled.value,
+                  name: "width",
+                  prefix: "W",
+                  width: "120px"
+                }, null, 8, ["modelValue", "disabled"]), [
+                  [
+                    unref(vT),
+                    { key: "bs.width" },
+                    void 0,
+                    { title: true }
+                  ]
+                ]),
+                _cache[9] || (_cache[9] = createTextVNode(" x ")),
+                withDirectives(createVNode(_sfc_main$3, {
+                  modelValue: data.value.height,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => data.value.height = $event),
+                  disabled: disabled.value,
+                  name: "height",
+                  prefix: "H",
+                  width: "120px"
+                }, null, 8, ["modelValue", "disabled"]), [
+                  [
+                    unref(vT),
+                    { key: "bs.height" },
+                    void 0,
+                    { title: true }
+                  ]
+                ])
+              ])
+            ]),
+            createElementVNode("div", null, [
+              createElementVNode("div", _hoisted_2, [
+                createVNode(_sfc_main$2, { label: { key: "bs.maxSize" } })
+              ]),
+              createElementVNode("div", null, [
+                withDirectives(createVNode(_sfc_main$3, {
+                  modelValue: data.value.maxWidth,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => data.value.maxWidth = $event),
+                  disabled: disabled.value,
+                  name: "maxWidth",
+                  prefix: "W",
+                  width: "120px"
+                }, null, 8, ["modelValue", "disabled"]), [
+                  [
+                    unref(vT),
+                    { key: "bs.maxWidth" },
+                    void 0,
+                    { title: true }
+                  ]
+                ]),
+                _cache[10] || (_cache[10] = createTextVNode(" x ")),
+                withDirectives(createVNode(_sfc_main$3, {
+                  modelValue: data.value.maxHeight,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => data.value.maxHeight = $event),
+                  disabled: disabled.value,
+                  name: "maxHeight",
+                  prefix: "H",
+                  width: "120px"
+                }, null, 8, ["modelValue", "disabled"]), [
+                  [
+                    unref(vT),
+                    { key: "bs.maxHeight" },
+                    void 0,
+                    { title: true }
+                  ]
+                ])
+              ])
+            ]),
+            createElementVNode("div", null, [
+              createElementVNode("div", _hoisted_3, [
+                createVNode(_sfc_main$2, { label: { key: "bs.margin" } })
+              ]),
+              createElementVNode("div", _hoisted_4, [
+                withDirectives(createVNode(_sfc_main$3, {
+                  modelValue: data.value.marginLeft,
+                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => data.value.marginLeft = $event),
+                  disabled: disabled.value,
+                  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: data.value.marginTop,
+                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => data.value.marginTop = $event),
+                  disabled: disabled.value,
+                  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: data.value.marginBottom,
+                  "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => data.value.marginBottom = $event),
+                  disabled: disabled.value,
+                  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: data.value.marginRight,
+                  "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => data.value.marginRight = $event),
+                  disabled: disabled.value,
+                  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 }
+                  ]
+                ])
+              ])
+            ]),
+            createElementVNode("div", null, [
+              createElementVNode("div", _hoisted_5, [
+                createVNode(_sfc_main$2, { label: { key: "bs.align" } })
+              ]),
+              createElementVNode("div", null, [
+                createVNode(_sfc_main$4, {
+                  modelValue: data.value.tableAlign,
+                  "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => data.value.tableAlign = $event),
+                  disabled: disabled.value,
+                  "icon-provider": (item) => item.icon,
+                  items: alignItems,
+                  "label-provider": (item) => item.caption,
+                  "tooltip-provider": (item) => item.tooltip,
+                  "value-provider": (item) => item.value,
+                  class: "button-group-style",
+                  name: "tableAlign"
+                }, null, 8, ["modelValue", "disabled", "icon-provider", "label-provider", "tooltip-provider", "value-provider"])
+              ])
+            ]),
+            createElementVNode("div", null, [
+              createElementVNode("div", _hoisted_6, [
+                createVNode(_sfc_main$2, { label: { key: "bs.richtext.tableColumnInfo" } })
+              ]),
+              createElementVNode("div", null, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (column, index) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: index,
+                    class: "mb-4"
+                  }, [
+                    createElementVNode("span", _hoisted_7, toDisplayString(index + 1) + ":", 1),
+                    withDirectives(createVNode(_sfc_main$3, {
+                      modelValue: column.width,
+                      "onUpdate:modelValue": ($event) => column.width = $event,
+                      disabled: disabled.value,
+                      name: `columnWidth_${index}`,
+                      prefix: "W",
+                      width: "120px"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "name"]), [
+                      [
+                        unref(vT),
+                        { key: "bs.width" },
+                        void 0,
+                        { title: true }
+                      ]
+                    ])
+                  ]);
+                }), 128)),
+                createElementVNode("div", _hoisted_8, [
+                  createVNode(BSButton, {
+                    caption: { key: "bs.clearAll" },
+                    onClick: resetAllColumns
+                  })
+                ])
+              ])
+            ])
+          ], 512)) : createCommentVNode("", true)
+        ]),
+        buttons: withCtx(() => [
+          createElementVNode("div", _hoisted_9, [
+            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/{VideoInsertModal-BAwRYBzU.js → VideoInsertModal-CjB8Vfny.js}

@@ -1,6 +1,6 @@
 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-CDwzpZX0.js";
-import { _ as _sfc_main$5 } from "./VideoProperties.vue_vue_type_script_setup_true_lang-BfwBHyER.js";
+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-uI4FYMrx.js";
+import { _ as _sfc_main$5 } from "./VideoProperties.vue_vue_type_script_setup_true_lang-C41jIi69.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" };

package/dist/{VideoProperties.vue_vue_type_script_setup_true_lang-BfwBHyER.js → VideoProperties.vue_vue_type_script_setup_true_lang-C41jIi69.js}

@@ -1,5 +1,5 @@
 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-CDwzpZX0.js";
+import { i as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, v as vT } from "./index-uI4FYMrx.js";
 const _hoisted_1 = { class: "bs-layout-horizontal gap-8" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = { class: "title" };

package/dist/{VideoPropertiesModal-B2FeEw4W.js → VideoPropertiesModal-CZyluT1C.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, onMounted, useTemplateRef, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode } from "vue";
-import { r as findVideoNode, u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, l as formValidator, s as videoInfoNumberToPixel } from "./index-CDwzpZX0.js";
-import { _ as _sfc_main$4 } from "./VideoProperties.vue_vue_type_script_setup_true_lang-BfwBHyER.js";
+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-uI4FYMrx.js";
+import { _ as _sfc_main$4 } from "./VideoProperties.vue_vue_type_script_setup_true_lang-C41jIi69.js";
 const _hoisted_1 = { class: "title" };
 const _hoisted_2 = { class: "bs-layout-horizontal justify-content-end gap-8" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{YoutubeInsertModal-EU6G-021.js → YoutubeInsertModal-C3VKZ3MM.js}

@@ -1,6 +1,6 @@
 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-CDwzpZX0.js";
-import { _ as _sfc_main$4 } from "./YoutubeProperties.vue_vue_type_script_setup_true_lang-Ci3ndkZR.js";
+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-uI4FYMrx.js";
+import { _ as _sfc_main$4 } from "./YoutubeProperties.vue_vue_type_script_setup_true_lang-D5zcnp25.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" };
@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const disabled = computed(() => !props.editor.isEditable);
-    const data = ref({ src: "", aspectRatio: "16/9" });
+    const data = ref({ src: "", aspectRatio: "16/9", width: "480px" });
     const modalHandle = useModalHandle();
     const insert = () => {
       if (data.value.src) {

package/dist/{YoutubeProperties.vue_vue_type_script_setup_true_lang-Ci3ndkZR.js → YoutubeProperties.vue_vue_type_script_setup_true_lang-D5zcnp25.js}

@@ -1,5 +1,5 @@
 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-CDwzpZX0.js";
+import { b as _sfc_main$1, c as _sfc_main$2, v as vT } from "./index-uI4FYMrx.js";
 const _hoisted_1 = { class: "title" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = { class: "title" };

package/dist/{YoutubePropertiesModal-CRy6zJwZ.js → YoutubePropertiesModal-VGbyMXuR.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, onMounted, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode } from "vue";
-import { p as findYoutubeNode, q as normalizeYoutubeInfoData, 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-CDwzpZX0.js";
-import { _ as _sfc_main$4 } from "./YoutubeProperties.vue_vue_type_script_setup_true_lang-Ci3ndkZR.js";
+import { q as findYoutubeNode, r as normalizeYoutubeInfoData, 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-uI4FYMrx.js";
+import { _ as _sfc_main$4 } from "./YoutubeProperties.vue_vue_type_script_setup_true_lang-D5zcnp25.js";
 const _hoisted_1 = {
   key: 0,
   class: "bs-layout-form"