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

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

@@ -0,0 +1,268 @@
+import { adjustFilters } from '@operato/utils';
+import { MetaApi } from './../utils/meta-api';
+import { ValueUtil } from './../utils/value-util';
+import { MetaBaseMixin } from './meta-base-mixin';
+/**
+ * @description 서비스 관련 믹스인
+ *******************************
+ */
+export const MetaServiceMixin = (baseElement) => class extends MetaBaseMixin(baseElement) {
+    /**
+     * @description 프로퍼티 정의
+     ******************************
+     * @returns {Object} 프로퍼티
+     */
+    static get properties() {
+        return {
+            /**
+             * @description 메뉴 메타 정보에 설정한 Graphql 정보
+             **********************************************
+             * @type {Object}
+             */
+            gqlInfo: Object
+        };
+    }
+    /**
+     * @description 메뉴 메타 정보로 부터 서비스 구성 정보 파싱
+     **************************************************
+     * @param {Object} menuMeta
+     */
+    parseBasicServiceConfigs(menuMeta) {
+        this.gqlInfo = menuMeta.gql;
+    }
+    /**
+     * @description 데이터 fetch 함수 정의
+     ***********************************
+     * @param {Object} { page : Number, limit : Number, sortings : Array, filters : Array)
+     * @returns {Object} { total : Number, records : Array }
+     */
+    async fetchHandler({ page = 0, limit = 0, sortings = [], filters = [] }) {
+        var _a;
+        if (this.is_activity) {
+            return {
+                total: 0,
+                records: this.dataSet || []
+            };
+        }
+        if (this.infinityPage === true) {
+            page = 0;
+            limit = 0;
+        }
+        // 조회 전처리 
+        if (this.beforeFetch) {
+            // return 이 false 이면 이 후 동작 취소 
+            if (await this.beforeFetch({ page: page, limit: limit, sortings: sortings, filters: filters }) == false) {
+                return;
+            }
+        }
+        // 그리스트 구성 설정이 없으면 리턴
+        if (!this.gristConfigSet)
+            return { total: 0, records: [] };
+        // 필터 처리
+        let formFilters = ValueUtil.isEmpty(filters)
+            ? (this.mainFilterForm ? ((await this.mainFilterForm.getQueryFilters()) || [])
+                : ((await ((_a = this.filterForm) === null || _a === void 0 ? void 0 : _a.getQueryFilters())) || []))
+            : filters;
+        // 조회 함수 
+        let queryFunc = ValueUtil.getParams(this.gqlInfo, 'query', 'list_func');
+        let queryFilters = ValueUtil.getParams(this.gqlInfo, 'query', 'filters');
+        // 조회 결과 에서 다른 필드로 변환 될 필드 ( ex) parent.name ==> parentName )
+        // 객체 조회 후 내용을 리스트에 표현 할때 사용 ...
+        let queryAfterSetFields = ValueUtil.getParams(this.gqlInfo, 'query', 'after_set_fields');
+        // 기본 조회 조건이 지정되어 있으면 filter에 추가
+        if (ValueUtil.isNotEmpty(queryFilters)) {
+            formFilters = adjustFilters(formFilters, queryFilters);
+        }
+        // 화면 이동으로 호출된 경우 filter 조건 추가 
+        formFilters.push(...this.getPageNavigateParams());
+        // 엘리먼트의 경우 상위 데이터 parentId가 있다. 
+        if (this.isElement && !this.mainFilterForm) {
+            let parentId = ValueUtil.getParams(this.gqlInfo, 'query', 'parent_id');
+            if (ValueUtil.isNotEmpty(parentId) && ValueUtil.isNotEmpty(this.parent_id)) {
+                formFilters = adjustFilters(formFilters, [{
+                        name: parentId,
+                        operator: 'eq',
+                        value: this.parent_id
+                    }]);
+            }
+            else {
+                return {
+                    total: 0,
+                    records: []
+                };
+            }
+        }
+        // 그리스트 설정을 이용 한 조회 필드 생성시 skip 대상 필드 
+        let selectSkipFields = Object.keys(queryAfterSetFields || {});
+        // 조회 컬럼 추출 후 조회
+        let selectFields = MetaApi.getSelectColumns(this.gristConfigSet.columns.filter(x => !selectSkipFields.includes(x.name)));
+        // 조회 실행 
+        let result = {};
+        if (queryFunc.includes('$')) {
+            let scenarioName = queryFunc.replace('$', '');
+            let response = await MetaApi.callScenario(undefined, scenarioName, {
+                filters: formFilters,
+                pagination: { page, limit },
+                sortings
+            }, false);
+            result = response.data.runScenario.result.result;
+        }
+        else {
+            result = await MetaApi.searchByPagination(queryFunc, formFilters, sortings, page, limit, selectFields);
+        }
+        // 조회 결과 가공 
+        if (ValueUtil.isNotEmpty(queryAfterSetFields)) {
+            if (ValueUtil.isNotEmpty(result) && ValueUtil.isNotEmpty(result.records)) {
+                result.records.map(record => {
+                    selectSkipFields.forEach(key => {
+                        record[key] = ValueUtil.getParams(record, ...(queryAfterSetFields[key].split('.')));
+                    });
+                    return record;
+                });
+            }
+        }
+        // 조회 후 처리 
+        if (this.afterFetch) {
+            // return 이 false 이면 이 후 동작 취소 
+            let afterFetchResult = await this.afterFetch({ page: page, limit: limit, sortings: sortings, filters: filters }, result);
+            if (afterFetchResult) {
+                return afterFetchResult;
+            }
+        }
+        return result;
+    }
+    /**
+     * @description 페이지 이동 파라미터에 대한 처리
+     *****************************************
+     * @returns {Array} [{ name: '', operator: 'eq', value: '' }]
+     */
+    getPageNavigateParams() {
+        var _a;
+        if (this.isPage == false)
+            return [];
+        // 페이지의 경우만 URL 파라미터 추출 
+        let navParams = ((_a = this.lifecycle) === null || _a === void 0 ? void 0 : _a.params) ? this.lifecycle.params : {};
+        if (!navParams.pass)
+            return [];
+        let passParams = navParams.pass;
+        let passObj = JSON.parse(passParams);
+        // Operator 결정 
+        let operator = passObj.length == 1 ? 'eq' : 'in';
+        let paramFilterObj = {};
+        let paramFilters = [];
+        // passObj 0번 인덱스를 기준으로 필터 생성 
+        Object.keys(passObj[0]).forEach(key => {
+            paramFilterObj[key] = {
+                name: key,
+                operator: operator,
+                value: operator === 'eq' ? passObj[0][key] : []
+            };
+        });
+        // 여러 Row 의 Parameter 처리 
+        if (passObj.length > 1) {
+            passObj.forEach(record => {
+                Object.keys(record).forEach(key => {
+                    paramFilterObj[key].value.push(record[key]);
+                });
+            });
+        }
+        // paramObj를 리스트로 변환
+        Object.keys(paramFilterObj).forEach(x => {
+            paramFilters.push(paramFilterObj[x]);
+        });
+        return paramFilters;
+    }
+    /**
+     * @description 레코드 ID로 데이터 조회
+     ***********************************
+     * @param {String} id
+     * @returns
+     */
+    async findOne(id) {
+        if (this.is_activity) {
+            return this.dataSet || {};
+        }
+        let findOneFunc = ValueUtil.getParams(this.gqlInfo, 'query', 'find_one_func');
+        // 조회 결과 에서 다른 필드로 변환 될 필드 ( ex) parent.name ==> parentName )
+        // 객체 조회 후 내용을 리스트에 표현 할때 사용 ...
+        let queryAfterSetFields = ValueUtil.getParams(this.gqlInfo, 'query', 'after_set_fields');
+        // 그리스트 설정을 이용 한 조회 필드 생성시 skip 대상 필드 
+        let selectSkipFields = Object.keys(queryAfterSetFields || {});
+        let selectFields = MetaApi.getSelectColumns((this.gristConfigSet ? this.gristConfigSet : { columns: this.formConfigSet }).columns.filter(x => !selectSkipFields.includes(x.name)));
+        // 조회 
+        let result = {};
+        if (findOneFunc.includes('$')) {
+            let scenarioName = findOneFunc.replace('$', '');
+            let response = await MetaApi.callScenario(undefined, scenarioName, {
+                id
+            }, false);
+            result = response.data.runScenario.result.result;
+        }
+        else {
+            result = await MetaApi.findOne(findOneFunc, id, selectFields);
+        }
+        // 조회 결과 가공 
+        if (ValueUtil.isNotEmpty(queryAfterSetFields)) {
+            if (ValueUtil.isNotEmpty(result)) {
+                selectSkipFields.forEach(key => {
+                    result[key] = ValueUtil.getParams(result, ...(queryAfterSetFields[key].split('.')));
+                });
+            }
+        }
+        return result;
+    }
+    /**
+     * @description 레코드 ID들(ids)로 부터 레코드 한꺼번에 삭제
+     ****************************************************
+     * @param {String} ids
+     * @returns {Boolean} 삭제 여부
+     */
+    async deleteByIds(ids) {
+        let deleteFunc = ValueUtil.getParams(this.gqlInfo, 'mutation', 'delete', 'func');
+        return await MetaApi.deleteListByIds(ids, deleteFunc);
+    }
+    /**
+     * @description 변경 데이터들 한꺼번에 추가 혹은 업데이트
+     ****************************************************
+     * @param {Array} params
+     */
+    async updateMultiple(params) {
+        let mutationFunc = ValueUtil.getParams(this.gqlInfo, 'mutation', 'multiple', 'func');
+        let skipToSaveFields = ValueUtil.getParams(this.gqlInfo, 'mutation', 'multiple', 'skip_fields');
+        let mutationType = ValueUtil.getParams(this.gqlInfo, 'mutation', 'multiple', 'type');
+        let patches = mutationType == 'ScalarObject' ? params.patches : params;
+        // 저장시 필터링 되어야 될 필드 삭제 
+        if (ValueUtil.isNotEmpty(skipToSaveFields)) {
+            skipToSaveFields = skipToSaveFields.map(f => { return f.includes('.') ? f.split('.') : f; });
+            patches = patches.map(patch => {
+                skipToSaveFields.forEach(field => {
+                    if (Array.isArray(field)) {
+                        delete patch[field[0]][field[1]];
+                    }
+                    else {
+                        delete patch[field];
+                    }
+                });
+                return patch;
+            });
+        }
+        // 엘리먼트의 경우 상위 데이터 parentId가 있다. 
+        if (this.isElement && ValueUtil.isNotEmpty(this.parent_id)) {
+            let parentId = ValueUtil.getParams(this.gqlInfo, 'mutation', 'multiple', 'parent_id');
+            if (ValueUtil.isNotEmpty(parentId)) {
+                patches.forEach(patch => {
+                    if (parentId.includes('.')) {
+                        let objFields = parentId.split('.');
+                        patch[objFields[0]] = {};
+                        patch[objFields[0]][objFields[1]] = this.parent_id;
+                    }
+                    else {
+                        patch[parentId] = this.parent_id;
+                    }
+                });
+            }
+        }
+        return await MetaApi.updateMultiple(mutationFunc, params);
+    }
+};
+//# sourceMappingURL=meta-service-mixin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"meta-service-mixin.js","sourceRoot":"","sources":["../../client/mixin/meta-service-mixin.js"],"names":[],"mappings":"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","sourcesContent":["import { adjustFilters } from '@operato/utils'\n\nimport { MetaApi } from './../utils/meta-api'\nimport { ValueUtil } from './../utils/value-util'\n\nimport { MetaBaseMixin } from './meta-base-mixin'\n\n/**\n * @description 서비스 관련 믹스인\n *******************************\n */\nexport const MetaServiceMixin = (baseElement) => class extends MetaBaseMixin(baseElement) {\n\n  /**\n   * @description 프로퍼티 정의\n   ******************************\n   * @returns {Object} 프로퍼티\n   */\n  static get properties() {\n    return {\n      /**\n       * @description 메뉴 메타 정보에 설정한 Graphql 정보\n       **********************************************\n       * @type {Object}\n       */\n      gqlInfo: Object\n    }\n  }\n\n  /**\n   * @description 메뉴 메타 정보로 부터 서비스 구성 정보 파싱\n   **************************************************\n   * @param {Object} menuMeta \n   */\n  parseBasicServiceConfigs(menuMeta) {\n    this.gqlInfo = menuMeta.gql\n  }\n\n  /**\n   * @description 데이터 fetch 함수 정의\n   ***********************************\n   * @param {Object} { page : Number, limit : Number, sortings : Array, filters : Array)\n   * @returns {Object} { total : Number, records : Array }\n   */\n  async fetchHandler({ page = 0, limit = 0, sortings = [], filters = [] }) {\n    if(this.is_activity) {\n      return {\n        total: 0, \n        records: this.dataSet || []\n      };\n    }\n\n    if(this.infinityPage === true) {\n      page = 0;\n      limit = 0;\n    }\n\n    // 조회 전처리 \n    if(this.beforeFetch) {\n      // return 이 false 이면 이 후 동작 취소 \n      if(await this.beforeFetch({ page:page, limit:limit, sortings:sortings, filters:filters}) == false) {\n        return;\n      }\n    }\n\n    // 그리스트 구성 설정이 없으면 리턴\n    if (!this.gristConfigSet) return { total: 0, records: [] }\n\n    // 필터 처리\n    let formFilters = ValueUtil.isEmpty(filters) \n    ? (this.mainFilterForm ? ((await this.mainFilterForm.getQueryFilters()) || []) \n                           : ((await this.filterForm?.getQueryFilters()) || []))\n    : filters\n\n    // 조회 함수 \n    let queryFunc = ValueUtil.getParams(this.gqlInfo, 'query', 'list_func')\n    let queryFilters = ValueUtil.getParams(this.gqlInfo, 'query', 'filters')\n\n    // 조회 결과 에서 다른 필드로 변환 될 필드 ( ex) parent.name ==> parentName )\n    // 객체 조회 후 내용을 리스트에 표현 할때 사용 ...\n    let queryAfterSetFields = ValueUtil.getParams(this.gqlInfo, 'query', 'after_set_fields')\n\n    // 기본 조회 조건이 지정되어 있으면 filter에 추가\n    if (ValueUtil.isNotEmpty(queryFilters)) {\n      formFilters = adjustFilters(formFilters, queryFilters)\n    }\n\n    // 화면 이동으로 호출된 경우 filter 조건 추가 \n    formFilters.push(...this.getPageNavigateParams());\n\n    // 엘리먼트의 경우 상위 데이터 parentId가 있다. \n    if (this.isElement && !this.mainFilterForm) {\n      let parentId = ValueUtil.getParams(this.gqlInfo, 'query', 'parent_id')\n\n      if (ValueUtil.isNotEmpty(parentId) && ValueUtil.isNotEmpty(this.parent_id)) {\n        formFilters = adjustFilters(formFilters, [{\n          name: parentId,\n          operator: 'eq',\n          value: this.parent_id\n        }])\n      } else {\n        return {\n          total:0, \n          records: []\n        }\n      }\n    }\n\n    // 그리스트 설정을 이용 한 조회 필드 생성시 skip 대상 필드 \n    let selectSkipFields = Object.keys(queryAfterSetFields || {})\n\n    // 조회 컬럼 추출 후 조회\n    let selectFields = MetaApi.getSelectColumns(this.gristConfigSet.columns.filter(x => !selectSkipFields.includes(x.name)))\n\n    // 조회 실행 \n    let result = {};\n\n    if(queryFunc.includes('$')) {\n      let scenarioName = queryFunc.replace('$', '');\n      let response = await MetaApi.callScenario(undefined, scenarioName, {\n        filters:formFilters, \n        pagination: { page, limit },\n        sortings\n      }, false)\n\n      result = response.data.runScenario.result.result;\n    } else {\n      result = await MetaApi.searchByPagination(queryFunc, formFilters, sortings, page, limit, selectFields);\n    }\n    \n    // 조회 결과 가공 \n    if (ValueUtil.isNotEmpty(queryAfterSetFields)) {\n      if (ValueUtil.isNotEmpty(result) && ValueUtil.isNotEmpty(result.records)) {\n        result.records.map(record => {\n          selectSkipFields.forEach(key => {\n            record[key] = ValueUtil.getParams(record, ...(queryAfterSetFields[key].split('.')))\n          })\n\n          return record\n        })\n      }\n    }\n\n    // 조회 후 처리 \n    if(this.afterFetch) {\n      // return 이 false 이면 이 후 동작 취소 \n      let afterFetchResult = await this.afterFetch({ page: page, limit: limit, sortings: sortings, filters: filters }, result);\n\n      if(afterFetchResult) {\n        return afterFetchResult;\n      }\n    }\n\n    return result\n  }\n\n  /**\n   * @description 페이지 이동 파라미터에 대한 처리 \n   *****************************************\n   * @returns {Array} [{ name: '', operator: 'eq', value: '' }]\n   */\n  getPageNavigateParams() {\n    if(this.isPage == false) return [];\n\n    // 페이지의 경우만 URL 파라미터 추출 \n    let navParams = this.lifecycle?.params ? this.lifecycle.params : {};\n    if(!navParams.pass) return [];\n\n    let passParams = navParams.pass;\n    let passObj = JSON.parse(passParams);\n\n    // Operator 결정 \n    let operator = passObj.length == 1 ? 'eq' : 'in';\n\n    let paramFilterObj = {};\n    let paramFilters = [];\n\n    // passObj 0번 인덱스를 기준으로 필터 생성 \n    Object.keys(passObj[0]).forEach(key => {\n      paramFilterObj[key] = {\n        name: key,\n        operator: operator, \n        value: operator === 'eq' ? passObj[0][key] : []\n      };\n    })\n\n    // 여러 Row 의 Parameter 처리 \n    if(passObj.length > 1) {\n      passObj.forEach(record => {\n        Object.keys(record).forEach(key => {\n          paramFilterObj[key].value.push(record[key]);\n        })\n      })\n    }\n\n    // paramObj를 리스트로 변환\n    Object.keys(paramFilterObj).forEach(x => {\n      paramFilters.push(paramFilterObj[x]);\n    })\n\n    return paramFilters;\n  }\n\n  /**\n   * @description 레코드 ID로 데이터 조회\n   ***********************************\n   * @param {String} id \n   * @returns \n   */\n  async findOne(id) {\n    if(this.is_activity) {\n      return this.dataSet || {};\n    }\n\n    let findOneFunc = ValueUtil.getParams(this.gqlInfo, 'query', 'find_one_func')\n    // 조회 결과 에서 다른 필드로 변환 될 필드 ( ex) parent.name ==> parentName )\n    // 객체 조회 후 내용을 리스트에 표현 할때 사용 ...\n    let queryAfterSetFields = ValueUtil.getParams(this.gqlInfo, 'query', 'after_set_fields')\n\n    // 그리스트 설정을 이용 한 조회 필드 생성시 skip 대상 필드 \n    let selectSkipFields = Object.keys(queryAfterSetFields || {})\n    let selectFields = MetaApi.getSelectColumns((this.gristConfigSet ? this.gristConfigSet : { columns: this.formConfigSet }).columns.filter(x => !selectSkipFields.includes(x.name)))\n\n    // 조회 \n    let result = {};\n\n    if(findOneFunc.includes('$')) {\n      let scenarioName = findOneFunc.replace('$', '');\n      let response = await MetaApi.callScenario(undefined, scenarioName, {\n        id\n      }, false)\n\n      result = response.data.runScenario.result.result;\n    } else {\n      result = await MetaApi.findOne(findOneFunc, id, selectFields)\n    }\n    \n    // 조회 결과 가공 \n    if (ValueUtil.isNotEmpty(queryAfterSetFields)) {\n      if (ValueUtil.isNotEmpty(result)) {\n        selectSkipFields.forEach(key => {\n          result[key] = ValueUtil.getParams(result, ...(queryAfterSetFields[key].split('.')))\n        })\n      }\n    }\n\n    return result\n  }\n\n  /**\n   * @description 레코드 ID들(ids)로 부터 레코드 한꺼번에 삭제\n   ****************************************************\n   * @param {String} ids\n   * @returns {Boolean} 삭제 여부\n   */\n  async deleteByIds(ids) {\n    let deleteFunc = ValueUtil.getParams(this.gqlInfo, 'mutation', 'delete', 'func')\n    return await MetaApi.deleteListByIds(ids, deleteFunc)\n  }\n\n  /**\n   * @description 변경 데이터들 한꺼번에 추가 혹은 업데이트\n   ****************************************************\n   * @param {Array} params \n   */\n  async updateMultiple(params) {\n    let mutationFunc = ValueUtil.getParams(this.gqlInfo, 'mutation', 'multiple', 'func')\n    let skipToSaveFields = ValueUtil.getParams(this.gqlInfo, 'mutation', 'multiple', 'skip_fields')\n    let mutationType = ValueUtil.getParams(this.gqlInfo, 'mutation', 'multiple', 'type')\n    let patches = mutationType == 'ScalarObject' ? params.patches : params\n\n    // 저장시 필터링 되어야 될 필드 삭제 \n    if (ValueUtil.isNotEmpty(skipToSaveFields)) {\n      skipToSaveFields = skipToSaveFields.map(f => { return f.includes('.') ? f.split('.') : f })\n\n      patches = patches.map(patch => {\n        skipToSaveFields.forEach(field => {\n          if (Array.isArray(field)) {\n            delete patch[field[0]][field[1]]\n          } else {\n            delete patch[field]\n          }\n        })\n        return patch\n      })\n    }\n\n    // 엘리먼트의 경우 상위 데이터 parentId가 있다. \n    if (this.isElement && ValueUtil.isNotEmpty(this.parent_id)) {\n      let parentId = ValueUtil.getParams(this.gqlInfo, 'mutation', 'multiple', 'parent_id')\n      if (ValueUtil.isNotEmpty(parentId)) {\n        patches.forEach(patch => {\n          if (parentId.includes('.')) {\n            let objFields = parentId.split('.')\n            patch[objFields[0]] = {};\n            patch[objFields[0]][objFields[1]] = this.parent_id\n          } else {\n            patch[parentId] = this.parent_id\n          }\n        })\n      }\n    }\n\n    return await MetaApi.updateMultiple(mutationFunc, params)\n  }\n}"]}

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

@@ -0,0 +1,110 @@
+export function MetaTabDetailMixin(baseElement: any): {
+    new (): {
+        [x: string]: any;
+        /**
+         * @description 그리스트
+         ***********************
+         * @returns {HTMLElement}
+         */
+        readonly grist: HTMLElement;
+        /**
+         * @description 필터 폼
+         ***********************
+         * @returns {HTMLElement}
+         */
+        readonly filterForm: HTMLElement;
+        /**
+         * @description 컨텍스트
+         ***********************
+         * @returns {HTMLElement}
+         */
+        readonly context: HTMLElement;
+        /******************************************************
+         *                      LifeCycle
+         ******************************************************/
+        connectedCallback(): Promise<void>;
+        gristId: string | undefined;
+        filterFormId: string | undefined;
+        dataSet: any;
+        firstUpdated(): Promise<void>;
+        pageInitialized(): Promise<void>;
+        render(): HTMLElement;
+        /**
+         * @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;
+        buttonConfig: any;
+        useButtonExport: boolean | undefined;
+        useButtonImport: boolean | undefined;
+        searchFieldValues: any[] | undefined;
+        searchFields: any;
+        /********************************************************************
+         *                          C R U D Functions
+         ********************************************************************/
+        fetch(): Promise<void>;
+        beforeFetch({ page, limit, sortings, filters }: {
+            page?: number | undefined;
+            limit?: number | undefined;
+            sortings?: never[] | undefined;
+            filters?: never[] | undefined;
+        }): Promise<boolean>;
+        getData(): {
+            master: any;
+            detail: any;
+        };
+        getCustomButtonContainerStyle(): any[];
+        getContextButtons(): any[];
+        getButtonContainer(): HTML;
+        getBasicButtonHandler(type: string, action: string, logic: any): any;
+        customButtonHandler(logic: any): Promise<void>;
+        gristButtonHandler(actionInfo: any, record: any): Promise<void>;
+        parseBasicButtonConfigs(menuMeta: any): void;
+        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>;
+        readonly isElement: boolean;
+        readonly isDetail: boolean;
+        dataChangeEventHandler(e: any): Promise<void>;
+        pageUpdated(changes: any, lifecycle: any, before: any): Promise<void>;
+        readonly isPopup: boolean;
+        readonly 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;
+    };
+    /**
+     * @description 스타일 정의
+     **************************
+     * @returns {Array} 스타일
+     */
+    readonly styles: any[];
+    /**
+     * @description 프로퍼티 정의
+     ***************************************
+     * @returns {Object} 프로퍼티
+     */
+    readonly properties: any;
+};

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

@@ -0,0 +1,255 @@
+import { MetaApi } from '../utils/meta-api';
+import { MetaUiUtil } from '../utils/meta-ui-util';
+import { MetaButtonMixin } from './meta-button-mixin';
+/**
+ * @description 메뉴 메타 정보를 이용해 그리드를 렌더링
+ ******************************************************
+ * @param {Object} MetaButtonMixin
+ * @returns
+ */
+export const MetaTabDetailMixin = baseElement => class extends MetaButtonMixin(baseElement) {
+    /**
+     * @description 스타일 정의
+     **************************
+     * @returns {Array} 스타일
+     */
+    static get styles() {
+        return MetaApi.getBasicTabDetailStyles();
+    }
+    /**
+     * @description 프로퍼티 정의
+     ***************************************
+     * @returns {Object} 프로퍼티
+     */
+    static get properties() {
+        return {
+            /**
+             * @description 그리드 구성 정보
+             *****************************
+             * @type {Object}
+             */
+            gridConfig: Object,
+            /**
+             * @description 그리드 컬럼 구성 정보
+             *********************************
+             * @type {Array}
+             */
+            gridColumnConfig: Array,
+            /**
+             * @description 검색 폼 구성 정보
+             *******************************
+             * @type {Array}
+             */
+            searchConfig: Array,
+            /**
+             * @description 화면에서 사용되는 서치 폼 : grist, filter, not
+             *********************************************************
+             * @type {String}
+             */
+            searchFormElement: String,
+            /**
+             * @description 메뉴 메타 정보로 부터 추출한 후 그리스트를 위해 설정 정보 구성
+             *****************************************************************
+             * @type {Object}
+             */
+            gristConfigSet: Object,
+            /**
+             * @description 필터 폼 사용 여부
+             *****************************
+             * @type {Boolean}
+             */
+            useFilterForm: Boolean,
+            /**
+             * @description 모바일 기기에서 그리드 모드 : GRID, LIST, CARD
+             *********************************************************
+             * @type {String}
+             */
+            gridMobileMode: String,
+            /**
+             * @description 데스크탑에서 그리드 모드 : GRID, LIST, CARD
+             ******************************************************
+             * @type {String}
+             */
+            gridDeskMode: String,
+            /**
+             * @description 그리드 뷰 모드 : GRID, LIST, CARD
+             **********************************************
+             * @type {Array}
+             */
+            gridViewOptions: Array,
+            /**
+             * @description 현재 그리드 뷰 모드 : GRID, LIST, CARD
+             ***************************************************
+             * @type {String}
+             */
+            gridMode: String,
+            /**
+             * @description Infinity Page 사용 여부
+             **************************************
+             * @type {Boolean}
+             */
+            infinityPage: Boolean,
+            /**
+             * @description 그리스트 엘리먼트 ID
+             ***************************
+             * @type {String}
+             */
+            gristId: String,
+            /**
+             * @description 필터 폼 엘리먼트 ID
+             ***************************
+             * @type {String}
+             */
+            filterFormId: String,
+            /**
+             * @description detail 엘리먼트
+             ***************************
+             * @type {Object}
+             */
+            detailElement: Object
+        };
+    }
+    /**
+     * @description 그리스트
+     ***********************
+     * @returns {HTMLElement}
+     */
+    get grist() {
+        return this.masterElement.getMainGrist();
+        // return this.renderRoot.querySelector(this.gristId)
+    }
+    /**
+     * @description 필터 폼
+     ***********************
+     * @returns {HTMLElement}
+     */
+    get filterForm() {
+        var _a;
+        return (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(this.filterFormId);
+    }
+    /**
+     * @description 컨텍스트
+     ***********************
+     * @returns {HTMLElement}
+     */
+    get context() {
+        let ctx = MetaUiUtil.getContextObject(this);
+        if (ctx.actions)
+            delete ctx.actions;
+        if (ctx.exportable)
+            delete ctx.exportable;
+        if (ctx.importable)
+            delete ctx.importable;
+        return ctx;
+    }
+    /******************************************************
+     *                      LifeCycle
+     ******************************************************/
+    async connectedCallback() {
+        // 그리스트, 필터 폼 ID 설정
+        this.gristId = 'ox-grist';
+        this.filterFormId = 'ox-filters-form-base';
+        // 메뉴 메타 정보 조회 및 기본 파싱
+        await this.getAndParseMenuMeta();
+        if (this.isElement) {
+            await this.parseGristConfigs();
+        }
+        if (this.activityDataSet) {
+            this.dataSet = (this.activityDataSet || {}).main;
+        }
+        if (super.connectedCallback) {
+            await super.connectedCallback();
+        }
+    }
+    async firstUpdated() {
+        if (super.firstUpdated) {
+            await super.firstUpdated();
+        }
+    }
+    async pageInitialized() {
+        if (this.isPage) {
+            await this.parseGristConfigs();
+        }
+        if (super.pageInitialized) {
+            await super.pageInitialized();
+        }
+    }
+    render() {
+        return MetaApi.getTabDetailHtml(this);
+    }
+    /**
+     * @descrtiption 메뉴 메타에서 기본 그리드 정보 파싱 처리
+     ************************************************
+     * @param {Object} menuMeta 메뉴 메타 정보
+     */
+    parseBasicGridConfigs(menuMeta) {
+        this.gridConfig = menuMeta.grid;
+        this.gridColumnConfig = menuMeta.grid_column;
+        this.searchConfig = menuMeta.search;
+        this.gridEmphasized = menuMeta.gridEmphasized;
+    }
+    /**
+     * @descrtiption 그리스트 구성 정보 파싱 처리
+     ***************************************
+     */
+    async parseGristConfigs() {
+        this.gristConfigSet = await MetaApi.parseGridConfigSet(this);
+        this.useMasterFilterForm = this.useFilterForm === true ? true : false;
+        this.useFilterForm = false;
+        this.buttonConfig = undefined;
+        this.useButtonExport = false;
+        this.useButtonImport = false;
+        this.searchFieldValues = [];
+        this.searchFields = this.gristConfigSet.columns
+            .filter(x => x.filter)
+            .map(x => {
+            let searchField = {
+                name: x.name,
+                type: x.filter.operator === 'search' ? 'search' : x.type,
+                label: x.header,
+                operator: x.filter.operator ? x.filter.operator : 'eq'
+            };
+            if (x.filter.options) {
+                searchField.options = x.filter.options;
+            }
+            if (x.record.options) {
+                searchField.options = x.record.options;
+            }
+            if (x.filter.value) {
+                this.searchFieldValues.push({
+                    name: searchField.name,
+                    operator: searchField.operator,
+                    value: x.filter.value
+                });
+            }
+            delete x.filter;
+            return searchField;
+        });
+    }
+    /********************************************************************
+     *                          C R U D Functions
+     ********************************************************************/
+    async fetch() {
+        await this.grist.fetch();
+    }
+    async beforeFetch({ page = 0, limit = 0, sortings = [], filters = [] }) {
+        if (this.masterElement) {
+            if (this.masterElement.clear) {
+                await this.masterElement.clear();
+            }
+        }
+        if (this.detailElement) {
+            if (this.detailElement.clear) {
+                await this.detailElement.clear();
+            }
+        }
+        return true;
+    }
+    getData() {
+        return {
+            master: this.masterElement.getData(),
+            detail: this.detailElement.getData()
+        };
+    }
+};
+//# sourceMappingURL=meta-tab-detail-mixin.js.map