diff --git a/examples/router/routes.js b/examples/router/routes.js
index 76e41b8..913b56d 100644
--- a/examples/router/routes.js
+++ b/examples/router/routes.js
@@ -101,6 +101,12 @@ const _components = [
         meta: { title: 'Schema Select 选择器' },
         component: () => import('@/views/docs/component/schema-select.md'),
       },
+      {
+        path: 'schema-transfer',
+        name: 'schema-transfer',
+        meta: { title: 'Schema Transfer 穿梭框' },
+        component: () => import('@/views/docs/component/schema-transfer.md'),
+      },
     ],
   },
 ];
diff --git a/examples/views/docs/component/schema-transfer.md b/examples/views/docs/component/schema-transfer.md
new file mode 100644
index 0000000..606a002
--- /dev/null
+++ b/examples/views/docs/component/schema-transfer.md
@@ -0,0 +1,208 @@
+# Schema Transfer 方案穿梭框
+
+通过配置JSON Schema的方式快速生成一个穿梭框，与常规穿梭框不同的是，本穿梭框是表格型穿梭框。
+
+## 基础用法
+
+一个展示内容更多的表格形式的下拉选择器，基本配置项与`z-schema-page`中`schema`相同。
+
+::: snippet `source`设置数据源, `titles`设置标题, `value-key`设置绑定值主键，默认为**id**。
+
+```html
+<template>
+  <z-schema-transfer v-model="model" :schema="schema" :titles="titles" :source="source" value-key="id" size="small"></z-schema-transfer>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      model: [],
+      source: [
+        { id: '0', name: '姓名0', age: 17 },
+        { id: '1', name: '姓名1', age: 26 },
+      ],
+      titles: ['左边数据源', '右边已选中'],
+      schema: {
+        table: {
+          items: [
+            { label: '姓名', prop: 'name', minWidth: 120 },
+            { label: '年龄', prop: 'age', minWidth: 120 },
+            { label: '地址', prop: 'address', minWidth: 120 },
+          ]
+        },
+      },
+    }
+  },
+}
+</script>
+```
+
+:::
+
+## 远程搜索
+
+数据源支持远程搜索。
+
+::: snippet `api-search`设置查询方法，返回值格式与`z-schema-page`相同。
+
+```html
+<template>
+  <z-schema-transfer v-model="model" :schema="schema" :value-filter.sync="filterModel" value-key="id" size="small" :api-search="searchAPI" auto></z-schema-transfer>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      model: [],
+      filterModel: { name: '' },
+      schema: {
+        filter: {
+          items: [
+            { is: 'el-input', label: '姓名', prop: 'name' },
+          ]
+        },
+        table: {
+          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 `schema`中设置`selected`，格式与`z-schema-table`相同。
+
+```html
+<template>
+  <z-schema-transfer v-model="model" :schema="schema" :source="source" value-key="id" size="small"></z-schema-transfer>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      model: [],
+      source: [
+        { id: '0', name: '姓名0', age: 17 },
+        { id: '1', name: '姓名1', age: 26 },
+      ],
+      schema: {
+        table: {
+          items: [
+            { label: '姓名', prop: 'name', minWidth: 120 },
+            { label: '年龄', prop: 'age', minWidth: 120 },
+            { label: '地址', prop: 'address', minWidth: 120 },
+          ]
+        },
+        selected: {
+          props: { border: true, editable: true },
+          items: [
+            { label: '姓名', prop: 'name', minWidth: 120, editable: false },
+            { label: '年龄', prop: 'age', minWidth: 120, editalways: true },
+            { label: '地址', prop: 'address', minWidth: 120 },
+          ]
+        }
+      },
+    }
+  },
+}
+</script>
+```
+
+:::
+
+## 自定义内容
+
+在不满足业务需求的情况下，可以设置插槽自定义左右内容
+
+::: snippet 默认插槽`default`表示数据源，插槽`selected`表示已选中的内容
+
+```html
+<template>
+  <z-schema-transfer v-model="model" :schema="schema" :source="source" value-key="id" size="small">
+    <template #title-left>未选择 <i class="el-icon-minus"></i></template>
+    <template #default="{ onChoose, valueFormatter }">
+      <div>
+        <el-button size="mini" v-for="item in valueFormatter(source)" @click="onChoose(item)">{{ item.name }}</el-button>
+      </div>
+    </template>
+    <template #title-right>已选择 <i class="el-icon-check"></i></template>
+    <template #selected="{ onRemove }">
+      <div>
+        <el-button size="mini" v-for="item in model" @click="onRemove(item)">{{ item.name }}</el-button>
+      </div>
+    </template>
+  </z-schema-transfer>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      model: [],
+      source: [
+        { id: '0', name: '姓名0', age: 17 },
+        { id: '1', name: '姓名1', age: 26 },
+      ],
+      schema: {
+        table: {
+          items: [
+            { label: '姓名', prop: 'name', minWidth: 120 },
+            { label: '年龄', prop: 'age', minWidth: 120 },
+            { label: '地址', prop: 'address', minWidth: 120 },
+          ]
+        },
+        selected: {
+          props: { border: true, editable: true },
+          items: [
+            { label: '姓名', prop: 'name', minWidth: 120, editable: false },
+            { label: '年龄', prop: 'age', minWidth: 120, editalways: true },
+            { label: '地址', prop: 'address', minWidth: 120 },
+          ]
+        }
+      },
+    }
+  },
+}
+</script>
+```
+
+:::
+
+## API
+
+## Attribute 属性
+
+参数|说明|类型|可选值|默认值
+-|-|-|-|-
+schema | JSON Schema配置项列表 | Array | - | []
\ No newline at end of file
diff --git a/packages/schema-transfer/index.vue b/packages/schema-transfer/index.vue
new file mode 100644
index 0000000..4dc2a7d
--- /dev/null
+++ b/packages/schema-transfer/index.vue
@@ -0,0 +1,229 @@
+<style lang="scss">
+.z-schema-transfer {
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+  &__left,
+  &__right {
+    width: 50%;
+    flex: 1;
+    border: 1px solid #ebeef5;
+  }
+  &__left {
+    border-right: 0;
+  }
+  &__header {
+    display: flex;
+    background: #f5f7fa;
+    padding: 8px 10px;
+    font-size: 14px;
+  }
+  &__content {
+    padding: 10px;
+  }
+}
+</style>
+
+<template>
+  <div class="z-schema-transfer">
+    <div class="z-schema-transfer__left">
+      <div class="z-schema-transfer__header">
+        <div class="z-schema-transfer__title">
+          <slot name="title-left">{{ titles[0] }}</slot>
+        </div>
+      </div>
+      <div class="z-schema-transfer__content">
+        <slot :onChoose="onChoose" :valueFormatter="valueFormatter">
+          <z-schema-page
+            :size="transferSize"
+            :value-filter="valueFilter"
+            :value-table="valueTable"
+            :schema="schemaLeft"
+            :api-search="searchMethod"
+            @update:value-filter="e => $emit('update:value-filter', e)"
+            :auto="auto"
+          >
+            <template #operation>
+              <el-table-column label="操作" width="80" align="center" fixed="right">
+                <template #default="{ row, $index }">
+                  <div class="z-schema-page__table-operation">
+                    <el-button type="text" :disabled="_rowDisabled(row, $index)" @click="onChoose(row)">选择</el-button>
+                  </div>
+                </template>
+              </el-table-column>
+            </template>
+          </z-schema-page>
+        </slot>
+      </div>
+    </div>
+    <div class="z-schema-transfer__right">
+      <div class="z-schema-transfer__header">
+        <div class="z-schema-transfer__title">
+          <slot name="title-right">{{ titles[1] }}</slot>
+        </div>
+      </div>
+      <div class="z-schema-transfer__content">
+        <slot name="selected" :onRemove="onRemove">
+          <z-schema-table :size="transferSize" :value="value" :schema="schemaRight" @input="onInput">
+            <el-table-column label="操作" width="80" align="center" fixed="right">
+              <template #default="{ row, $index }">
+                <div class="z-schema-page__table-operation">
+                  <el-button type="text" :disabled="_rowDisabled(row, $index)" @click="onRemove(row, $index)">移除</el-button>
+                </div>
+              </template>
+            </el-table-column>
+          </z-schema-table>
+        </slot>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { cloneDeep, get } from '../utils';
+
+export default {
+  name: 'SchemaTransfer',
+  props: {
+    value: {
+      type: Array,
+      default() {
+        return [];
+      },
+    },
+    schema: {
+      required: true,
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    titles: {
+      type: Array,
+      default() {
+        return ['未选中', '已选中'];
+      },
+    },
+    source: Array,
+    valueKey: {
+      type: String,
+      default: 'id',
+    },
+    size: String,
+    disabled: Boolean,
+    auto: Boolean,
+    rowDisabled: Function,
+    apiSearch: Function,
+    valueFilter: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+  },
+  inject: {
+    elForm: {
+      default: undefined,
+    },
+    elFormItem: {
+      default: undefined,
+    },
+  },
+  data() {
+    return {
+      dataSource: this.source || [],
+    };
+  },
+  watch: {
+    source(val) {
+      this.dataSource = val || [];
+    },
+  },
+  computed: {
+    _elFormItemSize() {
+      return (this.elFormItem || {}).elFormItemSize;
+    },
+    transferSize() {
+      return this.size || this._elFormItemSize || (this.elForm || {}).size || (this.$ELEMENT || {}).size;
+    },
+    transferDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    },
+    schemaFilter() {
+      return this.schema.filter || {};
+    },
+    schemaLeft() {
+      return {
+        ...this.schema,
+        selection: false,
+        action: false,
+        filter: this.schema.filter
+          ? {
+              props: {
+                span: 12,
+                ...(this.schemaFilter.props || {}),
+              },
+              ...this.schemaFilter,
+            }
+          : false,
+        pagination: !this.apiSearch ? false : get(this.schema, 'pagination'),
+      };
+    },
+    schemaRight() {
+      if (this.schema.selected) {
+        return this.schema.selected;
+      }
+      return {
+        props: {
+          border: true,
+          'highlight-current-row': true,
+          ...(get(this.schema, 'table.props') || {}),
+        },
+        ...this.schema.table,
+      };
+    },
+    valueKeys() {
+      return this.value.map(item => item[this.valueKey]);
+    },
+    valueTable() {
+      return this.valueFormatter(this.dataSource || []);
+    },
+  },
+  methods: {
+    _rowDisabled(row, index) {
+      if (this.transferDisabled) {
+        return true;
+      }
+      if (this.rowDisabled) {
+        return this.rowDisabled({ row, index });
+      }
+      return false;
+    },
+    valueFormatter(value) {
+      return value.filter(item => !this.valueKeys.includes(item[this.valueKey]));
+    },
+    onChoose(row) {
+      this.$emit('input', [...this.value, row]);
+    },
+    onRemove(row, index) {
+      const newValue = cloneDeep(this.value || []);
+      newValue.splice(index, 1);
+      this.$emit('input', newValue);
+    },
+    onInput(value) {
+      this.$emit('input', value);
+    },
+    searchMethod(e) {
+      if (this.apiSearch) {
+        return this.apiSearch(e).then(result => {
+          this.dataSource = result[0] || [];
+          return [this.valueTable, result[1]];
+        });
+      }
+      return new Promise(resolve => {
+        resolve([]);
+      });
+    },
+  },
+};
+</script>
--
libgit2 0.21.0