@g1cloud/bluesea 5.0.0-alpha.51 → 5.0.0-alpha.53

package/css/component.scss

@@ -273,6 +273,17 @@
     background-color: $gray-100 !important;
     color: $gray-400 !important;
   }
+
+  .small-progress {
+    font-family: $icon-font-family;
+    font-size: 0.9em;
+    position: absolute;
+    left: 100%;
+    top: 0;
+    padding: 0 2px;
+    color: $gray-400;
+    animation: spin 1s linear infinite;
+  }
 }
 
 // field error

package/dist/{AddressSearchModal-Dhrg9zFz.js → AddressSearchModal-gcoqKeMx.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-C81TfBCL.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-30Eo6Aut.js";
 const gridColumns = [
   { propertyId: "zipCode", caption: "Zipcode", width: 80 },
   { propertyId: "address1", caption: "state/province/region", width: 150 },

package/dist/{BSAlertModal-CeAHPZr3.js → BSAlertModal-CwvyCcmO.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-C81TfBCL.js";
+import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, v as vFocusOnLoad, c as vT } from "./index-30Eo6Aut.js";
 const _hoisted_1 = { class: "text-right" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BSAlertModal",

package/dist/{BSYesNoModal-DmAqwhlo.js → BSYesNoModal-GytpCQ1j.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-C81TfBCL.js";
+import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, v as vFocusOnLoad, c as vT } from "./index-30Eo6Aut.js";
 const _hoisted_1 = { class: "text-right" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BSYesNoModal",

package/dist/bluesea.js

@@ -1,4 +1,4 @@
-import { aL, aM, d, a0, a4, B, L, q, r, k, a5, bi, o, p, K, e, b, I, a, a1, G, i, O, N, Y, b2, 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, aT, aS, ac, a7, bm, a6, aj, ag, ad, aR, al, ak, bq, aP, ai, aQ, am, aO, aN, af, P, aH, S, at, by, b8, aU, a$, a_, aa, aK, ba, ab, bl, bn, ah, b5, ae, aq, ar, aZ, aE, aF, aG, aC, aD, aB, ay, av, bt, bg, bd, br, aX, a9, bz, bx, au, aY, ax, bA, aW, bs, b6, aV, bw, bo, b0, b4, aI, an, b9, bf, be, b7, bc, aw, as, bb, bv, bj, bk, bp, b1, b3, u, aJ, ao, ap, a8, c, az, aA, w, bu, bh } from "./index-C81TfBCL.js";
+import { aL, aM, d, a0, a4, B, L, q, r, k, a5, bi, o, p, K, e, b, I, a, a1, G, i, O, N, Y, b2, 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, aT, aS, ac, a7, bm, a6, aj, ag, ad, aR, al, ak, bq, aP, ai, aQ, am, aO, aN, af, P, aH, S, at, by, b8, aU, a$, a_, aa, aK, ba, ab, bl, bn, ah, b5, ae, aq, ar, aZ, aE, aF, aG, aC, aD, aB, ay, av, bt, bg, bd, br, aX, a9, bz, bx, au, aY, ax, bA, aW, bs, b6, aV, bw, bo, b0, b4, aI, an, b9, bf, be, b7, bc, aw, as, bb, bv, bj, bk, bp, b1, b3, u, aJ, ao, ap, a8, c, az, aA, w, bu, bh } from "./index-30Eo6Aut.js";
 export {
   aL as AbstractFilter,
   aM as AndFilter,

package/dist/bluesea.umd.cjs

@@ -401,6 +401,9 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
+  function notNull(value) {
+    return value !== null && value !== void 0;
+  }
   const _hoisted_1$15 = ["onMouseover", "onClick"];
   const _hoisted_2$T = /* @__PURE__ */ vue.createElementVNode("span", { class: "checkbox" }, null, -1);
   const _hoisted_3$x = {
@@ -421,25 +424,34 @@ var __publicField = (obj, key, value) => {
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emit = __emit;
-      const allItems = vue.computed(() => props.allowNull ? [void 0, ...props.items] : props.items);
+      const allItems = vue.ref();
+      vue.watch(
+        () => props.items,
+        async () => {
+          const items = await props.items;
+          allItems.value = props.allowNull ? [void 0, ...items] : items;
+        },
+        { immediate: true }
+      );
       const findItemIndex = (target) => {
-        return allItems.value.findIndex((item) => {
+        var _a;
+        return ((_a = allItems.value) == null ? void 0 : _a.findIndex((item) => {
           if (item === void 0 && target === void 0)
             return true;
           else if (item && target)
             return props.valueProvider(item) === props.valueProvider(target);
           else
             return false;
-        });
+        })) || -1;
       };
       const nextPopupItem = () => {
-        if (allItems.value.length > 0) {
+        if (allItems.value && allItems.value.length > 0) {
           const index = findItemIndex(hoveredPopupItem.value) + 1;
           hoveredPopupItem.value = allItems.value[index % allItems.value.length];
         }
       };
       const prevPopupItem = () => {
-        if (allItems.value.length > 0) {
+        if (allItems.value && allItems.value.length > 0) {
           const index = findItemIndex(hoveredPopupItem.value) + allItems.value.length - 1;
           hoveredPopupItem.value = allItems.value[index % allItems.value.length];
         }
@@ -477,8 +489,8 @@ var __publicField = (obj, key, value) => {
           return false;
       };
       const selectPopupItem = (item) => {
-        if (item) {
-          item = props.items.find((it) => props.valueProvider(it) === props.valueProvider(item));
+        if (item && allItems.value) {
+          item = allItems.value.filter(notNull).find((it) => props.valueProvider(it) === props.valueProvider(item));
         }
         emit("itemSelected", item);
       };
@@ -882,6 +894,10 @@ var __publicField = (obj, key, value) => {
     class: "label"
   };
   const _hoisted_5$j = /* @__PURE__ */ vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
+  const _hoisted_6$d = {
+    key: 2,
+    class: "small-progress"
+  };
   const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
     __name: "BSSelect",
     props: {
@@ -903,6 +919,17 @@ var __publicField = (obj, key, value) => {
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emit = __emit;
+      const allItems = vue.ref();
+      const loadingItems = vue.ref(false);
+      vue.watch(
+        () => props.items,
+        async () => {
+          loadingItems.value = true;
+          allItems.value = await props.items;
+          loadingItems.value = false;
+        },
+        { immediate: true }
+      );
       const itemLabel = (item) => {
         return props.labelProvider ? props.labelProvider(item) : String(item);
       };
@@ -910,7 +937,8 @@ var __publicField = (obj, key, value) => {
         return props.valueProvider ? props.valueProvider(item) : item;
       };
       const findItemFromValue = (value) => {
-        return value ? props.items.find((item) => itemValue(item) === value) : void 0;
+        var _a;
+        return value ? (_a = allItems.value) == null ? void 0 : _a.find((item) => itemValue(item) === value) : void 0;
       };
       const isEmpty2 = vue.computed(() => !props.modelValue);
       const selectedItem = vue.computed(() => findItemFromValue(props.modelValue));
@@ -994,7 +1022,8 @@ var __publicField = (obj, key, value) => {
               ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$n, null, 512)), [
                 [vue.unref(vT), selectedItemLabel.value]
               ]),
-              _hoisted_5$j
+              _hoisted_5$j,
+              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$d, "progress_activity")) : vue.createCommentVNode("", true)
             ], 512),
             !_ctx.disabled && showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1k, {
               key: 0,
@@ -2021,7 +2050,7 @@ var __publicField = (obj, key, value) => {
     class: "input-area"
   };
   const _hoisted_5$h = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
-  const _hoisted_6$9 = ["textContent"];
+  const _hoisted_6$c = ["textContent"];
   const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
     __name: "BSPriceInput",
     props: {
@@ -2177,7 +2206,7 @@ var __publicField = (obj, key, value) => {
             vue.createElementVNode("div", {
               class: "currency-code",
               textContent: vue.toDisplayString(currencyCode.value)
-            }, null, 8, _hoisted_6$9)
+            }, null, 8, _hoisted_6$c)
           ])),
           vue.createVNode(_sfc_main$1j, { errors: vue.unref(errors) }, null, 8, ["errors"])
         ], 6);
@@ -2351,7 +2380,7 @@ var __publicField = (obj, key, value) => {
   const _hoisted_3$p = /* @__PURE__ */ vue.createElementVNode("span", { class: "font-icon" }, "calendar_month", -1);
   const _hoisted_4$h = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
   const _hoisted_5$g = /* @__PURE__ */ vue.createElementVNode("span", { class: "px-4" }, "~", -1);
-  const _hoisted_6$8 = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
+  const _hoisted_6$b = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
   const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
     __name: "BSDateRange",
     props: {
@@ -2572,7 +2601,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$8), [
+            }, vue.toHandlers(handlersTo, true)), null, 16, _hoisted_6$b), [
               [
                 vue.unref(vT),
                 _ctx.placeholderTo,
@@ -3000,9 +3029,6 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  function notNull(value) {
-    return value !== null && value !== void 0;
-  }
   const _hoisted_1$R = ["tabindex", "onKeydown"];
   const _hoisted_2$F = { key: 0 };
   const _hoisted_3$m = {
@@ -3011,6 +3037,10 @@ var __publicField = (obj, key, value) => {
   };
   const _hoisted_4$g = { key: 1 };
   const _hoisted_5$f = /* @__PURE__ */ vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
+  const _hoisted_6$a = {
+    key: 2,
+    class: "small-progress"
+  };
   const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
     __name: "BSMultiSelect",
     props: {
@@ -3032,6 +3062,17 @@ var __publicField = (obj, key, value) => {
       var _a;
       const props = __props;
       const emit = __emit;
+      const allItems = vue.ref();
+      const loadingItems = vue.ref(false);
+      vue.watch(
+        () => props.items,
+        async () => {
+          loadingItems.value = true;
+          allItems.value = await props.items;
+          loadingItems.value = false;
+        },
+        { immediate: true }
+      );
       const itemLabel = (item) => {
         return executeLabelProviderOrDefault(item, props.labelProvider, () => String(item));
       };
@@ -3042,7 +3083,8 @@ var __publicField = (obj, key, value) => {
         return executeKeyProviderOrDefault(item, props.keyProvider, () => String(item));
       };
       const findItemFromValue = (value) => {
-        return value ? props.items.find((item) => itemValue(item) === value) : void 0;
+        var _a2;
+        return value ? (_a2 = allItems.value) == null ? void 0 : _a2.find((item) => itemValue(item) === value) : void 0;
       };
       const isEmpty2 = vue.computed(() => !props.modelValue || props.modelValue.length === 0);
       const selectedItems = vue.computed(() => props.modelValue.map(findItemFromValue).filter(notNull));
@@ -3063,13 +3105,13 @@ var __publicField = (obj, key, value) => {
           keyboardHandler(event);
       };
       const itemSelected = (item) => {
-        if (item) {
+        if (item && allItems.value) {
           let newItems = [...selectedItems.value];
           const index = newItems.indexOf(item);
           if (index >= 0) {
             newItems.splice(index, 1);
           } else {
-            newItems = props.items.filter((it) => newItems.includes(it) || it === item);
+            newItems = allItems.value.filter((it) => newItems.includes(it) || it === item);
           }
           const values = newItems.map(itemValue);
           emit("update:modelValue", values);
@@ -3149,7 +3191,8 @@ var __publicField = (obj, key, value) => {
                   ]);
                 }), 128))
               ])),
-              _hoisted_5$f
+              _hoisted_5$f,
+              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$a, "progress_activity")) : vue.createCommentVNode("", true)
             ], 512),
             !_ctx.disabled && showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1k, {
               key: 0,
@@ -4084,6 +4127,10 @@ var __publicField = (obj, key, value) => {
     class: "label"
   };
   const _hoisted_5$d = /* @__PURE__ */ vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
+  const _hoisted_6$9 = {
+    key: 2,
+    class: "small-progress"
+  };
   const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTreeSelect",
     props: {
@@ -4106,6 +4153,17 @@ var __publicField = (obj, key, value) => {
       var _a;
       const props = __props;
       const emit = __emit;
+      const allItems = vue.ref();
+      const loadingItems = vue.ref(false);
+      vue.watch(
+        () => props.items,
+        async () => {
+          loadingItems.value = true;
+          allItems.value = await props.items;
+          loadingItems.value = false;
+        },
+        { immediate: true }
+      );
       const itemLabel = (item) => {
         return props.labelProvider ? props.labelProvider(item) : String(item);
       };
@@ -4113,7 +4171,7 @@ var __publicField = (obj, key, value) => {
         return props.valueProvider ? props.valueProvider(item) : item;
       };
       const findItemFromValue = (value) => {
-        if (value) {
+        if (value && allItems.value) {
           let found2 = void 0;
           componentUtil.acceptTreeItems(
             (item) => {
@@ -4122,7 +4180,7 @@ var __publicField = (obj, key, value) => {
                 return true;
               }
             },
-            props.items,
+            allItems.value,
             (item) => props.childrenProvider(item)
           );
           return found2;
@@ -4136,7 +4194,7 @@ var __publicField = (obj, key, value) => {
         if (!props.disabled && !props.viewMode) {
           const shouldShow = show === void 0 ? !showPopup.value : show;
           if (shouldShow) {
-            treeHandler.setTreeData(props.items, true, true, 0);
+            treeHandler.setTreeData(allItems.value || [], true, true, 0);
             treeHandler.selectItem(findItemFromValue(props.modelValue));
           }
           showPopup.value = shouldShow;
@@ -4220,7 +4278,8 @@ var __publicField = (obj, key, value) => {
               ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$e, null, 512)), [
                 [vue.unref(vT), selectedItemLabel.value]
               ]),
-              _hoisted_5$d
+              _hoisted_5$d,
+              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$9, "progress_activity")) : vue.createCommentVNode("", true)
             ], 512),
             showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1l, {
               key: 0,
@@ -4249,6 +4308,10 @@ var __publicField = (obj, key, value) => {
     class: "label"
   };
   const _hoisted_5$c = /* @__PURE__ */ vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
+  const _hoisted_6$8 = {
+    key: 2,
+    class: "small-progress"
+  };
   const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTreeMultiSelect",
     props: {
@@ -4271,6 +4334,17 @@ var __publicField = (obj, key, value) => {
       var _a;
       const props = __props;
       const emit = __emit;
+      const allItems = vue.ref();
+      const loadingItems = vue.ref(false);
+      vue.watch(
+        () => props.items,
+        async () => {
+          loadingItems.value = true;
+          allItems.value = await props.items;
+          loadingItems.value = false;
+        },
+        { immediate: true }
+      );
       const itemLabel = (item) => {
         return props.labelProvider ? props.labelProvider(item) : String(item);
       };
@@ -4278,7 +4352,7 @@ var __publicField = (obj, key, value) => {
         return props.valueProvider ? props.valueProvider(item) : item;
       };
       const findItemFromValue = (value) => {
-        if (value) {
+        if (value && allItems.value) {
           let found2 = void 0;
           componentUtil.acceptTreeItems(
             (item) => {
@@ -4287,7 +4361,7 @@ var __publicField = (obj, key, value) => {
                 return true;
               }
             },
-            props.items,
+            allItems.value,
             (item) => props.childrenProvider(item)
           );
           return found2;
@@ -4301,7 +4375,7 @@ var __publicField = (obj, key, value) => {
         if (!props.disabled && !props.viewMode) {
           const shouldShow = show === void 0 ? !showPopup.value : show;
           if (shouldShow) {
-            treeHandler.setTreeData(props.items, true, true, 0);
+            treeHandler.setTreeData(allItems.value || [], true, true, 0);
             treeHandler.selectItem(selectedItems.value);
           }
           showPopup.value = shouldShow;
@@ -4381,7 +4455,8 @@ var __publicField = (obj, key, value) => {
               ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$d, null, 512)), [
                 [vue.unref(vT), selectedItemLabel.value]
               ]),
-              _hoisted_5$c
+              _hoisted_5$c,
+              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$8, "progress_activity")) : vue.createCommentVNode("", true)
             ], 512),
             showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1l, {
               key: 0,
@@ -30714,6 +30789,9 @@ img.ProseMirror-separator {
     getDeletedRows() {
       return this.selectDeleteSupport.deletedRows;
     }
+    isAddedRow(_row) {
+      return false;
+    }
     addNewRow(_newRow) {
       return -1;
     }
@@ -30749,6 +30827,7 @@ img.ProseMirror-separator {
     constructor(option) {
       super(option);
       __publicField(this, "editableSupport");
+      this.grid.rowEditPolicy = option.isRowEditable;
       this.editableSupport = new GridHandlerEditableSupport(
         this.grid,
         this.gridEventListener,
@@ -30767,6 +30846,9 @@ img.ProseMirror-separator {
     getAddedRows() {
       return this.editableSupport.getAddedRows();
     }
+    isAddedRow(row) {
+      return this.editableSupport.isAddedRow(row);
+    }
     addNewRow(newRow) {
       return this.editableSupport.addNewRow(newRow);
     }
@@ -30858,6 +30940,7 @@ img.ProseMirror-separator {
     constructor(option) {
       super(option);
       __publicField(this, "editableSupport");
+      this.grid.rowEditPolicy = option.isRowEditable;
       this.editableSupport = new GridHandlerEditableSupport(
         this.grid,
         this.gridEventListener,
@@ -31385,17 +31468,19 @@ img.ProseMirror-separator {
   const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     __name: "BSGridCellEdit",
     props: {
-      isEditing: { type: Boolean }
+      isEditing: { type: Boolean },
+      showEditIcon: { type: Boolean }
     },
     emits: ["toggleEditMode"],
     setup(__props, { emit: __emit }) {
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("td", _hoisted_1$A, [
-          vue.createElementVNode("div", {
+          _ctx.showEditIcon ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
             onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.$emit("toggleEditMode"), ["stop"]))
           }, [
             vue.createElementVNode("span", _hoisted_2$q, vue.toDisplayString(_ctx.isEditing ? "replay" : "stylus"), 1)
-          ])
+          ])) : vue.createCommentVNode("", true)
         ]);
       };
     }
@@ -31537,6 +31622,8 @@ img.ProseMirror-separator {
       showDragHandle: { type: Boolean },
       selectedRows: {},
       editable: { type: Boolean },
+      rowEditable: { type: Boolean },
+      hideEditIcon: { type: Boolean },
       editingRow: {},
       isEditing: { type: Boolean },
       selectOnClick: { type: Boolean }
@@ -31550,11 +31637,11 @@ img.ProseMirror-separator {
         emit("toggleSelection", props.row);
       };
       const enterEditMode = () => {
-        if (props.editable)
+        if (props.editable && props.rowEditable)
           emit("enterEditMode", props.row, savePoint);
       };
       const toggleEditMode = () => {
-        if (props.editable) {
+        if (props.editable && props.rowEditable) {
           props.isEditing ? emit("cancelEditMode", props.row) : enterEditMode();
         }
       };
@@ -31610,11 +31697,12 @@ img.ProseMirror-separator {
             checked: isRowSelected.value,
             onClick: toggleSelection
           }, null, 8, ["checked"])) : vue.createCommentVNode("", true),
-          _ctx.editable ? (vue.openBlock(), vue.createBlock(_sfc_main$I, {
+          _ctx.editable && !_ctx.hideEditIcon ? (vue.openBlock(), vue.createBlock(_sfc_main$I, {
             key: 2,
             "is-editing": _ctx.isEditing,
+            "show-edit-icon": _ctx.rowEditable,
             onToggleEditMode: toggleEditMode
-          }, null, 8, ["is-editing"])) : vue.createCommentVNode("", true),
+          }, null, 8, ["is-editing", "show-edit-icon"])) : vue.createCommentVNode("", true),
           _ctx.showSerial ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
             key: 3,
             "serial-no": _ctx.rowIndex + (((_a = _ctx.pageInfo) == null ? void 0 : _a.offset) || 0) + 1
@@ -31688,11 +31776,13 @@ img.ProseMirror-separator {
       keyProvider: { default: () => emptyKeyProvider },
       selectedRows: {},
       editable: { type: Boolean },
+      hideEditIcon: { type: Boolean },
       editingRows: {},
+      rowEditPolicy: {},
       alwaysEditing: { type: Boolean },
       rowDisplayPolicy: {}
     },
-    emits: ["offsetChanged", "update:selectedRows", "update:editingRows", "changeEditingRow", "update:sorts"],
+    emits: ["offsetChanged", "update:selectedRows", "changeSelectedRows", "update:editingRows", "changeEditingRow", "update:sorts"],
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emit = __emit;
@@ -31708,28 +31798,35 @@ img.ProseMirror-separator {
       const toggleSelection = (row) => {
         if (internalSelectedRows.has(row)) {
           internalSelectedRows.delete(row);
+          emit("changeSelectedRows", { allRows: false, targetRows: [row], selected: false });
         } else {
           if (props.singleSelect)
             internalSelectedRows.clear();
           internalSelectedRows.add(row);
+          emit("changeSelectedRows", { allRows: false, targetRows: [row], selected: true });
         }
         emit("update:selectedRows", internalSelectedRows);
       };
       const toggleAllSelection = () => {
         if (internalSelectedRows.size > 0) {
           internalSelectedRows.clear();
+          emit("changeSelectedRows", { allRows: true, selected: false });
         } else {
           if (props.singleSelect) {
-            if (props.data[0])
+            if (props.data[0]) {
               internalSelectedRows.add(props.data[0]);
+              emit("changeSelectedRows", { allRows: false, targetRows: [props.data[0]], selected: true });
+            }
           } else {
             props.data.forEach((row) => internalSelectedRows.add(row));
+            emit("changeSelectedRows", { allRows: true, selected: true });
           }
         }
         emit("update:selectedRows", internalSelectedRows);
       };
       const clearSelection = () => {
         internalSelectedRows.clear();
+        emit("changeSelectedRows", { allRows: true, selected: false });
         emit("update:selectedRows", internalSelectedRows);
       };
       const table = vue.ref();
@@ -31773,7 +31870,7 @@ img.ProseMirror-separator {
       const initEditing = () => {
         if (props.alwaysEditing) {
           props.data.forEach((row) => {
-            if (!internalEditingRows.isEditingRow(row)) {
+            if ((!props.rowEditPolicy || props.rowEditPolicy(row)) && !internalEditingRows.isEditingRow(row)) {
               internalEditingRows.addEditingRow({ row });
             }
           });
@@ -31864,7 +31961,7 @@ img.ProseMirror-separator {
                     "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$7, _hoisted_8$3)) : vue.createCommentVNode("", true),
+                  _ctx.editable && !_ctx.hideEditIcon ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_6$7, _hoisted_8$3)) : 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, {
@@ -31896,9 +31993,11 @@ img.ProseMirror-separator {
                     editable: _ctx.editable,
                     "editing-row": (_a2 = _ctx.editingRows) == null ? void 0 : _a2.getEditingRow(row),
                     "fixed-columns": fixedColumns.value,
+                    "hide-edit-icon": _ctx.hideEditIcon,
                     "is-editing": vue.unref(internalEditingRows).isEditingRow(row),
                     "page-info": _ctx.pageInfo,
                     row,
+                    "row-editable": !_ctx.rowEditPolicy || _ctx.rowEditPolicy(row),
                     "row-index": index,
                     "row-key": _ctx.keyProvider(row),
                     "select-on-click": _ctx.selectOnClick,
@@ -31924,7 +32023,7 @@ img.ProseMirror-separator {
                         ])
                       };
                     })
-                  ]), 1032, ["all-rows", "columns", "editable", "editing-row", "fixed-columns", "is-editing", "page-info", "row", "row-index", "row-key", "select-on-click", "selected-rows", "show-checkbox", "show-drag-handle", "show-serial", "style", "visible-columns"]);
+                  ]), 1032, ["all-rows", "columns", "editable", "editing-row", "fixed-columns", "hide-edit-icon", "is-editing", "page-info", "row", "row-editable", "row-index", "row-key", "select-on-click", "selected-rows", "show-checkbox", "show-drag-handle", "show-serial", "style", "visible-columns"]);
                 }), 128)) : vue.createCommentVNode("", true)
               ])
             ], 512)
@@ -34503,6 +34602,9 @@ img.ProseMirror-separator {
   const checkEnglish = (str) => {
     return /[a-z]/i.test(str);
   };
+  const getRoutePagePath = (framePrefix, route) => {
+    return decodeURIComponent(route.path.substring(framePrefix.length));
+  };
   class DefaultFrameContext {
     constructor(config) {
       __publicField(this, "pageManager");
@@ -34520,7 +34622,7 @@ img.ProseMirror-separator {
     }
     // 현재 route 에 해당하는 Page 를 오픈한다.
     async syncCurrentPath(route) {
-      const pagePath = route.path.substring(this.config.framePrefix.length);
+      const pagePath = getRoutePagePath(this.config.framePrefix, route);
       await this.pageManager.openPage(pagePath);
     }
     // 현재 활성화된 Page 를 닫는다.
@@ -34530,7 +34632,7 @@ img.ProseMirror-separator {
         await this.pageManager.closePage(active);
     }
     getPageByRoute(route) {
-      const pagePath = route.path.substring(this.config.framePrefix.length);
+      const pagePath = getRoutePagePath(this.config.framePrefix, route);
       return this.pageManager.getPageByPath(pagePath);
     }
     setPageSubtitle(route, subtitle) {