Flex Style insert.

Author: Suhan Moon

README.md

@@ -104,6 +104,8 @@ width, height값을 별도로 줄 수 있습니다.
 프로젝트 문의 혹은 제휴가 필요한 경우 [email protected]로 연락주세요.
 
 # Changes
+- 0.9.6
+  - onClose 이벤트 추가
 - 0.9.4
   - 아싸리 그냥 FlexStyle속성을 다 밀어넣어버립시다..
 - 0.9.3

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@actbase/react-daum-postcode",
-  "version": "0.9.4",
+  "version": "0.9.6",
   "description": "다음 우편번호찾기 for React, React-Native",
   "main": "lib/index.js",
   "module": "lib/index.js",

src/app.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { PostcodeProps } from './types';
+import { OnCompleteParams, PostcodeProps } from './types';
 
 const getJSApi = (): Promise<any> => {
   return new Promise((resolve, reject) => {
@@ -22,7 +22,7 @@ const getJSApi = (): Promise<any> => {
   });
 };
 
-const Postcode: React.FC<PostcodeProps> = ({ onSelected, jsOptions, style }) => {
+const Postcode: React.FC<PostcodeProps> = ({ onSelected, onClose, jsOptions, style }) => {
   const layer = React.useRef<HTMLDivElement>(null);
 
   const loadData = React.useCallback(async () => {
@@ -31,10 +31,17 @@ const Postcode: React.FC<PostcodeProps> = ({ onSelected, jsOptions, style }) =>
       // @ts-ignore
       new window.daum.Postcode({
         ...jsOptions,
-        oncomplete: onSelected,
-        onclose: function() {
-          loadData();
+        oncomplete: function(data: OnCompleteParams) {
+          console.log('oncomplete');
+          onSelected(data);
         },
+        onclose:
+          onClose ||
+          function() {
+            if (layer.current) {
+              loadData();
+            }
+          },
       }).embed(layer.current);
     }
   }, []);

src/types.ts

@@ -387,6 +387,8 @@ export interface PostcodeProps {
    */
   onSelected: (data: OnCompleteParams) => void;
 
+  onClose: () => void;
+
   /**
    * onSelected 함수에서 오류 발생 시 실행되는 함수입니다.
    */