You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.0 KiB
62 lines
1.0 KiB
6 days ago
|
import { defineStore } from "pinia";
|
||
|
|
import { nextTick, ref } from "vue";
|
||
|
|
import { throttle } from "lodash-es";
|
||
|
|
|
||
|
|
export const useTools = defineStore("cs.tools", () => {
|
||
|
|
const visible = ref(false);
|
||
|
|
const mode = ref("");
|
||
|
|
|
||
|
|
// 打开
|
||
|
|
function open(m: string) {
|
||
|
|
if (visible.value && mode.value === m) {
|
||
|
|
return close();
|
||
|
|
}
|
||
|
|
|
||
|
|
visible.value = true;
|
||
|
|
mode.value = m;
|
||
|
|
}
|
||
|
|
|
||
|
|
// 关闭
|
||
|
|
function close() {
|
||
|
|
visible.value = false;
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
visible,
|
||
|
|
mode,
|
||
|
|
open,
|
||
|
|
close,
|
||
|
|
};
|
||
|
|
});
|
||
|
|
|
||
|
|
export const useScroller = defineStore("cs.scroller", () => {
|
||
|
|
// 滚动距离
|
||
|
|
const top = ref(0);
|
||
|
|
|
||
|
|
// 滚动动画
|
||
|
|
const animation = ref(true);
|
||
|
|
|
||
|
|
let n = 0;
|
||
|
|
|
||
|
|
// 滚动到指定位置
|
||
|
|
const scrollTo = throttle((scrollTop: number, smooth?: boolean) => {
|
||
|
|
nextTick().then(() => {
|
||
|
|
top.value = scrollTop;
|
||
|
|
|
||
|
|
animation.value = smooth ?? true;
|
||
|
|
});
|
||
|
|
}, 500);
|
||
|
|
|
||
|
|
// 滚动到底部
|
||
|
|
const scrollToBottom = (smooth?: boolean) => {
|
||
|
|
scrollTo(100000 + n++, smooth);
|
||
|
|
};
|
||
|
|
|
||
|
|
return {
|
||
|
|
animation,
|
||
|
|
top,
|
||
|
|
scrollToBottom,
|
||
|
|
scrollTo,
|
||
|
|
};
|
||
|
|
});
|