This commit is contained in:
kakkokari-gtyih 2025-05-30 21:41:04 +09:00
parent 48b37e0c94
commit f56afe8aeb
1 changed files with 5 additions and 9 deletions

View File

@ -13,26 +13,22 @@ SPDX-License-Identifier: AGPL-3.0-only
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import type { TransitionGroupProps } from 'vue'; import type { TransitionGroupProps, HTMLAttributes } from 'vue';
import { prefer } from '@/preferences'; import { prefer } from '@/preferences.js';
// This is a "best guess" type.
// If any valid :class binding produces a type error here, then please change this to match.
type ClassBinding = string | Record<string, boolean | undefined>;
// This can be an inline type, but pulling it out makes TS errors clearer. // This can be an inline type, but pulling it out makes TS errors clearer.
interface SkTransitionGroupProps extends TransitionGroupProps { interface MkTransitionGroupProps extends TransitionGroupProps {
/** /**
* Override CSS styles for the TransitionGroup or native element. * Override CSS styles for the TransitionGroup or native element.
*/ */
class?: undefined | ClassBinding | ClassBinding[]; class?: HTMLAttributes['class'];
/** /**
* If true, will render a TransitionGroup. * If true, will render a TransitionGroup.
* If false, will render a native element. * If false, will render a native element.
* If null or undefined (default), will respect the value of prefer.s.animation. * If null or undefined (default), will respect the value of prefer.s.animation.
*/ */
animate?: boolean | undefined | null; animate?: boolean | null;
} }
const props = withDefaults(defineProps<MkTransitionGroupProps>(), { const props = withDefaults(defineProps<MkTransitionGroupProps>(), {