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

package/dist/bluesea.umd.cjs

@@ -819,7 +819,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 0,
     class: "label"
   };
-  const _hoisted_4$w = {
+  const _hoisted_4$x = {
     key: 1,
     class: "label null-label"
   };
@@ -1007,7 +1007,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   _cache[3] || (_cache[3] = vue.createElementVNode("span", { class: "checkbox" }, null, -1)),
                   item !== void 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("label", _hoisted_3$N, null, 512)), [
                     [vue.unref(vT), item == null ? void 0 : item.label]
-                  ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("label", _hoisted_4$w, null, 512)), [
+                  ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("label", _hoisted_4$x, null, 512)), [
                     [vue.unref(vT), _ctx.nullLabel]
                   ])
                 ], 42, _hoisted_2$1g);
@@ -1432,11 +1432,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 0,
     class: "placeholder flex-grow-1"
   };
-  const _hoisted_4$v = {
+  const _hoisted_4$w = {
     key: 1,
     class: "label"
   };
-  const _hoisted_5$j = {
+  const _hoisted_5$k = {
     key: 2,
     class: "small-progress"
   };
@@ -1585,11 +1585,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             }, [
               selectedItem.value === void 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_3$M, null, 512)), [
                 [vue.unref(vT), _ctx.placeholder || { key: " ", html: true }]
-              ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$v, null, 512)), [
+              ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$w, null, 512)), [
                 [vue.unref(vT), selectedItemLabel.value]
               ]),
               _cache[4] || (_cache[4] = vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
-              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$j, "progress_activity")) : vue.createCommentVNode("", true)
+              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$k, "progress_activity")) : vue.createCommentVNode("", true)
             ], 512),
             !_ctx.disabled && showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
               key: 0,
@@ -1725,7 +1725,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const _hoisted_1$1C = ["data-menu-id"];
   const _hoisted_2$1e = ["href", "target"];
   const _hoisted_3$L = ["data-menu-id"];
-  const _hoisted_4$u = ["data-menu-id", "onMouseenter", "onClick"];
+  const _hoisted_4$v = ["data-menu-id", "onMouseenter", "onClick"];
   const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
     __name: "BSContextMenu",
     props: {
@@ -1827,7 +1827,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   "data-id": "context-menu-item",
                   onMouseenter: ($event) => showSubmenu($event, menu),
                   onClick: vue.withModifiers(($event) => handleMenuClick(menu), ["stop"])
-                }, null, 42, _hoisted_4$u)), [
+                }, null, 42, _hoisted_4$v)), [
                   [vue.unref(vT), menu.caption]
                 ])
               ], 64);
@@ -2031,18 +2031,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     class: "prefix"
   };
   const _hoisted_3$K = { class: "font-icon" };
-  const _hoisted_4$t = {
+  const _hoisted_4$u = {
     key: 2,
     class: "prefix"
   };
-  const _hoisted_5$i = ["src"];
-  const _hoisted_6$8 = ["textContent"];
-  const _hoisted_7$5 = {
+  const _hoisted_5$j = ["src"];
+  const _hoisted_6$9 = ["textContent"];
+  const _hoisted_7$6 = {
     key: 1,
     class: "suffix"
   };
-  const _hoisted_8$3 = { class: "font-icon" };
-  const _hoisted_9$2 = {
+  const _hoisted_8$4 = { class: "font-icon" };
+  const _hoisted_9$3 = {
     key: 2,
     class: "suffix"
   };
@@ -2197,17 +2197,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   [vue.unref(vT), item.value]
                 ]) : item.type === "font-icon" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1d, [
                   vue.createElementVNode("span", _hoisted_3$K, vue.toDisplayString(item.value), 1)
-                ])) : item.type === "image-url" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$t, [
+                ])) : item.type === "image-url" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$u, [
                   vue.createElementVNode("img", {
                     src: item.value,
                     alt: "prefix"
-                  }, null, 8, _hoisted_5$i)
+                  }, null, 8, _hoisted_5$j)
                 ])) : vue.createCommentVNode("", true)
               ], 64);
             }), 256)),
             vue.createElementVNode("span", {
               textContent: vue.toDisplayString(vue.unref(stringValue))
-            }, null, 8, _hoisted_6$8),
+            }, null, 8, _hoisted_6$9),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getPrefixSuffixList(_ctx.suffix), (item) => {
               return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
                 item.type === "text" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
@@ -2215,9 +2215,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   class: "suffix"
                 })), [
                   [vue.unref(vT), item.value]
-                ]) : item.type === "font-icon" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$5, [
-                  vue.createElementVNode("span", _hoisted_8$3, vue.toDisplayString(item.value), 1)
-                ])) : item.type === "image-url" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$2, [
+                ]) : item.type === "font-icon" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$6, [
+                  vue.createElementVNode("span", _hoisted_8$4, vue.toDisplayString(item.value), 1)
+                ])) : item.type === "image-url" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$3, [
                   vue.createElementVNode("img", {
                     src: item.value,
                     alt: "suffix"
@@ -2770,15 +2770,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const _hoisted_1$1v = { class: "bs-calendar bs-layout-vertical-inline" };
   const _hoisted_2$19 = { class: "bs-layout-horizontal justify-content-between align-items-center gap-8" };
   const _hoisted_3$I = { class: "year-month bs-layout-horizontal gap-4" };
-  const _hoisted_4$s = { class: "timezone" };
-  const _hoisted_5$h = { class: "weekdays" };
-  const _hoisted_6$7 = ["onClick"];
-  const _hoisted_7$4 = {
+  const _hoisted_4$t = { class: "timezone" };
+  const _hoisted_5$i = { class: "weekdays" };
+  const _hoisted_6$8 = ["onClick"];
+  const _hoisted_7$5 = {
     key: 0,
     class: "bs-layout-horizontal justify-content-center mt-8"
   };
-  const _hoisted_8$2 = { class: "select-wrap w-full pa-8 d-flex justify-content-center align-items-center" };
-  const _hoisted_9$1 = {
+  const _hoisted_8$3 = { class: "select-wrap w-full pa-8 d-flex justify-content-center align-items-center" };
+  const _hoisted_9$2 = {
     key: 1,
     class: "extra-dates bs-layout-vertical gap-2 mt-8"
   };
@@ -2983,13 +2983,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 onClick: nextMonth
               })
             ]),
-            vue.createElementVNode("div", _hoisted_4$s, " (" + vue.toDisplayString(vue.unref(blueseaConfig).timeZoneNameProvider(actualTimeZone.value)) + ") ", 1)
+            vue.createElementVNode("div", _hoisted_4$t, " (" + vue.toDisplayString(vue.unref(blueseaConfig).timeZoneNameProvider(actualTimeZone.value)) + ") ", 1)
           ]),
           vue.createElementVNode("table", {
             class: vue.normalizeClass([{ disabled: _ctx.disabled }, "align-self-center"])
           }, [
             vue.createElementVNode("tbody", null, [
-              vue.createElementVNode("tr", _hoisted_5$h, [
+              vue.createElementVNode("tr", _hoisted_5$i, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(weekdays.value, (day) => {
                   return vue.withDirectives((vue.openBlock(), vue.createElementBlock("th", { key: day })), [
                     [vue.unref(vT), day]
@@ -3008,14 +3008,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                       onClick: () => selectDate(day)
                     }, [
                       vue.createElementVNode("div", null, vue.toDisplayString(day.date()), 1)
-                    ], 10, _hoisted_6$7);
+                    ], 10, _hoisted_6$8);
                   }), 128))
                 ]);
               }), 128))
             ])
           ], 2),
-          _ctx.resolution === "HOUR" || _ctx.resolution === "MINUTE_10" || _ctx.resolution === "MINUTE" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$4, [
-            vue.createElementVNode("div", _hoisted_8$2, [
+          _ctx.resolution === "HOUR" || _ctx.resolution === "MINUTE_10" || _ctx.resolution === "MINUTE" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$5, [
+            vue.createElementVNode("div", _hoisted_8$3, [
               vue.createVNode(_sfc_main$1W, {
                 disabled: _ctx.disabled,
                 items: hours,
@@ -3035,7 +3035,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               }, null, 8, ["disabled", "items", "label-provider", "model-value"])
             ])
           ])) : vue.createCommentVNode("", true),
-          !_ctx.hideExtraDate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$1, [
+          !_ctx.hideExtraDate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$2, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayTimeZones.value, (tz, index) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: `${tz}_${index}`,
@@ -3052,12 +3052,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const _hoisted_1$1u = { class: "bs-calendar-range bs-layout-horizontal" };
   const _hoisted_2$18 = { class: "bs-layout-vertical" };
   const _hoisted_3$H = { class: "bs-layout-horizontal align-items-center" };
-  const _hoisted_4$r = {
+  const _hoisted_4$s = {
     key: 0,
     class: "extra-dates bs-layout-vertical gap-2 mt-8"
   };
-  const _hoisted_5$g = { key: 0 };
-  const _hoisted_6$6 = { key: 1 };
+  const _hoisted_5$h = { key: 0 };
+  const _hoisted_6$7 = { key: 1 };
   const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
     __name: "BSCalendarRange",
     props: {
@@ -3138,15 +3138,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 "range-type": "to"
               }, null, 8, ["modelValue", "disabled", "display-format", "end-year", "first-day", "initial-month", "initial-year", "range-value", "resolution", "start-year", "time-zone"])
             ]),
-            !_ctx.hideExtraDate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$r, [
+            !_ctx.hideExtraDate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$s, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayTimeZones.value, (tz, index) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: `${tz}_${index}`,
                   class: "extra-date"
                 }, [
-                  _ctx.from ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$g, vue.toDisplayString(vue.unref(formatUtil).formatDateString(_ctx.from, _ctx.displayFormat, tz)), 1)) : vue.createCommentVNode("", true),
+                  _ctx.from ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$h, vue.toDisplayString(vue.unref(formatUtil).formatDateString(_ctx.from, _ctx.displayFormat, tz)), 1)) : vue.createCommentVNode("", true),
                   _cache[3] || (_cache[3] = vue.createElementVNode("span", null, "~", -1)),
-                  _ctx.to ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$6, vue.toDisplayString(vue.unref(formatUtil).formatDateString(_ctx.to, _ctx.displayFormat, tz)), 1)) : vue.createCommentVNode("", true)
+                  _ctx.to ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$7, vue.toDisplayString(vue.unref(formatUtil).formatDateString(_ctx.to, _ctx.displayFormat, tz)), 1)) : vue.createCommentVNode("", true)
                 ]);
               }), 128))
             ])) : vue.createCommentVNode("", true)
@@ -3164,7 +3164,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 1,
     class: "input-area"
   };
-  const _hoisted_4$q = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
+  const _hoisted_4$r = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
   const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
     __name: "BSNumberInput",
     props: {
@@ -3318,7 +3318,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               tabindex: _ctx.tabindex,
               value: focused.value || !_ctx.formatOnBlur ? vue.unref(stringValue) : formattedStringValue.value,
               type: "text"
-            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_4$q), [
+            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_4$r), [
               [
                 vue.unref(vT),
                 _ctx.placeholder,
@@ -3350,12 +3350,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   };
   const _hoisted_2$16 = ["textContent"];
   const _hoisted_3$F = ["textContent"];
-  const _hoisted_4$p = {
+  const _hoisted_4$q = {
     key: 1,
     class: "input-area"
   };
-  const _hoisted_5$f = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
-  const _hoisted_6$5 = ["textContent"];
+  const _hoisted_5$g = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
+  const _hoisted_6$6 = ["textContent"];
   const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
     __name: "BSPriceInput",
     props: {
@@ -3485,7 +3485,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               class: "currency-code",
               textContent: vue.toDisplayString(currencyCode.value)
             }, null, 8, _hoisted_3$F)
-          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$p, [
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$q, [
             vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
               id: _ctx.id,
               ref_key: "field",
@@ -3497,7 +3497,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               tabindex: _ctx.tabindex,
               value: focused.value || !_ctx.formatOnBlur ? vue.unref(stringValue) : formattedStringValue.value,
               type: "text"
-            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_5$f), [
+            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_5$g), [
               [
                 vue.unref(vT),
                 _ctx.placeholder,
@@ -3508,7 +3508,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             vue.createElementVNode("div", {
               class: "currency-code",
               textContent: vue.toDisplayString(currencyCode.value)
-            }, null, 8, _hoisted_6$5)
+            }, null, 8, _hoisted_6$6)
           ])),
           !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1X, {
             key: 2,
@@ -4279,7 +4279,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     class: "input-area"
   };
   const _hoisted_3$C = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
-  const _hoisted_4$o = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
+  const _hoisted_4$p = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
   const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
     __name: "BSDateRange",
     props: {
@@ -4599,7 +4599,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               tabindex: _ctx.tabindex,
               value: focusedTo.value ? vue.unref(stringValueTo) : formattedTo.value,
               type: "text"
-            }, vue.toHandlers(handlersTo, true)), null, 16, _hoisted_4$o), [
+            }, vue.toHandlers(handlersTo, true)), null, 16, _hoisted_4$p), [
               [
                 vue.unref(vT),
                 _ctx.placeholderTo,
@@ -4723,11 +4723,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 0,
     class: "font-icon"
   };
-  const _hoisted_4$n = {
+  const _hoisted_4$o = {
     key: 1,
     class: "text-label"
   };
-  const _hoisted_5$e = ["for"];
+  const _hoisted_5$f = ["for"];
   const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
     __name: "BSRadioButton",
     props: {
@@ -4774,7 +4774,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_1$1m),
           vue.createElementVNode("label", { for: _ctx.id }, [
             _ctx.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$B, vue.toDisplayString(_ctx.icon), 1)) : vue.createCommentVNode("", true),
-            _ctx.label ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$n, null, 512)), [
+            _ctx.label ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$o, null, 512)), [
               [vue.unref(vT), _ctx.label]
             ]) : vue.createCommentVNode("", true)
           ], 8, _hoisted_2$10),
@@ -4784,7 +4784,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             class: "slot-label cursor-pointer"
           }, [
             vue.renderSlot(_ctx.$slots, "default", { disabled: _ctx.disabled })
-          ], 8, _hoisted_5$e)) : vue.createCommentVNode("", true)
+          ], 8, _hoisted_5$f)) : vue.createCommentVNode("", true)
         ], 2);
       };
     }
@@ -5217,19 +5217,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 0,
     class: "label"
   };
-  const _hoisted_4$m = {
+  const _hoisted_4$n = {
     key: 0,
     class: "placeholder flex-grow-1"
   };
-  const _hoisted_5$d = {
+  const _hoisted_5$e = {
     key: 1,
     class: "text-truncate"
   };
-  const _hoisted_6$4 = {
+  const _hoisted_6$5 = {
     key: 0,
     class: "label"
   };
-  const _hoisted_7$3 = {
+  const _hoisted_7$4 = {
     key: 2,
     class: "small-progress"
   };
@@ -5373,10 +5373,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               class: "selected w-full",
               role: "listbox"
             }, [
-              selectedItems.value.length === 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$m, null, 512)), [
+              selectedItems.value.length === 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$n, null, 512)), [
                 [vue.unref(vT), _ctx.placeholder]
-              ]) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$d, [
-                _ctx.selectedLabelProvider ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_6$4, null, 512)), [
+              ]) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$e, [
+                _ctx.selectedLabelProvider ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_6$5, null, 512)), [
                   [vue.unref(vT), _ctx.selectedLabelProvider(selectedItems.value)]
                 ]) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(selectedItems.value, (item) => {
                   return vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
@@ -5388,7 +5388,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 }), 128))
               ])),
               _cache[5] || (_cache[5] = vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
-              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$3, "progress_activity")) : vue.createCommentVNode("", true)
+              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$4, "progress_activity")) : vue.createCommentVNode("", true)
             ], 512),
             !_ctx.disabled && showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
               key: 0,
@@ -5580,11 +5580,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 1,
     class: "font-icon w-16 text-gray-400"
   };
-  const _hoisted_4$l = {
+  const _hoisted_4$m = {
     key: 2,
     class: "move-buttons"
   };
-  const _hoisted_5$c = {
+  const _hoisted_5$d = {
     key: 0,
     class: "child-rows"
   };
@@ -5705,7 +5705,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               [vue.unref(vT), label.value],
               [vue.unref(vTreeRowDrag), dragOption]
             ]),
-            _ctx.showMoveButton ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$l, [
+            _ctx.showMoveButton ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$m, [
               vue.createElementVNode("span", {
                 class: "bs-clickable font-icon move-down",
                 onClick: moveDownRow
@@ -5718,7 +5718,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           ], 2)), [
             [vue.unref(vTreeRowDrop), dropOption]
           ]),
-          children.value && children.value.length > 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_5$c, [
+          children.value && children.value.length > 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_5$d, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(children.value, (child) => {
               return vue.openBlock(), vue.createBlock(_component_BSTreeRow, {
                 key: _ctx.keyProvider(child),
@@ -6390,11 +6390,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 0,
     class: "placeholder flex-grow-1"
   };
-  const _hoisted_4$k = {
+  const _hoisted_4$l = {
     key: 1,
     class: "label"
   };
-  const _hoisted_5$b = {
+  const _hoisted_5$c = {
     key: 2,
     class: "small-progress"
   };
@@ -6544,11 +6544,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             }, [
               !selectedItem.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_3$w, null, 512)), [
                 [vue.unref(vT), _ctx.placeholder]
-              ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$k, null, 512)), [
+              ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$l, null, 512)), [
                 [vue.unref(vT), selectedItemLabel.value]
               ]),
               _cache[6] || (_cache[6] = vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
-              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$b, "progress_activity")) : vue.createCommentVNode("", true)
+              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$c, "progress_activity")) : vue.createCommentVNode("", true)
             ], 512),
             showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
               key: 0,
@@ -6584,11 +6584,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 0,
     class: "placeholder flex-grow-1"
   };
-  const _hoisted_4$j = {
+  const _hoisted_4$k = {
     key: 1,
     class: "label"
   };
-  const _hoisted_5$a = {
+  const _hoisted_5$b = {
     key: 2,
     class: "small-progress"
   };
@@ -6734,11 +6734,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             }, [
               !selectedItems.value || selectedItems.value.length == 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_3$v, null, 512)), [
                 [vue.unref(vT), _ctx.placeholder]
-              ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$j, null, 512)), [
+              ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$k, null, 512)), [
                 [vue.unref(vT), selectedItemLabel.value]
               ]),
               _cache[7] || (_cache[7] = vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
-              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$a, "progress_activity")) : vue.createCommentVNode("", true)
+              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$b, "progress_activity")) : vue.createCommentVNode("", true)
             ], 512),
             showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
               key: 0,
@@ -6832,7 +6832,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 1,
     class: "input-area bs-layout-horizontal align-items-start"
   };
-  const _hoisted_4$i = ["disabled", "maxlength", "name", "tabindex"];
+  const _hoisted_4$j = ["disabled", "maxlength", "name", "tabindex"];
   const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTextArea",
     props: {
@@ -6988,7 +6988,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               class: "flex-grow-1",
               onPointerdown: capturePointer,
               onPointerup: preserveResizedHeight
-            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_4$i), [
+            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_4$j), [
               [vue.vModelText, vue.unref(stringValue)],
               [
                 vue.unref(vT),
@@ -28352,43 +28352,6 @@ img.ProseMirror-separator {
       return ["tr", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     }
   });
-  const TableCell = Node.create({
-    name: "tableCell",
-    addOptions() {
-      return {
-        HTMLAttributes: {}
-      };
-    },
-    content: "block+",
-    addAttributes() {
-      return {
-        colspan: {
-          default: 1
-        },
-        rowspan: {
-          default: 1
-        },
-        colwidth: {
-          default: null,
-          parseHTML: (element) => {
-            const colwidth = element.getAttribute("colwidth");
-            const value = colwidth ? colwidth.split(",").map((width) => parseInt(width, 10)) : null;
-            return value;
-          }
-        }
-      };
-    },
-    tableRole: "cell",
-    isolating: true,
-    parseHTML() {
-      return [
-        { tag: "td" }
-      ];
-    },
-    renderHTML({ HTMLAttributes }) {
-      return ["td", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
-    }
-  });
   const _hoisted_1$1b = { class: "tool-button-font-size bs-layout-horizontal align-items-center" };
   const _hoisted_2$S = ["disabled", "value"];
   const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
@@ -31022,10 +30985,11 @@ img.ProseMirror-separator {
   const parseHTMLStyle = (attr) => {
     return (element) => element.style[attr];
   };
-  const renderHTMLStyle = (attr) => {
+  const renderHTMLStyle = (attr, attrName2) => {
     return (attrs) => {
       const kebabCaseName = attr.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-      return attrs[attr] ? { style: `${kebabCaseName}: ${attrs[attr]}` } : void 0;
+      const value = attrs[attrName2 || attr];
+      return value ? { style: `${kebabCaseName}: ${value}` } : void 0;
     };
   };
   const createStyleString = (attr, names) => {
@@ -31038,6 +31002,15 @@ img.ProseMirror-separator {
         height: { parseHTML: parseHTMLStyle("height"), renderHTML: renderHTMLStyle("height") },
         maxWidth: { parseHTML: parseHTMLStyle("maxWidth"), renderHTML: renderHTMLStyle("maxWidth") },
         maxHeight: { parseHTML: parseHTMLStyle("maxHeight"), renderHTML: renderHTMLStyle("maxHeight") },
+        marginLeft: { parseHTML: parseHTMLStyle("marginLeft"), renderHTML: renderHTMLStyle("marginLeft") },
+        marginTop: { parseHTML: parseHTMLStyle("marginTop"), renderHTML: renderHTMLStyle("marginTop") },
+        marginRight: { parseHTML: parseHTMLStyle("marginRight"), renderHTML: renderHTMLStyle("marginRight") },
+        marginBottom: { parseHTML: parseHTMLStyle("marginBottom"), renderHTML: renderHTMLStyle("marginBottom") },
+        tableAlign: {
+          default: "",
+          parseHTML: parseHTMLStyle("alignSelf"),
+          renderHTML: renderHTMLStyle("alignSelf", "tableAlign")
+        },
         class: {
           default: void 0,
           parseHTML: (element) => element.className,
@@ -31050,6 +31023,13 @@ img.ProseMirror-separator {
     renderHTML: (props) => {
       var _a2;
       const result = (_a2 = Table.config.renderHTML) == null ? void 0 : _a2.apply(Table, [props]);
+      if (Array.isArray(result) && result.length > 1) {
+        const attrs = result[1];
+        attrs.style = props.HTMLAttributes.style;
+      }
+      if (Array.isArray(result) && result.length > 2 && result[2][0] === "colgroup") {
+        result.splice(2, 1);
+      }
       return [
         "div",
         { class: "table-wrapper" },
@@ -31595,16 +31575,23 @@ img.ProseMirror-separator {
         start: {
           default: 0
         },
-        width: { parseHTML: parseHTMLStyle("width"), renderHTML: renderHTMLStyle("width") },
-        height: { parseHTML: parseHTMLStyle("height"), renderHTML: renderHTMLStyle("height") },
-        maxWidth: { parseHTML: parseHTMLStyle("maxWidth"), renderHTML: renderHTMLStyle("maxWidth") },
-        maxHeight: { parseHTML: parseHTMLStyle("maxHeight"), renderHTML: renderHTMLStyle("maxHeight") },
-        marginLeft: { parseHTML: parseHTMLStyle("marginLeft"), renderHTML: renderHTMLStyle("marginLeft") },
-        marginTop: { parseHTML: parseHTMLStyle("marginTop"), renderHTML: renderHTMLStyle("marginTop") },
-        marginRight: { parseHTML: parseHTMLStyle("marginRight"), renderHTML: renderHTMLStyle("marginRight") },
-        marginBottom: { parseHTML: parseHTMLStyle("marginBottom"), renderHTML: renderHTMLStyle("marginBottom") }
+        width: { parseHTML: parseWrapperHTMLStyle("width"), renderHTML: renderHTMLStyle("width") },
+        height: { parseHTML: parseWrapperHTMLStyle("height"), renderHTML: renderHTMLStyle("height") },
+        maxWidth: { parseHTML: parseWrapperHTMLStyle("maxWidth"), renderHTML: renderHTMLStyle("maxWidth") },
+        maxHeight: { parseHTML: parseWrapperHTMLStyle("maxHeight"), renderHTML: renderHTMLStyle("maxHeight") },
+        marginLeft: { parseHTML: parseWrapperHTMLStyle("marginLeft"), renderHTML: renderHTMLStyle("marginLeft") },
+        marginTop: { parseHTML: parseWrapperHTMLStyle("marginTop"), renderHTML: renderHTMLStyle("marginTop") },
+        marginRight: { parseHTML: parseWrapperHTMLStyle("marginRight"), renderHTML: renderHTMLStyle("marginRight") },
+        marginBottom: { parseHTML: parseWrapperHTMLStyle("marginBottom"), renderHTML: renderHTMLStyle("marginBottom") }
       };
     },
+    parseHTML() {
+      return [
+        {
+          tag: "span[data-youtube-video] iframe"
+        }
+      ];
+    },
     // Youtube extension 에서는 div 로 감싸는데, p 안에 div 가 들어갈 수 없어, span 으로 변경함.
     renderHTML: (props) => {
       var _a2;
@@ -31616,14 +31603,21 @@ img.ProseMirror-separator {
         const iframeAttr = result[2][1];
         delete iframeAttr.width;
         delete iframeAttr.height;
-        iframeAttr.style = `width: 100%; height:100%;`;
+        iframeAttr.style = `width: 100%; height:100%; ${args.style};`;
         return ["span", args, [iframe, iframeAttr]];
       }
       return "span";
     }
   });
+  const parseWrapperHTMLStyle = (attr) => {
+    return (element) => {
+      var _a2;
+      return (_a2 = element.parentElement) == null ? void 0 : _a2.style[attr];
+    };
+  };
   const createWrapperStyle = (attrs) => {
     if (!attrs.aspectRatio) attrs.aspectRatio = "16/9";
+    if (!attrs.width) attrs.width = "100%";
     attrs = normalizeYoutubeInfoData(attrs);
     const styleKeys = ["aspectRatio", "width", "height", "maxWidth", "maxHeight", "marginLeft", "marginTop", "marginRight", "marginBottom"];
     const styles = [];
@@ -33988,6 +33982,70 @@ img.ProseMirror-separator {
   }
   const richTextContentStyle = '.rich-text-content {\n  font-size: 14px;\n}\n.rich-text-content * {\n  line-height: 1.4em;\n}\n.rich-text-content p {\n  margin: 0 0 4px 0;\n  padding: 0;\n}\n.rich-text-content p:empty:before {\n  content: " ";\n  white-space: pre;\n}\n.rich-text-content pre {\n  background-color: #eee;\n  padding: 8px;\n  margin: 8px 0;\n  border-radius: 4px;\n  font-family: "Lucida Console", sans-serif;\n}\n.rich-text-content h1 {\n  font-size: 1.8rem;\n  margin: 1rem 0 0.4rem;\n}\n.rich-text-content h2 {\n  font-size: 1.6rem;\n  margin: 0.6rem 0 0.2rem;\n}\n.rich-text-content h3 {\n  font-size: 1.4rem;\n  margin: 0.4rem 0 0.2rem;\n}\n.rich-text-content h4 {\n  font-size: 1.2rem;\n  margin: 0.4rem 0 0.2rem;\n}\n.rich-text-content ul {\n  padding-left: 1em;\n}\n.rich-text-content ul li {\n  list-style: inside disc;\n}\n.rich-text-content ul li > ul > li {\n  list-style: inside circle;\n}\n.rich-text-content ul li > ul > li > ul > li {\n  list-style: inside square;\n}\n.rich-text-content ul li > p {\n  display: inline;\n}\n.rich-text-content ol {\n  padding-left: 1em;\n}\n.rich-text-content ol li {\n  list-style: inside decimal;\n}\n.rich-text-content ol li > ol > li {\n  list-style: inside lower-alpha;\n}\n.rich-text-content ol li > ol > li > ol > li {\n  list-style: inside lower-roman;\n}\n.rich-text-content ol li > p {\n  display: inline;\n}\n.rich-text-content > div > ul, .rich-text-content > div > ol {\n  margin: 8px 0;\n}\n.rich-text-content em {\n  font-style: italic;\n}\n.rich-text-content .table-wrapper {\n  margin: 0.5rem 0;\n  overflow-x: auto;\n  display: flex;\n  flex-direction: column;\n}\n.rich-text-content table {\n  border-collapse: collapse;\n  text-align: left;\n}\n.rich-text-content table > tr > th, .rich-text-content table > tr > td, .rich-text-content table > tbody > tr > th, .rich-text-content table > tbody > tr > td {\n  border: 1px solid #ccc;\n  box-sizing: border-box;\n  padding: 6px 8px;\n  vertical-align: top;\n}\n.rich-text-content table > tr > th > p, .rich-text-content table > tr > td > p, .rich-text-content table > tbody > tr > th > p, .rich-text-content table > tbody > tr > td > p {\n  margin-bottom: 0;\n}\n.rich-text-content img {\n  display: inline-block;\n  height: auto;\n  margin: 0.5rem 0;\n  max-width: 100%;\n}\n.rich-text-content span[data-youtube-video] {\n  padding-right: 0.5rem;\n  display: inline-block;\n}\n.rich-text-content span[data-youtube-video] iframe {\n  border: 0.5rem solid var(--black-contrast);\n  outline: 0 solid transparent;\n}';
   const richTextContainerStyle = ':root {\n  --body-bg: #ffffff;\n  --gray-400: #A9A9A9;\n  --primary: #5672EF;\n  --icon-font-family: Material Symbols Outlined, monospace;\n}\n\n.bs-rich-text-editor {\n  width: 100%;\n  box-sizing: border-box;\n  overflow: auto;\n  padding: 8px;\n  margin: 0 auto;\n  background-color: var(--body-bg);\n  align-self: center;\n  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.2);\n  /* table */\n  /* image */\n  /* youtube */\n}\n.bs-rich-text-editor > .tiptap {\n  width: 100%;\n  flex-grow: 1;\n}\n.bs-rich-text-editor > .tiptap:focus {\n  outline: 0;\n}\n.bs-rich-text-editor table {\n  table-layout: fixed;\n}\n.bs-rich-text-editor table td,\n.bs-rich-text-editor table th {\n  min-width: 1em;\n  position: relative;\n}\n.bs-rich-text-editor table td > *,\n.bs-rich-text-editor table th > * {\n  margin-bottom: 0;\n}\n.bs-rich-text-editor table th {\n  font-weight: bold;\n  text-align: left;\n}\n.bs-rich-text-editor table .selectedCell:after {\n  background: var(--gray-400);\n  opacity: 0.3;\n  content: "";\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  pointer-events: none;\n  position: absolute;\n  z-index: 1;\n}\n.bs-rich-text-editor table .column-resize-handle {\n  background-color: var(--primary);\n  bottom: -2px;\n  pointer-events: none;\n  position: absolute;\n  right: -2px;\n  top: 0;\n  width: 4px;\n  z-index: 2;\n}\n.bs-rich-text-editor img, .bs-rich-text-editor video {\n  user-select: auto;\n}\n.bs-rich-text-editor img.ProseMirror-selectednode, .bs-rich-text-editor video.ProseMirror-selectednode {\n  outline: 3px solid var(--primary);\n  position: relative;\n  transition: outline 0.15s;\n  z-index: 1;\n}\n.bs-rich-text-editor span[data-youtube-video] {\n  position: relative;\n  cursor: move;\n}\n.bs-rich-text-editor span[data-youtube-video] iframe {\n  user-select: auto;\n}\n.bs-rich-text-editor span[data-youtube-video].ProseMirror-selectednode iframe {\n  outline: 3px solid var(--primary);\n  transition: outline 0.15s;\n}\n.bs-rich-text-editor span[data-youtube-video]::after {\n  content: "menu";\n  font-family: var(--icon-font-family);\n  position: absolute;\n  background-color: white;\n  border-radius: 4px;\n  padding: 4px;\n  left: 8px;\n  top: 8px;\n  font-size: 20px;\n  line-height: 1em;\n}';
+  const TableCell = Node.create({
+    name: "tableCell",
+    addOptions() {
+      return {
+        HTMLAttributes: {}
+      };
+    },
+    content: "block+",
+    addAttributes() {
+      return {
+        colspan: {
+          default: 1
+        },
+        rowspan: {
+          default: 1
+        },
+        colwidth: {
+          default: null,
+          parseHTML: (element) => {
+            const colwidth = element.getAttribute("colwidth");
+            const value = colwidth ? colwidth.split(",").map((width) => parseInt(width, 10)) : null;
+            return value;
+          }
+        }
+      };
+    },
+    tableRole: "cell",
+    isolating: true,
+    parseHTML() {
+      return [
+        { tag: "td" }
+      ];
+    },
+    renderHTML({ HTMLAttributes }) {
+      return ["td", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+    }
+  });
+  const RichTextTableCell = TableCell.extend({
+    addAttributes() {
+      var _a2;
+      return {
+        ...(_a2 = this.parent) == null ? void 0 : _a2.call(this),
+        width: { parseHTML: parseHTMLStyle("width"), renderHTML: renderHTMLStyle("width") },
+        colspan: {
+          default: 1,
+          parseHTML: (el) => {
+            return Number(el.getAttribute("colspan")) || 1;
+          },
+          renderHTML: (attrs) => {
+            if ((attrs.colspan || 1) > 1) return { colspan: attrs.colspan };
+          }
+        },
+        rowspan: {
+          default: 1,
+          parseHTML: (el) => {
+            return Number(el.getAttribute("rowspan")) || 1;
+          },
+          renderHTML: (attrs) => {
+            if ((attrs.rowspan || 1) > 1) return { rowspan: attrs.rowspan };
+          }
+        }
+      };
+    }
+  });
   const _hoisted_1$10 = ["innerHTML"];
   const _hoisted_2$L = { class: "editor-container" };
   const WRAP_BEGIN = '<div class="rich-text-content">';
@@ -34041,14 +34099,14 @@ img.ProseMirror-separator {
             inline: true
           }),
           RichTextTable.configure({
-            resizable: true,
-            lastColumnResizable: true,
+            resizable: false,
+            lastColumnResizable: false,
             allowTableNodeSelection: true,
             View: RichTextTableView
           }),
           TableHeader,
           TableRow,
-          TableCell,
+          RichTextTableCell,
           RichTextYoutube.configure({
             inline: true,
             controls: false,
@@ -34168,10 +34226,19 @@ img.ProseMirror-separator {
             const doc2 = iframeRef.value.contentWindow.document;
             const context = {
               iframeDocument: doc2,
+              fontLinks: [
+                "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block"
+              ],
               editorStyles: [richTextContainerStyle],
               contentStyles: [richTextContentStyle]
             };
             emit("editorIframeReady", context);
+            context.fontLinks.forEach((font) => {
+              const link = doc2.createElement("link");
+              link.setAttribute("href", font);
+              link.setAttribute("rel", "stylesheet");
+              doc2.head.appendChild(link);
+            });
             const styles = [...context.editorStyles || [], ...context.contentStyles || []];
             styles.forEach((css2) => {
               const style2 = doc2.createElement("style");
@@ -34391,9 +34458,9 @@ img.ProseMirror-separator {
   const _hoisted_1$$ = ["poster"];
   const _hoisted_2$K = ["src"];
   const _hoisted_3$s = ["alt", "src"];
-  const _hoisted_4$h = ["alt", "src"];
-  const _hoisted_5$9 = ["href"];
-  const _hoisted_6$3 = {
+  const _hoisted_4$i = ["alt", "src"];
+  const _hoisted_5$a = ["href"];
+  const _hoisted_6$4 = {
     key: 7,
     class: "font-icon bottom-2 left-2 button"
   };
@@ -34505,7 +34572,7 @@ img.ProseMirror-separator {
             alt: _ctx.file.altText,
             src: fileUrl.value,
             style: vue.normalizeStyle({ width: _ctx.width, height: _ctx.height, maxWidth: _ctx.maxWidth })
-          }, null, 12, _hoisted_4$h)),
+          }, null, 12, _hoisted_4$i)),
           _ctx.showDeleteButton ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
             key: 3,
             class: "bs-clickable font-icon button show-on-hover top-2 right-2",
@@ -34551,7 +34618,7 @@ img.ProseMirror-separator {
             target: "_blank"
           }, _cache[2] || (_cache[2] = [
             vue.createTextVNode("zoom_in")
-          ]), 8, _hoisted_5$9)), [
+          ]), 8, _hoisted_5$a)), [
             [
               vue.unref(vT),
               { key: "bs.openInNewTab" },
@@ -34572,7 +34639,7 @@ img.ProseMirror-separator {
               void 0,
               { title: true }
             ]
-          ]) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$3, vue.toDisplayString(mediaTypeIcon.value), 1))
+          ]) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$4, vue.toDisplayString(mediaTypeIcon.value), 1))
         ], 34)) : vue.createCommentVNode("", true);
       };
     }
@@ -36449,7 +36516,7 @@ img.ProseMirror-separator {
   const _hoisted_1$X = ["data-property-id"];
   const _hoisted_2$H = { class: "bs-layout-horizontal align-items-center" };
   const _hoisted_3$p = { class: "flex-grow-1 text-truncate" };
-  const _hoisted_4$g = ["textContent"];
+  const _hoisted_4$h = ["textContent"];
   const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
     __name: "BSGridHeaderCell",
     props: {
@@ -36538,7 +36605,7 @@ img.ProseMirror-separator {
                 class: vue.normalizeClass([{ "text-gray-400": ascending.value === void 0, "descending": !ascending.value }, "sort-icon font-icon bs-clickable"]),
                 onClick: sort,
                 textContent: vue.toDisplayString(ascending.value === void 0 ? "swap_vert" : "straight")
-              }, null, 10, _hoisted_4$g)) : vue.createCommentVNode("", true)
+              }, null, 10, _hoisted_4$h)) : vue.createCommentVNode("", true)
             ]),
             vue.renderSlot(_ctx.$slots, "filter", {}, void 0, true),
             vue.createVNode(BSGridHeaderCellResizeHandle, {
@@ -37051,13 +37118,13 @@ img.ProseMirror-separator {
     key: 0,
     class: "fixed func-cell"
   };
-  const _hoisted_4$f = {
+  const _hoisted_4$g = {
     key: 2,
     class: "fixed func-cell edit-icon"
   };
-  const _hoisted_5$8 = { key: 0 };
-  const _hoisted_6$2 = { key: 1 };
-  const _hoisted_7$2 = { class: "position-absolute text-nowrap pa-8" };
+  const _hoisted_5$9 = { key: 0 };
+  const _hoisted_6$3 = { key: 1 };
+  const _hoisted_7$3 = { class: "position-absolute text-nowrap pa-8" };
   const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
     __name: "BSGrid",
     props: {
@@ -37333,7 +37400,7 @@ img.ProseMirror-separator {
                     "selected-row-count": vue.unref(internalSelectedRows).size,
                     onClick: toggleAllSelection
                   }, null, 8, ["selected-row-count"])) : vue.createCommentVNode("", true),
-                  _ctx.editable && !_ctx.hideEditIcon ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_4$f, _cache[1] || (_cache[1] = [
+                  _ctx.editable && !_ctx.hideEditIcon ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_4$g, _cache[1] || (_cache[1] = [
                     vue.createElementVNode("div", null, null, -1)
                   ]))) : vue.createCommentVNode("", true),
                   _ctx.showSerial ? (vue.openBlock(), vue.createBlock(BSGridHeaderCellSerialNo, { key: 3 })) : vue.createCommentVNode("", true),
@@ -37363,13 +37430,13 @@ img.ProseMirror-separator {
                 ])
               ]),
               vue.createElementVNode("tbody", null, [
-                _ctx.loading ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_5$8, [
+                _ctx.loading ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_5$9, [
                   vue.createElementVNode("td", null, [
                     vue.createVNode(BSLoadingIcon, { class: "position-absolute pa-8" })
                   ])
-                ])) : _ctx.data && _ctx.data.length === 0 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_6$2, [
+                ])) : _ctx.data && _ctx.data.length === 0 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_6$3, [
                   vue.createElementVNode("td", null, [
-                    vue.withDirectives(vue.createElementVNode("div", _hoisted_7$2, null, 512), [
+                    vue.withDirectives(vue.createElementVNode("div", _hoisted_7$3, null, 512), [
                       [vue.unref(vT), { key: "bs.grid.empty" }]
                     ])
                   ])
@@ -37478,7 +37545,7 @@ img.ProseMirror-separator {
   const _hoisted_1$O = { class: "bs-text-filter" };
   const _hoisted_2$D = { class: "input-wrap" };
   const _hoisted_3$n = { class: "textarea-wrap" };
-  const _hoisted_4$e = {
+  const _hoisted_4$f = {
     class: "filter-caption text-nowrap",
     "data-id": "filterCaption"
   };
@@ -37611,7 +37678,7 @@ img.ProseMirror-separator {
           ], 512), [
             [vue.vShow, filterMode.value === "TEXTAREA"]
           ]),
-          vue.createElementVNode("div", _hoisted_4$e, [
+          vue.createElementVNode("div", _hoisted_4$f, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filterMode.value === "INPUT" ? likeTextFilterItems.value : inTextFilterItems.value, (item) => {
               return vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
                 key: item.propertyId
@@ -37995,12 +38062,12 @@ img.ProseMirror-separator {
   const _hoisted_1$L = { class: "bs-grid-control" };
   const _hoisted_2$A = { key: 0 };
   const _hoisted_3$m = { key: 1 };
-  const _hoisted_4$d = { key: 2 };
-  const _hoisted_5$7 = { key: 3 };
-  const _hoisted_6$1 = { key: 4 };
-  const _hoisted_7$1 = ["textContent"];
-  const _hoisted_8$1 = { key: 5 };
-  const _hoisted_9 = ["textContent"];
+  const _hoisted_4$e = { key: 2 };
+  const _hoisted_5$8 = { key: 3 };
+  const _hoisted_6$2 = { key: 4 };
+  const _hoisted_7$2 = ["textContent"];
+  const _hoisted_8$2 = { key: 5 };
+  const _hoisted_9$1 = ["textContent"];
   const _hoisted_10 = { key: 6 };
   const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     __name: "BSGridControl",
@@ -38075,7 +38142,7 @@ img.ProseMirror-separator {
               onClick: refreshGrid
             })
           ])) : vue.createCommentVNode("", true),
-          _ctx.showClearFilter ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$d, [
+          _ctx.showClearFilter ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$e, [
             vue.createVNode(BSButton, {
               caption: { key: "bs.grid.clearSetting" },
               "data-id": "clearSettingBtn",
@@ -38083,7 +38150,7 @@ img.ProseMirror-separator {
               onClick: clearGridFilter
             })
           ])) : vue.createCommentVNode("", true),
-          _ctx.showAddButton ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$7, [
+          _ctx.showAddButton ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$8, [
             vue.createVNode(BSButton, {
               caption: { key: "bs.gridcontrol.addRow" },
               "data-id": "addRowBtn",
@@ -38091,7 +38158,7 @@ img.ProseMirror-separator {
               onClick: _cache[0] || (_cache[0] = ($event) => emit("clickAdd"))
             })
           ])) : vue.createCommentVNode("", true),
-          _ctx.showRemoveButton ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, [
+          _ctx.showRemoveButton ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
             vue.createVNode(BSButton, {
               caption: { key: "bs.gridcontrol.removeRow" },
               "data-id": "removeRowBtn",
@@ -38107,9 +38174,9 @@ img.ProseMirror-separator {
             vue.createElementVNode("span", {
               "data-id": "totalCount",
               textContent: vue.toDisplayString(formattedTotalCount.value)
-            }, null, 8, _hoisted_7$1)
+            }, null, 8, _hoisted_7$2)
           ]),
-          selectedCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$1, [
+          selectedCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$2, [
             vue.withDirectives(vue.createElementVNode("span", null, null, 512), [
               [vue.unref(vT), { key: "bs.gridcontrol.selectedCount" }]
             ]),
@@ -38117,7 +38184,7 @@ img.ProseMirror-separator {
             vue.createElementVNode("span", {
               "data-id": "selectedCount",
               textContent: vue.toDisplayString(formattedSelectedCount.value)
-            }, null, 8, _hoisted_9)
+            }, null, 8, _hoisted_9$1)
           ])) : vue.createCommentVNode("", true),
           _ctx.showLimit ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
             vue.createVNode(_sfc_main$1W, {
@@ -38346,14 +38413,14 @@ img.ProseMirror-separator {
   const _hoisted_1$J = ["data-current-tab"];
   const _hoisted_2$y = { class: "prefix" };
   const _hoisted_3$l = { class: "tabs flex-grow-1 flex-shrink-1" };
-  const _hoisted_4$c = ["data-tab-id", "onClick"];
-  const _hoisted_5$6 = {
+  const _hoisted_4$d = ["data-tab-id", "onClick"];
+  const _hoisted_5$7 = {
     key: 0,
     class: "font-icon"
   };
-  const _hoisted_6 = { class: "ml-4" };
-  const _hoisted_7 = { class: "buttons text-nowrap" };
-  const _hoisted_8 = { class: "flex-grow-1 h-4 bs-layout-vertical" };
+  const _hoisted_6$1 = { class: "ml-4" };
+  const _hoisted_7$1 = { class: "buttons text-nowrap" };
+  const _hoisted_8$1 = { class: "flex-grow-1 h-4 bs-layout-vertical" };
   const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTabSheet",
     props: {
@@ -38463,18 +38530,18 @@ img.ProseMirror-separator {
                   "data-tab-id": tab.tabId,
                   onClick: ($event) => selectTab(tab)
                 }, [
-                  tab.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$6, vue.toDisplayString(tab.icon), 1)) : vue.createCommentVNode("", true),
-                  vue.withDirectives(vue.createElementVNode("span", _hoisted_6, null, 512), [
+                  tab.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$7, vue.toDisplayString(tab.icon), 1)) : vue.createCommentVNode("", true),
+                  vue.withDirectives(vue.createElementVNode("span", _hoisted_6$1, null, 512), [
                     [vue.unref(vT), tab.caption]
                   ])
-                ], 10, _hoisted_4$c);
+                ], 10, _hoisted_4$d);
               }), 128))
             ]),
-            vue.createElementVNode("div", _hoisted_7, [
+            vue.createElementVNode("div", _hoisted_7$1, [
               vue.renderSlot(_ctx.$slots, "buttons")
             ])
           ], 2),
-          vue.createElementVNode("div", _hoisted_8, [
+          vue.createElementVNode("div", _hoisted_8$1, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(createdTabs.value, (createdTab) => {
               var _a3;
               return vue.renderSlot(_ctx.$slots, createdTab.tabId, {
@@ -67795,7 +67862,7 @@ img.ProseMirror-separator {
     key: 0,
     class: "address-caption"
   };
-  const _hoisted_4$b = { key: 0 };
+  const _hoisted_4$c = { key: 0 };
   const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     __name: "BSAddressInput",
     props: {
@@ -67941,7 +68008,7 @@ img.ProseMirror-separator {
                       width: ((_e = selectedConfig.value.widths) == null ? void 0 : _e[index - 1]) || "100%"
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "class", "disabled", "max-length", "maxlength", "name", "view-mode", "width"])
                   ]),
-                  selectedConfig.value.lineBreak === index || selectedConfig.value.lineBreak === "all" ? (vue.openBlock(), vue.createElementBlock("br", _hoisted_4$b)) : vue.createCommentVNode("", true)
+                  selectedConfig.value.lineBreak === index || selectedConfig.value.lineBreak === "all" ? (vue.openBlock(), vue.createElementBlock("br", _hoisted_4$c)) : vue.createCommentVNode("", true)
                 ], 64);
               }), 128))
             ]),
@@ -68329,7 +68396,7 @@ img.ProseMirror-separator {
     class: "title-bar bs-layout-horizontal flex-align-center"
   };
   const _hoisted_3$f = { class: "title flex-grow-1" };
-  const _hoisted_4$a = { class: "title-buttons" };
+  const _hoisted_4$b = { class: "title-buttons" };
   const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     __name: "BSModalFrame",
     props: {
@@ -68375,7 +68442,7 @@ img.ProseMirror-separator {
                 ])
               ])
             ]),
-            vue.createElementVNode("div", _hoisted_4$a, [
+            vue.createElementVNode("div", _hoisted_4$b, [
               vue.renderSlot(_ctx.$slots, "title-buttons")
             ]),
             vue.createElementVNode("div", null, [
@@ -68451,7 +68518,7 @@ img.ProseMirror-separator {
   const _hoisted_1$r = { class: "bs-notification-container" };
   const _hoisted_2$k = { class: "top-notification bs-layout-vertical-inline flex-align-center gap-4" };
   const _hoisted_3$e = { class: "bottom-notification bs-layout-vertical-inline flex-align-end gap-4" };
-  const _hoisted_4$9 = { class: "tooltip-container" };
+  const _hoisted_4$a = { class: "tooltip-container" };
   const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     __name: "BSNotificationContainer",
     setup(__props) {
@@ -68494,7 +68561,7 @@ img.ProseMirror-separator {
               _: 1
             })
           ]),
-          vue.createElementVNode("div", _hoisted_4$9, [
+          vue.createElementVNode("div", _hoisted_4$a, [
             vue.unref(tooltipEntry) ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
               key: 0,
               ref_key: "tooltip",
@@ -68516,8 +68583,8 @@ img.ProseMirror-separator {
     class: "title-bar bs-layout-horizontal flex-align-center"
   };
   const _hoisted_3$d = { class: "title d-flex align-items-center gap-8" };
-  const _hoisted_4$8 = { class: "flex-grow-1 overflow-auto" };
-  const _hoisted_5$5 = {
+  const _hoisted_4$9 = { class: "flex-grow-1 overflow-auto" };
+  const _hoisted_5$6 = {
     key: 1,
     class: "buttons"
   };
@@ -68543,10 +68610,10 @@ img.ProseMirror-separator {
               ], true)
             ])
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_4$8, [
+          vue.createElementVNode("div", _hoisted_4$9, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ]),
-          hasButtons.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$5, [
+          hasButtons.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, [
             vue.renderSlot(_ctx.$slots, "buttons", {}, void 0, true)
           ])) : vue.createCommentVNode("", true)
         ]);
@@ -69019,8 +69086,8 @@ img.ProseMirror-separator {
   const _hoisted_1$o = { class: "menu-search position-relative bs-layout-horizontal gap-8" };
   const _hoisted_2$i = { class: "menu-search-box flex-grow-1" };
   const _hoisted_3$c = ["value"];
-  const _hoisted_4$7 = { class: "icon bs-layout-horizontal align-items-center" };
-  const _hoisted_5$4 = { class: "font-icon" };
+  const _hoisted_4$8 = { class: "icon bs-layout-horizontal align-items-center" };
+  const _hoisted_5$5 = { class: "font-icon" };
   const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     __name: "SidebarMenuSearch",
     props: {
@@ -69109,7 +69176,7 @@ img.ProseMirror-separator {
                 { placeholder: true }
               ]
             ]),
-            vue.createElementVNode("div", _hoisted_4$7, [
+            vue.createElementVNode("div", _hoisted_4$8, [
               vue.createElementVNode("button", {
                 class: "bs-clickable",
                 onClick: emptyKeyword
@@ -69129,7 +69196,7 @@ img.ProseMirror-separator {
             class: "bs-clickable",
             onClick: toggleFixedMenu
           }, [
-            vue.createElementVNode("span", _hoisted_5$4, vue.toDisplayString(fixedMenuIcon.value), 1)
+            vue.createElementVNode("span", _hoisted_5$5, vue.toDisplayString(fixedMenuIcon.value), 1)
           ])
         ]);
       };
@@ -69780,8 +69847,8 @@ img.ProseMirror-separator {
   const _hoisted_1$f = { class: "title" };
   const _hoisted_2$d = { class: "title" };
   const _hoisted_3$b = { class: "title" };
-  const _hoisted_4$6 = { class: "title" };
-  const _hoisted_5$3 = { class: "bs-layout-horizontal gap-2" };
+  const _hoisted_4$7 = { class: "title" };
+  const _hoisted_5$4 = { class: "bs-layout-horizontal gap-2" };
   const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     __name: "ImageProperties",
     props: {
@@ -69882,10 +69949,10 @@ img.ProseMirror-separator {
             ])
           ]),
           vue.createElementVNode("div", null, [
-            vue.createElementVNode("div", _hoisted_4$6, [
+            vue.createElementVNode("div", _hoisted_4$7, [
               vue.createVNode(_sfc_main$1_, { label: { key: "bs.margin" } })
             ]),
-            vue.createElementVNode("div", _hoisted_5$3, [
+            vue.createElementVNode("div", _hoisted_5$4, [
               vue.withDirectives(vue.createVNode(_sfc_main$1S, {
                 modelValue: _ctx.imageInfo.marginLeft,
                 "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.imageInfo.marginLeft = $event),
@@ -70059,8 +70126,8 @@ img.ProseMirror-separator {
   const _hoisted_1$d = { class: "bs-layout-horizontal gap-8" };
   const _hoisted_2$b = { class: "title" };
   const _hoisted_3$9 = { class: "title" };
-  const _hoisted_4$5 = { class: "title" };
-  const _hoisted_5$2 = { class: "bs-layout-horizontal gap-2" };
+  const _hoisted_4$6 = { class: "title" };
+  const _hoisted_5$3 = { class: "bs-layout-horizontal gap-2" };
   const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     __name: "VideoProperties",
     props: {
@@ -70175,10 +70242,10 @@ img.ProseMirror-separator {
             ])
           ]),
           vue.createElementVNode("div", null, [
-            vue.createElementVNode("div", _hoisted_4$5, [
+            vue.createElementVNode("div", _hoisted_4$6, [
               vue.createVNode(_sfc_main$1_, { label: { key: "bs.margin" } })
             ]),
-            vue.createElementVNode("div", _hoisted_5$2, [
+            vue.createElementVNode("div", _hoisted_5$3, [
               vue.withDirectives(vue.createVNode(_sfc_main$1S, {
                 modelValue: _ctx.videoInfo.marginLeft,
                 "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => _ctx.videoInfo.marginLeft = $event),
@@ -70483,9 +70550,34 @@ img.ProseMirror-separator {
       marginBottom: componentUtil.numberToPixel(data.marginBottom)
     };
   };
+  const setTableColumnWidth = (node, tablePos, colIndex, width, tr2) => {
+    node.forEach((row, rowOffset) => {
+      let col = 0;
+      row.forEach((cell, cellOffset) => {
+        const colspan = cell.attrs.colspan || 1;
+        if (col <= colIndex && col + colspan > colIndex) {
+          tr2.setNodeMarkup(
+            tablePos + 1 + rowOffset + cellOffset,
+            void 0,
+            {
+              ...cell.attrs,
+              width
+            }
+          );
+        }
+        col += colspan;
+      });
+    });
+  };
   const _hoisted_1$9 = { class: "title" };
   const _hoisted_2$9 = { class: "title" };
-  const _hoisted_3$7 = { class: "bs-layout-horizontal justify-content-end gap-8" };
+  const _hoisted_3$7 = { class: "title" };
+  const _hoisted_4$5 = { class: "bs-layout-horizontal gap-2" };
+  const _hoisted_5$2 = { 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$a = /* @__PURE__ */ vue.defineComponent({
     __name: "TablePropertiesModal",
     props: {
@@ -70495,6 +70587,7 @@ img.ProseMirror-separator {
       const props = __props;
       const disabled = vue.computed(() => !props.editor.isEditable);
       const data = vue.ref();
+      const columns = vue.ref([]);
       vue.onMounted(() => {
         const selection = props.editor.state.selection;
         const { node } = findTableNode(selection, "table");
@@ -70502,20 +70595,41 @@ img.ProseMirror-separator {
           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 _a2;
+        (_a2 = columns.value) == null ? void 0 : _a2.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 = vue.useTemplateRef("form");
       const validator = formValidator({ element: form });
       const save = async () => {
         await validator.validate();
         props.editor.chain().focus().command(({ tr: tr2 }) => {
+          var _a2;
           const { node, nodePos } = findTableNode(tr2.selection, "table");
           if (node && nodePos && data.value) {
             tr2.setNodeMarkup(nodePos - 1, null, {
               ...node.attrs,
               ...tableInfoNumberToPixel(data.value)
             });
+            (_a2 = columns.value) == null ? void 0 : _a2.forEach((column, index) => {
+              setTableColumnWidth(node, nodePos, index, column.width, tr2);
+            });
           }
           return true;
         }).run();
@@ -70526,7 +70640,7 @@ img.ProseMirror-separator {
       };
       modalHandle.setDefaultStyle({
         width: "500px",
-        height: "400px"
+        maxHeight: "80%"
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(_sfc_main$u, { title: { key: "bs.richtext.table" } }, {
@@ -70548,7 +70662,7 @@ img.ProseMirror-separator {
                     disabled: disabled.value,
                     name: "width",
                     prefix: "W",
-                    width: "100px"
+                    width: "120px"
                   }, null, 8, ["modelValue", "disabled"]), [
                     [
                       vue.unref(vT),
@@ -70557,14 +70671,14 @@ img.ProseMirror-separator {
                       { title: true }
                     ]
                   ]),
-                  _cache[4] || (_cache[4] = vue.createTextVNode(" x ")),
+                  _cache[9] || (_cache[9] = vue.createTextVNode(" x ")),
                   vue.withDirectives(vue.createVNode(_sfc_main$1S, {
                     modelValue: data.value.height,
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => data.value.height = $event),
                     disabled: disabled.value,
                     name: "height",
                     prefix: "H",
-                    width: "100px"
+                    width: "120px"
                   }, null, 8, ["modelValue", "disabled"]), [
                     [
                       vue.unref(vT),
@@ -70586,7 +70700,7 @@ img.ProseMirror-separator {
                     disabled: disabled.value,
                     name: "maxWidth",
                     prefix: "W",
-                    width: "100px"
+                    width: "120px"
                   }, null, 8, ["modelValue", "disabled"]), [
                     [
                       vue.unref(vT),
@@ -70595,14 +70709,14 @@ img.ProseMirror-separator {
                       { title: true }
                     ]
                   ]),
-                  _cache[5] || (_cache[5] = vue.createTextVNode(" x ")),
+                  _cache[10] || (_cache[10] = vue.createTextVNode(" x ")),
                   vue.withDirectives(vue.createVNode(_sfc_main$1S, {
                     modelValue: data.value.maxHeight,
                     "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => data.value.maxHeight = $event),
                     disabled: disabled.value,
                     name: "maxHeight",
                     prefix: "H",
-                    width: "100px"
+                    width: "120px"
                   }, null, 8, ["modelValue", "disabled"]), [
                     [
                       vue.unref(vT),
@@ -70612,11 +70726,133 @@ img.ProseMirror-separator {
                     ]
                   ])
                 ])
+              ]),
+              vue.createElementVNode("div", null, [
+                vue.createElementVNode("div", _hoisted_3$7, [
+                  vue.createVNode(_sfc_main$1_, { label: { key: "bs.margin" } })
+                ]),
+                vue.createElementVNode("div", _hoisted_4$5, [
+                  vue.withDirectives(vue.createVNode(_sfc_main$1S, {
+                    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"]), [
+                    [
+                      vue.unref(vT),
+                      { key: "bs.left" },
+                      void 0,
+                      { title: true }
+                    ]
+                  ]),
+                  vue.withDirectives(vue.createVNode(_sfc_main$1S, {
+                    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"]), [
+                    [
+                      vue.unref(vT),
+                      { key: "bs.top" },
+                      void 0,
+                      { title: true }
+                    ]
+                  ]),
+                  vue.withDirectives(vue.createVNode(_sfc_main$1S, {
+                    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"]), [
+                    [
+                      vue.unref(vT),
+                      { key: "bs.bottom" },
+                      void 0,
+                      { title: true }
+                    ]
+                  ]),
+                  vue.withDirectives(vue.createVNode(_sfc_main$1S, {
+                    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"]), [
+                    [
+                      vue.unref(vT),
+                      { key: "bs.right" },
+                      void 0,
+                      { title: true }
+                    ]
+                  ])
+                ])
+              ]),
+              vue.createElementVNode("div", null, [
+                vue.createElementVNode("div", _hoisted_5$2, [
+                  vue.createVNode(_sfc_main$1_, { label: { key: "bs.align" } })
+                ]),
+                vue.createElementVNode("div", null, [
+                  vue.createVNode(_sfc_main$1B, {
+                    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"])
+                ])
+              ]),
+              vue.createElementVNode("div", null, [
+                vue.createElementVNode("div", _hoisted_6, [
+                  vue.createVNode(_sfc_main$1_, { label: { key: "bs.richtext.tableColumnInfo" } })
+                ]),
+                vue.createElementVNode("div", null, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(columns.value, (column, index) => {
+                    return vue.openBlock(), vue.createElementBlock("div", {
+                      key: index,
+                      class: "mb-4"
+                    }, [
+                      vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(index + 1) + ":", 1),
+                      vue.withDirectives(vue.createVNode(_sfc_main$1S, {
+                        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"]), [
+                        [
+                          vue.unref(vT),
+                          { key: "bs.width" },
+                          void 0,
+                          { title: true }
+                        ]
+                      ])
+                    ]);
+                  }), 128)),
+                  vue.createElementVNode("div", _hoisted_8, [
+                    vue.createVNode(BSButton, {
+                      caption: { key: "bs.clearAll" },
+                      onClick: resetAllColumns
+                    })
+                  ])
+                ])
               ])
             ], 512)) : vue.createCommentVNode("", true)
           ]),
           buttons: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_3$7, [
+            vue.createElementVNode("div", _hoisted_9, [
               vue.createVNode(BSButton, {
                 caption: { key: "bs.ok" },
                 "button-color": "blue",
@@ -70995,7 +71231,7 @@ img.ProseMirror-separator {
     setup(__props) {
       const props = __props;
       const disabled = vue.computed(() => !props.editor.isEditable);
-      const data = vue.ref({ src: "", aspectRatio: "16/9" });
+      const data = vue.ref({ src: "", aspectRatio: "16/9", width: "480px" });
       const modalHandle = useModalHandle();
       const insert2 = () => {
         if (data.value.src) {