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

package/dist/{index-BQZ3zTp7.js → index-BKKS6q-4.js}

@@ -87,8 +87,8 @@ const defaultAddressInputComponentConfig = {
   countryConfigs: ADDRESS_COUNTRY_CONFIGS
 };
 const defaultRichTextComponentConfig = {
-  imageInsertModal: defineAsyncComponent(() => import("./ImageInsertModal-BjQMX1aF.js")),
-  videoInsertModal: defineAsyncComponent(() => import("./VideoInsertModal-DMtZM5vy.js")),
+  imageInsertModal: defineAsyncComponent(() => import("./ImageInsertModal-Ca9ODxyY.js")),
+  videoInsertModal: defineAsyncComponent(() => import("./VideoInsertModal-mgYS8iD6.js")),
   toolButtons: [
     "Heading",
     "FontSize",
@@ -583,7 +583,7 @@ const waitUtil = {
   waitDuring,
   tryUntil
 };
-const _hoisted_1$1q = ["data-popup-id"];
+const _hoisted_1$1p = ["data-popup-id"];
 const ADJUST_OFFSET = 8;
 const _sfc_main$1I = /* @__PURE__ */ defineComponent({
   __name: "BSPopup",
@@ -768,7 +768,7 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
               onKeydown: _cache[1] || (_cache[1] = ($event) => emit("keydown", $event))
             }, [
               renderSlot(_ctx.$slots, "default")
-            ], 46, _hoisted_1$1q)
+            ], 46, _hoisted_1$1p)
           ]),
           _: 3
         })
@@ -810,7 +810,7 @@ const debounce$2 = (func, wait) => {
     });
   };
 };
-const _hoisted_1$1p = {
+const _hoisted_1$1o = {
   key: 0,
   class: "popup-search pa-4"
 };
@@ -975,7 +975,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
         onKeydown: withKeys(withModifiers(handleKeyboard, ["stop", "prevent"]), ["enter", "down", "up"])
       }, {
         default: withCtx(() => [
-          actualShowSearch.value ? (openBlock(), createElementBlock("div", _hoisted_1$1p, [
+          actualShowSearch.value ? (openBlock(), createElementBlock("div", _hoisted_1$1o, [
             withDirectives(createElementVNode("input", {
               type: "text",
               onInput: setSearchKeyword,
@@ -1370,7 +1370,7 @@ class SavePointHandlerImpl {
     return this.isModified(this.valueProvider.getCurrentValue());
   }
 }
-const _hoisted_1$1o = { key: 0 };
+const _hoisted_1$1n = { key: 0 };
 const _sfc_main$1G = /* @__PURE__ */ defineComponent({
   __name: "ValidationErrors",
   props: {
@@ -1379,7 +1379,7 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return !_ctx.hideErrorMessage && _ctx.errors && _ctx.errors.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$1o, [
+      return !_ctx.hideErrorMessage && _ctx.errors && _ctx.errors.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$1n, [
         (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.errors, (error) => {
           return withDirectives((openBlock(), createElementBlock("div", {
             key: error.code,
@@ -1426,7 +1426,7 @@ const executeKeyProviderOrDefault = (item, keyProvider, defaultKey) => {
   }
   return defaultKey(item);
 };
-const _hoisted_1$1n = ["tabindex", "onKeydown"];
+const _hoisted_1$1m = ["tabindex", "onKeydown"];
 const _hoisted_2$11 = { key: 0 };
 const _hoisted_3$A = {
   key: 0,
@@ -1619,7 +1619,7 @@ const _sfc_main$1F = /* @__PURE__ */ defineComponent({
             "hide-error-message": _ctx.hideErrorMessage
           }, null, 8, ["errors", "hide-error-message"])) : createCommentVNode("", true)
         ], 64))
-      ], 42, _hoisted_1$1n)), [
+      ], 42, _hoisted_1$1m)), [
         [unref(vClickOutside), () => togglePopup(false)]
       ]);
     };
@@ -1722,7 +1722,7 @@ const useContextMenuOptional = () => {
 const createContextMenuPlugin = () => {
   return new BSContextMenuPlugin();
 };
-const _hoisted_1$1m = ["data-menu-id"];
+const _hoisted_1$1l = ["data-menu-id"];
 const _hoisted_2$10 = ["href", "target"];
 const _hoisted_3$z = ["data-menu-id"];
 const _hoisted_4$n = ["data-menu-id", "onMouseenter", "onClick"];
@@ -1808,7 +1808,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
                 }, null, 8, _hoisted_2$10), [
                   [unref(vT), menu.caption]
                 ])
-              ], 8, _hoisted_1$1m)) : menu.type === "route" ? (openBlock(), createElementBlock("div", {
+              ], 8, _hoisted_1$1l)) : menu.type === "route" ? (openBlock(), createElementBlock("div", {
                 key: 3,
                 "data-menu-id": menu.menuId,
                 class: "menu no-padding",
@@ -2022,7 +2022,7 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1l = {
+const _hoisted_1$1k = {
   key: 0,
   class: "view-mode"
 };
@@ -2187,7 +2187,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
         class: normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: unref(errors).length > 0 }, "bs-text-input"]),
         style: normalizeStyle({ width: _ctx.width })
       }, [
-        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1l, [
+        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1k, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(getPrefixSuffixList(_ctx.prefix), (item) => {
             return openBlock(), createElementBlock(Fragment$1, null, [
               item.type === "text" ? withDirectives((openBlock(), createElementBlock("span", {
@@ -2290,7 +2290,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1k = { class: "bs-link bs-layout-horizontal-inline flex-align-center" };
+const _hoisted_1$1j = { class: "bs-link bs-layout-horizontal-inline flex-align-center" };
 const _hoisted_2$_ = ["href", "target"];
 const _sfc_main$1A = /* @__PURE__ */ defineComponent({
   __name: "BSLink",
@@ -2301,7 +2301,7 @@ const _sfc_main$1A = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1k, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1j, [
         _cache[0] || (_cache[0] = createElementVNode("span", { class: "font-icon mr-4" }, "link", -1)),
         withDirectives(createElementVNode("a", {
           href: _ctx.path,
@@ -2314,7 +2314,7 @@ const _sfc_main$1A = /* @__PURE__ */ defineComponent({
   }
 });
 const BSLink = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["__scopeId", "data-v-29df56e5"]]);
-const _hoisted_1$1j = {
+const _hoisted_1$1i = {
   key: 0,
   class: "show-percent",
   style: { "left": "100%" }
@@ -2353,7 +2353,7 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
           style: normalizeStyle({ width: calculateProgress.value + "%" }),
           class: "inner-progressbar"
         }, [
-          calculateProgress.value !== void 0 && calculateProgress.value < 50 ? (openBlock(), createElementBlock("span", _hoisted_1$1j, toDisplayString(calculatePercent.value) + "% ", 1)) : (openBlock(), createElementBlock("span", _hoisted_2$Z, toDisplayString(calculatePercent.value) + "% ", 1))
+          calculateProgress.value !== void 0 && calculateProgress.value < 50 ? (openBlock(), createElementBlock("span", _hoisted_1$1i, toDisplayString(calculatePercent.value) + "% ", 1)) : (openBlock(), createElementBlock("span", _hoisted_2$Z, toDisplayString(calculatePercent.value) + "% ", 1))
         ], 4)) : (openBlock(), createElementBlock("div", _hoisted_3$x, _cache[0] || (_cache[0] = [
           createElementVNode("div", { class: "in-box" }, null, -1)
         ])))
@@ -2383,9 +2383,9 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
 });
 const BSConsole = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__scopeId", "data-v-f33a4477"]]);
 const _sfc_main$1x = {};
-const _hoisted_1$1i = { class: "bs-loading-icon" };
+const _hoisted_1$1h = { class: "bs-loading-icon" };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$1i, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("div", _hoisted_1$1h, _cache[0] || (_cache[0] = [
     createElementVNode("span", { class: "font-icon" }, "progress_activity", -1)
   ]));
 }
@@ -2660,7 +2660,7 @@ const formatUtil = {
     return tmp.textContent || tmp.innerText;
   }
 };
-const _hoisted_1$1h = { class: "bs-date" };
+const _hoisted_1$1g = { class: "bs-date" };
 const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   __name: "BSDate",
   props: {
@@ -2672,11 +2672,11 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
     const props = __props;
     const formatted = computed(() => formatUtil.formatDateString(props.value, props.format, props.timeZone));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", _hoisted_1$1h, toDisplayString(formatted.value), 1);
+      return openBlock(), createElementBlock("span", _hoisted_1$1g, toDisplayString(formatted.value), 1);
     };
   }
 });
-const _hoisted_1$1g = { class: "page-navigation" };
+const _hoisted_1$1f = { class: "page-navigation" };
 const _hoisted_2$Y = ["data-page", "onClick"];
 const _sfc_main$1v = /* @__PURE__ */ defineComponent({
   __name: "BSPageNavigation",
@@ -2738,7 +2738,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1g, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1f, [
         createElementVNode("span", {
           class: normalizeClass([{ "disabled": isFirstSet.value }, "font-icon first"]),
           onClick: _cache[0] || (_cache[0] = withModifiers(($event) => !isFirstSet.value && goToPage(1), ["prevent"]))
@@ -2767,7 +2767,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1f = { class: "bs-calendar bs-layout-vertical-inline" };
+const _hoisted_1$1e = { class: "bs-calendar bs-layout-vertical-inline" };
 const _hoisted_2$X = { class: "bs-layout-horizontal justify-content-between align-items-center gap-8" };
 const _hoisted_3$w = { class: "year-month bs-layout-horizontal gap-4" };
 const _hoisted_4$l = { class: "timezone" };
@@ -2957,7 +2957,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1f, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1e, [
         createElementVNode("div", _hoisted_2$X, [
           createElementVNode("div", _hoisted_3$w, [
             createVNode(BSButton, {
@@ -3014,7 +3014,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
             }), 128))
           ])
         ], 2),
-        _ctx.resolution === "HOUR" || _ctx.resolution === "MINUTE_10" || _ctx.resolution === "MINUTE" ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
+        ["HOUR", "MINUTE_10", "MINUTE", "SECOND"].includes(_ctx.resolution) ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
           createElementVNode("div", _hoisted_8$2, [
             createVNode(_sfc_main$1F, {
               disabled: _ctx.disabled,
@@ -3049,7 +3049,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1e = { class: "bs-calendar-range bs-layout-horizontal" };
+const _hoisted_1$1d = { class: "bs-calendar-range bs-layout-horizontal" };
 const _hoisted_2$W = { class: "bs-layout-vertical" };
 const _hoisted_3$v = { class: "bs-layout-horizontal align-items-center" };
 const _hoisted_4$k = {
@@ -3097,7 +3097,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
     };
     const displayTimeZones = computed(() => [actualTimeZone.value, ...blueseaConfig.getValidDisplayTimeZones()]);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1e, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1d, [
         createElementVNode("div", _hoisted_2$W, [
           createElementVNode("div", _hoisted_3$v, [
             createVNode(_sfc_main$1u, {
@@ -3155,7 +3155,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1d = {
+const _hoisted_1$1c = {
   key: 0,
   class: "view-mode"
 };
@@ -3278,7 +3278,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
         class: normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: unref(errors).length > 0 }, "bs-number-input"]),
         style: normalizeStyle({ width: _ctx.width })
       }, [
-        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1d, [
+        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1c, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(componentUtil).toMultiLangTextArray(_ctx.prefix), (text) => {
             return withDirectives((openBlock(), createElementBlock("span", {
               key: JSON.stringify(text),
@@ -3344,7 +3344,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1c = {
+const _hoisted_1$1b = {
   key: 0,
   class: "view-mode"
 };
@@ -3476,7 +3476,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
         class: normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: unref(errors).length > 0 }, "bs-price-input"]),
         style: normalizeStyle({ width: _ctx.width })
       }, [
-        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1c, [
+        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1b, [
           createElementVNode("span", {
             class: "price mr-4",
             textContent: toDisplayString(_ctx.formatInViewMode ? formattedStringValue.value : unref(stringValue))
@@ -3701,7 +3701,7 @@ const NAMED_COLORS = {
   yellow: "#FFFF00",
   yellowgreen: "#9ACD32"
 };
-const _hoisted_1$1b = {
+const _hoisted_1$1a = {
   key: 0,
   class: "bs-layout-horizontal gap-4 align-items-center view-mode"
 };
@@ -3802,7 +3802,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: unref(errors).length > 0 }, "bs-color-input bs-layout-vertical-inline"])
       }, [
-        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1b, [
+        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1a, [
           createElementVNode("span", {
             style: normalizeStyle({ "background-color": unref(stringValue) }),
             class: "color-preview"
@@ -3848,6 +3848,7 @@ dayjs.extend(timezone);
 const dateInputFormatByResolution = (resolution) => {
   if (resolution === "DAY") return "YYYYMMDD";
   else if (resolution === "HOUR") return "YYYYMMDDHH";
+  else if (resolution === "SECOND") return "YYYYMMDDHHmmss";
   else return "YYYYMMDDHHmm";
 };
 const convertInputToDateString = (str, inputFormat, endTime, resolution, inputTimeZone, minDateValue, maxDateValue) => {
@@ -3899,7 +3900,7 @@ const checkDateMinMaxValue = (value, inputFormat, endTime, resolution, inputTime
 const normalizeDateInput = (value) => {
   return value.replace(/[^\d-]/g, "");
 };
-const _hoisted_1$1a = { class: "bs-layout-vertical px-16 py-8" };
+const _hoisted_1$19 = { class: "bs-layout-vertical px-16 py-8" };
 const _hoisted_2$S = { class: "bs-layout-horizontal justify-content-center align-items-center gap-8 mt-8 mb-8" };
 const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   __name: "BSDateInputPopup",
@@ -3938,7 +3939,7 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
         }, ["stop"]))
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$1a, [
+          createElementVNode("div", _hoisted_1$19, [
             createVNode(_sfc_main$1u, {
               modelValue: date.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => date.value = $event),
@@ -3969,7 +3970,7 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$19 = {
+const _hoisted_1$18 = {
   key: 0,
   class: "view-mode"
 };
@@ -4034,6 +4035,20 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
       );
       return formatUtil.formatDateString(date, props.displayFormat, displayTimeZone);
     };
+    const viewModeValue = computed(() => viewModeTimeZoneValue(actualTimeZone.value));
+    const viewModeTimeZoneValue = (displayTimeZone) => {
+      const stringDate = formatUtil.formatDateString(props.modelValue, dateInputFormatByResolution("SECOND"), actualTimeZone.value);
+      const date = convertInputToDateString(
+        stringDate,
+        "SECOND",
+        props.endTime,
+        "SECOND",
+        actualTimeZone.value,
+        props.minDateValue,
+        props.maxDateValue
+      );
+      return formatUtil.formatDateString(date, props.displayFormat, displayTimeZone);
+    };
     const maxlength = computed(() => inputFormat.value.length);
     const rootRef = useTemplateRef("root");
     const field = ref();
@@ -4130,8 +4145,8 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
         style: normalizeStyle({ width: _ctx.width }),
         onKeydown: _cache[2] || (_cache[2] = withKeys(withModifiers(() => togglePopup(false), ["stop", "prevent"]), ["esc"]))
       }, [
-        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$19, [
-          createElementVNode("span", null, toDisplayString(formattedValue.value), 1)
+        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$18, [
+          createElementVNode("span", null, toDisplayString(viewModeValue.value), 1)
         ])) : (openBlock(), createElementBlock("div", _hoisted_2$R, [
           createElementVNode("span", {
             class: normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
@@ -4195,7 +4210,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$18 = { class: "bs-layout-vertical px-16 py-8" };
+const _hoisted_1$17 = { class: "bs-layout-vertical px-16 py-8" };
 const _hoisted_2$Q = { class: "bs-layout-horizontal justify-content-end align-items-center gap-8 mt-16 mb-8" };
 const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   __name: "BSDateRangeInputPopup",
@@ -4235,7 +4250,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
         }, ["stop"]))
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$18, [
+          createElementVNode("div", _hoisted_1$17, [
             createVNode(_sfc_main$1t, {
               from: fromValue.value,
               "onUpdate:from": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
@@ -4270,7 +4285,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$17 = {
+const _hoisted_1$16 = {
   key: 0,
   class: "view-mode"
 };
@@ -4324,7 +4339,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const rootRef = useTemplateRef("root");
     const formattedDateRange = computed(() => {
-      return `${formattedFrom.value} ~ ${formattedTo.value}`;
+      return `${viewModeFrom.value} ~ ${viewModeTo.value}`;
     });
     const actualTimeZone = computed(() => props.timeZone || blueseaConfig.timeZone);
     const inputFormat = computed(() => dateInputFormatByResolution(props.resolution));
@@ -4350,11 +4365,12 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     const focusedTo = ref(false);
     const formattedFrom = computed(() => formattedTimeZoneFrom(actualTimeZone.value));
     const formattedTimeZoneFrom = (timeZone) => {
+      const resolution = props.resolution === "MINUTE_10" ? "MINUTE" : props.resolution;
       const date = convertInputToDateString(
         stringValueFrom.value,
         inputFormat.value,
         false,
-        props.resolution,
+        resolution,
         actualTimeZone.value,
         props.minDateValue,
         props.maxDateValue
@@ -4374,6 +4390,21 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
       );
       return formatUtil.formatDateString(date, props.displayFormat, timeZone);
     };
+    const viewModeFrom = computed(() => viewModeTimeZoneValue(props.fromValue, false, actualTimeZone.value));
+    const viewModeTo = computed(() => viewModeTimeZoneValue(props.toValue, true, actualTimeZone.value));
+    const viewModeTimeZoneValue = (value, endTime, displayTimeZone) => {
+      const stringDate = formatUtil.formatDateString(value, dateInputFormatByResolution("SECOND"), actualTimeZone.value);
+      const date = convertInputToDateString(
+        stringDate,
+        "SECOND",
+        endTime,
+        "SECOND",
+        actualTimeZone.value,
+        props.minDateValue,
+        props.maxDateValue
+      );
+      return formatUtil.formatDateString(date, props.displayFormat, displayTimeZone);
+    };
     const maxlength = computed(() => inputFormat.value.length);
     const disabled = computed(() => props.disabledFrom && props.disabledTo);
     const fieldFrom = ref();
@@ -4563,7 +4594,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
         style: normalizeStyle({ width: _ctx.width }),
         onKeydown: _cache[2] || (_cache[2] = withKeys(withModifiers(() => togglePopup(false), ["stop", "prevent"]), ["esc"]))
       }, [
-        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$17, [
+        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$16, [
           createElementVNode("span", null, toDisplayString(formattedDateRange.value), 1)
         ])) : (openBlock(), createElementBlock("div", _hoisted_2$P, [
           createElementVNode("span", {
@@ -4717,7 +4748,7 @@ const resolveYearsAgo = (years, from2, timeZone, baseDate) => {
   const today = dayjs().tz(timeZone);
   return from2 ? today.add(-years, "year").startOf("year") : today.add(-years, "year").endOf("year");
 };
-const _hoisted_1$16 = ["id", "checked", "disabled", "name", "tabindex"];
+const _hoisted_1$15 = ["id", "checked", "disabled", "name", "tabindex"];
 const _hoisted_2$O = ["for"];
 const _hoisted_3$p = {
   key: 0,
@@ -4771,7 +4802,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
           class: "",
           role: "radio",
           type: "radio"
-        }, toHandlers(handlers2, true)), null, 16, _hoisted_1$16),
+        }, toHandlers(handlers2, true)), null, 16, _hoisted_1$15),
         createElementVNode("label", { for: _ctx.id }, [
           _ctx.icon ? (openBlock(), createElementBlock("span", _hoisted_3$p, toDisplayString(_ctx.icon), 1)) : createCommentVNode("", true),
           _ctx.label ? withDirectives((openBlock(), createElementBlock("span", _hoisted_4$g, null, 512)), [
@@ -4789,7 +4820,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$15 = ["data-name"];
+const _hoisted_1$14 = ["data-name"];
 const _hoisted_2$N = { key: 0 };
 const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   __name: "BSRadioButtonGroup",
@@ -4899,7 +4930,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage
         }, null, 8, ["errors", "hide-error-message"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$15);
+      ], 10, _hoisted_1$14);
     };
   }
 });
@@ -4957,7 +4988,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$14 = ["id", "checked", "disabled", "name", "tabindex"];
+const _hoisted_1$13 = ["id", "checked", "disabled", "name", "tabindex"];
 const _hoisted_2$M = ["for"];
 const _hoisted_3$o = ["for"];
 const _sfc_main$1i = /* @__PURE__ */ defineComponent({
@@ -5016,7 +5047,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
           tabindex: _ctx.tabindex,
           class: "",
           type: "checkbox"
-        }, toHandlers(handlers2, true)), null, 16, _hoisted_1$14),
+        }, toHandlers(handlers2, true)), null, 16, _hoisted_1$13),
         _ctx.label ? withDirectives((openBlock(), createElementBlock("label", {
           key: 0,
           for: _ctx.id,
@@ -5035,7 +5066,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$13 = ["data-name"];
+const _hoisted_1$12 = ["data-name"];
 const _hoisted_2$L = { class: "items" };
 const _hoisted_3$n = ["textContent"];
 const _sfc_main$1h = /* @__PURE__ */ defineComponent({
@@ -5161,7 +5192,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage
         }, null, 8, ["errors", "hide-error-message"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$13);
+      ], 10, _hoisted_1$12);
     };
   }
 });
@@ -5211,7 +5242,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$12 = ["tabindex", "onKeydown"];
+const _hoisted_1$11 = ["tabindex", "onKeydown"];
 const _hoisted_2$K = { key: 0 };
 const _hoisted_3$m = {
   key: 0,
@@ -5413,7 +5444,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage
         }, null, 8, ["errors", "hide-error-message"])) : createCommentVNode("", true)
-      ], 42, _hoisted_1$12)), [
+      ], 42, _hoisted_1$11)), [
         [unref(vClickOutside), () => togglePopup(false)]
       ]);
     };
@@ -5574,7 +5605,7 @@ const vTreeRowDrop = {
     }
   }
 };
-const _hoisted_1$11 = { class: "bs-tree-row" };
+const _hoisted_1$10 = { class: "bs-tree-row" };
 const _hoisted_2$J = ["textContent"];
 const _hoisted_3$l = {
   key: 1,
@@ -5680,7 +5711,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_BSTreeRow = resolveComponent("BSTreeRow", true);
-      return openBlock(), createElementBlock("div", _hoisted_1$11, [
+      return openBlock(), createElementBlock("div", _hoisted_1$10, [
         withDirectives((openBlock(), createElementBlock("div", {
           ref: "row-caption",
           class: normalizeClass([{ disabled: _ctx.disabledProvider && _ctx.disabledProvider(_ctx.row) }, "row-caption"])
@@ -5746,7 +5777,6 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$10 = { class: "tree-wrap pb-80" };
 const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   __name: "BSTree",
   props: {
@@ -5763,7 +5793,8 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     multiSelect: { type: Boolean },
     showCheckbox: { type: Boolean },
     rowDisabledProvider: {},
-    contextMenuProvider: {}
+    contextMenuProvider: {},
+    bottomPadding: { default: "80px" }
   },
   emits: ["update:expandedRows", "before:selectedRows", "update:selectedRows", "rowMoved"],
   setup(__props, { emit: __emit }) {
@@ -5878,7 +5909,10 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
         class: "bs-tree",
         onContextmenu: showOutsideContextMenu
       }, [
-        createElementVNode("div", _hoisted_1$10, [
+        createElementVNode("div", {
+          style: normalizeStyle({ "padding-bottom": _ctx.bottomPadding }),
+          class: "tree-wrap"
+        }, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.data, (item) => {
             return openBlock(), createBlock(_sfc_main$1e, {
               key: _ctx.keyProvider(item),
@@ -5900,7 +5934,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
               onSelectRow: selectRow
             }, null, 8, ["children-provider", "disabled-provider", "enable-drag-and-drop", "icon-provider", "key-provider", "label-provider", "multi-select", "row", "show-checkbox", "show-move-button", "siblings"]);
           }), 128))
-        ])
+        ], 4)
       ], 32);
     };
   }
@@ -5968,7 +6002,7 @@ class BSModal {
   }
   openAlert(title, message, clickHandler2) {
     const option = {
-      component: defineAsyncComponent(() => import("./BSAlertModal-xBi30_WT.js")),
+      component: defineAsyncComponent(() => import("./BSAlertModal-BixctNO_.js")),
       bind: {
         title,
         message
@@ -5981,7 +6015,7 @@ class BSModal {
   }
   openYesNo(title, message, yesHandler, noHandler) {
     const option = {
-      component: defineAsyncComponent(() => import("./BSYesNoModal-g_jspSyV.js")),
+      component: defineAsyncComponent(() => import("./BSYesNoModal-RP6IOQrf.js")),
       bind: {
         title,
         message
@@ -6562,7 +6596,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
             }, ["stop"]))
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$1d, mergeProps(unref(treeHandler).tree, toHandlers(unref(treeHandler).treeEventListener)), null, 16)
+              createVNode(_sfc_main$1d, mergeProps({ "bottom-padding": "0" }, unref(treeHandler).tree, toHandlers(unref(treeHandler).treeEventListener)), null, 16)
             ]),
             _: 1
           }, 8, ["base-element", "max-height", "popup-align", "popup-direction"])) : createCommentVNode("", true),
@@ -6753,6 +6787,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [
               createVNode(_sfc_main$1d, mergeProps({
+                "bottom-padding": "0",
                 "multi-select": "",
                 "show-checkbox": ""
               }, unref(treeHandler).tree, toHandlers(unref(treeHandler).treeEventListener), {
@@ -31093,13 +31128,13 @@ const tableContextMenus = (modal, editor) => {
 };
 const showTableProperties = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./TablePropertiesModal-rKhKzzYG.js")),
+    component: defineAsyncComponent(() => import("./TablePropertiesModal-Cyi6buUh.js")),
     bind: { editor }
   });
 };
 const insertTable = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./TableInsertModal-W9oMIgb_.js")),
+    component: defineAsyncComponent(() => import("./TableInsertModal-BuW96v61.js")),
     bind: { editor }
   });
 };
@@ -31264,7 +31299,7 @@ const insertImage = (modal, editor) => {
   const component = (_a2 = blueseaConfig.componentConfig.richText) == null ? void 0 : _a2.imageInsertModal;
   if (component) {
     modal.openModal({
-      component: defineAsyncComponent(() => import("./ImageInsertModal-BjQMX1aF.js")),
+      component: defineAsyncComponent(() => import("./ImageInsertModal-Ca9ODxyY.js")),
       bind: { editor },
       on: {
         insertImage: (image) => {
@@ -31282,7 +31317,7 @@ const insertImage = (modal, editor) => {
 };
 const showImageProperties = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./ImagePropertiesModal-BVMSRdqN.js")),
+    component: defineAsyncComponent(() => import("./ImagePropertiesModal-Dd_PTCe7.js")),
     bind: { editor }
   });
 };
@@ -31643,13 +31678,13 @@ const youtubeContextMenu = (modal, editor) => {
 };
 const insertYoutube = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./YoutubeInsertModal-4_qANoY5.js")),
+    component: defineAsyncComponent(() => import("./YoutubeInsertModal-Bd9i0AaR.js")),
     bind: { editor }
   });
 };
 const showYoutubeProperties = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./YoutubePropertiesModal-BKwZsK6d.js")),
+    component: defineAsyncComponent(() => import("./YoutubePropertiesModal-DQI3DULJ.js")),
     bind: { editor }
   });
 };
@@ -31693,7 +31728,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     const showLinkProperties = () => {
       if (!props.disabled) {
         modal.openModal({
-          component: defineAsyncComponent(() => import("./LinkPropertiesModal-CjQMdxnd.js")),
+          component: defineAsyncComponent(() => import("./LinkPropertiesModal-CHfXSxhI.js")),
           bind: {
             editor: props.editor
           }
@@ -32058,7 +32093,7 @@ const insertVideo = (modal, editor) => {
   const component = (_a2 = blueseaConfig.componentConfig.richText) == null ? void 0 : _a2.videoInsertModal;
   if (component) {
     modal.openModal({
-      component: defineAsyncComponent(() => import("./VideoInsertModal-DMtZM5vy.js")),
+      component: defineAsyncComponent(() => import("./VideoInsertModal-mgYS8iD6.js")),
       bind: { editor },
       on: {
         insertVideo: (video) => {
@@ -32076,7 +32111,7 @@ const insertVideo = (modal, editor) => {
 };
 const showVideoProperties = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./VideoPropertiesModal-CLkvzq3Y.js")),
+    component: defineAsyncComponent(() => import("./VideoPropertiesModal-CYvyUvt9.js")),
     bind: { editor }
   });
 };
@@ -34254,7 +34289,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
       emit("maximized");
       if (!props.internalMaximized) {
         modal.openModal({
-          component: defineAsyncComponent(() => import("./BSRichTextMaximizedModal-bwfs_ETq.js")),
+          component: defineAsyncComponent(() => import("./BSRichTextMaximizedModal-BJHJKSmv.js")),
           bind: {
             modelValue: getEditorValue(),
             contentMaxWidth: props.contentMaxWidth,
@@ -34791,7 +34826,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     const modal = useModal();
     const enterYoutubeUrl = () => {
       modal.openModal({
-        component: defineAsyncComponent(() => import("./BSYoutubeInputModal-gxqSatHw.js")),
+        component: defineAsyncComponent(() => import("./BSYoutubeInputModal-DcGUES0z.js")),
         on: {
           "update:modelValue": (url) => {
             emit("update:modelValue", {
@@ -38113,7 +38148,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     const modal = useModal();
     const openSettingModal = () => {
       modal.openModal({
-        component: defineAsyncComponent(() => import("./BSGridColumnSettingModal-CGOmNxYg.js")),
+        component: defineAsyncComponent(() => import("./BSGridColumnSettingModal-CEZYNkY7.js")),
         bind: {
           columns: props.columns,
           columnSettings: props.columnSettings,