Icon ​

<script setup>
	import * as plus from '@/uni_modules/ux-plus'
	import { iconfont } from "@/static/iconfont"

	type Icon = {
		name : string,
		icon : string
	}
	
	const title = ref('')
	let data = [] as Icon[]
	let iconList = ref<Icon[]>([] as Icon[])
	let pageNum = 1
	let pageSize = 30
	
	const uxScrollRef = ref<UxScrollComponentPublicInstance | null>(null)
	
	const showDoc = ref(false)
	
	function onDoc() {
		plus.openWeb({
			title: '在线文档',
			url: 'https://www.uxframe.cn/component/icon.html',
			// blur: 1,
			success: () => {
				showDoc.value = true
			},
			complete: () => {
				showDoc.value = false
			}
		})
	}
	
	function getList() : Icon[] {
		const startIndex = (pageNum - 1) * pageSize;
		const endIndex = startIndex + pageSize;
		return data.slice(startIndex, endIndex);
	}
	
	function load() {
		pageNum++
		iconList.value = iconList.value.concat(getList())
		uxScrollRef.value!.loadSuccess(data.length == iconList.value.length)
	}
	
	function onCopy(icon: string) {
		plus.setClipboardData(icon)
		uni.showToast({
			title: icon,
			icon: 'none'
		})
	}
	
	onLoad((e) => {
		title.value = e['title'] ?? ''
		
		let icons = iconfont as UTSJSONObject
		icons.toMap().forEach((v : any | null, k : string) => {
			data.push({
				name: k,
				icon: v! as string,
			} as Icon)
		})
		
		setTimeout(() => {
			iconList.value = getList()
		}, 300);
	})
</script>

<script setup>
	import * as plus from '@/uni_modules/ux-plus'
	import { iconfont } from "@/static/iconfont"

	type Icon = {
		name : string,
		icon : string
	}
	
	const title = ref('')
	let data = [] as Icon[]
	let iconList = ref<Icon[]>([] as Icon[])
	let pageNum = 1
	let pageSize = 30
	
	const uxScrollRef = ref<UxScrollComponentPublicInstance | null>(null)
	
	const showDoc = ref(false)
	
	function onDoc() {
		plus.openWeb({
			title: '在线文档',
			url: 'https://www.uxframe.cn/component/icon.html',
			// blur: 1,
			success: () => {
				showDoc.value = true
			},
			complete: () => {
				showDoc.value = false
			}
		})
	}
	
	function getList() : Icon[] {
		const startIndex = (pageNum - 1) * pageSize;
		const endIndex = startIndex + pageSize;
		return data.slice(startIndex, endIndex);
	}
	
	function load() {
		pageNum++
		iconList.value = iconList.value.concat(getList())
		uxScrollRef.value!.loadSuccess(data.length == iconList.value.length)
	}
	
	function onCopy(icon: string) {
		plus.setClipboardData(icon)
		uni.showToast({
			title: icon,
			icon: 'none'
		})
	}
	
	onLoad((e) => {
		title.value = e['title'] ?? ''
		
		let icons = iconfont as UTSJSONObject
		icons.toMap().forEach((v : any | null, k : string) => {
			data.push({
				name: k,
				icon: v! as string,
			} as Icon)
		})
		
		setTimeout(() => {
			iconList.value = getList()
		}, 300);
	})
</script>