@things-factory/meta-ui 9.2.5 → 10.0.0-beta.10

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

@@ -1,4 +1,10 @@
-export function MetaFormMixin(baseElement: any): {
+/**
+ * @license
+ * Copyright © HatioLab Inc. All rights reserved.
+ * @author Shortstop shortstop@hatiolab.com
+ * @description 메뉴 메타 정보를 이용해 폼 화면 구성
+ */
+export declare const MetaFormMixin: (baseElement: any) => {
     new (): {
         [x: string]: any;
         /**
@@ -6,7 +12,15 @@ export function MetaFormMixin(baseElement: any): {
          ***********************
          * @returns {HTMLElement}
          */
-        get context(): HTMLElement;
+        get context(): {
+            title: string;
+            help: any;
+            actions: any[];
+        } | {
+            title?: undefined;
+            help?: undefined;
+            actions?: undefined;
+        };
         /******************************************************
          *                      LifeCycle
          ******************************************************/
@@ -15,10 +29,6 @@ export function MetaFormMixin(baseElement: any): {
          *******************************
          */
         connectedCallback(): Promise<void>;
-        dataSet: any;
-        parent_id: string | undefined;
-        currentTarget: any;
-        record: any;
         /**
          * @override firstUpdated
          ***************************
@@ -34,21 +44,18 @@ export function MetaFormMixin(baseElement: any): {
          *************************
          * @returns {HTMLElement}
          */
-        render(): HTMLElement;
+        render(): import("lit-html").TemplateResult<1>;
         /**
          * @descrtiption 메뉴 메타 정보로 부터 기본 폼 정보 구성을 위한 Configuration
          *******************************************************************
          * @param {Object} menuMeta 메뉴 메타 정보
          */
         parseBasicFormConfigs(menuMeta: any): void;
-        formColumnConfig: any;
-        formRenderConfig: any;
         /**
          * @descrtiption 폼 구성 정보 Configuration
          *****************************************
          */
         parseFormConfigs(): Promise<void>;
-        formConfigSet: any;
         /********************************************************************
          *                          Data Filtering
          ********************************************************************/
@@ -57,31 +64,31 @@ export function MetaFormMixin(baseElement: any): {
          ***********************************
          * @returns {Object} 원본 데이터 (변경 값 무시)
          */
-        get orgData(): any;
+        get orgData(): {} | undefined;
         /**
          * @description 변경된 데이터
          **************************
          * @returns {Object} 변경된 데이터만
          */
-        get dirtyData(): any;
+        get dirtyData(): {};
         /**
          * @description 현재 데이터
          *************************
          * @returns {Object} 화면에 표현되어 있는 현재 데이터 (수정된 값 반영)
          */
-        get currentData(): any;
+        get currentData(): {} | undefined;
         /**
          * @description 레코드 데이터에서 쓰레기 데이터 정리
          ********************************************
          * @returns {Object} __dirty__,__dirtyfields__,__origin__ 등 (__ 로 시작되는 데이터 삭제)
          */
-        removeGarbageData(data: any): any;
+        removeGarbageData(data: any): {} | undefined;
         /**
          * @description 트랜잭션을 위한 변경 데이터 + cuFlag 가져오기
          *****************************************************
          * @returns {Object}
          */
-        get patchData(): any;
+        get patchData(): {}[] | undefined;
         /********************************************************************
          *                          C R U D Functions
          ********************************************************************/
@@ -95,7 +102,7 @@ export function MetaFormMixin(baseElement: any): {
          *****************************
          * @returns {Boolean} 저장 여부
          */
-        save(): boolean;
+        save(): Promise<boolean | undefined>;
         /**
          * @description 데이터 클리어
          ***************************
@@ -106,48 +113,71 @@ export function MetaFormMixin(baseElement: any): {
          *************************
          * @returns {Object}
          */
-        getData(): any;
-        getCustomButtonContainerStyle(): any[];
-        getContextButtons(): any[];
-        getButtonContainer(): HTML;
-        getBasicButtonHandler(type: string, action: string, logic: any): any;
+        getData(): {};
+        getCustomButtonContainerStyle(): import("lit").CSSResult[];
+        getContextButtons(): any;
+        getButtonContainer(): import("lit-html").TemplateResult<1>;
+        getBasicButtonHandler(type: any, action: any, logic: any): Promise<any>;
         customButtonHandler(logic: any): Promise<void>;
         gristButtonHandler(actionInfo: any, record: any): Promise<void>;
         parseBasicButtonConfigs(menuMeta: any): void;
-        buttonConfig: any;
-        useButtonImport: boolean | undefined;
-        useButtonExport: boolean | undefined;
-        useButtonAdd: boolean | undefined;
         parseBasicServiceConfigs(menuMeta: any): void;
-        gqlInfo: any;
-        fetchHandler({ page, limit, sortings, filters }: any): any;
-        getPageNavigateParams(): any[];
-        findOne(id: string): Promise<any>;
-        deleteByIds(ids: string): boolean;
-        updateMultiple(params: any[]): Promise<boolean>;
+        fetchHandler({ page, limit, sortings, filters }: {
+            page?: number | undefined;
+            limit?: number | undefined;
+            sortings?: never[] | undefined;
+            filters?: never[] | undefined;
+        }): Promise<any>;
+        getPageNavigateParams(): never[];
+        findOne(id: any): Promise<any>;
+        deleteByIds(ids: any): Promise<boolean>;
+        updateMultiple(params: any): Promise<boolean>;
         get isElement(): boolean;
-        get isDetail(): boolean;
+        get isDetail(): any;
         dataChangeEventHandler(e: any): Promise<void>;
         pageUpdated(changes: any, lifecycle: any, before: any): Promise<void>;
-        get isPopup(): boolean;
+        get isPopup(): any;
         get isPage(): boolean;
-        getAndParseMenuMeta(): any;
-        menuInfo: any;
-        etcConfig: any;
-        excuteOpenPopupButtonClick(action: any, record: any, closeCallback: Function): Promise<void>;
-        executeCallScenarioButtonClick(action: any, params: any, afterCallback: Function): Promise<void>;
-        setParentId(id: string): void;
+        getAndParseMenuMeta(): Promise<void>;
+        excuteOpenPopupButtonClick(action: any, record: any, closeCallback: any): Promise<void>;
+        executeCallScenarioButtonClick(action: any, params: any, afterCallback: any): Promise<void>;
+        setParentId(id: any): void;
     };
     /**
      * @description 스타일 정의
      **************************
      * @returns {Array} 스타일
      */
-    get styles(): any[];
+    get styles(): import("lit").CSSResult[];
     /**
      * @description 프로퍼티 정의
      ***************************
      * @returns {Object} 프로퍼티
      */
-    get properties(): any;
+    get properties(): {
+        /**
+         * @description 폽 컬럼 구성 정보
+         ******************************
+         * @type {Array}
+         */
+        formColumnConfig: ArrayConstructor;
+        /**
+         * @description 메뉴 메타 정보로 부터 추출한 후 폼을 위해 설정 정보 구성
+         ************************************************************
+         * @type {Object}
+         */
+        formConfigSet: ObjectConstructor;
+        /**
+         * @description 폼 상세 렌터링 정보
+         *******************************
+         * @type {Object}
+         */
+        formRenderConfig: ArrayConstructor;
+        /**
+         * @description 데이터 레코드
+         ***************************
+         * @type {Object}
+         */
+        record: ObjectConstructor;
+    };
 };

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

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import { closePopup } from '@operato/popup';
 import { MetaApi } from '../utils/meta-api';
 import { MetaUiUtil } from '../utils/meta-ui-util';

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 =>\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"]}
+{"version":3,"file":"meta-form-mixin.js","sourceRoot":"","sources":["../../client/mixin/meta-form-mixin.ts"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport { 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"]}

package/dist-client/mixin/meta-grist-tab-mixin.d.ts

@@ -1,4 +1,10 @@
-export function MetaGristTabMixin(baseElement: any): {
+/**
+ * @license
+ * Copyright © HatioLab Inc. All rights reserved.
+ * @author Shortstop shortstop@hatiolab.com
+ * @description 메뉴 메타 정보를 기반으로 그리드 탭 구성
+ */
+export declare const MetaGristTabMixin: (baseElement: any) => {
     new (): {
         [x: string]: any;
         /**
@@ -6,25 +12,33 @@ export function MetaGristTabMixin(baseElement: any): {
          ***********************
          * @returns {HTMLElement}
          */
-        get grist(): HTMLElement;
+        get grist(): any;
         /**
          * @description 필터 폼
          ***********************
          * @returns {HTMLElement}
          */
-        get filterForm(): HTMLElement;
+        get filterForm(): any;
         /**
          * @description 디테일 Element
          *****************************
          * @returns {HTMLElement}
          */
-        get detailElement(): HTMLElement;
+        get detailElement(): any;
         /**
          * @description 컨텍스트
          ***********************
          * @returns {HTMLElement}
          */
-        get context(): HTMLElement;
+        get context(): {
+            title: string;
+            help: any;
+            actions: any[];
+        } | {
+            title?: undefined;
+            help?: undefined;
+            actions?: undefined;
+        };
         /******************************************************
          *                      LifeCycle
          ******************************************************/
@@ -33,9 +47,6 @@ export function MetaGristTabMixin(baseElement: any): {
          ***************************
          */
         connectedCallback(): Promise<void>;
-        gristId: string | undefined;
-        filterFormId: string | undefined;
-        dataSet: any;
         /**
          * @override pageUpdated
          ***************************
@@ -46,27 +57,18 @@ export function MetaGristTabMixin(baseElement: any): {
         pageUpdated(changes: any, lifecycle: any, before: any): Promise<void>;
         firstUpdated(): Promise<void>;
         pageInitialized(): Promise<void>;
-        render(): HTMLElement;
+        render(): import("lit-html").TemplateResult<1>;
         /**
          * @descrtiption 메뉴 메타에서 기본 그리드 정보 파싱 처리
          ************************************************
          * @param {Object} menuMeta 메뉴 메타 정보
          */
         parseBasicGridConfigs(menuMeta: any): void;
-        gridConfig: any;
-        gridColumnConfig: any;
-        searchConfig: any;
-        gridEmphasized: any;
         /**
          * @descrtiption 그리스트 구성 정보 파싱 처리
          ***************************************
          */
         parseGristConfigs(): Promise<void>;
-        gristConfigSet: any;
-        useMasterFilterForm: boolean | undefined;
-        useFilterForm: boolean | undefined;
-        searchFieldValues: any[] | undefined;
-        searchFields: any;
         /********************************************************************
          *                          C R U D Functions
          ********************************************************************/
@@ -80,53 +82,132 @@ export function MetaGristTabMixin(baseElement: any): {
         save(): Promise<void>;
         find(): Promise<any>;
         delete(): Promise<void>;
-        export(): Promise<any>;
+        export(): Promise<{
+            header: any;
+            data: any;
+        } | undefined>;
         import(): Promise<void>;
         getData(): {
             main: any;
             detail: any;
         };
-        getCustomButtonContainerStyle(): any[];
-        getContextButtons(): any[];
-        getButtonContainer(): HTML;
-        getBasicButtonHandler(type: string, action: string, logic: any): any;
+        getCustomButtonContainerStyle(): import("lit").CSSResult[];
+        getContextButtons(): any;
+        getButtonContainer(): import("lit-html").TemplateResult<1>;
+        getBasicButtonHandler(type: any, action: any, logic: any): Promise<any>;
         customButtonHandler(logic: any): Promise<void>;
         gristButtonHandler(actionInfo: any, record: any): Promise<void>;
         parseBasicButtonConfigs(menuMeta: any): void;
-        buttonConfig: any;
-        useButtonImport: boolean | undefined;
-        useButtonExport: boolean | undefined;
-        useButtonAdd: boolean | undefined;
         parseBasicServiceConfigs(menuMeta: any): void;
-        gqlInfo: any;
-        fetchHandler({ page, limit, sortings, filters }: any): any;
-        getPageNavigateParams(): any[];
-        findOne(id: string): Promise<any>;
-        deleteByIds(ids: string): boolean;
-        updateMultiple(params: any[]): Promise<boolean>;
+        fetchHandler({ page, limit, sortings, filters }: {
+            page?: number | undefined;
+            limit?: number | undefined;
+            sortings?: never[] | undefined;
+            filters?: never[] | undefined;
+        }): Promise<any>;
+        getPageNavigateParams(): never[];
+        findOne(id: any): Promise<any>;
+        deleteByIds(ids: any): Promise<boolean>;
+        updateMultiple(params: any): Promise<boolean>;
         get isElement(): boolean;
-        get isDetail(): boolean;
+        get isDetail(): any;
         dataChangeEventHandler(e: any): Promise<void>;
-        get isPopup(): boolean;
+        get isPopup(): any;
         get isPage(): boolean;
-        getAndParseMenuMeta(): any;
-        menuInfo: any;
-        etcConfig: any;
-        excuteOpenPopupButtonClick(action: any, record: any, closeCallback: Function): Promise<void>;
-        executeCallScenarioButtonClick(action: any, params: any, afterCallback: Function): Promise<void>;
-        setParentId(id: string): void;
-        parent_id: string | undefined;
+        getAndParseMenuMeta(): Promise<void>;
+        excuteOpenPopupButtonClick(action: any, record: any, closeCallback: any): Promise<void>;
+        executeCallScenarioButtonClick(action: any, params: any, afterCallback: any): Promise<void>;
+        setParentId(id: any): void;
     };
     /**
      * @description 스타일 정의
      **************************
      * @returns {Array} 스타일
      */
-    get styles(): any[];
+    get styles(): import("lit").CSSResult[];
     /**
      * @description 프로퍼티 정의
      ****************************
      * @returns {Object} 프로퍼티
      */
-    get properties(): any;
+    get properties(): {
+        /**
+         * @description 그리드 구성 정보
+         *****************************
+         * @type {Object}
+         */
+        gridConfig: ObjectConstructor;
+        /**
+         * @description 그리드 컬럼 구성 정보
+         *********************************
+         * @type {Array}
+         */
+        gridColumnConfig: ArrayConstructor;
+        /**
+         * @description 검색 폼 구성 정보
+         *******************************
+         * @type {Array}
+         */
+        searchConfig: ArrayConstructor;
+        /**
+         * @description 화면에서 사용되는 서치 폼 : grist, filter, not
+         *********************************************************
+         * @type {String}
+         */
+        searchFormElement: StringConstructor;
+        /**
+         * @description 메뉴 메타 정보로 부터 추출한 후 그리스트를 위해 설정 정보 구성
+         *****************************************************************
+         * @type {Object}
+         */
+        gristConfigSet: ObjectConstructor;
+        /**
+         * @description 필터 폼 사용 여부
+         *****************************
+         * @type {Boolean}
+         */
+        useFilterForm: BooleanConstructor;
+        /**
+         * @description 모바일 기기에서 그리드 모드 : GRID, LIST, CARD
+         *********************************************************
+         * @type {String}
+         */
+        gridMobileMode: StringConstructor;
+        /**
+         * @description 데스크탑에서 그리드 모드 : GRID, LIST, CARD
+         ******************************************************
+         * @type {String}
+         */
+        gridDeskMode: StringConstructor;
+        /**
+         * @description 그리드 뷰 모드 : GRID, LIST, CARD
+         **********************************************
+         * @type {Array}
+         */
+        gridViewOptions: ArrayConstructor;
+        /**
+         * @description 현재 그리드 뷰 모드 : GRID, LIST, CARD
+         ***************************************************
+         * @type {String}
+         */
+        gridMode: StringConstructor;
+        /**
+         * @description Infinity Page 사용 여부
+         **************************************
+         * @type {Boolean}
+         */
+        infinityPage: BooleanConstructor;
+        /**
+         * @description 그리스트 엘리먼트 ID
+         ***************************
+         * @type {String}
+         */
+        gristId: StringConstructor;
+        /**
+         * @description 필터 폼 엘리먼트 ID
+         ***************************
+         * @type {String}
+         */
+        filterFormId: StringConstructor;
+    };
 };

package/dist-client/mixin/meta-grist-tab-mixin.js

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import { MetaApi } from '../utils/meta-api';
 import { MetaUiUtil } from '../utils/meta-ui-util';
 import { ValueUtil } from '../utils/value-util';

package/dist-client/mixin/meta-grist-tab-mixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"meta-grist-tab-mixin.js","sourceRoot":"","sources":["../../client/mixin/meta-grist-tab-mixin.js"],"names":[],"mappings":"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","sourcesContent":["import { MetaApi } from '../utils/meta-api'\nimport { MetaUiUtil } from '../utils/meta-ui-util'\nimport { ValueUtil } from '../utils/value-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 MetaGristTabMixin = baseElement =>\n  class extends MetaButtonMixin(baseElement) {\n    /**\n     * @description 스타일 정의\n     **************************\n     * @returns {Array} 스타일\n     */\n    static get styles() {\n      return MetaApi.getBasicGristTabStyles()\n    }\n\n    /**\n     * @description 프로퍼티 정의\n     ****************************\n     * @returns {Object} 프로퍼티\n     */\n    static get properties() {\n      return {\n        /**\n         * @description 그리드 구성 정보\n         *****************************\n         * @type {Object}\n         */\n        gridConfig: Object,\n        /**\n         * @description 그리드 컬럼 구성 정보\n         *********************************\n         * @type {Array}\n         */\n        gridColumnConfig: Array,\n        /**\n         * @description 검색 폼 구성 정보\n         *******************************\n         * @type {Array}\n         */\n        searchConfig: Array,\n        /**\n         * @description 화면에서 사용되는 서치 폼 : grist, filter, not\n         *********************************************************\n         * @type {String}\n         */\n        searchFormElement: String,\n        /**\n         * @description 메뉴 메타 정보로 부터 추출한 후 그리스트를 위해 설정 정보 구성\n         *****************************************************************\n         * @type {Object}\n         */\n        gristConfigSet: Object,\n        /**\n         * @description 필터 폼 사용 여부\n         *****************************\n         * @type {Boolean}\n         */\n        useFilterForm: Boolean,\n        /**\n         * @description 모바일 기기에서 그리드 모드 : GRID, LIST, CARD\n         *********************************************************\n         * @type {String}\n         */\n        gridMobileMode: String,\n        /**\n         * @description 데스크탑에서 그리드 모드 : GRID, LIST, CARD\n         ******************************************************\n         * @type {String}\n         */\n        gridDeskMode: String,\n        /**\n         * @description 그리드 뷰 모드 : GRID, LIST, CARD\n         **********************************************\n         * @type {Array}\n         */\n        gridViewOptions: Array,\n        /**\n         * @description 현재 그리드 뷰 모드 : GRID, LIST, CARD\n         ***************************************************\n         * @type {String}\n         */\n        gridMode: String,\n        /**\n         * @description Infinity Page 사용 여부\n         **************************************\n         * @type {Boolean}\n         */\n        infinityPage: Boolean,\n        /**\n         * @description 그리스트 엘리먼트 ID\n         ***************************\n         * @type {String}\n         */\n        gristId: String,\n        /**\n         * @description 필터 폼 엘리먼트 ID\n         ***************************\n         * @type {String}\n         */\n        filterFormId: String\n      }\n    }\n\n    /**\n     * @description 그리스트\n     ***********************\n     * @returns {HTMLElement}\n     */\n    get grist() {\n      return this.renderRoot.querySelector(this.gristId)\n    }\n\n    /**\n     * @description 필터 폼\n     ***********************\n     * @returns {HTMLElement}\n     */\n    get filterForm() {\n      return this.shadowRoot?.querySelector(this.filterFormId)\n    }\n\n    /**\n     * @description 디테일 Element\n     *****************************\n     * @returns {HTMLElement}\n     */\n    get detailElement() {\n      return this.shadowRoot.querySelector('#detail')\n    }\n\n    /**\n     * @description 컨텍스트\n     ***********************\n     * @returns {HTMLElement}\n     */\n    get context() {\n      let ctx = MetaUiUtil.getContextObject(this)\n\n      if (ctx.actions) delete ctx.actions\n      if (ctx.exportable) delete ctx.exportable\n      if (ctx.importable) delete ctx.importable\n      return ctx\n    }\n\n    /******************************************************\n     *                      LifeCycle\n     ******************************************************/\n\n    /**\n     * @override connectedCallback\n     ***************************\n     */\n    async connectedCallback() {\n      // 그리스트, 필터 폼 ID 설정\n      this.gristId = 'ox-grist'\n      this.filterFormId = 'ox-filters-form-base'\n\n      // 메뉴 메타 정보 조회 및 기본 파싱\n      await this.getAndParseMenuMeta()\n\n      if (this.isElement) {\n        await this.parseGristConfigs()\n      }\n\n      if (this.activityDataSet) {\n        this.dataSet = (this.activityDataSet || {}).main\n      }\n\n      if (super.connectedCallback) {\n        await super.connectedCallback()\n      }\n    }\n\n    /**\n     * @override pageUpdated\n     ***************************\n     * @param {Object} changes\n     * @param {Object} lifecycle\n     * @param {Object} before\n     */\n    async pageUpdated(changes, lifecycle, before) {\n      super.pageUpdated(changes, lifecycle, before)\n\n      if (this.isPage && before.active == false) {\n        // TODO 탭이 다른 탭으로 이동하는 경우에 현재 탭의 데이터에 dirty인 것이 있는지 체크해서 있다면 메시지 출력!!!\n        console.log('page updated!!!!')\n      }\n    }\n\n    async firstUpdated() {\n      if (super.firstUpdated) {\n        await super.firstUpdated()\n      }\n    }\n\n    async pageInitialized() {\n      if (this.isPage) {\n        await this.parseGristConfigs()\n      }\n\n      if (super.pageInitialized) {\n        await super.pageInitialized()\n      }\n    }\n\n    render() {\n      return MetaApi.getGristTabHtml(this)\n    }\n\n    /**\n     * @descrtiption 메뉴 메타에서 기본 그리드 정보 파싱 처리\n     ************************************************\n     * @param {Object} menuMeta 메뉴 메타 정보\n     */\n    parseBasicGridConfigs(menuMeta) {\n      this.gridConfig = menuMeta.grid\n      this.gridColumnConfig = menuMeta.grid_column\n      this.searchConfig = menuMeta.search\n      this.gridEmphasized = menuMeta.gridEmphasized\n    }\n\n    /**\n     * @descrtiption 그리스트 구성 정보 파싱 처리\n     ***************************************\n     */\n    async parseGristConfigs() {\n      this.gristConfigSet = await MetaApi.parseGridConfigSet(this)\n      this.useMasterFilterForm = this.useFilterForm === true ? true : false\n      this.useFilterForm = false\n      this.searchFieldValues = []\n      this.searchFields = this.gristConfigSet.columns\n        .filter(x => x.filter)\n        .map(x => {\n          let searchField = {\n            name: x.name,\n            type: x.filter.operator === 'search' ? 'search' : x.type,\n            label: x.header,\n            operator: x.filter.operator ? x.filter.operator : 'eq'\n          }\n\n          if (x.filter.options) {\n            searchField.options = x.filter.options\n          }\n\n          if (x.record.options) {\n            searchField.options = x.record.options\n          }\n\n          if (x.filter.value) {\n            this.searchFieldValues.push({\n              name: searchField.name,\n              operator: searchField.operator,\n              value: x.filter.value\n            })\n          }\n\n          delete x.filter\n          return searchField\n        })\n    }\n\n    /********************************************************************\n     *                          C R U D Functions\n     ********************************************************************/\n\n    async fetch() {\n      await this.grist.fetch()\n    }\n\n    async beforeFetch({ page = 0, limit = 0, sortings = [], filters = [] }) {\n      let detailContainer = this.renderRoot.querySelector('meta-tab-element')\n      await detailContainer.clear()\n\n      return true\n    }\n\n    async save() {\n      let patches = MetaApi.patchesForUpdateMultiple(this.grist)\n      let result = ValueUtil.isNotEmpty(patches) ? await this.updateMultiple(patches) : false\n      if (result) {\n        this.fetch()\n      }\n    }\n\n    async find() {\n      let ids = MetaApi.getSelectedIdList(this.grist, true)\n      return ValueUtil.isNotEmpty(ids) ? await this.findOne(ids[0]) : {}\n    }\n\n    async delete() {\n      let ids = MetaApi.getSelectedIdList(this.grist, true)\n      let result = ValueUtil.isNotEmpty(ids) ? await this.deleteByIds(ids) : false\n      if (result) {\n        this.fetch()\n      }\n    }\n\n    async export() {\n      let exportTitle = TermsUtil.tTitle(ValueUtil.getParams(this.menuInfo, 'title'))\n      return await MetaApi.exportableData(this.isElement, exportTitle, this.grist)\n    }\n\n    async import() {\n      // TODO\n    }\n\n    getData() {\n      let records = this.grist.___data.records\n      records = JSON.parse(JSON.stringify(records))\n\n      records.forEach(record => {\n        let keys = Object.keys(record)\n        keys.forEach(x => {\n          if (x.startsWith('__')) {\n            delete record[x]\n          }\n        })\n      })\n\n      let tabElement = this.renderRoot.querySelector('meta-tab-element')\n      return {\n        main: records,\n        detail: tabElement.getData()\n      }\n    }\n  }\n"]}
+{"version":3,"file":"meta-grist-tab-mixin.js","sourceRoot":"","sources":["../../client/mixin/meta-grist-tab-mixin.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAErD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC,EAAE,CAC7C,KAAM,SAAQ,eAAe,CAAC,WAAW,CAAC;IACxC;;;;OAIG;IACH,MAAM,KAAK,MAAM;QACf,OAAO,OAAO,CAAC,sBAAsB,EAAE,CAAA;IACzC,CAAC;IAED;;;;OAIG;IACH,MAAM,KAAK,UAAU;QACnB,OAAO;YACL;;;;eAIG;YACH,UAAU,EAAE,MAAM;YAClB;;;;eAIG;YACH,gBAAgB,EAAE,KAAK;YACvB;;;;eAIG;YACH,YAAY,EAAE,KAAK;YACnB;;;;eAIG;YACH,iBAAiB,EAAE,MAAM;YACzB;;;;eAIG;YACH,cAAc,EAAE,MAAM;YACtB;;;;eAIG;YACH,aAAa,EAAE,OAAO;YACtB;;;;eAIG;YACH,cAAc,EAAE,MAAM;YACtB;;;;eAIG;YACH,YAAY,EAAE,MAAM;YACpB;;;;eAIG;YACH,eAAe,EAAE,KAAK;YACtB;;;;eAIG;YACH,QAAQ,EAAE,MAAM;YAChB;;;;eAIG;YACH,YAAY,EAAE,OAAO;YACrB;;;;eAIG;YACH,OAAO,EAAE,MAAM;YACf;;;;eAIG;YACH,YAAY,EAAE,MAAM;SACrB,CAAA;IACH,CAAC;IAED;;;;OAIG;IACH,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IACpD,CAAC;IAED;;;;OAIG;IACH,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IAC1D,CAAC;IAED;;;;OAIG;IACH,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,CAAA;IACjD,CAAC;IAED;;;;OAIG;IACH,IAAI,OAAO;QACT,IAAI,GAAG,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;QAE3C,IAAI,GAAG,CAAC,OAAO;YAAE,OAAO,GAAG,CAAC,OAAO,CAAA;QACnC,IAAI,GAAG,CAAC,UAAU;YAAE,OAAO,GAAG,CAAC,UAAU,CAAA;QACzC,IAAI,GAAG,CAAC,UAAU;YAAE,OAAO,GAAG,CAAC,UAAU,CAAA;QACzC,OAAO,GAAG,CAAA;IACZ,CAAC;IAED;;4DAEwD;IAExD;;;OAGG;IACH,KAAK,CAAC,iBAAiB;QACrB,mBAAmB;QACnB,IAAI,CAAC,OAAO,GAAG,UAAU,CAAA;QACzB,IAAI,CAAC,YAAY,GAAG,sBAAsB,CAAA;QAE1C,sBAAsB;QACtB,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAA;QAEhC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAA;QAChC,CAAC;QAED,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,IAAI,CAAA;QAClD,CAAC;QAED,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAC;YAC5B,MAAM,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACjC,CAAC;IACH,CAAC;IAED;;;;;;OAMG;IACH,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM;QAC1C,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,CAAA;QAE7C,IAAI,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,IAAI,KAAK,EAAE,CAAC;YAC1C,sEAAsE;YACtE,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAA;QACjC,CAAC;IACH,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC;YACvB,MAAM,KAAK,CAAC,YAAY,EAAE,CAAA;QAC5B,CAAC;IACH,CAAC;IAED,KAAK,CAAC,eAAe;QACnB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAA;QAChC,CAAC;QAED,IAAI,KAAK,CAAC,eAAe,EAAE,CAAC;YAC1B,MAAM,KAAK,CAAC,eAAe,EAAE,CAAA;QAC/B,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;IACtC,CAAC;IAED;;;;OAIG;IACH,qBAAqB,CAAC,QAAQ;QAC5B,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAA;QAC/B,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC,WAAW,CAAA;QAC5C,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAA;QACnC,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC,cAAc,CAAA;IAC/C,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,cAAc,GAAG,MAAM,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAA;QAC5D,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;QACrE,IAAI,CAAC,aAAa,GAAG,KAAK,CAAA;QAC1B,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAA;QAC3B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO;aAC5C,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;aACrB,GAAG,CAAC,CAAC,CAAC,EAAE;YACP,IAAI,WAAW,GAAG;gBAChB,IAAI,EAAE,CAAC,CAAC,IAAI;gBACZ,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;gBACxD,KAAK,EAAE,CAAC,CAAC,MAAM;gBACf,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;aACvD,CAAA;YAED,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gBACrB,WAAW,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAA;YACxC,CAAC;YAED,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gBACrB,WAAW,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAA;YACxC,CAAC;YAED,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;gBACnB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;oBAC1B,IAAI,EAAE,WAAW,CAAC,IAAI;oBACtB,QAAQ,EAAE,WAAW,CAAC,QAAQ;oBAC9B,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;iBACtB,CAAC,CAAA;YACJ,CAAC;YAED,OAAO,CAAC,CAAC,MAAM,CAAA;YACf,OAAO,WAAW,CAAA;QACpB,CAAC,CAAC,CAAA;IACN,CAAC;IAED;;0EAEsE;IAEtE,KAAK,CAAC,KAAK;QACT,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;IAC1B,CAAC;IAED,KAAK,CAAC,WAAW,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE;QACpE,IAAI,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAA;QACvE,MAAM,eAAe,CAAC,KAAK,EAAE,CAAA;QAE7B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,KAAK,CAAC,IAAI;QACR,IAAI,OAAO,GAAG,OAAO,CAAC,wBAAwB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC1D,IAAI,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;QACvF,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,KAAK,EAAE,CAAA;QACd,CAAC;IACH,CAAC;IAED,KAAK,CAAC,IAAI;QACR,IAAI,GAAG,GAAG,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;QACrD,OAAO,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IACpE,CAAC;IAED,KAAK,CAAC,MAAM;QACV,IAAI,GAAG,GAAG,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;QACrD,IAAI,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;QAC5E,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,KAAK,EAAE,CAAA;QACd,CAAC;IACH,CAAC;IAED,KAAK,CAAC,MAAM;QACV,IAAI,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;QAC/E,OAAO,MAAM,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;IAC9E,CAAC;IAED,KAAK,CAAC,MAAM;QACV,OAAO;IACT,CAAC;IAED,OAAO;QACL,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAA;QACxC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;QAE7C,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YACvB,IAAI,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;YAC9B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBACf,IAAI,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;oBACvB,OAAO,MAAM,CAAC,CAAC,CAAC,CAAA;gBAClB,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QAEF,IAAI,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAA;QAClE,OAAO;YACL,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,UAAU,CAAC,OAAO,EAAE;SAC7B,CAAA;IACH,CAAC;CACF,CAAA","sourcesContent":["// @ts-nocheck\nimport { MetaApi } from '../utils/meta-api'\nimport { MetaUiUtil } from '../utils/meta-ui-util'\nimport { ValueUtil } from '../utils/value-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 MetaGristTabMixin = baseElement =>\n  class extends MetaButtonMixin(baseElement) {\n    /**\n     * @description 스타일 정의\n     **************************\n     * @returns {Array} 스타일\n     */\n    static get styles() {\n      return MetaApi.getBasicGristTabStyles()\n    }\n\n    /**\n     * @description 프로퍼티 정의\n     ****************************\n     * @returns {Object} 프로퍼티\n     */\n    static get properties() {\n      return {\n        /**\n         * @description 그리드 구성 정보\n         *****************************\n         * @type {Object}\n         */\n        gridConfig: Object,\n        /**\n         * @description 그리드 컬럼 구성 정보\n         *********************************\n         * @type {Array}\n         */\n        gridColumnConfig: Array,\n        /**\n         * @description 검색 폼 구성 정보\n         *******************************\n         * @type {Array}\n         */\n        searchConfig: Array,\n        /**\n         * @description 화면에서 사용되는 서치 폼 : grist, filter, not\n         *********************************************************\n         * @type {String}\n         */\n        searchFormElement: String,\n        /**\n         * @description 메뉴 메타 정보로 부터 추출한 후 그리스트를 위해 설정 정보 구성\n         *****************************************************************\n         * @type {Object}\n         */\n        gristConfigSet: Object,\n        /**\n         * @description 필터 폼 사용 여부\n         *****************************\n         * @type {Boolean}\n         */\n        useFilterForm: Boolean,\n        /**\n         * @description 모바일 기기에서 그리드 모드 : GRID, LIST, CARD\n         *********************************************************\n         * @type {String}\n         */\n        gridMobileMode: String,\n        /**\n         * @description 데스크탑에서 그리드 모드 : GRID, LIST, CARD\n         ******************************************************\n         * @type {String}\n         */\n        gridDeskMode: String,\n        /**\n         * @description 그리드 뷰 모드 : GRID, LIST, CARD\n         **********************************************\n         * @type {Array}\n         */\n        gridViewOptions: Array,\n        /**\n         * @description 현재 그리드 뷰 모드 : GRID, LIST, CARD\n         ***************************************************\n         * @type {String}\n         */\n        gridMode: String,\n        /**\n         * @description Infinity Page 사용 여부\n         **************************************\n         * @type {Boolean}\n         */\n        infinityPage: Boolean,\n        /**\n         * @description 그리스트 엘리먼트 ID\n         ***************************\n         * @type {String}\n         */\n        gristId: String,\n        /**\n         * @description 필터 폼 엘리먼트 ID\n         ***************************\n         * @type {String}\n         */\n        filterFormId: String\n      }\n    }\n\n    /**\n     * @description 그리스트\n     ***********************\n     * @returns {HTMLElement}\n     */\n    get grist() {\n      return this.renderRoot.querySelector(this.gristId)\n    }\n\n    /**\n     * @description 필터 폼\n     ***********************\n     * @returns {HTMLElement}\n     */\n    get filterForm() {\n      return this.shadowRoot?.querySelector(this.filterFormId)\n    }\n\n    /**\n     * @description 디테일 Element\n     *****************************\n     * @returns {HTMLElement}\n     */\n    get detailElement() {\n      return this.shadowRoot.querySelector('#detail')\n    }\n\n    /**\n     * @description 컨텍스트\n     ***********************\n     * @returns {HTMLElement}\n     */\n    get context() {\n      let ctx = MetaUiUtil.getContextObject(this)\n\n      if (ctx.actions) delete ctx.actions\n      if (ctx.exportable) delete ctx.exportable\n      if (ctx.importable) delete ctx.importable\n      return ctx\n    }\n\n    /******************************************************\n     *                      LifeCycle\n     ******************************************************/\n\n    /**\n     * @override connectedCallback\n     ***************************\n     */\n    async connectedCallback() {\n      // 그리스트, 필터 폼 ID 설정\n      this.gristId = 'ox-grist'\n      this.filterFormId = 'ox-filters-form-base'\n\n      // 메뉴 메타 정보 조회 및 기본 파싱\n      await this.getAndParseMenuMeta()\n\n      if (this.isElement) {\n        await this.parseGristConfigs()\n      }\n\n      if (this.activityDataSet) {\n        this.dataSet = (this.activityDataSet || {}).main\n      }\n\n      if (super.connectedCallback) {\n        await super.connectedCallback()\n      }\n    }\n\n    /**\n     * @override pageUpdated\n     ***************************\n     * @param {Object} changes\n     * @param {Object} lifecycle\n     * @param {Object} before\n     */\n    async pageUpdated(changes, lifecycle, before) {\n      super.pageUpdated(changes, lifecycle, before)\n\n      if (this.isPage && before.active == false) {\n        // TODO 탭이 다른 탭으로 이동하는 경우에 현재 탭의 데이터에 dirty인 것이 있는지 체크해서 있다면 메시지 출력!!!\n        console.log('page updated!!!!')\n      }\n    }\n\n    async firstUpdated() {\n      if (super.firstUpdated) {\n        await super.firstUpdated()\n      }\n    }\n\n    async pageInitialized() {\n      if (this.isPage) {\n        await this.parseGristConfigs()\n      }\n\n      if (super.pageInitialized) {\n        await super.pageInitialized()\n      }\n    }\n\n    render() {\n      return MetaApi.getGristTabHtml(this)\n    }\n\n    /**\n     * @descrtiption 메뉴 메타에서 기본 그리드 정보 파싱 처리\n     ************************************************\n     * @param {Object} menuMeta 메뉴 메타 정보\n     */\n    parseBasicGridConfigs(menuMeta) {\n      this.gridConfig = menuMeta.grid\n      this.gridColumnConfig = menuMeta.grid_column\n      this.searchConfig = menuMeta.search\n      this.gridEmphasized = menuMeta.gridEmphasized\n    }\n\n    /**\n     * @descrtiption 그리스트 구성 정보 파싱 처리\n     ***************************************\n     */\n    async parseGristConfigs() {\n      this.gristConfigSet = await MetaApi.parseGridConfigSet(this)\n      this.useMasterFilterForm = this.useFilterForm === true ? true : false\n      this.useFilterForm = false\n      this.searchFieldValues = []\n      this.searchFields = this.gristConfigSet.columns\n        .filter(x => x.filter)\n        .map(x => {\n          let searchField = {\n            name: x.name,\n            type: x.filter.operator === 'search' ? 'search' : x.type,\n            label: x.header,\n            operator: x.filter.operator ? x.filter.operator : 'eq'\n          }\n\n          if (x.filter.options) {\n            searchField.options = x.filter.options\n          }\n\n          if (x.record.options) {\n            searchField.options = x.record.options\n          }\n\n          if (x.filter.value) {\n            this.searchFieldValues.push({\n              name: searchField.name,\n              operator: searchField.operator,\n              value: x.filter.value\n            })\n          }\n\n          delete x.filter\n          return searchField\n        })\n    }\n\n    /********************************************************************\n     *                          C R U D Functions\n     ********************************************************************/\n\n    async fetch() {\n      await this.grist.fetch()\n    }\n\n    async beforeFetch({ page = 0, limit = 0, sortings = [], filters = [] }) {\n      let detailContainer = this.renderRoot.querySelector('meta-tab-element')\n      await detailContainer.clear()\n\n      return true\n    }\n\n    async save() {\n      let patches = MetaApi.patchesForUpdateMultiple(this.grist)\n      let result = ValueUtil.isNotEmpty(patches) ? await this.updateMultiple(patches) : false\n      if (result) {\n        this.fetch()\n      }\n    }\n\n    async find() {\n      let ids = MetaApi.getSelectedIdList(this.grist, true)\n      return ValueUtil.isNotEmpty(ids) ? await this.findOne(ids[0]) : {}\n    }\n\n    async delete() {\n      let ids = MetaApi.getSelectedIdList(this.grist, true)\n      let result = ValueUtil.isNotEmpty(ids) ? await this.deleteByIds(ids) : false\n      if (result) {\n        this.fetch()\n      }\n    }\n\n    async export() {\n      let exportTitle = TermsUtil.tTitle(ValueUtil.getParams(this.menuInfo, 'title'))\n      return await MetaApi.exportableData(this.isElement, exportTitle, this.grist)\n    }\n\n    async import() {\n      // TODO\n    }\n\n    getData() {\n      let records = this.grist.___data.records\n      records = JSON.parse(JSON.stringify(records))\n\n      records.forEach(record => {\n        let keys = Object.keys(record)\n        keys.forEach(x => {\n          if (x.startsWith('__')) {\n            delete record[x]\n          }\n        })\n      })\n\n      let tabElement = this.renderRoot.querySelector('meta-tab-element')\n      return {\n        main: records,\n        detail: tabElement.getData()\n      }\n    }\n  }\n"]}