Parcourir la source

Upload: remove delete icon when disabled

Leopoldthecoder il y a 8 ans
Parent
commit
ee03e3b851
2 fichiers modifiés avec 11 ajouts et 2 suppressions
  1. 5 0
      packages/theme-default/src/upload.css
  2. 6 2
      packages/upload/src/upload-list.vue

+ 5 - 0
packages/theme-default/src/upload.css

@@ -171,6 +171,11 @@
         }
       }
     }
+    @when disabled {
+      .el-upload-list__item:hover .el-upload-list__item-status-label {
+        display: block;
+      }
+    }
     @e item-name {
       color: var(--color-extra-light-black);
       display: block;

+ 6 - 2
packages/upload/src/upload-list.vue

@@ -1,7 +1,11 @@
 <template>
   <transition-group
     tag="ul"
-    :class="['el-upload-list', 'el-upload-list--' + listType]"
+    :class="[
+      'el-upload-list',
+      'el-upload-list--' + listType,
+      { 'is-disabled': disabled }
+    ]"
     name="el-list"
   >
     <li
@@ -24,7 +28,7 @@
           'el-icon-check': ['picture-card', 'picture'].indexOf(listType) > -1
         }"></i>
       </label>
-      <i class="el-icon-close" @click="$emit('remove', file)"></i>
+      <i class="el-icon-close" v-if="!disabled" @click="$emit('remove', file)"></i>
       <el-progress
         v-if="file.status === 'uploading'"
         :type="listType === 'picture-card' ? 'circle' : 'line'"