@g1cloud/bluesea 5.0.0-beta.21 → 5.0.0-beta.23

package/css/bluesea.css

@@ -27829,22 +27829,22 @@ div[data-v-c1655c12] {
   border-color: var(--border) !important;
 }
 
-.image-upload-move[data-v-bb3fe045],
-.image-upload-enter-active[data-v-bb3fe045],
-.image-upload-leave-active[data-v-bb3fe045] {
+.image-upload-move[data-v-b7698f30],
+.image-upload-enter-active[data-v-b7698f30],
+.image-upload-leave-active[data-v-b7698f30] {
   transition: all 0.3s ease;
 }
 
-.image-upload-leave-from[data-v-bb3fe045],
-.image-upload-leave-to[data-v-bb3fe045] {
+.image-upload-leave-from[data-v-b7698f30],
+.image-upload-leave-to[data-v-b7698f30] {
   display: none;
 }
 
-.image-upload-enter-from[data-v-bb3fe045] {
+.image-upload-enter-from[data-v-b7698f30] {
   opacity: 0;
 }
 
-.image-upload-leave-active[data-v-bb3fe045] {
+.image-upload-leave-active[data-v-b7698f30] {
   position: absolute;
 }
 
@@ -29945,6 +29945,11 @@ div[data-v-c1655c12] {
   width: 100%;
   overflow-x: auto;
   overflow-y: hidden;
+  scrollbar-width: none;
+}
+
+.bs-tab-sheet .tab-bar::-webkit-scrollbar {
+  display: none;
 }
 
 .bs-tab-sheet .tab-bar .tabs {
@@ -29961,7 +29966,7 @@ div[data-v-c1655c12] {
   margin-bottom: -1px;
   white-space: nowrap;
   cursor: pointer;
-  overflow-x: auto;
+  overflow-x: hidden;
 }
 
 .bs-tab-sheet .tab-bar .tabs .tab + .tab:before {

package/dist/{BSAlertModal-CYU9CQls.js → BSAlertModal-6tEkwgWx.js}

@@ -1,5 +1,5 @@
 import { defineComponent, createBlock, openBlock, withCtx, withDirectives, createElementVNode, unref, createVNode } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, v as vT, B as BSButton, l as vFocusOnLoad } from "./index-D3w5seMa.js";
+import { u as useModalHandle, _ as _sfc_main$1, v as vT, B as BSButton, l as vFocusOnLoad } from "./index-CcW6HExQ.js";
 const _hoisted_1 = { class: "text-right" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BSAlertModal",

package/dist/{BSGridColumnSettingModal-ZZsojFuF.js → BSGridColumnSettingModal-VUocv6UV.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, onMounted, createBlock, openBlock, withCtx, createElementVNode, createVNode, mergeProps, unref, toHandlers, nextTick } from "vue";
-import { g as createInputGridHandler, u as useModalHandle, _ as _sfc_main$1, B as BSButton, h as _sfc_main$2, j as _sfc_main$3, k as _sfc_main$4, n as notNull } from "./index-D3w5seMa.js";
+import { g as createInputGridHandler, u as useModalHandle, _ as _sfc_main$1, B as BSButton, h as _sfc_main$2, j as _sfc_main$3, k as _sfc_main$4, n as notNull } from "./index-CcW6HExQ.js";
 const _hoisted_1 = { class: "text-center" };
 const _hoisted_2 = { class: "text-center" };
 const _hoisted_3 = { class: "bs-layout-horizontal" };

package/dist/{BSRichTextMaximizedModal-SyLzOqK2.js → BSRichTextMaximizedModal-CY9SoSef.js}

@@ -1,5 +1,5 @@
 import { defineComponent, mergeModels, useModel, useTemplateRef, createBlock, openBlock } from "vue";
-import { u as useModalHandle, d as _sfc_main$1 } from "./index-D3w5seMa.js";
+import { u as useModalHandle, d as _sfc_main$1 } from "./index-CcW6HExQ.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BSRichTextMaximizedModal",
   props: /* @__PURE__ */ mergeModels({

package/dist/{BSYesNoModal-BnlBSnTl.js → BSYesNoModal-Cl1BTqpc.js}

@@ -1,5 +1,5 @@
 import { defineComponent, createBlock, openBlock, withCtx, withDirectives, createElementVNode, unref, createVNode } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, v as vT, B as BSButton } from "./index-D3w5seMa.js";
+import { u as useModalHandle, _ as _sfc_main$1, v as vT, B as BSButton } from "./index-CcW6HExQ.js";
 const _hoisted_1 = { class: "text-right" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BSYesNoModal",

package/dist/{BSYoutubeInputModal-DoEETszL.js → BSYoutubeInputModal-ZPgUtYEv.js}

@@ -1,5 +1,5 @@
 import { defineComponent, useModel, ref, createBlock, openBlock, withCtx, createElementVNode, createVNode, createCommentVNode, unref } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, e as extractYoutubeVideoId, i as isYoutubeNocookieUrl, f as buildYoutubeUrl } from "./index-D3w5seMa.js";
+import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, e as extractYoutubeVideoId, i as isYoutubeNocookieUrl, f as buildYoutubeUrl } from "./index-CcW6HExQ.js";
 import YouTube from "vue3-youtube";
 const _hoisted_1 = { class: "bs-layout-vertical gap-16" };
 const _hoisted_2 = { class: "bs-layout-horizontal align-items-center" };

package/dist/{ImageInsertModal-CB7nCYk5.js → ImageInsertModal-CxWBdXkG.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, createBlock, openBlock, withCtx, createElementVNode, createVNode, withDirectives, vShow } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, a as _sfc_main$2, b as _sfc_main$3, c as _sfc_main$4 } from "./index-D3w5seMa.js";
-import { _ as _sfc_main$5 } from "./ImageProperties.vue_vue_type_script_setup_true_lang-D6zZgPOW.js";
+import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, a as _sfc_main$2, b as _sfc_main$3, c as _sfc_main$4 } from "./index-CcW6HExQ.js";
+import { _ as _sfc_main$5 } from "./ImageProperties.vue_vue_type_script_setup_true_lang-LPjH_QLh.js";
 const _hoisted_1 = { class: "bs-layout-form title-w-8" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = { class: "bs-layout-horizontal justify-content-end gap-8" };

package/dist/{ImageProperties.vue_vue_type_script_setup_true_lang-D6zZgPOW.js → ImageProperties.vue_vue_type_script_setup_true_lang-LPjH_QLh.js}

@@ -1,5 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, withDirectives, createTextVNode, unref } from "vue";
-import { b as _sfc_main$1, c as _sfc_main$2, v as vT } from "./index-D3w5seMa.js";
+import { b as _sfc_main$1, c as _sfc_main$2, v as vT } from "./index-CcW6HExQ.js";
 const _hoisted_1 = { class: "title" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = { class: "title" };

package/dist/{ImagePropertiesModal-DhC1BIGM.js → ImagePropertiesModal-BDQhSQ9v.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, onMounted, useTemplateRef, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode } from "vue";
-import { q as findImageNode, u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, p as formValidator, r as imageInfoNumberToPixel } from "./index-D3w5seMa.js";
-import { _ as _sfc_main$4 } from "./ImageProperties.vue_vue_type_script_setup_true_lang-D6zZgPOW.js";
+import { q as findImageNode, u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, p as formValidator, r as imageInfoNumberToPixel } from "./index-CcW6HExQ.js";
+import { _ as _sfc_main$4 } from "./ImageProperties.vue_vue_type_script_setup_true_lang-LPjH_QLh.js";
 const _hoisted_1 = { class: "title" };
 const _hoisted_2 = { class: "bs-layout-horizontal justify-content-end gap-8" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{LinkPropertiesModal-CiC7e3lM.js → LinkPropertiesModal-BxuxKHfU.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, onMounted, createBlock, openBlock, withCtx, createElementVNode, createVNode, createTextVNode, withModifiers } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3 } from "./index-D3w5seMa.js";
+import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3 } from "./index-CcW6HExQ.js";
 const _hoisted_1 = { class: "bs-layout-form title-w-8" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = { class: "title" };

package/dist/{TableInsertModal-D6pcuU2G.js → TableInsertModal-CXJ4brID.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, createBlock, openBlock, withCtx, createElementVNode, createVNode } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, j as _sfc_main$3 } from "./index-D3w5seMa.js";
+import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, j as _sfc_main$3 } from "./index-CcW6HExQ.js";
 const _hoisted_1 = { class: "bs-layout-form" };
 const _hoisted_2 = { class: "bs-form-label" };
 const _hoisted_3 = { class: "bs-form-label" };

package/dist/{TablePropertiesModal-dyMd6ysL.js → TablePropertiesModal-pkr6Msmu.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, ref, onMounted, useTemplateRef, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode, withDirectives, createTextVNode, unref, Fragment, renderList, toDisplayString } from "vue";
-import { m as componentUtil, u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, v as vT, o as _sfc_main$4, p as formValidator } from "./index-D3w5seMa.js";
+import { m as componentUtil, u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, v as vT, o as _sfc_main$4, p as formValidator } from "./index-CcW6HExQ.js";
 const findTableNode = (selection, type) => {
   const head = selection.$head;
   let depth = head.depth;

package/dist/{VideoInsertModal-B1uHQRye.js → VideoInsertModal-vjlc3ono.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, createBlock, openBlock, withCtx, createElementVNode, createVNode, withDirectives, vShow } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, a as _sfc_main$2, b as _sfc_main$3, c as _sfc_main$4 } from "./index-D3w5seMa.js";
-import { _ as _sfc_main$5 } from "./VideoProperties.vue_vue_type_script_setup_true_lang-CuzZ0FvR.js";
+import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, a as _sfc_main$2, b as _sfc_main$3, c as _sfc_main$4 } from "./index-CcW6HExQ.js";
+import { _ as _sfc_main$5 } from "./VideoProperties.vue_vue_type_script_setup_true_lang-BeTi_0bW.js";
 const _hoisted_1 = { class: "bs-layout-form title-w-8" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = { class: "bs-layout-horizontal justify-content-end gap-8" };

package/dist/{VideoProperties.vue_vue_type_script_setup_true_lang-CuzZ0FvR.js → VideoProperties.vue_vue_type_script_setup_true_lang-BeTi_0bW.js}

@@ -1,5 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, withDirectives, createTextVNode, unref } from "vue";
-import { k as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, v as vT } from "./index-D3w5seMa.js";
+import { k as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, v as vT } from "./index-CcW6HExQ.js";
 const _hoisted_1 = { class: "bs-layout-horizontal gap-8" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = { class: "title" };

package/dist/{VideoPropertiesModal-CWq4UM9A.js → VideoPropertiesModal-_ETvfO7t.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, onMounted, useTemplateRef, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode } from "vue";
-import { w as findVideoNode, u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, p as formValidator, x as videoInfoNumberToPixel } from "./index-D3w5seMa.js";
-import { _ as _sfc_main$4 } from "./VideoProperties.vue_vue_type_script_setup_true_lang-CuzZ0FvR.js";
+import { w as findVideoNode, u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, p as formValidator, x as videoInfoNumberToPixel } from "./index-CcW6HExQ.js";
+import { _ as _sfc_main$4 } from "./VideoProperties.vue_vue_type_script_setup_true_lang-BeTi_0bW.js";
 const _hoisted_1 = { class: "title" };
 const _hoisted_2 = { class: "bs-layout-horizontal justify-content-end gap-8" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{YoutubeInsertModal-BrhwLQmb.js → YoutubeInsertModal-CIEiPj4I.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, createBlock, openBlock, withCtx, createElementVNode, createVNode } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, y as youtubeInfoNumberToPixel } from "./index-D3w5seMa.js";
-import { _ as _sfc_main$4 } from "./YoutubeProperties.vue_vue_type_script_setup_true_lang-AiYZ7nOr.js";
+import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, y as youtubeInfoNumberToPixel } from "./index-CcW6HExQ.js";
+import { _ as _sfc_main$4 } from "./YoutubeProperties.vue_vue_type_script_setup_true_lang-DCe1S3Z0.js";
 const _hoisted_1 = { class: "bs-layout-form" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = { class: "bs-layout-horizontal justify-content-end gap-8" };

package/dist/{YoutubeProperties.vue_vue_type_script_setup_true_lang-AiYZ7nOr.js → YoutubeProperties.vue_vue_type_script_setup_true_lang-DCe1S3Z0.js}

@@ -1,5 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, withDirectives, createTextVNode, unref } from "vue";
-import { b as _sfc_main$1, c as _sfc_main$2, v as vT } from "./index-D3w5seMa.js";
+import { b as _sfc_main$1, c as _sfc_main$2, v as vT } from "./index-CcW6HExQ.js";
 const _hoisted_1 = { class: "title" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = { class: "title" };

package/dist/{YoutubePropertiesModal-BcDH9UvU.js → YoutubePropertiesModal-BEoWxNhm.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, onMounted, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode } from "vue";
-import { s as findYoutubeNode, t as normalizeYoutubeInfoData, u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, y as youtubeInfoNumberToPixel } from "./index-D3w5seMa.js";
-import { _ as _sfc_main$4 } from "./YoutubeProperties.vue_vue_type_script_setup_true_lang-AiYZ7nOr.js";
+import { s as findYoutubeNode, t as normalizeYoutubeInfoData, u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, y as youtubeInfoNumberToPixel } from "./index-CcW6HExQ.js";
+import { _ as _sfc_main$4 } from "./YoutubeProperties.vue_vue_type_script_setup_true_lang-DCe1S3Z0.js";
 const _hoisted_1 = {
   key: 0,
   class: "bs-layout-form"

package/dist/bluesea.css

@@ -9137,19 +9137,19 @@ span.table-property[data-v-537f70be]:after {
 }
 .bs-image-upload .disabled .image-box {
   border-color: var(--border) !important;
-}.image-upload-move[data-v-bb3fe045],
-.image-upload-enter-active[data-v-bb3fe045],
-.image-upload-leave-active[data-v-bb3fe045] {
+}.image-upload-move[data-v-b7698f30],
+.image-upload-enter-active[data-v-b7698f30],
+.image-upload-leave-active[data-v-b7698f30] {
   transition: all 0.3s ease;
 }
-.image-upload-leave-from[data-v-bb3fe045],
-.image-upload-leave-to[data-v-bb3fe045] {
+.image-upload-leave-from[data-v-b7698f30],
+.image-upload-leave-to[data-v-b7698f30] {
   display: none;
 }
-.image-upload-enter-from[data-v-bb3fe045] {
+.image-upload-enter-from[data-v-b7698f30] {
   opacity: 0;
 }
-.image-upload-leave-active[data-v-bb3fe045] {
+.image-upload-leave-active[data-v-b7698f30] {
   position: absolute;
 }.bs-positioned-image-upload .image-box {
   border: 1px solid var(--border);
@@ -10854,6 +10854,10 @@ span.table-property[data-v-537f70be]:after {
   width: 100%;
   overflow-x: auto;
   overflow-y: hidden;
+  scrollbar-width: none;
+}
+.bs-tab-sheet .tab-bar::-webkit-scrollbar {
+  display: none;
 }
 .bs-tab-sheet .tab-bar .tabs {
   padding-top: 8px;
@@ -10868,7 +10872,7 @@ span.table-property[data-v-537f70be]:after {
   margin-bottom: -1px;
   white-space: nowrap;
   cursor: pointer;
-  overflow-x: auto;
+  overflow-x: hidden;
 }
 .bs-tab-sheet .tab-bar .tabs .tab + .tab:before {
   content: "|";

package/dist/bluesea.js

@@ -1,4 +1,4 @@
-import { aN, aO, bL, bM, z, ap, az, B, J, K, a9, k, R, ar, N, F, aA, ct, H, O, av, P, a7, a8, aw, Q, a3, b, h, a5, a4, ac, as, aq, a0, D, ab, aa, G, am, cb, ax, _, a1, aj, al, ak, ai, ah, ag, V, an, ay, j, I, M, at, C, Y, a2, L, E, S, o, d, U, au, a, ao, Z, a6, c, ae, af, X, W, ad, T, A, bT, bb, bS, aX, aC, cy, aB, b2, b0, aZ, $, bR, b4, b3, cD, bJ, bP, b1, bV, bU, bQ, cx, b5, aW, aK, aL, aJ, aM, bO, bN, a$, bK, bA, c5, cC, bf, bm, c4, cM, ch, bW, c1, c0, aT, f, bD, cj, aU, cs, ba, cw, cz, g, ce, a_, bi, cQ, aP, b7, bj, aQ, aS, aR, b9, b$, bx, by, bz, bu, bw, bv, e, bt, bq, p, cF, aV, b8, cq, cm, cE, bZ, aF, cN, cK, cO, bE, cL, bF, c3, c2, cn, bn, i, b_, bp, bl, cP, b6, ca, c9, aY, bY, n, cf, bX, cJ, cA, c6, cd, bB, bc, bg, bI, c8, bG, bH, ci, cp, co, cg, cl, bo, aE, bk, ck, cI, cu, cv, cB, c7, cc, u, bC, bd, be, bh, aD, aH, aI, l, v, aG, br, bs, cH, cG, cr } from "./index-D3w5seMa.js";
+import { aN, aO, bL, bM, z, ap, az, B, J, K, a9, k, R, ar, N, F, aA, ct, H, O, av, P, a7, a8, aw, Q, a3, b, h, a5, a4, ac, as, aq, a0, D, ab, aa, G, am, cb, ax, _, a1, aj, al, ak, ai, ah, ag, V, an, ay, j, I, M, at, C, Y, a2, L, E, S, o, d, U, au, a, ao, Z, a6, c, ae, af, X, W, ad, T, A, bT, bb, bS, aX, aC, cy, aB, b2, b0, aZ, $, bR, b4, b3, cD, bJ, bP, b1, bV, bU, bQ, cx, b5, aW, aK, aL, aJ, aM, bO, bN, a$, bK, bA, c5, cC, bf, bm, c4, cM, ch, bW, c1, c0, aT, f, bD, cj, aU, cs, ba, cw, cz, g, ce, a_, bi, cQ, aP, b7, bj, aQ, aS, aR, b9, b$, bx, by, bz, bu, bw, bv, e, bt, bq, p, cF, aV, b8, cq, cm, cE, bZ, aF, cN, cK, cO, bE, cL, bF, c3, c2, cn, bn, i, b_, bp, bl, cP, b6, ca, c9, aY, bY, n, cf, bX, cJ, cA, c6, cd, bB, bc, bg, bI, c8, bG, bH, ci, cp, co, cg, cl, bo, aE, bk, ck, cI, cu, cv, cB, c7, cc, u, bC, bd, be, bh, aD, aH, aI, l, v, aG, br, bs, cH, cG, cr } from "./index-CcW6HExQ.js";
 export {
   aN as ADDRESS_COUNTRY_CONFIGS,
   aO as ADDRESS_COUNTRY_CONFIG_DEFAULT,

package/dist/bluesea.umd.cjs

@@ -3558,6 +3558,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       modelValue: {},
       currency: {},
       prefix: { type: Boolean },
+      suffix: {},
       maxlength: {},
       disabled: { type: Boolean },
       viewMode: { type: Boolean },
@@ -3600,6 +3601,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         var _a2;
         return ((_a2 = props.modelValue) == null ? void 0 : _a2.currency) || props.currency || blueseaConfig.defaultCurrencyCode;
       });
+      const suffixText = vue.computed(() => props.suffix !== void 0 ? props.suffix : currencyCode.value);
       const fieldContext = useFieldContext();
       const isValid = async (value, phase) => {
         const errors2 = [];
@@ -3676,10 +3678,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               class: "price mr-4",
               textContent: vue.toDisplayString(_ctx.formatInViewMode ? formattedStringValue.value : vue.unref(stringValue))
             }, null, 8, _hoisted_2$1a),
-            vue.createElementVNode("span", {
+            suffixText.value ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 0,
               class: "currency-code",
-              textContent: vue.toDisplayString(currencyCode.value)
-            }, null, 8, _hoisted_3$M)
+              textContent: vue.toDisplayString(suffixText.value)
+            }, null, 8, _hoisted_3$M)) : vue.createCommentVNode("", true)
           ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$s, [
             vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
               id: _ctx.id,
@@ -3700,10 +3703,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 { placeholder: true }
               ]
             ]),
-            vue.createElementVNode("div", {
+            suffixText.value ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
               class: "currency-code",
-              textContent: vue.toDisplayString(currencyCode.value)
-            }, null, 8, _hoisted_6$9)
+              textContent: vue.toDisplayString(suffixText.value)
+            }, null, 8, _hoisted_6$9)) : vue.createCommentVNode("", true)
           ])),
           !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 2,
@@ -3759,8 +3763,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           modelValue.value = Number(str);
         }
       };
-      const percentMaxValue = vue.computed(() => props.maxValue ? Number((props.maxValue * 100).toFixed(props.maxDecimalPlaces)) : void 0);
-      const percentMinValue = vue.computed(() => props.minValue ? Number((props.minValue * 100).toFixed(props.maxDecimalPlaces)) : void 0);
+      const percentMaxValue = vue.computed(() => props.maxValue !== void 0 ? Number((props.maxValue * 100).toFixed(props.maxDecimalPlaces)) : void 0);
+      const percentMinValue = vue.computed(() => props.minValue !== void 0 ? Number((props.minValue * 100).toFixed(props.maxDecimalPlaces)) : void 0);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(_sfc_main$1L, {
           id: _ctx.id,
@@ -35479,6 +35483,7 @@ img.ProseMirror-separator {
       extraValidationRules: {},
       ignoreSavePoint: { type: Boolean },
       hideErrorMessage: { type: Boolean },
+      disableUpload: { type: Boolean },
       enableDraggableOrder: { type: Boolean },
       mediaObjectUrlStore: {}
     },
@@ -35535,7 +35540,7 @@ img.ProseMirror-separator {
       );
       const validationDisabled = vue.computed(() => props.disabled || props.viewMode);
       const maxFileSizeValue = vue.computed(() => props.maxFileSize || blueseaConfig.maxFileSize);
-      const canUpload = vue.computed(() => !props.disabled && !props.viewMode && props.modelValue.length < props.maxCount);
+      const canUpload = vue.computed(() => !props.disabled && !props.viewMode && !props.disableUpload && props.modelValue.length < props.maxCount);
       const fieldContext = useFieldContext();
       const errorRecord = vue.ref([]);
       const isValid = async (value, phase) => {
@@ -35669,7 +35674,7 @@ img.ProseMirror-separator {
       };
     }
   });
-  const BSMultiImageUpload = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-bb3fe045"]]);
+  const BSMultiImageUpload = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-b7698f30"]]);
   const _hoisted_1$_ = ["data-field-name"];
   const _hoisted_2$L = { class: "bs-layout-horizontal-wrap gap-8" };
   const _hoisted_3$w = { class: "mr-4" };
@@ -39166,6 +39171,41 @@ img.ProseMirror-separator {
     setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
       const emit = __emit;
+      const tabBarRef = vue.ref();
+      const isDragging = vue.ref(false);
+      const onTabBarPointerDown = (e) => {
+        const tabBar = tabBarRef.value;
+        if (!tabBar || e.button !== 0) return;
+        const startX = e.clientX;
+        const startScrollLeft = tabBar.scrollLeft;
+        const pointerId = e.pointerId;
+        const onPointerMove = (ev) => {
+          const deltaX = ev.clientX - startX;
+          if (!isDragging.value && Math.abs(deltaX) > 8) {
+            isDragging.value = true;
+            tabBar.setPointerCapture(pointerId);
+            tabBar.style.userSelect = "none";
+            tabBar.style.cursor = "grabbing";
+          }
+          if (isDragging.value) {
+            tabBar.scrollLeft = startScrollLeft - deltaX;
+          }
+        };
+        const onPointerUp = () => {
+          if (isDragging.value) {
+            tabBar.releasePointerCapture(pointerId);
+            tabBar.style.userSelect = "";
+            tabBar.style.cursor = "";
+            vue.nextTick(() => {
+              isDragging.value = false;
+            });
+          }
+          tabBar.removeEventListener("pointermove", onPointerMove);
+          tabBar.removeEventListener("pointerup", onPointerUp);
+        };
+        tabBar.addEventListener("pointermove", onPointerMove);
+        tabBar.addEventListener("pointerup", onPointerUp);
+      };
       const visibleTabs = vue.computed(() => props.tabs.filter((tab) => !tab.hidden));
       const createdTabs = vue.ref([]);
       const ensureAddCreatedTab = (tab) => {
@@ -39188,6 +39228,7 @@ img.ProseMirror-separator {
       const modal = useModal();
       const selectTab = (tab) => {
         var _a2;
+        if (isDragging.value) return;
         if (((_a2 = currentTab.value) == null ? void 0 : _a2.tabId) === (tab == null ? void 0 : tab.tabId)) return;
         if (tab == null ? void 0 : tab.disabled) return;
         if (props.blockLeavingModifiedTab || props.confirmLeavingModifiedTab) {
@@ -39242,7 +39283,10 @@ img.ProseMirror-separator {
           class: "bs-tab-sheet bs-layout-vertical"
         }, [
           vue.createElementVNode("div", {
-            class: vue.normalizeClass([{ "first-tab": firstTabSelected.value }, "tab-bar bs-layout-horizontal"])
+            ref_key: "tabBarRef",
+            ref: tabBarRef,
+            class: vue.normalizeClass([{ "first-tab": firstTabSelected.value }, "tab-bar bs-layout-horizontal"]),
+            onPointerdown: onTabBarPointerDown
           }, [
             vue.createElementVNode("div", _hoisted_2$A, [
               vue.renderSlot(_ctx.$slots, "prefix")
@@ -39266,7 +39310,7 @@ img.ProseMirror-separator {
             vue.createElementVNode("div", _hoisted_7$1, [
               vue.renderSlot(_ctx.$slots, "buttons")
             ])
-          ], 2),
+          ], 34),
           vue.createElementVNode("div", _hoisted_8$1, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(createdTabs.value, (createdTab) => {
               var _a3;

package/dist/component/input/BSMultiImageUpload.vue.d.ts

@@ -24,6 +24,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     extraValidationRules?: FieldValidationRule<MultiImageFile>[] | undefined;
     ignoreSavePoint?: boolean | undefined;
     hideErrorMessage?: boolean | undefined;
+    disableUpload?: boolean | undefined;
     enableDraggableOrder?: boolean | undefined;
     mediaObjectUrlStore?: MediaObjectUrlStore | undefined;
 }>, {
@@ -61,6 +62,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     extraValidationRules?: FieldValidationRule<MultiImageFile>[] | undefined;
     ignoreSavePoint?: boolean | undefined;
     hideErrorMessage?: boolean | undefined;
+    disableUpload?: boolean | undefined;
     enableDraggableOrder?: boolean | undefined;
     mediaObjectUrlStore?: MediaObjectUrlStore | undefined;
 }>, {

package/dist/component/input/BSPriceInput.vue.d.ts

@@ -8,6 +8,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     modelValue?: Money | undefined;
     currency?: string | undefined;
     prefix?: false | undefined;
+    suffix?: string | undefined;
     maxlength?: number | undefined;
     disabled?: boolean | undefined;
     viewMode?: boolean | undefined;
@@ -43,6 +44,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     modelValue?: Money | undefined;
     currency?: string | undefined;
     prefix?: false | undefined;
+    suffix?: string | undefined;
     maxlength?: number | undefined;
     disabled?: boolean | undefined;
     viewMode?: boolean | undefined;

package/dist/{index-D3w5seMa.js → index-CcW6HExQ.js}

@@ -368,8 +368,8 @@ const defaultAddressInputComponentConfig = {
   countryConfigs: ADDRESS_COUNTRY_CONFIGS
 };
 const defaultRichTextComponentConfig = {
-  imageInsertModal: defineAsyncComponent(() => import("./ImageInsertModal-CB7nCYk5.js")),
-  videoInsertModal: defineAsyncComponent(() => import("./VideoInsertModal-B1uHQRye.js")),
+  imageInsertModal: defineAsyncComponent(() => import("./ImageInsertModal-CxWBdXkG.js")),
+  videoInsertModal: defineAsyncComponent(() => import("./VideoInsertModal-vjlc3ono.js")),
   toolButtons: [
     "Heading",
     "FontSize",
@@ -3558,6 +3558,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
     modelValue: {},
     currency: {},
     prefix: { type: Boolean },
+    suffix: {},
     maxlength: {},
     disabled: { type: Boolean },
     viewMode: { type: Boolean },
@@ -3600,6 +3601,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
       var _a2;
       return ((_a2 = props.modelValue) == null ? void 0 : _a2.currency) || props.currency || blueseaConfig.defaultCurrencyCode;
     });
+    const suffixText = computed(() => props.suffix !== void 0 ? props.suffix : currencyCode.value);
     const fieldContext = useFieldContext();
     const isValid = async (value, phase) => {
       const errors2 = [];
@@ -3676,10 +3678,11 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
             class: "price mr-4",
             textContent: toDisplayString(_ctx.formatInViewMode ? formattedStringValue.value : unref(stringValue))
           }, null, 8, _hoisted_2$Y),
-          createElementVNode("span", {
+          suffixText.value ? (openBlock(), createElementBlock("span", {
+            key: 0,
             class: "currency-code",
-            textContent: toDisplayString(currencyCode.value)
-          }, null, 8, _hoisted_3$A)
+            textContent: toDisplayString(suffixText.value)
+          }, null, 8, _hoisted_3$A)) : createCommentVNode("", true)
         ])) : (openBlock(), createElementBlock("div", _hoisted_4$k, [
           withDirectives(createElementVNode("input", mergeProps({
             id: _ctx.id,
@@ -3700,10 +3703,11 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
               { placeholder: true }
             ]
           ]),
-          createElementVNode("div", {
+          suffixText.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
             class: "currency-code",
-            textContent: toDisplayString(currencyCode.value)
-          }, null, 8, _hoisted_6$8)
+            textContent: toDisplayString(suffixText.value)
+          }, null, 8, _hoisted_6$8)) : createCommentVNode("", true)
         ])),
         !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
           key: 2,
@@ -3759,8 +3763,8 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
         modelValue.value = Number(str);
       }
     };
-    const percentMaxValue = computed(() => props.maxValue ? Number((props.maxValue * 100).toFixed(props.maxDecimalPlaces)) : void 0);
-    const percentMinValue = computed(() => props.minValue ? Number((props.minValue * 100).toFixed(props.maxDecimalPlaces)) : void 0);
+    const percentMaxValue = computed(() => props.maxValue !== void 0 ? Number((props.maxValue * 100).toFixed(props.maxDecimalPlaces)) : void 0);
+    const percentMinValue = computed(() => props.minValue !== void 0 ? Number((props.minValue * 100).toFixed(props.maxDecimalPlaces)) : void 0);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1u, {
         id: _ctx.id,
@@ -6322,7 +6326,7 @@ class BSModal {
   }
   openAlert(title, message, clickHandler2) {
     const option = {
-      component: defineAsyncComponent(() => import("./BSAlertModal-CYU9CQls.js")),
+      component: defineAsyncComponent(() => import("./BSAlertModal-6tEkwgWx.js")),
       bind: {
         title,
         message
@@ -6335,7 +6339,7 @@ class BSModal {
   }
   openYesNo(title, message, yesHandler, noHandler) {
     const option = {
-      component: defineAsyncComponent(() => import("./BSYesNoModal-BnlBSnTl.js")),
+      component: defineAsyncComponent(() => import("./BSYesNoModal-Cl1BTqpc.js")),
       bind: {
         title,
         message
@@ -31469,13 +31473,13 @@ const tableContextMenus = (modal, editor) => {
 };
 const showTableProperties = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./TablePropertiesModal-dyMd6ysL.js")),
+    component: defineAsyncComponent(() => import("./TablePropertiesModal-pkr6Msmu.js")),
     bind: { editor }
   });
 };
 const insertTable = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./TableInsertModal-D6pcuU2G.js")),
+    component: defineAsyncComponent(() => import("./TableInsertModal-CXJ4brID.js")),
     bind: { editor }
   });
 };
@@ -31640,7 +31644,7 @@ const insertImage = (modal, editor) => {
   const component = (_a2 = blueseaConfig.componentConfig.richText) == null ? void 0 : _a2.imageInsertModal;
   if (component) {
     modal.openModal({
-      component: defineAsyncComponent(() => import("./ImageInsertModal-CB7nCYk5.js")),
+      component: defineAsyncComponent(() => import("./ImageInsertModal-CxWBdXkG.js")),
       bind: { editor },
       on: {
         insertImage: (image) => {
@@ -31658,7 +31662,7 @@ const insertImage = (modal, editor) => {
 };
 const showImageProperties = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./ImagePropertiesModal-DhC1BIGM.js")),
+    component: defineAsyncComponent(() => import("./ImagePropertiesModal-BDQhSQ9v.js")),
     bind: { editor }
   });
 };
@@ -32019,13 +32023,13 @@ const youtubeContextMenu = (modal, editor) => {
 };
 const insertYoutube = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./YoutubeInsertModal-BrhwLQmb.js")),
+    component: defineAsyncComponent(() => import("./YoutubeInsertModal-CIEiPj4I.js")),
     bind: { editor }
   });
 };
 const showYoutubeProperties = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./YoutubePropertiesModal-BcDH9UvU.js")),
+    component: defineAsyncComponent(() => import("./YoutubePropertiesModal-BEoWxNhm.js")),
     bind: { editor }
   });
 };
@@ -32069,7 +32073,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     const showLinkProperties = () => {
       if (!props.disabled) {
         modal.openModal({
-          component: defineAsyncComponent(() => import("./LinkPropertiesModal-CiC7e3lM.js")),
+          component: defineAsyncComponent(() => import("./LinkPropertiesModal-BxuxKHfU.js")),
           bind: {
             editor: props.editor
           }
@@ -32434,7 +32438,7 @@ const insertVideo = (modal, editor) => {
   const component = (_a2 = blueseaConfig.componentConfig.richText) == null ? void 0 : _a2.videoInsertModal;
   if (component) {
     modal.openModal({
-      component: defineAsyncComponent(() => import("./VideoInsertModal-B1uHQRye.js")),
+      component: defineAsyncComponent(() => import("./VideoInsertModal-vjlc3ono.js")),
       bind: { editor },
       on: {
         insertVideo: (video) => {
@@ -32452,7 +32456,7 @@ const insertVideo = (modal, editor) => {
 };
 const showVideoProperties = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./VideoPropertiesModal-CWq4UM9A.js")),
+    component: defineAsyncComponent(() => import("./VideoPropertiesModal-_ETvfO7t.js")),
     bind: { editor }
   });
 };
@@ -34630,7 +34634,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       emit("maximized");
       if (!props.internalMaximized) {
         modal.openModal({
-          component: defineAsyncComponent(() => import("./BSRichTextMaximizedModal-SyLzOqK2.js")),
+          component: defineAsyncComponent(() => import("./BSRichTextMaximizedModal-CY9SoSef.js")),
           bind: {
             modelValue: getEditorValue(),
             contentMaxWidth: props.contentMaxWidth,
@@ -35177,7 +35181,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     const modal = useModal();
     const enterYoutubeUrl = () => {
       modal.openModal({
-        component: defineAsyncComponent(() => import("./BSYoutubeInputModal-DoEETszL.js")),
+        component: defineAsyncComponent(() => import("./BSYoutubeInputModal-ZPgUtYEv.js")),
         on: {
           "update:modelValue": (url) => {
             emit("update:modelValue", {
@@ -35479,6 +35483,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     extraValidationRules: {},
     ignoreSavePoint: { type: Boolean },
     hideErrorMessage: { type: Boolean },
+    disableUpload: { type: Boolean },
     enableDraggableOrder: { type: Boolean },
     mediaObjectUrlStore: {}
   },
@@ -35535,7 +35540,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     );
     const validationDisabled = computed(() => props.disabled || props.viewMode);
     const maxFileSizeValue = computed(() => props.maxFileSize || blueseaConfig.maxFileSize);
-    const canUpload = computed(() => !props.disabled && !props.viewMode && props.modelValue.length < props.maxCount);
+    const canUpload = computed(() => !props.disabled && !props.viewMode && !props.disableUpload && props.modelValue.length < props.maxCount);
     const fieldContext = useFieldContext();
     const errorRecord = ref([]);
     const isValid = async (value, phase) => {
@@ -35669,7 +35674,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BSMultiImageUpload = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-bb3fe045"]]);
+const BSMultiImageUpload = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-b7698f30"]]);
 const _hoisted_1$K = ["data-field-name"];
 const _hoisted_2$x = { class: "bs-layout-horizontal-wrap gap-8" };
 const _hoisted_3$k = { class: "mr-4" };
@@ -38833,7 +38838,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     const modal = useModal();
     const openSettingModal = () => {
       modal.openModal({
-        component: defineAsyncComponent(() => import("./BSGridColumnSettingModal-ZZsojFuF.js")),
+        component: defineAsyncComponent(() => import("./BSGridColumnSettingModal-VUocv6UV.js")),
         bind: {
           columns: props.columns,
           columnSettings: props.columnSettings,
@@ -39166,6 +39171,41 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const tabBarRef = ref();
+    const isDragging = ref(false);
+    const onTabBarPointerDown = (e) => {
+      const tabBar = tabBarRef.value;
+      if (!tabBar || e.button !== 0) return;
+      const startX = e.clientX;
+      const startScrollLeft = tabBar.scrollLeft;
+      const pointerId = e.pointerId;
+      const onPointerMove = (ev) => {
+        const deltaX = ev.clientX - startX;
+        if (!isDragging.value && Math.abs(deltaX) > 8) {
+          isDragging.value = true;
+          tabBar.setPointerCapture(pointerId);
+          tabBar.style.userSelect = "none";
+          tabBar.style.cursor = "grabbing";
+        }
+        if (isDragging.value) {
+          tabBar.scrollLeft = startScrollLeft - deltaX;
+        }
+      };
+      const onPointerUp = () => {
+        if (isDragging.value) {
+          tabBar.releasePointerCapture(pointerId);
+          tabBar.style.userSelect = "";
+          tabBar.style.cursor = "";
+          nextTick(() => {
+            isDragging.value = false;
+          });
+        }
+        tabBar.removeEventListener("pointermove", onPointerMove);
+        tabBar.removeEventListener("pointerup", onPointerUp);
+      };
+      tabBar.addEventListener("pointermove", onPointerMove);
+      tabBar.addEventListener("pointerup", onPointerUp);
+    };
     const visibleTabs = computed(() => props.tabs.filter((tab) => !tab.hidden));
     const createdTabs = ref([]);
     const ensureAddCreatedTab = (tab) => {
@@ -39188,6 +39228,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     const modal = useModal();
     const selectTab = (tab) => {
       var _a2;
+      if (isDragging.value) return;
       if (((_a2 = currentTab.value) == null ? void 0 : _a2.tabId) === (tab == null ? void 0 : tab.tabId)) return;
       if (tab == null ? void 0 : tab.disabled) return;
       if (props.blockLeavingModifiedTab || props.confirmLeavingModifiedTab) {
@@ -39242,7 +39283,10 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
         class: "bs-tab-sheet bs-layout-vertical"
       }, [
         createElementVNode("div", {
-          class: normalizeClass([{ "first-tab": firstTabSelected.value }, "tab-bar bs-layout-horizontal"])
+          ref_key: "tabBarRef",
+          ref: tabBarRef,
+          class: normalizeClass([{ "first-tab": firstTabSelected.value }, "tab-bar bs-layout-horizontal"]),
+          onPointerdown: onTabBarPointerDown
         }, [
           createElementVNode("div", _hoisted_2$m, [
             renderSlot(_ctx.$slots, "prefix")
@@ -39266,7 +39310,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_7, [
             renderSlot(_ctx.$slots, "buttons")
           ])
-        ], 2),
+        ], 34),
         createElementVNode("div", _hoisted_8, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(createdTabs.value, (createdTab) => {
             var _a3;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@g1cloud/bluesea",
   "private": false,
-  "version": "5.0.0-beta.21",
+  "version": "5.0.0-beta.23",
   "description": "Ui Library for g1cloud BackOffice.",
   "type": "module",
   "engines": {