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

package/dist-client/component/popup/file-upload-popup.js

@@ -0,0 +1,118 @@
+import '@material/web/icon/icon.js';
+import { client, gqlContext } from '@things-factory/shell';
+import { css, html, LitElement } from 'lit';
+import { SingleColumnFormStyles } from '@things-factory/form-ui';
+import { CommonHeaderStyles } from '@operato/styles';
+import gql from 'graphql-tag';
+import { TermsUtil } from '../../utils/terms-util';
+import { ServiceUtil } from '../../utils/service-util';
+import { MetaApi } from '../../utils/meta-api';
+class FileUploadPopup extends LitElement {
+    static get styles() {
+        return [
+            CommonHeaderStyles,
+            SingleColumnFormStyles,
+            css `
+        :host {
+          padding: 10px;
+          display: flex;
+          flex-direction: column;
+          overflow-x: overlay;
+          background-color: var(--md-sys-color-background);
+        }
+
+        .input-container {
+          display: flex;
+        }
+      `
+        ];
+    }
+    static get properties() {
+        return {
+            templateTypes: Array
+        };
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        this.templateTypes = await ServiceUtil.codeItems('TEMPLATE_TYPES');
+    }
+    render() {
+        return html `
+      <div>
+        <form id="input-form" class="single-column-form">
+          <fieldset>
+            <legend>${TermsUtil.tLabel('file_upload')}</legend>
+            <label>${TermsUtil.tLabel('file_upload')}</label>
+            <file-uploader custom-input id="uploadTemplate" name="attachments"></file-uploader>
+
+            <label>${TermsUtil.tLabel('category')}</label>
+            <select name="category" required>
+              <option value="">${TermsUtil.tText('please_select_upload_category')}</option>
+              ${(this.templateTypes || []).map(templateType => {
+            const { name, description } = templateType;
+            return html ` <option value="${name}">${name} ${description ? ` (${description})` : ''}</option> `;
+        })}
+            </select>
+
+            <label>${TermsUtil.tLabel('description')}</label>
+            <input name="description" />
+          </fieldset>
+        </form>
+      </div>
+
+      <div class="footer">
+        <div filler></div>
+        <button @click=${this._createAttachment} done>
+          <md-icon>attach_file_add</md-icon>${TermsUtil.tButton('create')}
+        </button>
+      </div>
+    `;
+    }
+    get _template() {
+        return this.renderRoot.querySelector('#uploadTemplate');
+    }
+    async _createAttachment() {
+        try {
+            const attachment = this._getAttachmentInfo();
+            const response = await client.mutate({
+                mutation: gql `
+          mutation ($attachment: NewAttachment!) {
+            createAttachment(attachment: $attachment) {
+              id
+              name
+              path
+            }
+          }
+        `,
+                variables: {
+                    attachment
+                },
+                context: Object.assign(Object.assign({}, gqlContext()), { hasUpload: true })
+            });
+            if (!response.errors) {
+                history.back();
+                this.dispatchEvent(new CustomEvent('template-uploaded', { bubbles: true, composed: true, cancelable: true }));
+            }
+        }
+        catch (e) {
+            MetaApi.showAlertPopup('label.error', e.message, 'error', 'confirm');
+        }
+    }
+    _getAttachmentInfo() {
+        if (this.renderRoot.querySelector('form').checkValidity()) {
+            return {
+                file: this._template.files[0],
+                category: this._getInputByName('category').value,
+                description: this._getInputByName('description').value
+            };
+        }
+        else {
+            throw new Error(TermsUtil.tText('text.attachment_info_not_valid'));
+        }
+    }
+    _getInputByName(name) {
+        return this.renderRoot.querySelector(`select[name=${name}], input[name=${name}]`);
+    }
+}
+window.customElements.define('file-upload-popup', FileUploadPopup);
+//# sourceMappingURL=file-upload-popup.js.map

package/dist-client/component/popup/file-upload-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-popup.js","sourceRoot":"","sources":["../../../client/component/popup/file-upload-popup.js"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { client, gqlContext } from '@things-factory/shell'\nimport { css, html, LitElement } from 'lit'\nimport { SingleColumnFormStyles } from '@things-factory/form-ui'\nimport { CommonHeaderStyles } from '@operato/styles'\nimport gql from 'graphql-tag'\nimport { TermsUtil } from '../../utils/terms-util'\nimport { ServiceUtil } from '../../utils/service-util'\nimport { MetaApi } from '../../utils/meta-api'\n\nclass FileUploadPopup extends LitElement {\n  static get styles() {\n    return [\n      CommonHeaderStyles,\n      SingleColumnFormStyles,\n      css`\n        :host {\n          padding: 10px;\n          display: flex;\n          flex-direction: column;\n          overflow-x: overlay;\n          background-color: var(--md-sys-color-background);\n        }\n\n        .input-container {\n          display: flex;\n        }\n      `\n    ]\n  }\n\n  static get properties() {\n    return {\n      templateTypes: Array\n    }\n  }\n\n  async connectedCallback() {\n    super.connectedCallback()\n    this.templateTypes = await ServiceUtil.codeItems('TEMPLATE_TYPES')\n  }\n\n  render() {\n    return html`\n      <div>\n        <form id=\"input-form\" class=\"single-column-form\">\n          <fieldset>\n            <legend>${TermsUtil.tLabel('file_upload')}</legend>\n            <label>${TermsUtil.tLabel('file_upload')}</label>\n            <file-uploader custom-input id=\"uploadTemplate\" name=\"attachments\"></file-uploader>\n\n            <label>${TermsUtil.tLabel('category')}</label>\n            <select name=\"category\" required>\n              <option value=\"\">${TermsUtil.tText('please_select_upload_category')}</option>\n              ${(this.templateTypes || []).map(templateType => {\n                const { name, description } = templateType\n                return html` <option value=\"${name}\">${name} ${description ? ` (${description})` : ''}</option> `\n              })}\n            </select>\n\n            <label>${TermsUtil.tLabel('description')}</label>\n            <input name=\"description\" />\n          </fieldset>\n        </form>\n      </div>\n\n      <div class=\"footer\">\n        <div filler></div>\n        <button @click=${this._createAttachment} done>\n          <md-icon>attach_file_add</md-icon>${TermsUtil.tButton('create')}\n        </button>\n      </div>\n    `\n  }\n\n  get _template() {\n    return this.renderRoot.querySelector('#uploadTemplate')\n  }\n\n  async _createAttachment() {\n    try {\n      const attachment = this._getAttachmentInfo()\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($attachment: NewAttachment!) {\n            createAttachment(attachment: $attachment) {\n              id\n              name\n              path\n            }\n          }\n        `,\n        variables: {\n          attachment\n        },\n        context: {\n          ...gqlContext(),\n          hasUpload: true\n        }\n      })\n\n      if (!response.errors) {\n        history.back()\n        this.dispatchEvent(new CustomEvent('template-uploaded', { bubbles: true, composed: true, cancelable: true }))\n      }\n    } catch (e) {\n      MetaApi.showAlertPopup('label.error', e.message, 'error', 'confirm')\n    }\n  }\n\n  _getAttachmentInfo() {\n    if (this.renderRoot.querySelector('form').checkValidity()) {\n      return {\n        file: this._template.files[0],\n        category: this._getInputByName('category').value,\n        description: this._getInputByName('description').value\n      }\n    } else {\n      throw new Error(TermsUtil.tText('text.attachment_info_not_valid'))\n    }\n  }\n\n  _getInputByName(name) {\n    return this.renderRoot.querySelector(`select[name=${name}], input[name=${name}]`)\n  }\n}\n\nwindow.customElements.define('file-upload-popup', FileUploadPopup)\n"]}

package/dist-client/component/popup/meta-object-selector-popup.d.ts

@@ -0,0 +1,60 @@
+import '@material/web/icon/icon.js';
+import { LitElement, PropertyValues } from 'lit';
+import { ColumnConfig, FetchOption, FetchResult, GristRecord } from '@operato/data-grist';
+export declare class MetaObjectSelectorPopup extends LitElement {
+    static styles: import("lit").CSSResult[];
+    value?: string;
+    gridConfig: any;
+    basicArgs?: FetchOption;
+    options: FetchOption & {
+        menu_template?: any;
+        filterFields?: any[];
+        codeField?: string;
+        nameField?: string;
+        dispField?: string;
+        queryName: string;
+        select?: (ColumnConfig & {
+            options: any;
+            select_opt: any;
+            object_opt: any;
+        })[];
+    };
+    confirmCallback?: (record?: Partial<GristRecord>) => void;
+    selectedRecords: GristRecord[];
+    private grist;
+    private foundationFilters;
+    private record;
+    connectedCallback(): Promise<void>;
+    firstUpdated(changes: PropertyValues<this>): Promise<void>;
+    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * @description 컬럼 조회
+     ***************************
+     * @returns
+     */
+    fetchHandler({ page, limit, sorters, filters }: FetchOption): Promise<FetchResult>;
+    /**
+     * @description 비우기
+     ***************************
+     * @returns
+     */
+    clickEmpty(e: any): Promise<void>;
+    /**
+     * @description 취소
+     ***************************
+     * @returns
+     */
+    clickCancel(e: any): Promise<void>;
+    /**
+     * @description 선택
+     ***************************
+     * @returns
+     */
+    clickSelect(e: any): Promise<void>;
+    /**
+     * @description 확정
+     ***************************
+     * @param {*} record
+     */
+    selectRecord(record: any): Promise<void>;
+}

package/dist-client/component/popup/meta-object-selector-popup.js

@@ -0,0 +1,300 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+import { css, html, LitElement } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { closePopup } from '@operato/popup';
+import { isMobileDevice, adjustFilters } from '@operato/utils';
+import { CommonGristStyles, CommonHeaderStyles } from '@operato/styles';
+import { DataGrist } from '@operato/data-grist';
+import { TermsUtil } from '../../utils/terms-util';
+import { ValueUtil } from '../../utils/value-util';
+import { ServiceUtil } from '../../utils/service-util';
+import { MetaApi } from '../../utils/meta-api';
+import { MetaUiUtil } from '../../utils/meta-ui-util';
+let MetaObjectSelectorPopup = class MetaObjectSelectorPopup extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.selectedRecords = [];
+        this.foundationFilters = [];
+    }
+    async connectedCallback() {
+        const { select, sorters, filters, codeField, nameField, dispField, filterFields: optionFilterFields, menu_template } = this.options || {};
+        // 숨김 검색 조건
+        this.foundationFilters = filters ? filters : this.basicArgs && this.basicArgs.filters ? this.basicArgs.filters : [];
+        this.foundationFilters = this.foundationFilters.map(x => {
+            let { name, operator, value } = x;
+            if (value.startsWith('::')) {
+                value = ValueUtil.getParams(this.record, ...value.substring(2).split('.'));
+            }
+            return {
+                name,
+                operator,
+                value
+            };
+        });
+        // 기본 정렬
+        let sortFields = sorters ? sorters : this.basicArgs && this.basicArgs.sorters ? this.basicArgs.sorters : [];
+        // 기본 검색 조건
+        let filterFields = optionFilterFields
+            ? optionFilterFields
+            : (menu_template === null || menu_template === void 0 ? void 0 : menu_template.search) && (menu_template === null || menu_template === void 0 ? void 0 : menu_template.search.length) > 0
+                ? menu_template.search
+                : [];
+        // 그리드 컬럼
+        let gridColumns = select;
+        // 기본 검색 조건이 없으면 코드 (code-selector), 또는 이름 (object-selector)
+        if (!filterFields || filterFields.length == 0) {
+            let defaultFilter;
+            if (codeField)
+                defaultFilter = codeField;
+            if (nameField)
+                defaultFilter = nameField;
+            if (defaultFilter) {
+                filterFields.push({
+                    name: defaultFilter,
+                    operator: 'eq'
+                });
+            }
+        }
+        let selectFields = [...MetaApi.getGristGuttersConfig(true, false)];
+        if (gridColumns && gridColumns.length > 0) {
+            for (let idx = 0; idx < gridColumns.length; idx++) {
+                let { type = 'string', name, hidden = false, record = { align: 'left' }, header = undefined, sortable = false, width = 135, options = undefined, select_opt = undefined, object_opt = undefined } = gridColumns[idx];
+                if (select_opt)
+                    options = select_opt;
+                if (object_opt)
+                    options = object_opt;
+                if (['resource-object', 'object'].includes(type)) {
+                    type = 'meta-object-selector';
+                }
+                else if (['resource-code-selector'].includes(type)) {
+                    type = 'meta-code-selector';
+                }
+                if (name == 'id') {
+                    selectFields.push({
+                        type: 'string',
+                        name: name,
+                        hidden: true
+                    });
+                }
+                else {
+                    if (type == 'boolean-all') {
+                        type = 'boolean';
+                    }
+                    let columnConfig = MetaApi.getGristColumnConfig2(type, name, header ? header : name, record.align ? record.align : 'left', false, sortable, Number(width));
+                    if (type.startsWith('meta-') && object_opt && object_opt.menu) {
+                        options = await MetaUiUtil.getGristMetaObjectOptions(type, options);
+                    }
+                    if (type === 'select') {
+                        if (Array.isArray(options)) {
+                            columnConfig.record.options = options;
+                        }
+                        else {
+                            if (options.type === 'code') {
+                                // 공통 코드
+                                columnConfig.record.options = await ServiceUtil.getCodeSelectorData(options.values ? options.values : options.name);
+                            }
+                            else if (options.type === 'scenario') {
+                                // 시나리오
+                                columnConfig.record.options = await ServiceUtil.getCodeByScenario(options.name, options.args);
+                            }
+                            else if (options.type === 'entity') {
+                                // 엔티티
+                                columnConfig.record.options = await ServiceUtil.getCodeByEntity(options.args);
+                            }
+                        }
+                    }
+                    else if (type === 'meta-object-selector') {
+                        // object-option
+                        columnConfig.record.options = Object.assign({}, options);
+                    }
+                    else if (type == 'meta-code-selector') {
+                        if (options.dispField) {
+                            options.codes = await ServiceUtil.getCodeByEntity(options);
+                        }
+                        columnConfig.record.options = Object.assign({}, options);
+                    }
+                    columnConfig.hidden = hidden;
+                    selectFields.push(columnConfig);
+                }
+            }
+        }
+        else {
+            selectFields.push(MetaApi.getGristColumnConfig2('string', codeField, codeField, 'left', false, true, 180));
+            if (dispField) {
+                selectFields.push(MetaApi.getGristColumnConfig2('string', dispField, dispField, 'left', false, true, 300));
+            }
+        }
+        selectFields.forEach(x => {
+            let filters = filterFields.filter(y => (typeof y === 'string' ? x.name == y : x.name == y.name));
+            if (filters && filters.length > 0) {
+                x.filter = typeof filters[0] === 'string' ? 'search' : filters[0];
+            }
+        });
+        let gridConfig = {
+            rows: MetaApi.getGristSelectableConfig(false),
+            pagination: MetaApi.getGristPagination100Config(),
+            columns: selectFields,
+            sorters: [...sortFields]
+        };
+        gridConfig.rows.handlers = {
+            click: 'select-row-toggle',
+            dblclick: (columns, data, column, record, rowIndex, field) => {
+                this.selectRecord(record);
+            }
+        };
+        gridConfig.rows.appendable = false;
+        this.gridConfig = gridConfig;
+        await super.connectedCallback();
+    }
+    async firstUpdated(changes) {
+        await super.firstUpdated(changes);
+    }
+    render() {
+        return html `
+      <ox-grist
+        id="ox-grist"
+        .config=${this.gridConfig}
+        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
+        auto-fetch
+        .fetchHandler=${this.fetchHandler.bind(this)}
+      >
+        <div slot="headroom" class="header">
+          <div class="filters">
+            <ox-filters-form></ox-filters-form>
+          </div>
+        </div>
+      </ox-grist>
+
+      <div class="footer">
+        <button @click=${this.clickEmpty.bind(this)}>
+          <md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}
+        </button>
+        <div filler></div>
+        <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>
+        <button @click=${this.clickSelect.bind(this)} done>
+          <md-icon>done</md-icon>${TermsUtil.tButton('select')}
+        </button>
+      </div>
+    `;
+    }
+    /**
+     * @description 컬럼 조회
+     ***************************
+     * @returns
+     */
+    async fetchHandler({ page = 0, limit = 0, sorters = [], filters = [] }) {
+        const { menu_template, queryName } = this.options || {};
+        // let resFilter = [...this.foundationFilters]
+        // filters.forEach((x: any) => {
+        //   let dupFilter = resFilter.filter(y => x.name == y.name)
+        //   if (dupFilter && dupFilter.length > 0) {
+        //     delete resFilter[x.name]
+        //   }
+        //   resFilter.push(x)
+        // })
+        let resFilter = adjustFilters([...this.foundationFilters], filters);
+        let queryAfterSetFields = ValueUtil.getParams(menu_template ? menu_template.gql || {} : {}, 'query', 'after_set_fields');
+        let selectSkipFields = Object.keys(queryAfterSetFields || {});
+        // 조회 컬럼 추출 후 조회
+        let selectFields = MetaApi.getSelectColumns(this.gridConfig.columns.filter(x => !selectSkipFields.includes(x.name)));
+        // 조회 실행
+        let result = await MetaApi.searchByPagination(queryName, resFilter, sorters, page, limit, selectFields);
+        return result;
+    }
+    /**
+     * @description 비우기
+     ***************************
+     * @returns
+     */
+    async clickEmpty(e) {
+        this.confirmCallback && this.confirmCallback();
+        closePopup(this);
+    }
+    /**
+     * @description 취소
+     ***************************
+     * @returns
+     */
+    async clickCancel(e) {
+        closePopup(this);
+    }
+    /**
+     * @description 선택
+     ***************************
+     * @returns
+     */
+    async clickSelect(e) {
+        let selected = this.grist.selected;
+        if (!selected || selected.length == 0) {
+            MetaApi.showToast('info', TermsUtil.tText('NOTHING_SELECTED'));
+            return;
+        }
+        this.selectRecord(selected[0]);
+    }
+    /**
+     * @description 확정
+     ***************************
+     * @param {*} record
+     */
+    async selectRecord(record) {
+        this.confirmCallback && this.confirmCallback(record);
+        closePopup(this);
+    }
+};
+MetaObjectSelectorPopup.styles = [
+    CommonGristStyles,
+    CommonHeaderStyles,
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        background-color: var(--md-sys-color-surface);
+
+        width: var(--overlay-center-normal-width, 50%);
+        height: var(--overlay-center-normal-height, 50%);
+      }
+
+      ox-grist {
+        flex: 1;
+      }
+
+      ox-filters-form {
+        flex: 1;
+      }
+    `
+];
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], MetaObjectSelectorPopup.prototype, "value", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], MetaObjectSelectorPopup.prototype, "gridConfig", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], MetaObjectSelectorPopup.prototype, "basicArgs", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], MetaObjectSelectorPopup.prototype, "options", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Function)
+], MetaObjectSelectorPopup.prototype, "confirmCallback", void 0);
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], MetaObjectSelectorPopup.prototype, "selectedRecords", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], MetaObjectSelectorPopup.prototype, "grist", void 0);
+MetaObjectSelectorPopup = __decorate([
+    customElement('meta-object-selector-popup')
+], MetaObjectSelectorPopup);
+export { MetaObjectSelectorPopup };
+//# sourceMappingURL=meta-object-selector-popup.js.map

package/dist-client/component/popup/meta-object-selector-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta-object-selector-popup.js","sourceRoot":"","sources":["../../../client/component/popup/meta-object-selector-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { closePopup } from '@operato/popup'\nimport { isMobileDevice, adjustFilters } from '@operato/utils'\nimport { CommonGristStyles, CommonHeaderStyles } from '@operato/styles'\nimport { ColumnConfig, DataGrist, FetchOption, FetchResult, GristRecord, QueryFilter } from '@operato/data-grist'\n\nimport { TermsUtil } from '../../utils/terms-util'\nimport { ValueUtil } from '../../utils/value-util'\nimport { ServiceUtil } from '../../utils/service-util'\nimport { MetaApi } from '../../utils/meta-api'\nimport { MetaUiUtil } from '../../utils/meta-ui-util'\n\n@customElement('meta-object-selector-popup')\nexport class MetaObjectSelectorPopup extends LitElement {\n  static styles = [\n    CommonGristStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: var(--md-sys-color-surface);\n\n        width: var(--overlay-center-normal-width, 50%);\n        height: var(--overlay-center-normal-height, 50%);\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n\n      ox-filters-form {\n        flex: 1;\n      }\n    `\n  ]\n\n  @property({ type: String }) value?: string\n  @property({ type: Object }) gridConfig: any\n  @property({ type: Object }) basicArgs?: FetchOption\n  @property({ type: Object }) options!: FetchOption & {\n    menu_template?: any\n    filterFields?: any[]\n    codeField?: string\n    nameField?: string\n    dispField?: string\n    queryName: string\n    select?: (ColumnConfig & {\n      options: any\n      select_opt: any\n      object_opt: any\n    })[]\n  }\n  @property({ type: Object }) confirmCallback?: (record?: Partial<GristRecord>) => void\n  @property({ type: Array }) selectedRecords: GristRecord[] = []\n\n  @query('ox-grist') private grist!: DataGrist\n\n  private foundationFilters: QueryFilter[] = []\n  private record: any\n\n  async connectedCallback() {\n    const {\n      select,\n      sorters,\n      filters,\n      codeField,\n      nameField,\n      dispField,\n      filterFields: optionFilterFields,\n      menu_template\n    } = this.options || {}\n\n    // 숨김 검색 조건\n    this.foundationFilters = filters ? filters : this.basicArgs && this.basicArgs.filters ? this.basicArgs.filters : []\n\n    this.foundationFilters = this.foundationFilters.map(x => {\n      let { name, operator, value } = x\n\n      if (value.startsWith('::')) {\n        value = ValueUtil.getParams(this.record, ...value.substring(2).split('.'))\n      }\n\n      return {\n        name,\n        operator,\n        value\n      }\n    })\n\n    // 기본 정렬\n    let sortFields = sorters ? sorters : this.basicArgs && this.basicArgs.sorters ? this.basicArgs.sorters : []\n\n    // 기본 검색 조건\n    let filterFields = optionFilterFields\n      ? optionFilterFields\n      : menu_template?.search && menu_template?.search.length > 0\n        ? menu_template.search\n        : []\n\n    // 그리드 컬럼\n    let gridColumns = select\n\n    // 기본 검색 조건이 없으면 코드 (code-selector), 또는 이름 (object-selector)\n    if (!filterFields || filterFields.length == 0) {\n      let defaultFilter\n\n      if (codeField) defaultFilter = codeField\n      if (nameField) defaultFilter = nameField\n\n      if (defaultFilter) {\n        filterFields.push({\n          name: defaultFilter,\n          operator: 'eq'\n        })\n      }\n    }\n\n    let selectFields = [...MetaApi.getGristGuttersConfig(true, false)]\n\n    if (gridColumns && gridColumns.length > 0) {\n      for (let idx = 0; idx < gridColumns.length; idx++) {\n        let {\n          type = 'string',\n          name,\n          hidden = false,\n          record = { align: 'left' },\n          header = undefined,\n          sortable = false,\n          width = 135,\n          options = undefined,\n          select_opt = undefined,\n          object_opt = undefined\n        } = gridColumns[idx]\n\n        if (select_opt) options = select_opt\n        if (object_opt) options = object_opt\n\n        if (['resource-object', 'object'].includes(type)) {\n          type = 'meta-object-selector'\n        } else if (['resource-code-selector'].includes(type)) {\n          type = 'meta-code-selector'\n        }\n\n        if (name == 'id') {\n          selectFields.push({\n            type: 'string',\n            name: name,\n            hidden: true\n          })\n        } else {\n          if (type == 'boolean-all') {\n            type = 'boolean'\n          }\n\n          let columnConfig = MetaApi.getGristColumnConfig2(\n            type,\n            name,\n            header ? (header as unknown as string) : name,\n            record.align ? record.align : 'left',\n            false,\n            sortable,\n            Number(width)\n          )\n\n          if (type.startsWith('meta-') && object_opt && object_opt.menu) {\n            options = await MetaUiUtil.getGristMetaObjectOptions(type, options)\n          }\n\n          if (type === 'select') {\n            if (Array.isArray(options)) {\n              columnConfig.record.options = options\n            } else {\n              if (options.type === 'code') {\n                // 공통 코드\n                columnConfig.record.options = await ServiceUtil.getCodeSelectorData(\n                  options.values ? options.values : options.name\n                )\n              } else if (options.type === 'scenario') {\n                // 시나리오\n                columnConfig.record.options = await ServiceUtil.getCodeByScenario(options.name, options.args)\n              } else if (options.type === 'entity') {\n                // 엔티티\n                columnConfig.record.options = await ServiceUtil.getCodeByEntity(options.args)\n              }\n            }\n          } else if (type === 'meta-object-selector') {\n            // object-option\n            columnConfig.record.options = { ...options }\n          } else if (type == 'meta-code-selector') {\n            if (options.dispField) {\n              options.codes = await ServiceUtil.getCodeByEntity(options)\n            }\n\n            columnConfig.record.options = { ...options }\n          }\n\n          columnConfig.hidden = hidden\n\n          selectFields.push(columnConfig)\n        }\n      }\n    } else {\n      selectFields.push(MetaApi.getGristColumnConfig2('string', codeField!, codeField!, 'left', false, true, 180))\n\n      if (dispField) {\n        selectFields.push(MetaApi.getGristColumnConfig2('string', dispField, dispField, 'left', false, true, 300))\n      }\n    }\n\n    selectFields.forEach(x => {\n      let filters = filterFields.filter(y => (typeof y === 'string' ? x.name == y : x.name == y.name))\n\n      if (filters && filters.length > 0) {\n        x.filter = typeof filters[0] === 'string' ? 'search' : filters[0]\n      }\n    })\n\n    let gridConfig = {\n      rows: MetaApi.getGristSelectableConfig(false),\n      pagination: MetaApi.getGristPagination100Config(),\n      columns: selectFields,\n      sorters: [...sortFields]\n    }\n\n    gridConfig.rows.handlers = {\n      click: 'select-row-toggle',\n      dblclick: (columns, data, column, record, rowIndex, field) => {\n        this.selectRecord(record)\n      }\n    }\n\n    gridConfig.rows.appendable = false\n\n    this.gridConfig = gridConfig\n\n    await super.connectedCallback()\n  }\n\n  async firstUpdated(changes: PropertyValues<this>) {\n    await super.firstUpdated(changes)\n  }\n\n  render() {\n    return html`\n      <ox-grist\n        id=\"ox-grist\"\n        .config=${this.gridConfig}\n        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n        auto-fetch\n        .fetchHandler=${this.fetchHandler.bind(this)}\n      >\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"filters\">\n            <ox-filters-form></ox-filters-form>\n          </div>\n        </div>\n      </ox-grist>\n\n      <div class=\"footer\">\n        <button @click=${this.clickEmpty.bind(this)}>\n          <md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}\n        </button>\n        <div filler></div>\n        <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>\n        <button @click=${this.clickSelect.bind(this)} done>\n          <md-icon>done</md-icon>${TermsUtil.tButton('select')}\n        </button>\n      </div>\n    `\n  }\n\n  /**\n   * @description 컬럼 조회\n   ***************************\n   * @returns\n   */\n  async fetchHandler({ page = 0, limit = 0, sorters = [], filters = [] }: FetchOption): Promise<FetchResult> {\n    const { menu_template, queryName } = this.options || {}\n\n    // let resFilter = [...this.foundationFilters]\n\n    // filters.forEach((x: any) => {\n    //   let dupFilter = resFilter.filter(y => x.name == y.name)\n    //   if (dupFilter && dupFilter.length > 0) {\n    //     delete resFilter[x.name]\n    //   }\n\n    //   resFilter.push(x)\n    // })\n\n    let resFilter = adjustFilters([...this.foundationFilters], filters)\n\n    let queryAfterSetFields = ValueUtil.getParams(\n      menu_template ? menu_template.gql || {} : {},\n      'query',\n      'after_set_fields'\n    )\n    let selectSkipFields = Object.keys(queryAfterSetFields || {})\n\n    // 조회 컬럼 추출 후 조회\n    let selectFields = MetaApi.getSelectColumns(this.gridConfig.columns.filter(x => !selectSkipFields.includes(x.name)))\n\n    // 조회 실행\n    let result = await MetaApi.searchByPagination(queryName, resFilter, sorters, page, limit, selectFields)\n\n    return result\n  }\n\n  /**\n   * @description 비우기\n   ***************************\n   * @returns\n   */\n  async clickEmpty(e) {\n    this.confirmCallback && this.confirmCallback()\n    closePopup(this)\n  }\n  /**\n   * @description 취소\n   ***************************\n   * @returns\n   */\n  async clickCancel(e) {\n    closePopup(this)\n  }\n  /**\n   * @description 선택\n   ***************************\n   * @returns\n   */\n  async clickSelect(e) {\n    let selected = this.grist.selected\n\n    if (!selected || selected.length == 0) {\n      MetaApi.showToast('info', TermsUtil.tText('NOTHING_SELECTED'))\n      return\n    }\n\n    this.selectRecord(selected[0])\n  }\n\n  /**\n   * @description 확정\n   ***************************\n   * @param {*} record\n   */\n  async selectRecord(record) {\n    this.confirmCallback && this.confirmCallback(record)\n    closePopup(this)\n  }\n}\n"]}

package/dist-client/component/popup/record-based-code-editor-popup.d.ts

@@ -0,0 +1,52 @@
+import '@material/web/icon/icon.js';
+import '@operato/input/ox-input-code.js';
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * 레코드 기반 코드 편집기 팝업
+ */
+export declare class RecordBasedCodeEditorPopup extends LitElement {
+    static styles: import("lit").CSSResult[];
+    private config?;
+    private record?;
+    private value?;
+    private codeValue?;
+    private codeEditor;
+    /**
+     * 그리드 버튼 (grid-custom) 선택시 코드 편집기 팝업을 띄우는 버튼 로직
+     {
+      "type": "popup", -> 팝업 표시 (고정값)
+      "title": "template", -> 코드 에디터에서 팝업 타이틀에 표시할 타이틀 정보 (변수값)
+      "title_detail": "name", -> 코드 에디터에서 팝업 타이틀에 표시할 레코드의 필드 정보 (변수값)
+      "size": "large", -> 팝업 사이즈 (full, large, medium, small)
+      "popup_field": "record", -> 코드 에디터에서 레코드를 받을 필드명 (고정값)
+      "parent_field": "id", -> 부모 레코드 ID 필드 값 (고정값)
+      "value_field": "template", -> 코드 에디터에 표시할 레코드 필드 정보 (변수값)
+      "menu": "code-editor", -> 코드 에디터 이름 정보 (고정값)
+      "tagname": "record-code-editor-popup", -> 코드 에디터 태그 명 (고정값)
+      "location": "@things-factory/meta-ui/dist-client/component/popup/record-code-editor-popup", -> 코드 에디터 파일 위치 (고정값)
+      "save_action": {
+        "func_name": "updateDocTemplate", -> 업데이트 함수 명
+        "func_type": "DocTemplatePatch"
+      },
+      "param": [
+        "grist_one"  -> 파라미터 전달 모드 - 그리드 선택 값 전달 (고정값)
+      ],
+      "after": "fetch" -> 팝업 닫기 후 액션 (Optional)
+     }
+     */
+    connectedCallback(): Promise<void>;
+    firstUpdated(changes: PropertyValues<this>): Promise<void>;
+    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * @description 저장
+     ***************************
+     * @returns
+     */
+    clickSave(e: any): Promise<void>;
+    /**
+     * @description 취소
+     ***************************
+     * @returns
+     */
+    clickCancel(e: any): Promise<void>;
+}