import{_ as r}from"./SplitGroupBox-697df19e.js";import{_ as a,r as B,o as b,c as g,a as o,d as A,e as l,b as e,f as t}from"./app-6440dfe3.js";const n="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAAEsCAIAAACqlVoGAAAACXBIWXMAAB2HAAAdhwGP5fFlAAAEl0lEQVR42u3dUW4aSxAF0O6IBeCdwGZmkb0Z2AneweRjCKB4oKuDZCtT53xZLx95HtVVdc8Nos7zXIBSfnkEIAzwRhhaa6217/+//Km/t9Zaa83z+yZ/zjYDCAMIA6yf1l68Wj0ej6WU8/nsMbEBh8OhlHI6nWwGeGMzLBd8rRwbmfXePNsMIAykp2cAmwGEASJ2j+en28/TNHk0bPWesDrnrTWbAa70DKSZdT0DuEBD//6gZwCbAYQB+jdsb5PIMuveJoFjEggDCAMM0TOAzQDCABF6BtLMup4BHJNAGEAYYIieAWwGEAaI0DOQZtb1DOCYBMIAwgBD9AxgM4AwQISegTSzrmcAxyQQBhAGGKJnAJsBhAEifA806e4Jq3Pue6DhTgNNmlnXQIMLNPTvD3oGsBlAGKB/w/Y2iSyz7m0SOCaBMIAwwBA9A9gMIAwQoWcgzazrGcAxCYQBhAGG6BnAZgBhgAg9A2lmXc8AjkkgDCAMMETPADYDCANE6BlIM+t6BnBMAmEAYYAhegawGUAYIOL+PdDLW9iFboGtejbntVabAb5sBtuADJ7N+TzPNgO4QJOengFsBhAGiPB5BtLMus8zgGMSCAMIAwzRM4DNAMIAEXoG0sy6ngEck0AYQBhgiJ4BbAYQBojQM5Bm1vUM4JgEwgDCAEP0DGAzgDBAhJ6BNLOuZwDHJBAGEAYYomcAmwGEASJ2j+en28/TNHk0bPWesDrnrTWbAa400KSZdQ00uEBD//6gZwCbAYQB+jdsb5PIMuveJoFjEggD/JPdiz/b7/e3kxb875Z5frSUDLd/oWQzQGAzXC4XDwh3BkinqhHAZgBhAGEAYYAVPs8A6171DMfjsZRyPp89JjbgcDiUUk6nk2MSdPg8A2lm3ecZIEgYQBhAGGChZwCbAYQBIvQMpJl1PQM4JoEwgDDAED0D2AwgDBDhe6BJd09YnXPfAw13GmjSzLoGGlygoX9/0DOAzQDCAP0btrdJZJl1b5PAMQmEAYQBhugZwGYAYYAIPQNpZl3PAI5JIAwgDDBEzwA2AwgDROgZSDPregZwTAJhAGGAIXoGsBlAGCBCz0CaWdczgGMSCAMIAwzRM4DNAMIAEffvgV7ewi50C2zVszmvtdoM8GUz2AZk8GzO53m2GcAFmvT0DGAzgDBAhM8zkGbWfZ4BHJNAGEAYYIieAWwGEAaI0DOQZtb1DOCYBMIAwgBD9AxgM4AwQISegTSzrmcAxyQQBhAGGKJnAJsBhAEi9AykmXU9AzgmgTCAMMAQPQPYDCAMELF7PD/dfp6myaNhq/eE1TlvrdkMcKWBJs2sa6DBBRr69wc9A9gMIAzQv2F7m0SWWfc2CRyTQBhAGGCIngFsBhAGiNAzkGbW9QzgmATCAMIAQ/QMYDOAMECEnoE0s65nAMckEAYQBhiiZwCbAYQBIl71DB8fH6WUz89Pj4kN2O/3pZTL5WIzwBubAdwZQBh6/nov+21+6u+ttS7/oCXJ75v8OdsMIAwgDLCq/z3Qmf/746s2z2fzz9lmgD/3eD0DuDPAG2Hw/nvbv2/y5/wbmwO7ZxKIIcMAAAAASUVORK5CYII=",p="data:image/png;base64,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",i="/BMSCTX/assets/SplitGroupBox_Design-b5bf19bb.png",c="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlIAAABpCAIAAAB+n1pjAAAACXBIWXMAAB2HAAAdhwGP5fFlAAAEe0lEQVR42u3dz4oURxzA8d/oHhRjXsXNm0gQworXxIQcRXLxb/QSxKNokqu4BPIi8RUSX8Jd0QVlcmgyGWy6qOmq3qme/XwO4s729PTULBRfqqd7cXJyEhGHh4cBALvr4OAgIs4ZCADOjr31H659c8OIALBj/vzj5er/ag+AM8S0B4BpDwB20d68DveLi/8f8PH7j6Ofm7bpngFQewCg9mp0Xrk59lxJ6QKg9gAw7bXq+P1HiQOA2gOAXHuGIG1oRS3n8c9qNbHn9Pb9LbtH5C+A2gOAGrX364tnEXH09igibt3+KSIWi8Vn2yyXy4h4+uSXiLj85eWIuPn9j403XE6ZlXdhus/S23f/OpMTQO0BwDS113Xe7789j4jj46OIuP/w8ar5us57eP9ORBy+ehkR3373Q7NvWy0BqD0AUHv/6dbzus7req5z78GjiPj5wd3V4wfXb6y2n7v1dbX+iuBQNda9pgwAag8Apqy9bg2vW8/rdG33+vVfEfHmn79Xnbe+5nc2WTsEUHsAMJ/aSzffbndeyTfnfN8OQO0BwBxqr998V7++FhFXruxvvfPyu2qKq7SMO+ezZP/aEUDtAUDt2ltvvv39r07tcEv6plZv1XqVnOtzTvEuANQeAKi9uVFCAKg9ADDtAWDaAwDTHgCY9gDAtAcApj0AMO0BgGkPAKrbMwRQy6UL5w0CqD0AUHvZzsK95fLf49CdAvvP7e+zZCTd4Q9QewCg9thGEaoxALUHAGqv1YYbKrackqt753cAtQcAam97hTRUM/3fptfDxm05tH3+PrdblrWO2ZoioPYAQO3Vlr8Glv8Ntk23HPfqQ4+nV/hOv//Sx6DzALUHAGpvDqVI/vjoPEDtAYDaa9vQ+Zmnuc8pjmHqEdN5gNoDALU3t2opb6/8uyjMcf3s9M81BVB7AKD2avRfum/qlmXdxqpbYOm9aT5A7QGA2mtVv+HSVZd/Hcvprsm56RGW7DP/fg6aD1B7AKD2yionp0XKHx93dcpxnTRum5IjKdln+fEAqD0AUHvttWbLd9EDQO0BgNoraz4A1B4AmPYAwLQHAKY9ADDtAUBVzuSEat59+GQQQO0BgNrruXThvM+DWXeev2FQewCg9jaxWCwiYrlc7sygd+9oSPqdDj23/6z+uJWM5O59CoDaAwC1xzSGymmoq9K9pcYA1B4AqL25ySm5nM7TggBqDwC1N4f6GaqZ/m/T62HjthzaPn+f7VRjyTFbUwTUHgCovdryz3XM/wbbpluOe/VNC3Jb/ZfzDUKdB6g9AFB7bZdiO8fQQkXpPEDtAYDam7P0tTHb2WdrI6bzALUHAGpvbtVS3mq7XULr34zUfIDaAwC1N5/+S/dN3bKs21h1Cyy9N80HqD0AUHut6jdcuuryr2M5xXU+xx3huHHI35vmA9QeAKi9GmWW30Mlj4+7OuW4Tqo1GtONW63nAqg9AFB7rbZmy3fRA0DtAYDaK2s+ANQeAJj2AMC0BwCmPQAw7QFAVQ2dyfnuwyefB7Pmbxja9y8lJLIknuon+gAAAABJRU5ErkJggg==";const D={},d=e('

(SplitGroupBox)

컨테이너의 영역을 그룹으로 묶어서 표시하는 컴포넌트입니다.

1) 컴포넌트 이미지
도구상자에서 SplitGroupBox 컴포넌트를 선택하여 화면작업 영역에 디자인합니다.

2) 컴포넌트 속성
화면작업 창에서 SplitGroupBox 컴포넌트 선택 시 속성 창에 설정이 가능한 항목에 값을 입력합니다.
(1) B.CommonElement

① DockFull
Full로 설정했을 경우 해당 컴포넌트 부모 컴포넌트 크기의 맞춰서 설정됩니다.

② Fix Group
창을 조절할 때 Fix Group이 none일 경우, 해당 컴포넌트 안에 화면들이 A, B가 조절이 되고 Group B인 경우는 B 부분만 조절이 된다. Group A인 경우는 A 부분만 조절이 됩니다.

③ ID
해당 컴포넌트의 ID를 설정합니다.

④ isFixed
해당 속성에 여부에 따라서 Dsign 탭에서는 Ctrl 키로 조절할 수 있고 화면 상에서는 마우스로 조절할 수 있습니다.

⑤ Split Guid
True일 경우 해당 컴포넌트의 Guide 마지막 위치의 선 여부를 설정합니다.

⑥ Split Type
해당 컴포넌트의 패널 방향을 세로 또는 가로로 설정합니다.

⑦ Visible
해당 컴포넌트를 화면에 보여줄지에 대한 여부를 설정합니다.

(2) D.Design

① barDistance
해당 컴포넌트 top에서부터 거리를 설정합니다.

② barSize
해당 컴포넌트의 그룹 사이의 사이즈를 설정합니다.

③ Class-Com
Tool Box > User > View Common Config > Control-CSS에 해당 컴포넌트에서 지정한 Class 명을 설정합니다.

④ Class-TXT
해당 컴포넌트의 Class 명을 지정합니다.

⑤ GroupA-Class
해당 컴포넌트 상단에 있는 패널 부분에 Class 명을 지정합니다.

⑥ GroupB-Class
해당 컴포넌트 하단에 있는 패널 부분에 Class 명을 지정합니다.

⑦ Image(A~B)
해당 컴포넌트에 대한 이미지 경로를 설정합니다. Ex) /DEMO/img/test/up(down).png

⑧ Layer(1~2)-Tag
해당 컴포넌트의 부모 태그를 설정합니다.

⑨ Lock
해당 컴포넌트에 Lock을 설정하여 마우스로 해당 컴포넌트가 움직이지 못하게 고정합니다.

⑩ Margin
해당 컴포넌트의 바깥쪽 공간 여백을 설정합니다.

⑪ Position
해당 컴포넌트 컬럼의 위치를 설정합니다.

',22),Q={class:"custom-container tip"},C={class:"custom-container-title"},f=A("p",null,[t("position이 none일 경우 default 값이 relative로 처리됩니다. "),A("br")],-1),m=A("p",null,[A("b",{class:"font18"}," ⑫ Split-Class "),t(),A("br"),t(" 해당 컴포넌트 바에 대한 Class명을 입력합니다. "),A("br")],-1),u=A("p",null,[A("b",{class:"font18"}," ⑬ Style "),t(),A("br"),t(" 해당 컴포넌트의 CSS, Style 사용합니다. "),A("br")],-1),G={class:"custom-container tip"},I={class:"custom-container-title"},w=A("ul",null,[A("li",null,[t("Color를 선택하는 팝업창을 사용하는 경우 색상을 클릭이 아니라 더블 클릭 후 "),A("span",{class:"spanBtn"},"OK"),t(" 버튼을 클릭하여 색상을 지정합니다.")]),A("li",null,"Class를 입력, StyleOff를 True 시 BackColor, BorderColor, Borderwidth, Font-Color 등 속성값이 적용되지 않습니다."),A("li",null,"CSS 파일로 CSS를 사용하는 경우 Tool Box > User > View Common Config > Common File > CSS FILES에 등록 후 사용해야합니다."),A("li",null,"Style에 값을 넣어서 사용하면 BackColor, BorderColor, Borderwidth, Font-Color 등 속성값이 적용되지 않습니다."),A("li",null,"우선순위 : 1순위 Style> 2순위 class> 3순위 속성")],-1),E=e('

3) 컴포넌트 이벤트

(1) 1.Event
① ImageAClick
해당 컴포넌트 첫 번째 이미지를 클릭할 때 발생하는 이벤트입니다.
② ImageBClick
해당 컴포넌트 두 번째 이미지를 클릭할 때 발생하는 이벤트입니다.

',1);function M(h,v){const s=B("Badge");return b(),g("div",null,[d,o(" Remark "),A("div",Q,[A("p",C,[l(s,{type:"tip",text:"Remark",vertical:"middle"})]),f]),o(" "),m,u,o(" Remark "),A("div",G,[A("p",I,[l(s,{type:"tip",text:"Remark",vertical:"middle"})]),w]),o(" "),E])}const Z=a(D,[["render",M],["__file","SplitGroupBox.html.vue"]]);export{Z as default};