@things-factory/operato-tools 7.0.1-alpha.3 → 7.0.1-alpha.5

package/client/pages/generator/tab-config-tab-mixin.js

@@ -1,228 +1,228 @@
-import { html } from 'lit-element'
+import { html } from 'lit'
 
 import { MetaApi } from '@things-factory/meta-ui/client/utils/meta-api'
 import { TermsUtil } from '@things-factory/meta-ui/client/utils/terms-util'
 
-export const TabConfigTabMixin = (baseElement) => class extends baseElement {
-  setTabConfigTabValues(data) {
-    let convData = data?.map((column, index) => {
-      let rank = index + 1;
-      let retData = {};
+export const TabConfigTabMixin = baseElement =>
+  class extends baseElement {
+    setTabConfigTabValues(data) {
+      let convData = data?.map((column, index) => {
+        let rank = index + 1
+        let retData = {}
 
-      retData.rank = rank * 10;
-      retData.id = rank;
-      retData.name = column.name;
-      retData.display = column.display;
-      retData.tagname = column.tagname;
-      retData.icon = column.icon;
-      retData.location = column.location;
-      retData.parent_field = column.parent_field;
-      retData.param_field = column.param_field;
-      retData.menu = column.menu;
+        retData.rank = rank * 10
+        retData.id = rank
+        retData.name = column.name
+        retData.display = column.display
+        retData.tagname = column.tagname
+        retData.icon = column.icon
+        retData.location = column.location
+        retData.parent_field = column.parent_field
+        retData.param_field = column.param_field
+        retData.menu = column.menu
 
-      return retData;
-    })
+        return retData
+      })
 
-    this.viewTabData = convData || [];
-    this.tabTabGrist?.fetch();
-  }
+      this.viewTabData = convData || []
+      this.tabTabGrist?.fetch()
+    }
 
-  getTabConfigTabValues() {
-    // 기본 return object 
-    let retObject = {
-      tab: []
-    };
+    getTabConfigTabValues() {
+      // 기본 return object
+      let retObject = {
+        tab: []
+      }
 
-    // grid 에서 데이터 가져오기 
-    let gridValue = this.getElementValueById('tab-tab-grid');
+      // grid 에서 데이터 가져오기
+      let gridValue = this.getElementValueById('tab-tab-grid')
 
-    // rank 로 정렬 
-    this.sortRecordByRank(gridValue)?.forEach(x => {
-      var {
-        name = undefined,
-        display = undefined,
-        tagname = undefined,
-        location = undefined,
-        parent_field = undefined,
-        param_field = undefined,
-        menu = undefined,
-        icon = undefined
-      } = x;
+      // rank 로 정렬
+      this.sortRecordByRank(gridValue)?.forEach(x => {
+        var {
+          name = undefined,
+          display = undefined,
+          tagname = undefined,
+          location = undefined,
+          parent_field = undefined,
+          param_field = undefined,
+          menu = undefined,
+          icon = undefined
+        } = x
 
-      if (!name) return;
-      if (!tagname) return;
-      if (!location) return;
-      if (!menu) return;
-      if (!display) display = name;
-      if (!parent_field) parent_field = "id";
-      if (!param_field) param_field = "param_field";
+        if (!name) return
+        if (!tagname) return
+        if (!location) return
+        if (!menu) return
+        if (!display) display = name
+        if (!parent_field) parent_field = 'id'
+        if (!param_field) param_field = 'param_field'
 
-      retObject.tab.push({
-        name: name,
-        display: display,
-        tagname: tagname,
-        location: location,
-        parent_field: parent_field,
-        param_field: param_field,
-        menu: menu,
-        icon: icon
-      });
-    });
+        retObject.tab.push({
+          name: name,
+          display: display,
+          tagname: tagname,
+          location: location,
+          parent_field: parent_field,
+          param_field: param_field,
+          menu: menu,
+          icon: icon
+        })
+      })
 
-    return retObject;
-  }
+      return retObject
+    }
 
-  renderTabConfigTab() {
-    return html`
-      <ox-grist auto-fetch id="tab-tab-grid" .config=${this.tabTabGridConfig} .mode='GRID'
-        .fetchHandler=${this.fetchTabTabHandler.bind(this)}>
-      </ox-grist>`
-  }
+    renderTabConfigTab() {
+      return html` <ox-grist auto-fetch id="tab-tab-grid" .config=${this.tabTabGridConfig} .mode="GRID" .fetchHandler=${this.fetchTabTabHandler.bind(this)}> </ox-grist>`
+    }
 
-  get tabTabGrist() {
-    return this.shadowRoot.querySelector('#tab-tab-grid')
-  }
+    get tabTabGrist() {
+      return this.shadowRoot.querySelector('#tab-tab-grid')
+    }
 
-  async fetchTabTabHandler() {
-    return {
-      total: 0,
-      records: this.viewTabData || []
+    async fetchTabTabHandler() {
+      return {
+        total: 0,
+        records: this.viewTabData || []
+      }
     }
-  }
 
-  async setTabConfigTabConfig() {
-    // 그리드 설정
-    this.tabTabGridConfig = {
-      rows: MetaApi.getGristSelectableConfig(true),
-      pagination: { infinite: true },
-      sorters: [{ name: 'rank', desc: false }],
-      appendable: true,
-      columns: [
-        ...MetaApi.getGristGuttersConfig(false, false),
-        {
-          type: 'gutter', gutterName: 'button', icon: 'delete',
-          handlers: {
-            click: (_columns, _data, _column, record, _rowIndex) => {
-              if (record.id) {
-                this.deleteRow(this.tabTabGrist, record);
+    async setTabConfigTabConfig() {
+      // 그리드 설정
+      this.tabTabGridConfig = {
+        rows: MetaApi.getGristSelectableConfig(true),
+        pagination: { infinite: true },
+        sorters: [{ name: 'rank', desc: false }],
+        appendable: true,
+        columns: [
+          ...MetaApi.getGristGuttersConfig(false, false),
+          {
+            type: 'gutter',
+            gutterName: 'button',
+            icon: 'delete',
+            handlers: {
+              click: (_columns, _data, _column, record, _rowIndex) => {
+                if (record.id) {
+                  this.deleteRow(this.tabTabGrist, record)
+                }
               }
             }
           },
-        },
-        {
-          type: 'string',
-          name: 'id',
-          hidden: true
-        },
-        {
-          type: 'integer',
-          name: 'rank',
-          header: TermsUtil.tLabel('rank'),
-          sortable: false,
-          width: 50,
-          record: {
-            align: 'right',
-            editable: true,
-            mandatory: true
-          }
-        },
-        {
-          type: 'string',
-          name: 'name',
-          header: TermsUtil.tLabel('name'),
-          sortable: false,
-          width: 110,
-          record: {
-            align: 'left',
-            editable: true,
-            mandatory: true
-          }
-        },
-        {
-          type: 'string',
-          name: 'display',
-          header: TermsUtil.tLabel('display'),
-          sortable: false,
-          width: 110,
-          record: {
-            align: 'left',
-            editable: true,
-            mandatory: true
-          }
-        },
-        {
-          type: 'string',
-          name: 'icon',
-          header: TermsUtil.tLabel('icon'),
-          sortable: true,
-          width: 85,
-          record: {
-            align: 'left',
-            editable: true,
-            mandatory: true
-          }
-        },
-        {
-          type: 'string',
-          name: 'menu',
-          header: TermsUtil.tLabel('routing'),
-          sortable: false,
-          width: 150,
-          record: {
-            align: 'left',
-            editable: true,
-            mandatory: true
-          }
-        },
-        {
-          type: 'string',
-          name: 'tagname',
-          header: TermsUtil.tLabel('tag'),
-          sortable: false,
-          width: 150,
-          record: {
-            align: 'left',
-            editable: true,
-            mandatory: true
-          }
-        },
-        {
-          type: 'string',
-          name: 'location',
-          header: TermsUtil.tLabel('page_location'),
-          sortable: false,
-          width: 325,
-          record: {
-            align: 'left',
-            editable: true,
-            mandatory: true
-          }
-        },
-        {
-          type: 'string',
-          name: 'parent_field',
-          header: TermsUtil.tLabel('parent_id'),
-          sortable: false,
-          width: 100,
-          record: {
-            align: 'left',
-            editable: true,
-            mandatory: true
-          }
-        },
-        {
-          type: 'string',
-          name: 'param_field',
-          header: TermsUtil.tLabel('params'),
-          sortable: false,
-          width: 90,
-          record: {
-            align: 'left',
-            editable: true,
-            mandatory: true
+          {
+            type: 'string',
+            name: 'id',
+            hidden: true
+          },
+          {
+            type: 'integer',
+            name: 'rank',
+            header: TermsUtil.tLabel('rank'),
+            sortable: false,
+            width: 50,
+            record: {
+              align: 'right',
+              editable: true,
+              mandatory: true
+            }
+          },
+          {
+            type: 'string',
+            name: 'name',
+            header: TermsUtil.tLabel('name'),
+            sortable: false,
+            width: 110,
+            record: {
+              align: 'left',
+              editable: true,
+              mandatory: true
+            }
+          },
+          {
+            type: 'string',
+            name: 'display',
+            header: TermsUtil.tLabel('display'),
+            sortable: false,
+            width: 110,
+            record: {
+              align: 'left',
+              editable: true,
+              mandatory: true
+            }
+          },
+          {
+            type: 'string',
+            name: 'icon',
+            header: TermsUtil.tLabel('icon'),
+            sortable: true,
+            width: 85,
+            record: {
+              align: 'left',
+              editable: true,
+              mandatory: true
+            }
+          },
+          {
+            type: 'string',
+            name: 'menu',
+            header: TermsUtil.tLabel('routing'),
+            sortable: false,
+            width: 150,
+            record: {
+              align: 'left',
+              editable: true,
+              mandatory: true
+            }
+          },
+          {
+            type: 'string',
+            name: 'tagname',
+            header: TermsUtil.tLabel('tag'),
+            sortable: false,
+            width: 150,
+            record: {
+              align: 'left',
+              editable: true,
+              mandatory: true
+            }
+          },
+          {
+            type: 'string',
+            name: 'location',
+            header: TermsUtil.tLabel('page_location'),
+            sortable: false,
+            width: 325,
+            record: {
+              align: 'left',
+              editable: true,
+              mandatory: true
+            }
+          },
+          {
+            type: 'string',
+            name: 'parent_field',
+            header: TermsUtil.tLabel('parent_id'),
+            sortable: false,
+            width: 100,
+            record: {
+              align: 'left',
+              editable: true,
+              mandatory: true
+            }
+          },
+          {
+            type: 'string',
+            name: 'param_field',
+            header: TermsUtil.tLabel('params'),
+            sortable: false,
+            width: 90,
+            record: {
+              align: 'left',
+              editable: true,
+              mandatory: true
+            }
           }
-        }
-      ]
+        ]
+      }
     }
   }
-}

package/client/pages/main.js

@@ -1,4 +1,4 @@
-import { html, css } from 'lit-element'
+import { html, css } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 import { store, PageView } from '@things-factory/shell'
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/operato-tools",
-  "version": "7.0.1-alpha.3",
+  "version": "7.0.1-alpha.5",
   "main": "dist-server/index.js",
   "browser": "client/index.js",
   "things-factory": true,
@@ -41,7 +41,7 @@
   },
   "devDependencies": {
     "@things-factory/builder": "^7.0.1-alpha.0",
-    "@things-factory/meta-ui": "^7.0.1-alpha.3"
+    "@things-factory/meta-ui": "^7.0.1-alpha.5"
   },
-  "gitHead": "baf6ac016669c52f9d6798ea94e774785a8e5ab1"
+  "gitHead": "3a1ceb942521a89f14c4b16a323b506ff676d349"
 }