@g1cloud/bluesea 5.0.0-alpha.5 → 5.0.0-alpha.6

package/dist/bluesea.js

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 import { defineComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, withDirectives, createElementVNode, unref, ref, watch, normalizeStyle, mergeProps, isRef, toHandlers, vModelDynamic, Fragment, renderList, vModelText, computed, createVNode, useSlots, renderSlot, createBlock, Transition, withCtx, onMounted, onBeforeUnmount, withModifiers, withKeys, createTextVNode, reactive, nextTick, vShow, inject, resolveComponent, markRaw, provide, resolveDynamicComponent, shallowReactive } from "vue";
 import dayjs from "dayjs";
-import { useRouter, useRoute } from "vue-router";
+import { useRoute } from "vue-router";
 class BlueseaConfig {
   constructor() {
     __publicField(this, "locales", []);
@@ -120,8 +120,8 @@ const vT = {
     }
   }
 };
-const _hoisted_1$G = ["disabled"];
-const _hoisted_2$v = {
+const _hoisted_1$H = ["disabled"];
+const _hoisted_2$w = {
   key: 0,
   class: "font-icon"
 };
@@ -139,11 +139,11 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
         class: normalizeClass([[_ctx.buttonColor], "bs-button inline-flex items-center justify-center"]),
         disabled: _ctx.disabled
       }, [
-        _ctx.leftIcon ? (openBlock(), createElementBlock("span", _hoisted_2$v, toDisplayString(_ctx.leftIcon), 1)) : createCommentVNode("", true),
+        _ctx.leftIcon ? (openBlock(), createElementBlock("span", _hoisted_2$w, toDisplayString(_ctx.leftIcon), 1)) : createCommentVNode("", true),
         withDirectives(createElementVNode("span", null, null, 512), [
           [unref(vT), _ctx.caption]
         ])
-      ], 10, _hoisted_1$G);
+      ], 10, _hoisted_1$H);
     };
   }
 });
@@ -229,8 +229,8 @@ const componentUtil = {
     }
   }
 };
-const _hoisted_1$F = { class: "input-area" };
-const _hoisted_2$u = ["id", "autocomplete", "disabled", "maxlength", "name", "placeholder", "tabindex", "type"];
+const _hoisted_1$G = { class: "input-area" };
+const _hoisted_2$v = ["id", "autocomplete", "disabled", "maxlength", "name", "placeholder", "tabindex", "type"];
 const _hoisted_3$j = { key: 0 };
 const _hoisted_4$c = ["textContent"];
 const _sfc_main$J = /* @__PURE__ */ defineComponent({
@@ -284,7 +284,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
         class: normalizeClass([{ required: _ctx.required }, "bs-text-input"]),
         style: normalizeStyle({ width: _ctx.width })
       }, [
-        createElementVNode("div", _hoisted_1$F, [
+        createElementVNode("div", _hoisted_1$G, [
           withDirectives(createElementVNode("input", mergeProps({
             id: _ctx.id,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(value) ? value.value = $event : null),
@@ -295,7 +295,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
             placeholder: _ctx.placeholder,
             tabindex: _ctx.tabindex,
             type: _ctx.inputType
-          }, toHandlers(handlers, true)), null, 16, _hoisted_2$u), [
+          }, toHandlers(handlers, true)), null, 16, _hoisted_2$v), [
             [vModelDynamic, unref(value)]
           ])
         ]),
@@ -312,8 +312,8 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$E = { class: "input-area" };
-const _hoisted_2$t = ["id", "autocomplete", "disabled", "maxlength", "name", "placeholder", "tabindex"];
+const _hoisted_1$F = { class: "input-area" };
+const _hoisted_2$u = ["id", "autocomplete", "disabled", "maxlength", "name", "placeholder", "tabindex"];
 const _hoisted_3$i = /* @__PURE__ */ createElementVNode("div", { class: "message-area" }, null, -1);
 const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "BSNumberInput",
@@ -342,7 +342,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
         style: normalizeStyle({ width: _ctx.width }),
         class: "bs-number-input"
       }, [
-        createElementVNode("div", _hoisted_1$E, [
+        createElementVNode("div", _hoisted_1$F, [
           withDirectives(createElementVNode("input", mergeProps({
             id: _ctx.id,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
@@ -354,7 +354,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             tabindex: _ctx.tabindex,
             pattern: "\\d*",
             type: "text"
-          }, toHandlers(handlers, true)), null, 16, _hoisted_2$t), [
+          }, toHandlers(handlers, true)), null, 16, _hoisted_2$u), [
             [vModelText, value.value]
           ])
         ]),
@@ -363,8 +363,8 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$D = { class: "input-area" };
-const _hoisted_2$s = ["id", "name", "value"];
+const _hoisted_1$E = { class: "input-area" };
+const _hoisted_2$t = ["id", "name", "value"];
 const _hoisted_3$h = /* @__PURE__ */ createElementVNode("div", { class: "message-area" }, null, -1);
 const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "BSPriceInput",
@@ -402,7 +402,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
         style: normalizeStyle({ width: _ctx.width }),
         class: "bs-number-input"
       }, [
-        createElementVNode("div", _hoisted_1$D, [
+        createElementVNode("div", _hoisted_1$E, [
           createElementVNode("input", {
             id: _ctx.id,
             name: _ctx.name,
@@ -410,14 +410,14 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             pattern: "\\d*",
             type: "text",
             onChange: emitValue
-          }, null, 40, _hoisted_2$s)
+          }, null, 40, _hoisted_2$t)
         ]),
         _hoisted_3$h
       ], 4);
     };
   }
 });
-const _hoisted_1$C = ["id", "disabled", "maxlength", "name", "placeholder", "tabindex", "value"];
+const _hoisted_1$D = ["id", "disabled", "maxlength", "name", "placeholder", "tabindex", "value"];
 const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "InternalDateInput",
   props: {
@@ -484,12 +484,12 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         onFocus: _cache[1] || (_cache[1] = ($event) => focused.value = true),
         "on:update:modelValue": _cache[2] || (_cache[2] = () => {
         })
-      }, null, 40, _hoisted_1$C);
+      }, null, 40, _hoisted_1$D);
     };
   }
 });
-const _hoisted_1$B = { class: "bs-date-input" };
-const _hoisted_2$r = { class: "input-area" };
+const _hoisted_1$C = { class: "bs-date-input" };
+const _hoisted_2$s = { class: "input-area" };
 const _hoisted_3$g = /* @__PURE__ */ createElementVNode("span", { class: "icon" }, "calendar_month", -1);
 const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "BSDateInput",
@@ -519,8 +519,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$B, [
-        createElementVNode("div", _hoisted_2$r, [
+      return openBlock(), createElementBlock("div", _hoisted_1$C, [
+        createElementVNode("div", _hoisted_2$s, [
           _hoisted_3$g,
           createVNode(_sfc_main$G, {
             id: _ctx.id,
@@ -542,8 +542,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$A = ["id", "checked", "disabled", "name", "tabindex"];
-const _hoisted_2$q = ["for"];
+const _hoisted_1$B = ["id", "checked", "disabled", "name", "tabindex"];
+const _hoisted_2$r = ["for"];
 const _hoisted_3$f = ["for"];
 const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "BSCheckbox",
@@ -584,12 +584,12 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
           tabindex: _ctx.tabindex,
           class: "",
           type: "checkbox"
-        }, toHandlers(handlers, true)), null, 16, _hoisted_1$A),
+        }, toHandlers(handlers, true)), null, 16, _hoisted_1$B),
         _ctx.label ? (openBlock(), createElementBlock("label", {
           key: 0,
           for: _ctx.id,
           class: "text-label"
-        }, toDisplayString(_ctx.label), 9, _hoisted_2$q)) : createCommentVNode("", true),
+        }, toDisplayString(_ctx.label), 9, _hoisted_2$r)) : createCommentVNode("", true),
         hasLabelSlot.value ? (openBlock(), createElementBlock("label", {
           key: 1,
           for: _ctx.id,
@@ -601,7 +601,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$z = { class: "bs-checkbox-group" };
+const _hoisted_1$A = { class: "bs-checkbox-group" };
 const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "BSCheckboxGroup",
   props: {
@@ -638,7 +638,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$z, [
+      return openBlock(), createElementBlock("div", _hoisted_1$A, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
           return openBlock(), createBlock(_sfc_main$E, {
             key: String(item),
@@ -652,8 +652,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$y = ["id", "checked", "disabled", "name", "tabindex"];
-const _hoisted_2$p = ["for"];
+const _hoisted_1$z = ["id", "checked", "disabled", "name", "tabindex"];
+const _hoisted_2$q = ["for"];
 const _hoisted_3$e = ["for"];
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "BSRadioButton",
@@ -695,12 +695,12 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
           tabindex: _ctx.tabindex,
           class: "",
           type: "radio"
-        }, toHandlers(handlers, true)), null, 16, _hoisted_1$y),
+        }, toHandlers(handlers, true)), null, 16, _hoisted_1$z),
         _ctx.label ? (openBlock(), createElementBlock("label", {
           key: 0,
           for: _ctx.id,
           class: "text-label"
-        }, toDisplayString(_ctx.label), 9, _hoisted_2$p)) : createCommentVNode("", true),
+        }, toDisplayString(_ctx.label), 9, _hoisted_2$q)) : createCommentVNode("", true),
         hasLabelSlot.value ? (openBlock(), createElementBlock("label", {
           key: 1,
           for: _ctx.id,
@@ -712,7 +712,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$x = { class: "bs-radio-button-group" };
+const _hoisted_1$y = { class: "bs-radio-button-group" };
 const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "BSRadioButtonGroup",
   props: {
@@ -736,7 +736,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$x, [
+      return openBlock(), createElementBlock("div", _hoisted_1$y, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
           return openBlock(), createBlock(_sfc_main$C, {
             key: String(itemValue(item)),
@@ -752,11 +752,11 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 const _sfc_main$A = {};
-const _hoisted_1$w = { class: "bs-popup" };
+const _hoisted_1$x = { class: "bs-popup" };
 function _sfc_render(_ctx, _cache) {
   return openBlock(), createBlock(Transition, null, {
     default: withCtx(() => [
-      createElementVNode("div", _hoisted_1$w, [
+      createElementVNode("div", _hoisted_1$x, [
         renderSlot(_ctx.$slots, "default")
       ])
     ]),
@@ -764,8 +764,8 @@ function _sfc_render(_ctx, _cache) {
   });
 }
 const BSPopup = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render]]);
-const _hoisted_1$v = ["onMouseover", "onClick"];
-const _hoisted_2$o = /* @__PURE__ */ createElementVNode("span", { class: "checkbox" }, null, -1);
+const _hoisted_1$w = ["onMouseover", "onClick"];
+const _hoisted_2$p = /* @__PURE__ */ createElementVNode("span", { class: "checkbox" }, null, -1);
 const _hoisted_3$d = { class: "label" };
 const _hoisted_4$b = {
   key: 0,
@@ -844,10 +844,10 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
               onMouseover: ($event) => setHoveredPopupItem(item),
               onClick: withModifiers(($event) => selectPopupItem(item), ["stop"])
             }, [
-              _hoisted_2$o,
+              _hoisted_2$p,
               createElementVNode("span", _hoisted_3$d, toDisplayString(_ctx.itemLabel(item)), 1),
               _ctx.tree && hasSubItems(item) ? (openBlock(), createElementBlock("span", _hoisted_4$b)) : createCommentVNode("", true)
-            ], 42, _hoisted_1$v);
+            ], 42, _hoisted_1$w);
           }), 128))
         ]),
         _: 1
@@ -855,8 +855,8 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$u = ["tabindex", "onKeydown"];
-const _hoisted_2$n = { class: "selected" };
+const _hoisted_1$v = ["tabindex", "onKeydown"];
+const _hoisted_2$o = { class: "selected" };
 const _hoisted_3$c = ["textContent"];
 const _hoisted_4$a = /* @__PURE__ */ createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
 const _hoisted_5$8 = {
@@ -920,7 +920,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => togglePopup(false), ["stop", "prevent"]), ["esc"]))
         ]
       }, [
-        createElementVNode("div", _hoisted_2$n, [
+        createElementVNode("div", _hoisted_2$o, [
           createElementVNode("span", {
             class: "label",
             textContent: toDisplayString(selectedItemLabel.value)
@@ -937,15 +937,15 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           onItemSelected: itemSelected
         }, null, 8, ["initial-item", "items", "selected-items"])) : createCommentVNode("", true),
         messages.value ? (openBlock(), createElementBlock("div", _hoisted_5$8)) : createCommentVNode("", true)
-      ], 42, _hoisted_1$u);
+      ], 42, _hoisted_1$v);
     };
   }
 });
 function notNull(value) {
   return value !== null && value !== void 0;
 }
-const _hoisted_1$t = ["tabindex", "onKeydown"];
-const _hoisted_2$m = { class: "selected" };
+const _hoisted_1$u = ["tabindex", "onKeydown"];
+const _hoisted_2$n = { class: "selected" };
 const _hoisted_3$b = ["textContent"];
 const _hoisted_4$9 = /* @__PURE__ */ createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
 const _hoisted_5$7 = {
@@ -1016,7 +1016,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => togglePopup(false), ["stop", "prevent"]), ["esc"]))
         ]
       }, [
-        createElementVNode("div", _hoisted_2$m, [
+        createElementVNode("div", _hoisted_2$n, [
           createElementVNode("span", {
             class: "label",
             textContent: toDisplayString(selectedItemsLabel.value)
@@ -1032,12 +1032,12 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           onItemSelected: itemSelected
         }, null, 8, ["items", "selected-items"])) : createCommentVNode("", true),
         messages.value ? (openBlock(), createElementBlock("div", _hoisted_5$7)) : createCommentVNode("", true)
-      ], 42, _hoisted_1$t);
+      ], 42, _hoisted_1$u);
     };
   }
 });
-const _hoisted_1$s = ["tabindex", "onKeydown"];
-const _hoisted_2$l = { class: "selected" };
+const _hoisted_1$t = ["tabindex", "onKeydown"];
+const _hoisted_2$m = { class: "selected" };
 const _hoisted_3$a = ["textContent"];
 const _hoisted_4$8 = /* @__PURE__ */ createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
 const _hoisted_5$6 = {
@@ -1100,7 +1100,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
           _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => togglePopup(false), ["stop", "prevent"]), ["esc"]))
         ]
       }, [
-        createElementVNode("div", _hoisted_2$l, [
+        createElementVNode("div", _hoisted_2$m, [
           createElementVNode("span", {
             class: "label",
             textContent: toDisplayString(selectedItemLabel.value)
@@ -1117,12 +1117,12 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
           onItemSelected: itemSelected
         }, null, 8, ["initial-item", "items"])) : createCommentVNode("", true),
         messages.value ? (openBlock(), createElementBlock("div", _hoisted_5$6)) : createCommentVNode("", true)
-      ], 42, _hoisted_1$s);
+      ], 42, _hoisted_1$t);
     };
   }
 });
-const _hoisted_1$r = { class: "input-area" };
-const _hoisted_2$k = ["tabindex"];
+const _hoisted_1$s = { class: "input-area" };
+const _hoisted_2$l = ["tabindex"];
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "BSTextArea",
   props: {
@@ -1154,13 +1154,13 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         style: normalizeStyle({ width: outerWidth.value, height: outerHeight.value }),
         class: "bs-text-area"
       }, [
-        createElementVNode("div", _hoisted_1$r, [
+        createElementVNode("div", _hoisted_1$s, [
           withDirectives(createElementVNode("textarea", {
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
             style: normalizeStyle({ width: innerWidth.value, height: innerHeight.value }),
             tabindex: _ctx.tabindex,
             onChange: emitValue
-          }, null, 44, _hoisted_2$k), [
+          }, null, 44, _hoisted_2$l), [
             [vModelText, value.value]
           ])
         ])
@@ -1300,10 +1300,12 @@ const formatUtil = {
    * @return
    */
   formatNumber(value) {
-    const regexp = /\B(?=(\d{3})+(?!\d))/g;
     if (value || typeof value === "number") {
+      const regexp = /\B(?=(\d{3})+(?!\d))/g;
       const splitValue = value.toString().split(".");
-      return splitValue[0].replace(regexp, ",").concat(".", splitValue[1]);
+      const integerPart = splitValue[0].replace(regexp, ",");
+      const decimalPart = splitValue[1] ? `.${splitValue[1]}` : "";
+      return integerPart + decimalPart;
     }
     return null;
   },
@@ -1432,7 +1434,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$q = { class: "font-icon" };
+const _hoisted_1$r = { class: "font-icon" };
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "BSGridCheckboxCell",
   props: {
@@ -1446,12 +1448,12 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         class: normalizeClass([{ checked: _ctx.checked }, "fixed func-cell checkbox bs-clickable"]),
         onClick: _cache[0] || (_cache[0] = ($event) => emit("click"))
       }, [
-        createElementVNode("div", _hoisted_1$q, toDisplayString(_ctx.checked ? "check" : ""), 1)
+        createElementVNode("div", _hoisted_1$r, toDisplayString(_ctx.checked ? "check" : ""), 1)
       ], 2);
     };
   }
 });
-const _hoisted_1$p = { class: "font-icon" };
+const _hoisted_1$q = { class: "font-icon" };
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "BSGridCheckboxHeaderCell",
   props: {
@@ -1467,13 +1469,13 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         class: normalizeClass([{ checked: checked.value }, "fixed func-cell checkbox bs-clickable"]),
         onClick: _cache[0] || (_cache[0] = ($event) => emit("click"))
       }, [
-        createElementVNode("div", _hoisted_1$p, toDisplayString(checked.value ? "check" : "check_box_outline_blank"), 1)
+        createElementVNode("div", _hoisted_1$q, toDisplayString(checked.value ? "check" : "check_box_outline_blank"), 1)
       ], 2);
     };
   }
 });
-const _hoisted_1$o = { class: "page-navigation" };
-const _hoisted_2$j = ["data-page", "onClick"];
+const _hoisted_1$p = { class: "page-navigation" };
+const _hoisted_2$k = ["data-page", "onClick"];
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "BSGridPageNavigation",
   props: {
@@ -1538,7 +1540,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$o, [
+      return openBlock(), createElementBlock("div", _hoisted_1$p, [
         createElementVNode("span", {
           class: normalizeClass([{ "disabled": isFirstSet.value }, "font-icon first"]),
           onClick: _cache[0] || (_cache[0] = withModifiers(($event) => !isFirstSet.value ? goToPage(1) : void 0, ["prevent"]))
@@ -1553,7 +1555,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
             class: normalizeClass([{ on: page === currentPage.value }, "page"]),
             "data-page": page,
             onClick: withModifiers(($event) => goToPage(page), ["prevent"])
-          }, toDisplayString(page), 11, _hoisted_2$j);
+          }, toDisplayString(page), 11, _hoisted_2$k);
         }), 128)),
         createElementVNode("span", {
           class: normalizeClass([{ "disabled": !isLastSet.value }, "font-icon next"]),
@@ -1567,8 +1569,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$n = { class: "table-wrap" };
-const _hoisted_2$i = { class: "header-row" };
+const _hoisted_1$o = { class: "table-wrap" };
+const _hoisted_2$j = { class: "header-row" };
 const _hoisted_3$9 = {
   key: 1,
   class: "fixed func-cell serial-no"
@@ -1632,13 +1634,13 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         style: normalizeStyle({ width: _ctx.width, height: _ctx.height }),
         class: "bs-grid"
       }, [
-        createElementVNode("div", _hoisted_1$n, [
+        createElementVNode("div", _hoisted_1$o, [
           createElementVNode("table", {
             ref_key: "table",
             ref: table
           }, [
             createElementVNode("thead", null, [
-              createElementVNode("tr", _hoisted_2$i, [
+              createElementVNode("tr", _hoisted_2$j, [
                 _ctx.showCheckbox ? (openBlock(), createBlock(_sfc_main$r, {
                   key: 0,
                   "selected-row-count": selectedRows.size,
@@ -1800,8 +1802,8 @@ const likeFilter = (names, value, prefix, suffix, ignoreCase) => {
 const betweenDateFilter = (names, fromValue, toValue) => {
   return new BetweenDateFilter(names, fromValue, toValue);
 };
-const _hoisted_1$m = { class: "bs-text-filter" };
-const _hoisted_2$h = { class: "input-wrap" };
+const _hoisted_1$n = { class: "bs-text-filter" };
+const _hoisted_2$i = { class: "input-wrap" };
 const _hoisted_3$8 = ["onKeyup"];
 const _hoisted_4$6 = { class: "input-wrap" };
 const _hoisted_5$4 = /* @__PURE__ */ createElementVNode("textarea", { cols: "3" }, null, -1);
@@ -1864,7 +1866,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$m, [
+      return openBlock(), createElementBlock("div", _hoisted_1$n, [
         withDirectives((openBlock(), createElementBlock("span", {
           class: "font-icon mr-8 bs-clickable",
           onClick: toggleFilterItemPopup
@@ -1873,7 +1875,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         ])), [
           [unref(vClickOutside), hideFilterItemPopup]
         ]),
-        withDirectives(createElementVNode("span", _hoisted_2$h, [
+        withDirectives(createElementVNode("span", _hoisted_2$i, [
           withDirectives(createElementVNode("input", {
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputText.value = $event),
             type: "text",
@@ -1905,8 +1907,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$l = { class: "bs-date-range-filter" };
-const _hoisted_2$g = { class: "input-area" };
+const _hoisted_1$m = { class: "bs-date-range-filter" };
+const _hoisted_2$h = { class: "input-area" };
 const _hoisted_3$7 = /* @__PURE__ */ createElementVNode("span", { class: "font-icon" }, "calendar_month", -1);
 const _hoisted_4$5 = /* @__PURE__ */ createElementVNode("span", { class: "px-4" }, "~", -1);
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
@@ -1946,8 +1948,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$l, [
-        createElementVNode("div", _hoisted_2$g, [
+      return openBlock(), createElementBlock("div", _hoisted_1$m, [
+        createElementVNode("div", _hoisted_2$h, [
           _hoisted_3$7,
           createVNode(_sfc_main$G, {
             id: _ctx.fromId,
@@ -1980,11 +1982,11 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$k = {
+const _hoisted_1$l = {
   key: 0,
   class: "date-filters .bs-layout-vertical mr-32"
 };
-const _hoisted_2$f = ["onClick"];
+const _hoisted_2$g = ["onClick"];
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "BSDateRangeFilters",
   props: {
@@ -2046,7 +2048,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return _ctx.dateFilter.filterItems ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
+      return _ctx.dateFilter.filterItems ? (openBlock(), createElementBlock("div", _hoisted_1$l, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(dateFilterValues, (item, index) => {
           return openBlock(), createElementBlock("div", {
             key: index,
@@ -2060,7 +2062,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               key: 1,
               class: "font-icon bs-clickable mr-4",
               onClick: ($event) => removeDateFilter(index)
-            }, "do_not_disturb_on", 8, _hoisted_2$f)),
+            }, "do_not_disturb_on", 8, _hoisted_2$g)),
             createVNode(_sfc_main$y, {
               items: _ctx.dateFilter.filterItems,
               "label-provider": (filter) => filter.caption,
@@ -2081,7 +2083,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$j = { class: "bs-grid-lookup bs-layout-horizontal flex-align-start" };
+const _hoisted_1$k = { class: "bs-grid-lookup bs-layout-horizontal flex-align-start" };
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "BSGridLookup",
   props: {
@@ -2104,7 +2106,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       var _a, _b;
-      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+      return openBlock(), createElementBlock("div", _hoisted_1$k, [
         ((_a = _ctx.config) == null ? void 0 : _a.textFilter) ? (openBlock(), createBlock(_sfc_main$o, {
           key: 0,
           modelValue: textFilterValue.value,
@@ -2131,8 +2133,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$i = { class: "bs-grid-control" };
-const _hoisted_2$e = {
+const _hoisted_1$j = { class: "bs-grid-control" };
+const _hoisted_2$f = {
   key: 0,
   class: "bs-clickable"
 };
@@ -2169,8 +2171,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       emit("update:limit", Math.max(1, limit || 0));
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
-        _ctx.showSetting ? (openBlock(), createElementBlock("div", _hoisted_2$e, " 칼럼설정 ")) : createCommentVNode("", true),
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+        _ctx.showSetting ? (openBlock(), createElementBlock("div", _hoisted_2$f, " 칼럼설정 ")) : createCommentVNode("", true),
         _ctx.showClearFilter ? (openBlock(), createElementBlock("div", _hoisted_3$6, " 필터초기화 ")) : createCommentVNode("", true),
         _ctx.showFilter ? (openBlock(), createElementBlock("div", _hoisted_4$4, " 필터 ")) : createCommentVNode("", true),
         _ctx.showAdd ? (openBlock(), createElementBlock("div", {
@@ -2202,8 +2204,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$h = { class: "bs-tab-sheet bs-layout-vertical" };
-const _hoisted_2$d = { class: "tab-bar bs-layout-horizontal" };
+const _hoisted_1$i = { class: "bs-tab-sheet bs-layout-vertical" };
+const _hoisted_2$e = { class: "tab-bar bs-layout-horizontal" };
 const _hoisted_3$5 = { class: "tabs flex-grow-1 flex-shrink-1" };
 const _hoisted_4$3 = ["onClick"];
 const _hoisted_5$2 = { class: "buttons text-nowrap" };
@@ -2220,8 +2222,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       selectTab(props.tabs[0]);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$h, [
-        createElementVNode("div", _hoisted_2$d, [
+      return openBlock(), createElementBlock("div", _hoisted_1$i, [
+        createElementVNode("div", _hoisted_2$e, [
           createElementVNode("div", _hoisted_3$5, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (tab) => {
               var _a;
@@ -2241,8 +2243,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$g = { class: "bs-list-layout-item" };
-const _hoisted_2$c = { class: "list-item-title bs-layout-horizontal flex-align-center" };
+const _hoisted_1$h = { class: "bs-list-layout-item" };
+const _hoisted_2$d = { class: "list-item-title bs-layout-horizontal flex-align-center" };
 const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("div", { class: "title-text flex-grow-1" }, "Title", -1);
 const _hoisted_4$2 = {
   key: 0,
@@ -2264,8 +2266,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       emit("update:expanded", !actualExpanded.value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$g, [
-        createElementVNode("div", _hoisted_2$c, [
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
+        createElementVNode("div", _hoisted_2$d, [
           createVNode(_sfc_main$E, { class: "mr-4" }),
           _hoisted_3$4,
           createElementVNode("span", {
@@ -2282,8 +2284,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$f = { class: "bs-list-layout" };
-const _hoisted_2$b = /* @__PURE__ */ createElementVNode("div", { class: "toolbar" }, null, -1);
+const _hoisted_1$g = { class: "bs-list-layout" };
+const _hoisted_2$c = /* @__PURE__ */ createElementVNode("div", { class: "toolbar" }, null, -1);
 const _hoisted_3$3 = { class: "list-item bs-layout-vertical gap-4" };
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "BSListLayout",
@@ -2302,8 +2304,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       emit("update:expanded", props.expanded);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$f, [
-        _hoisted_2$b,
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+        _hoisted_2$c,
         createElementVNode("div", _hoisted_3$3, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item, index) => {
             return openBlock(), createBlock(_sfc_main$i, {
@@ -2336,8 +2338,8 @@ class TreeRowStatuses {
   }
 }
 const defaultCaptionProvider = (item) => (item == null ? void 0 : item.toString()) || "";
-const _hoisted_1$e = { class: "bs-tree-row" };
-const _hoisted_2$a = { class: "row-caption" };
+const _hoisted_1$f = { class: "bs-tree-row" };
+const _hoisted_2$b = { class: "row-caption" };
 const _hoisted_3$2 = ["onClick"];
 const _hoisted_4$1 = ["textContent", "onClick", "onMousedown", "onDblclick"];
 const _hoisted_5$1 = {
@@ -2367,8 +2369,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     const rowIcon = computed(() => children.value && children.value.length > 0 ? isOpen.value ? "arrow_drop_down" : "arrow_right" : "");
     return (_ctx, _cache) => {
       const _component_BSTreeRow = resolveComponent("BSTreeRow", true);
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        createElementVNode("div", _hoisted_2$a, [
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+        createElementVNode("div", _hoisted_2$b, [
           createElementVNode("span", {
             class: "bs-clickable font-icon w-16 my-n2",
             onClick: withModifiers(toggleRow, ["stop"])
@@ -2437,7 +2439,7 @@ const useContextMenuOptional = () => {
 const createContextMenuPlugin = () => {
   return new BSContextMenuPlugin();
 };
-const _hoisted_1$d = { class: "bs-tree" };
+const _hoisted_1$e = { class: "bs-tree" };
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "BSTree",
   props: {
@@ -2511,7 +2513,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$d, [
+      return openBlock(), createElementBlock("div", _hoisted_1$e, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (row) => {
           return openBlock(), createBlock(_sfc_main$g, {
             key: row == null ? void 0 : row.toString(),
@@ -2527,8 +2529,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$c = { key: 0 };
-const _hoisted_2$9 = ["textContent"];
+const _hoisted_1$d = { key: 0 };
+const _hoisted_2$a = ["textContent"];
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "BSMultiLangTextInput",
   props: {
@@ -2561,7 +2563,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.locales, (locale) => {
           return openBlock(), createElementBlock(Fragment, { key: locale }, [
-            _ctx.expandLocale || locale === unref(blueseaConfig).defaultLocale ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
+            _ctx.expandLocale || locale === unref(blueseaConfig).defaultLocale ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
               createVNode(_sfc_main$J, {
                 id: _ctx.id ? `${_ctx.id}_${locale}` : void 0,
                 autocomplete: _ctx.autocomplete,
@@ -2578,7 +2580,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                 key: 0,
                 class: "locale-tag",
                 textContent: toDisplayString(locale)
-              }, null, 8, _hoisted_2$9)) : createCommentVNode("", true)
+              }, null, 8, _hoisted_2$a)) : createCommentVNode("", true)
             ])) : createCommentVNode("", true)
           ], 64);
         }), 128))
@@ -2586,8 +2588,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$b = { key: 0 };
-const _hoisted_2$8 = ["textContent"];
+const _hoisted_1$c = { key: 0 };
+const _hoisted_2$9 = ["textContent"];
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "BSMultiLangTextArea",
   props: {
@@ -2620,7 +2622,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.locales, (locale) => {
           return openBlock(), createElementBlock(Fragment, { key: locale }, [
-            _ctx.expandLocale || locale === unref(blueseaConfig).defaultLocale ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
+            _ctx.expandLocale || locale === unref(blueseaConfig).defaultLocale ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
               createVNode(_sfc_main$v, {
                 id: _ctx.id ? `${_ctx.id}_${locale}` : void 0,
                 autocomplete: _ctx.autocomplete,
@@ -2636,7 +2638,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                 key: 0,
                 class: "locale-tag",
                 textContent: toDisplayString(locale)
-              }, null, 8, _hoisted_2$8)) : createCommentVNode("", true)
+              }, null, 8, _hoisted_2$9)) : createCommentVNode("", true)
             ])) : createCommentVNode("", true)
           ], 64);
         }), 128))
@@ -2644,6 +2646,83 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
+class PaginatedList {
+  constructor() {
+    __publicField(this, "data", []);
+    __publicField(this, "totalCount", 0);
+    __publicField(this, "offset", 0);
+    __publicField(this, "limit", 0);
+  }
+  static of(data = [], totalCount = void 0, offset = 0, limit = void 0) {
+    const paginatedList = new PaginatedList();
+    paginatedList.data = data ? data.slice() : [];
+    paginatedList.totalCount = Math.max(0, totalCount || paginatedList.data.length);
+    paginatedList.offset = Math.max(0, offset);
+    paginatedList.limit = Math.max(0, limit || paginatedList.data.length);
+    return paginatedList;
+  }
+  /**
+   * `AxiosResponse` 등의 http response 로부터 `PaginatedList` 를 생성한다.
+   * @param response
+   * @param converter
+   */
+  static fromAxiosResponse(response, converter) {
+    return PaginatedList.fromAxiosHeader(response.headers, response.data, converter);
+  }
+  /**
+   * Axios Header 와 response data 로부터 `PaginatedList` 를 생성한다.
+   * @param headers
+   * @param data
+   * @param converter
+   */
+  static fromAxiosHeader(headers, data, converter) {
+    const actualConverter = converter ? converter : (item) => item;
+    const convertedData = data && data.length ? data.map((item) => actualConverter(item)) : [];
+    return PaginatedList.of(
+      convertedData,
+      Number(headers["x-total-count"]) || void 0,
+      Number(headers["x-offset"]) || 0,
+      Number(headers["x-limit"] || void 0)
+    );
+  }
+  /**
+   * @return 로딩된 데이터가 비어있으면 true
+   */
+  isEmpty() {
+    return this.data.length === 0;
+  }
+}
+class SearchParam {
+  constructor() {
+    __publicField(this, "offset");
+    __publicField(this, "limit");
+    __publicField(this, "filter");
+    __publicField(this, "sorts");
+  }
+  toQueryMap() {
+    return {
+      filter: this.serializeFilter(),
+      sort: this.serializeSort(),
+      offset: this.offset,
+      limit: this.limit
+    };
+  }
+  serializeFilter() {
+    if (this.filter) {
+      return "";
+    }
+  }
+  serializeSort() {
+    if (this.sorts) {
+      return this.sorts.map((sort) => {
+        const dir = sort.ascending ? "" : "-";
+        const propertyId = encodeURIComponent(sort.propertyId);
+        const nulls = sort.nullHandling || "";
+        return `${dir}${propertyId} ${nulls}`;
+      }).join(",");
+    }
+  }
+}
 const modalKey = Symbol();
 const modalHandleKey = Symbol();
 class ModalHandleImpl {
@@ -2707,7 +2786,7 @@ const useModalHandle = () => {
 const createModalPlugin = () => {
   return new BSModal();
 };
-const _hoisted_1$a = { class: "modal-wrapper bs-layout-vertical flex-align-center flex-content-center" };
+const _hoisted_1$b = { class: "modal-wrapper bs-layout-vertical flex-align-center flex-content-center" };
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "BSModalWrapper",
   props: {
@@ -2718,7 +2797,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     provideModalHandle(props.modalItem.modalHandle);
     return (_ctx, _cache) => {
       var _a;
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
         createElementVNode("div", {
           class: normalizeClass([(_a = _ctx.modalItem.style) == null ? void 0 : _a.styleClass, "modal-panel"]),
           style: normalizeStyle(_ctx.modalItem.style)
@@ -2729,8 +2808,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "bs-modal-container" };
-const _hoisted_2$7 = {
+const _hoisted_1$a = { class: "bs-modal-container" };
+const _hoisted_2$8 = {
   key: 0,
   class: "modal-curtain"
 };
@@ -2747,8 +2826,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       () => disableBodyScroll(modalExists.value)
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
-        modalExists.value ? (openBlock(), createElementBlock("div", _hoisted_2$7)) : createCommentVNode("", true),
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+        modalExists.value ? (openBlock(), createElementBlock("div", _hoisted_2$8)) : createCommentVNode("", true),
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(modal).modalItems, (item) => {
           return openBlock(), createBlock(_sfc_main$c, {
             key: item.name,
@@ -2759,8 +2838,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$8 = { class: "bs-modal-frame bs-layout-vertical" };
-const _hoisted_2$6 = {
+const _hoisted_1$9 = { class: "bs-modal-frame bs-layout-vertical" };
+const _hoisted_2$7 = {
   key: 0,
   class: "title-bar bs-layout-horizontal flex-align-center"
 };
@@ -2787,8 +2866,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       modalHandle.close();
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
-        hasTitleBar.value ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+        hasTitleBar.value ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
           createElementVNode("div", _hoisted_3$1, [
             renderSlot(_ctx.$slots, "title", {}, () => [
               createTextVNode(toDisplayString(_ctx.title), 1)
@@ -2813,11 +2892,11 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = {
+const _hoisted_1$8 = {
   key: 0,
   class: "menu separator"
 };
-const _hoisted_2$5 = ["onClick", "onMouseenter"];
+const _hoisted_2$6 = ["onClick", "onMouseenter"];
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "BSContextMenu",
   props: {
@@ -2865,7 +2944,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, (menu) => {
             return openBlock(), createElementBlock(Fragment, { key: menu }, [
-              menu.type === "separator" ? (openBlock(), createElementBlock("div", _hoisted_1$7)) : menu.type === "custom" && menu.component ? (openBlock(), createBlock(resolveDynamicComponent(menu.component), {
+              menu.type === "separator" ? (openBlock(), createElementBlock("div", _hoisted_1$8)) : menu.type === "custom" && menu.component ? (openBlock(), createBlock(resolveDynamicComponent(menu.component), {
                 key: 1,
                 class: "menu custom"
               })) : withDirectives((openBlock(), createElementBlock("div", {
@@ -2873,7 +2952,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 class: normalizeClass([{ "has-submenu": menu.children }, "menu"]),
                 onClick: ($event) => handleMenuClick(menu),
                 onMouseenter: ($event) => showSubmenu($event, menu)
-              }, null, 42, _hoisted_2$5)), [
+              }, null, 42, _hoisted_2$6)), [
                 [unref(vT), menu.caption]
               ])
             ], 64);
@@ -2890,8 +2969,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$6 = { class: "bs-context-menu-container" };
-const _hoisted_2$4 = ["onClick", "onContextmenu"];
+const _hoisted_1$7 = { class: "bs-context-menu-container" };
+const _hoisted_2$5 = ["onClick", "onContextmenu"];
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "BSContextMenuContainer",
   setup(__props) {
@@ -2902,14 +2981,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       contextMenu.hideContextMenu();
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
         menuItems.value ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "context-menu-curtain",
           tabindex: "0",
           onClick: withModifiers(hideContextMenu, ["prevent"]),
           onContextmenu: withModifiers(hideContextMenu, ["prevent"])
-        }, null, 40, _hoisted_2$4)) : createCommentVNode("", true),
+        }, null, 40, _hoisted_2$5)) : createCommentVNode("", true),
         menuItems.value ? (openBlock(), createBlock(_sfc_main$9, {
           key: 1,
           left: position.value.x,
@@ -2924,7 +3003,7 @@ class DefaultFrameContext {
   constructor(config) {
     __publicField(this, "pageManager");
     this.config = config;
-    this.pageManager = new PageManager(config.menus, config.extraPages, config.firstPage);
+    this.pageManager = new PageManager(this, config.menus, config.extraPages, config.firstPage);
   }
   getMenus() {
     return this.config.menus;
@@ -2935,24 +3014,26 @@ class DefaultFrameContext {
     this.pageManager.openPage(pagePath);
   }
   // pagePath 에 해당하는 화면 URL 로 이동한다.
-  async openPagePath(router, pagePath) {
+  async openPagePath(pagePath) {
     const actualPath = pagePath.replace(/^\/+/, "");
-    await router.push({ path: `${this.config.framePrefix}/${actualPath}` });
+    await this.config.router.push({ path: `${this.config.framePrefix}/${actualPath}` });
   }
 }
-const createDefaultFrameContext = (config) => {
+const createDefaultFrameContext = (router, config) => {
   const defaultConfig = {
+    router,
     framePrefix: "/",
     logoText: "G1 Commerce",
+    logoImageHeight: "28px",
     menus: [],
     extraPages: []
   };
-  const mergedConfig = Object.assign(defaultConfig, config || {});
+  const mergedConfig = Object.assign(defaultConfig, config);
   return new DefaultFrameContext(mergedConfig);
 };
 const CONTEXT_NAME = "DEFAULT_FRAME_CONTEXT";
-const provideDefaultFrameContext = (config) => {
-  const context = createDefaultFrameContext(config);
+const provideDefaultFrameContext = (router, config) => {
+  const context = createDefaultFrameContext(router, config);
   provide(CONTEXT_NAME, context);
   return context;
 };
@@ -2964,9 +3045,10 @@ const useDefaultFrame = () => {
     return context;
 };
 class PageManager {
-  constructor(menus, extraPages, firstPage) {
+  constructor(context, menus, extraPages, firstPage) {
     __publicField(this, "openPages", shallowReactive([]));
     __publicField(this, "pageMap", /* @__PURE__ */ new Map());
+    this.context = context;
     this.menus = menus;
     this.extraPages = extraPages;
     this.firstPage = firstPage;
@@ -3003,6 +3085,30 @@ class PageManager {
     }
     this.setActivePage(page);
   }
+  async openPageByIndex(index) {
+    if (index < 0 || index >= this.openPages.length) {
+      return;
+    }
+    const page = this.openPages[index];
+    if (page) {
+      await this.context.openPagePath(page.path);
+    }
+  }
+  async closePage(pageId) {
+    const index = this.openPages.findIndex((p) => p.pageId === pageId);
+    if (index >= 0) {
+      const isPageActive = this.openPages[index].active;
+      this.openPages.splice(index, 1);
+      if (isPageActive) {
+        const activePage = this.openPages[index - 1 < 0 ? 0 : index - 1];
+        if (activePage) {
+          await this.context.openPagePath(activePage.path);
+        }
+      }
+    } else {
+      console.error(`Page not found: ${pageId}`);
+    }
+  }
   collectPages(pageMap, menus) {
     menus.forEach((menu) => {
       var _a;
@@ -3054,8 +3160,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = { class: "sidebar-menu-item" };
-const _hoisted_2$3 = {
+const _hoisted_1$6 = { class: "sidebar-menu-item" };
+const _hoisted_2$4 = {
   key: 0,
   class: "sidebar-submenu"
 };
@@ -3073,12 +3179,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const showSubMenu = ref(false);
     const toggleSubMenu = () => showSubMenu.value = !showSubMenu.value;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
         createVNode(_sfc_main$7, {
           menu: _ctx.menu,
           onClick: toggleSubMenu
         }, null, 8, ["menu"]),
-        hasSubMenus.value && showSubMenu.value ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+        hasSubMenus.value && showSubMenu.value ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menu.subMenu, (submenu) => {
             return openBlock(), createBlock(_sfc_main$7, {
               key: submenu.menuId,
@@ -3090,8 +3196,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = ["onKeyup"];
-const _hoisted_2$2 = ["onKeydown", "onClick"];
+const _hoisted_1$5 = ["onKeyup"];
+const _hoisted_2$3 = ["onKeydown", "onClick"];
 const _hoisted_3 = { class: "menu-container" };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenu",
@@ -3114,7 +3220,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           tabindex: "0",
           onKeydown: withKeys(withModifiers(toggleMenu, ["stop"]), ["enter", "space"]),
           onClick: withModifiers(toggleMenu, ["stop"])
-        }, toDisplayString(showMenu.value ? "menu_open" : "menu"), 41, _hoisted_2$2),
+        }, toDisplayString(showMenu.value ? "menu_open" : "menu"), 41, _hoisted_2$3),
         createVNode(Transition, { name: "menu-slide" }, {
           default: withCtx(() => [
             withDirectives(createElementVNode("div", _hoisted_3, [
@@ -3130,25 +3236,38 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         })
-      ], 40, _hoisted_1$4)), [
+      ], 40, _hoisted_1$5)), [
         [unref(vClickOutside), hideMenu]
       ]);
     };
   }
 });
+const _hoisted_1$4 = ["alt", "src"];
+const _hoisted_2$2 = { key: 1 };
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "HeaderLogo",
   setup(__props) {
     const context = useDefaultFrame();
-    const router = useRouter();
+    const logoText = computed(() => context.config.logoText);
+    const logoImageUrl = computed(() => context.config.logoImageUrl);
+    const logoImageHeight = computed(() => context.config.logoImageHeight);
     const goToFirstPage = () => {
-      context.openPagePath(router, "/");
+      context.openPagePath("/");
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "header-logo",
         onClick: goToFirstPage
-      }, " G1 Commerce ");
+      }, [
+        logoImageUrl.value ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          alt: logoText.value,
+          src: logoImageUrl.value,
+          style: normalizeStyle({ height: logoImageHeight.value })
+        }, null, 12, _hoisted_1$4)) : withDirectives((openBlock(), createElementBlock("span", _hoisted_2$2, null, 512)), [
+          [unref(vT), logoText.value]
+        ])
+      ]);
     };
   }
 });
@@ -3162,11 +3281,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const context = useDefaultFrame();
-    const router = useRouter();
     const selectPage = () => {
-      context.openPagePath(router, props.page.path);
+      context.openPagePath(props.page.path);
     };
     const closePage = () => {
+      context.pageManager.closePage(props.page.pageId);
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -3302,6 +3421,8 @@ export {
   DefaultFrameContext,
   _sfc_main$1 as DefaultHeader,
   I18NTexts,
+  PaginatedList,
+  SearchParam,
   blueseaConfig,
   configureBluesea,
   createContextMenuPlugin,