import{_ as o}from"./NumUpDown-a8a6f98c.js";import{_ as r}from"./NumUpDown_Event-dfbb4a5d.js";import{_ as f,r as i,o as p,c as a,a as e,d as A,e as b,b as n,f as t}from"./app-6440dfe3.js";const l="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAAA6CAIAAACf/kS3AAAACXBIWXMAAB2HAAAdhwGP5fFlAAADsklEQVR42u2dSU4bQRSGP0OYZzFYMTK2hUBZsIAbsEwuwAXIFXKI3CG5gC9AluEACBaszMaRQQhhZMCMYnAWL6mURxoCthv+b2G1yu1uD1Wf36t6bUdKpRLPRzqdBlZWVmgukUgEeN7X0s6v9+XO24EQ/tBq/qgS7YwMIdQhhDqEaE2HSKfTFgA3P8uwRKP50X5LXu/LnVeGEMGyjKWlJWBra0vv0atkcXER2NzclCHEkwzRqrm/t8b6+nrN9sHBQbd9dnYG9PT0ANfX189y3uXl5Zqfrwwhynint6C1RKNRoKurC7i/vwfu7u6Azs5Ot+1jnujr63Mt5+fnFfvY0bq7u2uesbH1ZQghQ7QfNu7t1m+pxkb/zc2NiyfGx8fd/kNDQ27PYrHo9vGPZh6SIYQMER4sJrBbiwmqR7bFE36WYfcODw8Dp6enQD6fr4hCHpubyBBChqjJzy9A5OsHILu2CiSaeHL7Xr+9va1obzyyzQonJydAb29vzcij2jSNjylDCBniL7++fwKSn3/8a/r4rcnPwSIGf16yOvvwR7ZZIZfLAZlMxs0rJBIJYH5+viLXqPaB5iGEDBGMxOoaUFr1Y4hmP4eBgYEGcYNtHx0dAcfHx0AmswPk84cVj7J78/kCEI/HgHg87myhLEPIEK8FP26w2ca9vT1gd3fX2aJenpLLZYGLi6JrN0/UW9eQIYQMEQYaj+BkMglMTEwAl5eXrt1fC/VXR217cnLyUW6QIYQM0d5YLmDrmR0dHW58W6ZgI75x5BEkm9A8hJAhwozVOlRXSASxSz0fBL9oRYYQMkT7YSPY90GQqvcgcUO1GxrbQoYQ5Yao/i2Sllys+Gax1U6/LtKqIvw5Bj/vqOcJH5u19PcPkn3Y5y5DiPIvFF259YcWVUxtbGwAMzMz1K93urq6ci5pXDPtYzVUfm2Ez9TUFLpyS8gQ7Y5VPdn1WzYD4b/ntra5s7MDbG9vP3g0q68cGRkBFhYWgLm5ORejyBBC8xBhwyoe+vv7K7IGM7TVWsZiMeDw8Ag4ONivaQXLKcwNsdgMMD09XdMNWssQMkR4sJpKf87Rv5LCbi0HGRsbczFHNpsFCoWCs0I0+h6YnU0BqVSK8ivEVVMpZIgw41uh3mi2GQXLHaw2Yn9/37VbnuJHDE/7rRkZQsgQ4XSGH1VYLbVFFYbVVv3/L1DJECKYIUZHR3lMpY0IF/b5yhDiAfR/GUKGEOoQQh1CtEGH0P9lhP28MoRQhxDqECIgvwGW+5LBlsYNqgAAAABJRU5ErkJggg==",D="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAi0AAABqCAIAAAD/SfbYAAAACXBIWXMAAB2HAAAdhwGP5fFlAAAFE0lEQVR42u3dy27kRBQG4BOSRVAY8igT3gShSCNQttyElA1CbICZATYIsYmEuG16geBZmFcAHqJJIjLSRM3CUmjhuCh3+dbu71uw6LjtartMnX+q2r23WCwCAEbyklMAwIgOIuL00ZkTAcBgjg73I2K5XMpDAIzMOASAcQiAXXWwRW195eV/W3v194vCPdRttk8A5CEA5KFts55+qpxU/bc8FZXnNgB5CADkofsSxvorXaWNaj/dpiIA5CEA5KG5aFprV59nSue2nP0AyEMAMI089MP330bE5V+XEfHhRx9HxN7e3n+2Wa1WEfHN119FxINXH0TEu+990HkK6W+FW1dtWJ9nSqelsT4LgDwEAG3yUJWEfvrxu4i4urqMiMdPv7xLRVUSevr4k4j49ZefI+Ltd96f2TnqdlUeAPIQANuTh6o5oSoJVYmn8tmTLyLi8yef3r3+5ltnd9v3If10uL51dfRxPwWAPAQAbfJQNQ9UzQlVqvTz7NlvEfHnH7/fJaH1eaNuc0PTzMowK81y1r8NuR8AeQgAhspD6VTURxIaXtsnZJsrApCHANilPFRPRa+/cRoRDx+eTCoJ5SebehZp2r7+NO60pqd3t90PgDwEAFPKQ+up6OTktV5bljNP03aNXMmauq6O5akKAPIQANuch6ZM2gCQhwDAOASAcQgAjEMAGIcAwDgEgHEIAIxDABiHAGD85ykcHe67DMzY9c2tfg7yEADyUEvp3zRarVb3bl9/vbwNbffZ1PKStvXx6ZhmP2/q2/W/Nr1e8q50C7s9etu7O3/78ruy7aeuv15yZeUhAJCH8qqVqVUQ6VbJNEwzjeVkgmHu7uqI6VbVU0j+p2j7XuQhAOSh7TFkRVOvoXKqKjUX5RmF+j3VlGzSsy/p97qy8hAA8tD2V5ElK2SGb3nb5NRUW7U9D21X9Uh4u5DAxroXppy0urpzkYcAkIfKskLbuiM/MQyfA/IzTVf1XcnRh2mnGtw6LldWHgIAeej/koeaAvqo05v+2gfzjshDAMhDQJuMMr9P6soiDwEgD20bs1PMtU7fzaSy2ZlxxuQhAOQh7qubrPGjj0qcpnuqKZGUPH3OlZWHAJCHplfv1GuKsSqU9C+j5Lc5/wlvqirSfaCPJ48MefSS/yfkPOc+/R0p5CEA5KGp1nol2+f8nmMflVF5y7ttc/l56PuMyTR99I1htu/76F31tJI9bNb//RqZPASAcQgAjEMAGIcAwDgEgHEIAIxDABiHAMA4BMC4xn+ewvXNrcvA7OnnsO7ocF8eAkAeqo2KMNckpJ9DE3kIgN3OQ03Oz8/vff3i4sJlY2ba9vb69ukt3TXIQwCwbXmoqcorr++mViGqWCWh/DTTtH3TliAPAcA256GmhCRDQP6dAvIQAMwlD6Wl1xGt/zXn39O7Wq20WXtAf0AeAgB5qE0SSq8jappbarsGqastzXVRn8XRE5CHAEAe2rSuHP69ali67b2yEfIQAMhDmyr5tkTOe5u+k5G/Xg7aZiOpCHkIAOShvDTTtD6t2/fmP/VOJctmfQ/kIQCQh8rqxz7miub3tG8AeQiA3bW3WCxOH52N2IKjw/1WiSSdJOrfvdjs91py3pvTKr+byfXNbaKfb9bb9SvmYblcykMAyEPJOhF2IQ+BPAQA4zAOAWAcAsA4BADGIQCMQwBgHALAOAQAxiEA5usgIl48vxqxBcvnrgLzp5/DuuPjY3kIgEn4B4AnOIXgBx8jAAAAAElFTkSuQmCC",P="/BMSCTX/assets/NumUpDown_Bind_Column-a32630e0.png",w="data:image/png;base64,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",c="data:image/png;base64,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",g={},u=n('<h1 id="numupdown" tabindex="-1"><a class="header-anchor" href="#numupdown" aria-hidden="true">#</a> <img src="'+o+'" style="position:relative;top:5px;" width="40" height="40"> (NumUpDown)</h1><p>수치에 대한 증감 처리를 수행하는 컴포넌트입니다.</p><p><b style="font-size:20px;"> 1) 컴포넌트 이미지 </b> <br> 도구상자에서 NumUpDown 컴포넌트를 선택하여 화면작업 영역에 디자인합니다. <br><img src="'+l+'" style="border:1px solid #bbb;" width="150" height="40"> <br></p><p><b style="font-size:20px;"> 2) 컴포넌트 속성 </b> <br> 화면작업 창에서 NumUpDown 컴포넌트 선택 시 속성 창에 설정이 가능한 항목에 값을 입력합니다. <br><b style="font-size:18px;"> (1) A.Data </b> <br><img src="'+D+'" style="border:1px solid #bbb;" width="300" height="55"> <br><b style="font-size:18px;"> ① Bind:Column </b> <br> UI 화면작업 창의 Dataset 탭에서 등록한 Dataset Column을 할당하는 부분입니다. <br><img src="'+P+'" width="400" height="300"></p><p><b style="font-size:18px;"> ② Dataset </b> <br> 할당된 Dataset 명 표시합니다. <br></p>',5),d={class:"custom-container tip"},m={class:"custom-container-title"},Q=A("p",null,[t("Dataset Bind 했을 경우 "),A("span",{style:{color:"#00a4ff"}},"Dataset_Column"),t("으로 해당 컴포넌트 ID가 자동으로 변환됩니다. "),A("br"),A("span",{style:{color:"#00a4ff"}},"Ex) Dataset : S01 Column : NumUpDown ⇒ 컴포넌트 ID : S01_NumUpDown ")],-1),v=A("p",null,[A("b",{style:{"font-size":"18px"}}," (2) B.CommonElement "),t(),A("br"),A("img",{src:w,style:{border:"1px solid #bbb"},width:"300",height:"150"}),t(),A("br"),A("b",{style:{"font-size":"18px"}}," ① ID "),t(),A("br"),t(" 해당 컴포넌트의 ID를 설정합니다.")],-1),B=A("p",null,[A("b",{style:{"font-size":"18px"}}," ② Length "),t(),A("br"),t(" 해당 컴포넌트의 길이를 설정합니다.")],-1),z={class:"custom-container tip"},x={class:"custom-container-title"},h=A("p",null,"빌드를 했을 때 소스 상으로 size로 설정이 되어있지만 style 부분에 width도 같이 설정되어있어서 Length를 확인하려면 해당 컴포넌트 우측 속성에 styleOff을 true로 설정하면 해당 Length만큼 길이를 보여줍니다.",-1),y=n('<p><b style="font-size:18px;"> ③ MaxLength </b> <br> 해당 컴포넌트의 최대 길이 제한을 설정합니다. <span style="color:#00a4ff;">Ex) 최대 길이가 2인 경우 2자리까지 입력이 가능합니다. </span></p><p><b style="font-size:18px;"> ④ NavIndex </b> <br> Index 값을 지정 후 Tab 키를 누르면 오름차순으로 이동하게 됩니다.</p><p><b style="font-size:18px;"> ⑤ ReadOnly </b> <br> 값이 True이면 포커스는 잡히지만 수정은 불가능합니다.</p><p><b style="font-size:18px;"> ⑥ Text-Align </b> <br> 입력한 텍스트 정렬을 설정합니다.</p><p><b style="font-size:18px;"> ⑦ Value </b> <br> 해당 컴포넌트의 들어가는 값을 설정합니다. <br></p><p><b style="font-size:18px;"> ⑧ Visible </b> <br> 해당 컴포넌트를 화면에 보여줄지에 대한 여부를 설정합니다. <br></p><p><b style="font-size:18px;"> (3) C.ControlElement </b> <br><img src="'+c+'" style="border:1px solid #bbb;" width="300" height="70"> <br><b style="font-size:18px;"> ① IncrementValue </b> <br> 증감되는 값을 설정합니다.</p>',7),H={class:"custom-container tip"},M={class:"custom-container-title"},C=A("p",null,[t("입력한 숫자만큼 증감한다. "),A("br"),A("span",{style:{color:"#00a4ff"}},[t("Ex) IncrementValue : 10"),A("br"),t(" • 입력한 값 : 1 => 11 "),A("br"),t(" • 입력한 값 : 22 => 31")])],-1),I=n('<p><b style="font-size:18px;"> ② Max Value </b> <br> 해당 컴포넌트의 최대값을 설정합니다. 입력한 값이 설정한 최대값 보다 높을 경우 설정한 최대값으로 바뀝니다.</p><p><b style="font-size:18px;"> ③ Min Value </b> <br> 해당 컴포넌트의 최소값을 설정합니다. 입력한 값이 설정한 최소값 보다 작을 경우 설정한 최소값으로 바뀝니다.</p><p><b style="font-size:20px;"> 3) 컴포넌트 이벤트 </b> <br><img src="'+r+'" style="border:1px solid #bbb;" width="300" height="200"> <br><b style="font-size:18px;"> (1) 1.MouseEvent </b> <br><b style="font-size:18px;"> ① OnClick </b> <br> 마우스를 클릭할 때 발생하는 이벤트입니다. <br><b style="font-size:18px;"> ② OnMosueDown </b> <br> 마우스 버튼을 누를 때 발생하는 이벤트입니다. <br><b style="font-size:18px;"> ③ OnMosueMove </b> <br> 마우스를 움직일 때 발생하는 이벤트입니다. <br><b style="font-size:18px;"> ④ OnMosueOut </b> <br> 마우스가 요소를 벗어날 때 발생하는 이벤트입니다. <br><b style="font-size:18px;"> ⑤ OnMosueOver </b> <br> 마우스가 요소 안에 들어올 때 발생하는 이벤트입니다. <br><b style="font-size:18px;"> ⑥ OnMosueUp </b> <br> 마우스 버튼을 뗄 때 발생하는 이벤트입니다. <br></p><p><b style="font-size:18px;"> (2) 2.KeyEvent </b> <br><b style="font-size:18px;"> ① OnBlur </b> <br> 포커스를 잃었을 때 발생하는 이벤트입니다. <br><b style="font-size:18px;"> ② OnChange </b> <br> 입력필드의 값이 바뀐 후 포커스를 잃었을 때 발생하는 이벤트입니다. <br><b style="font-size:18px;"> ③ OnFocus </b> <br> 포커스가 잡혔을 때 발생하는 이벤트입니다. <br><b style="font-size:18px;"> ④ OnSelect </b> <br> 마우스로 입력된 텍스트를 드래그했을 때 발생하는 이벤트입니다. <br></p>',4);function E(q,X){const s=i("Badge");return p(),a("div",null,[u,e(" Remark "),A("div",d,[A("p",m,[b(s,{type:"tip",text:"Remark",vertical:"middle"})]),Q]),e(" "),v,B,e(" Remark "),A("div",z,[A("p",x,[b(s,{type:"tip",text:"Remark",vertical:"middle"})]),h]),e(" "),y,e(" Remark "),A("div",H,[A("p",M,[b(s,{type:"tip",text:"Remark",vertical:"middle"})]),C]),e(" "),I])}const V=f(g,[["render",E],["__file","NumUpDown.html.vue"]]);export{V as default};