@things-factory/kpi 9.0.31 → 9.0.33

package/client/pages/kpi-dashboard/kpi-dashboard-map.ts

@@ -65,39 +65,97 @@ export class KpiDashboardMapPage extends PageView {
 
   async fetchDashboardData() {
     try {
-      // 전국 KPI 데이터 조회
-      const nationalResponse = await client.query({
+      // 새로운 KpiStatistic 구조 사용 - 지역별 집계된 통계 데이터 조회
+      const currentMonth = new Date().toISOString().substring(0, 7) // YYYY-MM
+      
+      const statisticsResponse = await client.query({
+        query: gql`
+          query GetDashboardStatistics($valueDate: String!) {
+            regionalKpiStatistics(periodType: MONTH, valueDate: $valueDate) {
+              id
+              mean
+              median
+              count
+              minimum
+              maximum
+              standardDeviation
+              kpi {
+                id
+                name
+                description
+              }
+              kpiOrgScope {
+                id
+                scope02
+                entityName
+                org
+              }
+            }
+          }
+        `,
+        variables: { valueDate: currentMonth }
+      })
+
+      this.nationalData = statisticsResponse.data.regionalKpiStatistics || []
+
+      // 통계 데이터로부터 지도 데이터 생성
+      this.generateMapDataFromStatistics()
+    } catch (e) {
+      console.log('KpiStatistic 데이터가 없어서 KpiValue로 폴백')
+      // KpiStatistic이 없는 경우 기존 방식으로 폴백
+      await this.fetchDashboardDataFallback()
+    }
+  }
+
+  // 폴백: KpiValue를 직접 집계하는 기존 방식  
+  async fetchDashboardDataFallback() {
+    try {
+      const kpiResponse = await client.query({
         query: gql`
           query {
-            kpiStatistics {
-              items {
+            kpisLevel1 {
+              id
+              name
+              description
+              isLeaf
+              children {
                 id
-                valueDate
-                periodType
-                mean
-                median
-                standardDeviation
-                kpi {
+                name
+                isLeaf
+                value {
                   id
-                  name
-                  category {
+                  value
+                  score
+                  valueDate
+                  kpiOrgScope {
                     id
-                    name
+                    entityName
+                    org
+                    scope01
+                    scope02
                   }
                 }
               }
+              value {
+                id
+                value
+                score
+                valueDate
+                kpiOrgScope {
+                  id
+                  entityName
+                  org
+                  scope01
+                  scope02
+                }
+              }
             }
           }
         `
       })
 
-      this.nationalData = nationalResponse.data.kpiStatistics.items || []
-
-      // 서울특별시 데이터는 전국 데이터에서 필터링
-      this.seoulData = this.nationalData.filter((item: any) => item.kpi?.category?.name === '서울특별시')
-
-      // 지도 데이터 생성 (시도별)
-      this.generateMapData()
+      this.nationalData = kpiResponse.data.kpisLevel1 || []
+      this.generateMapDataFromKpiValues()
     } catch (e) {
       notify({
         level: 'error',
@@ -106,25 +164,200 @@ export class KpiDashboardMapPage extends PageView {
     }
   }
 
-  private generateMapData() {
-    // 시도별 샘플 데이터 생성 (실제 좌표 포함)
-    this.mapData = [
-      { region: '강원', kpi: 101.5, change: -0.08, trend: 'down', lat: 37.8228, lng: 128.1555 },
-      { region: '경북', kpi: 94.8, change: -0.1, trend: 'down', lat: 36.4919, lng: 128.8889 },
-      { region: '대구', kpi: 79.4, change: -0.2, trend: 'down', lat: 35.8714, lng: 128.6014 },
-      { region: '경남', kpi: 92.1, change: -0.08, trend: 'down', lat: 35.4606, lng: 128.2132 },
-      { region: '부산', kpi: 85.2, change: -0.18, trend: 'down', lat: 35.1796, lng: 129.0756 },
-      { region: '울산', kpi: 91.4, change: 0.19, trend: 'up', lat: 35.5384, lng: 129.3114 },
-      { region: '서울', kpi: 98.1, change: 1.28, trend: 'up', lat: 37.5665, lng: 126.978 },
-      { region: '인천', kpi: 87.3, change: 0.05, trend: 'up', lat: 37.4563, lng: 126.7052 },
-      { region: '대전', kpi: 89.7, change: -0.12, trend: 'down', lat: 36.3504, lng: 127.3845 },
-      { region: '광주', kpi: 91.1, change: -0.16, trend: 'down', lat: 35.1595, lng: 126.8526 },
-      { region: '전북', kpi: 99.3, change: 0.15, trend: 'up', lat: 35.7175, lng: 127.153 },
-      { region: '전남', kpi: 91.8, change: -0.12, trend: 'down', lat: 34.8679, lng: 126.991 },
-      { region: '충북', kpi: 93.2, change: 0.08, trend: 'up', lat: 36.8, lng: 127.7 },
-      { region: '충남', kpi: 88.9, change: -0.05, trend: 'down', lat: 36.5184, lng: 126.8 },
-      { region: '제주', kpi: 95.6, change: 0.22, trend: 'up', lat: 33.4996, lng: 126.5312 }
-    ]
+  private generateMapDataFromKpiValues() {
+    // 실제 KPI 데이터로부터 지도 데이터 생성
+    const regionCoordinates = {
+      '서울': { lat: 37.5665, lng: 126.978 },
+      '부산': { lat: 35.1796, lng: 129.0756 },
+      '대구': { lat: 35.8714, lng: 128.6014 },
+      '인천': { lat: 37.4563, lng: 126.7052 },
+      '광주': { lat: 35.1595, lng: 126.8526 },
+      '대전': { lat: 36.3504, lng: 127.3845 },
+      '울산': { lat: 35.5384, lng: 129.3114 },
+      '세종': { lat: 36.4875, lng: 127.2816 },
+      '경기': { lat: 37.4138, lng: 127.5183 },
+      '강원': { lat: 37.8228, lng: 128.1555 },
+      '충북': { lat: 36.8, lng: 127.7 },
+      '충남': { lat: 36.5184, lng: 126.8 },
+      '전북': { lat: 35.7175, lng: 127.153 },
+      '전남': { lat: 34.8679, lng: 126.991 },
+      '경북': { lat: 36.4919, lng: 128.8889 },
+      '경남': { lat: 35.4606, lng: 128.2132 },
+      '제주': { lat: 33.4996, lng: 126.5312 }
+    }
+
+    const mapDataMap = new Map()
+
+    // nationalData에서 KPI 값들을 지역별로 집계
+    this.nationalData.forEach((kpi: any) => {
+      // KPI 자체에 값이 있는 경우 (leaf KPI)
+      if (kpi.value && kpi.value.kpiOrgScope) {
+        const region = kpi.value.kpiOrgScope.scope02 // 시도는 scope02에 저장
+        if (region && regionCoordinates[region]) {
+          if (!mapDataMap.has(region)) {
+            mapDataMap.set(region, {
+              region,
+              values: [],
+              scores: [],
+              ...regionCoordinates[region]
+            })
+          }
+          
+          mapDataMap.get(region).values.push(kpi.value.value)
+          mapDataMap.get(region).scores.push(kpi.value.score)
+        }
+      }
+
+      // 하위 KPI들의 값들도 처리
+      if (kpi.children) {
+        kpi.children.forEach((child: any) => {
+          if (child.value && child.value.kpiOrgScope) {
+            const region = child.value.kpiOrgScope.scope02 // 시도는 scope02에 저장
+            if (region && regionCoordinates[region]) {
+              if (!mapDataMap.has(region)) {
+                mapDataMap.set(region, {
+                  region,
+                  values: [],
+                  scores: [],
+                  ...regionCoordinates[region]
+                })
+              }
+              
+              mapDataMap.get(region).values.push(child.value.value)
+              mapDataMap.get(region).scores.push(child.value.score)
+            }
+          }
+        })
+      }
+    })
+
+    // 지역별 평균 계산 및 최종 지도 데이터 생성
+    this.mapData = Array.from(mapDataMap.values()).map(regionData => {
+      const avgValue = regionData.values.length > 0 
+        ? regionData.values.reduce((sum: number, val: number) => sum + val, 0) / regionData.values.length
+        : 0
+      
+      const avgScore = regionData.scores.length > 0 
+        ? regionData.scores.reduce((sum: number, val: number) => sum + val, 0) / regionData.scores.length
+        : 0
+
+      // 간단한 변화율 계산 (실제로는 이전 기간과 비교해야 함)
+      const change = (Math.random() - 0.5) * 0.4 // 임시로 -0.2 ~ 0.2 범위
+      const trend = change >= 0 ? 'up' : 'down'
+
+      return {
+        region: regionData.region,
+        kpi: parseFloat(avgValue.toFixed(1)),
+        score: parseFloat(avgScore.toFixed(3)),
+        change: parseFloat(change.toFixed(2)),
+        trend,
+        lat: regionData.lat,
+        lng: regionData.lng,
+        dataCount: regionData.values.length
+      }
+    })
+
+    // 데이터가 없는 지역들도 기본값으로 추가
+    Object.keys(regionCoordinates).forEach(region => {
+      if (!mapDataMap.has(region)) {
+        this.mapData.push({
+          region,
+          kpi: 0,
+          score: 0,
+          change: 0,
+          trend: 'neutral',
+          lat: regionCoordinates[region].lat,
+          lng: regionCoordinates[region].lng,
+          dataCount: 0
+        })
+      }
+    })
+  }
+
+  private generateMapDataFromStatistics() {
+    // KpiStatistic 데이터로부터 지도 데이터 생성 (최적화된 버전)
+    const regionCoordinates = {
+      '서울': { lat: 37.5665, lng: 126.978 },
+      '부산': { lat: 35.1796, lng: 129.0756 },
+      '대구': { lat: 35.8714, lng: 128.6014 },
+      '인천': { lat: 37.4563, lng: 126.7052 },
+      '광주': { lat: 35.1595, lng: 126.8526 },
+      '대전': { lat: 36.3504, lng: 127.3845 },
+      '울산': { lat: 35.5384, lng: 129.3114 },
+      '세종': { lat: 36.4875, lng: 127.2816 },
+      '경기': { lat: 37.4138, lng: 127.5183 },
+      '강원': { lat: 37.8228, lng: 128.1555 },
+      '충북': { lat: 36.8, lng: 127.7 },
+      '충남': { lat: 36.5184, lng: 126.8 },
+      '전북': { lat: 35.7175, lng: 127.153 },
+      '전남': { lat: 34.8679, lng: 126.991 },
+      '경북': { lat: 36.4919, lng: 128.8889 },
+      '경남': { lat: 35.4606, lng: 128.2132 },
+      '제주': { lat: 33.4996, lng: 126.5312 }
+    }
+
+    const mapDataMap = new Map()
+
+    // 통계 데이터를 지역별로 집계 (이미 서버에서 계산된 데이터 사용)
+    this.nationalData.forEach((statistic: any) => {
+      const region = statistic.kpiOrgScope?.scope02
+      if (region && regionCoordinates[region]) {
+        if (!mapDataMap.has(region)) {
+          mapDataMap.set(region, {
+            region,
+            means: [],
+            counts: [],
+            ...regionCoordinates[region]
+          })
+        }
+        
+        // 통계값 집계 (이미 계산된 평균값들 사용)
+        mapDataMap.get(region).means.push(statistic.mean || 0)
+        mapDataMap.get(region).counts.push(statistic.count || 0)
+      }
+    })
+
+    // 지역별 최종 평균 계산 및 지도 데이터 생성
+    this.mapData = Array.from(mapDataMap.values()).map(regionData => {
+      const avgValue = regionData.means.length > 0 
+        ? regionData.means.reduce((sum: number, val: number) => sum + val, 0) / regionData.means.length
+        : 0
+      
+      const totalCount = regionData.counts.reduce((sum: number, val: number) => sum + val, 0)
+
+      // 간단한 변화율 계산 (실제로는 이전 기간과 비교해야 함)
+      const change = (Math.random() - 0.5) * 0.4
+      const trend = change >= 0 ? 'up' : 'down'
+
+      return {
+        region: regionData.region,
+        kpi: parseFloat(avgValue.toFixed(1)),
+        change: parseFloat(change.toFixed(2)),
+        trend,
+        lat: regionData.lat,
+        lng: regionData.lng,
+        dataCount: totalCount,
+        statisticsCount: regionData.means.length // 통계 항목 수
+      }
+    })
+
+    // 데이터가 없는 지역들도 기본값으로 추가
+    Object.keys(regionCoordinates).forEach(region => {
+      if (!mapDataMap.has(region)) {
+        this.mapData.push({
+          region,
+          kpi: 0,
+          change: 0,
+          trend: 'neutral',
+          lat: regionCoordinates[region].lat,
+          lng: regionCoordinates[region].lng,
+          dataCount: 0,
+          statisticsCount: 0
+        })
+      }
+    })
+
+    console.log('Generated map data from KpiStatistics:', this.mapData.length, 'regions')
   }
 
   private downloadExcel() {
@@ -147,31 +380,41 @@ export class KpiDashboardMapPage extends PageView {
     try {
       const response = await client.query({
         query: gql`
-          query GetRegionKpiData($region: String) {
-            kpiStatistics(filters: [{ field: "kpi.category.name", operator: "eq", value: $region }]) {
+          query GetRegionKpiData($filters: [Filter!]) {
+            kpiValues(filters: $filters) {
               items {
                 id
+                value
+                score
                 valueDate
-                periodType
-                mean
-                median
-                standardDeviation
+                kpiOrgScope {
+                  id
+                  org
+                  scope01
+                  scope02
+                  entityName
+                }
                 kpi {
                   id
                   name
-                  category {
+                  parent {
                     id
                     name
                   }
                 }
               }
+              total
             }
           }
         `,
-        variables: { region }
+        variables: {
+          filters: [
+            { name: 'kpiOrgScope.scope02', operator: 'eq', value: region }
+          ]
+        }
       })
 
-      this.seoulData = response.data.kpiStatistics.items || []
+      this.seoulData = response.data.kpiValues.items || []
     } catch (e) {
       notify({
         level: 'error',

package/client/pages/kpi-dashboard/kpi-dashboard.ts

@@ -186,15 +186,15 @@ export class KpiDashboardPage extends PageView {
       minData[category] = Math.min(...values)
       maxData[category] = Math.max(...values)
       avgData[category] = values.reduce((a, b) => a + b, 0) / values.length
-      aData[category] = data.find(d => d.category === category && d.group === 'A')?.value ?? avgData[category]
+      aData[category] = data.find(d => d.category === category && d.org === 'A')?.value ?? avgData[category]
     })
-    // kpi-radar-chart가 기대하는 구조로 변환: [{group, category, value} ...]
+    // kpi-radar-chart가 기대하는 구조로 변환: [{org, category, value} ...]
     const result: any[] = []
     categories.forEach(category => {
-      result.push({ group: 'Min', category, value: minData[category] })
-      result.push({ group: 'Max', category, value: maxData[category] })
-      result.push({ group: 'Avg', category, value: avgData[category] })
-      result.push({ group: 'A', category, value: aData[category] })
+      result.push({ org: 'Min', category, value: minData[category] })
+      result.push({ org: 'Max', category, value: maxData[category] })
+      result.push({ org: 'Avg', category, value: avgData[category] })
+      result.push({ org: 'A', category, value: aData[category] })
     })
     return result
   }
@@ -221,9 +221,9 @@ export class KpiDashboardPage extends PageView {
       const q1 = sorted[Math.floor(sorted.length / 4)]
       const q3 = sorted[Math.floor((sorted.length * 3) / 4)]
       // value: A그룹의 실제값(강조)
-      const value = data.find(d => d.category === category && d.group === 'A')?.value ?? mean
+      const value = data.find(d => d.category === category && d.org === 'A')?.value ?? mean
       return {
-        group: category, // x축: 카테고리
+        org: category, // x축: 카테고리
         min,
         q1,
         median,
@@ -470,28 +470,26 @@ export class KpiDashboardPage extends PageView {
       const response = await client.query({
         query: gql`
           query {
-            kpiCategories {
-              items {
+            kpiCategories: kpisLevel1 {
+              id
+              name
+              kpis: children {
                 id
                 name
-                kpis {
-                  id
-                  name
-                  value {
-                    value
-                    valueDate
-                  }
-                  targetValue
-                  unit
-                  grades
-                  vizType
-                  vizMeta
-                  histories(limit: 1) {
-                    version
-                    updatedAt
-                    updater {
-                      name
-                    }
+                value {
+                  value
+                  valueDate
+                }
+                targetValue
+                unit
+                grades
+                vizType
+                vizMeta
+                histories(limit: 1) {
+                  version
+                  updatedAt
+                  updater {
+                    name
                   }
                 }
               }
@@ -508,7 +506,7 @@ export class KpiDashboardPage extends PageView {
           }
         `
       })
-      this.categories = response.data.kpiCategories.items || []
+      this.categories = response.data.kpiCategories || []
       this.alerts = response.data.kpiAlerts || []
     } catch (e) {
       this.error = 'KPI 카테고리 데이터를 불러오지 못했습니다.'
@@ -548,7 +546,7 @@ export class KpiDashboardPage extends PageView {
                   id
                   name
                   unit
-                  category {
+                  category: parent {
                     id
                     name
                   }

package/client/pages/kpi-history/kpi-history-list-page.ts

@@ -7,6 +7,7 @@ import { client } from '@operato/graphql'
 import { i18next, localize } from '@operato/i18n'
 import { PageView } from '@operato/shell'
 import { gql } from '@apollo/client'
+import { p13n } from '@operato/p13n'
 
 const KPI_HISTORY_LIST_QUERY = gql`
   query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
@@ -35,7 +36,7 @@ const KPI_HISTORY_LIST_QUERY = gql`
 `
 
 @customElement('kpi-history-list-page')
-export class KpiHistoryListPage extends localize(i18next)(PageView) {
+export class KpiHistoryListPage extends p13n(localize(i18next)(PageView)) {
   static styles = css`
     :host {
       display: flex;
@@ -61,7 +62,6 @@ export class KpiHistoryListPage extends localize(i18next)(PageView) {
         'version',
         'name',
         'description',
-        'category',
         'formula',
         'active',
         'state',
@@ -75,7 +75,6 @@ export class KpiHistoryListPage extends localize(i18next)(PageView) {
         'version',
         'name',
         'description',
-        'category',
         'formula',
         'active',
         'state',
@@ -98,13 +97,6 @@ export class KpiHistoryListPage extends localize(i18next)(PageView) {
       { type: 'number', name: 'version', header: '버전', record: { editable: false }, width: 80 },
       { type: 'string', name: 'name', header: '이름', record: { editable: false }, width: 150 },
       { type: 'string', name: 'description', header: '설명', record: { editable: false }, width: 200 },
-      {
-        type: 'string',
-        name: 'category',
-        header: '카테고리',
-        record: { editable: false, renderer: (v, c, r) => r.category?.name },
-        width: 120
-      },
       { type: 'formula', name: 'formula', header: '산식', record: { editable: false }, width: 200 },
       { type: 'checkbox', name: 'active', label: true, header: '활성', record: { editable: false }, width: 60 },
       { type: 'string', name: 'state', header: '상태', record: { editable: false }, width: 100 },
@@ -130,7 +122,15 @@ export class KpiHistoryListPage extends localize(i18next)(PageView) {
   @query('ox-grist') private grist!: DataGrist
 
   render() {
-    return html` <ox-grist .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}></ox-grist> `
+    return html`
+      <ox-grist
+        .config=${this.gristConfig}
+        .fetchHandler=${this.fetchHandler.bind(this)}
+        .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')!}
+      >
+        <ox-grist-personalizer slot="setting"></ox-grist-personalizer>
+      </ox-grist>
+    `
   }
 
   async fetchHandler({ page, limit, sortings = [], filters = [] }: FetchOption) {

package/client/pages/kpi-metric/kpi-metric-list-page.ts

@@ -15,6 +15,7 @@ import { i18next, localize } from '@operato/i18n'
 import { notify, openPopup } from '@operato/layout'
 import { OxPopup, OxPrompt } from '@operato/popup'
 import { isMobileDevice } from '@operato/utils'
+import { p13n } from '@operato/p13n'
 
 import { connect } from 'pwa-helpers/connect-mixin'
 import gql from 'graphql-tag'
@@ -22,7 +23,7 @@ import gql from 'graphql-tag'
 import { KpiMetricImporter } from './kpi-metric-importer'
 
 @customElement('kpi-metric-list-page')
-export class KpiMetricListPage extends connect(store)(localize(i18next)(ScopedElementsMixin(PageView))) {
+export class KpiMetricListPage extends connect(store)(p13n(localize(i18next)(ScopedElementsMixin(PageView)))) {
   static styles = [
     ScrollbarStyles,
     CommonGristStyles,
@@ -100,7 +101,12 @@ export class KpiMetricListPage extends connect(store)(localize(i18next)(ScopedEl
     const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID')
 
     return html`
-      <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
+      <ox-grist
+        .mode=${mode}
+        .config=${this.gristConfig}
+        .fetchHandler=${this.fetchHandler.bind(this)}
+        .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')!}
+      >
         <div slot="headroom" class="header">
           <div class="filters">
             <ox-filters-form autofocus without-search></ox-filters-form>
@@ -118,6 +124,8 @@ export class KpiMetricListPage extends connect(store)(localize(i18next)(ScopedEl
             </ox-record-creator>
           </div>
         </div>
+
+        <ox-grist-personalizer slot="setting"></ox-grist-personalizer>
       </ox-grist>
     `
   }

package/client/pages/kpi-metric-value/kpi-metric-value-editor-page.ts

@@ -209,7 +209,7 @@ export class KpiMetricValueEditorPage extends connect(store)(localize(i18next)(S
     `
   ]
 
-  @property({ type: String }) group: string = ''
+  @property({ type: String }) org: string = ''
   @property({ type: String }) startDate: string = ''
   @property({ type: String }) endDate: string = ''
 
@@ -262,8 +262,8 @@ export class KpiMetricValueEditorPage extends connect(store)(localize(i18next)(S
         <div class="controls">
           <md-outlined-text-field
             label="그룹"
-            .value=${this.group}
-            @input=${(e: any) => (this.group = e.target.value)}
+            .value=${this.org}
+            @input=${(e: any) => (this.org = e.target.value)}
             style="width: 150px;"
           ></md-outlined-text-field>
 
@@ -492,7 +492,7 @@ export class KpiMetricValueEditorPage extends connect(store)(localize(i18next)(S
                 metricId
                 valueDate
                 value
-                group
+                org
               }
               total
             }
@@ -500,7 +500,7 @@ export class KpiMetricValueEditorPage extends connect(store)(localize(i18next)(S
         `,
         variables: {
           filters: [
-            ...(this.group ? [{ name: 'group', operator: 'eq', value: this.group }] : []),
+            ...(this.org ? [{ name: 'org', operator: 'eq', value: this.org }] : []),
             { name: 'valueDate', operator: 'between', value: [this.startDate, this.endDate] }
           ]
         }
@@ -576,7 +576,7 @@ export class KpiMetricValueEditorPage extends connect(store)(localize(i18next)(S
               patches.push({
                 id: existingValue.id,
                 value: data.value,
-                group: this.group,
+                org: this.org,
                 cuFlag: 'M'
               })
             } else {
@@ -594,7 +594,7 @@ export class KpiMetricValueEditorPage extends connect(store)(localize(i18next)(S
                 metricId: metric.metricId,
                 valueDate: normalizedDate,
                 value: data.value,
-                group: this.group,
+                org: this.org,
                 cuFlag: '+'
               })
             }

package/client/pages/kpi-metric-value/kpi-metric-value-importer.ts

@@ -25,13 +25,13 @@ export class KpiMetricValueImporter extends LitElement {
 
   @property({ type: Array }) metricValues: any[] = []
   @property({ type: Object }) columns = {
-    list: { fields: ['metric', 'value', 'valueDate', 'group', 'meta'] },
+    list: { fields: ['metric', 'value', 'valueDate', 'org', 'meta'] },
     pagination: { infinite: true },
     columns: [
       { type: 'string', name: 'metric', header: 'Metric', width: 150 },
       { type: 'number', name: 'value', header: '값', width: 120 },
       { type: 'date', name: 'valueDate', header: '날짜', width: 120 },
-      { type: 'string', name: 'group', header: '그룹', width: 120 },
+      { type: 'string', name: 'org', header: '조직', width: 120 },
       { type: 'object', name: 'meta', header: '메타', width: 120 }
     ]
   }