init

src/components/Material/hook.ts

@@ -0,0 +1,200 @@
+import { fileGroupAdd, fileGroupDelete, fileGroupUpdate, fileCateLists, fileDelete, fileList, fileMove, fileRename } from '/@/api/admin/file';
+import { usePaging } from './usePaging';
+import { ElMessage, ElTree, type CheckboxValueType } from 'element-plus';
+import { shallowRef, type Ref } from 'vue';
+import { useMessageBox } from '/@/hooks/message';
+
+// 左侧分组的钩子函数
+export function useCate(type: number) {
+	const treeRef = shallowRef<InstanceType<typeof ElTree>>();
+	// 分组列表
+	const cateLists = ref<any[]>([]);
+
+	// 选中的分组id
+	const cateId = ref<number | string>('');
+
+	// 获取分组列表
+	const getCateLists = async () => {
+		const { data } = await fileCateLists({
+			type,
+		});
+		const item: any[] = [
+			{
+				name: '全部',
+				id: '',
+			},
+			{
+				name: '未分组',
+				id: -1,
+			},
+		];
+		cateLists.value = data;
+		cateLists.value?.unshift(...item);
+		setTimeout(() => {
+			treeRef.value?.setCurrentKey(cateId.value);
+		}, 0);
+	};
+
+	// 添加分组
+	const handleAddCate = async (value: string) => {
+		await fileGroupAdd({
+			type,
+			name: value,
+			pid: -1,
+		});
+		getCateLists();
+	};
+
+	// 编辑分组
+	const handleEditCate = async (value: string, id: number) => {
+		await fileGroupUpdate({
+			id,
+			name: value,
+		});
+		getCateLists();
+	};
+
+	// 删除分组
+	const handleDeleteCate = async (id: number) => {
+		try {
+			await useMessageBox().confirm('确定要删除？');
+		} catch (error) {
+			return;
+		}
+		await fileGroupDelete({ id });
+		cateId.value = '';
+		getCateLists();
+	};
+
+	//选中分类
+	const handleCatSelect = (item: any) => {
+		cateId.value = item.id;
+	};
+
+	return {
+		treeRef,
+		cateId,
+		cateLists,
+		handleAddCate,
+		handleEditCate,
+		handleDeleteCate,
+		getCateLists,
+		handleCatSelect,
+	};
+}
+
+// 处理文件的钩子函数
+export function useFile(cateId: Ref<string | number>, type: Ref<number>, limit: Ref<number>, size: number) {
+	const tableRef = shallowRef();
+	const listShowType = ref('normal');
+	const moveId = ref(-1);
+	const select = ref<any[]>([]);
+	const isCheckAll = ref(false);
+	const isIndeterminate = ref(false);
+	const fileParams = reactive({
+		original: '',
+		type: type,
+		groupId: cateId,
+	});
+	const { pager, getLists, resetPage } = usePaging({
+		fetchFun: fileList,
+		params: fileParams,
+		firstLoading: true,
+		size,
+	});
+
+	const getFileList = () => {
+		getLists();
+	};
+	const refresh = () => {
+		resetPage();
+	};
+
+	const isSelect = (id: number) => {
+		return !!select.value.find((item: any) => item.id == id);
+	};
+
+	const batchFileDelete = async (id?: number[]) => {
+		try {
+			await useMessageBox().confirm('确认删除后本地将同步删除，如文件已被使用，请谨慎操作！');
+		} catch {
+			return;
+		}
+		const ids = id ? id : select.value.map((item: any) => item.id);
+		await fileDelete({ ids });
+		getFileList();
+		clearSelect();
+	};
+
+	const batchFileMove = async () => {
+		const ids = select.value.map((item: any) => item.id);
+		await fileMove({ ids, groupId: moveId.value });
+		moveId.value = -1;
+		getFileList();
+		clearSelect();
+	};
+
+	const selectFile = (item: any) => {
+		const index = select.value.findIndex((items: any) => items.id == item.id);
+		if (index != -1) {
+			select.value.splice(index, 1);
+			return;
+		}
+		if (select.value.length == limit.value) {
+			if (limit.value == 1) {
+				select.value = [];
+				select.value.push(item);
+				return;
+			}
+			ElMessage.warning('已达到选择上限');
+			return;
+		}
+		select.value.push(item);
+	};
+
+	const clearSelect = () => {
+		select.value = [];
+	};
+
+	const cancelSelete = (id: number) => {
+		select.value = select.value.filter((item: any) => item.id != id);
+	};
+
+	const selectAll = (value: CheckboxValueType) => {
+		isIndeterminate.value = false;
+		tableRef.value?.toggleAllSelection();
+		if (value) {
+			select.value = [...pager.lists];
+			return;
+		}
+		clearSelect();
+	};
+
+	const handleFileRename = async (value: string, id: number) => {
+		await fileRename({
+			id,
+			original: value,
+		});
+		getFileList();
+	};
+	return {
+		listShowType,
+		tableRef,
+		moveId,
+		pager,
+		fileParams,
+		select,
+		isCheckAll,
+		isIndeterminate,
+		getFileList,
+		refresh,
+		batchFileDelete,
+		batchFileMove,
+		selectFile,
+		isSelect,
+		clearSelect,
+		cancelSelete,
+		selectAll,
+		handleFileRename,
+	};
+}