@operato/board 7.0.9 → 7.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/board",
-  "version": "7.0.9",
+  "version": "7.0.11",
   "description": "Webcomponent for board following open-wc recommendations",
   "author": "heartyoh",
   "main": "dist/src/index.js",
@@ -155,5 +155,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "59291fb87f748ccff18c0cf227552cbb62231947"
+  "gitHead": "cbcfab84994b3bd1c2c3993703894249d9210c59"
 }

package/src/modeller/property-sidebar/effects/property-event-tap.ts

@@ -77,6 +77,7 @@ export class PropertyEventTap extends LitElement {
         <option value="start-scenario">start the given scenario</option>
         <option value="run-scenario">run the given scenario</option>
         <option value="export-data">export data</option>
+        <option value="import-data">import data</option>
       </select>
 
       <label> <ox-i18n msgid="label.target">target</ox-i18n> </label>

package/src/ox-board-component-info.ts

@@ -52,6 +52,7 @@ export class BoardComponentInfo extends LitElement {
         background-color: var(--md-sys-color-surface);
         width: 100%;
         margin: auto;
+        table-layout: fixed;
       }
 
       tr {
@@ -67,7 +68,7 @@ export class BoardComponentInfo extends LitElement {
       [subTh] {
         text-align: center !important;
         font-weight: bold;
-        min-width: 60px;
+        width: 40px;
         text-transform: capitalize;
         background-color: rgba(0, 0, 0, 0.05);
       }

package/src/ox-board-viewer.ts

@@ -392,6 +392,7 @@ export class BoardViewer extends LitElement {
     this._scene.on('start-scenario', this.onStartScenario, this)
     this._scene.on('run-scenario', this.onRunScenario, this)
     this._scene.on('export-data', this.onExportData, this)
+    this._scene.on('import-data', this.onImportData, this)
     this._scene.on('click', this.onClickEvent, this)
   }
 
@@ -405,6 +406,7 @@ export class BoardViewer extends LitElement {
     scene.off('start-scenario', this.onStartScenario, this)
     scene.off('run-scenario', this.onRunScenario, this)
     scene.off('export-data', this.onExportData, this)
+    scene.off('import-data', this.onImportData, this)
     scene.off('click', this.onClickEvent, this)
   }
 
@@ -572,6 +574,42 @@ export class BoardViewer extends LitElement {
     }
   }
 
+  async onImportData(_: string, value: string | number | object, component: Component) {
+    const fileInput = document.createElement('input')
+    fileInput.type = 'file'
+    fileInput.accept = '.xlsx, .xls'
+    fileInput.style.display = 'none'
+
+    fileInput.addEventListener(
+      'change',
+      (event: Event) => {
+        const input = event.target as HTMLInputElement
+        const file = input.files?.[0]
+        if (!file) {
+          return
+        }
+
+        const reader = new FileReader()
+        reader.onload = function (event) {
+          const data = new Uint8Array(event.target?.result as ArrayBuffer)
+          const workbook = XLSX.read(data, { type: 'array' })
+
+          // 첫 번째 시트의 데이타만 가져온다.
+          const firstSheetName = workbook.SheetNames[0]
+          const worksheet = workbook.Sheets[firstSheetName]
+          component.data = XLSX.utils.sheet_to_json(worksheet)
+
+          input.remove()
+        }
+        reader.readAsArrayBuffer(file)
+      },
+      false
+    )
+
+    document.body.appendChild(fileInput)
+    fileInput.click()
+  }
+
   onClickEvent(e: MouseEvent, hint: any) {
     const component = hint.origin