fix(block-list-icon):区块管理面板去掉列表图标 (#33)

* fix:区块管理面板去掉列表图标 * fix(block-list-icon):区块管理面板去掉列表图标
opentiny · Nov 2, 2023 · 0958b0e · 0958b0e
1 parent bf5d322
commit 0958b0e
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 67 deletions.
diff --git a/packages/common/component/PluginBlockList.vue b/packages/common/component/PluginBlockList.vue
@@ -1,12 +1,6 @@
 <template>
   <ul
-    :class="[
-      'block-list',
-      'lowcode-scrollbar',
-      { 'is-list': blockStyle === 'list' },
-      { 'is-small-list': blockStyle === 'mini' },
-      { isShortcutPanel }
-    ]"
+    :class="['block-list', 'lowcode-scrollbar', { 'is-small-list': blockStyle === 'mini' }, { isShortcutPanel }]"
     @mouseleave="state.hover = false"
   >
     <li
@@ -17,7 +11,6 @@
         'block-item',
         { 'is-active': state.activeIndex === index },
         { 'is-disabled': showBlockDetail },
-        { 'block-item-list': blockStyle === 'list' },
         { 'block-item-small-list': blockStyle === 'mini' }
       ]"
       :title="getTitle(item)"
@@ -388,10 +381,7 @@ export default {
   overflow-y: auto;
   overflow-x: hidden;
   color: var(--ti-lowcode-common-secondary-text-color);
-  &.is-list {
-    grid-template-columns: 100%;
-    grid-template-rows: repeat(auto-fill, 60px);
-  }
+
   &.is-small-list {
     grid-template-columns: 100%;
     grid-template-rows: repeat(auto-fill, 30px);
@@ -427,36 +417,7 @@ export default {
       border-radius: 4px 0 4px 0;
       transform: scale(0.9);
     }
-    &.block-item-list {
-      flex-direction: row;
-      height: 60px;
-      .item-image {
-        width: 50px;
-      }
-      .item-text {
-        text-align: left;
-        margin-top: 0;
-        margin-left: 4px;
-      }
-      .publish-flag {
-        position: static;
-      }
-      .block-detail,
-      .block-setting {
-        visibility: hidden;
-        position: static;
-        margin-left: 4px;
-        z-index: 9;
-        .block-detail-icon {
-          color: var(--ti-lowcode-component-block-list-setting-btn-color);
-          display: block;
-          &:hover {
-            cursor: not-allowed;
-            color: var(--ti-lowcode-component-block-list-setting-btn-hover-color);
-          }
-        }
-      }
-    }
+
     &.block-item-small-list {
       flex-direction: row;
       align-items: center;
@@ -686,7 +647,6 @@ export default {
     }
   }
 
-  &.is-list,
   &.is-small-list {
     display: block;
     grid-template-columns: initial;
@@ -717,22 +677,6 @@ export default {
     }
   }
 
-  &.is-list {
-    .block-item {
-      height: 58px;
-    }
-
-    .item-image {
-      font-size: 2.5em;
-      width: 48px;
-      height: 42px;
-    }
-
-    .item-text {
-      width: calc(100% - 56px);
-    }
-  }
-
   &.is-small-list {
     .block-item {
       height: 38px;

diff --git a/packages/plugins/block/src/Main.vue b/packages/plugins/block/src/Main.vue
@@ -221,14 +221,9 @@ export default {
           name: '栅格',
           svgName: 'grid'
         },
-        {
-          id: 'list',
-          name: '列表',
-          svgName: 'list'
-        },
         {
           id: 'mini',
-          name: '小列表',
+          name: '列表',
           svgName: 'small-list'
         }
       ],

diff --git a/packages/plugins/materials/src/block/BlockGroupTransfer.vue b/packages/plugins/materials/src/block/BlockGroupTransfer.vue
@@ -73,7 +73,7 @@ export default {
       },
       {
         id: 'mini',
-        name: '小列表',
+        name: '列表',
         svgName: 'small-list'
       }
     ]

diff --git a/packages/plugins/materials/src/block/BlockGroupTransferPanel.vue b/packages/plugins/materials/src/block/BlockGroupTransferPanel.vue
@@ -65,7 +65,6 @@ export default {
   :deep(.block-list) {
     border: none;
     max-height: none;
-    &.is-list,
     &.is-small-list {
       .block-detail {
         top: 50%;