Chatlist ​

<script setup>
	import * as plus from '@/uni_modules/ux-plus'
	import {useBackgroundColor} from '@/uni_modules/ux-frame'
	
	type Msg = {
		isRobot: boolean,
		content: string
	}
	
	const title = ref('')
	
	const list = ref<Msg[]>([] as Msg[])
	
	const uxChatlistRef = ref<UxChatlistComponentPublicInstance | null>(null)
	const keyboardHeight = ref(0)
	const inputValue = ref('')
	const scrollTop = ref(0)
	const lastPage = ref(false)
	
	const backgroundColor = computed((): string => {
		return useBackgroundColor('#fff', '#222')
	})
	
	function send(robot: boolean, content: string) {
		list.value.unshift({
			isRobot: robot,
			content: content
		} as Msg)
	}
	
	function reply(msg: string) {
		const random = Math.random()
		
		if(random < 0.4) {
			send(true, '智障自动回复：' + msg)
		}
	}
	
	function sendMessage() {
		keyboardHeight.value = 0
		if (inputValue.value == '') return
		
		send(false, inputValue.value)
		
		reply(inputValue.value)
		
		inputValue.value = ''
		
		uxChatlistRef.value?.$callMethod('scrollTo')
	}
	
	function loadHistory() {
		uni.request<UTSJSONObject[]>({
			url: 'https://unidemo.dcloud.net.cn/api/news?column=title,author_name,cover,published_at',
			method:"GET",
			success: (res: RequestSuccess<UTSJSONObject[]>) => {
				if (res.statusCode == 200) {
					const result = res.data
					
					if(result != null){
						if(list.value.length >= 50) {
							lastPage.value = true
							return
						}
						
						result.forEach((e: UTSJSONObject) => {
							list.value.push({
								isRobot: Math.random() < 0.4,
								content: e['title']! as string
							} as Msg)
						})
					}
					
					lastPage.value = false
				}
			},
			complete: () => {
				uxChatlistRef.value?.$callMethod('loadSuccess', lastPage.value)
			}
		});
	}
	
	function heightChange(e: InputKeyboardHeightChangeEvent) {
		keyboardHeight.value = e.detail.height
	}
	
	const showDoc = ref(false)
	
	function onDoc() {
		plus.openWeb({
			title: '在线文档',
			url: 'https://www.uxframe.cn/component/chatlist.html',
			// blur: 1,
			success: () => {
				showDoc.value = true
			},
			complete: () => {
				showDoc.value = false
			}
		})
	}
	
	onLoad((e) => {
		title.value = e['title'] ?? ''
		
		send(true, '您好，我是您的专属客服，请问有什么可以帮您？请问有什么可以帮您？')
	})
</script>

<script setup>
	import * as plus from '@/uni_modules/ux-plus'
	import {useBackgroundColor} from '@/uni_modules/ux-frame'
	
	type Msg = {
		isRobot: boolean,
		content: string
	}
	
	const title = ref('')
	
	const list = ref<Msg[]>([] as Msg[])
	
	const uxChatlistRef = ref<UxChatlistComponentPublicInstance | null>(null)
	const keyboardHeight = ref(0)
	const inputValue = ref('')
	const scrollTop = ref(0)
	const lastPage = ref(false)
	
	const backgroundColor = computed((): string => {
		return useBackgroundColor('#fff', '#222')
	})
	
	function send(robot: boolean, content: string) {
		list.value.unshift({
			isRobot: robot,
			content: content
		} as Msg)
	}
	
	function reply(msg: string) {
		const random = Math.random()
		
		if(random < 0.4) {
			send(true, '智障自动回复：' + msg)
		}
	}
	
	function sendMessage() {
		keyboardHeight.value = 0
		if (inputValue.value == '') return
		
		send(false, inputValue.value)
		
		reply(inputValue.value)
		
		inputValue.value = ''
		
		uxChatlistRef.value?.$callMethod('scrollTo')
	}
	
	function loadHistory() {
		uni.request<UTSJSONObject[]>({
			url: 'https://unidemo.dcloud.net.cn/api/news?column=title,author_name,cover,published_at',
			method:"GET",
			success: (res: RequestSuccess<UTSJSONObject[]>) => {
				if (res.statusCode == 200) {
					const result = res.data
					
					if(result != null){
						if(list.value.length >= 50) {
							lastPage.value = true
							return
						}
						
						result.forEach((e: UTSJSONObject) => {
							list.value.push({
								isRobot: Math.random() < 0.4,
								content: e['title']! as string
							} as Msg)
						})
					}
					
					lastPage.value = false
				}
			},
			complete: () => {
				uxChatlistRef.value?.$callMethod('loadSuccess', lastPage.value)
			}
		});
	}
	
	function heightChange(e: InputKeyboardHeightChangeEvent) {
		keyboardHeight.value = e.detail.height
	}
	
	const showDoc = ref(false)
	
	function onDoc() {
		plus.openWeb({
			title: '在线文档',
			url: 'https://www.uxframe.cn/component/chatlist.html',
			// blur: 1,
			success: () => {
				showDoc.value = true
			},
			complete: () => {
				showDoc.value = false
			}
		})
	}
	
	onLoad((e) => {
		title.value = e['title'] ?? ''
		
		send(true, '您好，我是您的专属客服，请问有什么可以帮您？请问有什么可以帮您？')
	})
</script>