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

package/dist/bluesea.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return 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 { 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, pushScopeId, popScopeId, shallowReactive } from "vue";
 import dayjs from "dayjs";
 import { useRoute } from "vue-router";
 class BlueseaConfig {
@@ -120,12 +120,12 @@ const vT = {
     }
   }
 };
-const _hoisted_1$H = ["disabled"];
-const _hoisted_2$w = {
+const _hoisted_1$I = ["disabled"];
+const _hoisted_2$x = {
   key: 0,
   class: "font-icon"
 };
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "BSButton",
   props: {
     caption: {},
@@ -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$w, toDisplayString(_ctx.leftIcon), 1)) : createCommentVNode("", true),
+        _ctx.leftIcon ? (openBlock(), createElementBlock("span", _hoisted_2$x, toDisplayString(_ctx.leftIcon), 1)) : createCommentVNode("", true),
         withDirectives(createElementVNode("span", null, null, 512), [
           [unref(vT), _ctx.caption]
         ])
-      ], 10, _hoisted_1$H);
+      ], 10, _hoisted_1$I);
     };
   }
 });
@@ -154,7 +154,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const BSButton = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-6d6c76d8"]]);
+const BSButton = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-6d6c76d8"]]);
 const fieldValidator = (option) => {
   const value = ref(option.initialValue);
   const valid = ref(false);
@@ -229,11 +229,11 @@ const componentUtil = {
     }
   }
 };
-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({
+const _hoisted_1$H = { class: "input-area" };
+const _hoisted_2$w = ["id", "autocomplete", "disabled", "maxlength", "name", "placeholder", "tabindex", "type"];
+const _hoisted_3$k = { key: 0 };
+const _hoisted_4$d = ["textContent"];
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "BSTextInput",
   props: {
     id: {},
@@ -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$G, [
+        createElementVNode("div", _hoisted_1$H, [
           withDirectives(createElementVNode("input", mergeProps({
             id: _ctx.id,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(value) ? value.value = $event : null),
@@ -295,27 +295,27 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
             placeholder: _ctx.placeholder,
             tabindex: _ctx.tabindex,
             type: _ctx.inputType
-          }, toHandlers(handlers, true)), null, 16, _hoisted_2$v), [
+          }, toHandlers(handlers, true)), null, 16, _hoisted_2$w), [
             [vModelDynamic, unref(value)]
           ])
         ]),
-        unref(errors).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$j, [
+        unref(errors).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$k, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(errors), (error) => {
             return openBlock(), createElementBlock("div", {
               key: error.code,
               class: "bs-field-error",
               textContent: toDisplayString(error.message)
-            }, null, 8, _hoisted_4$c);
+            }, null, 8, _hoisted_4$d);
           }), 128))
         ])) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-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({
+const _hoisted_1$G = { class: "input-area" };
+const _hoisted_2$v = ["id", "autocomplete", "disabled", "maxlength", "name", "placeholder", "tabindex"];
+const _hoisted_3$j = /* @__PURE__ */ createElementVNode("div", { class: "message-area" }, null, -1);
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "BSNumberInput",
   props: {
     id: {},
@@ -342,7 +342,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
         style: normalizeStyle({ width: _ctx.width }),
         class: "bs-number-input"
       }, [
-        createElementVNode("div", _hoisted_1$F, [
+        createElementVNode("div", _hoisted_1$G, [
           withDirectives(createElementVNode("input", mergeProps({
             id: _ctx.id,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
@@ -354,19 +354,19 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             tabindex: _ctx.tabindex,
             pattern: "\\d*",
             type: "text"
-          }, toHandlers(handlers, true)), null, 16, _hoisted_2$u), [
+          }, toHandlers(handlers, true)), null, 16, _hoisted_2$v), [
             [vModelText, value.value]
           ])
         ]),
-        _hoisted_3$i
+        _hoisted_3$j
       ], 4);
     };
   }
 });
-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({
+const _hoisted_1$F = { class: "input-area" };
+const _hoisted_2$u = ["id", "name", "value"];
+const _hoisted_3$i = /* @__PURE__ */ createElementVNode("div", { class: "message-area" }, null, -1);
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "BSPriceInput",
   props: {
     id: {},
@@ -402,7 +402,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
         style: normalizeStyle({ width: _ctx.width }),
         class: "bs-number-input"
       }, [
-        createElementVNode("div", _hoisted_1$E, [
+        createElementVNode("div", _hoisted_1$F, [
           createElementVNode("input", {
             id: _ctx.id,
             name: _ctx.name,
@@ -410,15 +410,15 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             pattern: "\\d*",
             type: "text",
             onChange: emitValue
-          }, null, 40, _hoisted_2$t)
+          }, null, 40, _hoisted_2$u)
         ]),
-        _hoisted_3$h
+        _hoisted_3$i
       ], 4);
     };
   }
 });
-const _hoisted_1$D = ["id", "disabled", "maxlength", "name", "placeholder", "tabindex", "value"];
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _hoisted_1$E = ["id", "disabled", "maxlength", "name", "placeholder", "tabindex", "value"];
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "InternalDateInput",
   props: {
     id: {},
@@ -484,14 +484,14 @@ 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$D);
+      }, null, 40, _hoisted_1$E);
     };
   }
 });
-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({
+const _hoisted_1$D = { class: "bs-date-input" };
+const _hoisted_2$t = { class: "input-area" };
+const _hoisted_3$h = /* @__PURE__ */ createElementVNode("span", { class: "icon" }, "calendar_month", -1);
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "BSDateInput",
   props: {
     id: {},
@@ -519,10 +519,10 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$C, [
-        createElementVNode("div", _hoisted_2$s, [
-          _hoisted_3$g,
-          createVNode(_sfc_main$G, {
+      return openBlock(), createElementBlock("div", _hoisted_1$D, [
+        createElementVNode("div", _hoisted_2$t, [
+          _hoisted_3$h,
+          createVNode(_sfc_main$H, {
             id: _ctx.id,
             modelValue: value.value,
             "onUpdate:modelValue": [
@@ -542,10 +542,10 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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({
+const _hoisted_1$C = ["id", "checked", "disabled", "name", "tabindex"];
+const _hoisted_2$s = ["for"];
+const _hoisted_3$g = ["for"];
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "BSCheckbox",
   props: {
     id: { default: () => componentUtil.generateNextId("checkbox") },
@@ -584,25 +584,25 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
           tabindex: _ctx.tabindex,
           class: "",
           type: "checkbox"
-        }, toHandlers(handlers, true)), null, 16, _hoisted_1$B),
+        }, toHandlers(handlers, true)), null, 16, _hoisted_1$C),
         _ctx.label ? (openBlock(), createElementBlock("label", {
           key: 0,
           for: _ctx.id,
           class: "text-label"
-        }, toDisplayString(_ctx.label), 9, _hoisted_2$r)) : createCommentVNode("", true),
+        }, toDisplayString(_ctx.label), 9, _hoisted_2$s)) : createCommentVNode("", true),
         hasLabelSlot.value ? (openBlock(), createElementBlock("label", {
           key: 1,
           for: _ctx.id,
           class: "slot-label cursor-pointer"
         }, [
           renderSlot(_ctx.$slots, "default", { disabled: _ctx.disabled })
-        ], 8, _hoisted_3$f)) : createCommentVNode("", true)
+        ], 8, _hoisted_3$g)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _hoisted_1$A = { class: "bs-checkbox-group" };
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _hoisted_1$B = { class: "bs-checkbox-group" };
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "BSCheckboxGroup",
   props: {
     modelValue: { default: () => [] },
@@ -638,9 +638,9 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$A, [
+      return openBlock(), createElementBlock("div", _hoisted_1$B, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
-          return openBlock(), createBlock(_sfc_main$E, {
+          return openBlock(), createBlock(_sfc_main$F, {
             key: String(item),
             label: itemLabel(item),
             "model-value": containsItem(item),
@@ -652,10 +652,10 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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({
+const _hoisted_1$A = ["id", "checked", "disabled", "name", "tabindex"];
+const _hoisted_2$r = ["for"];
+const _hoisted_3$f = ["for"];
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "BSRadioButton",
   props: {
     id: { default: () => componentUtil.generateNextId("radio") },
@@ -695,25 +695,25 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
           tabindex: _ctx.tabindex,
           class: "",
           type: "radio"
-        }, toHandlers(handlers, true)), null, 16, _hoisted_1$z),
+        }, toHandlers(handlers, true)), null, 16, _hoisted_1$A),
         _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,
           class: "slot-label cursor-pointer"
         }, [
           renderSlot(_ctx.$slots, "default", { disabled: _ctx.disabled })
-        ], 8, _hoisted_3$e)) : createCommentVNode("", true)
+        ], 8, _hoisted_3$f)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _hoisted_1$y = { class: "bs-radio-button-group" };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _hoisted_1$z = { class: "bs-radio-button-group" };
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "BSRadioButtonGroup",
   props: {
     modelValue: {},
@@ -736,9 +736,9 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$y, [
+      return openBlock(), createElementBlock("div", _hoisted_1$z, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
-          return openBlock(), createBlock(_sfc_main$C, {
+          return openBlock(), createBlock(_sfc_main$D, {
             key: String(itemValue(item)),
             "item-value": itemValue(item),
             label: itemLabel(item),
@@ -751,27 +751,27 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$A = {};
-const _hoisted_1$x = { class: "bs-popup" };
+const _sfc_main$B = {};
+const _hoisted_1$y = { class: "bs-popup" };
 function _sfc_render(_ctx, _cache) {
   return openBlock(), createBlock(Transition, null, {
     default: withCtx(() => [
-      createElementVNode("div", _hoisted_1$x, [
+      createElementVNode("div", _hoisted_1$y, [
         renderSlot(_ctx.$slots, "default")
       ])
     ]),
     _: 3
   });
 }
-const BSPopup = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render]]);
-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 = {
+const BSPopup = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render]]);
+const _hoisted_1$x = ["onMouseover", "onClick"];
+const _hoisted_2$q = /* @__PURE__ */ createElementVNode("span", { class: "checkbox" }, null, -1);
+const _hoisted_3$e = { class: "label" };
+const _hoisted_4$c = {
   key: 0,
   class: "sub-items"
 };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "BSSelectPopup",
   props: {
     items: {},
@@ -844,10 +844,10 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
               onMouseover: ($event) => setHoveredPopupItem(item),
               onClick: withModifiers(($event) => selectPopupItem(item), ["stop"])
             }, [
-              _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$w);
+              _hoisted_2$q,
+              createElementVNode("span", _hoisted_3$e, toDisplayString(_ctx.itemLabel(item)), 1),
+              _ctx.tree && hasSubItems(item) ? (openBlock(), createElementBlock("span", _hoisted_4$c)) : createCommentVNode("", true)
+            ], 42, _hoisted_1$x);
           }), 128))
         ]),
         _: 1
@@ -855,15 +855,15 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = {
+const _hoisted_1$w = ["tabindex", "onKeydown"];
+const _hoisted_2$p = { class: "selected" };
+const _hoisted_3$d = ["textContent"];
+const _hoisted_4$b = /* @__PURE__ */ createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1);
+const _hoisted_5$9 = {
   key: 1,
   class: "message"
 };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "BSSelect",
   props: {
     modelValue: {},
@@ -920,14 +920,14 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => togglePopup(false), ["stop", "prevent"]), ["esc"]))
         ]
       }, [
-        createElementVNode("div", _hoisted_2$o, [
+        createElementVNode("div", _hoisted_2$p, [
           createElementVNode("span", {
             class: "label",
             textContent: toDisplayString(selectedItemLabel.value)
-          }, null, 8, _hoisted_3$c),
-          _hoisted_4$a
+          }, null, 8, _hoisted_3$d),
+          _hoisted_4$b
         ]),
-        showPopup.value ? (openBlock(), createBlock(_sfc_main$z, {
+        showPopup.value ? (openBlock(), createBlock(_sfc_main$A, {
           key: 0,
           "initial-item": selectedItem.value,
           "item-label": itemLabel,
@@ -936,23 +936,23 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           onKeyboardHandlerReady: setKeyboardHandler,
           onItemSelected: itemSelected
         }, null, 8, ["initial-item", "items", "selected-items"])) : createCommentVNode("", true),
-        messages.value ? (openBlock(), createElementBlock("div", _hoisted_5$8)) : createCommentVNode("", true)
-      ], 42, _hoisted_1$v);
+        messages.value ? (openBlock(), createElementBlock("div", _hoisted_5$9)) : createCommentVNode("", true)
+      ], 42, _hoisted_1$w);
     };
   }
 });
 function notNull(value) {
   return value !== null && value !== void 0;
 }
-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 = {
+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 = {
   key: 1,
   class: "message"
 };
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "BSMultiSelect",
   props: {
     modelValue: { default: () => [] },
@@ -1016,14 +1016,14 @@ const _sfc_main$x = /* @__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(selectedItemsLabel.value)
-          }, null, 8, _hoisted_3$b),
-          _hoisted_4$9
+          }, null, 8, _hoisted_3$c),
+          _hoisted_4$a
         ]),
-        showPopup.value ? (openBlock(), createBlock(_sfc_main$z, {
+        showPopup.value ? (openBlock(), createBlock(_sfc_main$A, {
           key: 0,
           "item-label": itemLabel,
           items: _ctx.items,
@@ -1031,20 +1031,20 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           onKeyboardHandlerReady: setKeyboardHandler,
           onItemSelected: itemSelected
         }, null, 8, ["items", "selected-items"])) : createCommentVNode("", true),
-        messages.value ? (openBlock(), createElementBlock("div", _hoisted_5$7)) : createCommentVNode("", true)
-      ], 42, _hoisted_1$u);
+        messages.value ? (openBlock(), createElementBlock("div", _hoisted_5$8)) : createCommentVNode("", true)
+      ], 42, _hoisted_1$v);
     };
   }
 });
-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 = {
+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 = {
   key: 1,
   class: "message"
 };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "BSTreeSelect",
   props: {
     modelValue: {},
@@ -1100,14 +1100,14 @@ const _sfc_main$w = /* @__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(selectedItemLabel.value)
-          }, null, 8, _hoisted_3$a),
-          _hoisted_4$8
+          }, null, 8, _hoisted_3$b),
+          _hoisted_4$9
         ]),
-        showPopup.value ? (openBlock(), createBlock(_sfc_main$z, {
+        showPopup.value ? (openBlock(), createBlock(_sfc_main$A, {
           key: 0,
           "initial-item": selectedItem.value,
           "item-label": itemLabel,
@@ -1116,14 +1116,14 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
           onKeyboardHandlerReady: setKeyboardHandler,
           onItemSelected: itemSelected
         }, null, 8, ["initial-item", "items"])) : createCommentVNode("", true),
-        messages.value ? (openBlock(), createElementBlock("div", _hoisted_5$6)) : createCommentVNode("", true)
-      ], 42, _hoisted_1$t);
+        messages.value ? (openBlock(), createElementBlock("div", _hoisted_5$7)) : createCommentVNode("", true)
+      ], 42, _hoisted_1$u);
     };
   }
 });
-const _hoisted_1$s = { class: "input-area" };
-const _hoisted_2$l = ["tabindex"];
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _hoisted_1$t = { class: "input-area" };
+const _hoisted_2$m = ["tabindex"];
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "BSTextArea",
   props: {
     id: {},
@@ -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$s, [
+        createElementVNode("div", _hoisted_1$t, [
           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$l), [
+          }, null, 44, _hoisted_2$m), [
             [vModelText, value.value]
           ])
         ])
@@ -1204,7 +1204,7 @@ const styleClassToObject = (style) => {
   });
   return result;
 };
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "BSGridHeaderCell",
   props: {
     column: {},
@@ -1363,7 +1363,7 @@ const formatUtil = {
     return tmp.textContent || tmp.innerText;
   }
 };
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "BSGridCell",
   props: {
     column: {},
@@ -1434,8 +1434,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$r = { class: "font-icon" };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _hoisted_1$s = { class: "font-icon" };
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "BSGridCheckboxCell",
   props: {
     checked: { type: Boolean }
@@ -1448,13 +1448,13 @@ 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$r, toDisplayString(_ctx.checked ? "check" : ""), 1)
+        createElementVNode("div", _hoisted_1$s, toDisplayString(_ctx.checked ? "check" : ""), 1)
       ], 2);
     };
   }
 });
-const _hoisted_1$q = { class: "font-icon" };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _hoisted_1$r = { class: "font-icon" };
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "BSGridCheckboxHeaderCell",
   props: {
     selectedRowCount: {}
@@ -1469,14 +1469,14 @@ 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$q, toDisplayString(checked.value ? "check" : "check_box_outline_blank"), 1)
+        createElementVNode("div", _hoisted_1$r, toDisplayString(checked.value ? "check" : "check_box_outline_blank"), 1)
       ], 2);
     };
   }
 });
-const _hoisted_1$p = { class: "page-navigation" };
-const _hoisted_2$k = ["data-page", "onClick"];
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _hoisted_1$q = { class: "page-navigation" };
+const _hoisted_2$l = ["data-page", "onClick"];
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "BSGridPageNavigation",
   props: {
     totalCount: { default: 0 },
@@ -1540,7 +1540,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$p, [
+      return openBlock(), createElementBlock("div", _hoisted_1$q, [
         createElementVNode("span", {
           class: normalizeClass([{ "disabled": isFirstSet.value }, "font-icon first"]),
           onClick: _cache[0] || (_cache[0] = withModifiers(($event) => !isFirstSet.value ? goToPage(1) : void 0, ["prevent"]))
@@ -1555,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$k);
+          }, toDisplayString(page), 11, _hoisted_2$l);
         }), 128)),
         createElementVNode("span", {
           class: normalizeClass([{ "disabled": !isLastSet.value }, "font-icon next"]),
@@ -1569,21 +1569,21 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$o = { class: "table-wrap" };
-const _hoisted_2$j = { class: "header-row" };
-const _hoisted_3$9 = {
+const _hoisted_1$p = { class: "table-wrap" };
+const _hoisted_2$k = { class: "header-row" };
+const _hoisted_3$a = {
   key: 1,
   class: "fixed func-cell serial-no"
 };
-const _hoisted_4$7 = /* @__PURE__ */ createElementVNode("div", { class: "font-icon" }, "numbers", -1);
-const _hoisted_5$5 = [
-  _hoisted_4$7
+const _hoisted_4$8 = /* @__PURE__ */ createElementVNode("div", { class: "font-icon" }, "numbers", -1);
+const _hoisted_5$6 = [
+  _hoisted_4$8
 ];
-const _hoisted_6$2 = {
+const _hoisted_6$3 = {
   key: 1,
   class: "fixed func-cell serial-no"
 };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "BSGrid",
   props: {
     columns: { default: () => [] },
@@ -1634,21 +1634,21 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         style: normalizeStyle({ width: _ctx.width, height: _ctx.height }),
         class: "bs-grid"
       }, [
-        createElementVNode("div", _hoisted_1$o, [
+        createElementVNode("div", _hoisted_1$p, [
           createElementVNode("table", {
             ref_key: "table",
             ref: table
           }, [
             createElementVNode("thead", null, [
-              createElementVNode("tr", _hoisted_2$j, [
-                _ctx.showCheckbox ? (openBlock(), createBlock(_sfc_main$r, {
+              createElementVNode("tr", _hoisted_2$k, [
+                _ctx.showCheckbox ? (openBlock(), createBlock(_sfc_main$s, {
                   key: 0,
                   "selected-row-count": selectedRows.size,
                   onClick: toggleAll
                 }, null, 8, ["selected-row-count"])) : createCommentVNode("", true),
-                _ctx.showSerial ? (openBlock(), createElementBlock("th", _hoisted_3$9, _hoisted_5$5)) : createCommentVNode("", true),
+                _ctx.showSerial ? (openBlock(), createElementBlock("th", _hoisted_3$a, _hoisted_5$6)) : createCommentVNode("", true),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(visibleColumns.value, (column, index) => {
-                  return openBlock(), createBlock(_sfc_main$u, {
+                  return openBlock(), createBlock(_sfc_main$v, {
                     key: column.propertyId,
                     column,
                     columns: visibleColumns.value,
@@ -1664,16 +1664,16 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                   key: `${row}_${index}`,
                   class: normalizeClass([{ selected: isRowSelected(row) }, "data-row"])
                 }, [
-                  _ctx.showCheckbox ? (openBlock(), createBlock(_sfc_main$s, {
+                  _ctx.showCheckbox ? (openBlock(), createBlock(_sfc_main$t, {
                     key: 0,
                     checked: isRowSelected(row),
                     onClick: ($event) => toggleSelection(row)
                   }, null, 8, ["checked", "onClick"])) : createCommentVNode("", true),
-                  _ctx.showSerial ? (openBlock(), createElementBlock("td", _hoisted_6$2, [
+                  _ctx.showSerial ? (openBlock(), createElementBlock("td", _hoisted_6$3, [
                     createElementVNode("div", null, toDisplayString(index + (((_a2 = _ctx.pageInfo) == null ? void 0 : _a2.offset) || 0) + 1), 1)
                   ])) : createCommentVNode("", true),
                   (openBlock(true), createElementBlock(Fragment, null, renderList(visibleColumns.value, (column, index2) => {
-                    return openBlock(), createBlock(_sfc_main$t, {
+                    return openBlock(), createBlock(_sfc_main$u, {
                       key: column.propertyId,
                       column,
                       columns: _ctx.columns,
@@ -1694,7 +1694,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             ])
           ], 512)
         ]),
-        _ctx.showPageNavigation ? (openBlock(), createBlock(_sfc_main$q, {
+        _ctx.showPageNavigation ? (openBlock(), createBlock(_sfc_main$r, {
           key: 0,
           limit: ((_a = _ctx.pageInfo) == null ? void 0 : _a.limit) || 10,
           offset: ((_b = _ctx.pageInfo) == null ? void 0 : _b.offset) || 0,
@@ -1802,12 +1802,12 @@ const likeFilter = (names, value, prefix, suffix, ignoreCase) => {
 const betweenDateFilter = (names, fromValue, toValue) => {
   return new BetweenDateFilter(names, fromValue, toValue);
 };
-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);
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _hoisted_1$o = { class: "bs-text-filter" };
+const _hoisted_2$j = { class: "input-wrap" };
+const _hoisted_3$9 = ["onKeyup"];
+const _hoisted_4$7 = { class: "input-wrap" };
+const _hoisted_5$5 = /* @__PURE__ */ createElementVNode("textarea", { cols: "3" }, null, -1);
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "BSTextFilter",
   props: {
     textFilterItems: { default: () => [] },
@@ -1866,7 +1866,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$n, [
+      return openBlock(), createElementBlock("div", _hoisted_1$o, [
         withDirectives((openBlock(), createElementBlock("span", {
           class: "font-icon mr-8 bs-clickable",
           onClick: toggleFilterItemPopup
@@ -1875,20 +1875,20 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         ])), [
           [unref(vClickOutside), hideFilterItemPopup]
         ]),
-        withDirectives(createElementVNode("span", _hoisted_2$i, [
+        withDirectives(createElementVNode("span", _hoisted_2$j, [
           withDirectives(createElementVNode("input", {
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputText.value = $event),
             type: "text",
             onChange: inputTextChanged,
             onKeyup: withKeys(withModifiers(inputTextChanged, ["prevent", "stop"]), ["enter"])
-          }, null, 40, _hoisted_3$8), [
+          }, null, 40, _hoisted_3$9), [
             [vModelText, inputText.value]
           ])
         ], 512), [
           [vShow, filterMode.value === "INPUT"]
         ]),
-        withDirectives(createElementVNode("span", _hoisted_4$6, [
-          _hoisted_5$4,
+        withDirectives(createElementVNode("span", _hoisted_4$7, [
+          _hoisted_5$5,
           createElementVNode("span", {
             class: "mr-4 font-icon bs-clickable",
             onClick: _cache[1] || (_cache[1] = ($event) => changeFilterMode("INPUT"))
@@ -1896,7 +1896,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         ], 512), [
           [vShow, filterMode.value === "TEXTAREA"]
         ]),
-        showFilterItems.value ? (openBlock(), createBlock(_sfc_main$z, {
+        showFilterItems.value ? (openBlock(), createBlock(_sfc_main$A, {
           key: 0,
           "item-label": (item) => item.caption,
           items: _ctx.textFilterItems,
@@ -1907,11 +1907,11 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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({
+const _hoisted_1$n = { class: "bs-date-range-filter" };
+const _hoisted_2$i = { class: "input-area" };
+const _hoisted_3$8 = /* @__PURE__ */ createElementVNode("span", { class: "font-icon" }, "calendar_month", -1);
+const _hoisted_4$6 = /* @__PURE__ */ createElementVNode("span", { class: "px-4" }, "~", -1);
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "BSDateRangeFilter",
   props: {
     fromId: {},
@@ -1948,10 +1948,10 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$m, [
-        createElementVNode("div", _hoisted_2$h, [
-          _hoisted_3$7,
-          createVNode(_sfc_main$G, {
+      return openBlock(), createElementBlock("div", _hoisted_1$n, [
+        createElementVNode("div", _hoisted_2$i, [
+          _hoisted_3$8,
+          createVNode(_sfc_main$H, {
             id: _ctx.fromId,
             modelValue: fromValue.value,
             "onUpdate:modelValue": [
@@ -1963,8 +1963,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             name: _ctx.fromName,
             resolution: _ctx.resolution
           }, null, 8, ["id", "modelValue", "disabled", "display-format", "name", "resolution"]),
-          _hoisted_4$5,
-          createVNode(_sfc_main$G, {
+          _hoisted_4$6,
+          createVNode(_sfc_main$H, {
             id: _ctx.toId,
             modelValue: toValue.value,
             "onUpdate:modelValue": [
@@ -1982,12 +1982,12 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$l = {
+const _hoisted_1$m = {
   key: 0,
   class: "date-filters .bs-layout-vertical mr-32"
 };
-const _hoisted_2$g = ["onClick"];
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _hoisted_2$h = ["onClick"];
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "BSDateRangeFilters",
   props: {
     dateFilter: {},
@@ -2048,7 +2048,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return _ctx.dateFilter.filterItems ? (openBlock(), createElementBlock("div", _hoisted_1$l, [
+      return _ctx.dateFilter.filterItems ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(dateFilterValues, (item, index) => {
           return openBlock(), createElementBlock("div", {
             key: index,
@@ -2062,8 +2062,8 @@ 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$g)),
-            createVNode(_sfc_main$y, {
+            }, "do_not_disturb_on", 8, _hoisted_2$h)),
+            createVNode(_sfc_main$z, {
               items: _ctx.dateFilter.filterItems,
               "label-provider": (filter) => filter.caption,
               "model-value": item.propertyId,
@@ -2071,7 +2071,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               class: "mr-4",
               "onUpdate:modelValue": ($event) => setDateFilterPropertyId(index, $event)
             }, null, 8, ["items", "label-provider", "model-value", "value-provider", "onUpdate:modelValue"]),
-            createVNode(_sfc_main$n, {
+            createVNode(_sfc_main$o, {
               "from-id": `${item.propertyId}From`,
               "model-value": item.value,
               "to-id": `${item.propertyId}To`,
@@ -2083,8 +2083,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$k = { class: "bs-grid-lookup bs-layout-horizontal flex-align-start" };
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _hoisted_1$l = { class: "bs-grid-lookup bs-layout-horizontal flex-align-start" };
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "BSGridLookup",
   props: {
     config: {}
@@ -2106,8 +2106,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       var _a, _b;
-      return openBlock(), createElementBlock("div", _hoisted_1$k, [
-        ((_a = _ctx.config) == null ? void 0 : _a.textFilter) ? (openBlock(), createBlock(_sfc_main$o, {
+      return openBlock(), createElementBlock("div", _hoisted_1$l, [
+        ((_a = _ctx.config) == null ? void 0 : _a.textFilter) ? (openBlock(), createBlock(_sfc_main$p, {
           key: 0,
           modelValue: textFilterValue.value,
           "onUpdate:modelValue": [
@@ -2117,7 +2117,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           "text-filter-items": _ctx.config.textFilter.filterItems,
           class: "mr-32"
         }, null, 8, ["modelValue", "text-filter-items"])) : createCommentVNode("", true),
-        ((_b = _ctx.config) == null ? void 0 : _b.dateFilter) ? (openBlock(), createBlock(_sfc_main$m, {
+        ((_b = _ctx.config) == null ? void 0 : _b.dateFilter) ? (openBlock(), createBlock(_sfc_main$n, {
           key: 1,
           modelValue: dateFilterValue.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dateFilterValue.value = $event),
@@ -2133,22 +2133,22 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$j = { class: "bs-grid-control" };
-const _hoisted_2$f = {
+const _hoisted_1$k = { class: "bs-grid-control" };
+const _hoisted_2$g = {
   key: 0,
   class: "bs-clickable"
 };
-const _hoisted_3$6 = {
+const _hoisted_3$7 = {
   key: 1,
   class: "bs-clickable"
 };
-const _hoisted_4$4 = {
+const _hoisted_4$5 = {
   key: 2,
   class: "bs-clickable"
 };
-const _hoisted_5$3 = { "data-id": "totalCount" };
-const _hoisted_6$1 = { key: 5 };
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _hoisted_5$4 = { "data-id": "totalCount" };
+const _hoisted_6$2 = { key: 5 };
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "BSGridControl",
   props: {
     showSetting: { type: Boolean },
@@ -2171,10 +2171,10 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       emit("update:limit", Math.max(1, limit || 0));
     };
     return (_ctx, _cache) => {
-      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),
+      return openBlock(), createElementBlock("div", _hoisted_1$k, [
+        _ctx.showSetting ? (openBlock(), createElementBlock("div", _hoisted_2$g, " 칼럼설정 ")) : createCommentVNode("", true),
+        _ctx.showClearFilter ? (openBlock(), createElementBlock("div", _hoisted_3$7, " 필터초기화 ")) : createCommentVNode("", true),
+        _ctx.showFilter ? (openBlock(), createElementBlock("div", _hoisted_4$5, " 필터 ")) : createCommentVNode("", true),
         _ctx.showAdd ? (openBlock(), createElementBlock("div", {
           key: 3,
           class: "bs-clickable",
@@ -2187,10 +2187,10 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         }, " 선택삭제 ")) : createCommentVNode("", true),
         createElementVNode("div", null, [
           createTextVNode("전체: "),
-          createElementVNode("span", _hoisted_5$3, toDisplayString(unref(formatUtil).formatNumber(_ctx.totalCount)), 1)
+          createElementVNode("span", _hoisted_5$4, toDisplayString(unref(formatUtil).formatNumber(_ctx.totalCount)), 1)
         ]),
-        _ctx.showLimit ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
-          createVNode(_sfc_main$y, {
+        _ctx.showLimit ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
+          createVNode(_sfc_main$z, {
             modelValue: limitValue.value,
             "onUpdate:modelValue": [
               _cache[2] || (_cache[2] = ($event) => limitValue.value = $event),
@@ -2204,12 +2204,12 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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" };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _hoisted_1$j = { class: "bs-tab-sheet bs-layout-vertical" };
+const _hoisted_2$f = { class: "tab-bar bs-layout-horizontal" };
+const _hoisted_3$6 = { class: "tabs flex-grow-1 flex-shrink-1" };
+const _hoisted_4$4 = ["onClick"];
+const _hoisted_5$3 = { class: "buttons text-nowrap" };
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "BSTabSheet",
   props: {
     tabs: { default: () => [] }
@@ -2222,19 +2222,19 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       selectTab(props.tabs[0]);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
-        createElementVNode("div", _hoisted_2$e, [
-          createElementVNode("div", _hoisted_3$5, [
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+        createElementVNode("div", _hoisted_2$f, [
+          createElementVNode("div", _hoisted_3$6, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (tab) => {
               var _a;
               return openBlock(), createElementBlock("div", {
                 key: tab.tabId,
                 class: normalizeClass([{ selected: (tab == null ? void 0 : tab.tabId) === ((_a = currentTab.value) == null ? void 0 : _a.tabId) }, "bs-clickable tab"]),
                 onClick: ($event) => selectTab(tab)
-              }, toDisplayString(tab.caption), 11, _hoisted_4$3);
+              }, toDisplayString(tab.caption), 11, _hoisted_4$4);
             }), 128))
           ]),
-          createElementVNode("div", _hoisted_5$2, [
+          createElementVNode("div", _hoisted_5$3, [
             renderSlot(_ctx.$slots, "buttons")
           ])
         ]),
@@ -2243,14 +2243,14 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = {
+const _hoisted_1$i = { class: "bs-list-layout-item" };
+const _hoisted_2$e = { class: "list-item-title bs-layout-horizontal flex-align-center" };
+const _hoisted_3$5 = /* @__PURE__ */ createElementVNode("div", { class: "title-text flex-grow-1" }, "Title", -1);
+const _hoisted_4$3 = {
   key: 0,
   class: "list-item-content"
 };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "BSListLayoutItem",
   props: {
     dataItem: {},
@@ -2266,16 +2266,16 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       emit("update:expanded", !actualExpanded.value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$h, [
-        createElementVNode("div", _hoisted_2$d, [
-          createVNode(_sfc_main$E, { class: "mr-4" }),
-          _hoisted_3$4,
+      return openBlock(), createElementBlock("div", _hoisted_1$i, [
+        createElementVNode("div", _hoisted_2$e, [
+          createVNode(_sfc_main$F, { class: "mr-4" }),
+          _hoisted_3$5,
           createElementVNode("span", {
             class: "font-icon bs-clickable",
             onClick: toggleExpanded
           }, toDisplayString(actualExpanded.value ? "expand_less" : "expand_more"), 1)
         ]),
-        actualExpanded.value ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+        actualExpanded.value ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
           renderSlot(_ctx.$slots, "default", {
             item: _ctx.dataItem
           })
@@ -2284,10 +2284,10 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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({
+const _hoisted_1$h = { class: "bs-list-layout" };
+const _hoisted_2$d = /* @__PURE__ */ createElementVNode("div", { class: "toolbar" }, null, -1);
+const _hoisted_3$4 = { class: "list-item bs-layout-vertical gap-4" };
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "BSListLayout",
   props: {
     data: { default: () => [{}] },
@@ -2304,11 +2304,11 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       emit("update:expanded", props.expanded);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$g, [
-        _hoisted_2$c,
-        createElementVNode("div", _hoisted_3$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
+        _hoisted_2$d,
+        createElementVNode("div", _hoisted_3$4, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$i, {
+            return openBlock(), createBlock(_sfc_main$j, {
               key: `${item}_${index}`,
               "data-item": item,
               "expand-default": _ctx.expandDefault,
@@ -2338,15 +2338,15 @@ class TreeRowStatuses {
   }
 }
 const defaultCaptionProvider = (item) => (item == null ? void 0 : item.toString()) || "";
-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 = {
+const _hoisted_1$g = { class: "bs-tree-row" };
+const _hoisted_2$c = { class: "row-caption" };
+const _hoisted_3$3 = ["onClick"];
+const _hoisted_4$2 = ["textContent", "onClick", "onMousedown", "onDblclick"];
+const _hoisted_5$2 = {
   key: 0,
   class: "child-rows"
 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "BSTreeRow",
   props: {
     row: {},
@@ -2369,21 +2369,21 @@ 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$f, [
-        createElementVNode("div", _hoisted_2$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+        createElementVNode("div", _hoisted_2$c, [
           createElementVNode("span", {
             class: "bs-clickable font-icon w-16 my-n2",
             onClick: withModifiers(toggleRow, ["stop"])
-          }, toDisplayString(rowIcon.value), 9, _hoisted_3$2),
+          }, toDisplayString(rowIcon.value), 9, _hoisted_3$3),
           createElementVNode("span", {
             class: normalizeClass([{ selected: isSelected.value }, "caption"]),
             textContent: toDisplayString(caption.value),
             onClick: withModifiers(selectRow, ["stop"]),
             onMousedown: withModifiers(selectRow, ["right"]),
             onDblclick: withModifiers(toggleRow, ["stop"])
-          }, null, 42, _hoisted_4$1)
+          }, null, 42, _hoisted_4$2)
         ]),
-        children.value && children.value.length > 0 ? withDirectives((openBlock(), createElementBlock("div", _hoisted_5$1, [
+        children.value && children.value.length > 0 ? withDirectives((openBlock(), createElementBlock("div", _hoisted_5$2, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(children.value, (child) => {
             return openBlock(), createBlock(_component_BSTreeRow, {
               key: child == null ? void 0 : child.toString(),
@@ -2439,8 +2439,8 @@ const useContextMenuOptional = () => {
 const createContextMenuPlugin = () => {
   return new BSContextMenuPlugin();
 };
-const _hoisted_1$e = { class: "bs-tree" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _hoisted_1$f = { class: "bs-tree" };
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "BSTree",
   props: {
     data: {},
@@ -2513,9 +2513,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (row) => {
-          return openBlock(), createBlock(_sfc_main$g, {
+          return openBlock(), createBlock(_sfc_main$h, {
             key: row == null ? void 0 : row.toString(),
             "caption-provider": _ctx.captionProvider,
             "children-provider": _ctx.childrenProvider,
@@ -2529,9 +2529,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$d = { key: 0 };
-const _hoisted_2$a = ["textContent"];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _hoisted_1$e = { key: 0 };
+const _hoisted_2$b = ["textContent"];
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "BSMultiLangTextInput",
   props: {
     locales: { default: () => blueseaConfig.locales },
@@ -2563,8 +2563,8 @@ 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$d, [
-              createVNode(_sfc_main$J, {
+            _ctx.expandLocale || locale === unref(blueseaConfig).defaultLocale ? (openBlock(), createElementBlock("div", _hoisted_1$e, [
+              createVNode(_sfc_main$K, {
                 id: _ctx.id ? `${_ctx.id}_${locale}` : void 0,
                 autocomplete: _ctx.autocomplete,
                 disabled: _ctx.disabled,
@@ -2580,7 +2580,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                 key: 0,
                 class: "locale-tag",
                 textContent: toDisplayString(locale)
-              }, null, 8, _hoisted_2$a)) : createCommentVNode("", true)
+              }, null, 8, _hoisted_2$b)) : createCommentVNode("", true)
             ])) : createCommentVNode("", true)
           ], 64);
         }), 128))
@@ -2588,9 +2588,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$c = { key: 0 };
-const _hoisted_2$9 = ["textContent"];
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _hoisted_1$d = { key: 0 };
+const _hoisted_2$a = ["textContent"];
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "BSMultiLangTextArea",
   props: {
     locales: { default: () => blueseaConfig.locales },
@@ -2622,8 +2622,8 @@ 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$c, [
-              createVNode(_sfc_main$v, {
+            _ctx.expandLocale || locale === unref(blueseaConfig).defaultLocale ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
+              createVNode(_sfc_main$w, {
                 id: _ctx.id ? `${_ctx.id}_${locale}` : void 0,
                 autocomplete: _ctx.autocomplete,
                 disabled: _ctx.disabled,
@@ -2638,7 +2638,7 @@ const _sfc_main$d = /* @__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))
@@ -2692,6 +2692,21 @@ class PaginatedList {
     return this.data.length === 0;
   }
 }
+const serializeFilter = (filter) => {
+  if (filter) {
+    return "";
+  }
+};
+const serializeSort = (sorts) => {
+  if (sorts) {
+    return sorts.map((sort) => {
+      const dir = sort.ascending ? "" : "-";
+      const propertyId = encodeURIComponent(sort.propertyId);
+      const nulls = sort.nullHandling || "";
+      return `${dir}${propertyId} ${nulls}`;
+    }).join(",");
+  }
+};
 class SearchParam {
   constructor() {
     __publicField(this, "offset");
@@ -2701,27 +2716,12 @@ class SearchParam {
   }
   toQueryMap() {
     return {
-      filter: this.serializeFilter(),
-      sort: this.serializeSort(),
+      filter: serializeFilter(this.filter),
+      sort: serializeSort(this.sorts),
       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();
@@ -2786,8 +2786,8 @@ const useModalHandle = () => {
 const createModalPlugin = () => {
   return new BSModal();
 };
-const _hoisted_1$b = { class: "modal-wrapper bs-layout-vertical flex-align-center flex-content-center" };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = { class: "modal-wrapper bs-layout-vertical flex-align-center flex-content-center" };
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "BSModalWrapper",
   props: {
     modalItem: {}
@@ -2797,7 +2797,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     provideModalHandle(props.modalItem.modalHandle);
     return (_ctx, _cache) => {
       var _a;
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
         createElementVNode("div", {
           class: normalizeClass([(_a = _ctx.modalItem.style) == null ? void 0 : _a.styleClass, "modal-panel"]),
           style: normalizeStyle(_ctx.modalItem.style)
@@ -2808,12 +2808,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$a = { class: "bs-modal-container" };
-const _hoisted_2$8 = {
+const _hoisted_1$b = { class: "bs-modal-container" };
+const _hoisted_2$9 = {
   key: 0,
   class: "modal-curtain"
 };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "BSModalContainer",
   setup(__props) {
     const modal = useModal();
@@ -2826,10 +2826,10 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       () => disableBodyScroll(modalExists.value)
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
-        modalExists.value ? (openBlock(), createElementBlock("div", _hoisted_2$8)) : createCommentVNode("", true),
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+        modalExists.value ? (openBlock(), createElementBlock("div", _hoisted_2$9)) : createCommentVNode("", true),
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(modal).modalItems, (item) => {
-          return openBlock(), createBlock(_sfc_main$c, {
+          return openBlock(), createBlock(_sfc_main$d, {
             key: item.name,
             "modal-item": item
           }, null, 8, ["modal-item"]);
@@ -2838,19 +2838,19 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "bs-modal-frame bs-layout-vertical" };
-const _hoisted_2$7 = {
+const _hoisted_1$a = { class: "bs-modal-frame bs-layout-vertical" };
+const _hoisted_2$8 = {
   key: 0,
   class: "title-bar bs-layout-horizontal flex-align-center"
 };
-const _hoisted_3$1 = { class: "title flex-grow-1" };
-const _hoisted_4 = { class: "title-buttons" };
-const _hoisted_5 = { class: "flex-grow-1" };
-const _hoisted_6 = {
+const _hoisted_3$2 = { class: "title flex-grow-1" };
+const _hoisted_4$1 = { class: "title-buttons" };
+const _hoisted_5$1 = { class: "flex-grow-1" };
+const _hoisted_6$1 = {
   key: 1,
   class: "buttons"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "BSModalFrame",
   props: {
     title: {},
@@ -2866,14 +2866,14 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       modalHandle.close();
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
-        hasTitleBar.value ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
-          createElementVNode("div", _hoisted_3$1, [
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+        hasTitleBar.value ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
+          createElementVNode("div", _hoisted_3$2, [
             renderSlot(_ctx.$slots, "title", {}, () => [
               createTextVNode(toDisplayString(_ctx.title), 1)
             ])
           ]),
-          createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_4$1, [
             renderSlot(_ctx.$slots, "title-buttons")
           ]),
           !_ctx.hideCloseButton ? (openBlock(), createElementBlock("div", {
@@ -2882,22 +2882,22 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             onClick: hideModal
           }, " close ")) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_5, [
+        createElementVNode("div", _hoisted_5$1, [
           renderSlot(_ctx.$slots, "default")
         ]),
-        hasButtons.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+        hasButtons.value ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
           renderSlot(_ctx.$slots, "buttons")
         ])) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _hoisted_1$8 = {
+const _hoisted_1$9 = {
   key: 0,
   class: "menu separator"
 };
-const _hoisted_2$6 = ["onClick", "onMouseenter"];
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _hoisted_2$7 = ["onClick", "onMouseenter"];
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "BSContextMenu",
   props: {
     menuItems: {},
@@ -2944,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$8)) : menu.type === "custom" && menu.component ? (openBlock(), createBlock(resolveDynamicComponent(menu.component), {
+              menu.type === "separator" ? (openBlock(), createElementBlock("div", _hoisted_1$9)) : menu.type === "custom" && menu.component ? (openBlock(), createBlock(resolveDynamicComponent(menu.component), {
                 key: 1,
                 class: "menu custom"
               })) : withDirectives((openBlock(), createElementBlock("div", {
@@ -2952,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$6)), [
+              }, null, 42, _hoisted_2$7)), [
                 [unref(vT), menu.caption]
               ])
             ], 64);
@@ -2969,9 +2969,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = { class: "bs-context-menu-container" };
-const _hoisted_2$5 = ["onClick", "onContextmenu"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = { class: "bs-context-menu-container" };
+const _hoisted_2$6 = ["onClick", "onContextmenu"];
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "BSContextMenuContainer",
   setup(__props) {
     const contextMenu = useContextMenu();
@@ -2981,15 +2981,15 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       contextMenu.hideContextMenu();
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
         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$5)) : createCommentVNode("", true),
-        menuItems.value ? (openBlock(), createBlock(_sfc_main$9, {
+        }, null, 40, _hoisted_2$6)) : createCommentVNode("", true),
+        menuItems.value ? (openBlock(), createBlock(_sfc_main$a, {
           key: 1,
           left: position.value.x,
           "menu-items": menuItems.value,
@@ -2999,6 +2999,130 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+function doFocus(el) {
+  el.focus();
+}
+const vFocusOnLoad = {
+  mounted: (el, binding) => {
+    if (binding.value === void 0 || String(binding.value) === "true" || typeof binding.value === "number") {
+      if (typeof binding.value === "number") {
+        setTimeout(() => doFocus(el), binding.value);
+      } else {
+        doFocus(el);
+      }
+    }
+  }
+};
+const checkEnglish = (str) => {
+  return /[a-z]/i.test(str);
+};
+const alertMessage = (msgCode, locale) => {
+  if (!locale) {
+    locale = getCurrentLocale();
+  }
+  const message = i18n.text(locale, msgCode);
+  if (message) {
+    window.alert(message);
+  }
+};
+const _withScopeId = (n) => (pushScopeId("data-v-feda5177"), n = n(), popScopeId(), n);
+const _hoisted_1$7 = { class: "position-relative" };
+const _hoisted_2$5 = { class: "menu-search" };
+const _hoisted_3$1 = ["placeholder", "value", "onKeydown"];
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "font-icon" }, "close", -1));
+const _hoisted_5 = [
+  _hoisted_4
+];
+const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "font-icon" }, "search", -1));
+const _hoisted_7 = [
+  _hoisted_6
+];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "SideBarMenuSearch",
+  props: {
+    focusOnLoad: { type: Boolean },
+    placeholder: {},
+    menu: {}
+  },
+  emits: ["search-menu-result", "empty-keyword"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const keyword = ref("");
+    const changeKeyword = (event) => {
+      const input = event.target;
+      keyword.value = input.value;
+    };
+    const emptyKeyword = () => {
+      keyword.value = "";
+      emit("empty-keyword");
+    };
+    const isEditingKeyword = ref(false);
+    const setIsEditingKeyword = (value) => isEditingKeyword.value ? setTimeout(() => isEditingKeyword.value = value, 150) : isEditingKeyword.value = value;
+    const submit = () => {
+      if (keyword.value.trim() === "") {
+        alertMessage("msg.searchPlaceholder");
+        return;
+      }
+      const menu = findMenu(props.menu, keyword.value);
+      emit("search-menu-result", menu);
+    };
+    const findMenu = (menu, keyword2) => {
+      keyword2 = toLowerCaseIfEng(keyword2);
+      const result = [];
+      for (const m of menu) {
+        let addMenu = false;
+        const copyMenu = { ...m };
+        copyMenu.subMenu = [];
+        if (m.subMenu) {
+          for (const sub of m.subMenu) {
+            if (getArrangedCaption(sub.menuId).includes(keyword2)) {
+              copyMenu.subMenu.push(sub);
+              if (!addMenu)
+                addMenu = true;
+            }
+          }
+        }
+        if (addMenu)
+          result.push(copyMenu);
+      }
+      return result;
+    };
+    const toLowerCaseIfEng = (text) => {
+      if (checkEnglish(text)) {
+        return text.toLowerCase();
+      } else {
+        return text;
+      }
+    };
+    const getArrangedCaption = (key) => {
+      const locale = getCurrentLocale();
+      const targetCaption = i18n.text(locale, key).text;
+      return toLowerCaseIfEng(targetCaption);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        createElementVNode("div", _hoisted_2$5, [
+          withDirectives(createElementVNode("input", {
+            placeholder: _ctx.placeholder,
+            value: keyword.value,
+            onBlur: _cache[0] || (_cache[0] = ($event) => setIsEditingKeyword(false)),
+            onFocusin: _cache[1] || (_cache[1] = ($event) => setIsEditingKeyword(true)),
+            onInput: _cache[2] || (_cache[2] = ($event) => changeKeyword($event)),
+            onKeydown: withKeys(submit, ["enter"])
+          }, null, 40, _hoisted_3$1), [
+            [unref(vFocusOnLoad), _ctx.focusOnLoad ? 300 : false]
+          ]),
+          createElementVNode("div", { class: "icon" }, [
+            createElementVNode("button", { onClick: emptyKeyword }, _hoisted_5),
+            createElementVNode("button", { onClick: submit }, _hoisted_7)
+          ])
+        ])
+      ]);
+    };
+  }
+});
+const SidebarMenuSearch = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-feda5177"]]);
 class DefaultFrameContext {
   constructor(config) {
     __publicField(this, "pageManager");
@@ -3203,13 +3327,25 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenu",
   setup(__props) {
     const showMenu = ref(false);
+    const context = useDefaultFrame();
     const toggleMenu = () => {
       showMenu.value = !showMenu.value;
     };
     const hideMenu = () => {
       showMenu.value = false;
     };
-    const context = useDefaultFrame();
+    const searchResult = ref([]);
+    const isSearching = ref(false);
+    const sideBarMenu = computed(() => {
+      return isSearching.value ? searchResult.value : context.getMenus();
+    });
+    const applySearchResult = (menu) => {
+      searchResult.value = menu;
+      isSearching.value = true;
+    };
+    const stopSearching = () => {
+      isSearching.value = false;
+    };
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createElementBlock("div", {
         class: "sidebar-menu",
@@ -3224,7 +3360,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         createVNode(Transition, { name: "menu-slide" }, {
           default: withCtx(() => [
             withDirectives(createElementVNode("div", _hoisted_3, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(context).getMenus(), (menu) => {
+              createVNode(SidebarMenuSearch, {
+                menu: unref(context).getMenus(),
+                onEmptyKeyword: stopSearching,
+                onSearchMenuResult: applySearchResult
+              }, null, 8, ["menu"]),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(sideBarMenu.value, (menu) => {
                 return openBlock(), createBlock(_sfc_main$6, {
                   key: menu.menuId,
                   menu
@@ -3390,33 +3531,33 @@ const BLUESEA_VERSION = "5.0.0";
 export {
   BLUESEA_VERSION,
   BSButton,
-  _sfc_main$E as BSCheckbox,
-  _sfc_main$D as BSCheckboxGroup,
-  _sfc_main$8 as BSContextMenuContainer,
+  _sfc_main$F as BSCheckbox,
+  _sfc_main$E as BSCheckboxGroup,
+  _sfc_main$9 as BSContextMenuContainer,
   BSContextMenuPlugin,
-  _sfc_main$F as BSDateInput,
-  _sfc_main$n as BSDateRangeFilter,
-  _sfc_main$p as BSGrid,
-  _sfc_main$k as BSGridControl,
-  _sfc_main$l as BSGridLookup,
-  _sfc_main$h as BSListLayout,
+  _sfc_main$G as BSDateInput,
+  _sfc_main$o as BSDateRangeFilter,
+  _sfc_main$q as BSGrid,
+  _sfc_main$l as BSGridControl,
+  _sfc_main$m as BSGridLookup,
+  _sfc_main$i as BSListLayout,
   BSModal,
-  _sfc_main$b as BSModalContainer,
-  _sfc_main$a as BSModalFrame,
-  _sfc_main$d as BSMultiLangTextArea,
-  _sfc_main$e as BSMultiLangTextInput,
-  _sfc_main$x as BSMultiSelect,
-  _sfc_main$I as BSNumberInput,
-  _sfc_main$H as BSPriceInput,
-  _sfc_main$C as BSRadioButton,
-  _sfc_main$B as BSRadioButtonGroup,
-  _sfc_main$y as BSSelect,
-  _sfc_main$j as BSTabSheet,
-  _sfc_main$v as BSTextArea,
-  _sfc_main$o as BSTextFilter,
-  _sfc_main$J as BSTextInput,
-  _sfc_main$f as BSTree,
-  _sfc_main$w as BSTreeSelect,
+  _sfc_main$c as BSModalContainer,
+  _sfc_main$b as BSModalFrame,
+  _sfc_main$e as BSMultiLangTextArea,
+  _sfc_main$f as BSMultiLangTextInput,
+  _sfc_main$y as BSMultiSelect,
+  _sfc_main$J as BSNumberInput,
+  _sfc_main$I as BSPriceInput,
+  _sfc_main$D as BSRadioButton,
+  _sfc_main$C as BSRadioButtonGroup,
+  _sfc_main$z as BSSelect,
+  _sfc_main$k as BSTabSheet,
+  _sfc_main$w as BSTextArea,
+  _sfc_main$p as BSTextFilter,
+  _sfc_main$K as BSTextInput,
+  _sfc_main$g as BSTree,
+  _sfc_main$x as BSTreeSelect,
   _sfc_main as DefaultBody,
   DefaultFrameContext,
   _sfc_main$1 as DefaultHeader,