2910410219
c4bdfe2bb3
feat(anchor): 新增主播管理模块 feat(account): 完善客服账号管理功能 feat(knowledge): 添加任务列表查看和重新执行功能 feat(router): 增强路由组件动态导入逻辑 refactor: 优化多个视图的按钮防抖处理 style: 统一代码格式和样式 fix: 修复客服账号状态切换逻辑
54 lines
1021 B
TypeScript
54 lines
1021 B
TypeScript
import { onUnmounted } from 'vue';
|
|
|
|
interface DebounceOptions {
|
|
delay?: number;
|
|
immediate?: boolean;
|
|
}
|
|
|
|
export function useDebounce() {
|
|
const timers = new Map<string, number>();
|
|
|
|
const debounce = (key: string, fn: () => void, options: DebounceOptions = {}) => {
|
|
const { delay = 300 } = options;
|
|
|
|
if (timers.has(key)) {
|
|
clearTimeout(timers.get(key) as number);
|
|
}
|
|
|
|
const timer = setTimeout(() => {
|
|
fn();
|
|
timers.delete(key);
|
|
}, delay) as unknown as number;
|
|
|
|
timers.set(key, timer);
|
|
};
|
|
|
|
const clear = () => {
|
|
timers.forEach((timer) => clearTimeout(timer));
|
|
timers.clear();
|
|
};
|
|
|
|
onUnmounted(() => {
|
|
clear();
|
|
});
|
|
|
|
return { debounce, clear };
|
|
}
|
|
|
|
export function createDebouncedFn(key: string, fn: () => void, delay = 300) {
|
|
const timers = new Map<string, number>();
|
|
|
|
return () => {
|
|
if (timers.has(key)) {
|
|
clearTimeout(timers.get(key) as number);
|
|
}
|
|
|
|
const timer = setTimeout(() => {
|
|
fn();
|
|
timers.delete(key);
|
|
}, delay) as unknown as number;
|
|
|
|
timers.set(key, timer);
|
|
};
|
|
}
|