@bwg-ui/core 1.1.33 → 1.2.1

package/dist/provider/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),O=require("../stores/index.cjs"),l=require("react/jsx-runtime"),M=require("antd"),U=require("../utils/index.cjs"),E={AUTH_BTNS:"SCMSIGN00202",AUTH_MENU:"SCMSIGN00201",SRCH_CODE:"SCMSIGN00301",SRCH_POPU:"SCMPOPU00101",AUTH_BMRK:"SCMBMRK00101"},B=n.createContext(null),_=({children:e,serviceCodes:t={}})=>{n.useEffect(()=>{U.setServiceCodeOverrides(t)},[t]);const s={serviceCodes:t,getServiceCode:r=>{if(t[r]&&t[r].trim()!=="")return console.log(`🔧 Provider 설정 사용: ${r} = ${t[r]}`),t[r];const c=E[r];return console.log(`🔧 기본값 사용: ${r} = ${c}`),c}};return l.jsx(B.Provider,{value:s,children:e})},y=()=>{const e=n.useContext(B);if(!e)throw new Error("useServiceCode must be used within a ServiceCodeProvider");return e},G=e=>{const{getServiceCode:t}=y();return t(e)},V=()=>{const{getServiceCode:e}=y(),t={};for(const o of Object.keys(E))t[o]=e(o);return t},$=()=>{const{getServiceCode:e}=y();console.log("🔧 bwg-core 서비스코드 설정:"),console.log("📋 Provider 설정 > 기본값 순서로 확인");for(const t of Object.keys(E)){const o=e(t);console.log(`  ${t}: ${o}`)}},A=n.createContext(null),q=({children:e})=>{const t=n.useRef(null),C={searchBoxRef:t,getFormData:()=>t.current?.getFormData()||{},setFormData:a=>{t.current?.setFormData(a)},resetForm:()=>{t.current?.resetForm()},validateForm:async()=>await t.current?.validateForm()||{success:!1,error:null}};return l.jsx(A.Provider,{value:C,children:e})},H=()=>{const e=n.useContext(A);if(!e)throw new Error("useSearchBox must be used within a SearchBoxProvider");return e},I=n.createContext(null),W=()=>{const e=n.useContext(I);if(!e)throw new Error("useAuth must be used within AuthProvider");return e},z=({children:e})=>{const[t,o]=n.useState(!1),[s,r]=n.useState(!1),c=async i=>{const u=(await i.text()).trim().toLowerCase();try{const d=JSON.parse(u);if(typeof d=="object"&&d&&(d.ok===!0||d.success===!0))return!0}catch{}return!!["true","ok","1","y"].includes(u)},C=async i=>{r(!0);try{const u=await fetch("/serviceEndpoint/sso_check.jsp",{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:"token="+encodeURIComponent(i)}),d=u.ok&&await c(u);return o(d),d}catch{return!1}finally{r(!1)}},a=async i=>{r(!0);try{const u=await fetch("/serviceEndpoint/sso_reauth.jsp",{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:"pin="+encodeURIComponent(i)});return u.ok&&await c(u)?(o(!0),!0):!1}catch{return!1}finally{r(!1)}},m=()=>{o(!1)},h=n.useMemo(()=>({authed:t,busy:s,verifyWithToken:C,reauthWithPin:a,logout:m}),[t,s]);return l.jsx(I.Provider,{value:h,children:e})},F=n.createContext(null),J=()=>{const e=n.useContext(F);if(!e)throw new Error("useLock must be used within ScreenProtectProvider");return e},Q=({children:e,idleMs:t=1e4,onUnlock:o,persistLocked:s=!0,storageKey:r="inactivityLocked",eventTarget:c,overlayScope:C="global",overlayId:a="lock-overlay-root",overlayPosition:m="fixed"})=>{const h=s&&typeof window<"u"&&window.localStorage.getItem(r)==="1",[i,u]=n.useState(h),[d,k]=n.useState(t),P=Number.isFinite(d)&&d>0,w=n.useRef(null),T=()=>{try{s&&window.localStorage.setItem(r,"1")}catch{}u(!0)},b=async v=>{if(!(o&&!await o(v))){try{s&&window.localStorage.removeItem(r)}catch{}u(!1),P&&L()}},R=()=>{try{s&&window.localStorage.setItem(r,"1")}catch{}u(!0)},L=()=>{P&&(w.current&&window.clearTimeout(w.current),w.current=window.setTimeout(()=>{R()},d))};n.useEffect(()=>{if(!P)return;const v=()=>{i||L()},x={passive:!0},S=["pointermove","pointerdown","keydown","wheel","touchstart"],g=c??window;return S.forEach(p=>g.addEventListener(p,v,x)),L(),()=>{w.current&&window.clearTimeout(w.current),S.forEach(p=>g.removeEventListener(p,v))}},[d,i,c,P]),n.useEffect(()=>{if(!i)return;const v=p=>{const j=document.getElementById(a);j&&j.contains(p.target)||(p.stopPropagation(),p.preventDefault())},x={capture:!0},S=["pointerdown","pointerup","pointermove","click","wheel","keydown","keyup","touchstart","touchmove"],g=C==="scoped"?c??window:window;return S.forEach(p=>g.addEventListener(p,v,x)),()=>S.forEach(p=>g.removeEventListener(p,v,x))},[i,C,a,c]);const D=n.useMemo(()=>({locked:i,lock:T,unlock:b,setIdleMs:k}),[i]);return l.jsxs(F.Provider,{value:D,children:[l.jsx("div",{style:{width:"100%",height:"100%"},...i?{inert:""}:{},...i?{"aria-hidden":!0}:{},children:e}),i&&l.jsx(X,{onUnlock:b,overlayId:a,overlayPosition:m})]})},X=({onUnlock:e,overlayId:t="lock-overlay-root",overlayPosition:o="fixed"})=>{const[s]=n.useState(4),[r,c]=n.useState("");return l.jsx("div",{id:t,"aria-modal":"true",role:"dialog","aria-label":"Locked screen",style:{position:o,inset:0,background:"rgba(12, 14, 18, 0.85)",backdropFilter:"blur(4px)",display:"grid",placeItems:"center",zIndex:9999},children:l.jsxs("div",{className:"lockscreen-form",style:{width:420,maxWidth:"92vw"},children:[l.jsx("div",{className:"lock-icon-wrap",children:l.jsx("span",{className:"lock-icon-box"})}),l.jsx("h2",{children:"잠금됨"}),l.jsx("p",{children:"PIN 번호를 입력하세요"}),l.jsx("div",{className:"lock-ipt-wrap",style:{display:"flex",justifyContent:"center"},children:l.jsx(M.Input.OTP,{mask:"*",autoFocus:!0,length:s,value:r,onChange:C=>{const a=(C??"").replace(/\D/g,"").slice(0,s);c(a),a.length===s&&e(a)}})})]})})},N=n.createContext(void 0),Y=({children:e})=>{const{codeData:t,isLoading:o,error:s,lastUpdated:r,getCodeList:c,getCodeListByOption:C,getCodeName:a,getCodeColor:m,getCodeByOption:h,getAvailableGroupCodes:i,getGridLookup:u,fetchCommonCodes:d}=O.useCodeStore(),k={codeData:t,isLoading:o,error:s,lastUpdated:r,getCodeList:c,getCodeListByOption:C,getCodeName:a,getCodeColor:m,getCodeByOption:h,getAvailableGroupCodes:i,getGridLookup:u,refreshCodes:d};return l.jsx(N.Provider,{value:k,children:e})},f=()=>{const e=n.useContext(N);if(e===void 0)throw new Error("useCommonCode must be used within a CommonCodeProvider");return e},Z=()=>{const{getCodeList:e,isLoading:t,error:o}=f();return{getCodeList:e,isLoading:t,error:o}},K=()=>{const{getCodeName:e,isLoading:t,error:o}=f();return{getCodeName:e,isLoading:t,error:o}},ee=()=>{const{getCodeColor:e,isLoading:t,error:o}=f();return{getCodeColor:e,isLoading:t,error:o}},te=()=>{const{getCodeListByOption:e,isLoading:t,error:o}=f();return{getCodeListByOption:e,isLoading:t,error:o}},oe=()=>{const{getGridLookup:e,isLoading:t,error:o}=f();return{getGridLookup:e,isLoading:t,error:o}},re=()=>!1,ne=()=>{const{popups:e,activePopupId:t,setActivePopup:o,closePopup:s,openPopup:r}=O.usePopupStore(),c=n.useCallback(async(C,a,m)=>{try{await r(C,a,m)}catch(h){throw console.error("팝업 열기 실패:",h),h}},[r]);return{popups:e,activePopupId:t,setActivePopup:o,closePopup:s,showPopup:c,isPopup:e.length>0}};exports.AuthProvider=z;exports.CommonCodeProvider=Y;exports.ScreenProtectProvider=Q;exports.SearchBoxProvider=q;exports.ServiceCodeProvider=_;exports.useAllServiceCodes=V;exports.useAuth=W;exports.useCodeColor=ee;exports.useCodeList=Z;exports.useCodeListByOption=te;exports.useCodeName=K;exports.useCommonCode=f;exports.useGridLookup=oe;exports.useLock=J;exports.useLogServiceCodeConfig=$;exports.usePopup=ne;exports.usePopupContext=re;exports.useSearchBox=H;exports.useServiceCode=y;exports.useServiceCodeValue=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),O=require("../stores/index.cjs"),l=require("react/jsx-runtime"),M=require("antd"),U=require("../utils/index.cjs"),E={AUTH_BTNS:"SCMSIGN00202",AUTH_MENU:"SCMSIGN00201",SRCH_CODE:"SCMSIGN00301",SRCH_POPU:"SCMPOPU00101",AUTH_BMRK:"SCMBMRK00101"},B=n.createContext(null),_=({children:e,serviceCodes:t={}})=>{n.useEffect(()=>{U.setServiceCodeOverrides(t)},[t]);const s={serviceCodes:t,getServiceCode:r=>{if(t[r]&&t[r].trim()!=="")return console.log(`🔧 Provider 설정 사용: ${r} = ${t[r]}`),t[r];const c=E[r];return console.log(`🔧 기본값 사용: ${r} = ${c}`),c}};return l.jsx(B.Provider,{value:s,children:e})},y=()=>{const e=n.useContext(B);if(!e)throw new Error("useServiceCode must be used within a ServiceCodeProvider");return e},G=e=>{const{getServiceCode:t}=y();return t(e)},V=()=>{const{getServiceCode:e}=y(),t={};for(const o of Object.keys(E))t[o]=e(o);return t},$=()=>{const{getServiceCode:e}=y();console.log("🔧 bwg-core 서비스코드 설정:"),console.log("📋 Provider 설정 > 기본값 순서로 확인");for(const t of Object.keys(E)){const o=e(t);console.log(`  ${t}: ${o}`)}},A=n.createContext(null),q=({children:e})=>{const t=n.useRef(null),C={searchBoxRef:t,getFormData:()=>t.current?.getFormData()||{},setFormData:a=>{t.current?.setFormData(a)},resetForm:()=>{t.current?.resetForm()},validateForm:async()=>await t.current?.validateForm()||{success:!1,error:null}};return l.jsx(A.Provider,{value:C,children:e})},H=()=>{const e=n.useContext(A);if(!e)throw new Error("useSearchBox must be used within a SearchBoxProvider");return e},I=n.createContext(null),W=()=>{const e=n.useContext(I);if(!e)throw new Error("useAuth must be used within AuthProvider");return e},z=({children:e})=>{const[t,o]=n.useState(!1),[s,r]=n.useState(!1),c=async i=>{const u=(await i.text()).trim().toLowerCase();try{const d=JSON.parse(u);if(typeof d=="object"&&d&&(d.ok===!0||d.success===!0))return!0}catch{}return!!["true","ok","1","y"].includes(u)},C=async i=>{r(!0);try{const u=await fetch("/serviceEndpoint/sso_check.jsp",{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:"token="+encodeURIComponent(i)}),d=u.ok&&await c(u);return o(d),d}catch{return!1}finally{r(!1)}},a=async i=>{r(!0);try{const u=await fetch("/serviceEndpoint/sso_reauth.jsp",{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:"pin="+encodeURIComponent(i)});return u.ok&&await c(u)?(o(!0),!0):!1}catch{return!1}finally{r(!1)}},m=()=>{o(!1)},h=n.useMemo(()=>({authed:t,busy:s,verifyWithToken:C,reauthWithPin:a,logout:m}),[t,s]);return l.jsx(I.Provider,{value:h,children:e})},F=n.createContext(void 0),J=({children:e})=>{const{codeData:t,isLoading:o,error:s,lastUpdated:r,getCodeList:c,getCodeListByOption:C,getCodeName:a,getCodeColor:m,getCodeByOption:h,getAvailableGroupCodes:i,getGridLookup:u,fetchCommonCodes:d}=O.useCodeStore(),k={codeData:t,isLoading:o,error:s,lastUpdated:r,getCodeList:c,getCodeListByOption:C,getCodeName:a,getCodeColor:m,getCodeByOption:h,getAvailableGroupCodes:i,getGridLookup:u,refreshCodes:d};return l.jsx(F.Provider,{value:k,children:e})},f=()=>{const e=n.useContext(F);if(e===void 0)throw new Error("useCommonCode must be used within a CommonCodeProvider");return e},Q=()=>{const{getCodeList:e,isLoading:t,error:o}=f();return{getCodeList:e,isLoading:t,error:o}},X=()=>{const{getCodeName:e,isLoading:t,error:o}=f();return{getCodeName:e,isLoading:t,error:o}},Y=()=>{const{getCodeColor:e,isLoading:t,error:o}=f();return{getCodeColor:e,isLoading:t,error:o}},Z=()=>{const{getCodeListByOption:e,isLoading:t,error:o}=f();return{getCodeListByOption:e,isLoading:t,error:o}},K=()=>{const{getGridLookup:e,isLoading:t,error:o}=f();return{getGridLookup:e,isLoading:t,error:o}},N=n.createContext(null),ee=()=>{const e=n.useContext(N);if(!e)throw new Error("useLock must be used within ScreenProtectProvider");return e},te=({children:e,idleMs:t=1e4,onUnlock:o,persistLocked:s=!0,storageKey:r="inactivityLocked",eventTarget:c,overlayScope:C="global",overlayId:a="lock-overlay-root",overlayPosition:m="fixed"})=>{const h=s&&typeof window<"u"&&window.localStorage.getItem(r)==="1",[i,u]=n.useState(h),[d,k]=n.useState(t),P=Number.isFinite(d)&&d>0,w=n.useRef(null),T=()=>{try{s&&window.localStorage.setItem(r,"1")}catch{}u(!0)},b=async v=>{if(!(o&&!await o(v))){try{s&&window.localStorage.removeItem(r)}catch{}u(!1),P&&L()}},R=()=>{try{s&&window.localStorage.setItem(r,"1")}catch{}u(!0)},L=()=>{P&&(w.current&&window.clearTimeout(w.current),w.current=window.setTimeout(()=>{R()},d))};n.useEffect(()=>{if(!P)return;const v=()=>{i||L()},x={passive:!0},S=["pointermove","pointerdown","keydown","wheel","touchstart"],g=c??window;return S.forEach(p=>g.addEventListener(p,v,x)),L(),()=>{w.current&&window.clearTimeout(w.current),S.forEach(p=>g.removeEventListener(p,v))}},[d,i,c,P]),n.useEffect(()=>{if(!i)return;const v=p=>{const j=document.getElementById(a);j&&j.contains(p.target)||(p.stopPropagation(),p.preventDefault())},x={capture:!0},S=["pointerdown","pointerup","pointermove","click","wheel","keydown","keyup","touchstart","touchmove"],g=C==="scoped"?c??window:window;return S.forEach(p=>g.addEventListener(p,v,x)),()=>S.forEach(p=>g.removeEventListener(p,v,x))},[i,C,a,c]);const D=n.useMemo(()=>({locked:i,lock:T,unlock:b,setIdleMs:k}),[i]);return l.jsxs(N.Provider,{value:D,children:[l.jsx("div",{style:{width:"100%",height:"100%"},...i?{inert:""}:{},...i?{"aria-hidden":!0}:{},children:e}),i&&l.jsx(oe,{onUnlock:b,overlayId:a,overlayPosition:m})]})},oe=({onUnlock:e,overlayId:t="lock-overlay-root",overlayPosition:o="fixed"})=>{const[s]=n.useState(4),[r,c]=n.useState("");return l.jsx("div",{id:t,"aria-modal":"true",role:"dialog","aria-label":"Locked screen",style:{position:o,inset:0,background:"rgba(12, 14, 18, 0.85)",backdropFilter:"blur(4px)",display:"grid",placeItems:"center",zIndex:9999},children:l.jsxs("div",{className:"lockscreen-form",style:{width:420,maxWidth:"92vw"},children:[l.jsx("div",{className:"lock-icon-wrap",children:l.jsx("span",{className:"lock-icon-box"})}),l.jsx("h2",{children:"잠금됨"}),l.jsx("p",{children:"PIN 번호를 입력하세요"}),l.jsx("div",{className:"lock-ipt-wrap",style:{display:"flex",justifyContent:"center"},children:l.jsx(M.Input.OTP,{mask:"*",autoFocus:!0,length:s,value:r,onChange:C=>{const a=(C??"").replace(/\D/g,"").slice(0,s);c(a),a.length===s&&e(a)}})})]})})},re=()=>!1,ne=()=>{const{popups:e,activePopupId:t,setActivePopup:o,closePopup:s,openPopup:r}=O.usePopupStore(),c=n.useCallback(async(C,a,m)=>{try{await r(C,a,m)}catch(h){throw console.error("팝업 열기 실패:",h),h}},[r]);return{popups:e,activePopupId:t,setActivePopup:o,closePopup:s,showPopup:c,isPopup:e.length>0}};exports.AuthProvider=z;exports.CommonCodeProvider=J;exports.ScreenProtectProvider=te;exports.SearchBoxProvider=q;exports.ServiceCodeProvider=_;exports.useAllServiceCodes=V;exports.useAuth=W;exports.useCodeColor=Y;exports.useCodeList=Q;exports.useCodeListByOption=Z;exports.useCodeName=X;exports.useCommonCode=f;exports.useGridLookup=K;exports.useLock=ee;exports.useLogServiceCodeConfig=$;exports.usePopup=ne;exports.usePopupContext=re;exports.useSearchBox=H;exports.useServiceCode=y;exports.useServiceCodeValue=G;

package/dist/provider/index.js

@@ -124,12 +124,85 @@ const I = {
     [t, n]
   );
   return /* @__PURE__ */ d(R.Provider, { value: m, children: e });
-}, U = y(null), ue = () => {
+}, U = y(
+  void 0
+), ue = ({
+  children: e
+}) => {
+  const {
+    codeData: t,
+    isLoading: o,
+    error: n,
+    lastUpdated: r,
+    getCodeList: s,
+    getCodeListByOption: l,
+    getCodeName: u,
+    getCodeColor: f,
+    getCodeByOption: m,
+    getAvailableGroupCodes: c,
+    getGridLookup: i,
+    fetchCommonCodes: a
+  } = H(), L = {
+    codeData: t,
+    isLoading: o,
+    error: n,
+    lastUpdated: r,
+    getCodeList: s,
+    getCodeListByOption: l,
+    getCodeName: u,
+    getCodeColor: f,
+    getCodeByOption: m,
+    getAvailableGroupCodes: c,
+    getGridLookup: i,
+    refreshCodes: a
+  };
+  return /* @__PURE__ */ d(U.Provider, { value: L, children: e });
+}, k = () => {
   const e = P(U);
+  if (e === void 0)
+    throw new Error("useCommonCode must be used within a CommonCodeProvider");
+  return e;
+}, ae = () => {
+  const { getCodeList: e, isLoading: t, error: o } = k();
+  return {
+    getCodeList: e,
+    isLoading: t,
+    error: o
+  };
+}, de = () => {
+  const { getCodeName: e, isLoading: t, error: o } = k();
+  return {
+    getCodeName: e,
+    isLoading: t,
+    error: o
+  };
+}, le = () => {
+  const { getCodeColor: e, isLoading: t, error: o } = k();
+  return {
+    getCodeColor: e,
+    isLoading: t,
+    error: o
+  };
+}, pe = () => {
+  const { getCodeListByOption: e, isLoading: t, error: o } = k();
+  return {
+    getCodeListByOption: e,
+    isLoading: t,
+    error: o
+  };
+}, me = () => {
+  const { getGridLookup: e, isLoading: t, error: o } = k();
+  return {
+    getGridLookup: e,
+    isLoading: t,
+    error: o
+  };
+}, j = y(null), fe = () => {
+  const e = P(j);
   if (!e)
     throw new Error("useLock must be used within ScreenProtectProvider");
   return e;
-}, ae = ({
+}, he = ({
   children: e,
   idleMs: t = 1e4,
   onUnlock: o,
@@ -201,7 +274,7 @@ const I = {
     () => ({ locked: c, lock: _, unlock: F, setIdleMs: L }),
     [c]
   );
-  return /* @__PURE__ */ T(U.Provider, { value: V, children: [
+  return /* @__PURE__ */ T(j.Provider, { value: V, children: [
     /* @__PURE__ */ d(
       "div",
       {
@@ -269,79 +342,6 @@ const I = {
       ] })
     }
   );
-}, j = y(
-  void 0
-), de = ({
-  children: e
-}) => {
-  const {
-    codeData: t,
-    isLoading: o,
-    error: n,
-    lastUpdated: r,
-    getCodeList: s,
-    getCodeListByOption: l,
-    getCodeName: u,
-    getCodeColor: f,
-    getCodeByOption: m,
-    getAvailableGroupCodes: c,
-    getGridLookup: i,
-    fetchCommonCodes: a
-  } = H(), L = {
-    codeData: t,
-    isLoading: o,
-    error: n,
-    lastUpdated: r,
-    getCodeList: s,
-    getCodeListByOption: l,
-    getCodeName: u,
-    getCodeColor: f,
-    getCodeByOption: m,
-    getAvailableGroupCodes: c,
-    getGridLookup: i,
-    refreshCodes: a
-  };
-  return /* @__PURE__ */ d(j.Provider, { value: L, children: e });
-}, k = () => {
-  const e = P(j);
-  if (e === void 0)
-    throw new Error("useCommonCode must be used within a CommonCodeProvider");
-  return e;
-}, le = () => {
-  const { getCodeList: e, isLoading: t, error: o } = k();
-  return {
-    getCodeList: e,
-    isLoading: t,
-    error: o
-  };
-}, pe = () => {
-  const { getCodeName: e, isLoading: t, error: o } = k();
-  return {
-    getCodeName: e,
-    isLoading: t,
-    error: o
-  };
-}, me = () => {
-  const { getCodeColor: e, isLoading: t, error: o } = k();
-  return {
-    getCodeColor: e,
-    isLoading: t,
-    error: o
-  };
-}, fe = () => {
-  const { getCodeListByOption: e, isLoading: t, error: o } = k();
-  return {
-    getCodeListByOption: e,
-    isLoading: t,
-    error: o
-  };
-}, he = () => {
-  const { getGridLookup: e, isLoading: t, error: o } = k();
-  return {
-    getGridLookup: e,
-    isLoading: t,
-    error: o
-  };
 }, we = () => !1, Ce = () => {
   const { popups: e, activePopupId: t, setActivePopup: o, closePopup: n, openPopup: r } = W(), s = $(
     async (l, u, f) => {
@@ -364,19 +364,19 @@ const I = {
 };
 export {
   ie as AuthProvider,
-  de as CommonCodeProvider,
-  ae as ScreenProtectProvider,
+  ue as CommonCodeProvider,
+  he as ScreenProtectProvider,
   ne as SearchBoxProvider,
   ee as ServiceCodeProvider,
   oe as useAllServiceCodes,
   ce as useAuth,
-  me as useCodeColor,
-  le as useCodeList,
-  fe as useCodeListByOption,
-  pe as useCodeName,
+  le as useCodeColor,
+  ae as useCodeList,
+  pe as useCodeListByOption,
+  de as useCodeName,
   k as useCommonCode,
-  he as useGridLookup,
-  ue as useLock,
+  me as useGridLookup,
+  fe as useLock,
   re as useLogServiceCodeConfig,
   Ce as usePopup,
   we as usePopupContext,

package/dist/styles/assets/images/header/icon/ico-bell.svg

@@ -1,3 +1,3 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.9998 19.9993V20.9993C11.9998 21.3932 12.0774 21.7833 12.2282 22.1473C12.3789 22.5112 12.5999 22.8419 12.8785 23.1205C13.157 23.399 13.4877 23.62 13.8517 23.7708C14.2156 23.9215 14.6057 23.9991 14.9997 23.9991C15.3936 23.9991 15.7837 23.9215 16.1477 23.7708C16.5116 23.62 16.8423 23.399 17.1209 23.1205C17.3994 22.8419 17.6204 22.5112 17.7712 22.1473C17.9219 21.7833 17.9995 21.3932 17.9995 20.9993V19.9993M20.9994 11.9997C20.9994 14.9996 22.9993 19.9993 22.9993 19.9993H7.00006C7.00006 19.9993 8.99996 15.9995 8.99996 11.9997C8.99996 8.73187 11.7318 6 14.9997 6C18.2675 6 20.9994 8.73187 20.9994 11.9997Z" stroke="#485299" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9998 19.9993V20.9993C11.9998 21.3932 12.0774 21.7833 12.2282 22.1473C12.3789 22.5112 12.5999 22.8419 12.8785 23.1205C13.157 23.399 13.4877 23.62 13.8517 23.7708C14.2156 23.9215 14.6057 23.9991 14.9997 23.9991C15.3936 23.9991 15.7837 23.9215 16.1477 23.7708C16.5116 23.62 16.8423 23.399 17.1209 23.1205C17.3994 22.8419 17.6204 22.5112 17.7712 22.1473C17.9219 21.7833 17.9995 21.3932 17.9995 20.9993V19.9993M20.9994 11.9997C20.9994 14.9996 22.9993 19.9993 22.9993 19.9993H7.00006C7.00006 19.9993 8.99996 15.9995 8.99996 11.9997C8.99996 8.73187 11.7318 6 14.9997 6C18.2675 6 20.9994 8.73187 20.9994 11.9997Z" stroke="#485299" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/styles/assets/images/header/icon/ico-logout.svg

@@ -1,10 +1,10 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_93_4488)">
-<path d="M18 7H21C22.1046 7 23 7.89543 23 9V21C23 22.1046 22.1046 23 21 23H18M11 11L7 15M7 15L11 19M7 15L19 15" stroke="#485299" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_93_4488">
-<rect width="30" height="30" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_93_4488)">
+<path d="M18 7H21C22.1046 7 23 7.89543 23 9V21C23 22.1046 22.1046 23 21 23H18M11 11L7 15M7 15L11 19M7 15L19 15" stroke="#485299" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_93_4488">
+<rect width="30" height="30" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/styles/assets/images/header/icon/ico-setting.svg

@@ -1,4 +1,4 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14 6H16C16.5523 6 17 6.44772 17 7V7.56879C17 7.99659 17.2871 8.36825 17.6822 8.53228C18.0775 8.69638 18.5377 8.63384 18.8403 8.33123L19.2426 7.92891C19.6331 7.53838 20.2663 7.53838 20.6568 7.92891L22.071 9.34312C22.4616 9.73365 22.4615 10.3668 22.071 10.7573L21.6688 11.1596C21.3661 11.4622 21.3036 11.9225 21.4677 12.3177C21.6317 12.7129 22.0034 13 22.4313 13L23 13C23.5523 13 24 13.4477 24 14V16C24 16.5523 23.5523 17 23 17H22.4312C22.0034 17 21.6318 17.2871 21.4677 17.6822C21.3036 18.0775 21.3661 18.5377 21.6688 18.8403L22.071 19.2426C22.4616 19.6331 22.4616 20.2663 22.071 20.6568L20.6568 22.071C20.2663 22.4616 19.6331 22.4616 19.2426 22.071L18.8403 21.6688C18.5377 21.3661 18.0775 21.3036 17.6822 21.4677C17.2871 21.6318 17 22.0034 17 22.4312V23C17 23.5523 16.5523 24 16 24H14C13.4477 24 13 23.5523 13 23V22.4313C13 22.0034 12.7129 21.6317 12.3177 21.4677C11.9225 21.3036 11.4622 21.3661 11.1596 21.6688L10.7573 22.071C10.3668 22.4616 9.73363 22.4616 9.34311 22.071L7.92889 20.6568C7.53837 20.2663 7.53837 19.6331 7.92889 19.2426L8.33123 18.8403C8.63384 18.5377 8.69638 18.0775 8.53228 17.6822C8.36825 17.2871 7.99659 17 7.56879 17H7C6.44772 17 6 16.5523 6 16V14C6 13.4477 6.44772 13 7 13L7.56877 13C7.99658 13 8.36825 12.7129 8.53229 12.3178C8.6964 11.9225 8.63386 11.4623 8.33123 11.1597L7.92891 10.7573C7.53838 10.3668 7.53838 9.73365 7.92891 9.34313L9.34312 7.92891C9.73365 7.53839 10.3668 7.53839 10.7573 7.92891L11.1597 8.33123C11.4623 8.63386 11.9225 8.6964 12.3178 8.53229C12.7129 8.36825 13 7.99658 13 7.56876V7C13 6.44772 13.4477 6 14 6Z" stroke="#485299" stroke-width="1.5"/>
-<path d="M17 15C17 16.1046 16.1046 17 15 17C13.8954 17 13 16.1046 13 15C13 13.8954 13.8954 13 15 13C16.1046 13 17 13.8954 17 15Z" stroke="#485299" stroke-width="1.5"/>
-</svg>
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 6H16C16.5523 6 17 6.44772 17 7V7.56879C17 7.99659 17.2871 8.36825 17.6822 8.53228C18.0775 8.69638 18.5377 8.63384 18.8403 8.33123L19.2426 7.92891C19.6331 7.53838 20.2663 7.53838 20.6568 7.92891L22.071 9.34312C22.4616 9.73365 22.4615 10.3668 22.071 10.7573L21.6688 11.1596C21.3661 11.4622 21.3036 11.9225 21.4677 12.3177C21.6317 12.7129 22.0034 13 22.4313 13L23 13C23.5523 13 24 13.4477 24 14V16C24 16.5523 23.5523 17 23 17H22.4312C22.0034 17 21.6318 17.2871 21.4677 17.6822C21.3036 18.0775 21.3661 18.5377 21.6688 18.8403L22.071 19.2426C22.4616 19.6331 22.4616 20.2663 22.071 20.6568L20.6568 22.071C20.2663 22.4616 19.6331 22.4616 19.2426 22.071L18.8403 21.6688C18.5377 21.3661 18.0775 21.3036 17.6822 21.4677C17.2871 21.6318 17 22.0034 17 22.4312V23C17 23.5523 16.5523 24 16 24H14C13.4477 24 13 23.5523 13 23V22.4313C13 22.0034 12.7129 21.6317 12.3177 21.4677C11.9225 21.3036 11.4622 21.3661 11.1596 21.6688L10.7573 22.071C10.3668 22.4616 9.73363 22.4616 9.34311 22.071L7.92889 20.6568C7.53837 20.2663 7.53837 19.6331 7.92889 19.2426L8.33123 18.8403C8.63384 18.5377 8.69638 18.0775 8.53228 17.6822C8.36825 17.2871 7.99659 17 7.56879 17H7C6.44772 17 6 16.5523 6 16V14C6 13.4477 6.44772 13 7 13L7.56877 13C7.99658 13 8.36825 12.7129 8.53229 12.3178C8.6964 11.9225 8.63386 11.4623 8.33123 11.1597L7.92891 10.7573C7.53838 10.3668 7.53838 9.73365 7.92891 9.34313L9.34312 7.92891C9.73365 7.53839 10.3668 7.53839 10.7573 7.92891L11.1597 8.33123C11.4623 8.63386 11.9225 8.6964 12.3178 8.53229C12.7129 8.36825 13 7.99658 13 7.56876V7C13 6.44772 13.4477 6 14 6Z" stroke="#485299" stroke-width="1.5"/>
+<path d="M17 15C17 16.1046 16.1046 17 15 17C13.8954 17 13 16.1046 13 15C13 13.8954 13.8954 13 15 13C16.1046 13 17 13.8954 17 15Z" stroke="#485299" stroke-width="1.5"/>
+</svg>

package/dist/styles/assets/images/header/icon/ico-sidebar-arrow.svg

@@ -1,3 +1,3 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.77771 8.1809C6.37747 8.67607 5.62253 8.67607 5.22229 8.18089L2.98627 5.41454C2.4577 4.7606 2.92314 3.78592 3.76399 3.78592L8.23602 3.78592C9.07687 3.78592 9.5423 4.7606 9.01373 5.41454L6.77771 8.1809Z" fill="#B9B9B9"/>
-</svg>
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.77771 8.1809C6.37747 8.67607 5.62253 8.67607 5.22229 8.18089L2.98627 5.41454C2.4577 4.7606 2.92314 3.78592 3.76399 3.78592L8.23602 3.78592C9.07687 3.78592 9.5423 4.7606 9.01373 5.41454L6.77771 8.1809Z" fill="#B9B9B9"/>
+</svg>

package/dist/styles/layout-test.css

@@ -0,0 +1,354 @@
+/* 메인 레이아웃 스타일 */
+.main-layout {
+  min-height: 100vh;
+  overflow: hidden;
+  min-width: 1280px;
+}
+
+/* 헤더 스타일 */
+.header-wrapper {
+  background: var(--header-bg);
+  padding: 0 30px 0 20px;
+  border-bottom: 1px solid var(--border-color);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  z-index: 1000;
+  gap: 24px;
+  color: var(--header-text);
+}
+
+/**
+* 헤더 좌측
+*/
+.header-left {
+  display: flex;
+  align-items: center;
+  min-width: 200px;
+
+  .logo-container {
+    display: flex;
+    align-items: center;
+    height: 100%;
+  }
+}
+
+/**
+* 헤더 우측
+*/
+.header-right {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+
+  .logout-btn {
+    cursor: pointer;
+  }
+  .theme-btn {
+    cursor: pointer;
+  }
+  .alarm-btn {
+    cursor: pointer;
+  }
+  .avatar {
+    cursor: pointer;
+  }
+}
+
+.side-wrapper {
+  height: calc(100vh - 50px); /* 헤더 높이(50px)를 제외 */
+  overflow: visible; /* 토글 버튼이 짤리지 않도록 visible로 변경 */
+  display: flex;
+  flex-direction: column;
+  background-color: var(--sidebar-bg) !important;
+  position: relative; /* 토글 버튼의 absolute 포지셔닝을 위해 */
+  border-right: 1px solid var(--border-color);
+
+  .sider-toggle-btn {
+    position: absolute;
+    top: 9px;
+    right: -25px;
+    z-index: 1000;
+    width: 25px;
+    height: 41px;
+    background-color: #ffffff;
+    border: 1px solid #dddddd;
+    border-radius: 0 10px 10px 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
+    transition: all 0.3s ease;
+  }
+  
+  .sider-toggle-btn .ant-btn {
+    border-radius: 0 10px 10px 0;
+    font-size: 12px;
+    color: #787878;
+    padding: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .sider-search-ipt {
+    background: var(--sidebar-search-bg);
+    border-radius: var(--border-radius-xl);
+    border: 0;
+    color: var(--sidebar-search-text);
+    font-size: 13px;
+    font-weight: var(--font-weight-medium);
+      .anticon-search svg {
+      width: 20px;
+      height: 20px;
+    }
+  }
+
+  .sider-segmented {
+    padding: 5px;
+    background-color: var(--sidebar-segmented-bg);
+    border-radius: var(--border-radius-sm);
+    font-size: 13px;
+    color: var(--sidebar-segmented-text);
+    width: 100%;
+
+    .sider-segmented-item {
+      width: 20px;
+      height: 20px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+    }
+    .ant-segmented-group {
+      gap: 5px;
+    }
+    .ant-segmented-item-selected {
+      color: var(--text-high);
+      font-weight: var(--font-weight-semibold);
+    }
+  }
+
+  .sider-content {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+
+    /* 사이드바 로딩 스타일 */
+    .sider-loading {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 12px;
+      z-index: 10;
+    }
+
+    .sider-loading-text {
+      font-size: 13px;
+      color: var(--text-secondary);
+      font-weight: var(--font-weight-medium);
+      letter-spacing: -0.2px;
+    }
+
+    /* 사이드바 에러 스타일 */
+    .sider-error {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 8px;
+      padding: 16px;
+      background: rgba(255, 77, 79, 0.1);
+      border: 1px solid rgba(255, 77, 79, 0.2);
+      border-radius: var(--border-radius-md);
+      z-index: 10;
+      max-width: 200px;
+      text-align: center;
+    }
+
+    .sider-error-icon {
+      font-size: 20px;
+      color: #ff4d4f;
+    }
+
+    .sider-error-text {
+      font-size: 12px;
+      color: #ff4d4f;
+      font-weight: var(--font-weight-medium);
+      line-height: 1.4;
+    }
+
+    .sider-menu-container {
+      padding-right: 17px;
+      margin-right: -17px;
+      height: 100%;
+      overflow-y: auto;
+    }
+
+    /* 사이드바 스크롤바 스타일링 */
+    .sider-menu::-webkit-scrollbar,
+    .sider-menu-container::-webkit-scrollbar {
+      width: 6px;
+    }
+
+    .sider-menu::-webkit-scrollbar-track,
+    .sider-menu-container::-webkit-scrollbar-track {
+      background: transparent;
+      border-radius: 3px;
+    }
+
+    .sider-menu::-webkit-scrollbar-thumb,
+    .sider-menu-container::-webkit-scrollbar-thumb {
+      background: #d9d9d9;
+      border-radius: 3px;
+      border: 1px solid #f0f0f0;
+    }
+
+    .sider-menu::-webkit-scrollbar-thumb:hover,
+    .sider-menu-container::-webkit-scrollbar-thumb:hover {
+      background: #bfbfbf;
+    }
+
+    /* Firefox 스크롤바 스타일링 */
+    .sider-menu {
+      scrollbar-width: thin;
+      scrollbar-color: #d9d9d9 #f0f0f0;
+    }
+
+    /* Ant Design 메뉴 스타일 오버라이드 */
+    .sider-menu .ant-menu-item {
+      height: 30px;
+      transition: all 0.3s ease;
+    }
+
+    .sider-menu .ant-menu-submenu-title {
+      height: 30px !important;
+      line-height: 30px !important;
+    }
+
+    .sider-menu .ant-menu-submenu-title:hover {
+      background-color: unset !important;
+    }
+  }
+}
+
+/**
+* 메뉴 탭 스타일
+*/
+.menu-tab-wrapper {
+  background: var(--bg-primary);
+
+  .menu-tabs.ant-tabs .ant-tabs-nav {
+    margin: 0;
+    padding: 10px 34px 0 29px;
+    height: 45px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .ant-tabs-nav::before {
+    left: 29px;
+    bottom: 0;
+    border-bottom: 1px solid var(--border-color);
+  }
+  .menu-tabs.ant-tabs .ant-tabs-nav-wrap {
+    height: 35px;
+    flex: 1 !important;
+    align-items: flex-end;
+  }
+  .menu-tabs.ant-tabs .ant-tabs-nav-list {
+    display: flex;
+    align-items: center;
+    height: 100%;
+    flex-wrap: nowrap;
+  }
+  .menu-tabs.ant-tabs .ant-tabs-tab {
+    height: 100%;
+    border-radius: 10px 10px 0 0;
+    transition: all 0.3s ease;
+    padding: 0 10px 0 24px;
+    position: relative ;
+    background: #E7E9F4;
+    margin: 0 4px 0 0;
+    font-size: var(--font-size-sm);
+    color: #777;
+    border: 0;
+    .ant-tabs-tab-remove {
+      width: 20px;
+      height: 20px;
+      margin-right: 0;
+      margin-left: 10px;
+      color: #A1A1A1;
+    }
+  }
+  .menu-tabs.ant-tabs .ant-tabs-tab:not(.ant-tabs-tab-active):hover {
+    background: #dbdeec;
+    color: var(--text-secondary);
+  }
+  .menu-tabs.ant-tabs .ant-tabs-tab-active {
+    background: var(--bg-primary);
+    border: 2px solid var(--primary-color);
+    border-bottom: none;
+    .ant-tabs-tab-btn {
+      color:var(--primary-color);
+    }
+  }
+  .menu-tabs.ant-tabs .ant-tabs-content-holder {
+    display: none !important;
+  }
+  .menu-tabs.ant-tabs .ant-tabs-extra-content {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    flex-shrink: 0;
+    white-space: nowrap;
+    overflow: hidden;
+    padding-bottom: 13px;
+  }
+  .menu-tabs.ant-tabs .ant-tabs-extra-content > div {
+    display: flex !important;
+    align-items: center !important;
+    gap: 4px !important;
+    flex-wrap: nowrap !important;
+  }
+  .menu-tabs.ant-tabs .ant-tabs-extra-content .ant-btn {
+    height: 20px !important;
+    width: 20px !important;
+    font-size: 12px !important;
+  }
+  .menu-tabs.ant-tabs .ant-tabs-extra-content .ant-btn:hover {
+    color: #5E5E5E;
+  }
+  .menu-tabs.ant-tabs .ant-tabs-extra-content .ant-btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+    background: none;
+  }
+  .menu-tabs.ant-tabs .ant-tabs-extra-content .menu-tabs-close-btn {
+    margin-left: 11px;
+  }
+
+  .menu-nav-wrapper {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+
+    .menu-nav-buttons {
+    }
+    .menu-nav-tooltip {
+    }
+  }
+}