@bwg-ui/core 1.2.35 → 1.3.0

package/dist/stores/index.js

@@ -1,8 +1,8 @@
 import { create as b } from "zustand";
 import { callService as N, getServiceCode as w, getUserId as v, getUserInfo as ee, getCookie as te, encryptSha256 as oe, setCookie as $ } from "../utils/index.js";
 import { message as L } from "antd";
-import { l as se } from "../chunks/layout-components-D2Fla5uu.js";
-import { useState as X, useCallback as q } from "react";
+import { l as se } from "../chunks/layout-components-DNhUIx4u.js";
+import { useState as X, useCallback as W } from "react";
 import { useNavigate as ne } from "react-router-dom";
 function re(n, r) {
   let e;
@@ -150,6 +150,8 @@ const E = (n) => (r) => {
       // 기본값: 크게
       spacingSize: 2,
       // 기본값: 크게
+      enableProtectWrapper: !0,
+      // 기본값: 활성화
       isLoggedIn: () => !!r().user,
       // 로그인
       setLoginUser: (e, s) => {
@@ -180,6 +182,10 @@ const E = (n) => (r) => {
       setSpacingSize: (e) => {
         n({ spacingSize: e }), console.log("여백 사이즈 변경:", e);
       },
+      // 화면보호 레이어 활성화 설정
+      setEnableProtectWrapper: (e) => {
+        n({ enableProtectWrapper: e });
+      },
       // 권한 확인 결과 가져오기
       getButtonAuth: (e, s) => {
         const o = `${e}_${s}`;
@@ -209,6 +215,7 @@ const E = (n) => (r) => {
         componentSize: n.componentSize,
         gridSize: n.gridSize,
         spacingSize: n.spacingSize,
+        enableProtectWrapper: n.enableProtectWrapper,
         isLoggedIn: n.isLoggedIn
         // buttonAuthCache는 세션 동안만 유지 (localStorage에 저장 안 함)
       })
@@ -902,7 +909,7 @@ const E = (n) => (r) => {
         rootIds: o.rootIds.slice(),
         treeNodes: o.treeNodes
       };
-      return W(t, e), t.treeNodes = D(t.nodes, t.rootIds), t;
+      return J(t, e), t.treeNodes = D(t.nodes, t.rootIds), t;
     });
     try {
       await N("SCMBKMK00103", { bkmkId: e });
@@ -1020,7 +1027,7 @@ const E = (n) => (r) => {
     };
     return s.map(d).filter(Boolean);
   }
-}), J = b(de);
+}), q = b(de);
 function ce(n) {
   const r = {}, e = [], s = (o) => {
     o.forEach((t) => {
@@ -1095,10 +1102,10 @@ function ie(n, r) {
   } else
     n.rootIds = n.rootIds.filter((o) => o !== r);
 }
-function W(n, r) {
+function J(n, r) {
   const e = n.nodes[r];
   if (!e) return;
-  e.type === "F" && e.children.slice().forEach((a) => W(n, a)), ie(n, r);
+  e.type === "F" && e.children.slice().forEach((a) => J(n, a)), ie(n, r);
   const { [r]: s, ...o } = n.nodes;
   n.nodes = o;
 }
@@ -1997,7 +2004,7 @@ const Ce = (n) => {
   })
 }));
 function ye() {
-  const [n, r] = X(!1), e = q((s) => {
+  const [n, r] = X(!1), e = W((s) => {
     const o = s?.getModifierState?.("CapsLock");
     typeof o == "boolean" && r(o);
   }, []);
@@ -2013,7 +2020,7 @@ function Fe(n) {
   } = n, [a, d] = X(!1), { capsOn: c, onKeyDown: i } = ye(), l = "SCMSIGN00101", f = `${__SYS_CD__}_login_id`, m = {
     id: t?.enabled ? te(f) : void 0,
     pswr: void 0
-  }, u = q(
+  }, u = W(
     async (h, C) => {
       d(!0);
       try {
@@ -2057,17 +2064,17 @@ function Fe(n) {
 function Le() {
   const n = ne();
   return () => {
-    H.getState().clearLoginUser(), V.getState().clearSystemMap(), G.getState().clearCodes(), R.getState().clearMenu(), Z.getState().clearMenuViewStore(), J.getState().clearFavorites(), n("/login");
+    H.getState().clearLoginUser(), V.getState().clearSystemMap(), G.getState().clearCodes(), R.getState().clearMenu(), Z.getState().clearMenuViewStore(), q.getState().clearFavorites(), n("/login");
   };
 }
-const we = () => G.getState(), _e = () => Ie.getState(), Ae = () => H.getState(), Ke = () => J.getState(), Be = () => R.getState(), Ee = () => Z.getState(), Te = () => V.getState();
+const we = () => G.getState(), _e = () => Ie.getState(), Ae = () => H.getState(), Ke = () => q.getState(), Be = () => R.getState(), Ee = () => Z.getState(), Te = () => V.getState();
 export {
   ye as useCapsLock,
   we as useCode,
   G as useCodeStore,
   Pe as useColorStore,
   Ke as useFavorite,
-  J as useFavoriteStore,
+  q as useFavoriteStore,
   De as useLoadingStore,
   Fe as useLogin,
   Le as useLogout,

package/dist/stores/userStore.d.ts

@@ -31,6 +31,7 @@ export interface UserStore {
     componentSize: ComponentSize;
     gridSize: GridSize;
     spacingSize: SpacingSize;
+    enableProtectWrapper: boolean;
     isLoggedIn: () => boolean;
     setLoginUser: (user: UserInfo, hrInfo?: HrInfo) => void;
     clearLoginUser: () => void;
@@ -38,6 +39,7 @@ export interface UserStore {
     setComponentSize: (size: ComponentSize) => void;
     setGridSize: (size: GridSize) => void;
     setSpacingSize: (size: SpacingSize) => void;
+    setEnableProtectWrapper: (enable: boolean) => void;
     getButtonAuth: (menuId: string, grpId: string) => Record<string, boolean> | null;
     setButtonAuth: (menuId: string, grpId: string, data: Record<string, boolean>) => void;
     clearButtonAuths: () => void;
@@ -52,6 +54,7 @@ export declare const useUserStore: import('zustand').UseBoundStore<Omit<import('
             componentSize: ComponentSize;
             gridSize: GridSize;
             spacingSize: SpacingSize;
+            enableProtectWrapper: boolean;
             isLoggedIn: () => boolean;
         }, unknown>>) => void;
         clearStorage: () => void;
@@ -65,6 +68,7 @@ export declare const useUserStore: import('zustand').UseBoundStore<Omit<import('
             componentSize: ComponentSize;
             gridSize: GridSize;
             spacingSize: SpacingSize;
+            enableProtectWrapper: boolean;
             isLoggedIn: () => boolean;
         }, unknown>>;
     };

package/dist/stores/userStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"userStore.d.ts","sourceRoot":"","sources":["../../src/stores/userStore.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAGD,MAAM,WAAW,MAAM;IACrB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAGD,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEtC,MAAM,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjC,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAGpC,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAErD,aAAa,EAAE,aAAa,CAAC;IAE7B,QAAQ,EAAE,QAAQ,CAAC;IAEnB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,MAAM,OAAO,CAAC;IAC1B,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,EAAE,CACV,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,KACxB,IAAI,CAAC;IAEV,gBAAgB,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAEhD,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAEtC,cAAc,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAE5C,aAAa,EAAE,CACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,KACV,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAEpC,aAAa,EAAE,CACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC1B,IAAI,CAAC;IAEV,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAGD,eAAO,MAAM,YAAY;;;;;;;;;;8BA7BL,OAAO;;;;;;;;;;;;;8BAAP,OAAO;;;EAyH1B,CAAC"}
+{"version":3,"file":"userStore.d.ts","sourceRoot":"","sources":["../../src/stores/userStore.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAGD,MAAM,WAAW,MAAM;IACrB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAGD,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEtC,MAAM,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjC,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAGpC,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAErD,aAAa,EAAE,aAAa,CAAC;IAE7B,QAAQ,EAAE,QAAQ,CAAC;IAEnB,WAAW,EAAE,WAAW,CAAC;IAEzB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,UAAU,EAAE,MAAM,OAAO,CAAC;IAC1B,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,EAAE,CACV,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,KACxB,IAAI,CAAC;IAEV,gBAAgB,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAEhD,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAEtC,cAAc,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAE5C,uBAAuB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEnD,aAAa,EAAE,CACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,KACV,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAEpC,aAAa,EAAE,CACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC1B,IAAI,CAAC;IAEV,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAGD,eAAO,MAAM,YAAY;;;;;;;;;;;8BA/BL,OAAO;;;;;;;;;;;;;;8BAAP,OAAO;;;EAiI1B,CAAC"}

package/dist/styles/components.css

@@ -54,29 +54,39 @@
   align-items: center;
 }
 /* 공통 버튼 테마 적용 - BwgView의 공통 버튼 영역에만 적용 */
-.bwg-view .permission-buttons .ant-btn-primary:not(:disabled):not(.ant-btn-disabled) {
+.bwg-view
+  .permission-buttons
+  .ant-btn-primary:not(:disabled):not(.ant-btn-disabled) {
   background-color: var(--button-primary);
   border-color: var(--button-primary);
   color: var(--text-white);
 }
 
-.bwg-view .permission-buttons .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover {
+.bwg-view
+  .permission-buttons
+  .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover {
   background-color: var(--button-primary-hover);
   border-color: var(--button-primary-hover);
 }
 
-.bwg-view .permission-buttons .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):active {
+.bwg-view
+  .permission-buttons
+  .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):active {
   background-color: var(--button-primary-active);
   border-color: var(--button-primary-active);
 }
 
-.bwg-view .permission-buttons .bwg-btn.ant-btn-default:not(:disabled):not(.ant-btn-disabled) {
+.bwg-view
+  .permission-buttons
+  .bwg-btn.ant-btn-default:not(:disabled):not(.ant-btn-disabled) {
   background-color: var(--button-default);
   border-color: var(--button-permission-border);
   color: var(--text-secondary);
 }
 
-.bwg-view .permission-buttons .ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
+.bwg-view
+  .permission-buttons
+  .ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
   background-color: var(--button-default);
   border-color: var(--button-primary);
   color: var(--button-primary);
@@ -93,20 +103,28 @@
   color: var(--button-default);
   border-color: var(--button-error);
 }
-.bwg-error-btn.ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover {
+.bwg-error-btn.ant-btn-variant-solid:not(:disabled):not(
+    .ant-btn-disabled
+  ):hover {
   background: var(--button-error-solid-hover);
   border-color: var(--button-error);
 }
-.bwg-error-btn.ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):hover {
+.bwg-error-btn.ant-btn-variant-outlined:not(:disabled):not(
+    .ant-btn-disabled
+  ):hover {
   border-color: var(--button-error-default-hover) !important;
   color: var(--button-error-default-hover) !important;
 }
-.bwg-view .permission-buttons .bwg-error-btn.ant-btn-default:not(:disabled):not(.ant-btn-disabled) {
+.bwg-view
+  .permission-buttons
+  .bwg-error-btn.ant-btn-default:not(:disabled):not(.ant-btn-disabled) {
   background-color: var(--button-default);
   border-color: var(--button-error-permission-border);
   color: var(--text-secondary);
 }
-.bwg-view .permission-buttons .bwg-error-btn.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
+.bwg-view
+  .permission-buttons
+  .bwg-error-btn.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
   background-color: var(--button-default);
   border-color: var(--button-error);
   color: var(--button-error);
@@ -121,8 +139,6 @@
   color: var(--text-white) !important;
 }
 
-
-
 /* 입력 컴포넌트 */
 .input-field {
   border: 1px solid var(--border-color);
@@ -213,8 +229,12 @@
 .bwg-title-box-right .bwg-button-group .ant-flex {
   gap: 6px !important;
 }
-.bwg-title-box-right .ant-btn.ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):hover,
-.bwg-title-box-right .ant-btn.ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):active {
+.bwg-title-box-right
+  .ant-btn.ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):hover,
+.bwg-title-box-right
+  .ant-btn.ant-btn-variant-outlined:not(:disabled):not(
+    .ant-btn-disabled
+  ):active {
   color: var(--primary-color);
   border-color: var(--primary-color);
 }
@@ -268,7 +288,7 @@
   column-gap: 10px;
 }
 .bwgview-header-right .ant-space .ant-divider-vertical {
-   border-inline-start: 1px solid #cecece;
+  border-inline-start: 1px solid #cecece;
 }
 .bwgview-content {
   height: inherit;
@@ -386,9 +406,6 @@
   justify-content: end;
 }
 
-
-
-
 .bwgview-content-box {
   box-sizing: border-box;
   display: flex;
@@ -407,7 +424,6 @@
   &.content-box-right {
     align-items: flex-end;
   } */
-
 }
 /* content layout , content box 커스텀 클래스 */
 .none-box-st {
@@ -493,7 +509,6 @@
   flex-flow: nowrap;
 }
 
-
 .pageMenuNm {
   padding-right: 8px;
   font-size: 20px;
@@ -508,13 +523,13 @@
   height: 30px;
   margin-right: 5px;
   font-size: 20px;
-  color: #FFC352;
+  color: #ffc352;
   cursor: pointer;
   transition: color 0.2s;
 }
 
 .bookmark-icon:hover {
-  color: #FFCE21;
+  color: #ffce21;
 }
 .page-num-tag {
   font-size: 11px;
@@ -524,9 +539,9 @@
   justify-content: center;
   align-items: center;
   height: 26px;
-  border-color: #B2D1FF;
+  border-color: #b2d1ff;
   background: #ddf1ff;
-  color: #4887E5;
+  color: #4887e5;
   border-radius: 5px;
 }
 .page-num-tag + .menu-help-btn {
@@ -548,7 +563,6 @@
   background-position: center;
 }
 
-
 /* BwgCmptArea 컴포넌트 스타일 */
 .form-component-wrapper {
   display: flex;
@@ -583,7 +597,6 @@
   border-color: var(--border-color);
   border-radius: var(--border-radius-sm);
   color: var(--text-primary);
-
 }
 
 /* Input 컴포넌트 특별 처리 */
@@ -619,7 +632,7 @@
 /* BwgCmptArea 컴포넌트 공통 스타일 변경 */
 .form-component-wrapper .ant-form-item .ant-form-item-label label {
   color: var(--text-primary);
-} 
+}
 .form-component-wrapper .ant-form-item .ant-form-item-label label > span {
   font-weight: var(--font-weight-semibold) !important;
 }
@@ -659,7 +672,6 @@
   border-color: #ccc;
 }
 
-
 .between-vertical-btn-group {
   display: flex;
   justify-content: center;
@@ -680,7 +692,8 @@
 .between-vertical-btn-group .upDown button .btn-up:hover,
 .between-vertical-btn-group .upDown button .btn-up:active {
   border-color: var(--primary-color);
-  background: var(--primary-color) url(./assets/images/contents/btn/btn-up-on.png) no-repeat center;
+  background: var(--primary-color)
+    url(./assets/images/contents/btn/btn-up-on.png) no-repeat center;
 }
 .between-vertical-btn-group .upDown button .btn-down {
   background: url(./assets/images/contents/btn/btn-down.png) no-repeat center;
@@ -688,7 +701,8 @@
 .between-vertical-btn-group .upDown button .btn-down:hover,
 .between-vertical-btn-group .upDown button .btn-down:active {
   border-color: var(--primary-color);
-  background: var(--primary-color) url(./assets/images/contents/btn/btn-down-on.png) no-repeat center;
+  background: var(--primary-color)
+    url(./assets/images/contents/btn/btn-down-on.png) no-repeat center;
 }
 .between-vertical-btn-group .leftRight {
   flex-direction: column;
@@ -701,17 +715,19 @@
 }
 .between-vertical-btn-group .leftRight button .btn-left:hover,
 .between-vertical-btn-group .leftRight button .btn-left:active {
- border-color: var(--primary-color);
- background: var(--primary-color) url(./assets/images/contents/btn/btn-left-on.png) no-repeat center;
+  border-color: var(--primary-color);
+  background: var(--primary-color)
+    url(./assets/images/contents/btn/btn-left-on.png) no-repeat center;
 }
 
 .between-vertical-btn-group .leftRight button .btn-right {
-  background: url(./assets/images/contents/btn/btn-right.png) no-repeat
+  background: url(./assets/images/contents/btn/btn-right.png) no-repeat;
 }
 .between-vertical-btn-group .leftRight button .btn-right:hover,
-.between-vertical-btn-group .leftRight button .btn-right:active  {
+.between-vertical-btn-group .leftRight button .btn-right:active {
   border-color: var(--primary-color);
-  background: var(--primary-color) url(./assets/images/contents/btn/btn-right-on.png) no-repeat center;
+  background: var(--primary-color)
+    url(./assets/images/contents/btn/btn-right-on.png) no-repeat center;
 }
 .ant-space-compact.block {
   width: 100%;
@@ -722,11 +738,11 @@
   position: absolute;
   top: 5px;
   right: 5px;
-  width: 200px;
+  width: var(--search-box-width, 200px);
   height: auto;
   padding: 5px;
   opacity: 1;
-  background: var(--bg-primary);
+  background: var(--header-bg);
   z-index: 100;
   transform: translateY(0px);
   transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
@@ -734,10 +750,8 @@
   box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
 }
 .grid-search-box .ant-input {
-  border-radius: 50px 0 0 50px;
   border: 0;
-  height: 32px !important;
-  padding: 0 5px;
+  margin-left: 10px;
 }
 .grid-search-box .ant-space-compact .ant-btn {
   border-radius: 50%;
@@ -752,11 +766,11 @@
   background: var(--button-solid);
   box-shadow: none;
   border-radius: 50%;
-  width: 30px;
-  height: 30px;
+  width: var(--search-button-size, 30px);
+  height: var(--search-button-size, 30px);
   flex-shrink: 0;
-  font-size: 15px;
-  line-height: 30px;
+  font-size: var(--search-button-font-size, 15px);
+  line-height: var(--search-button-size, 30px);
   color: var(--text-white);
 }
 .grid-search-box .ant-flex > .ant-btn:hover {
@@ -780,9 +794,9 @@
   padding-inline: 13px;
 }
 .bwg-tag.ant-tag-blue {
-  color: #2589F4;
-  background: #E2F4FF;
-  border-color: #CAE6FB;
+  color: #2589f4;
+  background: #e2f4ff;
+  border-color: #cae6fb;
 }
 /* BwgDrawer 헤더 테마 적용 */
 .main-drawer .ant-drawer-header {
@@ -799,7 +813,7 @@
   color: #565656 !important;
 }
 .main-drawer .ant-drawer-header .ant-drawer-close:hover {
-  background-color: #E1E3FB;
+  background-color: #e1e3fb;
 }
 .main-drawer .ant-drawer-header .bwg-btn {
   width: 30px;
@@ -809,7 +823,7 @@
   border-radius: 5px;
 }
 .main-drawer .ant-drawer-header .bwg-btn:hover {
-  background-color: #E1E3FB;
+  background-color: #e1e3fb;
 }
 
 /* 다크 테마일 때 Drawer 헤더 */
@@ -865,7 +879,7 @@
 }
 
 [data-theme='modern'] .main-drawer .ant-drawer-header .ant-drawer-close:hover {
-  background-color: #E1E3FB !important;
+  background-color: #e1e3fb !important;
 }
 
 /* Drawer footer */
@@ -879,11 +893,19 @@
   min-width: 74px;
   box-shadow: var(--button-shadow);
 }
-.main-drawer .ant-drawer-footer .bwg-btn.ant-btn-variant-outlined:not(.bwg-btn.ant-btn-variant-solid):not(.bwg-error-btn) {
+.main-drawer
+  .ant-drawer-footer
+  .bwg-btn.ant-btn-variant-outlined:not(.bwg-btn.ant-btn-variant-solid):not(
+    .bwg-error-btn
+  ) {
   border-color: var(--button-light-border);
   color: var(--text-secondary);
 }
-.main-drawer .ant-drawer-footer .bwg-btn.ant-btn-variant-outlined:not(.bwg-btn.ant-btn-variant-solid):not(.bwg-error-btn):hover {
+.main-drawer
+  .ant-drawer-footer
+  .bwg-btn.ant-btn-variant-outlined:not(.bwg-btn.ant-btn-variant-solid):not(
+    .bwg-error-btn
+  ):hover {
   border-color: var(--primary-color);
   color: var(--primary-color);
 }
@@ -903,11 +925,11 @@
   border: 0;
   padding: 20px;
   border-radius: 20px;
-  background: #F3F9FF;
+  background: #f3f9ff;
 }
 .manual-box .bwg-title-box .ant-typography {
   font-size: var(--font-size-md);
-  color:#4B6C8D;
+  color: #4b6c8d;
 }
 .manual-box .bwg-title-box .ant-typography span {
   margin-left: 0;
@@ -916,7 +938,7 @@
   display: inline-flex;
   flex-direction: column;
   gap: 19px;
-  color: #4E5160;
+  color: #4e5160;
   font-size: 13px;
   font-weight: var(--font-weight-regular);
 }
@@ -961,14 +983,18 @@
 }
 
 /* bwg-ogrn-tree 내부 체크박스 */
-.bwg-ogrn-tree .ant-tree-checkbox:not(.ant-tree-checkbox-disabled):hover .ant-tree-checkbox-inner {
+.bwg-ogrn-tree
+  .ant-tree-checkbox:not(.ant-tree-checkbox-disabled):hover
+  .ant-tree-checkbox-inner {
   border-color: var(--check-primary-active);
 }
 .bwg-ogrn-tree .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
   background-color: var(--check-primary);
   border-color: var(--check-primary);
 }
-.bwg-ogrn-tree .ant-tree-checkbox-checked:not(.ant-tree-checkbox-disabled):hover .ant-tree-checkbox-inner {
+.bwg-ogrn-tree
+  .ant-tree-checkbox-checked:not(.ant-tree-checkbox-disabled):hover
+  .ant-tree-checkbox-inner {
   background-color: var(--check-primary-active);
 }
 /* 북마크 */
@@ -978,10 +1004,12 @@
   height: 24px;
 }
 .bookmark-title-icon.saved {
-  background: url(./assets/images/contents/icon/ico-save-bookmark.svg) no-repeat center;
+  background: url(./assets/images/contents/icon/ico-save-bookmark.svg) no-repeat
+    center;
 }
 .bookmark-title-icon.add {
-  background: url(./assets/images/contents/icon/ico-add-bookmark.svg) no-repeat center;
+  background: url(./assets/images/contents/icon/ico-add-bookmark.svg) no-repeat
+    center;
 }
 .bookmark-folder-modal-icon {
   display: inline-block;
@@ -989,10 +1017,12 @@
   height: 20px;
 }
 .bookmark-folder-modal-icon.ico-new-folder {
-  background: url(./assets/images/contents/icon/ico-new-folder.svg) no-repeat center;
+  background: url(./assets/images/contents/icon/ico-new-folder.svg) no-repeat
+    center;
 }
 .bookmark-folder-modal-icon.ico-edit-folder {
-  background: url(./assets/images/contents/icon/ico-edit-folder.svg) no-repeat center;
+  background: url(./assets/images/contents/icon/ico-edit-folder.svg) no-repeat
+    center;
 }
 /* BwgEditer */
 .ql-container {

package/dist/utils/{FileUtils.d.ts → fileUtils.d.ts}

@@ -13,4 +13,4 @@ export declare const downloadFile: (data: string, filename: string, type?: strin
  * @returns API 호출 결과 또는 오류
  */
 export declare function downloadByFileKey(fileKey: string): Promise<any>;
-//# sourceMappingURL=FileUtils.d.ts.map
+//# sourceMappingURL=fileUtils.d.ts.map

package/dist/utils/fileUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileUtils.d.ts","sourceRoot":"","sources":["../../src/utils/fileUtils.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,EAAE,UAAU,MAAM,EAAE,OAAM,MAAqB,KAAG,IAU1F,CAAA;AAED;;;;;GAKG;AACH,wBAAsB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAqCrE"}

package/dist/utils/gridUtils.d.ts

@@ -0,0 +1,45 @@
+/**
+ * BwgGrid 커스텀 렌더러 타입 정의
+ */
+export interface BwgGridRenderType {
+    _root?: any;
+    initContent: (dom: any) => void;
+    render: (grid: any, model: any, w: any, h: any) => void;
+    clearContent: (dom: any) => void;
+    canClick: (event: any) => boolean;
+    click: () => any;
+}
+/**
+ * BwgGrid 렌더러 생성 유틸리티
+ */
+export declare const createBwgGridRenderer: (renderFunction: (grid: any, model: any, w: any, h: any, root: any) => void) => BwgGridRenderType;
+export interface GridLayoutInfo {
+    menuId: string;
+    gridId: string;
+    layout: any;
+}
+/**
+ * 특정 sysCd의 레이아웃 목록 가져오기
+ */
+export declare const getGridLayouts: (sysCd: string) => GridLayoutInfo[];
+/**
+ * 특정 sysCd, menuId, gridId에 해당하는 레이아웃 가져오기
+ */
+export declare const getGridLayout: (sysCd: string, menuId: string, gridId: string) => any | null;
+/**
+ * 그리드 레이아웃 저장
+ */
+export declare const saveGridLayout: (sysCd: string, menuId: string, gridId: string, layout: any) => void;
+/**
+ * 특정 그리드 레이아웃 삭제
+ */
+export declare const removeGridLayout: (sysCd: string, menuId: string, gridId: string) => void;
+/**
+ * 특정 sysCd의 모든 레이아웃 삭제
+ */
+export declare const clearGridLayouts: (sysCd: string) => void;
+/**
+ * 전체 레이아웃 삭제
+ */
+export declare const clearAllGridLayouts: () => void;
+//# sourceMappingURL=gridUtils.d.ts.map

package/dist/utils/gridUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gridUtils.d.ts","sourceRoot":"","sources":["../../src/utils/gridUtils.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACxD,YAAY,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,CAAC;IAClC,KAAK,EAAE,MAAM,GAAG,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAChC,gBAAgB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,KAAK,IAAI,KACzE,iBAwBF,CAAC;AASF,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,GAAG,CAAC;CACb;AA8BD;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,KAAG,cAAc,EAG5D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,QAAQ,MAAM,KACb,GAAG,GAAG,IAMR,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,QAAQ,MAAM,EACd,QAAQ,GAAG,KACV,IA+BF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAC3B,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,QAAQ,MAAM,KACb,IAeF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,KAAG,IAKhD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,QAAO,IAGtC,CAAC"}