@things-factory/meta-ui 10.1.186 → 10.1.190

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

@@ -1,261 +0,0 @@
-/**
- * @description 메뉴 메타 정보를 이용해 마스터 - 디테일 그리드 화면 구현
- ************************************************************
- * @param {Object} MetaButtonMixin
- * @returns
- */
-export declare const MetaMasterDetailMixin: (baseElement: any) => {
-    new (): {
-        [x: string]: any;
-        /**
-         * @description 그리스트
-         ***********************
-         * @returns {HTMLElement}
-         */
-        get grist(): any;
-        /**
-         * @description 필터 폼
-         ***********************
-         * @returns {HTMLElement}
-         */
-        get filterForm(): any;
-        /**
-         * @description 컨텍스트
-         ***********************
-         * @returns {HTMLElement}
-         */
-        get context(): {
-            title: string;
-            help: any;
-            actions: any[];
-        } | {
-            title?: undefined;
-            help?: undefined;
-            actions?: undefined;
-        };
-        /******************************************************
-         *                      LifeCycle
-         ******************************************************/
-        /**
-         * @override connectedCallback
-         *******************************
-         */
-        connectedCallback(): Promise<void>;
-        /**
-         * @override firstUpdated
-         **************************
-         */
-        firstUpdated(): Promise<void>;
-        /**
-         * @override pageInitialized
-         ****************************
-         */
-        pageInitialized(): Promise<void>;
-        pageUpdated(changes: any, lifecycle: any, before: any): Promise<void>;
-        /**
-         * @override render
-         ********************
-         */
-        render(): import("lit-html").TemplateResult<1>;
-        /**
-         * @descrtiption 메뉴 메타에서 기본 그리드 정보 파싱 처리
-         ************************************************
-         * @param {Object} menuMeta 메뉴 메타 정보
-         */
-        parseBasicGridConfigs(menuMeta: any): void;
-        /**
-         * @descrtiption 그리스트 구성 정보 파싱 처리
-         ***************************************
-         */
-        parseGristConfigs(): Promise<void>;
-        /**
-         * @descrtiption 마스터 그리드에 대한 포커스 이벤트 핸들러 정의
-         *****************************************************
-         * @param {Array} columns
-         * @param {Object} data
-         * @param {Object} column
-         * @param {Object} record
-         * @param {Number} rowIndex
-         */
-        masterGridFocusEventHandler(columns: any, data: any, column: any, record: any, rowIndex: any): void;
-        /********************************************************************
-         *                          C R U D Functions
-         ********************************************************************/
-        /**
-         * @descrtiption 데이터 조회
-         **************************
-         */
-        fetch(): Promise<void>;
-        /**
-         * @descrtiption 데이터 조회 전 액션
-         ********************************
-         */
-        beforeFetch({ page, limit, sortings, filters }: {
-            page?: number | undefined;
-            limit?: number | undefined;
-            sortings?: never[] | undefined;
-            filters?: never[] | undefined;
-        }): Promise<boolean>;
-        /**
-         * @descrtiption 저장 처리
-         **************************
-         */
-        save(): Promise<void>;
-        /**
-         * @descrtiption id 리스트로 데이터 조회
-         ************************************
-         */
-        find(): Promise<any>;
-        /**
-         * @descrtiption 삭제 처리
-         **************************
-         */
-        delete(): Promise<void>;
-        /**
-         * @descrtiption 익스포트 처리
-         ****************************
-         */
-        export(): Promise<{
-            header: any;
-            data: any;
-        } | undefined>;
-        /**
-         * @descrtiption 임포트 처리
-         **************************
-         */
-        import(): Promise<void>;
-        /**
-         * @descrtiption 그리드 데이터 리턴
-         *******************************
-         * @returns {Object}
-         */
-        getData(): {
-            main: any;
-            detail: 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;
-        parseBasicServiceConfigs(menuMeta: any): void;
-        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(): any;
-        dataChangeEventHandler(e: any): Promise<void>;
-        get isPopup(): any;
-        get isPage(): boolean;
-        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(): import("lit").CSSResult[];
-    /**
-     * @description 프로퍼티 정의
-     ****************************
-     * @returns {Object} 프로퍼티
-     */
-    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;
-        /**
-         * @description detail 엘리먼트
-         ******************************
-         * @type {Object}
-         */
-        detailElement: ObjectConstructor;
-    };
-};

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

@@ -1,370 +0,0 @@
-// @ts-nocheck
-import { MetaApi } from '../utils/meta-api';
-import { MetaUiUtil } from '../utils/meta-ui-util';
-import { ValueUtil } from '../utils/value-util';
-import { TermsUtil } from '../utils/terms-util';
-import { MetaButtonMixin } from './meta-button-mixin';
-/**
- * @description 메뉴 메타 정보를 이용해 마스터 - 디테일 그리드 화면 구현
- ************************************************************
- * @param {Object} MetaButtonMixin
- * @returns
- */
-export const MetaMasterDetailMixin = baseElement => class extends MetaButtonMixin(baseElement) {
-    /**
-     * @description 스타일 정의
-     **************************
-     * @returns {Array} 스타일
-     */
-    static get styles() {
-        return MetaApi.getBasicMasterDetailStyles();
-    }
-    /**
-     * @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.renderRoot.querySelector(this.gristId);
-    }
-    /**
-     * @description 필터 폼
-     ***********************
-     * @returns {HTMLElement}
-     */
-    get filterForm() {
-        return this.shadowRoot?.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
-     ******************************************************/
-    /**
-     * @override connectedCallback
-     *******************************
-     */
-    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();
-        }
-    }
-    /**
-     * @override firstUpdated
-     **************************
-     */
-    async firstUpdated() {
-        if (super.firstUpdated) {
-            await super.firstUpdated();
-        }
-    }
-    /**
-     * @override pageInitialized
-     ****************************
-     */
-    async pageInitialized() {
-        if (this.isPage) {
-            await this.parseGristConfigs();
-        }
-        if (super.pageInitialized) {
-            await super.pageInitialized();
-        }
-    }
-    async pageUpdated(changes, lifecycle, before) {
-        if (this.active) {
-            /* this page is activated */
-            if (this.gridConfig.grid_refresh_when_page_activated) {
-                this.fetch();
-            }
-        }
-        else {
-            /* this page is deactivated */
-        }
-    }
-    /**
-     * @override render
-     ********************
-     */
-    render() {
-        return MetaApi.getMasterDetailHtml(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);
-        // 마스터 그리드에 handlers > focus 이벤트를 등록
-        this.gristConfigSet.rows.handlers = this.gristConfigSet.rows.handlers || {};
-        let gristRowHandler = this.gristConfigSet.rows.handlers;
-        gristRowHandler.focus = this.masterGridFocusEventHandler.bind(this);
-        // 마스터 그리드 옵션 처리
-        this.masterOption = JSON.parse(this.etcConfig.master_option || '{}');
-        let { split_filter = false } = this.masterOption;
-        this.useMasterFilterForm = this.useFilterForm === true && split_filter === false ? true : false;
-        this.useFilterForm = split_filter === true ? true : false;
-        // 필터 폼 사용을 하지 않는다면
-        if (this.useFilterForm == 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;
-            });
-        }
-    }
-    /**
-     * @descrtiption 마스터 그리드에 대한 포커스 이벤트 핸들러 정의
-     *****************************************************
-     * @param {Array} columns
-     * @param {Object} data
-     * @param {Object} column
-     * @param {Object} record
-     * @param {Number} rowIndex
-     */
-    masterGridFocusEventHandler(columns, data, column, record, rowIndex) {
-        if (record.id && this.detailElement) {
-            this.detailElement.setParentId(record.id);
-        }
-    }
-    /********************************************************************
-     *                          C R U D Functions
-     ********************************************************************/
-    /**
-     * @descrtiption 데이터 조회
-     **************************
-     */
-    async fetch() {
-        await this.grist.fetch();
-    }
-    /**
-     * @descrtiption 데이터 조회 전 액션
-     ********************************
-     */
-    async beforeFetch({ page = 0, limit = 0, sortings = [], filters = [] }) {
-        if (this.detailElement && this.detailElement.clear) {
-            await this.detailElement.clear();
-        }
-        return true;
-    }
-    /**
-     * @descrtiption 저장 처리
-     **************************
-     */
-    async save() {
-        let patches = MetaApi.patchesForUpdateMultiple(this.grist);
-        let result = ValueUtil.isNotEmpty(patches) ? await this.updateMultiple(patches) : false;
-        if (result) {
-            this.fetch();
-        }
-    }
-    /**
-     * @descrtiption id 리스트로 데이터 조회
-     ************************************
-     */
-    async find() {
-        let ids = MetaApi.getSelectedIdList(this.grist, true);
-        return ValueUtil.isNotEmpty(ids) ? await this.findOne(ids[0]) : {};
-    }
-    /**
-     * @descrtiption 삭제 처리
-     **************************
-     */
-    async delete() {
-        let ids = MetaApi.getSelectedIdList(this.grist, true);
-        let result = ValueUtil.isNotEmpty(ids) ? await this.deleteByIds(ids) : false;
-        if (result) {
-            this.fetch();
-        }
-    }
-    /**
-     * @descrtiption 익스포트 처리
-     ****************************
-     */
-    async export() {
-        let exportTitle = TermsUtil.tTitle(ValueUtil.getParams(this.menuInfo, 'title'));
-        return await MetaApi.exportableData(this.isElement, exportTitle, this.grist);
-    }
-    /**
-     * @descrtiption 임포트 처리
-     **************************
-     */
-    async import() {
-        // TODO
-    }
-    /**
-     * @descrtiption 그리드 데이터 리턴
-     *******************************
-     * @returns {Object}
-     */
-    getData() {
-        let records = this.grist.___data.records;
-        records = JSON.parse(JSON.stringify(records));
-        records.forEach(record => {
-            let keys = Object.keys(record);
-            keys.forEach(x => {
-                if (x.startsWith('__')) {
-                    delete record[x];
-                }
-            });
-        });
-        return {
-            main: records,
-            detail: this.detailElement.getData()
-        };
-    }
-};
-//# sourceMappingURL=meta-master-detail-mixin.js.map

package/dist-client/mixin/meta-master-detail-mixin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta-master-detail-mixin.js","sourceRoot":"","sources":["../../client/mixin/meta-master-detail-mixin.ts"],"names":[],"mappings":"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","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 * @description 메뉴 메타 정보를 이용해 마스터 - 디테일 그리드 화면 구현\n ************************************************************\n * @param {Object} MetaButtonMixin\n * @returns\n */\nexport const MetaMasterDetailMixin = baseElement =>\n  class extends MetaButtonMixin(baseElement) {\n    /**\n     * @description 스타일 정의\n     **************************\n     * @returns {Array} 스타일\n     */\n    static get styles() {\n      return MetaApi.getBasicMasterDetailStyles()\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         * @description detail 엘리먼트\n         ******************************\n         * @type {Object}\n         */\n        detailElement: Object\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 컨텍스트\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 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.parseGristConfigs()\n      }\n\n      if (super.pageInitialized) {\n        await super.pageInitialized()\n      }\n    }\n\n    async pageUpdated(changes, lifecycle, before) {\n      if (this.active) {\n        /* this page is activated */\n        if (this.gridConfig.grid_refresh_when_page_activated) {\n          this.fetch()\n        }\n      } else {\n        /* this page is deactivated */\n      }\n    }\n\n    /**\n     * @override render\n     ********************\n     */\n    render() {\n      return MetaApi.getMasterDetailHtml(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      // 그리드 설정 셋 파싱\n      this.gristConfigSet = await MetaApi.parseGridConfigSet(this)\n\n      // 마스터 그리드에 handlers > focus 이벤트를 등록\n      this.gristConfigSet.rows.handlers = this.gristConfigSet.rows.handlers || {}\n      let gristRowHandler = this.gristConfigSet.rows.handlers\n      gristRowHandler.focus = this.masterGridFocusEventHandler.bind(this)\n\n      // 마스터 그리드 옵션 처리\n      this.masterOption = JSON.parse(this.etcConfig.master_option || '{}')\n      let { split_filter = false } = this.masterOption\n      this.useMasterFilterForm = this.useFilterForm === true && split_filter === false ? true : false\n      this.useFilterForm = split_filter === true ? true : false\n\n      // 필터 폼 사용을 하지 않는다면\n      if (this.useFilterForm == false) {\n        // 검색 조건 초기값 설정이 있다면 검색 초기값을 등록해놓는다.\n        this.searchFieldValues = []\n\n        // 검색 조건이 있는 컬럼 정보로 부터 그리드의 검색 조건 정보를 구성\n        this.searchFields = this.gristConfigSet.columns\n          .filter(x => x.filter)\n          .map(x => {\n            // 검색 조건\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            // 검색 조건 초기값이 있다면 설정\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    /**\n     * @descrtiption 마스터 그리드에 대한 포커스 이벤트 핸들러 정의\n     *****************************************************\n     * @param {Array} columns\n     * @param {Object} data\n     * @param {Object} column\n     * @param {Object} record\n     * @param {Number} rowIndex\n     */\n    masterGridFocusEventHandler(columns, data, column, record, rowIndex) {\n      if (record.id && this.detailElement) {\n        this.detailElement.setParentId(record.id)\n      }\n    }\n\n    /********************************************************************\n     *                          C R U D Functions\n     ********************************************************************/\n\n    /**\n     * @descrtiption 데이터 조회\n     **************************\n     */\n    async fetch() {\n      await this.grist.fetch()\n    }\n\n    /**\n     * @descrtiption 데이터 조회 전 액션\n     ********************************\n     */\n    async beforeFetch({ page = 0, limit = 0, sortings = [], filters = [] }) {\n      if (this.detailElement && this.detailElement.clear) {\n        await this.detailElement.clear()\n      }\n\n      return true\n    }\n\n    /**\n     * @descrtiption 저장 처리\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    /**\n     * @descrtiption id 리스트로 데이터 조회\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    /**\n     * @descrtiption 삭제 처리\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    /**\n     * @descrtiption 익스포트 처리\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    /**\n     * @descrtiption 임포트 처리\n     **************************\n     */\n    async import() {\n      // TODO\n    }\n\n    /**\n     * @descrtiption 그리드 데이터 리턴\n     *******************************\n     * @returns {Object}\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      return {\n        main: records,\n        detail: this.detailElement.getData()\n      }\n    }\n  }\n"]}