forked from mirrors/misskey
wip
This commit is contained in:
46
packages/frontend/src/pages/mahjong/huro.vue
Normal file
46
packages/frontend/src/pages/mahjong/huro.vue
Normal file
@@ -0,0 +1,46 @@
|
||||
<!--
|
||||
SPDX-FileCopyrightText: syuilo and other misskey contributors
|
||||
SPDX-License-Identifier: AGPL-3.0-only
|
||||
-->
|
||||
|
||||
<template>
|
||||
<div v-if="huro.type === 'ankan'" :class="[$style.root]">
|
||||
<XTile :tile="huro.tile" :variation="variation" :doras="doras"/>
|
||||
<XTile :tile="huro.tile" :variation="variation" :doras="doras"/>
|
||||
<XTile :tile="huro.tile" :variation="variation" :doras="doras"/>
|
||||
<XTile :tile="huro.tile" :variation="variation" :doras="doras"/>
|
||||
</div>
|
||||
<div v-else-if="huro.type === 'minkan'" :class="[$style.root]">
|
||||
<XTile :tile="huro.tile" :variation="variation" :doras="doras"/>
|
||||
<XTile :tile="huro.tile" :variation="variation" :doras="doras"/>
|
||||
<XTile :tile="huro.tile" :variation="variation" :doras="doras"/>
|
||||
<XTile :tile="huro.tile" :variation="variation" :doras="doras"/>
|
||||
</div>
|
||||
<div v-else-if="huro.type === 'cii'" :class="[$style.root]">
|
||||
<XTile :tile="huro.tiles[0]" :variation="variation" :doras="doras"/>
|
||||
<XTile :tile="huro.tiles[1]" :variation="variation" :doras="doras"/>
|
||||
<XTile :tile="huro.tiles[2]" :variation="variation" :doras="doras"/>
|
||||
</div>
|
||||
<div v-else :class="[$style.root]">
|
||||
<XTile :tile="huro.tile" :variation="variation" :doras="doras"/>
|
||||
<XTile :tile="huro.tile" :variation="variation" :doras="doras"/>
|
||||
<XTile :tile="huro.tile" :variation="variation" :doras="doras"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { computed } from 'vue';
|
||||
import * as Mahjong from 'misskey-mahjong';
|
||||
import XTile from './tile.vue';
|
||||
|
||||
const props = defineProps<{
|
||||
huro: Mahjong.Common.Huro;
|
||||
variation: string;
|
||||
doras: Mahjong.Common.Tile[];
|
||||
}>();
|
||||
</script>
|
||||
|
||||
<style lang="scss" module>
|
||||
.root {
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user