diff --git a/packages/common/component/PluginBlockItemImg.vue b/packages/common/component/PluginBlockItemImg.vue
new file mode 100644
index 0000000000..c7c56a864e
--- /dev/null
+++ b/packages/common/component/PluginBlockItemImg.vue
@@ -0,0 +1,107 @@
+<template>
+  <div v-if="showCheckbox && displayTable" class="table-selection">
+    <tiny-checkbox v-model="computedChecked" @change="handleCheck"></tiny-checkbox>
+  </div>
+  <div class="block-item-img">
+    <img
+      v-if="item.screenshot"
+      class="item-image"
+      :src="item.screenshot || defaultImg"
+      draggable="false"
+      @error="$event.target.src = defaultImg"
+    />
+    <svg-icon v-else class="item-image item-default-img" name="block-default"></svg-icon>
+    <div v-if="showCheckbox && !displayTable" class="top-left">
+      <tiny-checkbox v-model="computedChecked" @change="handleCheck"></tiny-checkbox>
+    </div>
+  </div>
+</template>
+
+<script>
+import { Checkbox } from '@opentiny/vue'
+import { computed } from 'vue'
+
+const defaultImg =
+  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA11JREFUaEPtmUvIVVUYhp83CIJKpIsOEsSBAxEiEAwqRDGDBCmRkCwhwQQbSANDEbwNgvgzxEIUCwRBEB2EgiQR5MA/RcHImRBKkYhYaAliULzxwT6y3O1zzv735Rx+PN/srP1d3ve7rLX2PmKSiyY5fkYEhl3BUQVGFaiZgQdayPZTwOvA7Jp+2zI/C5yV9FcnQJ7AB8DetqI35HdM0qZuBL4HFjYUqC03pyUteigIPMC0rXSW8Ws77YzSFRgRKJPdMjqtVcD2DOC6pH/LAKmq0zgB2+uAXcCTwD1gs6Q9VQH2s2uDwO/A00ngv4EnJP3TD0zneZaEt4GvJB3uZdcoAdsBPAjkZaakX8sQsP0ecDDR/UhSVLRQGiUQEWzfAKYl0e4CU8rMgu0XgXMFSNdJ+rKIQRsE1gBjwDPAbWCLpH39sm97CvADMLeL7kpJR/PPGieQ9PGzkm72A57oB7i3Ev1vsstjZylmaJmkU6nP1giUBZ613U5gW2LzGzAHiEE+kKz/AbwhaTwhPtyT2PZK4EiO8MuSop1iprYAHyfPrwDLJV3Kng+PgO3ngZ9y4NdL2p9rk93Ah8naj8AKSVdbayHb0c+PASck/VkwfI8CASQd2v2S1nfZbeI8WJU8O53NzLHkmt/MZc72IWB1Fuxi9Lekk7ms5oe27wXR9rfAksTPCWAqsCBbq0/A9qfAxoIsfgJ8Lum67e3AjkQnzo55kq71Gn7bATZ6/oWc7fRGCNgO4EGgm5wJEkB+P18qKbbNvmI73smDxHMFytUrYDtaJlonldgeg9TjPZBtlPRZX+SJgu2XgJiBmKNUqhGw/RpwPBvajsMvJG2wvTQjcf9dNYkYl7X3JwK+o2v7TeDrnO0FSfM7a/mvEoX7bbYVxjDNTJwdlvRuEix2o61xtQYeydbHJb1SBXziN8inB93EKmA7hifA32cNnJIU34/+J7ajCu8AccWOgb5ch0DY2o6DbVbmZ8IEAvyyBMR54FVJd+oCK2tf+SADfgbWJoHid4D/pWzwJvSqEgiQac/fAhZLipN1oFKVQB7kEknfDRR5FqwJAoUvGoMi0wSBQWEtE6f0LlTG2TB0ehKY9J/XJ/cfHMPoh7oxR/9S1s1gXftRBepmsK79qAJ1M1jX/j/bzulAKB9d1wAAAABJRU5ErkJggg=='
+
+export default {
+  components: {
+    TinyCheckbox: Checkbox
+  },
+  props: {
+    item: {
+      type: Object,
+      default: () => {}
+    },
+    checked: {
+      type: Boolean,
+      default: false
+    },
+    // 是否显示多选框
+    showCheckbox: {
+      type: Boolean,
+      default: false
+    },
+    displayTable: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['check'],
+  setup(props, { emit }) {
+    const computedChecked = computed(() => props.checked)
+
+    const handleCheck = (v) => {
+      emit('check', v)
+    }
+
+    return {
+      computedChecked,
+      defaultImg,
+      handleCheck
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.block-item-img {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  flex: 1;
+  border-radius: 4px;
+  background-color: var(--ti-lowcode-component-block-list-item-active-bg);
+
+  .top-left {
+    display: flex;
+    position: absolute;
+    top: 4px;
+    right: 4px;
+  }
+}
+
+:deep(.tiny-checkbox__label) {
+  padding: 0;
+}
+
+.item-image {
+  width: 84px;
+  height: 48px;
+  overflow: hidden;
+  object-fit: cover;
+}
+.item-default-img {
+  width: 84px;
+  height: 50px;
+  color: var(--te-common-bg-default);
+}
+
+.block-item-small-list .item-image {
+  width: 30px;
+  height: 30px;
+  min-width: 30px;
+}
+</style>
diff --git a/packages/common/component/PluginBlockList.vue b/packages/common/component/PluginBlockList.vue
index b05ff90cb1..69104c86c7 100644
--- a/packages/common/component/PluginBlockList.vue
+++ b/packages/common/component/PluginBlockList.vue
@@ -1,4 +1,10 @@
 <template>
+  <div v-if="blockStyle === 'mini'" class="header">
+    <div class="col-checkbox"></div>
+    <div class="col-name">区块名称</div>
+    <div class="col-time">创建时间</div>
+    <div class="col-created-by">创建人</div>
+  </div>
   <ul
     v-if="state.data.length || showAddButton"
     :class="['block-list', 'lowcode-scrollbar', { 'is-small-list': blockStyle === 'mini' }, { isShortcutPanel }]"
@@ -19,21 +25,24 @@
       @mouseleave="handleBlockItemLeave"
     >
       <slot :data="item">
-        <div class="block-item-img">
-          <img
-            v-if="item.screenshot"
-            class="item-image"
-            :src="item.screenshot || defaultImg"
-            draggable="false"
-            @error="$event.target.src = defaultImg"
-          />
-          <svg-icon v-else class="item-image item-default-img" name="block-default"></svg-icon>
-        </div>
+        <plugin-block-item-img
+          :item="item"
+          :show-checkbox="showCheckbox"
+          :checked="checked.some((block) => block.id === item.id)"
+          :display-table="blockStyle === 'mini'"
+        ></plugin-block-item-img>
         <div class="item-text">
           <div class="item-name">{{ item.name_cn || item.label || item.content?.fileName }}</div>
           <div v-if="blockStyle === 'list'" class="item-description">{{ item.description }}</div>
         </div>
 
+        <div v-if="blockStyle === 'mini'" class="cell cell-time">
+          <span>{{ format(item.created_at, 'yyyy/MM/dd hh:mm:ss') }}</span>
+        </div>
+        <div v-if="blockStyle === 'mini'" class="cell cell-created-by">
+          <span>{{ users.find((user) => user.id === item.createdBy)?.name || item.id }}</span>
+        </div>
+
         <div v-if="item.isShowProgress" class="progress-bar">
           <tiny-progress
             :text-inside="true"
@@ -119,8 +128,10 @@
 
 <script>
 import { computed, watch, inject, reactive } from 'vue'
+import { format } from '@opentiny/vue-renderless/common/date'
 import { iconPlus } from '@opentiny/vue-icon'
 import { Progress, Tooltip } from '@opentiny/vue'
+import PluginBlockItemImg from './PluginBlockItemImg.vue'
 import SearchEmpty from './SearchEmpty.vue'
 import SvgButton from './SvgButton.vue'
 
@@ -132,6 +143,7 @@ export default {
     TinyProgress: Progress,
     IconPlus: iconPlus(),
     TinyTooltip: Tooltip,
+    PluginBlockItemImg,
     SvgButton,
     SearchEmpty
   },
@@ -191,11 +203,26 @@ export default {
     externalBlock: {
       type: Object,
       default: null
+    },
+    // 是否显示多选框
+    showCheckbox: {
+      type: Boolean,
+      default: false
+    },
+    // 选中的区块
+    checked: {
+      type: Array,
+      default: () => []
+    },
+    gridColumns: {
+      type: Number,
+      default: 2
     }
   },
   emits: ['click', 'iconClick', 'add', 'deleteBlock', 'openVersionPanel', 'editBlock'],
   setup(props, { emit }) {
     const panelState = inject('panelState', {})
+    const blockUsers = inject('blockUsers')
     const state = reactive({
       activeIndex: -1,
       data: computed(() => props.data),
@@ -207,6 +234,8 @@ export default {
       timeoutId: null
     })
 
+    const users = computed(() => blockUsers?.value || [])
+
     const getParentNode = (el) => {
       while (el.nodeName !== 'LI') {
         el = el.parentNode
@@ -320,6 +349,7 @@ export default {
     return {
       isShortcutPanel: panelState.isShortcutPanel,
       state,
+      users,
       getTitle,
       blockClick,
       iconClick,
@@ -332,7 +362,8 @@ export default {
       handleBlockItemLeave,
       handleSettingMouseOver,
       handleShowVersionMenu,
-      editBlock
+      editBlock,
+      format
     }
   }
 }
@@ -371,20 +402,61 @@ export default {
   }
 }
 
+.header {
+  display: flex;
+  align-items: center;
+  height: 24px;
+  background-color: var(--te-common-bg-container);
+  color: var(--te-common-text-secondary);
+  position: sticky;
+  top: 0;
+  z-index: 100;
+
+  & > div {
+    padding: 0 8px;
+    position: relative;
+  }
+
+  .col-time::before,
+  .col-created-by::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 1px;
+    height: 10px;
+    background-color: var(--te-common-border-default);
+  }
+}
+
+.col-checkbox,
+.block-item-small-list:deep(.table-selection) {
+  width: 40px;
+  text-align: center;
+}
+.col-checkbox:deep(.tiny-checkbox__label) {
+  padding: 0;
+}
+.col-name {
+  width: 35%;
+}
+.col-time {
+  width: 35%;
+}
+.col-created-by {
+  flex: 1;
+}
+
 .block-list {
   display: grid;
-  grid-template-columns: 50% 50%;
+  grid-template-columns: repeat(v-bind('gridColumns'), 1fr);
   position: relative;
-  flex: 1;
+  gap: 12px;
   overflow-y: auto;
   overflow-x: hidden;
   color: var(--ti-lowcode-common-secondary-text-color);
-  margin: 12px;
 
-  &.is-small-list {
-    grid-template-columns: 100%;
-    grid-template-rows: repeat(auto-fill, 30px);
-  }
   .block-item {
     display: flex;
     flex-direction: column;
@@ -393,18 +465,9 @@ export default {
     height: 110px;
     text-align: center;
     user-select: none;
-    margin-right: 6px;
-    margin-bottom: 12px;
-    .block-item-img {
-      line-height: 86px;
-      width: 100%;
-      height: 86px;
-      border-radius: 4px;
-      background-color: var(--ti-lowcode-component-block-list-item-active-bg);
-    }
-    &.block-item-small-list:nth-child(2) {
-      border-top: none;
-    }
+    gap: 6px;
+    overflow: hidden;
+    text-overflow: ellipsis;
 
     .publish-flag {
       position: absolute;
@@ -421,20 +484,16 @@ export default {
     }
 
     &.block-item-small-list {
-      flex-direction: row;
-      align-items: center;
-      height: 30px;
-      padding: 4px 10px;
-      .item-image {
-        width: 30px;
-        height: 30px;
-        min-width: 30px;
+      color: var(--te-common-text-primary);
+      gap: 0;
+      &:deep(.block-item-img) {
+        width: 54px;
+        height: 40px;
+        flex: unset;
+        margin-left: 8px;
       }
       .item-text {
-        text-align: left;
-        margin-top: 0;
-        margin-left: 4px;
-        color: var(--ti-lowcode-base-text-color-4);
+        width: calc(35% - 62px);
       }
       .publish-flag {
         position: static;
@@ -522,12 +581,6 @@ export default {
       }
     }
 
-    .item-image {
-      width: 100px;
-      height: 48px;
-      overflow: hidden;
-      object-fit: cover;
-    }
     .item-default-img {
       width: 84px;
       height: 50px;
@@ -535,10 +588,10 @@ export default {
     }
 
     .item-text {
-      color: var(--ti-lowcode-component-block-list-item-color);
+      color: var(--te-common-text-secondary);
       text-align: center;
-      flex: 1;
-      margin-top: 10px;
+      font-size: 12px;
+      line-height: 1.5;
       overflow: hidden;
       text-overflow: ellipsis;
       max-width: 100%;
@@ -575,10 +628,6 @@ export default {
       top: 0;
     }
   }
-  .block-item:nth-child(even) {
-    margin-right: 0;
-    margin-left: 6px;
-  }
   .deploy {
     position: absolute;
     top: 10px;
@@ -664,16 +713,10 @@ export default {
 
   &.is-small-list {
     display: block;
-    grid-template-columns: initial;
 
     .block-item {
+      height: 54px;
       flex-direction: row;
-      border-right: none;
-    }
-
-    .item-image {
-      padding: 0;
-      flex-shrink: 0;
     }
 
     .item-text {
@@ -690,21 +733,16 @@ export default {
         font-size: 12px;
       }
     }
-  }
 
-  &.is-small-list {
-    .block-item {
-      height: 38px;
+    .cell {
+      padding: 0 8px;
+      text-align: start;
     }
-
-    .item-image {
-      font-size: 1.5em;
-      width: 27px;
-      height: 22px;
+    .cell-time {
+      width: 35%;
     }
-
-    .item-text {
-      width: calc(100% - 35px);
+    .cell-created-by {
+      flex: 1;
     }
   }
 }
diff --git a/packages/design-core/assets/text-copy-page.svg b/packages/design-core/assets/text-copy-page.svg
index 9a33f371cb..5119c4245b 100644
--- a/packages/design-core/assets/text-copy-page.svg
+++ b/packages/design-core/assets/text-copy-page.svg
@@ -1,4 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 132 132" style="enable-background:new 0 0 132 132;" xml:space="preserve">
 <style type="text/css">
diff --git "a/packages/design-core/assets/\347\274\226\350\276\2212.svg" "b/packages/design-core/assets/\347\274\226\350\276\2212.svg"
new file mode 100644
index 0000000000..7daee2a0ca
--- /dev/null
+++ "b/packages/design-core/assets/\347\274\226\350\276\2212.svg"
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 132 132" style="enable-background:new 0 0 132 132;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;}
+	.st1{fill:currentColor;}
+</style>
+<rect id="size" class="st0" width="132" height="132"/>
+<path id="形状结合" class="st1" d="M100.7,82.2c3.4-5.8,10.8-7.8,16.6-4.4l0,0l0.8,0.5c5.2,3.5,6.9,10.5,3.7,16.1l0,0
+	l-15.5,26.7c-0.4,0.8-1.2,1.4-2,1.6l0,0l-13.3,4.6c-2.3,0.8-4.7-0.8-4.9-3.1l0,0l-1.3-13c-0.1-0.8,0.1-1.6,0.5-2.2l0,0L100.7,82.2z
+	 M93.2,12.4c12.2,0,22.3,9.1,22.3,20.6v33c0,2.3-1.8,4.1-4.1,4.1s-4.1-1.8-4.1-4.1V33c0-6.7-6.2-12.4-14-12.4H38.8
+	c-7.8,0-14,5.6-14,12.4v66c0,6.7,6.2,12.4,14,12.4H66c2.3,0,4.1,1.8,4.1,4.1s-1.8,4.1-4.1,4.1H38.8c-12.2,0-22.3-9.1-22.3-20.6V33
+	c0-11.5,10.1-20.6,22.3-20.6H93.2z M102.7,93.4l-10.6,18.2l0.7,7.2l7.6-2.6l10.4-18L102.7,93.4z M113,83.9c-2.2-0.9-4.8-0.1-6,2l0,0
+	l-0.6,1.1l8.2,4.7l0.7-1.1c1.1-1.9,0.7-4.2-0.8-5.7l-0.5-0.4l-0.5-0.3L113,83.9z M70.1,67.3c2.3,0,4.1,1.8,4.1,4.1
+	c0,2.3-1.8,4.1-4.1,4.1H45.4c-2.3,0-4.1-1.8-4.1-4.1c0-2.3,1.8-4.1,4.1-4.1H70.1z M86.6,41.2c2.3,0,4.1,1.8,4.1,4.1
+	c0,2.3-1.8,4.1-4.1,4.1H45.4c-2.3,0-4.1-1.8-4.1-4.1c0-2.3,1.8-4.1,4.1-4.1H86.6z"/>
+</svg>
diff --git a/packages/plugins/block/src/Main.vue b/packages/plugins/block/src/Main.vue
index fd2e9d437e..7000b3f84c 100644
--- a/packages/plugins/block/src/Main.vue
+++ b/packages/plugins/block/src/Main.vue
@@ -81,17 +81,18 @@
           </template>
         </tiny-search>
       </div>
-      <plugin-block-list
-        class="plugin-block-list"
-        :data="state.blockList"
-        :isBlockManage="true"
-        :showBlockShot="true"
-        :blockStyle="state.layout"
-        default-icon-tip="查看区块"
-        :externalBlock="externalBlock"
-        @editBlock="editBlock"
-        @iconClick="openSettingPanel"
-      ></plugin-block-list>
+      <div class="plugin-block-list">
+        <plugin-block-list
+          :data="state.blockList"
+          :isBlockManage="true"
+          :showBlockShot="true"
+          :blockStyle="state.layout"
+          default-icon-tip="查看区块"
+          :externalBlock="externalBlock"
+          @editBlock="editBlock"
+          @iconClick="openSettingPanel"
+        ></plugin-block-list>
+      </div>
       <block-setting></block-setting>
       <div class="block-footer">
         <tiny-dropdown trigger="click" @item-click="changeType">
@@ -477,6 +478,8 @@ export default {
 }
 .plugin-block-list {
   margin-bottom: 40px;
+  padding: 12px;
+  overflow-y: auto;
 }
 .block-footer {
   position: absolute;
diff --git a/packages/plugins/block/src/composable/useBlock.js b/packages/plugins/block/src/composable/useBlock.js
index cc57bfbc7f..3ede9939e0 100644
--- a/packages/plugins/block/src/composable/useBlock.js
+++ b/packages/plugins/block/src/composable/useBlock.js
@@ -686,23 +686,17 @@ const sort = (blockList, type) => {
 }
 
 // 在可选区块列表里选择区块
-const check = (blockList, block) => {
-  const index = blockList.indexOf(block)
-
-  blockList.splice(index, 1)
-  selectedBlockArray.value.push(block)
+const check = (block) => {
+  if (selectedBlockArray.value.some((item) => item.id === block.id)) {
+    return
+  }
 
-  return blockList
+  selectedBlockArray.value = selectedBlockArray.value.concat(block)
 }
 
 // 取消选择区块
-const cancelCheck = (blockList, block) => {
-  const index = selectedBlockArray.value.indexOf(block)
-
-  selectedBlockArray.value.splice(index, 1)
-  blockList.push(block)
-
-  return blockList
+const cancelCheck = (block) => {
+  selectedBlockArray.value = selectedBlockArray.value.filter((item) => item.id !== block.id)
 }
 
 const getBlockAssetsByVersion = (block, version) => {
diff --git a/packages/plugins/materials/src/meta/block/src/BlockGroupPanel.vue b/packages/plugins/materials/src/meta/block/src/BlockGroupPanel.vue
index 9624bbf649..f7cafec825 100644
--- a/packages/plugins/materials/src/meta/block/src/BlockGroupPanel.vue
+++ b/packages/plugins/materials/src/meta/block/src/BlockGroupPanel.vue
@@ -29,7 +29,7 @@
   </plugin-setting>
 </template>
 <script>
-import { nextTick, reactive, watch, inject } from 'vue'
+import { nextTick, reactive, watch, provide, inject, ref } from 'vue'
 import { Search } from '@opentiny/vue'
 import { iconSearch } from '@opentiny/vue-icon'
 import { PluginSetting } from '@opentiny/tiny-engine-common'
@@ -74,6 +74,8 @@ export default {
     const { message } = useModal()
     const appId = useApp().appInfoState.selectedId
     const panelState = inject('panelState', {})
+    const blockUsers = ref([])
+    provide('blockUsers', blockUsers)
 
     const state = reactive({
       searchValue: '',
@@ -220,6 +222,7 @@ export default {
             : []
         state.filters[2].children =
           results[2].status === 'fulfilled' ? results[2].value.map((item) => ({ name: item })) : []
+        blockUsers.value = state.filters[1].children
       })
     }
 
diff --git a/packages/plugins/materials/src/meta/block/src/BlockGroupTransfer.vue b/packages/plugins/materials/src/meta/block/src/BlockGroupTransfer.vue
index 580b39415b..3a76ac523b 100644
--- a/packages/plugins/materials/src/meta/block/src/BlockGroupTransfer.vue
+++ b/packages/plugins/materials/src/meta/block/src/BlockGroupTransfer.vue
@@ -8,18 +8,17 @@
       <block-group-arrange v-model="state.displayType" :arrangeList="state.arrangeList"></block-group-arrange>
     </div>
     <div class="block-add-transfer-body">
-      <block-group-transfer-panel
-        title="可选区块列表"
-        :selectedNums="state.blockList.length"
+      <block-list
+        v-bind="$attrs"
         :blockList="state.blockList"
-        @check="leftCheck"
-      ></block-group-transfer-panel>
-      <block-group-transfer-panel
-        title="已选区块列表"
-        :selectedNums="state.selectedBlocks.length"
-        :blockList="state.selectedBlocks"
-        @check="rightCheck"
-      ></block-group-transfer-panel>
+        :trigger-check="true"
+        :show-block-shot="false"
+        :showSettingIcon="false"
+        :show-checkbox="true"
+        :checked="selectedBlockArray"
+        :grid-columns="6"
+        @check="checkBlock"
+      ></block-list>
     </div>
   </div>
 </template>
@@ -27,14 +26,14 @@
 <script>
 import { computed, onMounted, provide, reactive, watch } from 'vue'
 import { useBlock, useModal } from '@opentiny/tiny-engine-meta-register'
-import BlockGroupTransferPanel from './BlockGroupTransferPanel.vue'
+import BlockList from './BlockList.vue'
 import BlockGroupArrange from './BlockGroupArrange.vue'
 import { Select, Option } from '@opentiny/vue'
 import { fetchBlockById } from './http.js'
 
 export default {
   components: {
-    BlockGroupTransferPanel,
+    BlockList,
     BlockGroupArrange,
     TinySelect: Select,
     TinyOption: Option
@@ -45,7 +44,7 @@ export default {
       default: () => []
     }
   },
-  setup(props, { emit }) {
+  setup(props) {
     const { cancelCheck, check, selectedBlockArray, sort } = useBlock()
 
     const sortList = [
@@ -82,7 +81,6 @@ export default {
       displayType: 'grid',
       selectedSort: sortList[0].id,
       blockList: props.blockList,
-      selectedBlocks: selectedBlockArray.value,
       sortList,
       arrangeList
     })
@@ -96,7 +94,12 @@ export default {
       state.blockList = sort(state.blockList, type)
     }
 
-    const leftCheck = (block) => {
+    const checkBlock = (block) => {
+      if (selectedBlockArray.value.some((item) => item.id === block.id)) {
+        cancelCheck(block)
+        return
+      }
+
       // 添加区块时，默认添加区块最新版本
       if (!block.latestVersion) {
         fetchBlockById(block.id).then((blockDetail) => {
@@ -106,20 +109,14 @@ export default {
             message({ message: `${blockDetail.label}区块缺少历史记录，请重新发布区块`, status: 'error' })
           } else {
             block.latestVersion = blockDetail?.histories[historyLength - 1]?.version
-            emit('update:blockList', check(state.blockList, block))
+            check(block)
           }
         })
       } else {
-        emit('update:blockList', check(state.blockList, block))
+        check(block)
       }
     }
 
-    const rightCheck = (block) => {
-      const blockList = cancelCheck(state.blockList, block)
-
-      emit('update:blockList', blockList)
-    }
-
     watch(
       () => props.blockList,
       (value) => {
@@ -141,8 +138,8 @@ export default {
 
     return {
       state,
-      leftCheck,
-      rightCheck
+      selectedBlockArray,
+      checkBlock
     }
   }
 }
@@ -158,11 +155,8 @@ export default {
 
   .block-add-transfer-body {
     min-height: calc(100% - 42px);
-    padding: 10px 0;
-    display: grid;
-    grid-template-columns: 48% 48%;
-    column-gap: 4%;
-    overflow: hidden;
+    margin-top: 12px;
+    overflow-y: auto;
   }
 
   .block-add-transfer-footer {
diff --git a/packages/plugins/materials/src/meta/block/src/BlockList.vue b/packages/plugins/materials/src/meta/block/src/BlockList.vue
index 198d29162e..40c148fb55 100644
--- a/packages/plugins/materials/src/meta/block/src/BlockList.vue
+++ b/packages/plugins/materials/src/meta/block/src/BlockList.vue
@@ -7,6 +7,9 @@
     :block-style="state.displayType"
     :show-block-detail="state.showDetailPanel"
     :show-block-shot="state.showShot"
+    :show-checkbox="showCheckbox"
+    :checked="checked"
+    :grid-columns="gridColumns"
     default-icon-tip="查看区块详情信息"
     @click="blockClick"
     @iconClick="openDetail"
@@ -46,6 +49,20 @@ export default {
     showBlockShot: {
       type: Boolean,
       default: true
+    },
+    // 是否显示多选框
+    showCheckbox: {
+      type: Boolean,
+      default: false
+    },
+    // 选中的区块
+    checked: {
+      type: Array,
+      default: () => []
+    },
+    gridColumns: {
+      type: Number,
+      default: 2
     }
   },
   emits: ['check', 'close'],
diff --git a/packages/plugins/materials/src/meta/block/src/BlockPanel.vue b/packages/plugins/materials/src/meta/block/src/BlockPanel.vue
index f4da05ffa5..0b15791e4d 100644
--- a/packages/plugins/materials/src/meta/block/src/BlockPanel.vue
+++ b/packages/plugins/materials/src/meta/block/src/BlockPanel.vue
@@ -4,7 +4,9 @@
     <tiny-search v-model="state.searchValue" clearable placeholder="请输入关键字搜索">
       <template #prefix> <tiny-icon-search /> </template>
     </tiny-search>
-    <block-list v-model:blockList="filterBlocks" :show-add-button="true" :show-block-shot="true"></block-list>
+    <div class="block-list">
+      <block-list v-model:blockList="filterBlocks" :show-add-button="true" :show-block-shot="true"></block-list>
+    </div>
   </div>
   <!-- TODO: vue 版本升级到 3.5+ 之后，支持 defer，就不需要 rightPanelRef 了 -->
   <teleport defer to=".material-right-panel" v-if="rightPanelRef">
@@ -183,4 +185,9 @@ export default {
     }
   }
 }
+
+.block-list {
+  padding: 12px;
+  overflow-y: auto;
+}
 </style>
diff --git a/packages/plugins/materials/src/meta/block/src/BlockVersionSelect.vue b/packages/plugins/materials/src/meta/block/src/BlockVersionSelect.vue
index 0a5b464255..2fd37c9186 100644
--- a/packages/plugins/materials/src/meta/block/src/BlockVersionSelect.vue
+++ b/packages/plugins/materials/src/meta/block/src/BlockVersionSelect.vue
@@ -1,21 +1,29 @@
 <template>
   <plugin-setting v-if="panel.created" v-show="panel.show" :title="state.title" class="version-list-panel">
     <template #header>
-      <tiny-button type="primary" @click="selectVersion">确定</tiny-button>
+      <!-- <tiny-button type="primary" @click="selectVersion">确定</tiny-button> -->
       <close-icon class="close-icon" @click="closePanel"></close-icon>
     </template>
     <template #content>
-      <tiny-grid ref="versionGrid" :data="state.backupList" :show-header="false" class="stripe-tiny-grid">
-        <tiny-grid-column type="radio" width="60"></tiny-grid-column>
-        <tiny-grid-column show-overflow>
+      <tiny-grid ref="versionGrid" :data="state.backupList" :highlight-hover-row="false">
+        <tiny-grid-column field="version" title="版本号"></tiny-grid-column>
+        <tiny-grid-column title="发布时间">
           <template v-slot="{ row }">
-            <block-history-template
-              :is-block-manage="true"
-              :blockHistory="row"
-              :currentVersion="selectedBlock.current_version"
-            ></block-history-template>
+            <span>{{ format(row.updated_at, 'yyyy/MM/dd hh:mm:ss') }}</span>
           </template>
         </tiny-grid-column>
+        <tiny-grid-column field="message" title="发布描述"></tiny-grid-column>
+        <tiny-grid-column title="操作">
+          <template v-slot="{ row }">
+            <tiny-button
+              type="text"
+              text="回退"
+              class="fallback-btn"
+              :disabled="isCurrentVersion(row)"
+              @click="handleChangeVersion(row)"
+            ></tiny-button
+          ></template>
+        </tiny-grid-column>
         <template #empty>
           <search-empty :isShow="true" />
         </template>
@@ -27,7 +35,8 @@
 <script>
 import { reactive, watch, ref } from 'vue'
 import { Grid, GridColumn, Button } from '@opentiny/vue'
-import { PluginSetting, CloseIcon, BlockHistoryTemplate, SearchEmpty } from '@opentiny/tiny-engine-common'
+import { format } from '@opentiny/vue-renderless/common/date'
+import { PluginSetting, CloseIcon, SearchEmpty } from '@opentiny/tiny-engine-common'
 import { useBlock, useModal } from '@opentiny/tiny-engine-meta-register'
 import { fetchBlockById, requestGroupBlockVersion } from './http'
 import { useVersionSelectPanel } from './js/usePanel'
@@ -38,7 +47,6 @@ export default {
     TinyGridColumn: GridColumn,
     TinyButton: Button,
     PluginSetting,
-    BlockHistoryTemplate,
     CloseIcon,
     SearchEmpty
   },
@@ -64,9 +72,7 @@ export default {
         })
     }
 
-    const selectVersion = () => {
-      const selectedRow = versionGrid.value.getRadioRow()
-
+    const handleChangeVersion = (selectedRow) => {
       if (selectedRow) {
         confirm({
           title: '修改区块版本',
@@ -109,13 +115,19 @@ export default {
       }
     })
 
+    const isCurrentVersion = (blockHistory) => {
+      return blockHistory?.version === selectedBlock.value.current_version
+    }
+
     return {
       state,
       selectedBlock,
-      selectVersion,
       versionGrid,
       panel,
-      closePanel
+      closePanel,
+      format,
+      isCurrentVersion,
+      handleChangeVersion
     }
   }
 }
@@ -127,25 +139,16 @@ export default {
     color: var(--ti-lowcode-component-block-version-list-panel-title-color);
   }
 }
-.stripe-tiny-grid {
-  :deep(.tiny-grid__body-wrapper) {
-    .tiny-grid-body__row {
-      &,
-      &:not(.row__hover):nth-child(2n) {
-        background: var(--ti-lowcode-component-block-version-list-item-bg);
-      }
-      &:last-child {
-        .tiny-grid-body__column {
-          border-bottom: 1px solid var(--ti-lowcode-component-block-version-list-item-border-color);
-        }
-      }
-      .tiny-grid-body__column {
-        border-top: 1px solid var(--ti-lowcode-component-block-version-list-item-border-color);
-      }
-    }
-  }
-}
 .close-icon {
   margin-left: 16px;
 }
+.tiny-button.tiny-button {
+  &.fallback-btn {
+    min-width: unset;
+    padding: 0;
+  }
+  &.tiny-button--text.is-disabled {
+    color: var(--ti-button-text-color-disabled);
+  }
+}
 </style>
diff --git a/packages/plugins/page/src/PageTree.vue b/packages/plugins/page/src/PageTree.vue
index 36aa0c14be..02a64074a4 100644
--- a/packages/plugins/page/src/PageTree.vue
+++ b/packages/plugins/page/src/PageTree.vue
@@ -388,6 +388,7 @@ export default {
         margin-right: 4px;
       }
       & .label {
+        font-size: 12px;
         flex: 1;
       }
     }