@things-factory/meta-ui 7.0.1-alpha.57 → 7.0.1-alpha.59

package/client/utils/service-util.js

@@ -2,7 +2,7 @@ import gql from 'graphql-tag'
 
 import { asyncReplace } from 'lit/directives/async-replace.js'
 
-import { store, gqlContext } from '@things-factory/shell'
+import { store } from '@things-factory/shell'
 import { getCodeByName } from '@things-factory/code-base'
 import { EXPORT } from '@things-factory/export-base'
 import { gqlBuilder } from '@things-factory/utils'
@@ -42,38 +42,7 @@ export class ServiceUtil {
     }
 
     // codeSet이 문자이면 코드 조회
-    let codes = await ServiceUtil.getWorkCodeByName(codeSet)
-    return codes && codes.length > 0 ? codes : await getCodeByName(codeSet)
-  }
-
-  /**
-   * @description 업무 코드 명으로 업무 코드 리스트 조회 후 리턴
-   ****************************************************
-   * @param {String} codeName 업무 코드 명
-   * @returns {Array} 코드 리스트
-   */
-  static async getWorkCodeByName(codeName) {
-    const response = await client.query({
-      query: gql`
-        query workCodeByName($name: String!) {
-          commonCode: workCodeByName(name: $name) {
-            details {
-              rank
-              name
-              description
-            }
-          }
-        }
-      `,
-      variables: { name: codeName },
-      context: gqlContext()
-    })
-
-    if (!response.errors && response.data.workCodeByName && response.data.workCodeByName.details) {
-      return response.data.workCodeByName.details.sort((a, b) => a.rank - b.rank)
-    } else {
-      return []
-    }
+    return await getCodeByName(codeSet)
   }
 
   /**
@@ -517,12 +486,12 @@ export class ServiceUtil {
         filters: grist.filters
       }
     })
- 
+
     // 2. 응답 처리
     const data = response.data.responses
     const bufferData = Buffer.from(data, 'base64')
     const blob = new Blob([bufferData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })
-    
+
     const a = document.createElement('a')
     a.href = window.URL.createObjectURL(blob)
     a.download = `${exportFileName}.xlsx`
@@ -908,7 +877,7 @@ export class ServiceUtil {
   static async callService(pageView, action, filterParam, dataParams) {
     if (action.graphql_type == 'query') {
       return await ServiceUtil.callQueryService(action, filterParam, dataParams)
-    } else if(action.graphql_type == 'export') {
+    } else if (action.graphql_type == 'export') {
       return await ServiceUtil.exportableDataByServer(action.export_file_name, action.query_name, pageView.grist)
     } else {
       return await ServiceUtil.callMutationService(action, filterParam, dataParams)

package/client/utils/value-util.js

@@ -9,58 +9,57 @@ import { TermsUtil } from './terms-util'
  * @description 데이터 핸들링 관련 유틸리티 함수 정의
  */
 export class ValueUtil {
-
   /**
    * @description object, string, number, array 빈 값 여부 검사
    **********************************************************
-   * @param {Object} value 
+   * @param {Object} value
    * @returns {Boolean}
    */
   static isEmpty(value) {
     if (value === undefined) {
-      return true;
+      return true
     } else if (value === null) {
-      return true;
+      return true
     } else if (typeof value === 'boolean') {
-      return false;
+      return false
     } else if (typeof value === 'string' || typeof value === 'number') {
-      if (value == '') return true;
+      if (value == '') return true
     } else if (Array.isArray(value)) {
-      if (value.length == 0) return true;
+      if (value.length == 0) return true
     } else if (typeof value === 'object') {
-      if (Object.keys(value).length == 0) return true;
+      if (Object.keys(value).length == 0) return true
     }
 
-    return false;
+    return false
   }
 
   /**
    * @description object, string, number, array 빈 값이 아닌지 여부 검사
    *****************************************************************
-   * @param {Object} value 
+   * @param {Object} value
    * @returns {Boolean}
    */
   static isNotEmpty(value) {
-    return !ValueUtil.isEmpty(value);
+    return !ValueUtil.isEmpty(value)
   }
 
   /**
    * @description 두 객체가 동일한지 비교
    **********************************
-   * @param {*} data1 
-   * @param {*} data2 
-   * @returns 
+   * @param {*} data1
+   * @param {*} data2
+   * @returns
    */
   static isEquals(data1, data2) {
-    return isEqual(data1, data2);
+    return isEqual(data1, data2)
   }
 
   /**
    * @description 값을 정수로 변환
    **********************************
-   * @param {*} value 
-   * @param {*} defaultValue 
-   * @returns 
+   * @param {*} value
+   * @param {*} defaultValue
+   * @returns
    */
   static toInteger(value, defaultValue) {
     return ValueUtil.isEmpty(value) ? (defaultValue ? defaultValue : 0) : parseInt(value)
@@ -70,95 +69,98 @@ export class ValueUtil {
    * @description 값을 Boolean으로 변환
    **********************************
    * @param {String} value
-   * @returns 
+   * @returns
    */
   static toBoolean(value) {
-    return ValueUtil.isEmpty(value) ? false : (value == 'true' || value == 't' || value == 'TRUE' || value == 'T' || value == 'on' || value == 'ON');
+    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 
+   ****************************************
+   * @param {Object} config
+   * @param {Object} data
+   * @param {String || Array} keys
+   * @returns
    */
   static compareObjectValues(config, data, keys) {
-    let isEquals = true;
+    let isEquals = true
 
     keys.forEach(key => {
-      let compareValue = config[key];
+      let compareValue = config[key]
 
       if (compareValue === '*') {
-        return;
+        return
       }
 
-      let recordValue = data[key] || '';
+      let recordValue = data[key] || ''
 
       if (ValueUtil.isEmpty(compareValue)) {
         if (ValueUtil.isNotEmpty(recordValue)) {
-          isEquals = false;
+          isEquals = false
         }
       } else {
         if (compareValue != recordValue) {
-          isEquals = false;
+          isEquals = false
         }
       }
 
-      if(!isEquals) {
-        return;
+      if (!isEquals) {
+        return
       }
     })
 
-    return isEquals;
+    return isEquals
   }
 
   /**
    * @description dataObject 에서 key 값을 찾아 isTransMsg 옵션을 적용해 retObjct에 반영한다.
    **********************************************************************************
-   * @param {Object} retObj 
-   * @param {Object} dataObj 
-   * @param {String} key 
-   * @param {Boolean} isTransMsg 
-   * @returns 
+   * @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);
+    let value = ValueUtil.getParams(dataObj, key)
 
     if (ValueUtil.isNotEmpty(value)) {
-      retObj[key] = isTransMsg === true ? TermsUtil.t(value) : value;
+      retObj[key] = isTransMsg === true ? TermsUtil.t(value) : value
     }
 
-    return retObj;
+    return retObj
   }
 
   /**
-   * @description data에서 key(Array)를 찾아 리턴 
+   * @description data에서 key(Array)를 찾아 리턴
    ********************************************
-   * @param {Object} data 
-   * @param {...String} keys 
-   * @returns 
+   * @param {Object} data
+   * @param {...String} keys
+   * @returns
    */
   static getParams(data, ...keys) {
-    // keys 파라미터가 없으면 return 
+    // probably same as followings
+    // return lodash.get(data, keys.join('.'))
+
+    // keys 파라미터가 없으면 return
     if (arguments.length <= 1) {
-      return undefined;
+      return undefined
     }
 
-    let key = keys[0];
-    // data 에 key가 없으면 return 
+    let key = keys[0]
+    // data 에 key가 없으면 return
     if (ValueUtil.isEmpty(data[key])) {
-      return undefined;
+      return undefined
     }
 
-    let paramData = data[key];
+    let paramData = data[key]
     if (keys.length > 1) {
-      // 현재 이후에 키가 더 있으면 재귀 호출 
-      return ValueUtil.getParams(paramData, ...keys.slice(1));
+      // 현재 이후에 키가 더 있으면 재귀 호출
+      return ValueUtil.getParams(paramData, ...keys.slice(1))
     } else {
-      return paramData;
+      return paramData
     }
   }
 
@@ -167,21 +169,21 @@ export class ValueUtil {
    ***********************************************************************
    * @param {Array} sourceList
    * @param {Array} targetList
-   * @param {...String} keys 
+   * @param {...String} keys
    * @returns {Array} 복사한 객체 리스트
    */
   static populateArray(sourceList, targetList, ...keys) {
-    targetList = targetList || [];
-    keys = keys || Object.keys(sourceList);
-    
-    if(ValueUtil.isNotEmpty(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);
+        let target = targetList.length > index ? targetList[index] : {}
+        return ValueUtil.populateObject(source, target, keys)
       })
     }
 
-    return targetList;
+    return targetList
   }
 
   /**
@@ -189,20 +191,20 @@ export class ValueUtil {
    ********************************************************
    * @param {Object} source
    * @param {Object} target
-   * @param {...String} keys 
+   * @param {...String} keys
    * @returns {Object} 복사한 객체
    */
   static populateObject(source, target, ...keys) {
-    target = target || {};
-    keys = keys || Object.keys(source);
+    target = target || {}
+    keys = keys || Object.keys(source)
 
-    if(ValueUtil.isNotEmpty(keys)) {
+    if (ValueUtil.isNotEmpty(keys)) {
       keys.forEach(key => {
-        target[key] = source[key];
+        target[key] = source[key]
       })
     }
 
-    return target;
+    return target
   }
 
   /**
@@ -219,9 +221,9 @@ export class ValueUtil {
     objKeys.forEach(key => {
       let value = sourceObj[key]
 
-      if(typeof value == 'string' && value.startsWith('$')) {
+      if (typeof value == 'string' && value.startsWith('$')) {
         let valueFieldName = value.replace('$', '')
-        if(targetKeys.includes(valueFieldName)) {
+        if (targetKeys.includes(valueFieldName)) {
           sourceObj[key] = targetObj[valueFieldName]
         }
       }
@@ -229,4 +231,4 @@ export class ValueUtil {
 
     return sourceObj
   }
-}
+}

package/dist-client/mixin/meta-form-mixin.d.ts

@@ -107,7 +107,11 @@ export function MetaFormMixin(baseElement: any): {
          * @returns {Object}
          */
         getData(): any;
-        getCustomButtonContainerStyle(): any[];
+        getCustomButtonContainerStyle(): any[]; /**
+         * @description 폼 상세 렌터링 정보
+         *******************************
+         * @type {Object}
+         */
         getContextButtons(): any[];
         getButtonContainer(): HTML;
         getBasicButtonHandler(type: string, action: string, logic: any): any;
@@ -139,10 +143,10 @@ export function MetaFormMixin(baseElement: any): {
         setParentId(id: string): void;
     };
     /**
-    * @description 스타일 정의
-    **************************
-    * @returns {Array} 스타일
-    */
+     * @description 스타일 정의
+     **************************
+     * @returns {Array} 스타일
+     */
     readonly styles: any[];
     /**
      * @description 프로퍼티 정의

package/dist-client/mixin/meta-form-mixin.js

@@ -11,12 +11,12 @@ import { MetaButtonMixin } from './meta-button-mixin';
  * @author Shortstop shortstop@hatiolab.com
  * @description 메뉴 메타 정보를 이용해 폼 화면 구성
  */
-export const MetaFormMixin = (baseElement) => class extends MetaButtonMixin(baseElement) {
+export const MetaFormMixin = baseElement => class extends MetaButtonMixin(baseElement) {
     /**
-    * @description 스타일 정의
-    **************************
-    * @returns {Array} 스타일
-    */
+     * @description 스타일 정의
+     **************************
+     * @returns {Array} 스타일
+     */
     static get styles() {
         return MetaApi.getBasicFormStyles();
     }
@@ -86,7 +86,7 @@ export const MetaFormMixin = (baseElement) => class extends MetaButtonMixin(base
         if (this.isElement) {
             await this.fetch();
         }
-        // 인풋 키 이벤트 처리 
+        // 인풋 키 이벤트 처리
         this.renderRoot.addEventListener('keydown', e => {
             switch (e.key) {
                 case 'Esc':
@@ -120,7 +120,7 @@ export const MetaFormMixin = (baseElement) => class extends MetaButtonMixin(base
             this.currentTarget = target;
             target.setAttribute('editing', 'true');
         });
-        // 폼 뷰의 인풋에서 발생되는 변경 이벤트 처리 
+        // 폼 뷰의 인풋에서 발생되는 변경 이벤트 처리
         this.addEventListener('field-change', e => {
             let { after, before, column, record, row } = e.detail;
             // before, after 값으로 달라진 값이 없으면 스킵
@@ -137,7 +137,7 @@ export const MetaFormMixin = (baseElement) => class extends MetaButtonMixin(base
             // 변경 값 셋팅
             let colName = column.name;
             record[colName] = after;
-            // 변경 필드 정보 
+            // 변경 필드 정보
             record.__dirtyfields__ = record.__dirtyfields__ || {};
             record.__origin__ = record.__origin__ || {};
             record.__dirtyfields__[colName] = {
@@ -272,7 +272,7 @@ export const MetaFormMixin = (baseElement) => class extends MetaButtonMixin(base
         if (ValueUtil.isEmpty(dirtyData)) {
             return undefined;
         }
-        // 기존 데이터 존재 여부 - 변경 플래그 판단 
+        // 기존 데이터 존재 여부 - 변경 플래그 판단
         if (ValueUtil.isNotEmpty(recordData.id)) {
             dirtyData.id = recordData.id;
             dirtyData.cuFlag = 'M';
@@ -280,7 +280,7 @@ export const MetaFormMixin = (baseElement) => class extends MetaButtonMixin(base
         else {
             dirtyData.cuFlag = '+';
         }
-        // object 타입은 id만 전송되도록 변경 
+        // object 타입은 id만 전송되도록 변경
         Object.keys(dirtyData).forEach(key => {
             if (typeof dirtyData[key] === 'object' && codeInputColumns.includes(key) == false) {
                 dirtyData[key] = { id: dirtyData[key].id };
@@ -321,12 +321,14 @@ export const MetaFormMixin = (baseElement) => class extends MetaButtonMixin(base
         let patches = this.patchData;
         // 변경 여부 메시지 처리
         if (ValueUtil.isEmpty(patches)) {
-            MetaApi.showAlertPopup('title.info', 'text.NOTHING_CHANGED');
+            MetaApi.showAlertPopup('title.info', 'text.NOTHING_CHANGED', 'warning', 'confirm');
             return;
         }
         // 필수 입력 컬럼
         let mandatoryColumns = {};
-        (this.formColumnConfig || []).filter(x => x.mandatory === true).forEach(x => {
+        (this.formColumnConfig || [])
+            .filter(x => x.mandatory === true)
+            .forEach(x => {
             mandatoryColumns[x.name] = x.header;
         });
         // 필수 입력 값 체크

package/dist-client/mixin/meta-form-mixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"meta-form-mixin.js","sourceRoot":"","sources":["../../client/mixin/meta-form-mixin.js"],"names":[],"mappings":"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","sourcesContent":["import { closePopup } from '@operato/popup'\n\nimport { MetaApi } from '../utils/meta-api'\nimport { MetaUiUtil } from '../utils/meta-ui-util'\nimport { ValueUtil } from '../utils/value-util'\nimport { UiUtil } from '../utils/ui-util'\nimport { TermsUtil } from '../utils/terms-util'\n\nimport { MetaButtonMixin } from './meta-button-mixin'\n\n/**\n * @license\n * Copyright © HatioLab Inc. All rights reserved.\n * @author Shortstop shortstop@hatiolab.com\n * @description 메뉴 메타 정보를 이용해 폼 화면 구성\n */\nexport const MetaFormMixin = (baseElement) => class extends MetaButtonMixin(baseElement) {\n  /**\n  * @description 스타일 정의\n  **************************\n  * @returns {Array} 스타일\n  */\n  static get styles() {\n    return MetaApi.getBasicFormStyles();\n  }\n\n  /**\n   * @description 프로퍼티 정의\n   ***************************\n   * @returns {Object} 프로퍼티\n   */\n  static get properties() {\n    return {\n      /**\n       * @description 폽 컬럼 구성 정보\n       ******************************\n       * @type {Array}\n       */\n      formColumnConfig: Array,\n      /**\n       * @description 메뉴 메타 정보로 부터 추출한 후 폼을 위해 설정 정보 구성\n       ************************************************************\n       * @type {Object}\n       */\n      formConfigSet: Object,\n      /**\n       * @description 폼 상세 렌터링 정보 \n       *******************************\n       * @type {Object}\n       */\n      formRenderConfig: Array,\n      /**\n       * @description 데이터 레코드 \n       ***************************\n       * @type {Object}\n       */\n      record: Object\n    }\n  }\n\n  /**\n   * @description 컨텍스트\n   ***********************\n   * @returns {HTMLElement}\n   */\n  get context() {\n    return MetaUiUtil.getContextObject(this)\n  }\n\n  /******************************************************\n   *                      LifeCycle\n   ******************************************************/\n\n  /**\n   * @override connectedCallback\n   *******************************\n   */\n  async connectedCallback() {\n    // 메뉴 메타 정보 조회 및 기본 파싱\n    await this.getAndParseMenuMeta()\n\n    if (this.isElement) {\n      await this.parseFormConfigs()\n    }\n\n    if (this.activityDataSet) {\n      this.dataSet = this.activityDataSet\n    }\n\n    if (this.is_activity === true && !this.parent_id) {\n      this.parent_id = 'activity'\n    }\n\n    if (super.connectedCallback) {\n      await super.connectedCallback()\n    }\n\n    if (this.isElement) {\n      await this.fetch()\n    }\n\n    // 인풋 키 이벤트 처리 \n    this.renderRoot.addEventListener('keydown', e => {\n      switch (e.key) {\n        case 'Esc':\n        case 'Escape':\n        // TODO 편집이 취소되어야 한다.\n        case 'Enter':\n          // 먼저 focus를 옮겨놓아야 focusout으로 인해서 popup이 닫히는 것을 방지할 수 있다.\n          this.focus()\n\n          if (this.currentTarget) {\n            this.currentTarget.removeAttribute('editing')\n          }\n\n          this.currentTarget = null\n          break\n        default:\n      }\n    })\n\n    // 인풋 클릭 처리 (readOnly <> editing)\n    this.renderRoot.addEventListener('click', e => {\n      e.stopPropagation()\n      // target should be 'ox-grid-field'\n      let target = e.target;\n\n      if (this.currentTarget) {\n        this.focus()\n        this.currentTarget.removeAttribute('editing')\n      }\n\n      if (target.tagName !== 'OX-GRID-FIELD' || !target.column.record.editable) {\n        this.focus()\n        this.currentTarget = null\n        return\n      }\n\n      this.currentTarget = target\n      target.setAttribute('editing', 'true');\n    })\n\n    // 폼 뷰의 인풋에서 발생되는 변경 이벤트 처리 \n    this.addEventListener('field-change', e => {      \n      let { after, before, column, record, row } = e.detail\n\n      // before, after 값으로 달라진 값이 없으면 스킵\n      if (ValueUtil.isEquals(after, before)) {\n        return\n      }\n\n      // 유효성 체크 함수가 있는 경우 해당 함수 호출\n      let validation = column.validation\n      if (validation && typeof validation == 'function') {\n        if (!validation.call(this, after, before, record, column)) {\n          return\n        }\n      }\n\n      // 변경 값 셋팅\n      let colName = column.name\n      record[colName] = after\n\n      // 변경 필드 정보 \n      record.__dirtyfields__ = record.__dirtyfields__ || {}\n      record.__origin__ = record.__origin__ || {}\n      record.__dirtyfields__[colName] = {\n        before: record.__origin__[colName],\n        after: record[colName]\n      }\n\n      // 같은 값으로 변경 되었다면\n      if (ValueUtil.isEquals(record.__dirtyfields__[colName].before, record.__dirtyfields__[colName].after)) {\n        delete record.__dirtyfields__[colName]\n      }\n\n      // dirty flag 설정\n      record.__dirty__ = ValueUtil.isNotEmpty(record.__dirtyfields__) ? 'M' : ''\n\n      this.record = { ...record }\n\n      // form-field-change 변경 이벤트 전파\n      this.dispatchEvent(\n        new CustomEvent('form-field-change', {\n          bubbles: true,\n          composed: true,\n          detail: e.detail\n        })\n      )\n    })\n  }\n\n  /**\n   * @override firstUpdated\n   ***************************\n   */\n  async firstUpdated() {\n    if (super.firstUpdated) {\n      await super.firstUpdated()\n    }\n  }\n\n  /**\n   * @override pageInitialized\n   *****************************\n   */\n  async pageInitialized() {\n    if (this.isPage) {\n      await this.parseFormConfigs()\n    }\n\n    if (super.pageInitialized) {\n      await super.pageInitialized()\n    }\n\n    if (this.isPage) {\n      await this.fetch()\n    }\n  }\n\n  /**\n   * @description 화면 그리기 \n   *************************\n   * @returns {HTMLElement}\n   */\n  render() {\n    return MetaApi.getBasicFormHtml(this)\n  }\n\n  /**\n   * @descrtiption 메뉴 메타 정보로 부터 기본 폼 정보 구성을 위한 Configuration\n   *******************************************************************\n   * @param {Object} menuMeta 메뉴 메타 정보\n   */\n  parseBasicFormConfigs(menuMeta) {\n    this.formColumnConfig = menuMeta.grid_column\n    this.formRenderConfig = menuMeta.form\n  }\n\n  /**\n   * @descrtiption 폼 구성 정보 Configuration\n   *****************************************\n   */\n  async parseFormConfigs() {\n    this.formConfigSet = await MetaApi.parseFormConfigSet(this)\n  }\n\n  /********************************************************************\n   *                          Data Filtering\n   ********************************************************************/\n\n  /**\n   * @description 최초 조회된 원본 데이터 \n   ***********************************\n   * @returns {Object} 원본 데이터 (변경 값 무시)\n   */\n  get orgData() {\n    return this.removeGarbageData(this.record.__origin__)\n  }\n\n  /**\n   * @description 변경된 데이터 \n   **************************\n   * @returns {Object} 변경된 데이터만\n   */\n  get dirtyData() {\n    if (ValueUtil.isEmpty((this.record || {}).__dirtyfields__)) {\n      return {}\n    }\n\n    let retData = {};\n\n    Object.entries(this.record.__dirtyfields__).map(([key, value]) => {\n      if (key.startsWith('__') == false) {\n        retData[key] = value.after\n      }\n    })\n\n    return retData\n  }\n\n  /**\n   * @description 현재 데이터 \n   *************************\n   * @returns {Object} 화면에 표현되어 있는 현재 데이터 (수정된 값 반영)\n   */\n  get currentData() {\n    return this.removeGarbageData(this.record)\n  }\n\n  /**\n   * @description 레코드 데이터에서 쓰레기 데이터 정리 \n   ********************************************\n   * @returns {Object} __dirty__,__dirtyfields__,__origin__ 등 (__ 로 시작되는 데이터 삭제)\n   */\n  removeGarbageData(data) {\n    if(!data) return undefined\n\n    let retData = {};\n\n    Object.entries(data).map(([key, value]) => {\n      if (key.startsWith('__') == false) {\n        retData[key] = value\n      }\n    })\n\n    return retData\n  }\n\n  /**\n   * @description 트랜잭션을 위한 변경 데이터 + cuFlag 가져오기 \n   *****************************************************\n   * @returns {Object}\n   */\n  get patchData() {\n    let dirtyData = this.dirtyData\n    let recordData = this.record\n    // 코드 인풋 타입\n    let codeInputColumns = (this.formColumnConfig || []).filter(x => x.type === 'code-input').map(x => x.name)\n\n    if (ValueUtil.isEmpty(dirtyData)) {\n      return undefined\n    }\n\n    // 기존 데이터 존재 여부 - 변경 플래그 판단 \n    if (ValueUtil.isNotEmpty(recordData.id)) {\n      dirtyData.id = recordData.id\n      dirtyData.cuFlag = 'M'\n    } else {\n      dirtyData.cuFlag = '+'\n    }\n\n    // object 타입은 id만 전송되도록 변경 \n    Object.keys(dirtyData).forEach(key => {\n      if(typeof dirtyData[key] === 'object' && codeInputColumns.includes(key) == false) {\n        dirtyData[key] = { id: dirtyData[key].id }\n      }\n    })\n\n    return [dirtyData]\n  }\n\n  /********************************************************************\n   *                          C R U D Functions\n   ********************************************************************/\n  /**\n   * @description 폼 데이터 조회\n   ***************************\n   */\n  async fetch() {\n    // 부모 ID가 없다면 리턴\n    if (ValueUtil.isEmpty(this.parent_id)) return\n\n    // 단건 조회 함수\n    let findOneFunc = ValueUtil.getParams(this.gqlInfo, 'query', 'find_one_func')\n    if(!findOneFunc) return;\n\n    // 부모 ID로 조회\n    let data = await this.findOne(this.parent_id)\n\n    // 데이터 형식 맞추기\n    data['__seq__'] = 1\n    let orgData = {};\n    Object.assign(orgData, data)\n    data['__origin__'] = orgData\n    this.record = { ...data }\n  }\n\n  /**\n   * @description 폼 데이터 저장\n   *****************************\n   * @returns {Boolean} 저장 여부\n   */\n  async save() {\n    let patches = this.patchData\n\n    // 변경 여부 메시지 처리\n    if (ValueUtil.isEmpty(patches)) {\n      MetaApi.showAlertPopup('title.info', 'text.NOTHING_CHANGED')\n      return\n    }\n\n    // 필수 입력 컬럼\n    let mandatoryColumns = {};\n    (this.formColumnConfig || []).filter(x => x.mandatory === true).forEach(x => { \n      mandatoryColumns[x.name] = x.header\n    })\n\n    // 필수 입력 값 체크\n    let allFields = this.currentData\n    for(let key in mandatoryColumns) {\n      if(allFields[key] === undefined || allFields[key] == '') {\n        UiUtil.showAlertPopup('text.check-mandatory', TermsUtil.tText('check-mandatory-field', { x: TermsUtil.tLabel(mandatoryColumns[key]) }), 'info', 'confirm')\n        return\n      }\n    }\n\n    // 저장 서비스 호출\n    let isRes = await this.updateMultiple(patches)\n    if (isRes) {\n      // 폼 데이터 조회\n      await this.fetch()\n\n      // 저장이 잘 되었고 팝업이라면 팝업 닫기\n      if(this.isPopup) {\n        closePopup(this)\n      }\n    }\n\n    // 저장 결과 리턴\n    return isRes\n  }\n\n  /**\n   * @description 데이터 클리어\n   ***************************\n   */\n  async clear() {\n    if(this.record) {\n      this.record = {};\n    }\n  }\n\n  /**\n   * @description 데이터 리턴\n   *************************\n   * @returns {Object}\n   */\n  getData() {\n    return this.currentData || {}\n  }\n}"]}
+{"version":3,"file":"meta-form-mixin.js","sourceRoot":"","sources":["../../client/mixin/meta-form-mixin.js"],"names":[],"mappings":"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","sourcesContent":["import { closePopup } from '@operato/popup'\n\nimport { MetaApi } from '../utils/meta-api'\nimport { MetaUiUtil } from '../utils/meta-ui-util'\nimport { ValueUtil } from '../utils/value-util'\nimport { UiUtil } from '../utils/ui-util'\nimport { TermsUtil } from '../utils/terms-util'\n\nimport { MetaButtonMixin } from './meta-button-mixin'\n\n/**\n * @license\n * Copyright © HatioLab Inc. All rights reserved.\n * @author Shortstop shortstop@hatiolab.com\n * @description 메뉴 메타 정보를 이용해 폼 화면 구성\n */\nexport const MetaFormMixin = baseElement =>\n  class extends MetaButtonMixin(baseElement) {\n    /**\n     * @description 스타일 정의\n     **************************\n     * @returns {Array} 스타일\n     */\n    static get styles() {\n      return MetaApi.getBasicFormStyles()\n    }\n\n    /**\n     * @description 프로퍼티 정의\n     ***************************\n     * @returns {Object} 프로퍼티\n     */\n    static get properties() {\n      return {\n        /**\n         * @description 폽 컬럼 구성 정보\n         ******************************\n         * @type {Array}\n         */\n        formColumnConfig: Array,\n        /**\n         * @description 메뉴 메타 정보로 부터 추출한 후 폼을 위해 설정 정보 구성\n         ************************************************************\n         * @type {Object}\n         */\n        formConfigSet: Object,\n        /**\n         * @description 폼 상세 렌터링 정보\n         *******************************\n         * @type {Object}\n         */\n        formRenderConfig: Array,\n        /**\n         * @description 데이터 레코드\n         ***************************\n         * @type {Object}\n         */\n        record: Object\n      }\n    }\n\n    /**\n     * @description 컨텍스트\n     ***********************\n     * @returns {HTMLElement}\n     */\n    get context() {\n      return MetaUiUtil.getContextObject(this)\n    }\n\n    /******************************************************\n     *                      LifeCycle\n     ******************************************************/\n\n    /**\n     * @override connectedCallback\n     *******************************\n     */\n    async connectedCallback() {\n      // 메뉴 메타 정보 조회 및 기본 파싱\n      await this.getAndParseMenuMeta()\n\n      if (this.isElement) {\n        await this.parseFormConfigs()\n      }\n\n      if (this.activityDataSet) {\n        this.dataSet = this.activityDataSet\n      }\n\n      if (this.is_activity === true && !this.parent_id) {\n        this.parent_id = 'activity'\n      }\n\n      if (super.connectedCallback) {\n        await super.connectedCallback()\n      }\n\n      if (this.isElement) {\n        await this.fetch()\n      }\n\n      // 인풋 키 이벤트 처리\n      this.renderRoot.addEventListener('keydown', e => {\n        switch (e.key) {\n          case 'Esc':\n          case 'Escape':\n          // TODO 편집이 취소되어야 한다.\n          case 'Enter':\n            // 먼저 focus를 옮겨놓아야 focusout으로 인해서 popup이 닫히는 것을 방지할 수 있다.\n            this.focus()\n\n            if (this.currentTarget) {\n              this.currentTarget.removeAttribute('editing')\n            }\n\n            this.currentTarget = null\n            break\n          default:\n        }\n      })\n\n      // 인풋 클릭 처리 (readOnly <> editing)\n      this.renderRoot.addEventListener('click', e => {\n        e.stopPropagation()\n        // target should be 'ox-grid-field'\n        let target = e.target\n\n        if (this.currentTarget) {\n          this.focus()\n          this.currentTarget.removeAttribute('editing')\n        }\n\n        if (target.tagName !== 'OX-GRID-FIELD' || !target.column.record.editable) {\n          this.focus()\n          this.currentTarget = null\n          return\n        }\n\n        this.currentTarget = target\n        target.setAttribute('editing', 'true')\n      })\n\n      // 폼 뷰의 인풋에서 발생되는 변경 이벤트 처리\n      this.addEventListener('field-change', e => {\n        let { after, before, column, record, row } = e.detail\n\n        // before, after 값으로 달라진 값이 없으면 스킵\n        if (ValueUtil.isEquals(after, before)) {\n          return\n        }\n\n        // 유효성 체크 함수가 있는 경우 해당 함수 호출\n        let validation = column.validation\n        if (validation && typeof validation == 'function') {\n          if (!validation.call(this, after, before, record, column)) {\n            return\n          }\n        }\n\n        // 변경 값 셋팅\n        let colName = column.name\n        record[colName] = after\n\n        // 변경 필드 정보\n        record.__dirtyfields__ = record.__dirtyfields__ || {}\n        record.__origin__ = record.__origin__ || {}\n        record.__dirtyfields__[colName] = {\n          before: record.__origin__[colName],\n          after: record[colName]\n        }\n\n        // 같은 값으로 변경 되었다면\n        if (ValueUtil.isEquals(record.__dirtyfields__[colName].before, record.__dirtyfields__[colName].after)) {\n          delete record.__dirtyfields__[colName]\n        }\n\n        // dirty flag 설정\n        record.__dirty__ = ValueUtil.isNotEmpty(record.__dirtyfields__) ? 'M' : ''\n\n        this.record = { ...record }\n\n        // form-field-change 변경 이벤트 전파\n        this.dispatchEvent(\n          new CustomEvent('form-field-change', {\n            bubbles: true,\n            composed: true,\n            detail: e.detail\n          })\n        )\n      })\n    }\n\n    /**\n     * @override firstUpdated\n     ***************************\n     */\n    async firstUpdated() {\n      if (super.firstUpdated) {\n        await super.firstUpdated()\n      }\n    }\n\n    /**\n     * @override pageInitialized\n     *****************************\n     */\n    async pageInitialized() {\n      if (this.isPage) {\n        await this.parseFormConfigs()\n      }\n\n      if (super.pageInitialized) {\n        await super.pageInitialized()\n      }\n\n      if (this.isPage) {\n        await this.fetch()\n      }\n    }\n\n    /**\n     * @description 화면 그리기\n     *************************\n     * @returns {HTMLElement}\n     */\n    render() {\n      return MetaApi.getBasicFormHtml(this)\n    }\n\n    /**\n     * @descrtiption 메뉴 메타 정보로 부터 기본 폼 정보 구성을 위한 Configuration\n     *******************************************************************\n     * @param {Object} menuMeta 메뉴 메타 정보\n     */\n    parseBasicFormConfigs(menuMeta) {\n      this.formColumnConfig = menuMeta.grid_column\n      this.formRenderConfig = menuMeta.form\n    }\n\n    /**\n     * @descrtiption 폼 구성 정보 Configuration\n     *****************************************\n     */\n    async parseFormConfigs() {\n      this.formConfigSet = await MetaApi.parseFormConfigSet(this)\n    }\n\n    /********************************************************************\n     *                          Data Filtering\n     ********************************************************************/\n\n    /**\n     * @description 최초 조회된 원본 데이터\n     ***********************************\n     * @returns {Object} 원본 데이터 (변경 값 무시)\n     */\n    get orgData() {\n      return this.removeGarbageData(this.record.__origin__)\n    }\n\n    /**\n     * @description 변경된 데이터\n     **************************\n     * @returns {Object} 변경된 데이터만\n     */\n    get dirtyData() {\n      if (ValueUtil.isEmpty((this.record || {}).__dirtyfields__)) {\n        return {}\n      }\n\n      let retData = {}\n\n      Object.entries(this.record.__dirtyfields__).map(([key, value]) => {\n        if (key.startsWith('__') == false) {\n          retData[key] = value.after\n        }\n      })\n\n      return retData\n    }\n\n    /**\n     * @description 현재 데이터\n     *************************\n     * @returns {Object} 화면에 표현되어 있는 현재 데이터 (수정된 값 반영)\n     */\n    get currentData() {\n      return this.removeGarbageData(this.record)\n    }\n\n    /**\n     * @description 레코드 데이터에서 쓰레기 데이터 정리\n     ********************************************\n     * @returns {Object} __dirty__,__dirtyfields__,__origin__ 등 (__ 로 시작되는 데이터 삭제)\n     */\n    removeGarbageData(data) {\n      if (!data) return undefined\n\n      let retData = {}\n\n      Object.entries(data).map(([key, value]) => {\n        if (key.startsWith('__') == false) {\n          retData[key] = value\n        }\n      })\n\n      return retData\n    }\n\n    /**\n     * @description 트랜잭션을 위한 변경 데이터 + cuFlag 가져오기\n     *****************************************************\n     * @returns {Object}\n     */\n    get patchData() {\n      let dirtyData = this.dirtyData\n      let recordData = this.record\n      // 코드 인풋 타입\n      let codeInputColumns = (this.formColumnConfig || []).filter(x => x.type === 'code-input').map(x => x.name)\n\n      if (ValueUtil.isEmpty(dirtyData)) {\n        return undefined\n      }\n\n      // 기존 데이터 존재 여부 - 변경 플래그 판단\n      if (ValueUtil.isNotEmpty(recordData.id)) {\n        dirtyData.id = recordData.id\n        dirtyData.cuFlag = 'M'\n      } else {\n        dirtyData.cuFlag = '+'\n      }\n\n      // object 타입은 id만 전송되도록 변경\n      Object.keys(dirtyData).forEach(key => {\n        if (typeof dirtyData[key] === 'object' && codeInputColumns.includes(key) == false) {\n          dirtyData[key] = { id: dirtyData[key].id }\n        }\n      })\n\n      return [dirtyData]\n    }\n\n    /********************************************************************\n     *                          C R U D Functions\n     ********************************************************************/\n    /**\n     * @description 폼 데이터 조회\n     ***************************\n     */\n    async fetch() {\n      // 부모 ID가 없다면 리턴\n      if (ValueUtil.isEmpty(this.parent_id)) return\n\n      // 단건 조회 함수\n      let findOneFunc = ValueUtil.getParams(this.gqlInfo, 'query', 'find_one_func')\n      if (!findOneFunc) return\n\n      // 부모 ID로 조회\n      let data = await this.findOne(this.parent_id)\n\n      // 데이터 형식 맞추기\n      data['__seq__'] = 1\n      let orgData = {}\n      Object.assign(orgData, data)\n      data['__origin__'] = orgData\n      this.record = { ...data }\n    }\n\n    /**\n     * @description 폼 데이터 저장\n     *****************************\n     * @returns {Boolean} 저장 여부\n     */\n    async save() {\n      let patches = this.patchData\n\n      // 변경 여부 메시지 처리\n      if (ValueUtil.isEmpty(patches)) {\n        MetaApi.showAlertPopup('title.info', 'text.NOTHING_CHANGED', 'warning', 'confirm')\n        return\n      }\n\n      // 필수 입력 컬럼\n      let mandatoryColumns = {}\n      ;(this.formColumnConfig || [])\n        .filter(x => x.mandatory === true)\n        .forEach(x => {\n          mandatoryColumns[x.name] = x.header\n        })\n\n      // 필수 입력 값 체크\n      let allFields = this.currentData\n      for (let key in mandatoryColumns) {\n        if (allFields[key] === undefined || allFields[key] == '') {\n          UiUtil.showAlertPopup('text.check-mandatory', TermsUtil.tText('check-mandatory-field', { x: TermsUtil.tLabel(mandatoryColumns[key]) }), 'info', 'confirm')\n          return\n        }\n      }\n\n      // 저장 서비스 호출\n      let isRes = await this.updateMultiple(patches)\n      if (isRes) {\n        // 폼 데이터 조회\n        await this.fetch()\n\n        // 저장이 잘 되었고 팝업이라면 팝업 닫기\n        if (this.isPopup) {\n          closePopup(this)\n        }\n      }\n\n      // 저장 결과 리턴\n      return isRes\n    }\n\n    /**\n     * @description 데이터 클리어\n     ***************************\n     */\n    async clear() {\n      if (this.record) {\n        this.record = {}\n      }\n    }\n\n    /**\n     * @description 데이터 리턴\n     *************************\n     * @returns {Object}\n     */\n    getData() {\n      return this.currentData || {}\n    }\n  }\n"]}