forked from mirrors/misskey
29 lines
800 B
TypeScript
29 lines
800 B
TypeScript
/*
|
|
* SPDX-FileCopyrightText: syuilo and misskey-project
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
*/
|
|
|
|
import type { Directive } from 'vue';
|
|
import MkRippleEffect from '@/components/MkRippleEffect.vue';
|
|
import { prefer } from '@/preferences.js';
|
|
import { popup } from '@/os.js';
|
|
|
|
export const rippleDirective = {
|
|
mounted(el, binding) {
|
|
// 明示的に false であればバインドしない
|
|
if (binding.value === false) return;
|
|
if (!prefer.s.animation) return;
|
|
|
|
el.addEventListener('click', () => {
|
|
const rect = el.getBoundingClientRect();
|
|
|
|
const x = rect.left + (el.offsetWidth / 2);
|
|
const y = rect.top + (el.offsetHeight / 2);
|
|
|
|
const { dispose } = popup(MkRippleEffect, { x, y }, {
|
|
end: () => dispose(),
|
|
});
|
|
});
|
|
},
|
|
} as Directive<HTMLElement, boolean | undefined>;
|