@g1cloud/bluesea 5.0.0-alpha.73 → 5.0.0-alpha.74

package/css/layout.scss

@@ -128,6 +128,14 @@
     }
   }
 
+  &.title-w-8 > div > .title {
+    width: 8em;
+  }
+
+  &.title-w-10 > div > .title {
+    width: 10em;
+  }
+
   &.title-w-14 > div > .title {
     width: 14em;
   }
@@ -161,7 +169,7 @@ $table-row-even-color: $gray-100;
 .bs-layout-table {
   border-collapse: collapse;
 
-  > tr > td, > tr > th, tbody > tr > td, tbody > tr > th {
+  > tr > td, > tr > th, > tbody > tr > td, > tbody > tr > th {
     padding: 8px;
     border: 1px solid $color-border;
     vertical-align: middle;

package/css/user-text.scss

@@ -84,4 +84,46 @@
   em {
     font-style: italic;
   }
+
+  .table-wrapper {
+    margin: 0.5rem 0;
+    overflow-x: auto;
+    display: flex;
+    flex-direction: column;
+  }
+
+  table {
+    border-collapse: collapse;
+    text-align: left;
+
+    > tr, > tbody > tr {
+      > th, > td {
+        border: 1px solid #ccc;
+        box-sizing: border-box;
+        padding: 6px 8px;
+        vertical-align: top;
+
+        > p {
+          margin-bottom: 0;
+        }
+      }
+    }
+  }
+
+  img {
+    display: inline-block;
+    height: auto;
+    margin: 0.5rem 0;
+    max-width: 100%;
+  }
+
+  span[data-youtube-video] {
+    padding-right: 0.5rem;
+    display: inline-block;
+
+    iframe {
+      border: 0.5rem solid var(--black-contrast);
+      outline: 0 solid transparent;
+    }
+  }
 }

package/dist/{BSAlertModal-C5edoLZA.js → BSAlertModal-rrjfHNUt.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, a as vT } from "./index-ePRTd5aG.js";
+import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, v as vFocusOnLoad, h as vT } from "./index-B2-vA9S0.js";
 const _hoisted_1 = { class: "text-right" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BSAlertModal",

package/dist/BSGridColumnSettingModal-0Tbe9wmr.js

@@ -0,0 +1,146 @@
+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, e as _sfc_main$2, f as _sfc_main$3, g as _sfc_main$4, B as BSButton, n as notNull } from "./index-B2-vA9S0.js";
+const _hoisted_1 = { class: "text-center" };
+const _hoisted_2 = { class: "text-center" };
+const _hoisted_3 = { class: "bs-layout-horizontal" };
+const _hoisted_4 = { class: "bs-layout-horizontal flex-grow-1 justify-content-end gap-8" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BSGridColumnSettingModal",
+  props: {
+    columns: {},
+    columnSettings: {},
+    fixedColumnCount: {}
+  },
+  emits: ["settingChanged"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const settingColumns = [
+      { propertyId: "caption", caption: { key: "bs.grid.caption" }, width: 200, cellType: "MULTI_LANG_STRING" },
+      { propertyId: "visible", caption: { key: "bs.grid.visible" }, width: 60 },
+      { propertyId: "fixed", caption: { key: "bs.grid.fixed" }, width: 60 },
+      { propertyId: "width", caption: { key: "bs.width" }, width: 100 }
+    ];
+    const gridHandler = createInputGridHandler({
+      getRowKey: (row) => row.propertyId
+    });
+    const editingColumns = ref([]);
+    const margeColumnSettingsAndOrigColumns = (columnSettings, columns) => {
+      const origColumns = [...columns];
+      const result = columnSettings.map((col) => {
+        const origIndex = origColumns.findIndex((orig) => orig.propertyId === col.propertyId);
+        if (origIndex >= 0) {
+          const orig = origColumns.splice(origIndex, 1)[0];
+          return { ...orig, hidden: col.hidden, width: col.width || orig.width };
+        } else {
+          return void 0;
+        }
+      }).filter(notNull);
+      origColumns.forEach((orig) => {
+        result.push({ ...orig, width: orig.width });
+      });
+      return result;
+    };
+    onMounted(() => {
+      const columns = props.columnSettings ? margeColumnSettingsAndOrigColumns(props.columnSettings, props.columns) : props.columns.map((orig) => ({ ...orig }));
+      editingColumns.value = columns.map((col, idx) => ({ ...col, fixed: idx < (props.fixedColumnCount || 0) }));
+      gridHandler.setGridData(editingColumns.value);
+    });
+    const updateFixedColumn = async (value, row) => {
+      const rowIndex = editingColumns.value.indexOf(row);
+      await nextTick();
+      const fixedIndex = !value && rowIndex === 0 ? -1 : rowIndex;
+      editingColumns.value.forEach((col, idx) => col.fixed = idx <= fixedIndex);
+    };
+    const modalHandle = useModalHandle();
+    const save = () => {
+      const columnSettings = editingColumns.value.map((col) => {
+        const orig = props.columns.find((c) => c.propertyId === col.propertyId);
+        return {
+          propertyId: col.propertyId,
+          hidden: col.hidden ? true : void 0,
+          width: col.width !== (orig == null ? void 0 : orig.width) ? col.width : void 0
+        };
+      });
+      const fixedColumnCount = editingColumns.value.findLastIndex((col) => col.fixed) + 1;
+      emit("settingChanged", columnSettings, fixedColumnCount);
+      modalHandle.close();
+    };
+    const close = () => {
+      modalHandle.close();
+    };
+    const restore = () => {
+      emit("settingChanged", void 0, void 0);
+      modalHandle.close();
+    };
+    modalHandle.setDefaultStyle({
+      maxWidth: "600px",
+      maxHeight: "80%"
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, { title: { key: "bs.gridcontrol.columnSetting" } }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$2, mergeProps({
+            columns: settingColumns,
+            height: "100%",
+            "show-drag-handle": "",
+            "show-serial": ""
+          }, unref(gridHandler).grid, toHandlers(unref(gridHandler).gridEventListener)), {
+            visible: withCtx(({ row }) => [
+              createElementVNode("div", _hoisted_1, [
+                createVNode(_sfc_main$3, {
+                  "model-value": !row.hidden,
+                  class: "reverted",
+                  "onUpdate:modelValue": (value) => row.hidden = !value
+                }, null, 8, ["model-value", "onUpdate:modelValue"])
+              ])
+            ]),
+            fixed: withCtx(({ row }) => [
+              createElementVNode("div", _hoisted_2, [
+                createVNode(_sfc_main$3, {
+                  modelValue: row.fixed,
+                  "onUpdate:modelValue": [($event) => row.fixed = $event, ($event) => updateFixedColumn($event, row)],
+                  class: "reverted"
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])
+              ])
+            ]),
+            width: withCtx(({ row }) => [
+              createVNode(_sfc_main$4, {
+                modelValue: row.width,
+                "onUpdate:modelValue": ($event) => row.width = $event,
+                width: "100%"
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          }, 16)
+        ]),
+        buttons: withCtx(() => [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", null, [
+              createVNode(BSButton, {
+                caption: { key: "bs.grid.restoreSetting" },
+                "button-color": "gray",
+                onClick: restore
+              })
+            ]),
+            createElementVNode("div", _hoisted_4, [
+              createVNode(BSButton, {
+                caption: { key: "bs.cancel" },
+                onClick: close
+              }),
+              createVNode(BSButton, {
+                caption: { key: "bs.ok" },
+                "button-color": "blue",
+                onClick: save
+              })
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/{BSYesNoModal-CbWdMdod.js → BSYesNoModal-CzH4CIFN.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, a as vT } from "./index-ePRTd5aG.js";
+import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, h as vT } from "./index-B2-vA9S0.js";
 const _hoisted_1 = { class: "text-right" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BSYesNoModal",

package/dist/ImageInsertModal-EBMu3avV.js

@@ -0,0 +1,140 @@
+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-B2-vA9S0.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 _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ImageInsertModal",
+  props: {
+    editor: {}
+  },
+  emits: ["insertImage"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const tabs = [
+      // {tabId: 'upload', caption: {key: 'Upload'}},
+      { tabId: "input", caption: { key: "bs.url" } }
+    ];
+    const currentTab = ref("upload");
+    const image = ref();
+    const data = ref({ url: "" });
+    const modalHandle = useModalHandle();
+    const insert = () => {
+      if (currentTab.value === "upload" && (image.value && image.value.fileUrl)) {
+        emit("insertImage", {
+          url: image.value.fileUrl,
+          alt: image.value.altText
+        });
+        modalHandle.close();
+      } else if (currentTab.value === "input" && data.value.url) {
+        emit("insertImage", data.value);
+        modalHandle.close();
+      }
+    };
+    const close = () => modalHandle.close();
+    modalHandle.setDefaultStyle({
+      width: "460px",
+      height: "420px"
+    });
+    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),
+            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.url,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.url = $event),
+                      class: "flex-grow-1",
+                      name: "url",
+                      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"])
+                  ])
+                ])
+              ], 512), [
+                [vShow, active]
+              ])
+            ]),
+            _: 1
+          }, 8, ["tab-id"])
+        ]),
+        buttons: withCtx(() => [
+          createElementVNode("div", _hoisted_6, [
+            createVNode(BSButton, {
+              caption: { key: "btn.ok" },
+              "button-color": "blue",
+              "data-id": "okBtn",
+              onClick: insert
+            }),
+            createVNode(BSButton, {
+              caption: { key: "btn.cancel" },
+              "data-id": "cancelBtn",
+              onClick: close
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/ImagePropertiesModal-Br8em1ci.js

@@ -0,0 +1,138 @@
+import { defineComponent, ref, onMounted, useTemplateRef, openBlock, createBlock, withCtx, createElementBlock, createElementVNode, createVNode, createCommentVNode } from "vue";
+import { i as findImageNode, u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, B as BSButton, j as numberToPixel, k as formValidator } from "./index-B2-vA9S0.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 _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ImagePropertiesModal",
+  props: {
+    editor: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const data = ref();
+    onMounted(() => {
+      const selection = props.editor.state.selection;
+      const { node } = findImageNode(selection);
+      if (node) {
+        data.value = {
+          url: node.attrs.src,
+          alt: node.attrs.alt,
+          width: node.attrs.width,
+          height: node.attrs.height
+        };
+      }
+    });
+    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,
+            src: data.value.url,
+            alt: data.value.alt,
+            width: numberToPixel(data.value.width),
+            height: numberToPixel(data.value.height)
+          });
+        }
+        return true;
+      }).run();
+      modalHandle.close();
+    };
+    const close = () => modalHandle.close();
+    modalHandle.setDefaultStyle({
+      width: "500px"
+    });
+    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.url,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.url = $event),
+                  name: "url",
+                  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"])
+              ])
+            ])
+          ], 512)) : createCommentVNode("", true)
+        ]),
+        buttons: withCtx(() => [
+          createElementVNode("div", _hoisted_5, [
+            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-yh8YHA6y.js

@@ -0,0 +1,102 @@
+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-B2-vA9S0.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 _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LinkPropertiesModal",
+  props: {
+    editor: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const link = ref({});
+    const hasLink = ref(false);
+    onMounted(() => {
+      const oldUrl = props.editor.getAttributes("link").href;
+      link.value.url = oldUrl;
+      hasLink.value = !!oldUrl;
+    });
+    const modalHandle = useModalHandle();
+    const PROTOCOLS = ["http://", "https://", "tel:", "mailto:"];
+    const save = () => {
+      if (link.value.url) {
+        let url = link.value.url;
+        if (!PROTOCOLS.find((proto) => url.startsWith(proto))) {
+          url = "https://" + url;
+        }
+        props.editor.chain().focus().extendMarkRange("link").setLink({ href: url, target: link.value.target || "_self" }).run();
+        modalHandle.close();
+      }
+    };
+    const removeLink = () => {
+      props.editor.chain().focus().extendMarkRange("link").unsetLink().run();
+      modalHandle.close();
+    };
+    const close = () => {
+      modalHandle.close();
+    };
+    modalHandle.setDefaultStyle({
+      width: "500px"
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, { title: { key: "bs.link" } }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", null, [
+              createElementVNode("div", _hoisted_2, [
+                createVNode(_sfc_main$2, { label: { key: "bs.linkUrl" } })
+              ]),
+              createElementVNode("div", null, [
+                createVNode(_sfc_main$3, {
+                  modelValue: link.value.url,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => link.value.url = $event),
+                  name: "url",
+                  width: "100%"
+                }, null, 8, ["modelValue"])
+              ])
+            ]),
+            createElementVNode("div", null, [
+              createElementVNode("div", _hoisted_3, [
+                createVNode(_sfc_main$2, { label: { key: "bs.linkTarget" } })
+              ]),
+              createElementVNode("div", null, [
+                createVNode(_sfc_main$3, {
+                  modelValue: link.value.target,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => link.value.target = $event),
+                  name: "target",
+                  width: "100px"
+                }, null, 8, ["modelValue"])
+              ])
+            ])
+          ])
+        ]),
+        buttons: withCtx(() => [
+          createElementVNode("div", _hoisted_4, [
+            createVNode(BSButton, {
+              caption: { key: "bs.richtext.removeLink" },
+              "data-id": "removeLinkBtn",
+              onClick: removeLink
+            }),
+            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/TableInsertModal-m0v7YlvM.js

@@ -0,0 +1,74 @@
+import { defineComponent, ref, openBlock, createBlock, withCtx, createElementVNode, createVNode } from "vue";
+import { u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, g as _sfc_main$3, B as BSButton } from "./index-B2-vA9S0.js";
+const _hoisted_1 = { class: "bs-layout-form" };
+const _hoisted_2 = { class: "bs-form-label" };
+const _hoisted_3 = { class: "bs-form-label" };
+const _hoisted_4 = { class: "bs-layout-horizontal justify-content-end gap-8" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TableInsertModal",
+  props: {
+    editor: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const rows = ref(3);
+    const columns = ref(3);
+    const modalHandle = useModalHandle();
+    const insert = () => {
+      props.editor.chain().focus().insertTable({ rows: rows.value, cols: columns.value, withHeaderRow: false }).run();
+      modalHandle.close();
+    };
+    const close = () => modalHandle.close();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, { title: { key: "bs.richtext.insertTable" } }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", null, [
+              createElementVNode("div", _hoisted_2, [
+                createVNode(_sfc_main$2, { label: { key: "bs.richtext.rows" } })
+              ]),
+              createElementVNode("div", null, [
+                createVNode(_sfc_main$3, {
+                  modelValue: rows.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => rows.value = $event),
+                  width: "100px"
+                }, null, 8, ["modelValue"])
+              ])
+            ]),
+            createElementVNode("div", null, [
+              createElementVNode("div", _hoisted_3, [
+                createVNode(_sfc_main$2, { label: { key: "bs.richtext.columns" } })
+              ]),
+              createElementVNode("div", null, [
+                createVNode(_sfc_main$3, {
+                  modelValue: columns.value,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => columns.value = $event),
+                  width: "100px"
+                }, null, 8, ["modelValue"])
+              ])
+            ])
+          ])
+        ]),
+        buttons: withCtx(() => [
+          createElementVNode("div", _hoisted_4, [
+            createVNode(BSButton, {
+              caption: { key: "btn.ok" },
+              "button-color": "blue",
+              "data-id": "okBtn",
+              onClick: insert
+            }),
+            createVNode(BSButton, {
+              caption: { key: "btn.cancel" },
+              "data-id": "cancelBtn",
+              onClick: close
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};