图片上传 Upload ​

<template>
	<tm-app>
		<tm-sheet>
			<tm-text :font-size="24" _class="text-weight-b" label="基础示例,更多见文档"></tm-text>
			<tm-text
				:font-size="24"
				_class="text-weight-b"
				label="更多属性见文档：上传前勾子，上传前添加头部参数，是否允许删除非常多的人性化配置等等"
			></tm-text>
			<tm-divider></tm-divider>
			<tm-upload
				showSort
				:onStart="onStart"
				v-model="list"
				ref="up"
				:width="636"
				:rows="4"
				url="https://mockapi.eolink.com/tNYKNA7ac71aa90bcbe83c5815871a5b419601e96a5524d/upload"
				@complate="complateFile"
			>
			</tm-upload>
			<tm-divider></tm-divider>
			<tm-text
				:font-size="24"
				_class="text-weight-b"
				label="通过插槽修改上传图标,以下是测试上传后。如果服务返回 的不是json对象数据就让其失败。"
			></tm-text>
			<tm-divider></tm-divider>
			<tm-upload
				:imageHeight="200"
				:rows="2"
				v-model="list"
				showSort
				:default-value="list"
				ref="up"
				:onSuccessAfter="test"
				:width="636"
				url="https://mockapi.eolink.com/tNYKNA7ac71aa90bcbe83c5815871a5b419601e96a5524d/upload"
			>
				<template v-slot:icon>
					<tm-text label="上传"></tm-text>
				</template>
			</tm-upload>
		</tm-sheet>
		
	</tm-app>
</template>
<script lang="ts" setup>
import { ref, computed, getCurrentInstance, nextTick } from 'vue'
import { onShow, onLoad } from '@dcloudio/uni-app'
import tmApp from '@/tmui/components/tm-app/tm-app.vue'
import tmSheet from '@/tmui/components/tm-sheet/tm-sheet.vue'
import tmText from '@/tmui/components/tm-text/tm-text.vue'
import tmUpload from '@/tmui/components/tm-upload/tm-upload.vue'
import tmDivider from '@/tmui/components/tm-divider/tm-divider.vue'
import tmButton from '@/tmui/components/tm-button/tm-button.vue'
import { file } from '@/tmui/components/tm-upload/upload'

const dateStr = ref('')
const showdate = ref(false)
const up = ref<InstanceType<typeof tmUpload> | null>(null)
const list = ref([])
/**
 * 以下是测试上传后。如果服务返回 的不是json对象数据就让其失败。
 */
const test = (item: file) => {
	let d = item.response
	let isOk = true
	try {
		let p = JSON.parse(d)
		if (p?.code != 0) {
			isOk = false
		}
	} catch (e) {
		isOk = false
	}

	return isOk
}
const complateFile = (file:file)=>{
	console.log(file)
}
const onStart = (item: any) => {
	console.log(item)
	return true
}


</script>