diff --git a/examples/views/docs/component/schema-select.md b/examples/views/docs/component/schema-select.md
index 62cb89e..1e449b7 100644
--- a/examples/views/docs/component/schema-select.md
+++ b/examples/views/docs/component/schema-select.md
@@ -4,13 +4,13 @@
 
 ## 基础用法
 
-`schema`设置配置项。
+一个展示内容更多的表格形式的下拉选择器，基本配置项与`z-schema-page`中`schema`相同。
 
-::: snippet `schema`设置配置项
+::: snippet 设置`options`配置选择器数据源，`label-key`设置显示值字段，`value-key`设置绑定值字段。
 
 ```html
 <template>
-  <z-schema-select v-model="model" size="small" :schema="schema" :api-search="searchAPI" label-key="name" value-key="id"></z-schema-select>
+  <z-schema-select v-model="model" :options="options" :schema="schema" label-key="name" value-key="id" @change="onChange"></z-schema-select>
 </template>
 
 <script>
@@ -18,6 +18,10 @@ export default {
   data() {
     return {
       model: '',
+      options: [
+        { id: '0', name: '李饼', age: 32, address: '地址0', status: '正常' },
+        { id: '1', name: '陈拾', age: 20, address: '地址1', status: '正常' },
+      ],
       schema: {
         table: {
           props: {
@@ -26,9 +30,175 @@ export default {
           items: [
             { label: '姓名', prop: 'name', minWidth: 120 },
             { label: '年龄', prop: 'age', minWidth: 120 },
+            { label: '地址', prop: 'address', minWidth: 120 },
           ]
         }
-      }
+      },
+    }
+  },
+  methods: {
+    onChange(row) {
+      console.log(row);
+    }
+  }
+}
+</script>
+```
+
+:::
+
+## 远程搜索
+
+配置一个接口查询远程数据。
+
+::: snippet `api-search`设置远程搜索方法。
+
+```html
+<template>
+  <div>
+    <z-schema-select v-model="model" :schema="schema" :api-search="searchAPI" label-key="name" value-key="id"></z-schema-select>
+    <span>{{ model }}</span>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      model: '',
+      schema: {
+        table: {
+          props: {
+            border: false
+          },
+          items: [
+            { label: '姓名', prop: 'name', minWidth: 120 },
+            { label: '年龄', prop: 'age', minWidth: 120 },
+            { label: '地址', prop: 'address', minWidth: 120 },
+          ]
+        }
+      },
+    }
+  },
+  methods: {
+    searchAPI(params) {
+      console.log('search', params);
+      return new Promise(resolve => {
+        setTimeout(() => {
+          const list = [
+            { id: '0', name: '李饼', age: 32, address: '地址0', status: '正常' },
+            { id: '1', name: '陈拾', age: 20, address: '地址1', status: '正常' },
+            { id: '3', name: '王七', age: 26, address: '地址3', status: '正常' },
+            { id: '4', name: '崔倍', age: 27, address: '地址4', status: '正常' },
+            { id: '5', name: '孙豹', age: 38, address: '地址5', status: '正常' },
+          ];
+          resolve([list, 37]);
+        }, 500);
+      });
+    },
+  }
+}
+</script>
+```
+
+:::
+
+## 设置默认文本
+
+通常情况下，编辑表单时，若未加载搜索接口，则需要给定一个对应当前值的默认显示的文本
+
+::: snippet 组件提供了一个`setLabel`可设置当前文本
+
+```html
+<template>
+  <div>
+    <z-schema-select ref="select" v-model="model" size="small" :schema="schema" :api-search="searchAPI" label-key="name" value-key="id"></z-schema-select>
+    <span>{{ model }}</span>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      model: '6',
+      schema: {
+        table: {
+          props: {
+            border: false
+          },
+          items: [
+            { label: '姓名', prop: 'name', minWidth: 120 },
+            { label: '年龄', prop: 'age', minWidth: 120 },
+            { label: '地址', prop: 'address', minWidth: 120 },
+          ]
+        }
+      },
+      options: [
+        { id: '6', name: '张三', age: 18, address: '上海市青浦区华新镇纪鹤公路1988号', status: '禁用' },
+      ]
+    }
+  },
+  mounted() {
+    setTimeout(() => {
+      this.$refs.select.setLabel('李四');
+    }, 3000);
+  },
+  methods: {
+    searchAPI(params) {
+      console.log('search', params);
+      return new Promise(resolve => {
+        setTimeout(() => {
+          const list = [
+            { id: '0', name: '李饼', age: 32, address: '地址0', status: '正常' },
+            { id: '1', name: '陈拾', age: 20, address: '地址1', status: '正常' },
+            { id: '3', name: '王七', age: 26, address: '地址3', status: '正常' },
+            { id: '4', name: '崔倍', age: 27, address: '地址4', status: '正常' },
+            { id: '5', name: '孙豹', age: 38, address: '地址5', status: '正常' },
+          ];
+          resolve([list, 37]);
+        }, 500);
+      });
+    },
+  }
+}
+</script>
+```
+
+:::
+
+也可以通过设置修正数据源来修正当前显示内容
+
+::: snippet 开启`api-search`远程搜索时，设置`options`，则作为修正数据源使用。注：修正数据源不会出现在搜索数据列表中。
+
+```html
+<template>
+  <div>
+    <z-schema-select ref="select" v-model="model" size="small" :schema="schema" :options="options" :api-search="searchAPI" label-key="name" value-key="id"></z-schema-select>
+    <span>{{ model }}</span>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      model: '6',
+      schema: {
+        table: {
+          props: {
+            border: false
+          },
+          items: [
+            { label: '姓名', prop: 'name', minWidth: 120 },
+            { label: '年龄', prop: 'age', minWidth: 120 },
+            { label: '地址', prop: 'address', minWidth: 120 },
+          ]
+        }
+      },
+      options: [
+        { id: '6', name: '张三', age: 18, address: '上海市青浦区华新镇纪鹤公路1988号', status: '禁用' },
+      ]
     }
   },
   methods: {
diff --git a/packages/schema-select/index.vue b/packages/schema-select/index.vue
index dc37ec9..3efeb05 100644
--- a/packages/schema-select/index.vue
+++ b/packages/schema-select/index.vue
@@ -1,12 +1,13 @@
 <style lang="scss">
 .z-schema-select {
-  display: inline-block;
+  display: inline-flex;
 }
 .z-schema-select__popper {
   padding: 0 !important;
 }
 .z-schema-select__popper-content {
   padding: 4px;
+  user-select: none;
 }
 </style>
 
@@ -14,7 +15,6 @@
   <el-popover class="z-schema-select" popper-class="z-schema-select__popper" v-model="visible" trigger="click" placement="bottom-start" transition="el-zoom-in-top">
     <template #reference>
       <el-input
-        class="el-select__input"
         v-model="model"
         :size="selectSize"
         :disabled="selectDisabled"
@@ -34,11 +34,13 @@
     </template>
     <div class="z-schema-select__popper-content" v-clickoutside="onClickoutside">
       <z-schema-page
+        v-if="apiSearch"
         ref="schema"
         :value-table.sync="tableData"
         :value-filter="valueFilter"
         @update:value-filter="e => $emit('update:value-filter', e)"
         :schema="selectSchema"
+        :size="selectSize"
         :auto="auto"
         :api-search="apiSearch"
       >
@@ -47,6 +49,12 @@
           <template v-else>{{ value }}</template>
         </template>
       </z-schema-page>
+      <z-schema-table v-else ref="table" :value="options" :schema="selectTableSchema" :size="selectSize">
+        <template v-for="(item, index) in tableColumns" #[`cell-${item.prop}`]="{ value }">
+          <cell-highlight v-if="highlight" :value="value" :keyword="query" :key="index"></cell-highlight>
+          <template v-else>{{ value }}</template>
+        </template>
+      </z-schema-table>
     </div>
   </el-popover>
 </template>
@@ -54,6 +62,7 @@
 <script>
 import debounce from 'throttle-debounce/debounce';
 import Clickoutside from 'element-ui/src/utils/clickoutside';
+import { get } from '../utils';
 
 export default {
   name: 'SchemaSelect',
@@ -80,16 +89,18 @@ export default {
         return {};
       },
     },
+    options: {
+      type: Array,
+      default: () => [],
+    },
     auto: {
       type: Boolean,
       default: true,
     },
-    // clearable: Boolean,
     clearable: {
       type: Boolean,
       default: true,
     },
-    // highlight: Boolean,
     highlight: {
       type: Boolean,
       default: true,
@@ -123,7 +134,8 @@ export default {
   },
   data() {
     return {
-      model: '',
+      model: this.value || '',
+      currentLabel: '',
       query: '',
       visible: false,
       inputHovering: false,
@@ -134,6 +146,7 @@ export default {
     this.debouncedOnInput = debounce(300, () => {
       this.onInput();
     });
+    this.model = this.selectedLabel;
   },
   computed: {
     _elFormItemSize() {
@@ -150,8 +163,8 @@ export default {
     },
     selectedLabel() {
       if (this.value) {
-        const item = this.tableData.find(item => item[this.valueKey] === this.value) || {};
-        return item[this.labelKey];
+        const item = [...this.tableData, ...this.options].find(item => item[this.valueKey] === this.value) || {};
+        return item[this.labelKey] || this.currentLabel || this.value;
       }
       return '';
     },
@@ -171,23 +184,55 @@ export default {
         },
       };
     },
+    selectTableSchema() {
+      if (!this.schema) {
+        return {};
+      }
+      return {
+        on: {
+          'row-click': this.onTableRowClick,
+        },
+        props: {
+          size: 'small',
+          'highlight-current-row': true,
+          ...(get(this.schema, 'table.props') || {}),
+        },
+        items: [...(get(this.schema, 'table.items') || [])],
+      };
+    },
     showClose() {
       let hasValue = this.value !== undefined && this.value !== null && this.value !== '';
       let criteria = this.clearable && !this.selectDisabled && this.inputHovering && hasValue;
       return criteria;
     },
     tableColumns() {
-      if (this.schema) {
-        return this.schema.items;
+      const tableSchema = this.schema.table;
+      if (tableSchema) {
+        return tableSchema.items;
       }
       return [];
     },
   },
+  watch: {
+    value(val) {
+      this.model = this.selectedLabel;
+    },
+    options() {
+      this.model = this.selectedLabel;
+    },
+  },
   methods: {
+    // 手动设置当前value对应的label
+    setLabel(val) {
+      this.currentLabel = val;
+      this.model = this.selectedLabel;
+    },
     // 输入查询
     onInput() {
       this.query = this.model;
-      this.$refs.schema.search();
+      if (this.$refs.schema) {
+        this.$refs.schema.search();
+      }
     },
     onInputFocus() {
       this.model = '';
@@ -200,12 +245,13 @@ export default {
     onClickoutside() {
       if (this.visible) {
         this.model = this.selectedLabel;
+        this.query = '';
       }
     },
     // 点击表格行
     onTableRowClick(row) {
       this.query = '';
-      this.model = row.name;
+      this.model = this.selectedLabel;
       this.visible = false;
       this.$emit('input', row[this.valueKey]);
       this.$emit('change', row);
--
libgit2 0.21.0