sh-view 1.7.3 → 1.7.6

package/packages/components/global-components/sh-upload/components/u-list.vue

@@ -1,100 +0,0 @@
-<template>
-	<template v-if="uploadList.length > 0">
-		<div v-for="(item, index) in uploadList" :key="index" class="sh-upload-list" :style="upStyles" :class="upClass">
-			<div v-if="listType === 'card'" class="list-file-card">
-				<u-img v-if="type === 'img'" :src="item.url" :file="item"></u-img>
-				<div v-else class="file-title">{{ item.name }}</div>
-				<div class="list-file-cover">
-					<sh-icon v-if="preview" type="ios-eye-outline" title="查看文件" size="18" @click="handleFilePreviewView(item)" />
-					<sh-icon v-if="!disabled" type="ios-trash-outline" title="删除文件" size="18" @click="handleFileRemove(item)" />
-				</div>
-			</div>
-			<div v-else class="list-file-item">
-				<div class="file-title">{{ item.name }}</div>
-				<div class="file-action">
-					<span v-if="preview" class="file-action-item"><sh-icon type="ios-eye-outline" title="查看文件" size="18" @click="handleFilePreviewView(item)" /></span>
-					<span v-if="!disabled" class="file-action-item"><sh-icon type="ios-trash-outline" title="删除文件" size="18" @click="handleFileRemove(item)" /></span>
-				</div>
-			</div>
-		</div>
-	</template>
-	<sh-modal v-if="previewModal" v-model="previewModal" title="预览查看" height="100%" readonly @close="handleFilePreviewCancel">
-		<template v-if="type === 'file'">
-			<sh-preview :url="previewFile.url"></sh-preview>
-		</template>
-		<template v-else-if="isFormData && type === 'img'">
-			<u-img :src="previewFile && previewFile.url" :file="previewFile" style="max-width: 100%; margin: auto; display: block"></u-img>
-		</template>
-	</sh-modal>
-</template>
-
-<script>
-import UImg from './u-img.vue'
-export default {
-	name: 'UList',
-	components: {
-		UImg
-	},
-	props: {
-		uploadList: {
-			type: Array,
-			default() {
-				return []
-			}
-		},
-		type: {
-			type: String,
-			default: 'img' // file  上传图片还是文件
-		},
-		listType: {
-			type: String,
-			default: 'list' // list  附件列表展示类型
-		},
-		isFormData: Boolean,
-		disabled: Boolean,
-		preview: Boolean,
-		upStyles: {
-			type: Object,
-			default() {
-				return {}
-			}
-		},
-		upClass: {
-			type: [Array, Object],
-			default() {
-				return {}
-			}
-		}
-	},
-	emits: ['delete'],
-	data() {
-		return {
-			previewFile: null,
-			previewModal: false
-		}
-	},
-	methods: {
-		// 文件预览
-		handleFilePreviewView(obj) {
-			if (this.isFormData || this.type === 'file') {
-				this.previewFile = obj
-				this.previewModal = true
-			} else {
-				this.$ImagePreview.show({
-					previewList: [obj.url]
-				})
-			}
-		},
-		// 文件预览取消
-		handleFilePreviewCancel() {
-			this.previewModal = false
-		},
-		// 文件删除
-		handleFileRemove(data) {
-			this.$emit('delete', data)
-		}
-	}
-}
-</script>
-
-<style scoped lang="scss"></style>