mirrors/misskey
1
0
Fork 1
mirror of https://github.com/misskey-dev/misskey.git synced 2026-05-24 12:44:04 +02:00
Code Releases Activity

fix(frontend): loosen MkButton props type (#17329)

Browse Source
This commit is contained in:
かっこかり
2026-04-21 16:37:59 +09:00
committed by GitHub
parent 6d15fe32d0
commit 351fe2f70a
1 changed files with 13 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
packages/frontend/src/components/MkButton.vue
View File

@@ -20,9 +20,13 @@ SPDX-License-Identifier: AGPL-3.0-only
</component> </component>
</template> </template>
<script lang="ts"> <script lang="ts" setup>
interface MkButtonBase { import { nextTick, computed, onMounted, useTemplateRef } from 'vue';
type?: string; import MkA from '@/components/global/MkA.vue';
import type { MkABehavior } from '@/components/global/MkA.vue';
const props = defineProps<{
type?: 'button' | 'submit' | 'reset' | 'a' | 'routerLink';
primary?: boolean; primary?: boolean;
gradate?: boolean; gradate?: boolean;
rounded?: boolean; rounded?: boolean;
@@ -37,37 +41,21 @@ interface MkButtonBase {
asLike?: boolean; asLike?: boolean;
iconOnly?: boolean; iconOnly?: boolean;
active?: boolean; active?: boolean;
}
interface MkButtonAsButton extends MkButtonBase { // for type=button
type?: 'button' | 'submit' | 'reset';
name?: string; name?: string;
value?: string; value?: string;
disabled?: boolean; disabled?: boolean;
}
interface MkButtonAsLink extends MkButtonBase { // for type=a
type: 'a'; href?: string;
href: string;
target?: string; target?: string;
rel?: string; rel?: string;
}
interface MkButtonAsRouterLink extends MkButtonBase { // for type=routerLink
type: 'routerLink'; to?: string;
to: string;
linkBehavior?: MkABehavior; linkBehavior?: MkABehavior;
} }>();
export type MkButtonProps = MkButtonAsButton | MkButtonAsLink | MkButtonAsRouterLink;
</script>
<script lang="ts" setup>
import { nextTick, computed, onMounted, useTemplateRef } from 'vue';
import MkA from '@/components/global/MkA.vue';
import type { MkABehavior } from '@/components/global/MkA.vue';
const props = defineProps<MkButtonProps>();
const emit = defineEmits<{ const emit = defineEmits<{
(ev: 'click', payload: PointerEvent): void; (ev: 'click', payload: PointerEvent): void;