https://www.percenty.co.kr/static/js/async/121.2b7f529542.js

1"use strict";(self.rspackChunkjikguhagi_web=self.rspackChunkjikguhagi_web||[]).push([[121],{80744(e,t,r){r.r(t),r.d(t,{default:()=>P});var n=r(18844),l=r(76865),o=r(51372),a=r(86070),u=r(30758),i=r(29962),c=r(65020),s=r(43914),d=r(2195),h=r(99171),p=r(10049),y=r(57538),g=r(17711),x=r(52428),f=r(66270),m=r(73107),A=r(89592),j=r(5155);function b(){let e=(0,o._)([""]);return b=function(){return e},e}function S(){let e=(0,o._)(["\n    padding: 9px 16px;\n    border-radius: 2px;\n    border: 1px solid ",";\n    background-color: ",";\n"]);return S=function(){return e},e}function k(){let e=(0,o._)(["\n    margin: 0;\n"]);return k=function(){return e},e}r(32700);let v=y.Ay.div.attrs({className:(0,A.oh)("Body3Regular14","CharacterTitle85")})(b()),C=y.Ay.div(S(),A.Jy.Primary3,A.Jy.Primary1),T=y.Ay.p(k()),w=function(e){let{shortcutMap:t,onKeyDownButton:r,selectedShortcutType:n,onClickSelectedShortcutType:l,shortcutUtil:o}=e,{message:u}=i.A.useApp();return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(C,{className:(0,A.oh)("Body3Regular14","CharacterTitle85"),children:[(0,a.jsx)(T,{children:"· 단축키 변경 방법 (단축키 클릭 > 원하는 키 누르기 > 완료)"}),(0,a.jsx)(T,{children:"· 이미 다른 기능이 사용 중인 단축키는 설정되지 않습니다."}),(0,a.jsx)(T,{children:"· 저장 후 이미지에디터를 재 실행해야 변경된 단축키가 적용됩니다."}),(0,a.jsx)(T,{children:"· 이미 사용 중인 조합과 겹치는 기능은 '미지정'으로 표시됩니다. 원하는 키를 직접 지정해 주세요."})]}),(0,a.jsx)(j.A,{columns:[{title:"기능",dataIndex:"shortcutType",key:"shortcutType",width:"50%",render:(e,t)=>(0,a.jsx)(v,{children:o.getShortcutTypeDisplay(t.shortcutType)})},{title:"단축키",dataIndex:"shortcutValue",key:"shortcutValue",width:"50%",render:(e,i)=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(p.Ay,{disabled:i.shortcutValue.immutable,type:n===i.shortcutType?"primary":"default",onClick:()=>l(i.shortcutType),onKeyDown:e=>((e,n,l)=>{if(e.preventDefault(),"ControlLeft"===e.code||"ControlRight"===e.code||"AltLeft"===e.code||"AltRight"===e.code||"ShiftLeft"===e.code||"ShiftRight"===e.code||"MetaLeft"===e.code||"MetaRight"===e.code||"Escape"===e.code)return;let a=(0,f.aP)(t,n,(0,f.QI)(e));null!==a?u.warning("[".concat(o.getShortcutTypeDisplay(a),"] 기능이 이미 사용 중인 단축키입니다.")):r(e,n,l)})(e,i.shortcutType,i.shortcutValue),children:o.getShortcutValueDisplay(i.shortcutValue)||"미지정"}),i.shortcutValue.additionalImmutableDisplay&&(0,a.jsx)(p.Ay,{disabled:!0,type:"default",style:{marginLeft:8},children:i.shortcutValue.additionalImmutableDisplay})]})}],dataSource:Array.from(t,e=>{let[t,r]=e;return{key:t,shortcutType:t,shortcutValue:r}}),style:{marginTop:8},pagination:!1})]})};var D=r(40038),_=r(46086);function N(){let e=(0,o._)(["\n    padding: 0px 24px;\n\n    .ant-tabs-ink-bar {\n        background-color: "," !important;\n    }\n"]);return N=function(){return e},e}function I(){let e=(0,o._)(["\n    box-shadow: none;\n    border: none;\n    background-color: transparent;\n"]);return I=function(){return e},e}function Q(){let e=(0,o._)(["\n    padding: 16px 24px;\n"]);return Q=function(){return e},e}function V(){let e=(0,o._)(["\n    border: 1px solid ",";\n    background-color: ",";\n    color: ",";\n    border-radius: 2px;\n"]);return V=function(){return e},e}let J={imageEditor:"이미지 에디터",product:"상품관리"},M=(0,y.Ay)(h.A)(N(),A.Jy.Primary6),R=(0,y.Ay)(p.Ay)(I()),E=(0,y.Ay)(d.A)(Q()),L=(0,y.Ay)(p.Ay)(V(),A.Jy.Neutral5,e=>{let{bg:t}=e;return null!=t?t:A.Jy.Neutral1},e=>{let{color:t}=e;return null!=t?t:A.Jy.Neutral7}),P=function(e){let{open:t,onClose:r}=e,[o,h]=(0,u.useState)("imageEditor"),[p,y]=(0,u.useState)(x.pi.getAllShortcut()),[j,b]=(0,u.useState)(null),[S,k]=(0,u.useState)(x.Qo.getAllShortcut()),[v,C]=(0,u.useState)(null),{message:T}=i.A.useApp(),N=(0,D.UH)(),I={imageEditor:()=>{b(null),y(x.pi.getAllDefaultShortcut()),x.pi.saveShortcuts(x.pi.getAllDefaultShortcut())},product:()=>{C(null),k(x.Qo.getAllDefaultShortcut()),x.Qo.saveShortcuts(x.Qo.getAllDefaultShortcut()

1)}},Q={imageEditor:()=>{x.pi.saveShortcuts(p)},product:()=>{x.Qo.saveShortcuts(S)}},V=e=>{T.open({type:"success",content:"".concat(J[e]," 단축키 설정을 완료 하였습니다.")}),Q[e]()},P=async()=>{await N({shortcutPageText:J[o],zIndex:1090})&&I[o]()},B=[{key:"imageEditor",label:"이미지 에디터",children:(0,a.jsx)(w,{selectedShortcutType:j,onKeyDownButton:(e,t,r)=>{y(o=>{let a=new Map(o);return a.set(t,(0,l._)((0,n._)({},r,(0,f.QI)(e,{platform:(0,m.o0)(),preferMod:_.tz.has(t)})),{legacyCtrl:void 0,platformOverrides:void 0})),a}),b(null)},onClickSelectedShortcutType:e=>{b(e)},shortcutMap:p,shortcutUtil:x.pi},"1")},{key:"product",label:"상품관리",children:(0,a.jsx)(w,{selectedShortcutType:v,onKeyDownButton:(e,t,r)=>{k(l=>{let o=new Map(l);return o.set(t,(0,n._)({},r,(0,f.QI)(e))),o}),C(null)},onClickSelectedShortcutType:e=>{C(e)},shortcutMap:S,shortcutUtil:x.Qo},"2")}];return(0,a.jsx)(s.A,{closable:!1,title:(0,a.jsxs)(d.A,{justify:"space-between",align:"center",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{style:{marginRight:12},className:(0,A.oh)("H5Medium16","Neutral13"),children:"단축키 설정"}),(0,a.jsx)("span",{className:(0,A.oh)("Body3Regular14","Neutral7"),children:"퍼센티를 좀 더 효율적으로 사용할 수 있는 단축키를 확인/설정할 수 있는 영역입니다."})]}),(0,a.jsx)("div",{children:(0,a.jsx)(R,{onClick:r,children:(0,a.jsx)(g.A,{})})})]}),styles:{header:{padding:"16px 24px"},body:{padding:0}},rootClassName:"Center_Drawer_80vw",motion:{motionAppear:!1,motionLeave:!1},placement:"right",open:t,onClose:r,keyboard:!1,zIndex:1080,footer:(0,a.jsxs)(E,{justify:"space-between",children:[(0,a.jsx)("div",{children:(0,a.jsx)(L,{onClick:()=>{P()},children:"단축키 초기화"})}),(0,a.jsxs)(c.A,{size:8,children:[(0,a.jsx)(L,{onClick:()=>{r()},children:"닫기"}),(0,a.jsx)(L,{onClick:()=>{V(o)},bg:A.Jy.Primary6,color:A.Jy.Neutral1,children:"저장하기"})]})]}),children:(0,a.jsx)(M,{defaultActiveKey:"imageEditor",onChange:e=>{V(o),h(e)},items:B})})}}}]);