@things-factory/meta-ui 9.0.0-beta.27 → 9.0.0-beta.29

package/dist-client/utils/ui-util.js

@@ -0,0 +1,307 @@
+import { store, CustomAlert, navigate } from '@things-factory/shell';
+import { openPopup } from '@operato/layout';
+import { closePopup } from '@operato/popup';
+import { isMobileDevice } from '@operato/utils';
+import { getEditor } from '@operato/data-grist';
+import { TermsUtil } from './terms-util';
+import { ValueUtil } from './value-util';
+/**
+ * @license
+ * Copyright © HatioLab Inc. All rights reserved.
+ * @author Shortstop <shortstop@hatiolab.com>
+ * @description UI 관련 유틸리티 함수 정의
+ */
+export class UiUtil {
+    /**
+     * @description 현재 디바이스가 모바일 장비인지 체크
+     **************************************
+     * @returns {Boolean} 모바일 장비 여부
+     */
+    static isMobileEnv() {
+        return isMobileDevice();
+    }
+    /**
+     * @description 현재 로케일 정보 리턴
+     **************************************
+     * @returns {String} 현재 브라우저의 로케일 정보
+     */
+    static currentLocale() {
+        let cookie = document.cookie;
+        cookie = cookie.substring(cookie.indexOf('i18next'));
+        if (cookie.indexOf(';') > -1) {
+            cookie = cookie.substring(0, cookie.indexOf(';'));
+        }
+        cookie = cookie.replace('i18next=', '');
+        if (cookie == 'ko')
+            return 'ko-KR';
+        else
+            return cookie;
+    }
+    /**
+     * @description 최종 애플리케이션 모듈 정보 리턴
+     *****************************************
+     * @returns {Object} 최종 애플리케이션 모듈
+     */
+    static getApplicationModuleInfo() {
+        let modules = store.getState().app.modules;
+        return modules[modules.length - 1];
+    }
+    /**
+     * @description 현재 액티브 된 화면의 라우팅 정보
+     **************************************
+     * @returns {String} 현재 액티브 된 화면의 라우팅 정보
+     */
+    static currentRouting() {
+        return store.getState().route.page;
+    }
+    /**
+     * @description popup 닫기
+     ************************
+     * @param {HTML} popup
+     */
+    static closePopupBy(popup) {
+        closePopup(popup);
+    }
+    /**
+     * @description 오픈하고자 하는 엘리먼트를 받아 팝업 오픈
+     *************************************************
+     * @param {String} popupTitle 팝업 타이틀
+     * @param {String} popupSize 팝업 사이즈 ex) 'large', 'medium', 'small'
+     * @param {HTMLElement} element 팝업에 표시할 엘리먼트
+     * @param {Boolean} backdrop 백드롭 여부
+     * @param {String} help help 파일 경로
+     * @returns {Object} popup
+     */
+    static openPopupByElement(popupTitle, popupSize, element, backdrop, help = '') {
+        if (popupSize === 'full') {
+            element.style.height = '95dvh';
+        }
+        return openPopup(element, {
+            backdrop: true,
+            hovering: popupSize === 'full' ? 'edge' : 'center',
+            size: popupSize === 'full' ? 'large' : popupSize,
+            title: popupTitle,
+            backdrop: backdrop,
+            help: help
+        });
+    }
+    /**
+     * @description popupConfig에 포함된 element 정보를 이용해 팝업을 연다
+     **************************************************************
+     * @param {String} title 팝업 타이틀
+     * @param {Object} popupConfig 팝업 구성을 위한 설정 정보 ex) { module: '', location: '', tagname: '', size : '', popup_field: '', parent_field: ''}
+     * @param {Object} paramData 팝업에 넘겨 줄 파라미터
+     * @param {Function} popupCloseCallback 팝업 닫을 때 실행되기 위한 콜백 함수
+     */
+    static async openDynamicPopup(title, popupConfig, paramData, popupCloseCallback) {
+        // 부모 필드
+        let parentValue = ValueUtil.isNotEmpty(popupConfig.parent_field)
+            ? ValueUtil.getParams(paramData, ...popupConfig.parent_field.split('.'))
+            : undefined;
+        // 팝업 엘리먼트 생성
+        let htmlText = `<${popupConfig.tagname} route_name='${popupConfig.menu}' parent_id='${parentValue}' is_popup=true></${popupConfig.tagname}>`;
+        let htmlElements = UiUtil.htmlToElement(htmlText);
+        htmlElements.config = popupConfig;
+        // 파라미터 설정
+        if (ValueUtil.isNotEmpty(popupConfig.popup_field)) {
+            htmlElements[popupConfig.popup_field] = paramData;
+        }
+        // 팝업 오픈
+        let popup = UiUtil.openPopupByElement(title, popupConfig.size, htmlElements, true, popupConfig.help);
+        // 팝업 클로즈 핸들러
+        if (popupCloseCallback) {
+            popup.onclosed = popupCloseCallback;
+        }
+    }
+    /**
+     * @description tagname, routing으로 커스텀 엘리먼트 생성
+     ****************************************************
+     * @param {String} tagname 팝업에 포함할 태그 명
+     * @param {String} routing 라우팅
+     * @returns {HTMLElement} 커스텀 엘리먼트
+     */
+    static createCustomElement(tagname, routing) {
+        let htmlStr = `<${tagname} route_name='${routing}'></${tagname}>`;
+        return UiUtil.htmlToElement(htmlStr);
+    }
+    /**
+     * @description HTML 문자열을 elements로 변환
+     **************************************
+     * @param {String} htmlString html 문자열
+     * @returns {HTMLElement} 커스텀 엘리먼트
+     */
+    static htmlToElement(htmlString) {
+        var template = document.createElement('template');
+        template.innerHTML = htmlString;
+        var elements = template.content.childNodes;
+        var element = elements[0];
+        template.content.removeChild(element);
+        return element;
+    }
+    /**
+     * @description 페이지 이동
+     **************************************
+     * @param {String} url 페이지 URL (route 값)
+     * @param {Object} params 페이지 파라미터, null 가능
+     */
+    static pageNavigate(url, params) {
+        let paramStr = params ? '?' : '';
+        if (params) {
+            paramStr += 'pass=' + JSON.stringify(params);
+        }
+        navigate(`${url}${paramStr}`);
+    }
+    /**
+     * @description store의 정보 추출
+     ****************************************************
+     * @param {String} accessor1 스토어 액세서 1, 빈 값 가능
+     * @param {String} accessor2 스토어 액세서 2, 빈 값 가능
+     * @param {String} accessor3 스토어 액세서 3, 빈 값 가능
+     * @returns {Object} store 정보
+     */
+    static getStore(accessor1, accessor2, accessor3) {
+        let store = store.getState();
+        if (accessor1 && accessor2 && accessor3) {
+            return store[accessor1][accessor2][accessor3];
+        }
+        else if (accessor1 && accessor2) {
+            return store[accessor1][accessor2];
+        }
+        else if (accessor1) {
+            return store[accessor1];
+        }
+        else {
+            return store;
+        }
+    }
+    /**
+     * @description 커스텀 이벤트 전파
+     *************************************
+     * @param {String} eventName 이벤트 이름
+     * @param {Object} eventDetail 이벤트 상세 정보
+     */
+    static fireCustomEvent(eventName, eventDetail) {
+        document.dispatchEvent(new CustomEvent(eventName, {
+            detail: eventDetail
+        }));
+    }
+    /**
+     * @description 토스트 메시지 표시
+     *************************************
+     * @param {String} type 토스트 타입
+     * @param {String} message 메시지
+     */
+    static showToast(type, message) {
+        document.dispatchEvent(new CustomEvent('notify', {
+            detail: { type, message }
+        }));
+    }
+    /**
+     * @description Alert 메시지 창 표시
+     *************************************
+     * @param {String} titleCode Alert 제목 표시를 위한 용어 이름, 예) title.confirm
+     * @param {String} textCode Alert 텍스트 표시를 위한 용어 이름 예) text.are_you_sure
+     * @param {String} type Alert 창 유형 - info, error, warning ...
+     * @param {String} confirmButtonCode 확인 버튼 표시를 위한 용어 이름 예) confirm
+     * @param {String} [cancelButtonCode] 취소 버튼 표시를 위한 용어 이름 예) cancel
+     * @returns {Object} Alert 팝업
+     */
+    static async showAlertPopup(titleCode, textCode, type, confirmButtonCode, cancelButtonCode) {
+        let popupTitle = TermsUtil.t(titleCode) || titleCode;
+        let popupText = TermsUtil.t(textCode) || textCode;
+        let alert = { title: popupTitle, text: popupText };
+        if (type) {
+            alert['type'] = type;
+        }
+        if (confirmButtonCode) {
+            alert['confirmButton'] = TermsUtil.tButton(confirmButtonCode);
+        }
+        if (cancelButtonCode) {
+            alert['cancelButton'] = TermsUtil.tButton(cancelButtonCode);
+        }
+        return await CustomAlert(alert);
+    }
+    /**
+     * @description 필터 폼 내의 에디터들이 가지고 있는 값을 키-값 형태로 추출
+     *******************************************************
+     * @param {Object} filterForm 그리드 필터 폼
+     * @returns {Object} 필터 폼 내의 에디터들이 가지고 있는 값을 키-값 형태로 추출
+     */
+    static getFilterFormData(filterForm) {
+        let formValues = {};
+        if (ValueUtil.isNotEmpty(filterForm)) {
+            let filters = filterForm.filters();
+            if (ValueUtil.isNotEmpty(filters)) {
+                filters.forEach(f => {
+                    if (ValueUtil.isNotEmpty(f.value)) {
+                        item[f.name] = f.value ? f.value : null;
+                    }
+                });
+            }
+        }
+        return formValues;
+    }
+    /**
+     * @description name으로 필터 폼 내 에디터를 찾아 값을 셋팅
+     *****************************************************
+     * @param {Object} filterForm 그리스트 필터 폼
+     * @param {String} name 그리스트 필터 폼 내 에디터의 이름
+     * @param {Object} value 설정할 값
+     */
+    static setSearchFormEditorValue(filterForm, name, value) {
+        var _a;
+        if (ValueUtil.isNotEmpty(filterForm)) {
+            let editor = (_a = filterForm.renderRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`[name='${name}']`);
+            if (ValueUtil.isNotEmpty(editor)) {
+                editor.value = value;
+            }
+        }
+    }
+    /**
+     * @description 파라미터를 기준으로 유형에 맞는 에디터를 생성한다.
+     ******************************************************
+     * @param {String} editorType 에디터 유형
+     * @param {Object} column 컬럼 Object
+     * @param {Object} record 레코드 Object
+     * @param {Number} rowIndex 추가할 열 Index
+     * @returns {HTMLElement} HTML 에디터
+     */
+    static createEditorHtml(editorType, column, record, rowIndex) {
+        return getEditor(editorType)('', column, record, rowIndex, {});
+    }
+    /**
+     * @description 에디터에 값을 설정한다.
+     *********************************
+     * @param {Object} editor 에디터
+     * @param {String} newValue 설정할 값
+     */
+    static setValueToEditor(editor, newValue) {
+        let input = UiUtil.getLeafInput(editor);
+        input.value = newValue;
+    }
+    /**
+     * @description 엘리먼트 내 최 하단 Input Element를 추출
+     ************************************************
+     * @param {Object} editor 에디터
+     * @returns {HTMLElement} 엘리먼트 내 최 하단 Input Element
+     */
+    static getLeafInput(editor) {
+        let editorType = editor.getType();
+        if (editorType == 'code-editor') {
+            return editor.renderRoot.querySelector('ox-input-code');
+        }
+        else if (editorType == 'textarea') {
+            return editor.renderRoot.querySelector('textarea');
+        }
+        else if (editorType == 'select-combo') {
+            return editor.renderRoot.querySelector('ox-select').firstElementChild;
+        }
+        else if (editorType == 'barcode') {
+            return editor.renderRoot.querySelector('ox-input-barcode').renderRoot.querySelector('input');
+        }
+        else {
+            return editor.renderRoot.firstElementChild.editor;
+        }
+    }
+}
+//# sourceMappingURL=ui-util.js.map

package/dist-client/utils/ui-util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-util.js","sourceRoot":"","sources":["../../client/utils/ui-util.js"],"names":[],"mappings":"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","sourcesContent":["import { store, CustomAlert, navigate } from '@things-factory/shell'\n\nimport { openPopup } from '@operato/layout'\nimport { closePopup } from '@operato/popup'\nimport { isMobileDevice } from '@operato/utils'\nimport { getEditor } from '@operato/data-grist'\n\nimport { TermsUtil } from './terms-util'\nimport { ValueUtil } from './value-util'\n\n/**\n * @license\n * Copyright © HatioLab Inc. All rights reserved.\n * @author Shortstop <shortstop@hatiolab.com>\n * @description UI 관련 유틸리티 함수 정의\n */\nexport class UiUtil {\n  /**\n   * @description 현재 디바이스가 모바일 장비인지 체크\n   **************************************\n   * @returns {Boolean} 모바일 장비 여부\n   */\n  static isMobileEnv() {\n    return isMobileDevice()\n  }\n\n  /**\n   * @description 현재 로케일 정보 리턴\n   **************************************\n   * @returns {String} 현재 브라우저의 로케일 정보\n   */\n  static currentLocale() {\n    let cookie = document.cookie\n    cookie = cookie.substring(cookie.indexOf('i18next'))\n    if (cookie.indexOf(';') > -1) {\n      cookie = cookie.substring(0, cookie.indexOf(';'))\n    }\n    cookie = cookie.replace('i18next=', '')\n    if (cookie == 'ko') return 'ko-KR'\n    else return cookie\n  }\n\n  /**\n   * @description 최종 애플리케이션 모듈 정보 리턴\n   *****************************************\n   * @returns {Object} 최종 애플리케이션 모듈\n   */\n  static getApplicationModuleInfo() {\n    let modules = store.getState().app.modules\n    return modules[modules.length - 1]\n  }\n\n  /**\n   * @description 현재 액티브 된 화면의 라우팅 정보\n   **************************************\n   * @returns {String} 현재 액티브 된 화면의 라우팅 정보\n   */\n  static currentRouting() {\n    return store.getState().route.page\n  }\n\n  /**\n   * @description popup 닫기\n   ************************\n   * @param {HTML} popup\n   */\n  static closePopupBy(popup) {\n    closePopup(popup)\n  }\n\n  /**\n   * @description 오픈하고자 하는 엘리먼트를 받아 팝업 오픈\n   *************************************************\n   * @param {String} popupTitle 팝업 타이틀\n   * @param {String} popupSize 팝업 사이즈 ex) 'large', 'medium', 'small'\n   * @param {HTMLElement} element 팝업에 표시할 엘리먼트\n   * @param {Boolean} backdrop 백드롭 여부\n   * @param {String} help help 파일 경로\n   * @returns {Object} popup\n   */\n  static openPopupByElement(popupTitle, popupSize, element, backdrop, help = '') {\n    if (popupSize === 'full') {\n      element.style.height = '95dvh'\n    }\n\n    return openPopup(element, {\n      backdrop: true,\n      hovering: popupSize === 'full' ? 'edge' : 'center',\n      size: popupSize === 'full' ? 'large' : popupSize,\n      title: popupTitle,\n      backdrop: backdrop,\n      help: help\n    })\n  }\n\n  /**\n   * @description popupConfig에 포함된 element 정보를 이용해 팝업을 연다\n   **************************************************************\n   * @param {String} title 팝업 타이틀\n   * @param {Object} popupConfig 팝업 구성을 위한 설정 정보 ex) { module: '', location: '', tagname: '', size : '', popup_field: '', parent_field: ''}\n   * @param {Object} paramData 팝업에 넘겨 줄 파라미터\n   * @param {Function} popupCloseCallback 팝업 닫을 때 실행되기 위한 콜백 함수\n   */\n  static async openDynamicPopup(title, popupConfig, paramData, popupCloseCallback) {\n    // 부모 필드\n    let parentValue = ValueUtil.isNotEmpty(popupConfig.parent_field)\n      ? ValueUtil.getParams(paramData, ...popupConfig.parent_field.split('.'))\n      : undefined\n\n    // 팝업 엘리먼트 생성\n    let htmlText = `<${popupConfig.tagname} route_name='${popupConfig.menu}' parent_id='${parentValue}' is_popup=true></${popupConfig.tagname}>`\n    let htmlElements = UiUtil.htmlToElement(htmlText)\n    htmlElements.config = popupConfig\n\n    // 파라미터 설정\n    if (ValueUtil.isNotEmpty(popupConfig.popup_field)) {\n      htmlElements[popupConfig.popup_field] = paramData\n    }\n\n    // 팝업 오픈\n    let popup = UiUtil.openPopupByElement(title, popupConfig.size, htmlElements, true, popupConfig.help)\n\n    // 팝업 클로즈 핸들러\n    if (popupCloseCallback) {\n      popup.onclosed = popupCloseCallback\n    }\n  }\n\n  /**\n   * @description tagname, routing으로 커스텀 엘리먼트 생성\n   ****************************************************\n   * @param {String} tagname 팝업에 포함할 태그 명\n   * @param {String} routing 라우팅\n   * @returns {HTMLElement} 커스텀 엘리먼트\n   */\n  static createCustomElement(tagname, routing) {\n    let htmlStr = `<${tagname} route_name='${routing}'></${tagname}>`\n    return UiUtil.htmlToElement(htmlStr)\n  }\n\n  /**\n   * @description HTML 문자열을 elements로 변환\n   **************************************\n   * @param {String} htmlString html 문자열\n   * @returns {HTMLElement} 커스텀 엘리먼트\n   */\n  static htmlToElement(htmlString) {\n    var template = document.createElement('template')\n    template.innerHTML = htmlString\n    var elements = template.content.childNodes\n    var element = elements[0]\n    template.content.removeChild(element)\n    return element\n  }\n\n  /**\n   * @description 페이지 이동\n   **************************************\n   * @param {String} url 페이지 URL (route 값)\n   * @param {Object} params 페이지 파라미터, null 가능\n   */\n  static pageNavigate(url, params) {\n    let paramStr = params ? '?' : ''\n\n    if (params) {\n      paramStr += 'pass=' + JSON.stringify(params)\n    }\n\n    navigate(`${url}${paramStr}`)\n  }\n\n  /**\n   * @description store의 정보 추출\n   ****************************************************\n   * @param {String} accessor1 스토어 액세서 1, 빈 값 가능\n   * @param {String} accessor2 스토어 액세서 2, 빈 값 가능\n   * @param {String} accessor3 스토어 액세서 3, 빈 값 가능\n   * @returns {Object} store 정보\n   */\n  static getStore(accessor1, accessor2, accessor3) {\n    let store = store.getState()\n\n    if (accessor1 && accessor2 && accessor3) {\n      return store[accessor1][accessor2][accessor3]\n    } else if (accessor1 && accessor2) {\n      return store[accessor1][accessor2]\n    } else if (accessor1) {\n      return store[accessor1]\n    } else {\n      return store\n    }\n  }\n\n  /**\n   * @description 커스텀 이벤트 전파\n   *************************************\n   * @param {String} eventName 이벤트 이름\n   * @param {Object} eventDetail 이벤트 상세 정보\n   */\n  static fireCustomEvent(eventName, eventDetail) {\n    document.dispatchEvent(\n      new CustomEvent(eventName, {\n        detail: eventDetail\n      })\n    )\n  }\n\n  /**\n   * @description 토스트 메시지 표시\n   *************************************\n   * @param {String} type 토스트 타입\n   * @param {String} message 메시지\n   */\n  static showToast(type, message) {\n    document.dispatchEvent(\n      new CustomEvent('notify', {\n        detail: { type, message }\n      })\n    )\n  }\n\n  /**\n   * @description Alert 메시지 창 표시\n   *************************************\n   * @param {String} titleCode Alert 제목 표시를 위한 용어 이름, 예) title.confirm\n   * @param {String} textCode Alert 텍스트 표시를 위한 용어 이름 예) text.are_you_sure\n   * @param {String} type Alert 창 유형 - info, error, warning ...\n   * @param {String} confirmButtonCode 확인 버튼 표시를 위한 용어 이름 예) confirm\n   * @param {String} [cancelButtonCode] 취소 버튼 표시를 위한 용어 이름 예) cancel\n   * @returns {Object} Alert 팝업\n   */\n  static async showAlertPopup(titleCode, textCode, type, confirmButtonCode, cancelButtonCode) {\n    let popupTitle = TermsUtil.t(titleCode) || titleCode\n    let popupText = TermsUtil.t(textCode) || textCode\n    let alert = { title: popupTitle, text: popupText }\n\n    if (type) {\n      alert['type'] = type\n    }\n\n    if (confirmButtonCode) {\n      alert['confirmButton'] = TermsUtil.tButton(confirmButtonCode)\n    }\n\n    if (cancelButtonCode) {\n      alert['cancelButton'] = TermsUtil.tButton(cancelButtonCode)\n    }\n\n    return await CustomAlert(alert)\n  }\n\n  /**\n   * @description 필터 폼 내의 에디터들이 가지고 있는 값을 키-값 형태로 추출\n   *******************************************************\n   * @param {Object} filterForm 그리드 필터 폼\n   * @returns {Object} 필터 폼 내의 에디터들이 가지고 있는 값을 키-값 형태로 추출\n   */\n  static getFilterFormData(filterForm) {\n    let formValues = {}\n\n    if (ValueUtil.isNotEmpty(filterForm)) {\n      let filters = filterForm.filters()\n\n      if (ValueUtil.isNotEmpty(filters)) {\n        filters.forEach(f => {\n          if (ValueUtil.isNotEmpty(f.value)) {\n            item[f.name] = f.value ? f.value : null\n          }\n        })\n      }\n    }\n\n    return formValues\n  }\n\n  /**\n   * @description name으로 필터 폼 내 에디터를 찾아 값을 셋팅\n   *****************************************************\n   * @param {Object} filterForm 그리스트 필터 폼\n   * @param {String} name 그리스트 필터 폼 내 에디터의 이름\n   * @param {Object} value 설정할 값\n   */\n  static setSearchFormEditorValue(filterForm, name, value) {\n    if (ValueUtil.isNotEmpty(filterForm)) {\n      let editor = filterForm.renderRoot?.querySelector(`[name='${name}']`)\n\n      if (ValueUtil.isNotEmpty(editor)) {\n        editor.value = value\n      }\n    }\n  }\n\n  /**\n   * @description 파라미터를 기준으로 유형에 맞는 에디터를 생성한다.\n   ******************************************************\n   * @param {String} editorType 에디터 유형\n   * @param {Object} column 컬럼 Object\n   * @param {Object} record 레코드 Object\n   * @param {Number} rowIndex 추가할 열 Index\n   * @returns {HTMLElement} HTML 에디터\n   */\n  static createEditorHtml(editorType, column, record, rowIndex) {\n    return getEditor(editorType)('', column, record, rowIndex, {})\n  }\n\n  /**\n   * @description 에디터에 값을 설정한다.\n   *********************************\n   * @param {Object} editor 에디터\n   * @param {String} newValue 설정할 값\n   */\n  static setValueToEditor(editor, newValue) {\n    let input = UiUtil.getLeafInput(editor)\n    input.value = newValue\n  }\n\n  /**\n   * @description 엘리먼트 내 최 하단 Input Element를 추출\n   ************************************************\n   * @param {Object} editor 에디터\n   * @returns {HTMLElement} 엘리먼트 내 최 하단 Input Element\n   */\n  static getLeafInput(editor) {\n    let editorType = editor.getType()\n\n    if (editorType == 'code-editor') {\n      return editor.renderRoot.querySelector('ox-input-code')\n    } else if (editorType == 'textarea') {\n      return editor.renderRoot.querySelector('textarea')\n    } else if (editorType == 'select-combo') {\n      return editor.renderRoot.querySelector('ox-select').firstElementChild\n    } else if (editorType == 'barcode') {\n      return editor.renderRoot.querySelector('ox-input-barcode').renderRoot.querySelector('input')\n    } else {\n      return editor.renderRoot.firstElementChild.editor\n    }\n  }\n}\n"]}

package/dist-client/utils/value-util.d.ts

@@ -0,0 +1,99 @@
+/**
+ * @license
+ * Copyright © HatioLab Inc. All rights reserved.
+ * @author Shortstop <shortstop@hatiolab.com>
+ * @description 데이터 핸들링 관련 유틸리티 함수 정의
+ */
+export class ValueUtil {
+    /**
+     * @description object, string, number, array 빈 값 여부 검사
+     **********************************************************
+     * @param {Object} value
+     * @returns {Boolean}
+     */
+    static isEmpty(value: any): boolean;
+    /**
+     * @description object, string, number, array 빈 값이 아닌지 여부 검사
+     *****************************************************************
+     * @param {Object} value
+     * @returns {Boolean}
+     */
+    static isNotEmpty(value: any): boolean;
+    /**
+     * @description 두 객체가 동일한지 비교
+     **********************************
+     * @param {*} data1
+     * @param {*} data2
+     * @returns
+     */
+    static isEquals(data1: any, data2: any): any;
+    /**
+     * @description 값을 정수로 변환
+     **********************************
+     * @param {*} value
+     * @param {*} defaultValue
+     * @returns
+     */
+    static toInteger(value: any, defaultValue: any): any;
+    /**
+     * @description 값을 Boolean으로 변환
+     **********************************
+     * @param {String} value
+     * @returns
+     */
+    static toBoolean(value: string): boolean;
+    /**
+     * @description config, data의 key 값을 비교해 결과를 리턴한다.
+     * 값에 * 는 체크하지 않는다.
+     ****************************************
+     * @param {Object} config
+     * @param {Object} data
+     * @param {String || Array} keys
+     * @returns
+     */
+    static compareObjectValues(config: any, data: any, keys: any): boolean;
+    /**
+     * @description dataObject 에서 key 값을 찾아 isTransMsg 옵션을 적용해 retObjct에 반영한다.
+     **********************************************************************************
+     * @param {Object} retObj
+     * @param {Object} dataObj
+     * @param {String} key
+     * @param {Boolean} isTransMsg
+     * @returns
+     */
+    static setParams(retObj: any, dataObj: any, key: string, isTransMsg: boolean): any;
+    /**
+     * @description data에서 key(Array)를 찾아 리턴
+     ********************************************
+     * @param {Object} data
+     * @param {...String} keys
+     * @returns
+     */
+    static getParams(data: any, ...keys: string[]): any;
+    /**
+     * @description sourceList에 존재하는 오브젝트의 keys 필드들을 targetList로 복사
+     ***********************************************************************
+     * @param {Array} sourceList
+     * @param {Array} targetList
+     * @param {...String} keys
+     * @returns {Array} 복사한 객체 리스트
+     */
+    static populateArray(sourceList: any[], targetList: any[], ...keys: string[]): any[];
+    /**
+     * @description source에 존재하는 keys 필드들을 target으로 복사
+     ********************************************************
+     * @param {Object} source
+     * @param {Object} target
+     * @param {...String} keys
+     * @returns {Object} 복사한 객체
+     */
+    static populateObject(source: any, target: any, ...keys: string[]): any;
+    /**
+     * @description source에 존재하는 keys 필드들을 target으로 복사
+     ********************************************************
+     * @param {Object} sourceObj
+     * @param {Object} targetObj
+     * @returns {Object} 복사한 객체
+     */
+    static replaceVariableObject(sourceObj: any, targetObj: any): any;
+}

package/dist-client/utils/value-util.js

@@ -0,0 +1,214 @@
+import isEqual from 'lodash-es/isEqual';
+import { TermsUtil } from './terms-util';
+/**
+ * @license
+ * Copyright © HatioLab Inc. All rights reserved.
+ * @author Shortstop <shortstop@hatiolab.com>
+ * @description 데이터 핸들링 관련 유틸리티 함수 정의
+ */
+export class ValueUtil {
+    /**
+     * @description object, string, number, array 빈 값 여부 검사
+     **********************************************************
+     * @param {Object} value
+     * @returns {Boolean}
+     */
+    static isEmpty(value) {
+        if (value === undefined) {
+            return true;
+        }
+        else if (value === null) {
+            return true;
+        }
+        else if (typeof value === 'boolean') {
+            return false;
+        }
+        else if (typeof value === 'string' || typeof value === 'number') {
+            if (value == '')
+                return true;
+        }
+        else if (Array.isArray(value)) {
+            if (value.length == 0)
+                return true;
+        }
+        else if (typeof value === 'object') {
+            if (Object.keys(value).length == 0)
+                return true;
+        }
+        return false;
+    }
+    /**
+     * @description object, string, number, array 빈 값이 아닌지 여부 검사
+     *****************************************************************
+     * @param {Object} value
+     * @returns {Boolean}
+     */
+    static isNotEmpty(value) {
+        return !ValueUtil.isEmpty(value);
+    }
+    /**
+     * @description 두 객체가 동일한지 비교
+     **********************************
+     * @param {*} data1
+     * @param {*} data2
+     * @returns
+     */
+    static isEquals(data1, data2) {
+        return isEqual(data1, data2);
+    }
+    /**
+     * @description 값을 정수로 변환
+     **********************************
+     * @param {*} value
+     * @param {*} defaultValue
+     * @returns
+     */
+    static toInteger(value, defaultValue) {
+        return ValueUtil.isEmpty(value) ? (defaultValue ? defaultValue : 0) : parseInt(value);
+    }
+    /**
+     * @description 값을 Boolean으로 변환
+     **********************************
+     * @param {String} value
+     * @returns
+     */
+    static toBoolean(value) {
+        return ValueUtil.isEmpty(value) ? false : value == 'true' || value == 't' || value == 'TRUE' || value == 'T' || value == 'on' || value == 'ON';
+    }
+    /**
+     * @description config, data의 key 값을 비교해 결과를 리턴한다.
+     * 값에 * 는 체크하지 않는다.
+     ****************************************
+     * @param {Object} config
+     * @param {Object} data
+     * @param {String || Array} keys
+     * @returns
+     */
+    static compareObjectValues(config, data, keys) {
+        let isEquals = true;
+        keys.forEach(key => {
+            let compareValue = config[key];
+            if (compareValue === '*') {
+                return;
+            }
+            let recordValue = data[key] || '';
+            if (ValueUtil.isEmpty(compareValue)) {
+                if (ValueUtil.isNotEmpty(recordValue)) {
+                    isEquals = false;
+                }
+            }
+            else {
+                if (compareValue != recordValue) {
+                    isEquals = false;
+                }
+            }
+            if (!isEquals) {
+                return;
+            }
+        });
+        return isEquals;
+    }
+    /**
+     * @description dataObject 에서 key 값을 찾아 isTransMsg 옵션을 적용해 retObjct에 반영한다.
+     **********************************************************************************
+     * @param {Object} retObj
+     * @param {Object} dataObj
+     * @param {String} key
+     * @param {Boolean} isTransMsg
+     * @returns
+     */
+    static setParams(retObj, dataObj, key, isTransMsg) {
+        let value = ValueUtil.getParams(dataObj, key);
+        if (ValueUtil.isNotEmpty(value)) {
+            retObj[key] = isTransMsg === true ? TermsUtil.t(value) : value;
+        }
+        return retObj;
+    }
+    /**
+     * @description data에서 key(Array)를 찾아 리턴
+     ********************************************
+     * @param {Object} data
+     * @param {...String} keys
+     * @returns
+     */
+    static getParams(data, ...keys) {
+        // probably same as followings
+        // return lodash.get(data, keys.join('.'))
+        // keys 파라미터가 없으면 return
+        if (arguments.length <= 1) {
+            return undefined;
+        }
+        let key = keys[0];
+        // data 에 key가 없으면 return
+        if (ValueUtil.isEmpty(data[key])) {
+            return undefined;
+        }
+        let paramData = data[key];
+        if (keys.length > 1) {
+            // 현재 이후에 키가 더 있으면 재귀 호출
+            return ValueUtil.getParams(paramData, ...keys.slice(1));
+        }
+        else {
+            return paramData;
+        }
+    }
+    /**
+     * @description sourceList에 존재하는 오브젝트의 keys 필드들을 targetList로 복사
+     ***********************************************************************
+     * @param {Array} sourceList
+     * @param {Array} targetList
+     * @param {...String} keys
+     * @returns {Array} 복사한 객체 리스트
+     */
+    static populateArray(sourceList, targetList, ...keys) {
+        targetList = targetList || [];
+        keys = keys || Object.keys(sourceList);
+        if (ValueUtil.isNotEmpty(keys)) {
+            targetList = sourceList.map((source, index) => {
+                let target = targetList.length > index ? targetList[index] : {};
+                return ValueUtil.populateObject(source, target, keys);
+            });
+        }
+        return targetList;
+    }
+    /**
+     * @description source에 존재하는 keys 필드들을 target으로 복사
+     ********************************************************
+     * @param {Object} source
+     * @param {Object} target
+     * @param {...String} keys
+     * @returns {Object} 복사한 객체
+     */
+    static populateObject(source, target, ...keys) {
+        target = target || {};
+        keys = keys || Object.keys(source);
+        if (ValueUtil.isNotEmpty(keys)) {
+            keys.forEach(key => {
+                target[key] = source[key];
+            });
+        }
+        return target;
+    }
+    /**
+     * @description source에 존재하는 keys 필드들을 target으로 복사
+     ********************************************************
+     * @param {Object} sourceObj
+     * @param {Object} targetObj
+     * @returns {Object} 복사한 객체
+     */
+    static replaceVariableObject(sourceObj, targetObj) {
+        let objKeys = Object.keys(sourceObj);
+        let targetKeys = Object.keys(targetObj);
+        objKeys.forEach(key => {
+            let value = sourceObj[key];
+            if (typeof value == 'string' && value.startsWith('$')) {
+                let valueFieldName = value.replace('$', '');
+                if (targetKeys.includes(valueFieldName)) {
+                    sourceObj[key] = targetObj[valueFieldName];
+                }
+            }
+        });
+        return sourceObj;
+    }
+}
+//# sourceMappingURL=value-util.js.map