diff --git a/RELEASE.md b/RELEASE.md
index ffa5313d..576b4fab 100644
--- a/RELEASE.md
+++ b/RELEASE.md
@@ -1,3 +1,12 @@
+# Release 2.1.0
+
+#### Major Features and Improvements
+**Major Features**
+
+* Added table targeting search for summary display
+* Limit the zoom range of line charts and bar charts
+* Display problem optimization
+
 # Release 2.0.0
 
 #### Major Features and Improvements
diff --git a/bin/service.sh b/bin/service.sh
index 78f018cd..f39fbeff 100644
--- a/bin/service.sh
+++ b/bin/service.sh
@@ -80,10 +80,12 @@ eval action=\$$#
 
 main_class=org.fedai.fate.board.bootstrap.Bootstrap
 module=fateboard
-version=2.0.0
+version=2.1.0
+start_type=background
 
 if [ $action = starting ];then
 	action=start
+	start_type=front
 elif [ $action = restarting ];then
 	action=restart
 fi
@@ -252,7 +254,7 @@ start() {
 		cmd="$JAVA_HOME/bin/java -Dspring.config.location=$configpath/application.properties -Dssh_config_file=$basepath/ssh/ -Xmx2048m -Xms2048m -XX:+PrintGCDetails -XX:+PrintGCDateStamps -Xloggc:gc.log -XX:+HeapDumpOnOutOfMemoryError -cp $libpath/*:$basepath/${module}-${version}.jar ${main_class}"
 		print_info "The command is: $cmd"
 
-		if [[ $1 == "front" ]]; then
+		if [[ ${start_type} == "front" ]]; then
 		  exec $cmd >> ${BOARD_HOME}/logs/bootstrap.${module}.out 2>>${BOARD_HOME}/logs/bootstrap.${module}.err
     else
       exec $cmd >> ${BOARD_HOME}/logs/bootstrap.${module}.out 2>>${BOARD_HOME}/logs/bootstrap.${module}.err &
diff --git a/pom.xml b/pom.xml
index 04d91f95..44c52410 100644
--- a/pom.xml
+++ b/pom.xml
@@ -5,7 +5,7 @@
     <modelVersion>4.0.0</modelVersion>
     <groupId>fateboard</groupId>
     <artifactId>fateboard</artifactId>
-    <version>2.0.0</version>
+    <version>2.1.0</version>
 
     <parent>
         <groupId>org.springframework.boot</groupId>
diff --git a/resources-front-end/package.json b/resources-front-end/package.json
index 5ba2d8b6..9ac168de 100644
--- a/resources-front-end/package.json
+++ b/resources-front-end/package.json
@@ -53,7 +53,7 @@
     "vue": "^3.3.4"
   },
   "scripts": {
-    "dev": "lerna run dev --scope=fate-board",
+    "dev": "lerna run build && lerna run dev --scope=fate-board",
     "build": "lerna run build"
   }
 }
diff --git a/resources-front-end/packages/fate-board/src/transform/metric/summary.ts b/resources-front-end/packages/fate-board/src/transform/metric/summary.ts
index a1161c4c..ba77b5c8 100644
--- a/resources-front-end/packages/fate-board/src/transform/metric/summary.ts
+++ b/resources-front-end/packages/fate-board/src/transform/metric/summary.ts
@@ -143,7 +143,10 @@ export default function Summary(
             },
             parameter: ['SummaryMetricSelection.modelValue'],
           }
-        : tableData
+        : tableData,
+      {
+        needSearch: true
+      }
     )
   );
 
diff --git a/resources-front-end/packages/fate-board/src/views/detail/Information/DataOutput.vue b/resources-front-end/packages/fate-board/src/views/detail/Information/DataOutput.vue
index cd9c5be5..1fa30293 100644
--- a/resources-front-end/packages/fate-board/src/views/detail/Information/DataOutput.vue
+++ b/resources-front-end/packages/fate-board/src/views/detail/Information/DataOutput.vue
@@ -1,155 +1,155 @@
-<template>
-  <section class="f-info-data-container">
-    <section class="f-info-data-header">
-      <article class="f-info-data-title">
-        Outputting {{ dataTotal[selected ? Number(selected) || 0 : 0] }} instance
-        <span>(only 100 instance are shown in the table)</span>
-      </article>
-      <FSelection
-        v-if="selections.length > 1"
-        v-model="selected"
-        :options="selections"
-        class="f-info-data-selection"
-      ></FSelection>
-    </section>
-    <section class="f-info-data-body" :key="refresh">
-      <FTable
-        :header="dataTableHeader[selected ? Number(selected) || 0 : 0] || []"
-        :data="dataTableData[selected ? Number(selected) || 0 : 0] || []"
-        :column="true"
-        :index="true"
-        class="f-info-data-table"
-      ></FTable>
-    </section>
-  </section>
-</template>
-
-<script lang="ts" setup>
-import { onMounted, ref, watch } from 'vue';
-import { useStore } from 'vuex';
-
-const store = useStore();
-
-const selections = ref<any>([]);
-const selected = ref(selections.value[0] ? selections.value[0].value : '');
-const dataTableHeader = ref<any>([]);
-const dataTableData = ref<any>([]);
-const dataTotal = ref([])
-const refresh = ref(0)
-
-const dataRequest = async () => {
-  try {
-    const response = await store.dispatch('dataOutput');
-    const { output_data } = response;
-    const options: any = [];
-    const tableHeader: any = [];
-    const tableData: any = [];
-    const total: any = []
-    if (output_data) {
-      for (let i = 0; i < output_data.length; i++) {
-        const each = output_data[i];
-        const { data, metadata } = each;
-        const { anonymous_summary, fields } = metadata.schema_meta;
-        options.push({
-          label: anonymous_summary.site_name,
-          value: i,
-        });
-        tableHeader.push(
-          (() => {
-            const list: any = [];
-            for (const item of fields) {
-              list.push({
-                label: item.name,
-                prop: item.name,
-              });
-            }
-            return list;
-          })()
-        );
-        tableData.push(
-          (() => {
-            const header = tableHeader[tableHeader.length - 1];
-            const list: any = [];
-            for (const item of data) {
-              const row: any = {};
-              for (let j = 0; j < header.length; j++) {
-                row[header[j].prop] = item[j];
-              }
-              list.push(row);
-            }
-            return list;
-          })()
-        );
-        total.push(tableData[tableData.length - 1].length)
-      }
-    }
-    selections.value = options;
-    dataTableHeader.value = tableHeader;
-    dataTableData.value = tableData;
-    dataTotal.value = total
-  } catch(err) {
-    dataTableHeader.value = []
-    dataTableData.value = []
-    dataTotal.value = []
-  }
-  refresh.value ++
-};
-
-watch(
-  () => selections.value,
-  () => {
-    selected.value = selections.value[0] ? selections.value[0].value : '';
-  },
-  { deep: true }
-);
-
-watch(
-  () => store.state.comp.information,
-  () => {
-    dataRequest()
-  },
-  { deep: true }
-)
-
-onMounted(async () => {
-  await dataRequest();
-});
-
-const refreshing = () => {
-  dataRequest()
-}
-defineExpose({
-  refresh: refreshing
-})
-</script>
-
-<style lang="scss" scoped>
-@import '@/style/index.scss';
-.f-info-data-container {
-  @include box-stretch();
-  @include flex-col();
-  align-items: flex-start;
-  justify-content: flex-start;
-
-  .f-info-data-header {
-    width: 100%;
-    flex: 0 0 45px;
-    @include flex-row();
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: $pale;
-  }
-
-  .f-info-data-body {
-    position: relative;
-    width: 100%;
-    height: calc(100% - 45px);
-    flex: 1 1 auto;
-    overflow: hidden;
-
-    .f-info-data-table {
-      @include box-stretch();
-    }
-  }
-}
-</style>
+<template>
+  <section class="f-info-data-container">
+    <section class="f-info-data-header">
+      <article class="f-info-data-title">
+        Outputting {{ dataTotal[selected ? Number(selected) || 0 : 0] }} instance
+        <span>(only 100 instance are shown in the table)</span>
+      </article>
+      <FSelection
+        v-if="selections.length > 1"
+        v-model="selected"
+        :options="selections"
+        class="f-info-data-selection"
+      ></FSelection>
+    </section>
+    <section class="f-info-data-body" :key="refresh">
+      <FTable
+        :header="dataTableHeader[selected ? Number(selected) || 0 : 0] || []"
+        :data="dataTableData[selected ? Number(selected) || 0 : 0] || []"
+        :column="true"
+        :index="true"
+        class="f-info-data-table"
+      ></FTable>
+    </section>
+  </section>
+</template>
+
+<script lang="ts" setup>
+import { onMounted, ref, watch } from 'vue';
+import { useStore } from 'vuex';
+
+const store = useStore();
+
+const selections = ref<any>([]);
+const selected = ref(selections.value[0] ? selections.value[0].value : '');
+const dataTableHeader = ref<any>([]);
+const dataTableData = ref<any>([]);
+const dataTotal = ref([])
+const refresh = ref(0)
+
+const dataRequest = async () => {
+  try {
+    const response = await store.dispatch('dataOutput');
+    const { output_data } = response;
+    const options: any = [];
+    const tableHeader: any = [];
+    const tableData: any = [];
+    const total: any = []
+    if (output_data) {
+      for (let i = 0; i < output_data.length; i++) {
+        const each = output_data[i];
+        const { data, metadata } = each;
+        const { anonymous_summary, fields } = metadata.schema_meta;
+        options.push({
+          label: anonymous_summary.site_name,
+          value: i,
+        });
+        tableHeader.push(
+          (() => {
+            const list: any = [];
+            for (const item of fields) {
+              list.push({
+                label: item.name,
+                prop: item.name,
+              });
+            }
+            return list;
+          })()
+        );
+        tableData.push(
+          (() => {
+            const header = tableHeader[tableHeader.length - 1];
+            const list: any = [];
+            for (const item of data) {
+              const row: any = {};
+              for (let j = 0; j < header.length; j++) {
+                row[header[j].prop] = item[j];
+              }
+              list.push(row);
+            }
+            return list;
+          })()
+        );
+        total.push(each.total)
+      }
+    }
+    selections.value = options;
+    dataTableHeader.value = tableHeader;
+    dataTableData.value = tableData;
+    dataTotal.value = total
+  } catch(err) {
+    dataTableHeader.value = []
+    dataTableData.value = []
+    dataTotal.value = []
+  }
+  refresh.value ++
+};
+
+watch(
+  () => selections.value,
+  () => {
+    selected.value = selections.value[0] ? selections.value[0].value : '';
+  },
+  { deep: true }
+);
+
+watch(
+  () => store.state.comp.information,
+  () => {
+    dataRequest()
+  },
+  { deep: true }
+)
+
+onMounted(async () => {
+  await dataRequest();
+});
+
+const refreshing = () => {
+  dataRequest()
+}
+defineExpose({
+  refresh: refreshing
+})
+</script>
+
+<style lang="scss" scoped>
+@import '@/style/index.scss';
+.f-info-data-container {
+  @include box-stretch();
+  @include flex-col();
+  align-items: flex-start;
+  justify-content: flex-start;
+
+  .f-info-data-header {
+    width: 100%;
+    flex: 0 0 45px;
+    @include flex-row();
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: $pale;
+  }
+
+  .f-info-data-body {
+    position: relative;
+    width: 100%;
+    height: calc(100% - 45px);
+    flex: 1 1 auto;
+    overflow: hidden;
+
+    .f-info-data-table {
+      @include box-stretch();
+    }
+  }
+}
+</style>
diff --git a/resources-front-end/packages/fate-board/src/views/history/filter/Filter.vue b/resources-front-end/packages/fate-board/src/views/history/filter/Filter.vue
index ee50f92f..f040fa43 100644
--- a/resources-front-end/packages/fate-board/src/views/history/filter/Filter.vue
+++ b/resources-front-end/packages/fate-board/src/views/history/filter/Filter.vue
@@ -105,7 +105,7 @@ onBeforeUnmount(() => {
   }
 
   :deep(.el-form-item__content) {
-    max-width: 140px;
+    width: 140px;
   }
 
   .h-filter-btn {
diff --git a/resources-front-end/packages/fate-board/src/views/history/table/Table.vue b/resources-front-end/packages/fate-board/src/views/history/table/Table.vue
index 6fc48291..2cd8ec9a 100644
--- a/resources-front-end/packages/fate-board/src/views/history/table/Table.vue
+++ b/resources-front-end/packages/fate-board/src/views/history/table/Table.vue
@@ -32,7 +32,9 @@ const requesting = ref(true)
 // table header confgiuration
 const header = computed(() => {
   return cols(
-    (content: string, { $index }: any) => data[$index].notes = content,
+    (content: string, { $index }: any) => {
+      data[$index].notes = content
+    },
     () => dataRequest(),
     () => dataRequest())
 });
diff --git a/resources-front-end/packages/fate-tools/lib/toRequest/service.ts b/resources-front-end/packages/fate-tools/lib/toRequest/service.ts
index aab8dc92..d966ea21 100644
--- a/resources-front-end/packages/fate-tools/lib/toRequest/service.ts
+++ b/resources-front-end/packages/fate-tools/lib/toRequest/service.ts
@@ -7,6 +7,7 @@ import axios, {
 import { ElMessage } from 'element-plus';
 import { isBoolean, isNull, isObject, isUndefined } from 'lodash';
 import toFile from '../toFile';
+import JSYmal from 'js-yaml';
 
 export interface BasicConfigForParameter extends CreateAxiosDefaults<unknown> {
   ConsolePrinting?: boolean;
@@ -149,7 +150,12 @@ export default function HTTPRequest<B extends BasicConfigForParameter>(
             const fileReader: FileReader = new FileReader();
 
             fileReader.addEventListener('loadend', function () {
-              const result = JSON.parse(<string>fileReader.result);
+              let result
+              if (filename.match(/json/i)) {
+                result = JSON.parse(<string>fileReader.result);
+              } else {
+                result = JSYmal.load(fileReader.result)
+              }
               if (result.code !== undefined) {
                 resolve(<unknown>bodyExplain(result));
               } else {
diff --git a/resources-front-end/packages/fate-tools/package.json b/resources-front-end/packages/fate-tools/package.json
index 485ffa86..c4f602e4 100644
--- a/resources-front-end/packages/fate-tools/package.json
+++ b/resources-front-end/packages/fate-tools/package.json
@@ -16,7 +16,8 @@
     "build:dev": "tsc && webpack --mode=development"
   },
   "dependencies": {
-    "axios": "^1.5.1",
+    "axios": "^1.6.4",
+    "js-yaml": "^4.1.0",
     "encryptlong": "^3.1.4",
     "file-saver": "^2.0.5"
   },
diff --git a/resources-front-end/packages/fate-tools/shims.d.ts b/resources-front-end/packages/fate-tools/shims.d.ts
index f8844c97..4043b705 100644
--- a/resources-front-end/packages/fate-tools/shims.d.ts
+++ b/resources-front-end/packages/fate-tools/shims.d.ts
@@ -1,3 +1,4 @@
 declare module 'encryptlong';
 declare module 'file-saver';
 declare module 'lodash-es';
+declare module 'js-yaml';
diff --git a/resources-front-end/packages/fate-ui-component/html/Table.vue b/resources-front-end/packages/fate-ui-component/html/Table.vue
index af9528b4..a028bd0e 100644
--- a/resources-front-end/packages/fate-ui-component/html/Table.vue
+++ b/resources-front-end/packages/fate-ui-component/html/Table.vue
@@ -5,10 +5,12 @@
     :data="dataForTable"
     :current="currentPage"
     :size="pageSize"
+    :total="dataForTable.length"
     :index="true"
     :row-class-name="rowClassName"
     :range="range"
-    :column="true"
+    :column="false"
+    :needSearch="true"
     position="right"
     @sizeChange="sizeChange"
     @currentChange="currentChange"
diff --git a/resources-front-end/packages/fate-ui-component/lib/components/Table/Table.scss b/resources-front-end/packages/fate-ui-component/lib/components/Table/Table.scss
index cc871636..241b2725 100644
--- a/resources-front-end/packages/fate-ui-component/lib/components/Table/Table.scss
+++ b/resources-front-end/packages/fate-ui-component/lib/components/Table/Table.scss
@@ -7,6 +7,18 @@
   align-items: center;
   justify-content: flex-end;
 
+  .fb-table-searching {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 12px;
+
+    .fb-table-pagination-search {
+      max-width: 240px;
+    }
+  }
+
   .fb-table-columns {
     width: 100%;
     flex: 1 1 95%;
diff --git a/resources-front-end/packages/fate-ui-component/lib/components/Table/Table.vue b/resources-front-end/packages/fate-ui-component/lib/components/Table/Table.vue
index 23956247..8887310c 100644
--- a/resources-front-end/packages/fate-ui-component/lib/components/Table/Table.vue
+++ b/resources-front-end/packages/fate-ui-component/lib/components/Table/Table.vue
@@ -1,6 +1,15 @@
 <template>
   <section class="fb-table">
+    <section class="fb-table-searching">
+      <section><slot name="header"></slot></section>
+      <SearchInput
+        v-if="needSearch"
+        class="fb-table-pagination-search"
+        @change="rowChange">
+      </SearchInput>
+    </section>
     <Columns
+      ref="columnsInstance"
       :data="currentData()"
       :header="currentHeader()"
       :row-class-name="rowClassName"
@@ -36,9 +45,11 @@
 
 <script lang="ts" setup>
 import { ElPagination } from 'element-plus';
+import { column } from 'element-plus/es/components/table-v2/src/common';
 import { isNumber } from 'lodash';
 import { computed, nextTick, ref, watch } from 'vue';
 import Columns from './columns/index.vue';
+import SearchInput from './component/SearchInput.vue';
 
 const props = defineProps([
   'total',
@@ -55,7 +66,8 @@ const props = defineProps([
   'position',
   'range', // table cell exchange according to range
   'showOverflow',
-  'needToRefresh'
+  'needToRefresh',
+  'needSearch'
 ]);
 const emits = defineEmits([
   'sizeChange',
@@ -83,7 +95,7 @@ const currentHeader = () => {
   const columns = props.column && props.header
   ? props.header.slice((currentPage.value - 1) * pageSize.value, currentPage.value * pageSize.value)
   : props.header
-  if (props.showOverflow !== false) {
+  if (props.showOverflow !== false && Array.isArray(columns)) {
     for (const each of columns) {
       if (!each.type) {
         each.showOverflowTooltip = true
@@ -100,6 +112,39 @@ const currentData = () => {
   }
 
 const refresh = ref(0)
+const columnsInstance = ref()
+
+let lastCursor = -1
+function rowSelection (search: string) {
+  let cursorFound = false
+  for (let i = lastCursor + 1; i < props.data.length; i++) {
+    const row = props.data[i]
+    for (const key in row) {
+      if (row[key].toString().match(new RegExp(search, 'i'))) {
+        cursorFound = true
+        break
+      }
+    }
+    if (cursorFound) {
+      lastCursor = i
+      break
+    }
+  }
+  if (cursorFound) {
+    currentPage.value = Math.floor(lastCursor / pageSize.value) + 1
+    nextTick(() => {
+      columnsInstance.value.rowSelection(props.data[lastCursor])
+    })
+  } else {
+    lastCursor = -1
+  }
+  return cursorFound
+}
+
+
+const rowChange = (filter: string) => {
+  rowSelection(filter)
+}
 
 watch(
   () => props.header,
diff --git a/resources-front-end/packages/fate-ui-component/lib/components/Table/columns/index.vue b/resources-front-end/packages/fate-ui-component/lib/components/Table/columns/index.vue
index 23c6c78e..fee0c190 100644
--- a/resources-front-end/packages/fate-ui-component/lib/components/Table/columns/index.vue
+++ b/resources-front-end/packages/fate-ui-component/lib/components/Table/columns/index.vue
@@ -1,101 +1,112 @@
-<template>
-  <FBTable></FBTable>
-</template>
-
-<script lang="ts" setup>
-import { ElTable } from 'element-plus';
-import { isFunction } from 'lodash';
-import { h, watch } from 'vue';
-import { classExplain } from '../cellExplain';
-import { columnExplain } from './explain';
-
-const props = defineProps([
-  'data',
-  'header',
-  'rowClassName',
-  'cellClassName',
-  'index',
-  'currentPage',
-  'pageSize',
-  'column',
-  'maxHeight',
-  'range'
-]);
-const emits = defineEmits(['sortChange']);
-
-function rowClassName(scope: any) {
-  const extRow = props.rowClassName
-    ? isFunction(props.rowClassName)
-      ? props.rowClassName(scope)
-      : props.rowClassName
-    : [];
-  return [...classExplain({ row: scope.row }), ...[extRow].flat(Infinity)].join(
-    ' '
-  );
-}
-
-function cellClassName(scope: any) {
-  const extCell = props.cellClassName
-    ? isFunction(props.cellClassName)
-      ? props.cellClassName(scope)
-      : props.cellClassName
-    : [];
-  return [...classExplain(scope), ...[extCell].flat(Infinity)].join(' ');
-}
-
-function sortChange({ column, order }: any) {
-  emits('sortChange', { col: column.property, order });
-}
-
-function initing () {
-  const columns: any[] = [];
-  let headers: any[] = [...(props.header || [])];
-  if (props.index && headers.length > 0) {
-    headers.unshift({ type: 'index', label: 'index', width: 80 });
-  }
-
-  const colExplain = (headers: any[]) => {
-    const columns: any[] = [];
-    for (const header of headers) {
-      const col = h(
-        <any>columnExplain(header),
-        Object.assign({}, header, {
-          currentPage: props.currentPage,
-          pageSize: props.pageSize,
-          column: props.column,
-          range: props.range
-        })
-      );
-      columns.push(col);
-    }
-    return columns;
-  };
-
-  columns.push(...colExplain(headers));
-  return h(
-    ElTable,
-    {
-      data: props.data,
-      fit: true,
-      stripe: true,
-      maxHeight: props.maxHeight,
-      highlightCurrentRow: true,
-      emptyText: 'NO DATA',
-      cellClassName,
-      rowClassName,
-      onSortChange: sortChange,
-    },
-    columns
-  );
-}
-
-let FBTable = initing()
-
-watch(
-  () => props.range,
-  () => {
-    console.log('normal col:', props.range)
-    FBTable = initing()
-  }
-)
-</script>
+<template>
+  <FBTable ref="instance"></FBTable>
+</template>
+
+<script lang="ts" setup>
+import { ElTable } from 'element-plus';
+import { isFunction } from 'lodash';
+import { h, ref, watch } from 'vue';
+import { classExplain } from '../cellExplain';
+import { columnExplain } from './explain';
+
+const props = defineProps([
+  'data',
+  'header',
+  'rowClassName',
+  'cellClassName',
+  'index',
+  'currentPage',
+  'pageSize',
+  'column',
+  'maxHeight',
+  'range'
+]);
+const emits = defineEmits(['sortChange']);
+
+// eslint-disable-next-line vue/no-dupe-keys
+function rowClassName(scope: any) {
+  const extRow = props.rowClassName
+    ? isFunction(props.rowClassName)
+      ? props.rowClassName(scope)
+      : props.rowClassName
+    : [];
+  return [...classExplain({ row: scope.row }), ...[extRow].flat(Infinity)].join(
+    ' '
+  );
+}
+
+// eslint-disable-next-line vue/no-dupe-keys
+function cellClassName(scope: any) {
+  const extCell = props.cellClassName
+    ? isFunction(props.cellClassName)
+      ? props.cellClassName(scope)
+      : props.cellClassName
+    : [];
+  return [...classExplain(scope), ...[extCell].flat(Infinity)].join(' ');
+}
+
+function sortChange({ column, order }: any) {
+  emits('sortChange', { col: column.property, order });
+}
+
+function rowSelection (row: object) {
+  instance.value.setCurrentRow(row)
+}
+
+const instance = ref()
+function initing () {
+  const columns: any[] = [];
+  let headers: any[] = [...(props.header || [])];
+  if (props.index && headers.length > 0) {
+    headers.unshift({ type: 'index', label: 'index', width: 80 });
+  }
+
+  const colExplain = (headers: any[]) => {
+    const columns: any[] = [];
+    for (const header of headers) {
+      const col = h(
+        <any>columnExplain(header),
+        Object.assign({}, header, {
+          currentPage: props.currentPage,
+          pageSize: props.pageSize,
+          column: props.column,
+          range: props.range
+        })
+      );
+      columns.push(col);
+    }
+    return columns;
+  };
+
+  columns.push(...colExplain(headers));
+  return h(
+    ElTable,
+    {
+      data: props.data,
+      fit: true,
+      stripe: true,
+      maxHeight: props.maxHeight,
+      highlightCurrentRow: true,
+      emptyText: 'NO DATA',
+      cellClassName,
+      rowClassName,
+      onSortChange: sortChange,
+    },
+    columns
+  );
+}
+
+let FBTable = initing()
+
+watch(
+  () => props.range,
+  () => {
+    console.log('normal col:', props.range)
+    FBTable = initing()
+  }
+)
+
+defineExpose({
+  rowSelection
+})
+</script>
diff --git a/resources-front-end/packages/fate-ui-component/lib/components/Table/component/SearchInput.vue b/resources-front-end/packages/fate-ui-component/lib/components/Table/component/SearchInput.vue
new file mode 100644
index 00000000..05daef7a
--- /dev/null
+++ b/resources-front-end/packages/fate-ui-component/lib/components/Table/component/SearchInput.vue
@@ -0,0 +1,24 @@
+<template>
+  <ElInput v-model="content" placeholder="Search Input" @keydown.enter.stop="searching">
+    <template #append>
+      <ElButton :icon="Search" @click="searching"/>
+    </template>
+  </ElInput>
+</template>
+
+<script lang="ts" setup>
+import { Search } from '@element-plus/icons-vue';
+import { ElButton, ElInput } from 'element-plus';
+import { ref } from 'vue';
+
+const emits = defineEmits(['change'])
+
+const content = ref('')
+const searching = () => {
+  emits('change', content.value)
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/resources-front-end/packages/fate-visualization/lib/LineOrBar/options.ts b/resources-front-end/packages/fate-visualization/lib/LineOrBar/options.ts
index 0fc3a7ab..37da2e66 100644
--- a/resources-front-end/packages/fate-visualization/lib/LineOrBar/options.ts
+++ b/resources-front-end/packages/fate-visualization/lib/LineOrBar/options.ts
@@ -121,6 +121,7 @@ export default function options({
           []
         ),
         show: true,
+        minSpan: 20
       },
       {
         type: zoomType || 'inside',
@@ -132,6 +133,7 @@ export default function options({
           []
         ),
         show: true,
+        minSpan: 20
       },
     ];
     if (color) {
diff --git a/resources-front-end/webpack.config.js b/resources-front-end/webpack.config.js
index c8d607a0..34100c5f 100644
--- a/resources-front-end/webpack.config.js
+++ b/resources-front-end/webpack.config.js
@@ -147,11 +147,14 @@ module.exports = function (env, args) {
   }
 
   if (env.html) {
+    const config = {
+      template: path.resolve(env.root, env.html),
+    }
+    if (env.icon) {
+      config.favicon = path.resolve(env.root, env.icon)
+    }
     options.plugins.push(
-      new HtmlWebpackPlugin({
-        template: path.resolve(env.root, env.html),
-        favicon: path.resolve(env.root, env.icon)
-      })
+      new HtmlWebpackPlugin(config)
     );
   }
 
diff --git a/src/main/java/org/fedai/fate/board/controller/JobDetailController.java b/src/main/java/org/fedai/fate/board/controller/JobDetailController.java
index c48f626b..b29ae3b1 100644
--- a/src/main/java/org/fedai/fate/board/controller/JobDetailController.java
+++ b/src/main/java/org/fedai/fate/board/controller/JobDetailController.java
@@ -434,13 +434,6 @@ public ResponseResult getData(@Valid @RequestBody ComponentQueryDTO componentQue
         }
 
         JSONObject outputData = (JSONObject) outputDataArray.get(0);
-
-        JSONArray jsonArray = outputData.getJSONArray("data");
-        int count = 0;
-        if (jsonArray != null) {
-            count = jsonArray.size();
-        }
-        outputData.put(Dict.DATA_COUNT, count);
         outputDataArray.clear();
         outputDataArray.add(outputData);
         object.clear();
diff --git a/src/main/java/org/fedai/fate/board/services/JobManagerService.java b/src/main/java/org/fedai/fate/board/services/JobManagerService.java
index 2656f856..29f7c536 100644
--- a/src/main/java/org/fedai/fate/board/services/JobManagerService.java
+++ b/src/main/java/org/fedai/fate/board/services/JobManagerService.java
@@ -20,6 +20,8 @@
 import com.alibaba.fastjson.JSONObject;
 import com.alibaba.fastjson.TypeReference;
 import com.alibaba.fastjson.serializer.SerializerFeature;
+import com.fasterxml.jackson.core.JsonProcessingException;
+import com.fasterxml.jackson.databind.ObjectMapper;
 import com.google.common.base.Preconditions;
 import com.google.common.collect.Maps;
 import org.fedai.fate.board.exceptions.LogicException;
@@ -39,6 +41,8 @@
 import org.springframework.stereotype.Service;
 import org.springframework.util.StringUtils;
 import org.springframework.util.concurrent.ListenableFuture;
+import org.yaml.snakeyaml.DumperOptions;
+import org.yaml.snakeyaml.Yaml;
 
 import javax.servlet.http.HttpServletResponse;
 import java.io.*;
@@ -319,8 +323,10 @@ public ResponseResult download(DownloadQO downloadQO, HttpServletResponse respon
         response.setContentType("application/force-download");
         response.setHeader("Content-Disposition", "attachment;fileName=" + fileOutputName);
         try {
+            String yamlStr  = jsonConverToYaml(dagInfo.toJSONString());
             OutputStream os = response.getOutputStream();
-            os.write(JSON.toJSONBytes(dagInfo, SerializerFeature.PrettyFormat, SerializerFeature.WriteMapNullValue, SerializerFeature.WriteDateUseDateFormat));
+//            os.write(JSON.toJSONBytes(dagInfo, SerializerFeature.PrettyFormat, SerializerFeature.WriteMapNullValue, SerializerFeature.WriteDateUseDateFormat));
+            os.write(yamlStr.getBytes());
             log.info("download success,file :{}", fileOutputName);
         } catch (Exception e) {
             log.error("download failed", e);
@@ -329,6 +335,17 @@ public ResponseResult download(DownloadQO downloadQO, HttpServletResponse respon
         return null;
     }
 
+    private String jsonConverToYaml(String jsonString) throws JsonProcessingException {
+        ObjectMapper objectMapper = new ObjectMapper();
+        Object obj = objectMapper.readValue(jsonString, Object.class);
+        DumperOptions options = new DumperOptions();
+        options.setDefaultFlowStyle(DumperOptions.FlowStyle.BLOCK);
+        Yaml yaml = new Yaml(options);
+        String yamlStr = yaml.dumpAsMap(obj);
+        return yamlStr;
+    }
+
+
     //host端需过滤掉其他方信息
     private JSONObject getHostConfig(JSONObject runtime_confObject) {
         if (runtime_confObject != null) {
diff --git a/static/coordinated_linr.yaml b/static/coordinated_linr.yaml
index 0df76fdc..65a6e3cd 100644
--- a/static/coordinated_linr.yaml
+++ b/static/coordinated_linr.yaml
@@ -2,8 +2,8 @@ component:
   name: coordinated_linr
   description: ''
   provider: fate
-  version: 2.0.0
-  labels: [ ]
+  version: 2.1.0
+  labels: []
   roles:
     - guest
     - host
@@ -373,8 +373,9 @@ component:
         types:
           - json_metric
         optional: false
-        stages: [ ]
-        roles: [ ]
+        stages: []
+        roles: []
         description: metric, invisible for user
         is_multi: false
 schema_version: v1
+
diff --git a/static/coordinated_lr.yaml b/static/coordinated_lr.yaml
index 567449cb..837a899e 100644
--- a/static/coordinated_lr.yaml
+++ b/static/coordinated_lr.yaml
@@ -2,8 +2,8 @@ component:
   name: coordinated_lr
   description: ''
   provider: fate
-  version: 2.0.0
-  labels: [ ]
+  version: 2.1.0
+  labels: []
   roles:
     - guest
     - host
@@ -383,8 +383,9 @@ component:
         types:
           - json_metric
         optional: false
-        stages: [ ]
-        roles: [ ]
+        stages: []
+        roles: []
         description: metric, invisible for user
         is_multi: false
 schema_version: v1
+
diff --git a/static/data_split.yaml b/static/data_split.yaml
index 5509592b..3668d07a 100644
--- a/static/data_split.yaml
+++ b/static/data_split.yaml
@@ -2,8 +2,8 @@ component:
   name: data_split
   description: ''
   provider: fate
-  version: 2.0.0
-  labels: [ ]
+  version: 2.1.0
+  labels: []
   roles:
     - guest
     - host
@@ -111,7 +111,7 @@ component:
           - host
         description: ''
         is_multi: false
-    model: { }
+    model: {}
   output_artifacts:
     data:
       train_output_data:
@@ -147,7 +147,7 @@ component:
           - host
         description: ''
         is_multi: false
-    model: { }
+    model: {}
     metric:
       metric:
         types:
@@ -161,3 +161,4 @@ component:
         description: metric, invisible for user
         is_multi: false
 schema_version: v1
+
diff --git a/static/dataframe_io_test.yaml b/static/dataframe_io_test.yaml
deleted file mode 100644
index 17815106..00000000
--- a/static/dataframe_io_test.yaml
+++ /dev/null
@@ -1,97 +0,0 @@
-component:
-  name: dataframe_io_test
-  description: ''
-  provider: fate
-  version: 2.0.0-beta
-  labels: []
-  roles:
-    - local
-  parameters: {}
-  input_artifacts:
-    data:
-      dataframe_input:
-        types:
-          - dataframe
-        optional: false
-        stages:
-          - default
-        roles:
-          - local
-        description: ''
-        is_multi: false
-      dataframe_inputs:
-        types:
-          - dataframe
-        optional: false
-        stages:
-          - default
-        roles:
-          - local
-        description: ''
-        is_multi: true
-    model: {}
-  output_artifacts:
-    data:
-      dataframe_output:
-        types:
-          - dataframe
-        optional: false
-        stages:
-          - default
-        roles:
-          - local
-        description: ''
-        is_multi: false
-      dataframe_outputs:
-        types:
-          - dataframe
-        optional: false
-        stages:
-          - default
-        roles:
-          - local
-        description: ''
-        is_multi: true
-    model:
-      json_model_output:
-        types:
-          - json_model
-        optional: false
-        stages:
-          - default
-        roles:
-          - local
-        description: ''
-        is_multi: false
-      json_model_outputs:
-        types:
-          - json_model
-        optional: false
-        stages:
-          - default
-        roles:
-          - local
-        description: ''
-        is_multi: true
-      model_directory_output:
-        types:
-          - model_directory
-        optional: false
-        stages:
-          - default
-        roles:
-          - local
-        description: ''
-        is_multi: false
-      model_directory_outputs:
-        types:
-          - model_directory
-        optional: false
-        stages:
-          - default
-        roles:
-          - local
-        description: ''
-        is_multi: true
-    metric: {}
-schema_version: v1
\ No newline at end of file
diff --git a/static/dataframe_transformer.yaml b/static/dataframe_transformer.yaml
index e26ee884..67b7b900 100644
--- a/static/dataframe_transformer.yaml
+++ b/static/dataframe_transformer.yaml
@@ -2,7 +2,7 @@ component:
   name: dataframe_transformer
   description: ''
   provider: fate
-  version: 2.0.0
+  version: 2.1.0
   labels: []
   roles:
     - local
diff --git a/static/download.yaml b/static/download.yaml
index 63fccb1a..69f01713 100644
--- a/static/download.yaml
+++ b/static/download.yaml
@@ -2,7 +2,7 @@ component:
   name: download
   description: ''
   provider: fate_flow
-  version: 2.0.0
+  version: 2.1.0
   labels: []
   roles:
     - guest
diff --git a/static/evaluation.yaml b/static/evaluation.yaml
index 740bbb22..3ae060b5 100644
--- a/static/evaluation.yaml
+++ b/static/evaluation.yaml
@@ -2,7 +2,7 @@ component:
   name: evaluation
   description: ''
   provider: fate
-  version: 2.0.0
+  version: 2.1.0
   labels: []
   roles:
     - guest
@@ -54,7 +54,7 @@ component:
           use 'label' in the input dataframe
   input_artifacts:
     data:
-      input_data:
+      input_datas:
         types:
           - dataframe
         optional: false
@@ -82,3 +82,4 @@ component:
         description: metric, invisible for user
         is_multi: false
 schema_version: v1
+
diff --git a/static/feature_correlation.yaml b/static/feature_correlation.yaml
index 13dd6870..dbf01b0f 100644
--- a/static/feature_correlation.yaml
+++ b/static/feature_correlation.yaml
@@ -2,8 +2,8 @@ component:
   name: feature_correlation
   description: ''
   provider: fate
-  version: 2.0.0
-  labels: [ ]
+  version: 2.1.0
+  labels: []
   roles:
     - guest
     - host
@@ -65,9 +65,9 @@ component:
           - host
         description: ''
         is_multi: false
-    model: { }
+    model: {}
   output_artifacts:
-    data: { }
+    data: {}
     model:
       output_model:
         types:
@@ -93,3 +93,4 @@ component:
         description: metric, invisible for user
         is_multi: false
 schema_version: v1
+
diff --git a/static/feature_scale.yaml b/static/feature_scale.yaml
index 4a8ef5a4..cad37266 100644
--- a/static/feature_scale.yaml
+++ b/static/feature_scale.yaml
@@ -2,7 +2,7 @@ component:
   name: feature_scale
   description: ''
   provider: fate
-  version: 2.0.0
+  version: 2.1.0
   labels: []
   roles:
     - guest
@@ -29,7 +29,7 @@ component:
         title: typing.Union[list, dict]
         anyOf:
           - type: array
-            items: { }
+            items: {}
           - type: object
         default:
           - 0
@@ -164,8 +164,9 @@ component:
         types:
           - json_metric
         optional: false
-        stages: [ ]
-        roles: [ ]
+        stages: []
+        roles: []
         description: metric, invisible for user
         is_multi: false
 schema_version: v1
+
diff --git a/static/hetero_feature_binning.yaml b/static/hetero_feature_binning.yaml
index bc7fb81a..60e968a2 100644
--- a/static/hetero_feature_binning.yaml
+++ b/static/hetero_feature_binning.yaml
@@ -2,8 +2,8 @@ component:
   name: hetero_feature_binning
   description: ''
   provider: fate
-  version: 2.0.0
-  labels: [ ]
+  version: 2.1.0
+  labels: []
   roles:
     - guest
     - host
@@ -266,8 +266,9 @@ component:
         types:
           - json_metric
         optional: false
-        stages: [ ]
-        roles: [ ]
+        stages: []
+        roles: []
         description: metric, invisible for user
         is_multi: false
 schema_version: v1
+
diff --git a/static/hetero_feature_selection.yaml b/static/hetero_feature_selection.yaml
index 42d01819..bbf5078b 100644
--- a/static/hetero_feature_selection.yaml
+++ b/static/hetero_feature_selection.yaml
@@ -2,8 +2,8 @@ component:
   name: hetero_feature_selection
   description: ''
   provider: fate
-  version: 2.0.0
-  labels: [ ]
+  version: 2.1.0
+  labels: []
   roles:
     - guest
     - host
@@ -178,8 +178,8 @@ component:
     manual_param:
       type: ModelMetaclass
       default:
-        keep_col: [ ]
-        filter_out_col: [ ]
+        keep_col: []
+        filter_out_col: []
       optional: true
       description: manual filter param
       type_meta:
@@ -188,13 +188,13 @@ component:
         properties:
           keep_col:
             title: Keep Col
-            default: [ ]
+            default: []
             type: array
             items:
               type: string
           filter_out_col:
             title: Filter Out Col
-            default: [ ]
+            default: []
             type: array
             items:
               type: string
@@ -309,8 +309,9 @@ component:
         types:
           - json_metric
         optional: false
-        stages: [ ]
-        roles: [ ]
+        stages: []
+        roles: []
         description: metric, invisible for user
         is_multi: false
 schema_version: v1
+
diff --git a/static/hetero_nn.yaml b/static/hetero_nn.yaml
index 634baa23..6ad7f80f 100644
--- a/static/hetero_nn.yaml
+++ b/static/hetero_nn.yaml
@@ -2,7 +2,7 @@ component:
   name: hetero_nn
   description: ''
   provider: fate
-  version: 2.0.0
+  version: 2.1.0
   labels: []
   roles:
     - guest
@@ -87,7 +87,7 @@ component:
         description: ''
         is_multi: false
     model:
-      train_model_input:
+      warm_start_model:
         types:
           - model_directory
         optional: true
@@ -98,7 +98,7 @@ component:
           - host
         description: ''
         is_multi: false
-      predict_model_input:
+      input_model:
         types:
           - model_directory
         optional: false
@@ -111,7 +111,7 @@ component:
         is_multi: false
   output_artifacts:
     data:
-      train_data_output:
+      train_output_data:
         types:
           - dataframe
         optional: true
@@ -122,7 +122,7 @@ component:
           - host
         description: ''
         is_multi: false
-      predict_data_output:
+      test_output_data:
         types:
           - dataframe
         optional: true
@@ -134,7 +134,7 @@ component:
         description: ''
         is_multi: false
     model:
-      train_model_output:
+      output_model:
         types:
           - model_directory
         optional: true
@@ -155,3 +155,4 @@ component:
         description: metric, invisible for user
         is_multi: false
 schema_version: v1
+
diff --git a/static/hetero_sbt.yaml b/static/hetero_sbt.yaml
index c371a8e8..df0ee952 100644
--- a/static/hetero_sbt.yaml
+++ b/static/hetero_sbt.yaml
@@ -2,7 +2,7 @@ component:
   name: hetero_secureboost
   description: ''
   provider: fate
-  version: 2.0.0
+  version: 2.1.0
   labels: []
   roles:
     - guest
@@ -316,7 +316,7 @@ component:
         description: ''
         is_multi: false
     model:
-      train_model_input:
+      warm_start_model:
         types:
           - json_model
         optional: true
@@ -327,7 +327,7 @@ component:
           - host
         description: ''
         is_multi: false
-      predict_model_input:
+      input_model:
         types:
           - json_model
         optional: false
@@ -340,7 +340,7 @@ component:
         is_multi: false
   output_artifacts:
     data:
-      train_data_output:
+      train_output_data:
         types:
           - dataframe
         optional: true
@@ -374,7 +374,7 @@ component:
         description: ''
         is_multi: true
     model:
-      train_model_output:
+      output_model:
         types:
           - json_model
         optional: true
@@ -395,3 +395,4 @@ component:
         description: metric, invisible for user
         is_multi: false
 schema_version: v1
+
diff --git a/static/hetero_secureboost.yaml b/static/hetero_secureboost.yaml
index c371a8e8..df0ee952 100644
--- a/static/hetero_secureboost.yaml
+++ b/static/hetero_secureboost.yaml
@@ -2,7 +2,7 @@ component:
   name: hetero_secureboost
   description: ''
   provider: fate
-  version: 2.0.0
+  version: 2.1.0
   labels: []
   roles:
     - guest
@@ -316,7 +316,7 @@ component:
         description: ''
         is_multi: false
     model:
-      train_model_input:
+      warm_start_model:
         types:
           - json_model
         optional: true
@@ -327,7 +327,7 @@ component:
           - host
         description: ''
         is_multi: false
-      predict_model_input:
+      input_model:
         types:
           - json_model
         optional: false
@@ -340,7 +340,7 @@ component:
         is_multi: false
   output_artifacts:
     data:
-      train_data_output:
+      train_output_data:
         types:
           - dataframe
         optional: true
@@ -374,7 +374,7 @@ component:
         description: ''
         is_multi: true
     model:
-      train_model_output:
+      output_model:
         types:
           - json_model
         optional: true
@@ -395,3 +395,4 @@ component:
         description: metric, invisible for user
         is_multi: false
 schema_version: v1
+
diff --git a/static/homo_lr.yaml b/static/homo_lr.yaml
index 88409352..d9a362e2 100644
--- a/static/homo_lr.yaml
+++ b/static/homo_lr.yaml
@@ -2,7 +2,7 @@ component:
   name: homo_lr
   description: ''
   provider: fate
-  version: 2.0.0
+  version: 2.1.0
   labels: []
   roles:
     - guest
@@ -206,7 +206,7 @@ component:
         description: ''
         is_multi: false
     model:
-      train_input_model:
+      warm_start_model:
         types:
           - json_model
         optional: true
@@ -217,7 +217,7 @@ component:
           - host
         description: ''
         is_multi: false
-      predict_input_model:
+      input_model:
         types:
           - json_model
         optional: false
@@ -253,7 +253,7 @@ component:
         description: ''
         is_multi: false
     model:
-      train_output_model:
+      output_model:
         types:
           - json_model
         optional: false
diff --git a/static/homo_nn.yaml b/static/homo_nn.yaml
index d68745fb..23ce15d9 100644
--- a/static/homo_nn.yaml
+++ b/static/homo_nn.yaml
@@ -2,7 +2,7 @@ component:
   name: homo_nn
   description: ''
   provider: fate
-  version: 2.0.0
+  version: 2.1.0
   labels: []
   roles:
     - guest
@@ -88,7 +88,7 @@ component:
         description: ''
         is_multi: false
     model:
-      train_model_input:
+      warm_start_model:
         types:
           - model_directory
         optional: true
@@ -99,7 +99,7 @@ component:
           - host
         description: ''
         is_multi: false
-      predict_model_input:
+      input_model:
         types:
           - model_directory
         optional: false
@@ -112,7 +112,7 @@ component:
         is_multi: false
   output_artifacts:
     data:
-      train_data_output:
+      train_output_data:
         types:
           - dataframe
         optional: true
@@ -123,7 +123,7 @@ component:
           - host
         description: ''
         is_multi: false
-      predict_data_output:
+      test_output_data:
         types:
           - dataframe
         optional: true
@@ -135,7 +135,7 @@ component:
         description: ''
         is_multi: false
     model:
-      train_model_output:
+      output_model:
         types:
           - model_directory
         optional: true
@@ -156,3 +156,4 @@ component:
         description: metric, invisible for user
         is_multi: false
 schema_version: v1
+
diff --git a/static/psi.yaml b/static/psi.yaml
index a0a9c701..d70d2150 100644
--- a/static/psi.yaml
+++ b/static/psi.yaml
@@ -2,7 +2,7 @@ component:
   name: psi
   description: ''
   provider: fate
-  version: 2.0.0
+  version: 2.1.0
   labels: []
   roles:
     - guest
@@ -69,3 +69,4 @@ component:
         description: metric, invisible for user
         is_multi: false
 schema_version: v1
+
diff --git a/static/reader.yaml b/static/reader.yaml
index 101c031c..3ca780bc 100644
--- a/static/reader.yaml
+++ b/static/reader.yaml
@@ -2,7 +2,7 @@ component:
   name: reader
   description: ''
   provider: fate
-  version: 2.0.0
+  version: 2.1.0
   labels: []
   roles:
     - guest
@@ -61,3 +61,4 @@ component:
         description: metric, invisible for user
         is_multi: false
 schema_version: v1
+
diff --git a/static/sample.yaml b/static/sample.yaml
index 5ee27431..e06e723f 100644
--- a/static/sample.yaml
+++ b/static/sample.yaml
@@ -2,8 +2,8 @@ component:
   name: sample
   description: ''
   provider: fate
-  version: 2.0.0
-  labels: [ ]
+  version: 2.1.0
+  labels: []
   roles:
     - guest
     - host
@@ -89,7 +89,7 @@ component:
           - host
         description: ''
         is_multi: false
-    model: { }
+    model: {}
   output_artifacts:
     data:
       output_data:
@@ -103,7 +103,7 @@ component:
           - host
         description: ''
         is_multi: false
-    model: { }
+    model: {}
     metric:
       metric:
         types:
@@ -117,3 +117,4 @@ component:
         description: metric, invisible for user
         is_multi: false
 schema_version: v1
+
diff --git a/static/sshe_linr.yaml b/static/sshe_linr.yaml
index bcdfba9d..14995aba 100644
--- a/static/sshe_linr.yaml
+++ b/static/sshe_linr.yaml
@@ -2,8 +2,8 @@ component:
   name: sshe_linr
   description: ''
   provider: fate
-  version: 2.0.0
-  labels: [ ]
+  version: 2.1.0
+  labels: []
   roles:
     - guest
     - host
@@ -297,8 +297,9 @@ component:
         types:
           - json_metric
         optional: false
-        stages: [ ]
-        roles: [ ]
+        stages: []
+        roles: []
         description: metric, invisible for user
         is_multi: false
 schema_version: v1
+
diff --git a/static/sshe_lr.yaml b/static/sshe_lr.yaml
index 8aa25fce..f608a4c7 100644
--- a/static/sshe_lr.yaml
+++ b/static/sshe_lr.yaml
@@ -2,8 +2,8 @@ component:
   name: sshe_lr
   description: ''
   provider: fate
-  version: 2.0.0
-  labels: [ ]
+  version: 2.1.0
+  labels: []
   roles:
     - guest
     - host
@@ -297,8 +297,9 @@ component:
         types:
           - json_metric
         optional: false
-        stages: [ ]
-        roles: [ ]
+        stages: []
+        roles: []
         description: metric, invisible for user
         is_multi: false
 schema_version: v1
+
diff --git a/static/statistics.yaml b/static/statistics.yaml
index 8d7fafc0..6a645183 100644
--- a/static/statistics.yaml
+++ b/static/statistics.yaml
@@ -2,8 +2,8 @@ component:
   name: statistics
   description: ''
   provider: fate
-  version: 2.0.0
-  labels: [ ]
+  version: 2.1.0
+  labels: []
   roles:
     - guest
     - host
@@ -106,9 +106,9 @@ component:
           - host
         description: ''
         is_multi: false
-    model: { }
+    model: {}
   output_artifacts:
-    data: { }
+    data: {}
     model:
       output_model:
         types:
@@ -134,3 +134,4 @@ component:
         description: metric, invisible for user
         is_multi: false
 schema_version: v1
+
diff --git a/static/toy_example.yaml b/static/toy_example.yaml
index 4363c6ec..1edd4f69 100644
--- a/static/toy_example.yaml
+++ b/static/toy_example.yaml
@@ -2,7 +2,7 @@ component:
   name: toy_example
   description: ''
   provider: fate
-  version: 2.0.0-beta
+  version: 2.1.0
   labels: []
   roles:
     - guest
diff --git a/static/union.yaml b/static/union.yaml
index f1ff1d42..0a17f33c 100644
--- a/static/union.yaml
+++ b/static/union.yaml
@@ -2,15 +2,15 @@ component:
   name: union
   description: ''
   provider: fate
-  version: 2.0.0
-  labels: [ ]
+  version: 2.1.0
+  labels: []
   roles:
     - guest
     - host
-  parameters: { }
+  parameters: {}
   input_artifacts:
     data:
-      input_data_list:
+      input_datas:
         types:
           - dataframe
         optional: false
@@ -21,7 +21,7 @@ component:
           - host
         description: ''
         is_multi: true
-    model: { }
+    model: {}
   output_artifacts:
     data:
       output_data:
@@ -35,7 +35,7 @@ component:
           - host
         description: ''
         is_multi: false
-    model: { }
+    model: {}
     metric:
       metric:
         types:
@@ -49,3 +49,4 @@ component:
         description: metric, invisible for user
         is_multi: false
 schema_version: v1
+
diff --git a/static/upload.yaml b/static/upload.yaml
index 4027ef45..158f884f 100644
--- a/static/upload.yaml
+++ b/static/upload.yaml
@@ -2,7 +2,7 @@ component:
   name: upload
   description: ''
   provider: fate_flow
-  version: 2.0.0
+  version: 2.1.0
   labels: []
   roles:
     - guest