图片上传 Upload ​

<template>
	<tm-app>
		<tm-sheet>
			<tm-text :font-size="24" _class="font-weight-b" label="基础示例,更多见文档"></tm-text>
			<tm-text :font-size="24" _class="font-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">
			</tm-upload>
			<tm-divider></tm-divider>
			<tm-text :font-size="24" _class="font-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 onStart = (item:any)=>{
	console.log(item)
	return true;
}
</script>