@g1cloud/bluesea 5.0.0-alpha.42 → 5.0.0-alpha.43

package/css/transition.scss

@@ -81,3 +81,15 @@
 .fade-leave-active {
   position: absolute;
 }
+
+//
+// spin animation
+//
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/dist/{AddressSearchModal-BlTRjOqn.js → AddressSearchModal-C2tRdvJd.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, onMounted, openBlock, createBlock, withCtx, createElementVNode, createVNode, unref } from "vue";
-import { S as SearchParam, P as PaginatedList, u as useModalHandle, _ as _sfc_main$1, a as _sfc_main$2, b as _sfc_main$3, B as BSButton, w as waitDuring } from "./index-7tRkotiO.js";
+import { S as SearchParam, P as PaginatedList, u as useModalHandle, _ as _sfc_main$1, a as _sfc_main$2, b as _sfc_main$3, B as BSButton, w as waitDuring } from "./index-CatLqUN1.js";
 const gridColumns = [
   { propertyId: "zipCode", caption: "Zipcode", width: 80 },
   { propertyId: "address1", caption: "state/province/region", width: 150 },

package/dist/{BSAlertModal-ClhCo07T.js → BSAlertModal-CjBJvytH.js}

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

package/dist/{BSYesNoModal-BoaZLa9D.js → BSYesNoModal-BXIwk9I5.js}

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

package/dist/bluesea.js

@@ -1,4 +1,4 @@
-import { aI, aJ, d, a0, a4, B, L, q, r, k, a5, bb, o, p, K, e, b, I, a, a1, G, i, O, N, Y, a$, a2, _, H, W, X, V, U, T, z, Z, a3, m, l, g, D, n, j, s, t, F, y, M, $, E, J, h, Q, R, C, A, x, f, aQ, aP, ac, a7, bf, a6, aj, ag, ad, aO, al, ak, bj, aM, ai, aN, am, aL, aK, af, P, aH, aE, S, ar, br, b5, aR, aY, aX, aa, b7, ab, be, bg, ah, b2, ae, aq, aW, aB, aC, aD, az, aA, ay, at, bm, ba, bk, aU, a9, bs, bq, as, aV, av, aT, bl, b3, aS, bp, bh, aZ, b1, aF, an, b6, b4, b9, au, b8, bo, bc, bd, bi, a_, b0, u, aG, ao, ap, a8, c, aw, ax, w, bn } from "./index-7tRkotiO.js";
+import { aI, aJ, d, a0, a4, B, L, q, r, k, a5, bf, o, p, K, e, b, I, a, a1, G, i, O, N, Y, a$, a2, _, H, W, X, V, U, T, z, Z, a3, m, l, g, D, n, j, s, t, F, y, M, $, E, J, h, Q, R, C, A, x, f, aQ, aP, ac, a7, bj, a6, aj, ag, ad, aO, al, ak, bn, aM, ai, aN, am, aL, aK, af, P, aH, aE, S, ar, bv, b5, aR, aY, aX, aa, b7, ab, bi, bk, ah, b2, ae, aq, aW, aB, aC, aD, az, aA, ay, at, bq, bd, ba, bo, aU, a9, bw, bu, as, aV, av, aT, bp, b3, aS, bt, bl, aZ, b1, aF, an, b6, bc, bb, b4, b9, au, b8, bs, bg, bh, bm, a_, b0, u, aG, ao, ap, a8, c, aw, ax, w, br, be } from "./index-CatLqUN1.js";
 export {
   aI as AbstractFilter,
   aJ as AndFilter,
@@ -11,7 +11,7 @@ export {
   r as BSCheckboxGroup,
   k as BSConsole,
   a5 as BSContextMenuContainer,
-  bb as BSContextMenuPlugin,
+  bf as BSContextMenuPlugin,
   o as BSDateInput,
   p as BSDateRange,
   K as BSDateRangeFilter,
@@ -62,7 +62,7 @@ export {
   aP as BetweenFilter,
   ac as DEFAULT_GRID_COLUMN_WIDTH,
   a7 as DefaultBody,
-  bf as DefaultFrameContext,
+  bj as DefaultFrameContext,
   a6 as DefaultHeader,
   aj as EditableInputGridHandlerImpl,
   ag as EditablePageGridHandlerImpl,
@@ -70,7 +70,7 @@ export {
   aO as EqualFilter,
   al as GridHandlerEditableSupport,
   ak as GridHandlerSelectDeleteSupport,
-  bj as I18NTexts,
+  bn as I18NTexts,
   aM as InFilter,
   ai as InputGridHandlerImpl,
   aN as LikeFilter,
@@ -83,7 +83,7 @@ export {
   aE as SavePointImpl,
   S as SearchParam,
   ar as ValidationFailedError,
-  br as addPrefixToMultiLangString,
+  bv as addPrefixToMultiLangString,
   b5 as alarmEntries,
   aR as andFilter,
   aY as betweenDateFilter,
@@ -91,8 +91,8 @@ export {
   aa as blueseaConfig,
   b7 as closeAlarm,
   ab as configureBluesea,
-  be as createContextMenuPlugin,
-  bg as createDefaultFrameContext,
+  bi as createContextMenuPlugin,
+  bk as createDefaultFrameContext,
   ah as createInputGridHandler,
   b2 as createModalPlugin,
   ae as createPageGridHandler,
@@ -105,35 +105,38 @@ export {
   aA as executeRequiredValidation,
   ay as fieldValidator,
   at as formValidator,
-  bm as formatUtil,
+  bq as formatUtil,
+  bd as hideLoading,
   ba as hideTooltip,
-  bk as i18n,
+  bo as i18n,
   aU as inFilter,
   a9 as interpretMultiLangText,
-  bs as isBlankMultiLangImageFile,
-  bq as isBlankMultiLangString,
+  bw as isBlankMultiLangImageFile,
+  bu as isBlankMultiLangString,
   as as isValidationFailedError,
   aV as likeFilter,
   av as loadFieldValidator,
   aT as notFilter,
-  bl as notNull,
+  bp as notNull,
   b3 as notificationEntries,
   aS as orFilter,
-  bp as parsePathParam,
-  bh as provideDefaultFrameContext,
+  bt as parsePathParam,
+  bl as provideDefaultFrameContext,
   aZ as provideFieldContext,
   b1 as provideModalHandle,
   aF as provideSavePoint,
   an as provideTabManager,
   b6 as showAlarm,
+  bc as showLoading,
+  bb as showLoadingIcon,
   b4 as showNotification,
   b9 as showTooltip,
   au as storeFieldValidator,
   b8 as tooltipEntry,
-  bo as tryUntil,
-  bc as useContextMenu,
-  bd as useContextMenuOptional,
-  bi as useDefaultFrame,
+  bs as tryUntil,
+  bg as useContextMenu,
+  bh as useContextMenuOptional,
+  bm as useDefaultFrame,
   a_ as useFieldContext,
   b0 as useModal,
   u as useModalHandle,
@@ -145,5 +148,6 @@ export {
   aw as validateField,
   ax as validateFields,
   w as waitDuring,
-  bn as waitUntil
+  br as waitUntil,
+  be as withLoading
 };

package/dist/bluesea.umd.cjs

@@ -225,6 +225,31 @@ var __publicField = (obj, key, value) => {
       tooltipEntry.value = void 0;
     }
   };
+  const showLoadingIcon = vue.ref(false);
+  let showLoadingCount = 0;
+  const showLoading = () => {
+    showLoadingCount++;
+    showLoadingIcon.value = showLoadingCount > 0;
+  };
+  const hideLoading = () => {
+    showLoadingCount = Math.max(0, showLoadingCount - 1);
+    showLoadingIcon.value = showLoadingCount > 0;
+  };
+  const withLoading = async (func) => {
+    let shown = false;
+    const timeoutId = window.setTimeout(() => {
+      showLoading();
+      shown = true;
+    }, 300);
+    try {
+      return await func();
+    } finally {
+      if (shown)
+        hideLoading();
+      if (timeoutId)
+        window.clearTimeout(timeoutId);
+    }
+  };
   const DEFAULT_TOOLTIP_SHOW_DELAY = 800;
   const DEFAULT_TOOLTIP_HIDE_DELAY = 300;
   const setTooltipParam = (el, param) => {
@@ -779,7 +804,7 @@ var __publicField = (obj, key, value) => {
     key: 1,
     class: "label"
   };
-  const _hoisted_5$g = /* @__PURE__ */ vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
+  const _hoisted_5$h = /* @__PURE__ */ vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
   const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
     __name: "BSSelect",
     props: {
@@ -889,7 +914,7 @@ var __publicField = (obj, key, value) => {
               ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$m, null, 512)), [
                 [vue.unref(vT), selectedItemLabel.value]
               ]),
-              _hoisted_5$g
+              _hoisted_5$h
             ], 512),
             !_ctx.disabled && showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1j, {
               key: 0,
@@ -1428,7 +1453,7 @@ var __publicField = (obj, key, value) => {
     class: "indeterminate"
   };
   const _hoisted_4$k = /* @__PURE__ */ vue.createElementVNode("div", { class: "in-box" }, null, -1);
-  const _hoisted_5$f = [
+  const _hoisted_5$g = [
     _hoisted_4$k
   ];
   const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
@@ -1458,7 +1483,7 @@ var __publicField = (obj, key, value) => {
             class: "inner-progressbar"
           }, [
             calculateProgress.value !== void 0 && calculateProgress.value < 50 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$10, vue.toDisplayString(calculatePercent.value) + "% ", 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$N, vue.toDisplayString(calculatePercent.value) + "% ", 1))
-          ], 4)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$s, _hoisted_5$f))
+          ], 4)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$s, _hoisted_5$g))
         ], 4);
       };
     }
@@ -1908,8 +1933,8 @@ var __publicField = (obj, key, value) => {
     key: 1,
     class: "input-area"
   };
-  const _hoisted_5$e = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
-  const _hoisted_6$7 = ["textContent"];
+  const _hoisted_5$f = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
+  const _hoisted_6$8 = ["textContent"];
   const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
     __name: "BSPriceInput",
     props: {
@@ -2050,7 +2075,7 @@ var __publicField = (obj, key, value) => {
               tabindex: _ctx.tabindex,
               value: focused.value || !_ctx.formatOnBlur ? vue.unref(stringValue) : formattedStringValue.value,
               type: "text"
-            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_5$e), [
+            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_5$f), [
               [
                 vue.unref(vT),
                 _ctx.placeholder,
@@ -2061,7 +2086,7 @@ var __publicField = (obj, key, value) => {
             vue.createElementVNode("div", {
               class: "currency-code",
               textContent: vue.toDisplayString(currencyCode.value)
-            }, null, 8, _hoisted_6$7)
+            }, null, 8, _hoisted_6$8)
           ])),
           vue.createVNode(_sfc_main$1i, { errors: vue.unref(errors) }, null, 8, ["errors"])
         ], 6);
@@ -2230,8 +2255,8 @@ var __publicField = (obj, key, value) => {
   };
   const _hoisted_3$o = /* @__PURE__ */ vue.createElementVNode("span", { class: "font-icon" }, "calendar_month", -1);
   const _hoisted_4$g = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
-  const _hoisted_5$d = /* @__PURE__ */ vue.createElementVNode("span", { class: "px-4" }, "~", -1);
-  const _hoisted_6$6 = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
+  const _hoisted_5$e = /* @__PURE__ */ vue.createElementVNode("span", { class: "px-4" }, "~", -1);
+  const _hoisted_6$7 = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
   const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
     __name: "BSDateRange",
     props: {
@@ -2433,7 +2458,7 @@ var __publicField = (obj, key, value) => {
                 { placeholder: true }
               ]
             ]),
-            _hoisted_5$d,
+            _hoisted_5$e,
             vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
               id: _ctx.idTo,
               ref_key: "fieldTo",
@@ -2444,7 +2469,7 @@ var __publicField = (obj, key, value) => {
               tabindex: _ctx.tabindex,
               value: focusedTo.value ? vue.unref(stringValueTo) : formattedTo.value,
               type: "text"
-            }, vue.toHandlers(handlersTo, true)), null, 16, _hoisted_6$6), [
+            }, vue.toHandlers(handlersTo, true)), null, 16, _hoisted_6$7), [
               [
                 vue.unref(vT),
                 _ctx.placeholderTo,
@@ -2869,7 +2894,7 @@ var __publicField = (obj, key, value) => {
     class: "placeholder flex-grow-1"
   };
   const _hoisted_4$f = { key: 1 };
-  const _hoisted_5$c = /* @__PURE__ */ vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
+  const _hoisted_5$d = /* @__PURE__ */ vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
   const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
     __name: "BSMultiSelect",
     props: {
@@ -3003,7 +3028,7 @@ var __publicField = (obj, key, value) => {
                   ]);
                 }), 128))
               ])),
-              _hoisted_5$c
+              _hoisted_5$d
             ], 512),
             !_ctx.disabled && showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1j, {
               key: 0,
@@ -3924,7 +3949,7 @@ var __publicField = (obj, key, value) => {
     key: 1,
     class: "label"
   };
-  const _hoisted_5$b = /* @__PURE__ */ vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
+  const _hoisted_5$c = /* @__PURE__ */ vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
   const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTreeSelect",
     props: {
@@ -4056,7 +4081,7 @@ var __publicField = (obj, key, value) => {
               ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$d, null, 512)), [
                 [vue.unref(vT), selectedItemLabel.value]
               ]),
-              _hoisted_5$b
+              _hoisted_5$c
             ], 512),
             showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1k, {
               key: 0,
@@ -4083,7 +4108,7 @@ var __publicField = (obj, key, value) => {
     key: 1,
     class: "label"
   };
-  const _hoisted_5$a = /* @__PURE__ */ vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
+  const _hoisted_5$b = /* @__PURE__ */ vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
   const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTreeMultiSelect",
     props: {
@@ -4211,7 +4236,7 @@ var __publicField = (obj, key, value) => {
               ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$c, null, 512)), [
                 [vue.unref(vT), selectedItemLabel.value]
               ]),
-              _hoisted_5$a
+              _hoisted_5$b
             ], 512),
             showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1k, {
               key: 0,
@@ -27920,7 +27945,7 @@ img.ProseMirror-separator {
   const _hoisted_2$x = /* @__PURE__ */ vue.createElementVNode("div", { class: "separator" }, null, -1);
   const _hoisted_3$g = /* @__PURE__ */ vue.createElementVNode("div", { class: "separator" }, null, -1);
   const _hoisted_4$a = /* @__PURE__ */ vue.createElementVNode("div", { class: "separator" }, null, -1);
-  const _hoisted_5$9 = /* @__PURE__ */ vue.createElementVNode("div", { class: "separator" }, null, -1);
+  const _hoisted_5$a = /* @__PURE__ */ vue.createElementVNode("div", { class: "separator" }, null, -1);
   const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     __name: "RichTextToolbar",
     props: {
@@ -27966,7 +27991,7 @@ img.ProseMirror-separator {
             class: vue.normalizeClass([{ active: _ctx.editor.isActive({ textAlign: "right" }), "bs-clickable": !_ctx.disabled }, "font-icon"]),
             onClick: _cache[5] || (_cache[5] = ($event) => !_ctx.disabled && _ctx.editor.chain().focus().setTextAlign("right").run())
           }, " format_align_right ", 2),
-          _hoisted_5$9
+          _hoisted_5$a
         ]);
       };
     }
@@ -29719,7 +29744,7 @@ img.ProseMirror-separator {
     key: 0,
     class: "font-icon"
   };
-  const _hoisted_5$8 = ["disabled", "name"];
+  const _hoisted_5$9 = ["disabled", "name"];
   const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     __name: "BSImageUpload",
     props: {
@@ -29934,7 +29959,7 @@ img.ProseMirror-separator {
               style: { "display": "none" },
               type: "file",
               onChange: imageSelected
-            }, null, 40, _hoisted_5$8)
+            }, null, 40, _hoisted_5$9)
           ], 2),
           vue.createVNode(_sfc_main$1i, {
             class: vue.normalizeClass({ "text-nowrap": !_ctx.wrapErrorMessage }),
@@ -31421,16 +31446,16 @@ img.ProseMirror-separator {
     class: "fixed func-cell"
   };
   const _hoisted_4$8 = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
-  const _hoisted_5$7 = [
+  const _hoisted_5$8 = [
     _hoisted_4$8
   ];
-  const _hoisted_6$5 = {
+  const _hoisted_6$6 = {
     key: 2,
     class: "fixed func-cell"
   };
-  const _hoisted_7$3 = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
+  const _hoisted_7$4 = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
   const _hoisted_8$2 = [
-    _hoisted_7$3
+    _hoisted_7$4
   ];
   const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     __name: "BSGrid",
@@ -31452,7 +31477,8 @@ img.ProseMirror-separator {
       keyProvider: { default: () => emptyKeyProvider },
       selectedRows: {},
       editable: { type: Boolean },
-      editingRows: {}
+      editingRows: {},
+      alwaysEditing: { type: Boolean }
     },
     emits: ["offsetChanged", "update:selectedRows", "update:editingRows", "changeEditingRow", "update:sorts"],
     setup(__props, { emit: __emit }) {
@@ -31509,10 +31535,18 @@ img.ProseMirror-separator {
       };
       const cancelEditMode = async (row) => {
         if (internalEditingRows.isEditingRow(row)) {
-          internalEditingRows.removeRow(row);
-          emit("update:editingRows", internalEditingRows);
-          emit("changeEditingRow", row, false);
-          await setFixedCellLeftStyle(table.value);
+          if (props.alwaysEditing) {
+            internalEditingRows.removeRow(row);
+            emit("changeEditingRow", row, false);
+            await vue.nextTick();
+            internalEditingRows.addEditingRow({ row });
+            emit("changeEditingRow", row, true);
+          } else {
+            internalEditingRows.removeRow(row);
+            emit("update:editingRows", internalEditingRows);
+            emit("changeEditingRow", row, false);
+            await setFixedCellLeftStyle(table.value);
+          }
         }
       };
       const clearEditing = async () => {
@@ -31524,6 +31558,16 @@ img.ProseMirror-separator {
           await setFixedCellLeftStyle(table.value);
         }
       };
+      const initEditing = () => {
+        if (props.alwaysEditing) {
+          props.data.forEach((row) => {
+            if (!internalEditingRows.isEditingRow(row)) {
+              internalEditingRows.addEditingRow({ row });
+            }
+          });
+        }
+      };
+      vue.watch(() => props.alwaysEditing, () => initEditing(), { immediate: true });
       const internalSorts = props.sorts || vue.reactive([]);
       const changeSort = (column, ascending) => {
         internalSorts.splice(0, internalSorts.length);
@@ -31547,6 +31591,7 @@ img.ProseMirror-separator {
         async () => {
           await clearEditing();
           clearSelection();
+          initEditing();
           await setFixedCellLeftStyle(table.value);
         },
         { immediate: true }
@@ -31572,13 +31617,13 @@ img.ProseMirror-separator {
             }, [
               vue.createElementVNode("thead", null, [
                 vue.createElementVNode("tr", _hoisted_2$o, [
-                  _ctx.showDragHandle ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_3$b, _hoisted_5$7)) : vue.createCommentVNode("", true),
+                  _ctx.showDragHandle ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_3$b, _hoisted_5$8)) : vue.createCommentVNode("", true),
                   _ctx.showCheckbox ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
                     key: 1,
                     "selected-row-count": vue.unref(internalSelectedRows).size,
                     onClick: toggleAllSelection
                   }, null, 8, ["selected-row-count"])) : vue.createCommentVNode("", true),
-                  _ctx.editable ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_6$5, _hoisted_8$2)) : vue.createCommentVNode("", true),
+                  _ctx.editable ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_6$6, _hoisted_8$2)) : vue.createCommentVNode("", true),
                   _ctx.showSerial ? (vue.openBlock(), vue.createBlock(BSGridHeaderCellSerialNo, { key: 3 })) : vue.createCommentVNode("", true),
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(internalColumns.value, (column) => {
                     return vue.openBlock(), vue.createBlock(BSGridHeaderCell, {
@@ -31655,7 +31700,7 @@ img.ProseMirror-separator {
   const _hoisted_2$n = { class: "input-wrap" };
   const _hoisted_3$a = ["onKeyup"];
   const _hoisted_4$7 = { class: "textarea-wrap" };
-  const _hoisted_5$6 = { class: "filter-caption text-nowrap" };
+  const _hoisted_5$7 = { class: "filter-caption text-nowrap" };
   const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTextFilter",
     props: {
@@ -31761,7 +31806,7 @@ img.ProseMirror-separator {
           ], 512), [
             [vue.vShow, filterMode.value === "TEXTAREA"]
           ]),
-          vue.createElementVNode("div", _hoisted_5$6, [
+          vue.createElementVNode("div", _hoisted_5$7, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filterMode.value === "INPUT" ? likeFilterItems.value : inFilterItems.value, (item) => {
               return vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
                 key: item.propertyId
@@ -32062,9 +32107,9 @@ img.ProseMirror-separator {
   const _hoisted_2$k = { key: 0 };
   const _hoisted_3$9 = { key: 1 };
   const _hoisted_4$6 = { key: 2 };
-  const _hoisted_5$5 = { key: 3 };
-  const _hoisted_6$4 = { key: 4 };
-  const _hoisted_7$2 = { key: 5 };
+  const _hoisted_5$6 = { key: 3 };
+  const _hoisted_6$5 = { key: 4 };
+  const _hoisted_7$3 = { key: 5 };
   const _hoisted_8$1 = ["textContent"];
   const _hoisted_9$1 = { key: 6 };
   const _hoisted_10$1 = ["textContent"];
@@ -32129,20 +32174,20 @@ img.ProseMirror-separator {
               onClick: clearGridFilter
             })
           ])) : vue.createCommentVNode("", true),
-          _ctx.showFilter ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$5, [
+          _ctx.showFilter ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, [
             vue.createVNode(BSButton, {
               caption: { key: "bs.grid.filter" },
               "left-icon": "filter_alt"
             })
           ])) : vue.createCommentVNode("", true),
-          _ctx.showAddButton ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$4, [
+          _ctx.showAddButton ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$5, [
             vue.createVNode(BSButton, {
               caption: { key: "bs.gridcontrol.addRow" },
               "left-icon": "add",
               onClick: _cache[0] || (_cache[0] = ($event) => emit("clickAdd"))
             })
           ])) : vue.createCommentVNode("", true),
-          _ctx.showRemoveButton ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, [
+          _ctx.showRemoveButton ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$3, [
             vue.createVNode(BSButton, {
               caption: { key: "bs.gridcontrol.removeRow" },
               "left-icon": "remove",
@@ -32363,7 +32408,7 @@ img.ProseMirror-separator {
   const _hoisted_2$i = { class: "tabs flex-grow-1 flex-shrink-1" };
   const _hoisted_3$8 = ["onClick"];
   const _hoisted_4$5 = { class: "buttons text-nowrap" };
-  const _hoisted_5$4 = { class: "flex-grow-1 bs-layout-vertical" };
+  const _hoisted_5$5 = { class: "flex-grow-1 bs-layout-vertical" };
   const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTabSheet",
     props: {
@@ -32430,7 +32475,7 @@ img.ProseMirror-separator {
               vue.renderSlot(_ctx.$slots, "buttons")
             ])
           ], 2),
-          vue.createElementVNode("div", _hoisted_5$4, [
+          vue.createElementVNode("div", _hoisted_5$5, [
             currentTab.value ? vue.renderSlot(_ctx.$slots, currentTab.value.tabId, {
               key: 0,
               tabId: currentTab.value.tabId
@@ -33204,12 +33249,12 @@ img.ProseMirror-separator {
     key: 1,
     class: "ml-4"
   };
-  const _hoisted_5$3 = /* @__PURE__ */ vue.createElementVNode("span", { class: "label" }, "이름", -1);
-  const _hoisted_6$3 = {
+  const _hoisted_5$4 = /* @__PURE__ */ vue.createElementVNode("span", { class: "label" }, "이름", -1);
+  const _hoisted_6$4 = {
     key: 0,
     class: "bs-layout-horizontal mt-4"
   };
-  const _hoisted_7$1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "label" }, "성(가타가나)", -1);
+  const _hoisted_7$2 = /* @__PURE__ */ vue.createElementVNode("span", { class: "label" }, "성(가타가나)", -1);
   const _hoisted_8 = { class: "ml-4" };
   const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("span", { class: "label" }, "이름(가타가나)", -1);
   const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("div", { class: "message-area" }, null, -1);
@@ -33249,7 +33294,7 @@ img.ProseMirror-separator {
               }, null, 8, ["id", "modelValue", "disabled", "maxlength", "name", "width"])
             ])) : vue.createCommentVNode("", true),
             _ctx.useCount >= 2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, [
-              _hoisted_5$3,
+              _hoisted_5$4,
               vue.createVNode(_sfc_main$1d, {
                 id: `${_ctx.id}2`,
                 modelValue: nameRef.value.name2,
@@ -33261,9 +33306,9 @@ img.ProseMirror-separator {
               }, null, 8, ["id", "modelValue", "disabled", "maxlength", "name", "width"])
             ])) : vue.createCommentVNode("", true)
           ]),
-          _ctx.useCount >= 4 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3, [
+          _ctx.useCount >= 4 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$4, [
             vue.createElementVNode("div", null, [
-              _hoisted_7$1,
+              _hoisted_7$2,
               vue.createVNode(_sfc_main$1d, {
                 id: `${_ctx.id}3`,
                 modelValue: nameRef.value.name3,
@@ -33669,8 +33714,8 @@ img.ProseMirror-separator {
   };
   const _hoisted_3$4 = { class: "title flex-grow-1" };
   const _hoisted_4$3 = { class: "title-buttons" };
-  const _hoisted_5$2 = { class: "flex-grow-1 overflow-auto" };
-  const _hoisted_6$2 = {
+  const _hoisted_5$3 = { class: "flex-grow-1 overflow-auto" };
+  const _hoisted_6$3 = {
     key: 1,
     class: "buttons"
   };
@@ -33711,10 +33756,10 @@ img.ProseMirror-separator {
               onClick: closeModal
             }, " close ")) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_5$2, [
+          vue.createElementVNode("div", _hoisted_5$3, [
             vue.renderSlot(_ctx.$slots, "default")
           ]),
-          hasButtons.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
+          hasButtons.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3, [
             vue.renderSlot(_ctx.$slots, "buttons")
           ])) : vue.createCommentVNode("", true)
         ]);
@@ -33757,6 +33802,14 @@ img.ProseMirror-separator {
   const _hoisted_2$7 = { class: "top-notification bs-layout-vertical-inline flex-align-center gap-4" };
   const _hoisted_3$3 = { class: "bottom-notification bs-layout-vertical-inline flex-align-end gap-4" };
   const _hoisted_4$2 = { class: "tooltip-container" };
+  const _hoisted_5$2 = {
+    key: 0,
+    class: "loading-container"
+  };
+  const _hoisted_6$2 = /* @__PURE__ */ vue.createElementVNode("span", { class: "font-icon" }, "progress_activity", -1);
+  const _hoisted_7$1 = [
+    _hoisted_6$2
+  ];
   const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     __name: "BSNotificationContainer",
     setup(__props) {
@@ -33811,7 +33864,8 @@ img.ProseMirror-separator {
             }, null, 8, ["target"])), [
               [vue.unref(vT), vue.unref(tooltipEntry).content]
             ]) : vue.createCommentVNode("", true)
-          ])
+          ]),
+          vue.unref(showLoadingIcon) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$2, _hoisted_7$1)) : vue.createCommentVNode("", true)
         ]);
       };
     }
@@ -34919,6 +34973,7 @@ img.ProseMirror-separator {
   exports2.fieldValidator = fieldValidator;
   exports2.formValidator = formValidator;
   exports2.formatUtil = formatUtil;
+  exports2.hideLoading = hideLoading;
   exports2.hideTooltip = hideTooltip;
   exports2.i18n = i18n;
   exports2.inFilter = inFilter;
@@ -34939,6 +34994,8 @@ img.ProseMirror-separator {
   exports2.provideSavePoint = provideSavePoint;
   exports2.provideTabManager = provideTabManager;
   exports2.showAlarm = showAlarm;
+  exports2.showLoading = showLoading;
+  exports2.showLoadingIcon = showLoadingIcon;
   exports2.showNotification = showNotification;
   exports2.showTooltip = showTooltip;
   exports2.storeFieldValidator = storeFieldValidator;
@@ -34959,5 +35016,6 @@ img.ProseMirror-separator {
   exports2.validateFields = validateFields;
   exports2.waitDuring = waitDuring;
   exports2.waitUntil = waitUntil;
+  exports2.withLoading = withLoading;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 });

package/dist/component/grid/BSGrid.vue.d.ts

@@ -26,6 +26,7 @@ declare const _default: <T extends GridRowData>(__VLS_props: {
     fixedColumnCount?: number | undefined;
     showPageNavigation?: boolean | undefined;
     singleSelect?: boolean | undefined;
+    alwaysEditing?: boolean | undefined;
 } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, __VLS_ctx?: {
     slots: Partial<Record<`${string}Filter`, (_: {}) => any>> & Partial<Record<string, (_: {
         cell: any;
@@ -64,6 +65,7 @@ declare const _default: <T extends GridRowData>(__VLS_props: {
         fixedColumnCount?: number | undefined;
         showPageNavigation?: boolean | undefined;
         singleSelect?: boolean | undefined;
+        alwaysEditing?: boolean | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
@@ -106,6 +108,7 @@ declare const _default: <T extends GridRowData>(__VLS_props: {
             fixedColumnCount?: number | undefined;
             showPageNavigation?: boolean | undefined;
             singleSelect?: boolean | undefined;
+            alwaysEditing?: boolean | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
         attrs: any;

package/dist/{index-7tRkotiO.js → index-CatLqUN1.js}

@@ -224,6 +224,31 @@ const hideTooltip = () => {
     tooltipEntry.value = void 0;
   }
 };
+const showLoadingIcon = ref(false);
+let showLoadingCount = 0;
+const showLoading = () => {
+  showLoadingCount++;
+  showLoadingIcon.value = showLoadingCount > 0;
+};
+const hideLoading = () => {
+  showLoadingCount = Math.max(0, showLoadingCount - 1);
+  showLoadingIcon.value = showLoadingCount > 0;
+};
+const withLoading = async (func) => {
+  let shown = false;
+  const timeoutId = window.setTimeout(() => {
+    showLoading();
+    shown = true;
+  }, 300);
+  try {
+    return await func();
+  } finally {
+    if (shown)
+      hideLoading();
+    if (timeoutId)
+      window.clearTimeout(timeoutId);
+  }
+};
 const DEFAULT_TOOLTIP_SHOW_DELAY = 800;
 const DEFAULT_TOOLTIP_HIDE_DELAY = 300;
 const setTooltipParam = (el, param) => {
@@ -778,7 +803,7 @@ const _hoisted_4$m = {
   key: 1,
   class: "label"
 };
-const _hoisted_5$g = /* @__PURE__ */ createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
+const _hoisted_5$h = /* @__PURE__ */ createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
 const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   __name: "BSSelect",
   props: {
@@ -888,7 +913,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
             ]) : withDirectives((openBlock(), createElementBlock("span", _hoisted_4$m, null, 512)), [
               [unref(vT), selectedItemLabel.value]
             ]),
-            _hoisted_5$g
+            _hoisted_5$h
           ], 512),
           !_ctx.disabled && showPopup.value ? (openBlock(), createBlock(_sfc_main$1g, {
             key: 0,
@@ -1427,7 +1452,7 @@ const _hoisted_3$r = {
   class: "indeterminate"
 };
 const _hoisted_4$k = /* @__PURE__ */ createElementVNode("div", { class: "in-box" }, null, -1);
-const _hoisted_5$f = [
+const _hoisted_5$g = [
   _hoisted_4$k
 ];
 const _sfc_main$18 = /* @__PURE__ */ defineComponent({
@@ -1457,7 +1482,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
           class: "inner-progressbar"
         }, [
           calculateProgress.value !== void 0 && calculateProgress.value < 50 ? (openBlock(), createElementBlock("span", _hoisted_1$Z, toDisplayString(calculatePercent.value) + "% ", 1)) : (openBlock(), createElementBlock("span", _hoisted_2$M, toDisplayString(calculatePercent.value) + "% ", 1))
-        ], 4)) : (openBlock(), createElementBlock("div", _hoisted_3$r, _hoisted_5$f))
+        ], 4)) : (openBlock(), createElementBlock("div", _hoisted_3$r, _hoisted_5$g))
       ], 4);
     };
   }
@@ -1907,8 +1932,8 @@ const _hoisted_4$i = {
   key: 1,
   class: "input-area"
 };
-const _hoisted_5$e = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
-const _hoisted_6$7 = ["textContent"];
+const _hoisted_5$f = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
+const _hoisted_6$8 = ["textContent"];
 const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   __name: "BSPriceInput",
   props: {
@@ -2049,7 +2074,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
             tabindex: _ctx.tabindex,
             value: focused.value || !_ctx.formatOnBlur ? unref(stringValue) : formattedStringValue.value,
             type: "text"
-          }, toHandlers(handlers2, true)), null, 16, _hoisted_5$e), [
+          }, toHandlers(handlers2, true)), null, 16, _hoisted_5$f), [
             [
               unref(vT),
               _ctx.placeholder,
@@ -2060,7 +2085,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: "currency-code",
             textContent: toDisplayString(currencyCode.value)
-          }, null, 8, _hoisted_6$7)
+          }, null, 8, _hoisted_6$8)
         ])),
         createVNode(_sfc_main$1f, { errors: unref(errors) }, null, 8, ["errors"])
       ], 6);
@@ -2229,8 +2254,8 @@ const _hoisted_2$H = {
 };
 const _hoisted_3$n = /* @__PURE__ */ createElementVNode("span", { class: "font-icon" }, "calendar_month", -1);
 const _hoisted_4$g = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
-const _hoisted_5$d = /* @__PURE__ */ createElementVNode("span", { class: "px-4" }, "~", -1);
-const _hoisted_6$6 = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
+const _hoisted_5$e = /* @__PURE__ */ createElementVNode("span", { class: "px-4" }, "~", -1);
+const _hoisted_6$7 = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
 const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "BSDateRange",
   props: {
@@ -2432,7 +2457,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
               { placeholder: true }
             ]
           ]),
-          _hoisted_5$d,
+          _hoisted_5$e,
           withDirectives(createElementVNode("input", mergeProps({
             id: _ctx.idTo,
             ref_key: "fieldTo",
@@ -2443,7 +2468,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
             tabindex: _ctx.tabindex,
             value: focusedTo.value ? unref(stringValueTo) : formattedTo.value,
             type: "text"
-          }, toHandlers(handlersTo, true)), null, 16, _hoisted_6$6), [
+          }, toHandlers(handlersTo, true)), null, 16, _hoisted_6$7), [
             [
               unref(vT),
               _ctx.placeholderTo,
@@ -2868,7 +2893,7 @@ const _hoisted_3$k = {
   class: "placeholder flex-grow-1"
 };
 const _hoisted_4$f = { key: 1 };
-const _hoisted_5$c = /* @__PURE__ */ createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
+const _hoisted_5$d = /* @__PURE__ */ createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
 const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "BSMultiSelect",
   props: {
@@ -3002,7 +3027,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
                 ]);
               }), 128))
             ])),
-            _hoisted_5$c
+            _hoisted_5$d
           ], 512),
           !_ctx.disabled && showPopup.value ? (openBlock(), createBlock(_sfc_main$1g, {
             key: 0,
@@ -3478,7 +3503,7 @@ class BSModal {
   }
   openAlert(title, message, clickHandler2) {
     const option = {
-      component: defineAsyncComponent(() => import("./BSAlertModal-ClhCo07T.js")),
+      component: defineAsyncComponent(() => import("./BSAlertModal-CjBJvytH.js")),
       bind: {
         title,
         message
@@ -3491,7 +3516,7 @@ class BSModal {
   }
   openYesNo(title, message, yesHandler, noHandler) {
     const option = {
-      component: defineAsyncComponent(() => import("./BSYesNoModal-BoaZLa9D.js")),
+      component: defineAsyncComponent(() => import("./BSYesNoModal-BXIwk9I5.js")),
       bind: {
         title,
         message
@@ -3923,7 +3948,7 @@ const _hoisted_4$d = {
   key: 1,
   class: "label"
 };
-const _hoisted_5$b = /* @__PURE__ */ createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
+const _hoisted_5$c = /* @__PURE__ */ createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
 const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "BSTreeSelect",
   props: {
@@ -4055,7 +4080,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
             ]) : withDirectives((openBlock(), createElementBlock("span", _hoisted_4$d, null, 512)), [
               [unref(vT), selectedItemLabel.value]
             ]),
-            _hoisted_5$b
+            _hoisted_5$c
           ], 512),
           showPopup.value ? (openBlock(), createBlock(_sfc_main$1h, {
             key: 0,
@@ -4082,7 +4107,7 @@ const _hoisted_4$c = {
   key: 1,
   class: "label"
 };
-const _hoisted_5$a = /* @__PURE__ */ createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
+const _hoisted_5$b = /* @__PURE__ */ createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
 const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "BSTreeMultiSelect",
   props: {
@@ -4210,7 +4235,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
             ]) : withDirectives((openBlock(), createElementBlock("span", _hoisted_4$c, null, 512)), [
               [unref(vT), selectedItemLabel.value]
             ]),
-            _hoisted_5$a
+            _hoisted_5$b
           ], 512),
           showPopup.value ? (openBlock(), createBlock(_sfc_main$1h, {
             key: 0,
@@ -27919,7 +27944,7 @@ const _hoisted_1$G = { class: "rich-text-toolbar bs-layout-horizontal-wrap align
 const _hoisted_2$w = /* @__PURE__ */ createElementVNode("div", { class: "separator" }, null, -1);
 const _hoisted_3$f = /* @__PURE__ */ createElementVNode("div", { class: "separator" }, null, -1);
 const _hoisted_4$a = /* @__PURE__ */ createElementVNode("div", { class: "separator" }, null, -1);
-const _hoisted_5$9 = /* @__PURE__ */ createElementVNode("div", { class: "separator" }, null, -1);
+const _hoisted_5$a = /* @__PURE__ */ createElementVNode("div", { class: "separator" }, null, -1);
 const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "RichTextToolbar",
   props: {
@@ -27965,7 +27990,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           class: normalizeClass([{ active: _ctx.editor.isActive({ textAlign: "right" }), "bs-clickable": !_ctx.disabled }, "font-icon"]),
           onClick: _cache[5] || (_cache[5] = ($event) => !_ctx.disabled && _ctx.editor.chain().focus().setTextAlign("right").run())
         }, " format_align_right ", 2),
-        _hoisted_5$9
+        _hoisted_5$a
       ]);
     };
   }
@@ -29718,7 +29743,7 @@ const _hoisted_4$9 = {
   key: 0,
   class: "font-icon"
 };
-const _hoisted_5$8 = ["disabled", "name"];
+const _hoisted_5$9 = ["disabled", "name"];
 const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "BSImageUpload",
   props: {
@@ -29933,7 +29958,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
             style: { "display": "none" },
             type: "file",
             onChange: imageSelected
-          }, null, 40, _hoisted_5$8)
+          }, null, 40, _hoisted_5$9)
         ], 2),
         createVNode(_sfc_main$1f, {
           class: normalizeClass({ "text-nowrap": !_ctx.wrapErrorMessage }),
@@ -31420,16 +31445,16 @@ const _hoisted_3$a = {
   class: "fixed func-cell"
 };
 const _hoisted_4$8 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
-const _hoisted_5$7 = [
+const _hoisted_5$8 = [
   _hoisted_4$8
 ];
-const _hoisted_6$5 = {
+const _hoisted_6$6 = {
   key: 2,
   class: "fixed func-cell"
 };
-const _hoisted_7$3 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
+const _hoisted_7$4 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
 const _hoisted_8$2 = [
-  _hoisted_7$3
+  _hoisted_7$4
 ];
 const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "BSGrid",
@@ -31451,7 +31476,8 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     keyProvider: { default: () => emptyKeyProvider },
     selectedRows: {},
     editable: { type: Boolean },
-    editingRows: {}
+    editingRows: {},
+    alwaysEditing: { type: Boolean }
   },
   emits: ["offsetChanged", "update:selectedRows", "update:editingRows", "changeEditingRow", "update:sorts"],
   setup(__props, { emit: __emit }) {
@@ -31508,10 +31534,18 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
     const cancelEditMode = async (row) => {
       if (internalEditingRows.isEditingRow(row)) {
-        internalEditingRows.removeRow(row);
-        emit("update:editingRows", internalEditingRows);
-        emit("changeEditingRow", row, false);
-        await setFixedCellLeftStyle(table.value);
+        if (props.alwaysEditing) {
+          internalEditingRows.removeRow(row);
+          emit("changeEditingRow", row, false);
+          await nextTick();
+          internalEditingRows.addEditingRow({ row });
+          emit("changeEditingRow", row, true);
+        } else {
+          internalEditingRows.removeRow(row);
+          emit("update:editingRows", internalEditingRows);
+          emit("changeEditingRow", row, false);
+          await setFixedCellLeftStyle(table.value);
+        }
       }
     };
     const clearEditing = async () => {
@@ -31523,6 +31557,16 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         await setFixedCellLeftStyle(table.value);
       }
     };
+    const initEditing = () => {
+      if (props.alwaysEditing) {
+        props.data.forEach((row) => {
+          if (!internalEditingRows.isEditingRow(row)) {
+            internalEditingRows.addEditingRow({ row });
+          }
+        });
+      }
+    };
+    watch(() => props.alwaysEditing, () => initEditing(), { immediate: true });
     const internalSorts = props.sorts || reactive([]);
     const changeSort = (column, ascending) => {
       internalSorts.splice(0, internalSorts.length);
@@ -31546,6 +31590,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       async () => {
         await clearEditing();
         clearSelection();
+        initEditing();
         await setFixedCellLeftStyle(table.value);
       },
       { immediate: true }
@@ -31571,13 +31616,13 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           }, [
             createElementVNode("thead", null, [
               createElementVNode("tr", _hoisted_2$n, [
-                _ctx.showDragHandle ? (openBlock(), createElementBlock("th", _hoisted_3$a, _hoisted_5$7)) : createCommentVNode("", true),
+                _ctx.showDragHandle ? (openBlock(), createElementBlock("th", _hoisted_3$a, _hoisted_5$8)) : createCommentVNode("", true),
                 _ctx.showCheckbox ? (openBlock(), createBlock(_sfc_main$J, {
                   key: 1,
                   "selected-row-count": unref(internalSelectedRows).size,
                   onClick: toggleAllSelection
                 }, null, 8, ["selected-row-count"])) : createCommentVNode("", true),
-                _ctx.editable ? (openBlock(), createElementBlock("th", _hoisted_6$5, _hoisted_8$2)) : createCommentVNode("", true),
+                _ctx.editable ? (openBlock(), createElementBlock("th", _hoisted_6$6, _hoisted_8$2)) : createCommentVNode("", true),
                 _ctx.showSerial ? (openBlock(), createBlock(BSGridHeaderCellSerialNo, { key: 3 })) : createCommentVNode("", true),
                 (openBlock(true), createElementBlock(Fragment$1, null, renderList(internalColumns.value, (column) => {
                   return openBlock(), createBlock(BSGridHeaderCell, {
@@ -31654,7 +31699,7 @@ const _hoisted_1$u = { class: "bs-text-filter" };
 const _hoisted_2$m = { class: "input-wrap" };
 const _hoisted_3$9 = ["onKeyup"];
 const _hoisted_4$7 = { class: "textarea-wrap" };
-const _hoisted_5$6 = { class: "filter-caption text-nowrap" };
+const _hoisted_5$7 = { class: "filter-caption text-nowrap" };
 const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "BSTextFilter",
   props: {
@@ -31760,7 +31805,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
         ], 512), [
           [vShow, filterMode.value === "TEXTAREA"]
         ]),
-        createElementVNode("div", _hoisted_5$6, [
+        createElementVNode("div", _hoisted_5$7, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(filterMode.value === "INPUT" ? likeFilterItems.value : inFilterItems.value, (item) => {
             return withDirectives((openBlock(), createElementBlock("span", {
               key: item.propertyId
@@ -32061,9 +32106,9 @@ const _hoisted_1$r = { class: "bs-grid-control" };
 const _hoisted_2$j = { key: 0 };
 const _hoisted_3$8 = { key: 1 };
 const _hoisted_4$6 = { key: 2 };
-const _hoisted_5$5 = { key: 3 };
-const _hoisted_6$4 = { key: 4 };
-const _hoisted_7$2 = { key: 5 };
+const _hoisted_5$6 = { key: 3 };
+const _hoisted_6$5 = { key: 4 };
+const _hoisted_7$3 = { key: 5 };
 const _hoisted_8$1 = ["textContent"];
 const _hoisted_9$1 = { key: 6 };
 const _hoisted_10$1 = ["textContent"];
@@ -32128,20 +32173,20 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
             onClick: clearGridFilter
           })
         ])) : createCommentVNode("", true),
-        _ctx.showFilter ? (openBlock(), createElementBlock("div", _hoisted_5$5, [
+        _ctx.showFilter ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
           createVNode(BSButton, {
             caption: { key: "bs.grid.filter" },
             "left-icon": "filter_alt"
           })
         ])) : createCommentVNode("", true),
-        _ctx.showAddButton ? (openBlock(), createElementBlock("div", _hoisted_6$4, [
+        _ctx.showAddButton ? (openBlock(), createElementBlock("div", _hoisted_6$5, [
           createVNode(BSButton, {
             caption: { key: "bs.gridcontrol.addRow" },
             "left-icon": "add",
             onClick: _cache[0] || (_cache[0] = ($event) => emit("clickAdd"))
           })
         ])) : createCommentVNode("", true),
-        _ctx.showRemoveButton ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
+        _ctx.showRemoveButton ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
           createVNode(BSButton, {
             caption: { key: "bs.gridcontrol.removeRow" },
             "left-icon": "remove",
@@ -32362,7 +32407,7 @@ const _hoisted_1$p = { class: "bs-tab-sheet bs-layout-vertical" };
 const _hoisted_2$h = { class: "tabs flex-grow-1 flex-shrink-1" };
 const _hoisted_3$7 = ["onClick"];
 const _hoisted_4$5 = { class: "buttons text-nowrap" };
-const _hoisted_5$4 = { class: "flex-grow-1 bs-layout-vertical" };
+const _hoisted_5$5 = { class: "flex-grow-1 bs-layout-vertical" };
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "BSTabSheet",
   props: {
@@ -32429,7 +32474,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "buttons")
           ])
         ], 2),
-        createElementVNode("div", _hoisted_5$4, [
+        createElementVNode("div", _hoisted_5$5, [
           currentTab.value ? renderSlot(_ctx.$slots, currentTab.value.tabId, {
             key: 0,
             tabId: currentTab.value.tabId
@@ -33203,12 +33248,12 @@ const _hoisted_4$4 = {
   key: 1,
   class: "ml-4"
 };
-const _hoisted_5$3 = /* @__PURE__ */ createElementVNode("span", { class: "label" }, "이름", -1);
-const _hoisted_6$3 = {
+const _hoisted_5$4 = /* @__PURE__ */ createElementVNode("span", { class: "label" }, "이름", -1);
+const _hoisted_6$4 = {
   key: 0,
   class: "bs-layout-horizontal mt-4"
 };
-const _hoisted_7$1 = /* @__PURE__ */ createElementVNode("span", { class: "label" }, "성(가타가나)", -1);
+const _hoisted_7$2 = /* @__PURE__ */ createElementVNode("span", { class: "label" }, "성(가타가나)", -1);
 const _hoisted_8 = { class: "ml-4" };
 const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", { class: "label" }, "이름(가타가나)", -1);
 const _hoisted_10 = /* @__PURE__ */ createElementVNode("div", { class: "message-area" }, null, -1);
@@ -33248,7 +33293,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             }, null, 8, ["id", "modelValue", "disabled", "maxlength", "name", "width"])
           ])) : createCommentVNode("", true),
           _ctx.useCount >= 2 ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
-            _hoisted_5$3,
+            _hoisted_5$4,
             createVNode(_sfc_main$1a, {
               id: `${_ctx.id}2`,
               modelValue: nameRef.value.name2,
@@ -33260,9 +33305,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             }, null, 8, ["id", "modelValue", "disabled", "maxlength", "name", "width"])
           ])) : createCommentVNode("", true)
         ]),
-        _ctx.useCount >= 4 ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
+        _ctx.useCount >= 4 ? (openBlock(), createElementBlock("div", _hoisted_6$4, [
           createElementVNode("div", null, [
-            _hoisted_7$1,
+            _hoisted_7$2,
             createVNode(_sfc_main$1a, {
               id: `${_ctx.id}3`,
               modelValue: nameRef.value.name3,
@@ -33372,7 +33417,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     const modal = useModal();
     const openModal = () => {
       modal.openModal({
-        component: defineAsyncComponent(() => import("./AddressSearchModal-BlTRjOqn.js")),
+        component: defineAsyncComponent(() => import("./AddressSearchModal-C2tRdvJd.js")),
         bind: {},
         on: {
           select: (addr) => {
@@ -33668,8 +33713,8 @@ const _hoisted_2$7 = {
 };
 const _hoisted_3$3 = { class: "title flex-grow-1" };
 const _hoisted_4$3 = { class: "title-buttons" };
-const _hoisted_5$2 = { class: "flex-grow-1 overflow-auto" };
-const _hoisted_6$2 = {
+const _hoisted_5$3 = { class: "flex-grow-1 overflow-auto" };
+const _hoisted_6$3 = {
   key: 1,
   class: "buttons"
 };
@@ -33710,10 +33755,10 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             onClick: closeModal
           }, " close ")) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_5$2, [
+        createElementVNode("div", _hoisted_5$3, [
           renderSlot(_ctx.$slots, "default")
         ]),
-        hasButtons.value ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
+        hasButtons.value ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
           renderSlot(_ctx.$slots, "buttons")
         ])) : createCommentVNode("", true)
       ]);
@@ -33756,6 +33801,14 @@ const _hoisted_1$a = { class: "bs-notification-container" };
 const _hoisted_2$6 = { class: "top-notification bs-layout-vertical-inline flex-align-center gap-4" };
 const _hoisted_3$2 = { class: "bottom-notification bs-layout-vertical-inline flex-align-end gap-4" };
 const _hoisted_4$2 = { class: "tooltip-container" };
+const _hoisted_5$2 = {
+  key: 0,
+  class: "loading-container"
+};
+const _hoisted_6$2 = /* @__PURE__ */ createElementVNode("span", { class: "font-icon" }, "progress_activity", -1);
+const _hoisted_7$1 = [
+  _hoisted_6$2
+];
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "BSNotificationContainer",
   setup(__props) {
@@ -33810,7 +33863,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           }, null, 8, ["target"])), [
             [unref(vT), unref(tooltipEntry).content]
           ]) : createCommentVNode("", true)
-        ])
+        ]),
+        unref(showLoadingIcon) ? (openBlock(), createElementBlock("div", _hoisted_5$2, _hoisted_7$1)) : createCommentVNode("", true)
       ]);
     };
   }
@@ -34688,24 +34742,28 @@ export {
   tooltipEntry as b8,
   showTooltip as b9,
   hideTooltip as ba,
-  BSContextMenuPlugin as bb,
-  useContextMenu as bc,
-  useContextMenuOptional as bd,
-  createContextMenuPlugin as be,
-  DefaultFrameContext as bf,
-  createDefaultFrameContext as bg,
-  provideDefaultFrameContext as bh,
-  useDefaultFrame as bi,
-  I18NTexts as bj,
-  i18n as bk,
-  notNull as bl,
-  formatUtil as bm,
-  waitUntil as bn,
-  tryUntil as bo,
-  parsePathParam as bp,
-  isBlankMultiLangString as bq,
-  addPrefixToMultiLangString as br,
-  isBlankMultiLangImageFile as bs,
+  showLoadingIcon as bb,
+  showLoading as bc,
+  hideLoading as bd,
+  withLoading as be,
+  BSContextMenuPlugin as bf,
+  useContextMenu as bg,
+  useContextMenuOptional as bh,
+  createContextMenuPlugin as bi,
+  DefaultFrameContext as bj,
+  createDefaultFrameContext as bk,
+  provideDefaultFrameContext as bl,
+  useDefaultFrame as bm,
+  I18NTexts as bn,
+  i18n as bo,
+  notNull as bp,
+  formatUtil as bq,
+  waitUntil as br,
+  tryUntil as bs,
+  parsePathParam as bt,
+  isBlankMultiLangString as bu,
+  addPrefixToMultiLangString as bv,
+  isBlankMultiLangImageFile as bw,
   vT as c,
   BLUESEA_VERSION as d,
   _sfc_main$1i as e,

package/dist/notification/notificationPlugin.d.ts

@@ -38,3 +38,7 @@ export type TooltipEntry = {
 export declare const tooltipEntry: import('vue').Ref<TooltipEntry | undefined>;
 export declare const showTooltip: (content: MultiLangText, target: HTMLElement) => void;
 export declare const hideTooltip: () => void;
+export declare const showLoadingIcon: import('vue').Ref<boolean>;
+export declare const showLoading: () => void;
+export declare const hideLoading: () => void;
+export declare const withLoading: <T>(func: () => Promise<T>) => Promise<T>;

package/dist/style.css

@@ -36329,6 +36329,25 @@ textarea {
   z-index: 250;
   bottom: 20px;
   right: 20px;
+}
+.bs-notification-container > .loading-container {
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #000;
+  opacity: 0.1;
+  z-index: 200;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.bs-notification-container > .loading-container > .font-icon {
+  font-size: 52px;
+  color: white;
+  opacity: 1;
+  animation: spin 1s linear infinite;
 }[data-v-c47777f4]:root {
   --font-size: 13px;
   --font-size-input: 13px;

package/package.json

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