@things-factory/meta-ui 8.0.0 → 9.0.0-beta.3

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

@@ -1,283 +0,0 @@
-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()
-      }
-    }
-  }

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

@@ -1,190 +0,0 @@
-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
-    }
-  }