forked from FoundKeyGang/FoundKey
remove unused code
This commit is contained in:
parent
ca524a050e
commit
ce45f9f1b0
GPG key ID:
9EE6577A2A06F8F1
4 changed files with 0 additions and 144 deletions
|
|
@ -1,15 +0,0 @@
|
||||||
<template>
|
|
||||||
<span class="mk-file-type-icon">
|
|
||||||
<template v-if="kind == 'image'"><i class="fas fa-file-image"></i></template>
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import { computed } from 'vue';
|
|
||||||
|
|
||||||
const props = defineProps<{
|
|
||||||
type: string;
|
|
||||||
}>();
|
|
||||||
|
|
||||||
const kind = computed(() => props.type.split('/')[0]);
|
|
||||||
</script>
|
|
||||||
|
|
@ -1,77 +0,0 @@
|
||||||
<template>
|
|
||||||
<MkModal ref="modal" :z-priority="'middle'" @click="modal.close()" @closed="emit('closed')">
|
|
||||||
<div class="xubzgfga">
|
|
||||||
<header>{{ image.name }}</header>
|
|
||||||
<img :src="image.url" :alt="image.comment" :title="image.comment" @click="modal.close()"/>
|
|
||||||
<footer>
|
|
||||||
<span>{{ image.type }}</span>
|
|
||||||
<span>{{ bytes(image.size) }}</span>
|
|
||||||
<span v-if="image.properties && image.properties.width">{{ number(image.properties.width) }}px × {{ number(image.properties.height) }}px</span>
|
|
||||||
</footer>
|
|
||||||
</div>
|
|
||||||
</MkModal>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import { } from 'vue';
|
|
||||||
import * as misskey from 'misskey-js';
|
|
||||||
import bytes from '@/filters/bytes';
|
|
||||||
import number from '@/filters/number';
|
|
||||||
import MkModal from '@/components/ui/modal.vue';
|
|
||||||
|
|
||||||
const props = withDefaults(defineProps<{
|
|
||||||
image: misskey.entities.DriveFile;
|
|
||||||
}>(), {
|
|
||||||
});
|
|
||||||
|
|
||||||
const emit = defineEmits<{
|
|
||||||
(ev: 'closed'): void;
|
|
||||||
}>();
|
|
||||||
|
|
||||||
const modal = $ref<InstanceType<typeof MkModal>>();
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.xubzgfga {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
> header,
|
|
||||||
> footer {
|
|
||||||
align-self: center;
|
|
||||||
display: inline-block;
|
|
||||||
padding: 6px 9px;
|
|
||||||
font-size: 90%;
|
|
||||||
background: rgba(0, 0, 0, 0.5);
|
|
||||||
border-radius: 6px;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
> header {
|
|
||||||
margin-bottom: 8px;
|
|
||||||
opacity: 0.9;
|
|
||||||
}
|
|
||||||
|
|
||||||
> img {
|
|
||||||
display: block;
|
|
||||||
flex: 1;
|
|
||||||
min-height: 0;
|
|
||||||
object-fit: contain;
|
|
||||||
width: 100%;
|
|
||||||
cursor: zoom-out;
|
|
||||||
image-orientation: from-image;
|
|
||||||
}
|
|
||||||
|
|
||||||
> footer {
|
|
||||||
margin-top: 8px;
|
|
||||||
opacity: 0.8;
|
|
||||||
|
|
||||||
> span + span {
|
|
||||||
margin-left: 0.5em;
|
|
||||||
padding-left: 0.5em;
|
|
||||||
border-left: solid 1px rgba(255, 255, 255, 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,17 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="evrzpitu"></div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts">
|
|
||||||
import { defineComponent } from 'vue';
|
|
||||||
import * as os from '@/os';
|
|
||||||
|
|
||||||
export default defineComponent({});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.evrzpitu
|
|
||||||
margin 16px 0
|
|
||||||
border-bottom solid var(--lineWidth) var(--faceDivider)
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,35 +0,0 @@
|
||||||
import { Directive } from 'vue';
|
|
||||||
import { getScrollContainer, getScrollPosition } from '@/scripts/scroll';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
mounted(src, binding, vn) {
|
|
||||||
if (binding.value === false) return;
|
|
||||||
|
|
||||||
let isBottom = true;
|
|
||||||
|
|
||||||
const container = getScrollContainer(src)!;
|
|
||||||
container.addEventListener('scroll', () => {
|
|
||||||
const pos = getScrollPosition(container);
|
|
||||||
const viewHeight = container.clientHeight;
|
|
||||||
const height = container.scrollHeight;
|
|
||||||
isBottom = (pos + viewHeight > height - 32);
|
|
||||||
}, { passive: true });
|
|
||||||
container.scrollTop = container.scrollHeight;
|
|
||||||
|
|
||||||
const ro = new ResizeObserver((entries, observer) => {
|
|
||||||
if (isBottom) {
|
|
||||||
const height = container.scrollHeight;
|
|
||||||
container.scrollTop = height;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
ro.observe(src);
|
|
||||||
|
|
||||||
// TODO: 新たにプロパティを作るのをやめMapを使う
|
|
||||||
src._ro_ = ro;
|
|
||||||
},
|
|
||||||
|
|
||||||
unmounted(src, binding, vn) {
|
|
||||||
if (src._ro_) src._ro_.unobserve(src);
|
|
||||||
}
|
|
||||||
} as Directive;
|
|
||||||
Loading…
Reference in a new issue