@things-factory/meta-ui 10.1.248 → 10.1.249

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

@@ -0,0 +1,255 @@
+// @ts-nocheck
+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() {
+        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
+     ******************************************************/
+    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

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

@@ -0,0 +1 @@
+{"version":3,"file":"meta-tab-detail-mixin.js","sourceRoot":"","sources":["../../client/mixin/meta-tab-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'\n\nimport { MetaButtonMixin } from './meta-button-mixin'\n\n/**\n * @description 메뉴 메타 정보를 이용해 그리드를 렌더링\n ******************************************************\n * @param {Object} MetaButtonMixin\n * @returns\n */\nexport const MetaTabDetailMixin = baseElement =>\n  class extends MetaButtonMixin(baseElement) {\n    /**\n     * @description 스타일 정의\n     **************************\n     * @returns {Array} 스타일\n     */\n    static get styles() {\n      return MetaApi.getBasicTabDetailStyles()\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.masterElement.getMainGrist()\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\n      return ctx\n    }\n\n    /******************************************************\n     *                      LifeCycle\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    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.getTabDetailHtml(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.buttonConfig = undefined\n      this.useButtonExport = false\n      this.useButtonImport = false\n\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\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      if (this.masterElement) {\n        if (this.masterElement.clear) {\n          await this.masterElement.clear()\n        }\n      }\n\n      if (this.detailElement) {\n        if (this.detailElement.clear) {\n          await this.detailElement.clear()\n        }\n      }\n\n      return true\n    }\n\n    getData() {\n      return {\n        master: this.masterElement.getData(),\n        detail: this.detailElement.getData()\n      }\n    }\n  }\n"]}

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

@@ -0,0 +1,135 @@
+/**
+ * @license
+ * Copyright © HatioLab Inc. All rights reserved.
+ * @author Shortstop shortstop@hatiolab.com
+ * @description 메뉴 메타 정보를 기반으로 탭 구성
+ */
+export declare const MetaTabMixin: (baseElement: any) => {
+    new (): {
+        [x: string]: 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>;
+        /**
+         * @description 화면 그리기
+         **************************
+         * @returns {HTMLElement}
+         */
+        render(): import("lit-html").TemplateResult<1>;
+        /**
+         * @descrtiption 메뉴 메타 정보로 부터 기본 그리드 정보 파싱 처리
+         ************************************************
+         * @param {Object} menuMeta 메뉴 메타 정보
+         */
+        parseBasicTabConfigs(menuMeta: any): void;
+        /********************************************************************
+         *                          Data Handling
+         ********************************************************************/
+        /**
+         * @descrtiption 모든 탭 별 데이터 클리어
+         ************************************
+         */
+        clear(): Promise<void>;
+        /**
+         * @descrtiption 탭 별로 데이터 수집 후 리턴
+         ***************************************
+         * @returns {Object} 탭 화면 데이터
+         */
+        getData(): {};
+        /**
+         * @descrtiption 메인 그리드
+         **************************
+         * @returns {Object} grist
+         */
+        getMainGrist(): 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>;
+        pageUpdated(changes: any, lifecycle: any, before: any): Promise<void>;
+        get isPopup(): any;
+        get isPage(): boolean;
+        getAndParseMenuMeta(): Promise<void>;
+        fetch(): 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}
+         */
+        tabRenderConfig: ArrayConstructor;
+        /**
+         * @description 현재 선택된 탭
+         ****************************
+         * @type {String}
+         */
+        currentTabKey: StringConstructor;
+        /**
+         * @description 렌더링 된 탭 객체
+         ******************************
+         * @type {Array}
+         */
+        tabElements: ObjectConstructor;
+    };
+};

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

@@ -0,0 +1,169 @@
+// @ts-nocheck
+import { MetaApi } from '../utils/meta-api';
+import { MetaUiUtil } from '../utils/meta-ui-util';
+import { MetaButtonMixin } from './meta-button-mixin';
+/**
+ * @license
+ * Copyright © HatioLab Inc. All rights reserved.
+ * @author Shortstop shortstop@hatiolab.com
+ * @description 메뉴 메타 정보를 기반으로 탭 구성
+ */
+export const MetaTabMixin = baseElement => class extends MetaButtonMixin(baseElement) {
+    /**
+     * @description 스타일 정의
+     **************************
+     * @returns {Array} 스타일
+     */
+    static get styles() {
+        return MetaApi.getBasicTabStyles();
+    }
+    /**
+     * @description 프로퍼티 정의
+     **************************
+     * @returns {Object} 프로퍼티
+     */
+    static get properties() {
+        return {
+            /**
+             * @description 탭 상세 렌터링 정보
+             *******************************
+             * @type {Object}
+             */
+            tabRenderConfig: Array,
+            /**
+             * @description 현재 선택된 탭
+             ****************************
+             * @type {String}
+             */
+            currentTabKey: String,
+            /**
+             * @description 렌더링 된 탭 객체
+             ******************************
+             * @type {Array}
+             */
+            tabElements: Object
+        };
+    }
+    /**
+     * @description 컨텍스트
+     ***********************
+     * @returns {HTMLElement}
+     */
+    get context() {
+        return MetaUiUtil.getContextObject(this);
+    }
+    /******************************************************
+     *                      LifeCycle
+     ******************************************************/
+    /**
+     * @override connectedCallback
+     *******************************
+     */
+    async connectedCallback() {
+        this.currentTabKey = undefined;
+        // 메뉴 메타 정보 조회 및 기본 파싱
+        await this.getAndParseMenuMeta();
+        if (this.activityDataSet) {
+            this.dataSet = this.activityDataSet;
+        }
+        if (super.connectedCallback) {
+            await super.connectedCallback();
+        }
+    }
+    /**
+     * @override firstUpdated
+     **************************
+     */
+    async firstUpdated() {
+        if (super.firstUpdated) {
+            await super.firstUpdated();
+        }
+    }
+    /**
+     * @override pageInitialized
+     *****************************
+     */
+    async pageInitialized() {
+        if (super.pageInitialized) {
+            await super.pageInitialized();
+        }
+    }
+    /**
+     * @description 화면 그리기
+     **************************
+     * @returns {HTMLElement}
+     */
+    render() {
+        return MetaApi.getBasicTabHtml(this);
+    }
+    /**
+     * @descrtiption 메뉴 메타 정보로 부터 기본 그리드 정보 파싱 처리
+     ************************************************
+     * @param {Object} menuMeta 메뉴 메타 정보
+     */
+    parseBasicTabConfigs(menuMeta) {
+        if (this.includeMainList === true) {
+            let mainInfoTxt = this.etcConfig.main_tab_info;
+            let mainInfo = JSON.parse(mainInfoTxt || '{ "name": "general", "display": "general", "icon": "list", "index": 0 }');
+            if (mainInfo.index > menuMeta.tab.length)
+                mainInfo.index = menuMeta.tab.length;
+            menuMeta.tab.splice(mainInfo.index, 0, {
+                name: mainInfo.name,
+                display: mainInfo.display,
+                tagname: 'meta-grist-element',
+                location: '@things-factory/meta-ui/dist-client/pages/meta-grist-element',
+                parent_field: 'id',
+                param_field: 'param_field',
+                menu: this.route_name,
+                icon: mainInfo.icon,
+                filter_from: false,
+                main_filter_form: this.mainFilterForm
+            });
+        }
+        this.tabRenderConfig = menuMeta.tab;
+        menuMeta.button = [];
+    }
+    /********************************************************************
+     *                          Data Handling
+     ********************************************************************/
+    /**
+     * @descrtiption 모든 탭 별 데이터 클리어
+     ************************************
+     */
+    async clear() {
+        if (this.tabElements) {
+            let tabKeys = Object.keys(this.tabElements);
+            for (var i = 0; i < tabKeys.length; i++) {
+                await this.tabElements[tabKeys[i]].clear();
+            }
+        }
+    }
+    /**
+     * @descrtiption 탭 별로 데이터 수집 후 리턴
+     ***************************************
+     * @returns {Object} 탭 화면 데이터
+     */
+    getData() {
+        let data = {};
+        if (this.tabElements) {
+            let tabKeys = Object.keys(this.tabElements);
+            tabKeys.forEach(tabKey => {
+                data[tabKey] = this.tabElements[tabKey].getData();
+            });
+        }
+        return data;
+    }
+    /**
+     * @descrtiption 메인 그리드
+     **************************
+     * @returns {Object} grist
+     */
+    getMainGrist() {
+        if (this.tabElements) {
+            let tabKeys = Object.keys(this.tabElements);
+            return this.tabElements[tabKeys[0]].grist;
+        }
+        return undefined;
+    }
+};
+//# sourceMappingURL=meta-tab-mixin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"meta-tab-mixin.js","sourceRoot":"","sources":["../../client/mixin/meta-tab-mixin.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAErD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC,EAAE,CACxC,KAAM,SAAQ,eAAe,CAAC,WAAW,CAAC;IACxC;;;;OAIG;IACH,MAAM,KAAK,MAAM;QACf,OAAO,OAAO,CAAC,iBAAiB,EAAE,CAAA;IACpC,CAAC;IAED;;;;OAIG;IACH,MAAM,KAAK,UAAU;QACnB,OAAO;YACL;;;;eAIG;YACH,eAAe,EAAE,KAAK;YACtB;;;;eAIG;YACH,aAAa,EAAE,MAAM;YACrB;;;;eAIG;YACH,WAAW,EAAE,MAAM;SACpB,CAAA;IACH,CAAC;IAED;;;;OAIG;IACH,IAAI,OAAO;QACT,OAAO,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;IAC1C,CAAC;IAED;;4DAEwD;IAExD;;;OAGG;IACH,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,aAAa,GAAG,SAAS,CAAA;QAC9B,sBAAsB;QACtB,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAA;QAEhC,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,CAAA;QACrC,CAAC;QAED,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAC;YAC5B,MAAM,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACjC,CAAC;IACH,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,YAAY;QAChB,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC;YACvB,MAAM,KAAK,CAAC,YAAY,EAAE,CAAA;QAC5B,CAAC;IACH,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,eAAe;QACnB,IAAI,KAAK,CAAC,eAAe,EAAE,CAAC;YAC1B,MAAM,KAAK,CAAC,eAAe,EAAE,CAAA;QAC/B,CAAC;IACH,CAAC;IAED;;;;OAIG;IACH,MAAM;QACJ,OAAO,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;IACtC,CAAC;IAED;;;;OAIG;IACH,oBAAoB,CAAC,QAAQ;QAC3B,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI,EAAE,CAAC;YAClC,IAAI,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAA;YAC9C,IAAI,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,yEAAyE,CAAC,CAAA;YACnH,IAAI,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM;gBAAE,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAA;YAE9E,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,EAAE;gBACrC,IAAI,EAAE,QAAQ,CAAC,IAAI;gBACnB,OAAO,EAAE,QAAQ,CAAC,OAAO;gBACzB,OAAO,EAAE,oBAAoB;gBAC7B,QAAQ,EAAE,8DAA8D;gBACxE,YAAY,EAAE,IAAI;gBAClB,WAAW,EAAE,aAAa;gBAC1B,IAAI,EAAE,IAAI,CAAC,UAAU;gBACrB,IAAI,EAAE,QAAQ,CAAC,IAAI;gBACnB,WAAW,EAAE,KAAK;gBAClB,gBAAgB,EAAE,IAAI,CAAC,cAAc;aACtC,CAAC,CAAA;QACJ,CAAC;QAED,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,GAAG,CAAA;QACnC,QAAQ,CAAC,MAAM,GAAG,EAAE,CAAA;IACtB,CAAC;IAED;;0EAEsE;IAEtE;;;OAGG;IACH,KAAK,CAAC,KAAK;QACT,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;YAE3C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACxC,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAA;YAC5C,CAAC;QACH,CAAC;IACH,CAAC;IAED;;;;OAIG;IACH,OAAO;QACL,IAAI,IAAI,GAAG,EAAE,CAAA;QAEb,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;YAE3C,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;gBACvB,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,CAAA;YACnD,CAAC,CAAC,CAAA;QACJ,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;IAED;;;;OAIG;IACH,YAAY;QACV,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;YAC3C,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;QAC3C,CAAC;QAED,OAAO,SAAS,CAAA;IAClB,CAAC;CACF,CAAA","sourcesContent":["// @ts-nocheck\nimport { MetaApi } from '../utils/meta-api'\nimport { MetaUiUtil } from '../utils/meta-ui-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 MetaTabMixin = baseElement =>\n  class extends MetaButtonMixin(baseElement) {\n    /**\n     * @description 스타일 정의\n     **************************\n     * @returns {Array} 스타일\n     */\n    static get styles() {\n      return MetaApi.getBasicTabStyles()\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        tabRenderConfig: Array,\n        /**\n         * @description 현재 선택된 탭\n         ****************************\n         * @type {String}\n         */\n        currentTabKey: String,\n        /**\n         * @description 렌더링 된 탭 객체\n         ******************************\n         * @type {Array}\n         */\n        tabElements: 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      this.currentTabKey = undefined\n      // 메뉴 메타 정보 조회 및 기본 파싱\n      await this.getAndParseMenuMeta()\n\n      if (this.activityDataSet) {\n        this.dataSet = this.activityDataSet\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 (super.pageInitialized) {\n        await super.pageInitialized()\n      }\n    }\n\n    /**\n     * @description 화면 그리기\n     **************************\n     * @returns {HTMLElement}\n     */\n    render() {\n      return MetaApi.getBasicTabHtml(this)\n    }\n\n    /**\n     * @descrtiption 메뉴 메타 정보로 부터 기본 그리드 정보 파싱 처리\n     ************************************************\n     * @param {Object} menuMeta 메뉴 메타 정보\n     */\n    parseBasicTabConfigs(menuMeta) {\n      if (this.includeMainList === true) {\n        let mainInfoTxt = this.etcConfig.main_tab_info\n        let mainInfo = JSON.parse(mainInfoTxt || '{ \"name\": \"general\", \"display\": \"general\", \"icon\": \"list\", \"index\": 0 }')\n        if (mainInfo.index > menuMeta.tab.length) mainInfo.index = menuMeta.tab.length\n\n        menuMeta.tab.splice(mainInfo.index, 0, {\n          name: mainInfo.name,\n          display: mainInfo.display,\n          tagname: 'meta-grist-element',\n          location: '@things-factory/meta-ui/dist-client/pages/meta-grist-element',\n          parent_field: 'id',\n          param_field: 'param_field',\n          menu: this.route_name,\n          icon: mainInfo.icon,\n          filter_from: false,\n          main_filter_form: this.mainFilterForm\n        })\n      }\n\n      this.tabRenderConfig = menuMeta.tab\n      menuMeta.button = []\n    }\n\n    /********************************************************************\n     *                          Data Handling\n     ********************************************************************/\n\n    /**\n     * @descrtiption 모든 탭 별 데이터 클리어\n     ************************************\n     */\n    async clear() {\n      if (this.tabElements) {\n        let tabKeys = Object.keys(this.tabElements)\n\n        for (var i = 0; i < tabKeys.length; i++) {\n          await this.tabElements[tabKeys[i]].clear()\n        }\n      }\n    }\n\n    /**\n     * @descrtiption 탭 별로 데이터 수집 후 리턴\n     ***************************************\n     * @returns {Object} 탭 화면 데이터\n     */\n    getData() {\n      let data = {}\n\n      if (this.tabElements) {\n        let tabKeys = Object.keys(this.tabElements)\n\n        tabKeys.forEach(tabKey => {\n          data[tabKey] = this.tabElements[tabKey].getData()\n        })\n      }\n\n      return data\n    }\n\n    /**\n     * @descrtiption 메인 그리드\n     **************************\n     * @returns {Object} grist\n     */\n    getMainGrist() {\n      if (this.tabElements) {\n        let tabKeys = Object.keys(this.tabElements)\n        return this.tabElements[tabKeys[0]].grist\n      }\n\n      return undefined\n    }\n  }\n"]}

package/dist-client/pages/activity/meta-activity-define-page.d.ts

@@ -0,0 +1,3 @@
+import '@material/web/icon/icon.js';
+import '@operato/data-grist';
+import '@things-factory/worklist/dist-client/pages/activity/activity-model-item-list.js';